.spotlightOverlay{z-index:10000;-webkit-backdrop-filter:blur(1.5em);backdrop-filter:blur(1.5em);opacity:0;will-change:opacity;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.spotlightOverlay:after{content:"";z-index:-1;mix-blend-mode:lighten;filter:var(--shopNoiseFilter,none);opacity:.1;pointer-events:none;background-image:url(/images/ui/gradient_noise/01.webp);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.spotlightOverlay .button.outline{--iconSize:1.6em;--surfaceSize:3.5em}.spotlightOverlay .button.outline:hover{scale:1.02}.spotlightOverlay .button.outline:hover:active{scale:.95}.spotlightOverlay.fromSpotlightPage .spotlightCounter{display:none}.spotlightContainer{flex-direction:column;align-items:center;width:100%;max-width:28rem;height:100dvh;display:flex;position:relative}.spotlightCloseBtn{z-index:10;position:absolute;top:5em;right:-5em;transform:translateY(-50%)}.spotlightNav{z-index:10;--text:var(--white);color:var(--text);--border:color-mix(in srgb,var(--text)45%,transparent);flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:-5em;transform:translateY(-50%)}.spotlightNavBtn{cursor:pointer}.spotlightNavBtn:disabled{opacity:.3!important}.spotlightCounter{font-family:var(--fontEng);font-variation-settings:"wght" 260,"wdth" 89;white-space:nowrap;gap:.1em;margin-top:.5em;font-size:1.2em;font-weight:300}.spotlightCounter b{font-variation-settings:"wght" 200,"wdth" 89;opacity:.6}.spotlightFeed{scroll-snap-type:y mandatory;scroll-behavior:auto;overscroll-behavior:contain;scrollbar-width:none;opacity:0;will-change:opacity;width:100%;height:100%;overflow-y:scroll}.spotlightFeed::-webkit-scrollbar{display:none}.spotlightSlide{scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.spotlightSlide .spotlightFeedCard{aspect-ratio:9/16;border-radius:var(--radius-xl);background:var(--black);width:100%;height:auto}.spotlightSlide .spotlightFeedCard .mediaCardVisual{background:var(--black);justify-content:center;align-items:center;display:flex}.spotlightSlide .spotlightFeedCard .mediaCardVisual img,.spotlightSlide .spotlightFeedCard .mediaCardVisual video{object-fit:contain;width:100%;height:auto;max-height:100%;transform:scale(1)}.spotlightSlide .spotlightFeedCard:hover .mediaCardVisual img,.spotlightSlide .spotlightFeedCard:hover .mediaCardVisual video{transform:scale(1)}.spotlightSlide .spotlightFeedCard .mediaCardFooter{padding:0 1.3em 1.3em}.spotlightSlide .spotlightFeedCard .mediaCardTopBar,.spotlightSlide .spotlightFeedCard .mediaCardBody{font-size:1.3em}.spotlightSlide .spotlightFeedCard .mediaCardComment{font-size:.8em}.spotlightMorph{z-index:10003;pointer-events:none;border-radius:var(--radius-xl);transform-origin:50%;will-change:top,left,width,height,border-radius,opacity;backface-visibility:hidden;contain:layout paint style;display:none;position:fixed;overflow:hidden}.spotlightMorph img,.spotlightMorph video{object-fit:cover;object-position:center;border-radius:inherit;transform-origin:50%;will-change:transform,opacity;backface-visibility:hidden;width:100%;height:100%;display:block;transform:scale(1.02)}@media (max-width:900px){.spotlightOverlay{-webkit-backdrop-filter:blur(.8em);backdrop-filter:blur(.8em);justify-content:stretch;align-items:stretch}.spotlightContainer{width:100vw;max-width:none;height:100dvh}.spotlightCloseBtn{top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));transform:none}.spotlightNav{left:auto;right:calc(.8rem + env(safe-area-inset-right));flex-direction:column;gap:.45rem;top:50%;bottom:auto;transform:translateY(-50%)}.spotlightCounter{margin-top:.15rem;font-size:1rem}.spotlightFeed{height:100dvh}.spotlightSlide{justify-content:stretch;align-items:stretch;height:100dvh;min-height:100dvh}.spotlightSlide .spotlightFeedCard{aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh;max-height:none}.spotlightSlide .spotlightFeedCard .mediaCardVisual{padding:0}.spotlightSlide .spotlightFeedCard .mediaCardFooter{padding:0 1rem calc(1rem + env(safe-area-inset-bottom))}.spotlightSlide .spotlightFeedCard .mediaCardTopBar{padding:calc(1rem + env(safe-area-inset-top))1rem 1rem}.spotlightSlide .spotlightFeedCard .mediaCardTopBar,.spotlightSlide .spotlightFeedCard .mediaCardBody{font-size:1em}.spotlightSlide .spotlightFeedCard .mediaCardComment{font-size:.74rem}}