.mmh{position:relative;background-color:var(--mmh-bg, #ffffff);padding-top:var(--mmh-pt, 0);padding-bottom:var(--mmh-pb, 40px);overflow:hidden;text-align:center}.mmh__slider{display:block}.mmh:has(.mmh__hotspot.is-open){overflow:visible;z-index:10}.mmh:has(.mmh__hotspot.is-open) .mmh__viewport{overflow:visible}.mmh__viewport{position:relative;overflow:hidden;aspect-ratio:1 / 1;touch-action:pan-y pinch-zoom}@media screen and (min-width:769px){.mmh__viewport{aspect-ratio:1920 / 670}}.mmh__track{display:grid;height:100%;user-select:none;-webkit-user-select:none}.mmh__slide{position:relative;grid-area:1 / 1 / 2 / 2;height:100%;display:flex;justify-content:center;align-items:flex-end;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility 0s linear .6s}.mmh__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s ease}.mmh__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.mmh__bg picture{display:block;width:100%;height:100%}.mmh__bg-image{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.mmh__bg--mobile-fallback .mmh__bg-image{object-fit:unset}}.mmh__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.mmh__media picture{display:block;width:100%;height:100%}.mmh__image{display:block;width:100%;height:100%;object-fit:contain}.mmh__image.mmh-zoomable{cursor:zoom-in}.mmh__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffffd9;color:var(--colorTextBody, #1c1d1d);box-shadow:0 2px 10px #0000001f;cursor:pointer;transition:background .2s ease}.mmh__nav:hover{background:#fff}.mmh__nav svg{width:20px;height:20px}.mmh__nav--prev{left:12px}.mmh__nav--next{right:12px}.mmh__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;transition:opacity .6s ease}.mmh__hotspots.is-inactive{opacity:0;visibility:hidden}.mmh__hotspot{position:absolute;left:var(--mmh-x);top:var(--mmh-y);transform:translate(-50%,-50%);pointer-events:none}@media screen and (max-width:768px){.mmh__hotspot{left:var(--mmh-x-m);top:var(--mmh-y-m)}}.mmh__dot{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:2px solid var(--mmh-dot-border, #E8752A);border-radius:50%;background:var(--mmh-dot-bg, #F7F0E0);color:var(--mmh-dot-fg, #000000);cursor:pointer;pointer-events:auto;transition:transform .2s ease}.mmh__dot:before,.mmh__dot:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(1);border-radius:50%;background:color-mix(in srgb,var(--mmh-dot-border, #E8752A) 65%,transparent);z-index:-1;pointer-events:none;animation:mmh-pulse 2s ease-out infinite}.mmh__dot:after{animation-delay:1s}@keyframes mmh-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.mmh__dot:hover,.mmh__hotspot.is-open .mmh__dot{transform:scale(1.08)}.mmh__dot-num{font-family:var(--typeBasePrimary, "NeulisSans"),sans-serif;font-size:.75rem;font-weight:600;line-height:1}.mmh__tooltip{position:absolute;top:calc(100% + 12px);bottom:auto;z-index:6;width:max-content;max-width:220px;padding:16px 18px;border-radius:12px;background:#fff;box-shadow:0 10px 30px #00000029;text-align:center;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;pointer-events:none}.mmh__hotspot.is-open .mmh__tooltip{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;pointer-events:auto}.mmh__tooltip-title{margin:0 0 6px;font-family:var(--typeBasePrimary, "NeulisSans"),sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--colorTextBody, #1c1d1d)}.mmh__tooltip-text{font-family:var(--typeBasePrimary, "NeulisSans"),sans-serif;font-size:.9rem;line-height:1.45;color:var(--colorTextBody, #1c1d1d)}.mmh__tooltip-text>:first-child{margin-top:0}.mmh__tooltip-text>:last-child{margin-bottom:0}.mmh__tooltip-more{display:inline;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--colorTextBody, #1c1d1d);text-decoration:underline;text-underline-offset:2px;cursor:pointer;white-space:nowrap}.mmh__tooltip-more[hidden]{display:none}.mmh__modal{max-width:min(460px,calc(100vw - 40px));width:100%;max-height:80vh;padding:0;border:0;background:transparent;overflow:visible;opacity:0;transition:opacity .2s ease}.mmh__modal.is-open{opacity:1}.mmh__modal::backdrop{background:#00000080;opacity:0;transition:opacity .2s ease}.mmh__modal.is-open::backdrop{opacity:1}.mmh__modal-dialog{position:relative;max-height:80vh;overflow-y:auto;overscroll-behavior:contain;padding:36px 30px 30px;border-radius:16px;background:#fff;box-shadow:0 20px 60px #00000040;text-align:center;transform:translateY(8px);transition:transform .2s ease}.mmh__modal.is-open .mmh__modal-dialog{transform:translateY(0)}.mmh__modal-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:none;color:var(--colorTextBody, #1c1d1d);cursor:pointer;transition:background .2s ease}.mmh__modal-close:hover{background:#0000000f}.mmh__modal-close svg{width:20px;height:20px}.mmh__modal-title{margin:0 0 12px;font-family:var(--typeBasePrimary, "NeulisSans"),sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--colorTextBody, #1c1d1d)}.mmh__modal-title[hidden]{display:none}.mmh__modal-text{font-family:var(--typeBasePrimary, "NeulisSans"),sans-serif;font-size:1rem;line-height:1.6;color:var(--colorTextBody, #1c1d1d);white-space:pre-line}@media screen and (min-width:769px){.mmh-d-center .mmh__tooltip{left:50%;transform:translate(-50%) translateY(4px)}.mmh-d-center.is-open .mmh__tooltip{transform:translate(-50%) translateY(0)}.mmh-d-right .mmh__tooltip{left:-28px;text-align:left}.mmh-d-left .mmh__tooltip{right:-28px;text-align:right}}@media screen and (max-width:768px){.mmh-m-center .mmh__tooltip{left:50%;transform:translate(-50%) translateY(4px)}.mmh-m-center.is-open .mmh__tooltip{transform:translate(-50%) translateY(0)}.mmh-m-right .mmh__tooltip{left:-22px;text-align:left}.mmh-m-left .mmh__tooltip{right:-22px;text-align:right}}.mmh__content{position:relative;z-index:3;margin-top:16px}.mmh__title{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.35em;max-width:var(--mmh-text-max, 600px);margin:0 auto;font-family:var(--typeHeaderPrimary, "Larken"),serif;font-weight:500;font-size:clamp(1.9rem,7vw,3.25rem);line-height:1.1;color:var(--colorTextBody, #1c1d1d)}.mmh__description{max-width:var(--mmh-text-max, 600px);margin:14px auto 0;font-family:var(--typeBasePrimary, "NeulisSans"),sans-serif;font-size:1rem;line-height:1.6;color:var(--colorTextBody, #1c1d1d)}.mmh__description>:first-child,.mmh__description>.metafield-rich_text_field>:first-child{margin-top:0}.mmh__description>:last-child,.mmh__description>.metafield-rich_text_field>:last-child{margin-bottom:0}.mmh__description p{margin:0 0 .85em}.mmh__description strong,.mmh__description b{font-weight:600}@media screen and (max-width:768px){.mmh__tooltip{max-width:200px;padding:11px 13px}}@media screen and (min-width:769px){.mmh__content{margin-top:24px}.mmh__description{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.mmh__slide,.mmh__tooltip{transition:none}.mmh__dot:before{animation:none;opacity:.4;transform:translate(-50%,-50%) scale(2.3)}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/metamorphosis-media-hotspots.css.map */