@layer component.base{.custom-splide-arrows[data-v-1c793316]{gap:1.6rem;display:flex}.splide:not(.is-active) .custom-splide-arrows[data-v-1c793316]{display:none}.splide__arrow[data-v-1c793316]{cursor:pointer;color:#fff;transition:opacity var(--basic-transition);background:0 0;border:none;padding:0;transition-timing-function:ease-in-out}@media (any-hover:hover){.splide__arrow[data-v-1c793316]:not(:disabled):hover{opacity:.5}}.splide__arrow img[data-v-1c793316]{width:2rem;height:1.8rem}.splide__arrow .left-arrow[data-v-1c793316]{transform:rotate(180deg)}.splide__arrow[data-v-1c793316]:disabled{opacity:.2;cursor:default}}