.slider-navigation-wrap{width:100%}.slider-navigation-wrap--day{--slider-navigation-arrow-background: #000004;--slider-navigation-arrow-color: #ffffff;--slider-navigation-progress-track: #d9d9d9;--slider-navigation-progress: #000004;--slider-navigation-disabled-arrow-background: rgba(255, 255, 255, .2);--slider-navigation-disabled-arrow-color: #000004}.slider-navigation-wrap--day .slider-navigation__button:disabled,.slider-navigation-wrap--day .slider-navigation__button.is-disabled{border:1px solid var(--slider-navigation-disabled-arrow-color, #000004)}.slider-navigation-wrap--night{--slider-navigation-arrow-background: #ffffff;--slider-navigation-arrow-color: #000004;--slider-navigation-progress-track: rgba(220, 220, 220, .2);--slider-navigation-progress: #ffffff;--slider-navigation-disabled-arrow-background: rgba(255, 255, 255, .2);--slider-navigation-disabled-arrow-color: #ffffff}.slider-navigation{display:flex;align-items:center;gap:calc(24 * var(--content-ratio-m))}.slider-navigation__arrows{display:flex;flex:0 0 auto;align-items:center;gap:calc(18 * var(--content-ratio-m))}.slider-navigation__button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:calc(34 * var(--content-ratio-m));height:calc(34 * var(--content-ratio-m));padding:0;border:0;border-radius:50%;background:var(--slider-navigation-arrow-background, #ffffff);color:var(--slider-navigation-arrow-color, #000004);-webkit-appearance:none;appearance:none;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.slider-navigation__button svg{width:calc(16 * var(--content-ratio-m));height:calc(16 * var(--content-ratio-m))}.slider-navigation__button:hover:not(:disabled):not(.is-disabled){transform:scale(1.05)}.slider-navigation__button:disabled,.slider-navigation__button.is-disabled{background:var(--slider-navigation-disabled-arrow-background, rgba(255, 255, 255, .2));color:var(--slider-navigation-disabled-arrow-color, #ffffff);cursor:default;pointer-events:none;transform:none}.slider-navigation__button:focus-visible{outline:2px solid currentColor;outline-offset:3px;box-shadow:0 0 0 4px var(--slider-navigation-arrow-background, #ffffff)}.slider-navigation__button--pause .slider-navigation__icon-play,.slider-navigation__button--pause.is-paused .slider-navigation__icon-pause{display:none}.slider-navigation__button--pause.is-paused .slider-navigation__icon-play{display:block}.slider-navigation__progress{position:relative;flex:0 0 auto;width:calc(137 * var(--content-ratio-m));height:calc(3 * var(--content-ratio-m));border-radius:40px;background:var(--slider-navigation-progress-track, rgba(220, 220, 220, .2));overflow:hidden}.slider-navigation__progress-fill{position:absolute;inset:0 auto 0 0;width:0;height:100%;border-radius:40px;background:var(--slider-navigation-progress, #ffffff);transition:transform .35s ease}@media(min-width:768px){.slider-navigation{gap:calc(42 * var(--content-ratio))}.slider-navigation__arrows{gap:calc(28 * var(--content-ratio))}.slider-navigation__button{width:calc(50 * var(--content-ratio));height:calc(50 * var(--content-ratio))}.slider-navigation__button svg{width:calc(24 * var(--content-ratio));height:calc(24 * var(--content-ratio))}.slider-navigation__progress{width:calc(208 * var(--content-ratio));height:calc(5.5 * var(--content-ratio))}}@media(prefers-reduced-motion:reduce){.slider-navigation__button,.slider-navigation__progress-fill{transition:none}.slider-navigation__button:hover:not(:disabled):not(.is-disabled){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-slider-navigation.css.map */