.kasopia-picker{margin-top:2.8rem;margin-bottom:2rem;min-width:0}
.kasopia-picker__heading{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:1.4rem}
.kasopia-picker__heading h2{font-size:2.2rem;margin:0;letter-spacing:-.02em}
.kasopia-picker__all{font-size:1.3rem;color:inherit;text-underline-offset:.4rem;white-space:nowrap}
.kasopia-picker__rail{min-width:0}
.kasopia-picker__track{display:flex;list-style:none;gap:1.6rem;padding:.3rem .3rem 1.2rem;margin:0;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:.3rem;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.25) transparent}
.kasopia-picker__item{flex:0 0 144px;scroll-snap-align:start}
.kasopia-picker__card{display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:rgb(var(--color-foreground));height:100%;min-height:44px}
.kasopia-picker__image{display:block;aspect-ratio:1;background:#f2f0eb;border-radius:12px;overflow:hidden;border:1px solid rgba(var(--color-foreground),.08)}
.kasopia-picker__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.kasopia-picker__label{font-size:1.4rem;line-height:1.35;font-weight:500}
.kasopia-picker__card:hover .kasopia-picker__label{text-decoration:underline;text-underline-offset:.3rem}
.kasopia-picker__card:hover img{transform:scale(1.035)}
.kasopia-picker__card:focus-visible,.kasopia-picker__track:focus-visible,.kasopia-picker button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.kasopia-picker__controls{display:flex;justify-content:flex-end;gap:.8rem;margin-top:.8rem}
.kasopia-picker__controls[hidden]{display:none}
.kasopia-picker button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);background:transparent;color:inherit;font-size:2rem;cursor:pointer}
.kasopia-picker button:disabled{opacity:.3;cursor:default}
@media(max-width:749px){.kasopia-picker{margin-top:2.4rem}.kasopia-picker__heading h2{font-size:1.9rem}.kasopia-picker__item{flex-basis:112px}.kasopia-picker__track{gap:1.2rem}.kasopia-picker__label{font-size:1.3rem}.kasopia-picker__controls{display:none}.kasopia-picker__all{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.kasopia-picker__image img{transition:none}}