.hero-glass{position:relative;display:block;overflow:hidden;background:#111}.hero-glass__viewport{position:relative;width:100%;min-height:12rem}.hero-glass__viewport:before{content:"";display:block;padding-bottom:var(--pad-m, 125%)}@media screen and (min-width:750px){.hero-glass__viewport:before{padding-bottom:var(--pad-d, 42.55%)}}.hero-glass__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s ease}.hero-glass__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.hero-glass__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;text-decoration:none;cursor:pointer}.hero-glass__link:focus-visible{outline:2px solid rgba(45,104,196,.7);outline-offset:-4px}.hero-glass__picture,.hero-glass__placeholder,.hero-glass__img{display:block;width:100%;height:100%}.hero-glass__img,.hero-glass__placeholder{object-fit:contain;object-position:center}.hero-glass__arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);padding:0;border:0;background:transparent;cursor:pointer;color:#141b4d;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1)}.hero-glass__arrow--prev{left:max(2rem,env(safe-area-inset-left))}.hero-glass__arrow--next{right:max(2rem,env(safe-area-inset-right))}.hero-glass__arrow-circle{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#ffffffeb;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 24px #141b4d29;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);transition:background-color .2s ease,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.hero-glass__arrow-circle svg{width:1.8rem;height:1.8rem;display:block}.hero-glass__arrow:hover .hero-glass__arrow-circle,.hero-glass__arrow:focus-visible .hero-glass__arrow-circle{background:#fff;transform:scale(1.06);box-shadow:0 10px 28px #141b4d38}.hero-glass__arrow:focus-visible{outline:none}.hero-glass:hover .hero-glass__arrow,.hero-glass.is-hover .hero-glass__arrow,.hero-glass:focus-within .hero-glass__arrow{opacity:1;pointer-events:auto}.hero-glass__pills{position:absolute;z-index:2;left:50%;bottom:max(3.25rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.42rem .5rem;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.32);box-shadow:none;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}.hero-glass__pill{position:relative;width:.55rem;height:.55rem;padding:0;border:0;border-radius:999px;overflow:hidden;background:#ffffff61;cursor:pointer;transition:width .4s ease,background .3s ease}.hero-glass__pill.is-active{width:2.15rem;background:#ffffff38}.hero-glass__pill-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left center;background:#fff;border-radius:inherit;pointer-events:none}.hero-glass[data-autoplay=true] .hero-glass__pill.is-active .hero-glass__pill-fill{animation:hero-glass-fill var(--hero-glass-speed, 5s) linear forwards}.hero-glass.is-paused .hero-glass__pill-fill{animation-play-state:paused}@keyframes hero-glass-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media screen and (min-width:750px){.hero-glass__pills{bottom:4rem}.hero-glass__arrow--prev{left:max(4rem,env(safe-area-inset-left))}.hero-glass__arrow--next{right:max(4rem,env(safe-area-inset-right))}.hero-glass__arrow-circle{width:5rem;height:5rem}}@media screen and (min-width:1200px){.hero-glass__arrow--prev{left:max(5.5rem,env(safe-area-inset-left))}.hero-glass__arrow--next{right:max(5.5rem,env(safe-area-inset-right))}}@media(hover:none){.hero-glass__arrow{opacity:.92;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.hero-glass__arrow,.hero-glass__arrow-circle,.hero-glass__pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/hero-glass.css.map */