.lib-btn,.lib-chip,.lib-style{transition:background-color .15s var(--ease-out), color .15s var(--ease-out), scale .15s var(--ease-out);-webkit-tap-highlight-color:transparent}.lib-btn:active,.lib-chip:active:not(:disabled),.lib-style:active{scale:.96}@media (hover:hover){.lib-chip[aria-pressed=false]:not(:disabled):hover,.lib-style[aria-checked=false]:hover{background-color:var(--muted)}}.lib-chips,.lib-styles{scrollbar-width:none;overscroll-behavior-x:contain}.lib-chips::-webkit-scrollbar{display:none}.lib-styles::-webkit-scrollbar{display:none}.lib-chips,.lib-styles{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 28px),#0000)}.lib-chip[aria-pressed=true]>span:first-child,.lib-style[aria-checked=true] .lib-swatch{animation:lib-press .36s var(--ease-out)}@keyframes lib-press{0%{scale:.6}60%{scale:1.15 .9}to{scale:1}}.lib-frame{pointer-events:none}.lib-frame-on{pointer-events:auto}@media (hover:hover) and (pointer:fine){.lib-frame-live{pointer-events:auto}.lib-card:has(.lib-frame-live) .lib-open:after{display:none}}.lib-open{-webkit-tap-highlight-color:transparent}.lib-open:focus-visible{outline:none}.lib-card:has(.lib-open:focus-visible){outline:2px solid var(--ring);outline-offset:3px}.lib-card{transition:translate .26s var(--ease-out), scale .16s var(--ease-out), box-shadow .26s var(--ease-out)}.lib-card:has(.lib-open:active){scale:.985}.lib-arrow{transition:rotate .22s var(--ease-out), background-color .15s var(--ease-out)}@media (hover:hover){.lib-card:hover{box-shadow:var(--shadow-lift);translate:0 -4px}.lib-card:hover .lib-arrow{background-color:var(--lime);color:var(--lime-ink);rotate:45deg}}.lib-veil{transition:opacity .26s var(--ease-out)}.lib-preview[data-state=ready] .lib-veil{opacity:0}.lib-lump{background:radial-gradient(circle at 50% 50%, var(--muted) 0 22%, var(--muted-strong) 23%);border-radius:999px;width:28px;height:28px}@media (prefers-reduced-motion:no-preference){.lib-lump{animation:lib-breathe 1.4s var(--ease-in-out) infinite alternate}}@keyframes lib-breathe{0%{opacity:.6;scale:.8}to{opacity:1;scale:1.05 .95}}.lib-dice{transition:rotate .42s var(--ease-out)}.lib-btn:active .lib-dice{rotate:180deg}.lib-surprise .lib-die{transition:rotate .42s var(--ease-out)}@media (hover:hover){.lib-surprise:hover .lib-die{rotate:90deg}}.lib-surprise:active .lib-die{rotate:180deg}.lib-sheet{overscroll-behavior:contain}.lib-sheet::backdrop{background:#0000006b;background:lab(0% 0 0/.42);background:color-mix(in oklch, var(--ink) 46%, transparent)}html:has(.lib-sheet[open]){overflow:hidden}@media (prefers-reduced-motion:no-preference){.lib-sheet[open]{animation:lib-sheet-up .42s var(--ease-out)}.lib-sheet[open]::backdrop{animation:lib-fade .3s var(--ease-out)}.lib-sheet[data-closing]{animation:lib-sheet-down .22s var(--ease-out) forwards}.lib-sheet[data-closing]::backdrop{animation:lib-fade .22s var(--ease-out) reverse forwards}@media (min-width:40rem){.lib-sheet[open]{animation-name:lib-sheet-pop}.lib-sheet[data-closing]{animation-name:lib-sheet-shrink}}.lib-swap{animation:lib-swap .32s var(--ease-out)}}@media (prefers-reduced-motion:reduce){.lib-sheet[open],.lib-sheet[open]::backdrop{animation:.16s ease-out lib-fade}.lib-btn,.lib-chip,.lib-style,.lib-card,.lib-arrow,.lib-dice,.lib-surprise .lib-die{transition-property:background-color,color,opacity,box-shadow}.lib-chip[aria-pressed=true]>span:first-child,.lib-style[aria-checked=true] .lib-swatch{animation:none}}@keyframes lib-sheet-up{0%{translate:0 100%}}@keyframes lib-sheet-down{to{translate:0 100%}}@keyframes lib-sheet-pop{0%{opacity:0;translate:0 16px;scale:.96}}@keyframes lib-sheet-shrink{to{opacity:0;scale:.97}}@keyframes lib-fade{0%{opacity:0}}@keyframes lib-swap{0%{opacity:0;translate:0 6px}}