.custom-slider-navigation{--custom-nav-button-bg: 255, 255, 255;--custom-nav-button-bg-opacity: .9;--custom-nav-button-border-color: rgba(0, 0, 0, .1);--custom-nav-button-icon-color: #333333;--custom-nav-button-bg-hover: 255, 255, 255;--custom-nav-button-bg-hover-opacity: 1;--custom-nav-button-border-color-hover: rgba(0, 0, 0, .15);--custom-nav-button-icon-color-hover: #000000;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;width:100%}.custom-slider-navigation .slider-button{pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--custom-nav-button-border-color);background:rgba(var(--custom-nav-button-bg),var(--custom-nav-button-bg-opacity));color:var(--custom-nav-button-icon-color);cursor:pointer;transition:all .3s ease}.custom-slider-navigation .slider-button:hover{background:rgba(var(--custom-nav-button-bg-hover),var(--custom-nav-button-bg-hover-opacity));border-color:var(--custom-nav-button-border-color-hover);color:var(--custom-nav-button-icon-color-hover);box-shadow:0 2px 8px #00000026}.custom-slider-navigation .slider-button:hover svg path{stroke:var(--custom-nav-button-icon-color-hover)}.custom-slider-navigation .slider-button:disabled{opacity:.5;cursor:not-allowed;background:rgba(var(--custom-nav-button-bg),var(--custom-nav-button-bg-opacity));border-color:var(--custom-nav-button-border-color);color:var(--custom-nav-button-icon-color);box-shadow:none}.custom-slider-navigation .slider-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--custom-nav-button-border-color-hover)}@media screen and (max-width:989px){.custom-slider-navigation .slider-button{box-shadow:0 2px 8px #00000026}.custom-slider-navigation .slider-button:hover{box-shadow:0 4px 12px #0003}}@media(prefers-reduced-motion:reduce){.custom-slider-navigation .slider-button{transition:none}}.custom-slider-navigation .slider-button svg{width:32px;height:32px;flex-shrink:0}.custom-slider-navigation .slider-button svg path{stroke:var(--custom-nav-button-icon-color)}.custom-slider-navigation .slider-button:focus,.custom-slider-navigation .slider-button:focus-visible{outline:none;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-custom-navigation.css.map */