:root{--ui-ease-spring:cubic-bezier(.34,1.56,.64,1);--ui-ease-out:cubic-bezier(.16,1,.3,1)}:where(.ui-copy,.ui-search,.ui-swatches,.ui-login){--ui-accent:var(--yel,var(--gold,#f5d550));--ui-line:var(--dim,var(--line,#d6d0c4));--ui-field:var(--in,var(--panel,#fffaf1));--ui-text:var(--tx,var(--text,#2b2018));--ui-sub:var(--mu,var(--sub,#6e5f52));--ui-ring:var(--bg,#fff);--ui-ok:#4cd08a}.ui-ic{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-copy{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ui-line);background:var(--ui-field);color:var(--ui-text);font:inherit;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s}.ui-copy:hover{border-color:var(--ui-sub)}.ui-copy:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.ui-copy-ic{position:relative;display:inline-block;width:1.15em;height:1.15em;flex:none}.ui-copy-ic .ui-ic{position:absolute;inset:0;transition:opacity .2s,transform .3s var(--ui-ease-spring)}.ui-copy-ic .ic-check{opacity:0;transform:scale(.5);color:var(--ui-ok)}.ui-copy.copied{color:var(--ui-ok);border-color:color-mix(in srgb,var(--ui-ok) 55%,transparent)}.ui-copy.copied .ic-copy{opacity:0;transform:scale(.5)}.ui-copy.copied .ic-check{opacity:1;transform:scale(1)}.ui-flash{display:inline-flex;align-items:center;justify-content:center;gap:5px}.ui-flash .ui-ic{color:var(--ui-ok,#22b46a);animation:ui-pop .45s var(--ui-ease-spring)}@keyframes ui-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.ui-search{--w:var(--ui-search-w,240px);display:inline-flex;align-items:center;gap:8px;width:44px;height:44px;padding:0 13px;overflow:hidden;border-radius:999px;border:1.5px solid var(--ui-line);background:var(--ui-field);color:var(--ui-sub);cursor:text;transition:width .4s var(--ui-ease-out),border-color .2s}.ui-search input{flex:1;min-width:0;border:0;outline:0;background:none;padding:0;color:var(--ui-text);font:inherit;opacity:0;transition:opacity .2s}.ui-search input::-webkit-search-cancel-button{display:none}.ui-search:hover,.ui-search:focus-within,.ui-search.open,.ui-search:has(input:not(:placeholder-shown)){width:min(var(--w),100%)}.ui-search:hover input,.ui-search:focus-within input,.ui-search.open input,.ui-search input:not(:placeholder-shown){opacity:1}.ui-search:focus-within{border-color:var(--ui-accent);color:var(--ui-text)}.ui-swatches{display:flex;flex-wrap:wrap;gap:12px}.ui-swatch{position:relative;display:inline-grid;place-items:center;width:var(--ui-swatch,30px);height:var(--ui-swatch,30px);padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.ui-swatch input{position:absolute;opacity:0;pointer-events:none}.ui-swatch:before,.ui-swatch>span{content:"";position:absolute;inset:0;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--ui-ring),inset 0 0 0 1px #0000001f;transition:transform .5s var(--ui-ease-spring),box-shadow .3s}.ui-swatch:has(>span):before{content:none}.ui-swatch:after{content:"";position:relative;width:55%;height:55%;background:#fff;opacity:0;transform:scale(.4);transition:opacity .2s,transform .5s var(--ui-ease-spring);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}.ui-swatch.light:after{background:#1b1b22}.ui-swatch[aria-pressed=true]:before,.ui-swatch[aria-pressed=true]>span,.ui-swatch:has(input:checked)>span{transform:scale(1.2);box-shadow:0 0 0 2px var(--ui-ring),0 0 0 4px var(--c),inset 0 0 0 1px #0000001f}.ui-swatch.light[aria-pressed=true]:before,.ui-swatch.light:has(input:checked)>span{box-shadow:0 0 0 2px var(--ui-ring),0 0 0 4px var(--ui-sub),inset 0 0 0 1px #0000001f}.ui-swatch[aria-pressed=true]:after,.ui-swatch:has(input:checked):after{opacity:1;transform:scale(1)}.ui-swatch:focus-visible,.ui-swatch:has(input:focus-visible){outline:2px solid var(--ui-accent);outline-offset:6px}@supports (animation-timeline:view()){.ui-reveal{animation:ui-rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}@keyframes ui-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.ui-copy-ic .ui-ic,.ui-search,.ui-search input,.ui-swatch:before,.ui-swatch>span,.ui-swatch:after{transition:none}.ui-reveal,.ui-flash .ui-ic{animation:none}}