.hpg-carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--hpg-carousel-controls-gap, 12px);margin-top:var(--hpg-carousel-controls-margin-top, 40px);--hpg-carousel-controls-size: 40px;--hpg-carousel-play-size: 44px;--hpg-carousel-controls-padding-x: 24px;--hpg-carousel-dot-size: 8px;--hpg-carousel-dot-gap: 4px;--hpg-carousel-dot-active-width: 24px;--hpg-carousel-play-icon-size: 18px;--hpg-carousel-control-transition-ms: var(--hpg-carousel-transition-ms, 1s)}.hpg-carousel-controls--dark{--hpg-carousel-controls-bg: rgba(255, 255, 255, .18);--hpg-carousel-dot-bg: rgba(255, 255, 255, .34);--hpg-carousel-dot-active-bg: #ffffff;--hpg-carousel-play-bg: rgba(255, 255, 255, .18);--hpg-carousel-play-color: #ffffff;--hpg-carousel-play-active-bg: #ffffff;--hpg-carousel-play-active-color: #1d1e1f}.hpg-carousel-controls--light{--hpg-carousel-controls-bg: #e4e7ef;--hpg-carousel-dot-bg: #9da1aa;--hpg-carousel-dot-active-bg: #1d1e1f;--hpg-carousel-play-bg: #e4e7ef;--hpg-carousel-play-color: #1d1e1f;--hpg-carousel-play-active-bg: #1d1e1f;--hpg-carousel-play-active-color: #ffffff}.hpg-carousel-controls__pagination{display:flex;align-items:center;gap:var(--hpg-carousel-dot-gap, 4px);height:var(--hpg-carousel-controls-size, 40px);padding:0 var(--hpg-carousel-controls-padding-x, 24px);border-radius:999px;background:var(--hpg-carousel-controls-bg, rgba(255, 255, 255, .18))}.hpg-carousel-controls__dot{-webkit-appearance:none;appearance:none;position:relative;width:var(--hpg-carousel-dot-size, 8px);height:var(--hpg-carousel-dot-size, 8px);padding:0;border:0;border-radius:999px;background:var(--hpg-carousel-dot-bg, rgba(255, 255, 255, .34));cursor:pointer;transition:width var(--hpg-carousel-control-transition-ms, 1s) ease,background-color var(--hpg-carousel-control-transition-ms, 1s) ease}.hpg-carousel-controls__dot.is-active{width:var(--hpg-carousel-dot-active-width, 24px);background:var(--hpg-carousel-dot-active-bg, #ffffff)}.hpg-carousel-controls__dot.is-active.is-video-progress{width:var(--hpg-carousel-dot-progress-width, 64px);overflow:hidden;background:var(--hpg-carousel-dot-bg, rgba(255, 255, 255, .34))}.hpg-carousel-controls__dot.is-active.is-video-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--hpg-carousel-dot-progress, 0) * 100%);max-width:100%;border-radius:inherit;background:var(--hpg-carousel-dot-active-bg, #ffffff)}.hpg-carousel-controls__play{-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--hpg-carousel-play-size, 44px);height:var(--hpg-carousel-play-size, 44px);padding:0;border:0;border-radius:50%;background:var(--hpg-carousel-play-bg, var(--hpg-carousel-controls-bg, rgba(255, 255, 255, .18)));color:var(--hpg-carousel-play-color, #ffffff);cursor:pointer;transition:background-color .36s ease,color .36s ease,transform .22s ease}.hpg-carousel-controls__play:hover{transform:scale(1.04)}.hpg-carousel-controls__play:active{transform:scale(.98)}.hpg-carousel-controls__play.is-playing{background:var(--hpg-carousel-play-active-bg, var(--hpg-carousel-play-color, #ffffff));color:var(--hpg-carousel-play-active-color, var(--hpg-carousel-play-bg, #1d1e1f))}.hpg-carousel-controls__play-icon{position:absolute;width:var(--hpg-carousel-play-icon-size, 18px);height:var(--hpg-carousel-play-icon-size, 18px);transition:opacity .36s ease,transform .36s ease}.hpg-carousel-controls__play-icon--play{opacity:1;transform:translate(1px) scale(1)}.hpg-carousel-controls__play-icon--pause{opacity:0;transform:scale(.72)}.hpg-carousel-controls__play.is-playing .hpg-carousel-controls__play-icon--play{opacity:0;transform:translate(1px) scale(.72)}.hpg-carousel-controls__play.is-playing .hpg-carousel-controls__play-icon--pause{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.hpg-carousel-controls__dot,.hpg-carousel-controls__play,.hpg-carousel-controls__play-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/component-hpg-carousel-controls.css.map */