:root{--ceramic-surface:#f6f2eb;--ceramic-track:#e6e4e1;--ceramic-text:#35332e;--ceramic-muted:#736e63;--ceramic-line:#d7d2c9;--ceramic-shadow:#c9c2b6;--ceramic-highlight:#fffdf8}.dark{--ceramic-surface:#302e29;--ceramic-track:#24231f;--ceramic-text:#f2ede2;--ceramic-muted:#b9b2a6;--ceramic-line:#625b4f;--ceramic-shadow:#151410;--ceramic-highlight:#454139}[data-ceramic][data-ceramic]{min-height:44px;border:1px solid var(--ceramic-line);border-radius:999px;background:var(--ceramic-surface);color:var(--ceramic-text);box-shadow:3px 3px 7px color-mix(in srgb,var(--ceramic-shadow) 65%,transparent),-2px -2px 5px var(--ceramic-highlight),inset 0 1px 0 var(--ceramic-highlight);transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;touch-action:manipulation}.ceramic-segment [data-ceramic][aria-pressed=true],[data-ceramic=primary][data-ceramic]{background:linear-gradient(115deg,#f6ae36,#f6cb7c);color:#473111;border-color:#dba448;font-weight:650;box-shadow:2px 3px 6px #ae782e25,inset 0 1px 0 #fff3d2}[data-ceramic][data-ceramic]:hover:not(:disabled):not([aria-disabled=true]){border-color:#a78c61}[data-ceramic][data-ceramic]:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 2px 2px 4px #6d543225}[data-ceramic][data-ceramic]:is(:disabled,[aria-disabled=true]){background:var(--ceramic-track);color:var(--ceramic-muted);border-color:var(--ceramic-line);box-shadow:inset 1px 1px 3px color-mix(in srgb,var(--ceramic-shadow) 55%,transparent);opacity:.65;cursor:not-allowed;transform:none}.ceramic-overview>button:focus-visible,.ceramic-stepper :is(button,input):focus-visible,[data-ceramic][data-ceramic]:focus-visible,[data-ceramic][data-ceramic]:focus-within{outline:3px solid #936000;outline-offset:3px}.dark .ceramic-overview>button:focus-visible,.dark .ceramic-stepper :focus-visible,.dark [data-ceramic]:focus-visible{outline-color:#ffd489}.ceramic-segment.ceramic-segment{width:-moz-fit-content;width:fit-content;max-width:100%;padding:5px;gap:4px;border:1px solid var(--ceramic-line);border-radius:28px;background:var(--ceramic-track);box-shadow:inset 2px 2px 5px var(--ceramic-shadow),inset -2px -2px 5px var(--ceramic-highlight)}.ceramic-segment [data-ceramic]{padding-inline:18px}.ceramic-segment>button[aria-expanded]{min-width:0;flex:1;padding-inline:10px}.ceramic-segment>button[title]{flex-shrink:0;width:44px;padding-inline:10px}.ceramic-segment [data-ceramic][aria-pressed=false]{border-color:transparent;background:transparent;box-shadow:none}.ceramic-stepper.ceramic-stepper{padding:4px;gap:4px;overflow:visible;border-color:var(--ceramic-line);border-radius:999px;background:var(--ceramic-track);color:var(--ceramic-text);box-shadow:inset 2px 2px 5px var(--ceramic-shadow),inset -2px -2px 5px var(--ceramic-highlight)}.ceramic-stepper>button{border:1px solid var(--ceramic-line);border-radius:50%;background:var(--ceramic-surface);color:var(--ceramic-text);box-shadow:1px 2px 4px var(--ceramic-shadow),inset 0 1px 0 var(--ceramic-highlight);font-size:22px;line-height:1;touch-action:manipulation}.ceramic-stepper>button:active:not(:disabled){box-shadow:inset 1px 2px 4px var(--ceramic-shadow)}.ceramic-stepper>button:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.ceramic-stepper>input{border:0;border-radius:8px;background:transparent;color:var(--ceramic-text);font-size:18px;font-variant-numeric:tabular-nums}.ceramic-panel.ceramic-panel{border-color:var(--ceramic-line);border-radius:24px}.ceramic-panel.ceramic-panel,.ceramic-panel.ceramic-panel>:last-child{background:var(--ceramic-surface)}.ceramic-overview.ceramic-overview.ceramic-overview>button{position:relative;background:var(--ceramic-surface);border:1px solid var(--ceramic-line);border-radius:22px;box-shadow:3px 3px 9px color-mix(in srgb,var(--ceramic-shadow) 50%,transparent),inset 0 1px 0 var(--ceramic-highlight)}.ceramic-overview.ceramic-overview.ceramic-overview>button[aria-pressed=true]{background:linear-gradient(115deg,#ffe6b7,#f7d397);border-color:#c78d35;box-shadow:2px 3px 7px #ae782e20,inset 0 1px 0 #fff7e3}.ceramic-overview>button[aria-pressed=true]>span{color:#473111}.ceramic-overview>button[aria-pressed=true]>span:first-child:after{content:"✓";margin-left:auto;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#78500e;color:white;font-size:12px}.ceramic-overview>button>span:first-child{width:100%}@media (prefers-reduced-motion:reduce){[data-ceramic][data-ceramic]{transition:none}}@media (forced-colors:active){.ceramic-stepper>button,[data-ceramic][data-ceramic]{border:1px solid ButtonText}.ceramic-overview>button[aria-pressed=true],.ceramic-segment [aria-pressed=true]{outline:2px solid Highlight}}