.eyeoo-fv{padding-top:var(--fv-pt, 40px);padding-bottom:var(--fv-pb, 40px)}.eyeoo-fv__stage{position:relative;width:min(var(--fv-max, 1240px),calc(100% - 2 * var(--eyeoo-gutter-m, 24px)));margin:0 auto;aspect-ratio:var(--fv-ratio, 16 / 9);overflow:hidden;border-radius:var(--fv-radius, 28px);background:#151517}.eyeoo-fv__media{position:absolute;top:0;right:0;bottom:0;left:0}.eyeoo-fv__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s cubic-bezier(.22,.8,.24,1)}.eyeoo-fv__slide.is-active{opacity:1}.eyeoo-fv__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fv-pos, right center)}.eyeoo-fv__list{position:absolute;top:40px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:min(var(--fv-list-w, 320px),42%)}.eyeoo-fv--list-left .eyeoo-fv__list{left:40px}.eyeoo-fv--list-right .eyeoo-fv__list{right:40px;align-items:flex-end}.eyeoo-fv__item{width:100%}.eyeoo-fv__tab{display:inline-flex;align-items:center;gap:10px;width:100%;padding:11px 20px 11px 12px;border:1px solid rgba(247,246,243,.14);border-radius:999px;background:#1e1e20b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:inherit;font-size:1.3rem;font-weight:600;letter-spacing:.01em;text-align:start;color:#f7f6f3;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .3s cubic-bezier(.22,.8,.24,1),border-color .3s cubic-bezier(.22,.8,.24,1),color .3s cubic-bezier(.22,.8,.24,1)}.eyeoo-fv__tab:hover{background:#323235cc}.eyeoo-fv__tab[aria-expanded=true]{border-color:#f7f6f3;background:#f7f6f3;color:#0b0b0c}.eyeoo-fv__tab:focus-visible{outline:2px solid #f7f6f3;outline-offset:3px}.eyeoo-fv__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;transition:transform .3s cubic-bezier(.22,.8,.24,1)}.eyeoo-fv__tab[aria-expanded=true] .eyeoo-fv__icon{transform:rotate(45deg)}.eyeoo-fv__icon svg{display:block;width:60%;height:60%}.eyeoo-fv__swatch{flex:0 0 auto;width:20px;height:20px;border:1px solid rgba(247,246,243,.4);border-radius:50%}.eyeoo-fv__panel{display:grid;grid-template-rows:0fr;width:100%;margin-top:0;transition:grid-template-rows .4s cubic-bezier(.22,.8,.24,1),margin-top .4s cubic-bezier(.22,.8,.24,1)}.eyeoo-fv__panel.is-open{grid-template-rows:1fr;margin-top:8px}.eyeoo-fv__panel-inner{min-height:0;overflow:hidden;border-radius:16px;background:#141416e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 18px;transition:padding .4s cubic-bezier(.22,.8,.24,1)}.eyeoo-fv__panel.is-open .eyeoo-fv__panel-inner{padding:16px 18px}p.eyeoo-fv__panel-title{margin:0 0 6px;font-size:1.45rem;font-weight:700;letter-spacing:-.01em;color:#f7f6f3}p.eyeoo-fv__panel-body{margin:0;font-size:1.3rem;line-height:1.5;color:#f7f6f3c7}.eyeoo-fv__hint{position:absolute;top:24px;right:24px;bottom:24px;left:24px;margin:0;padding:12px 16px;border:1px dashed rgba(247,246,243,.4);font-size:1.2rem;color:#f7f6f3cc}.eyeoo-fv__mpanel{display:none}@media(max-width:767px){.eyeoo-fv__stage{aspect-ratio:var(--fv-ratio-m, 4 / 5);border-radius:calc(var(--fv-radius, 28px) * .7)}.eyeoo-fv__list,.eyeoo-fv--list-left .eyeoo-fv__list,.eyeoo-fv--list-right .eyeoo-fv__list{top:auto;bottom:var(--fv-strip-bottom-m, 14px);left:0;right:0;flex-direction:row;align-items:center;gap:8px;max-width:none;padding:0 var(--fv-strip-pad-m, 14px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--fv-strip-pad-m, 14px);scrollbar-width:none}.eyeoo-fv__list::-webkit-scrollbar{display:none}.eyeoo-fv__item{flex:0 0 auto;width:auto;scroll-snap-align:start}.eyeoo-fv__tab{width:auto;padding:9px 16px 9px 10px;font-size:1.2rem;white-space:nowrap}.eyeoo-fv__panel{display:none}.eyeoo-fv__mpanel{display:grid;grid-template-rows:0fr;width:min(var(--fv-max, 1240px),calc(100% - 2 * var(--eyeoo-gutter-m, 24px)));margin:0 auto;transition:grid-template-rows .4s cubic-bezier(.22,.8,.24,1)}.eyeoo-fv__mpanel.is-open{grid-template-rows:1fr}.eyeoo-fv__mpanel-inner{min-height:0;overflow:hidden;padding:0 4px;transition:padding .4s cubic-bezier(.22,.8,.24,1)}.eyeoo-fv__mpanel.is-open .eyeoo-fv__mpanel-inner{padding:18px 4px 4px}.eyeoo-fv__mpanel p.eyeoo-fv__panel-title{color:var(--eyeoo-ink, #111)}.eyeoo-fv__mpanel p.eyeoo-fv__panel-body{color:var(--eyeoo-muted, rgba(0, 0, 0, .65))}.eyeoo-fv__hint{top:16px;right:16px;bottom:16px;left:16px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/eyeoo-feature-viewer.css.map */