.c-slider-nav{--slider-nav-accent:#00e5ff;--slider-nav-accent-glow:#00e5ff4d;--slider-nav-ring-offset:#000;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.c-slider-nav__dots{justify-content:center;align-items:center;gap:.375rem;display:flex}.c-slider-nav__dots.swiper-pagination-lock{display:flex}.c-slider-nav__dots.swiper-pagination-horizontal{width:auto;position:static;bottom:auto;left:auto}.c-slider-nav__dot{cursor:pointer;background-color:#ffffff26;border-width:0;border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem;padding:0;transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),background-color .3s,box-shadow .3s,border-radius .3s}.c-slider-nav__dot:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px;--tw-ring-color:var(--slider-nav-accent);--tw-ring-offset-color:var(--slider-nav-ring-offset);outline:2px solid #0000}.c-slider-nav__dot--active{background-color:var(--slider-nav-accent);width:1.5rem;box-shadow:0 0 8px var(--slider-nav-accent-glow);border-radius:4px}.c-slider-nav__arrow{cursor:pointer;color:#fff9;background-color:#0000;border-width:1px;border-color:#fff3;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:border-color .3s,color .3s,opacity .3s;display:flex}.c-slider-nav__arrow:hover:not(:disabled):not(.swiper-button-disabled){border-color:var(--slider-nav-accent);color:var(--slider-nav-accent)}.c-slider-nav__arrow:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px;--tw-ring-color:var(--slider-nav-accent);--tw-ring-offset-color:var(--slider-nav-ring-offset);outline:2px solid #0000}.c-slider-nav__arrow:disabled,.c-slider-nav__arrow.swiper-button-disabled{cursor:default;opacity:.3}.c-slider-nav__arrow--prev .c-slider-nav__icon{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.c-slider-nav__icon{display:block}.c-slider-nav--vertical{flex-direction:column;gap:.75rem;width:auto}.c-slider-nav--vertical .c-slider-nav__dots{flex-direction:column}.c-slider-nav--vertical .c-slider-nav__dot--active{border-radius:4px;width:.5rem;height:1.5rem}.c-slider-nav--vertical .c-slider-nav__arrow--prev .c-slider-nav__icon{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.c-slider-nav--vertical .c-slider-nav__arrow--next .c-slider-nav__icon{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-reduced-motion:reduce){.c-slider-nav__dot,.c-slider-nav__arrow{transition-duration:.01ms!important}}
