@layer components{.st-picker{margin-inline:calc(var(--app-gutter) * -1);padding:4px var(--app-gutter) 8px;scroll-padding-inline:var(--app-gutter);scrollbar-width:none;scroll-snap-type:x proximity;gap:12px;display:flex;overflow-x:auto}.st-picker::-webkit-scrollbar{display:none}@media (min-width:768px){.st-picker{flex-wrap:wrap;margin-inline:0;padding-inline:0}}.st-pick{min-width:72px;color:var(--app-muted);scroll-snap-align:start;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:4px;display:flex}.st-pick[aria-pressed=true]{color:var(--app-ink)}.st-pick-photo{border-radius:9999px;width:64px;height:64px;display:block;position:relative}.st-pick-photo:after{content:"";border:2px solid var(--app-champagne);opacity:0;transition:opacity .3s var(--app-ease);border-radius:9999px;position:absolute;inset:-4px}.st-pick[aria-pressed=true] .st-pick-photo:after{opacity:1}.st-pick-photo img{object-fit:cover;object-position:top;border-radius:9999px;width:100%;height:100%}.st-pick-ai{z-index:1;color:var(--app-champagne);background:#0b0909d9;border:1px solid #e8c9a04d;border-radius:9999px;padding:0 4px;position:absolute;bottom:-4px;right:-4px}}