@layer components{.card-gallery{width:100%;height:100%;position:relative;overflow:hidden}.card-gallery--legacy{height:auto;margin-bottom:6px}.card-gallery__next,.card-gallery__previous{width:30px;height:30px;color:var(--color-black);cursor:pointer;background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.card-gallery__next svg,.card-gallery__previous svg{fill:currentColor}.card-gallery__next:not(:disabled):is(:hover,:focus-visible),.card-gallery__previous:not(:disabled):is(:hover,:focus-visible){color:var(--color-white);background-color:var(--color-primary)}.card-gallery__previous{left:8px}.card-gallery__next{right:8px}.card-gallery__next:disabled,.card-gallery__previous:disabled{cursor:auto;opacity:.5}}