.brand-story-video{padding-top:var(--brand-story-padding-top);padding-bottom:var(--brand-story-padding-bottom)}.brand-story-video__inner{display:flex;justify-content:center}.brand-story-video__trigger{position:relative;display:block;width:min(100%,var(--brand-story-max-width));padding:0;overflow:hidden;border:0;border-radius:var(--brand-story-radius);background:transparent;color:rgb(var(--color-foreground));cursor:pointer;aspect-ratio:var(--brand-story-desktop-ratio)}.brand-story-video__picture,.brand-story-video__poster,.brand-story-video__placeholder{display:block;width:100%;height:100%}.brand-story-video__poster,.brand-story-video__placeholder{object-fit:cover}.brand-story-video__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--brand-story-overlay));transition:background .18s ease}.brand-story-video__trigger:hover .brand-story-video__shade,.brand-story-video__trigger:focus-visible .brand-story-video__shade{background:rgb(0 0 0 / calc(var(--brand-story-overlay) + .08))}.brand-story-video__play{position:absolute;top:50%;left:50%;width:clamp(58px,8vw,88px);height:clamp(58px,8vw,88px);transform:translate(-50%,-50%);filter:drop-shadow(0 4px 16px rgb(0 0 0 / .25));transition:transform .18s ease}.brand-story-video__trigger:hover .brand-story-video__play,.brand-story-video__trigger:focus-visible .brand-story-video__play{transform:translate(-50%,-50%) scale(1.06)}.brand-story-video__play svg{display:block;width:100%;height:100%}.brand-story-video__play circle{fill:#ffffffeb;stroke:#ffffff8c}.brand-story-video__play path{fill:#191919e6}.brand-story-video__label{position:absolute;right:20px;bottom:18px;left:20px;color:#fff;font-size:clamp(1.4rem,1.6vw,1.9rem);line-height:1.3;text-align:center;text-shadow:0 2px 10px rgb(0 0 0 / .4)}.brand-story-video__dialog{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:clamp(16px,3vw,42px);overflow:hidden;border:0;background:#0c0c0cfa}.brand-story-video__dialog::backdrop{background:#000000d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-story-video__dialog-inner{display:grid;width:100%;height:100%;place-items:center}.brand-story-video__close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:2;display:grid;width:46px;height:46px;padding:0;border:1px solid rgb(255 255 255 / .35);border-radius:50%;background:#00000073;color:#fff;cursor:pointer;place-items:center}.brand-story-video__close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.brand-story-video__player{width:100%;height:100%}.brand-story-video__video{display:block;width:100%;height:100%;object-fit:contain}.brand-story-video__player--mobile{display:none}@media screen and (max-width:749px){.brand-story-video__trigger{width:min(100%,var(--brand-story-mobile-width));aspect-ratio:var(--brand-story-mobile-ratio)}.brand-story-video__label{right:14px;bottom:14px;left:14px}.brand-story-video__dialog{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.brand-story-video__player--desktop{display:none}.brand-story-video__player--mobile{display:block}}@media(prefers-reduced-motion:reduce){.brand-story-video__shade,.brand-story-video__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map */