.template-blog--reels .offer-band,.template-article--reel .offer-band{display:none}@media(max-width:1023px){.template-blog--reels .site-header,.template-article--reel .site-header{position:fixed;inset:0 0 auto;background:linear-gradient(rgb(0 0 0 / .6),transparent);border-bottom:0}.template-blog--reels .site-header__bar :is(.icon-btn,.chip),.template-article--reel .site-header__bar :is(.icon-btn,.chip){background:var(--bg)}}.reel-feed{display:block;position:relative}.reel-feed__list{position:relative;height:100vh;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:none;margin:0;padding:0;list-style:none}.reel-feed__list::-webkit-scrollbar{display:none}.reel-feed[data-end] .reel-feed__list{overscroll-behavior-y:auto}.reel{position:relative;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:var(--bg-sunken)}.reel__inner,.reel__media{position:absolute;top:0;right:0;bottom:0;left:0}.reel__poster,.reel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reel__video{opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.reel.is-playing .reel__video,.reel.has-played .reel__video{opacity:1}.reel__video::cue{font-family:var(--font-sans);font-size:15px;background:#000000b8}.reel__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:var(--text);font-size:64px;background:none;border:0}.reel__tap .icon{opacity:0;transition:opacity var(--dur-base) var(--ease-out);filter:drop-shadow(0 2px 12px rgb(0 0 0 / .5))}.reel.is-current:not(.is-playing) .reel__tap .icon{opacity:.9}.reel__overlay{position:absolute;left:0;right:calc(var(--space-16) + env(safe-area-inset-right));bottom:0;z-index:2;display:grid;gap:var(--space-2);justify-items:start;padding:var(--space-16) var(--margin) calc(var(--space-6) + env(safe-area-inset-bottom));padding-left:var(--margin);background:linear-gradient(transparent,rgb(0 0 0 / .6) var(--space-16),rgb(0 0 0 / .8));pointer-events:none}.reel__overlay>*{pointer-events:auto}.reel__title{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.reel__dek{color:var(--text);font-size:15px;line-height:1.4}.reel__products{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.reel__products:empty{display:none}.reel__rail{position:absolute;right:calc(var(--space-3) + env(safe-area-inset-right));bottom:calc(var(--space-24) + env(safe-area-inset-bottom));z-index:2;display:grid;gap:var(--space-3)}.reel__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);font-size:24px;color:var(--text);background:none;border:0;filter:drop-shadow(0 1px 6px rgb(0 0 0 / .65));transition:background-color var(--dur-base) var(--ease-out)}.reel__btn:hover{background:#00000059}.reel__btn:focus-visible{outline-offset:0;box-shadow:0 0 0 4px var(--bg)}.reel__btn[data-act=sound] .icon--on{display:none}.reel__btn[data-act=sound][aria-pressed=true] .icon--on{display:block}.reel__btn[data-act=sound][aria-pressed=true] .icon--off{display:none}.reel__btn[data-act=cc][aria-pressed=false]{color:var(--text-3)}.reel__post,.no-js .reel__tap,.no-js .reel__rail,.no-js .reel-feed__view{display:none}.reel--link{display:grid;place-items:center}.reel__link{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center}.reel__link-img{width:min(270px,60vw);height:auto;aspect-ratio:9 / 16;object-fit:cover}.reel__link-title{font-weight:800;font-size:19px;max-width:28ch}.reel--placeholder{background:var(--bg-sunken)}.reel-feed__pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--margin)}.reel-feed__pager[hidden]{display:none}.reel-feed__view{position:absolute;z-index:4;top:calc(64px + env(safe-area-inset-top));right:calc(var(--space-3) + env(safe-area-inset-right));width:var(--hit);height:var(--hit);display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:var(--text);background:var(--float-bg);border:var(--float-border)}.reel-feed[data-view=grid] .reel-feed__list{height:auto;overflow:visible;scroll-snap-type:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--catalog-gutter);padding-top:calc(64px + var(--hit) + var(--space-4))}.reel-feed[data-view=grid] .reel{height:auto;aspect-ratio:9 / 16;scroll-snap-align:none}.reel-feed[data-view=grid] .reel__video,.reel-feed[data-view=grid] .reel__rail,.reel-feed[data-view=grid] .reel__dek,.reel-feed[data-view=grid] .reel__products,.reel-feed[data-view=grid] .reel__post,.reel-feed[data-view=grid] .reel__tap .icon{display:none}.reel-feed[data-view=grid] .reel__overlay{right:0;padding:var(--space-8) var(--space-3) var(--space-3);background:linear-gradient(transparent,rgb(0 0 0 / .6) var(--space-8),rgb(0 0 0 / .8))}.reel-feed[data-view=grid] .reel__title{font-size:14px}.reel-feed[data-view=grid] .reel-feed__view{position:fixed}@media(min-width:1024px){.reel-feed__list,.reel{height:calc(100vh - 65px);height:calc(100dvh - 65px)}.reel__inner{position:relative;height:100%;display:grid;grid-template-columns:auto minmax(320px,440px);justify-content:center;gap:var(--space-16)}.reel__media{position:relative;inset:auto;height:100%;aspect-ratio:9 / 16}.reel__post{display:block;align-self:center;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:var(--space-8) 0;font-size:15px;line-height:1.55}.reel__body>*+*{margin-top:var(--space-4)}.reel__body h2{margin-top:var(--space-6);font-size:11px;font-family:var(--font-mono);font-weight:var(--type-data-weight);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.reel__post .reel__body ol{padding-left:0;list-style:none;counter-reset:step}.reel__body ol>li{counter-increment:step;display:grid;grid-template-columns:2em minmax(0,1fr)}.reel__body ol>li:before{content:counter(step,decimal-leading-zero);font-family:var(--font-mono);font-size:13px;color:var(--text-3);padding-top:2px}.reel__post .reel__body ul{padding-left:0;list-style:none}.reel__body ul>li{display:grid;grid-template-columns:2em minmax(0,1fr)}.reel__body ul>li:before{content:"";width:10px;height:1px;margin-top:.8em;background:var(--text-3)}.reel__body h2:has(+h3),.reel__body h2:has(+h3)~*{display:none}.reel-feed__view{top:var(--space-4)}.reel-feed[data-view=grid] .reel__inner{display:block}.reel-feed[data-view=grid] .reel__media{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;aspect-ratio:auto}.reel-feed[data-view=grid] .reel-feed__list{padding-top:calc(var(--hit) + var(--space-8))}}@media(prefers-reduced-motion:reduce){.reel__video,.reel__tap .icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-reels.css.map */