@layer components{.card-arrows{border-radius:var(--card-arrows-radius)}.card-arrows,.card-arrows__btn{align-items:center;background:var(--card-arrows-bg);display:inline-flex}.card-arrows__btn{block-size:var(--card-arrows-btn-height);border:0;border-radius:var(--card-arrows-radius);color:var(--card-arrows-fg);cursor:pointer;inline-size:var(--card-arrows-btn-width);justify-content:center;padding:0;transition:background-color var(--btn-transition)}.card-arrows__btn:hover{background:var(--card-arrows-bg-hover)}.card-arrows__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.card-arrows__btn svg{block-size:var(--card-arrows-icon-size);inline-size:var(--card-arrows-icon-size)}.card-arrows--light,.card-arrows--light .card-arrows__btn{background:var(--card-arrows-light-bg);color:var(--card-arrows-light-fg)}.card-arrows--light .card-arrows__btn:hover{background:var(--card-arrows-light-bg-hover)}.card-arrows--light .card-arrows__divider:before{background:var(--card-arrows-light-divider)}.card-arrows__btn--prev svg{transform:scaleX(-1)}.card-arrows__divider{display:inline-flex;inline-size:var(--card-arrows-divider-slot);justify-content:center}.card-arrows__divider:before{background:var(--card-arrows-divider);block-size:var(--card-arrows-divider-height);content:"";inline-size:var(--card-arrows-divider-width)}@media (prefers-reduced-motion:reduce){.card-arrows__btn{transition:none}}}