t21-gallery{display:block}.t21-gal{--gap:12px;--w:min(80vw,520px);--arrow:40px;padding-block:clamp(72px,10vw,128px)}.t21-gal--small{--w:min(64vw,420px)}.t21-gal--large{--w:min(88vw,640px)}@media(min-width:750px){.t21-gal{--gap:20px;--w:clamp(320px,40vw,680px);--arrow:44px}.t21-gal--small{--w:clamp(260px,28vw,460px)}.t21-gal--large{--w:clamp(420px,56vw,960px)}}.t21-gal__head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,48px)}.t21-gal__head .t21-lead{max-width:34em}.t21-gal__stage{position:relative}.t21-gal__vp{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--t21-gutter);scrollbar-width:none;-webkit-user-select:none;user-select:none}.t21-gal__vp::-webkit-scrollbar{display:none}.t21-gal__track{display:flex;gap:var(--gap);width:max-content;margin:0;padding:0 var(--t21-gutter);list-style:none}.t21-gal__item{flex:none;width:var(--w);scroll-snap-align:start}.t21-gal__fig{margin:0}.t21-gal__media{position:relative;aspect-ratio:var(--ratio,16 / 9);overflow:hidden;border-radius:var(--t21-r);background:#0d0d0e}.t21-gal__img,.t21-gal__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}.t21-gal__video{opacity:0;transition:opacity var(--t21-d-reveal) var(--t21-ease-out)}.t21-gal__video.is-playing{opacity:1}.t21-gal__cap{margin-top:12px;font-size:15px;line-height:1.5;color:var(--t21-c-tx2)}@media(hover:hover)and (pointer:fine){.t21-gal.is-ready .t21-gal__vp{cursor:grab}}.t21-gal__vp.is-dragging{scroll-snap-type:none;cursor:grabbing}.t21-gal__nav{position:absolute;inset-inline:0;top:0;height:calc(var(--w) / (var(--ratio,16 / 9)));display:flex;align-items:center;justify-content:space-between;padding-inline:8px;pointer-events:none}@media(min-width:750px){.t21-gal__nav{padding-inline:max(12px,calc(var(--t21-gutter) - var(--arrow) / 2))}}.t21-gal__arrow{position:relative;display:grid;place-items:center;width:var(--arrow);height:var(--arrow);padding:0;border:0;border-radius:50%;color:#f5f5f7;background:#1d1d1f8f;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s var(--t21-ease-io),transform .16s var(--t21-ease-out)}.t21-gal__arrow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff24;opacity:0;transition:opacity .16s var(--t21-ease-io)}.t21-gal__arrow svg{position:relative;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t21-gal__arrow:active{transform:scale(.97);transition-duration:.1s}.t21-gal__arrow:focus-visible{outline:2px solid #2997ff;outline-offset:3px}.t21-gal__arrow[aria-disabled=true]{opacity:.32;cursor:default}.t21-gal__arrow[aria-disabled=true]:active{transform:none}@media(hover:hover)and (pointer:fine){.t21-gal__arrow:not([aria-disabled=true]):hover:before{opacity:1}}.t21-gal__dots{display:flex;justify-content:center;margin-top:20px}.t21-gal__dot{display:grid;place-items:center;width:24px;height:32px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.t21-gal__dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#f5f5f7;opacity:.28;transition:opacity .2s var(--t21-ease-io)}.t21-gal__dot[aria-current=true]:before{opacity:1}.t21-gal__dot:focus-visible{outline:2px solid #2997ff;outline-offset:-4px;border-radius:8px}@media(hover:hover)and (pointer:fine){.t21-gal__dot:not([aria-current=true]):hover:before{opacity:.6}}.t21-gal:not(.is-ready) .t21-gal__nav,.t21-gal.is-static .t21-gal__nav{display:none}.t21-gal:not(.is-ready) .t21-gal__dots,.t21-gal.is-static .t21-gal__dots{visibility:hidden}.t21-gal__empty{padding-block:48px;color:var(--t21-c-tx2);font-size:15px}@media(prefers-reduced-motion:reduce){.t21-gal__video{transition-duration:var(--t21-d-fade)!important}.t21-gal__arrow,.t21-gal__arrow:active{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/t21-gallery.css.map */