@layer components{.carousel-nav-arrow{background-color:var(--color-elevated);border:2px solid var(--color-text-muted);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);opacity:0;cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .3s,background-color .3s;display:none}@media (min-width:768px){.carousel-nav-arrow{display:flex}}.carousel-nav-arrow:hover{background-color:var(--color-elevated-hover)}}