@layer theme,base;@layer components{.carousel-arrow{opacity:.3;height:4rem;transition:opacity var(--duration-slow);color:var(--color-white);z-index:50;background:0 0;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover,.carousel-arrow:active{opacity:1}.carousel-arrow.is-prev{left:-1rem}.carousel-arrow.is-next{right:-1rem}}@layer utilities;