.snap-carousel-dots,.snap-carousel-controls{display:none}@media (min-width:640px) and (hover:hover) and (pointer:fine){.snap-carousel-controls:not([hidden]){justify-content:flex-end;gap:.4rem;padding-block:.4rem;display:flex}.snap-carousel-controls>button{border:1px solid rgb(var(--color-ink) / .16);background:rgb(var(--color-surface) / .65);width:2.5rem;height:2.5rem;color:rgb(var(--color-ink) / .8);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.snap-carousel-controls>button svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;height:1.125rem}.snap-carousel-controls>button:hover:not(:disabled){border-color:rgb(var(--color-ink) / .35);background:rgb(var(--color-ink) / .07)}.snap-carousel-controls>button:active:not(:disabled){transform:scale(.97)}.snap-carousel-controls>button:focus-visible{outline:2px solid rgb(var(--color-moss));outline-offset:3px}.snap-carousel-controls>button:disabled{opacity:.32;cursor:default}}@media (max-width:639px){.snap-carousel-dots{justify-content:center;display:flex}.snap-carousel-dots>button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;place-items:center;width:1.5rem;height:2.25rem;padding:0;display:grid}.snap-carousel-dots>button:before{content:"";background:rgb(var(--color-ink) / .2);border-radius:9999px;width:.4375rem;height:.4375rem;transition:background-color .2s,transform .2s cubic-bezier(.23,1,.32,1)}.snap-carousel-dots>button[aria-current=true]:before{background:rgb(var(--color-ink) / .72);transform:scale(1.15)}.snap-carousel-dots>button:active:before{transform:scale(.85)}.snap-carousel-dots>button:focus-visible{outline:none}.snap-carousel-dots>button:focus-visible:before{box-shadow:0 0 0 2px rgb(var(--color-paper)), 0 0 0 4px rgb(var(--color-moss))}}@media (prefers-reduced-motion:reduce){.snap-carousel-controls>button{transition:none}.snap-carousel-controls>button:active:not(:disabled){transform:none}.snap-carousel-dots>button:before{transition:background-color .2s}.snap-carousel-dots>button:is([aria-current=true],:active):before{transform:none}}@media (prefers-reduced-transparency:reduce){.snap-carousel-controls>button{background:rgb(var(--color-surface))}}