.topset-hero__slides{display:grid;width:100%}.topset-hero__slide{grid-area:1 / 1;position:relative;display:flex;align-items:center;width:100%;min-width:0}.topset-hero--carousel .topset-hero__slide{opacity:0;visibility:hidden}.topset-hero--carousel .topset-hero__slide.is-active{opacity:1;visibility:visible;animation:topset-hero-entrada .45s ease}@keyframes topset-hero-entrada{0%{opacity:0}to{opacity:1}}.topset-hero__controls{position:absolute;left:0;right:0;bottom:2.8rem;z-index:2;display:flex;align-items:center;gap:.8rem}.topset-hero__arrow,.topset-hero__pause,.topset-hero__dot{border:0;background:none;padding:0;cursor:pointer;color:#fff}.topset-hero__arrow,.topset-hero__pause{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:1px solid rgba(255,255,255,.3);border-radius:50%;background-color:#11111159;transition:background-color .15s ease,border-color .15s ease}.topset-hero__pause{margin-left:.8rem}.topset-hero__arrow:hover,.topset-hero__pause:hover{background-color:var(--ts-accent);border-color:var(--ts-accent)}.topset-hero__icon{width:2rem;height:2rem}.topset-hero__icon--play,.topset-hero__pause[aria-pressed=true] .topset-hero__icon--pause{display:none}.topset-hero__pause[aria-pressed=true] .topset-hero__icon--play{display:block}.topset-hero__dots{display:flex;align-items:center;gap:.8rem;margin:0 .4rem}.topset-hero__dot{width:.9rem;height:.9rem;border-radius:50%;background-color:#fff6;transition:background-color .15s ease,transform .15s ease}.topset-hero__dot:hover{background-color:#ffffffbf}.topset-hero__dot.is-active{background-color:var(--ts-accent);transform:scale(1.25)}.topset-hero__arrow:focus-visible,.topset-hero__pause:focus-visible,.topset-hero__dot:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.topset-hero--carousel .topset-hero__inner{padding-bottom:9.6rem}@media screen and (max-width:749px){.topset-hero--carousel .topset-hero__inner{padding-bottom:8.8rem}.topset-hero__controls{bottom:2rem}.topset-hero__arrow,.topset-hero__pause{width:3.2rem;height:3.2rem}}@media(prefers-reduced-motion:reduce){.topset-hero--carousel .topset-hero__slide.is-active{animation:none}.topset-hero__dot{transition:none}.topset-hero__dot.is-active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/topset-hero.css.map */