.titchy{--x-color-primary: #0c0c0c;--x-color-secondary: #f0f0f0;--x-color-tertiary: #1f1f1f;--x-color-accent: #a8f715;--x-color-info: #1ab6f3;--x-color-notice: #6d20e9;--x-color-success: #15f760;--x-color-warn: #f5b220;--x-color-error: #dd1d1d;--x-value-radius-min: 0px;--x-value-radius-1: 10px;--x-value-radius-max: max(100dvh, 100dvw);--x-value-spacing-0: .5px;--x-value-spacing-1: 2.5px;--x-value-spacing-2: 5px;--x-value-spacing-3: 7.5px;--x-value-spacing-4: 10px;--x-value-spacing-5: 12.5px;--x-value-spacing-6: 15px;--x-value-spacing-7: 17.5px;--x-value-spacing-8: 20px;--x-value-spacing-9: 22.5px;--x-value-spacing-10: 25px;--x-value-spacing-11: 27.5px;--x-value-spacing-12: 30px;--x-value-spacing-13: 32.5px;--x-value-spacing-14: 35px;--x-value-spacing-15: 37.5px;--x-value-spacing-16: 40px;--x-value-spacing-17: 42.5px;--x-value-spacing-18: 45px;--x-value-spacing-19: 47.5px;--x-value-spacing-20: 50px;--x-value-text-xs: .625rem;--x-value-text-s: .875rem;--x-value-text-m: 1rem;--x-value-text-l: 1.125rem;--x-value-text-xl: 1.375rem}:root{interpolate-size:allow-keywords}.titchy:where(header,footer,nav,main,section,div,form,label,button,a[type=button],article,details,summary,content),.titchy *:where(header,footer,nav,main,section,div,form,label,button,a[type=button],article,details,summary,content){all:unset;display:flex;flex-direction:column}.titchy:where(svg.lucide),.titchy *:where(svg.lucide){width:20px;height:20px}.titchy,.titchy *{position:relative;box-sizing:border-box;transition:all .2s ease-out;transition-behavior:allow-discrete;outline-color:transparent}.titchy:focus-visible,.titchy *:focus-visible{outline-offset:var(--x-value-spacing-1);outline-width:var(--x-value-spacing-1);outline-style:solid;outline-color:color-mix(in oklab,var(--x-color-secondary) 25%,transparent)}.titchy.accordion{min-height:fit-content;border:2px solid var(--accordion-accent-color, var(--x-color-accent));border-radius:var(--x-value-radius-1);background-color:color-mix(in oklab,var(--accordion-accent-color, var(--x-color-accent)) 5%,transparent);border-color:color-mix(in oklab,var(--accordion-accent-color, var(--x-color-accent)) 50%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.titchy.accordion>summary{flex-direction:row;align-items:center;gap:1ch;padding:10px;font-weight:700;cursor:pointer;border-width:0;border-style:solid;border-color:color-mix(in oklab,var(--accordion-accent-color, var(--x-color-accent)) 15%,transparent);border-radius:calc(var(--x-value-radius-1) - 2px)}.titchy.accordion>summary:focus-visible{outline-offset:var(--x-value-spacing-2)}.titchy.accordion>summary:before{content:"";position:relative;box-sizing:border-box;transition:all .2s ease-out;transition-behavior:allow-discrete;outline-color:transparent}.titchy.accordion>summary:before:focus-visible{outline-offset:var(--x-value-spacing-1);outline-width:var(--x-value-spacing-1);outline-style:solid;outline-color:color-mix(in oklab,var(--x-color-secondary) 25%,transparent)}.titchy.accordion>summary:before{width:var(--x-value-spacing-5);height:var(--x-value-spacing-5);border:2px dotted var(--accordion-accent-color, var(--x-color-accent));border-radius:50%}.titchy.accordion::details-content{position:relative;box-sizing:border-box;transition:all .2s ease-out;transition-behavior:allow-discrete;outline-color:transparent}.titchy.accordion::details-content:focus-visible{outline-offset:var(--x-value-spacing-1);outline-width:var(--x-value-spacing-1);outline-style:solid;outline-color:color-mix(in oklab,var(--x-color-secondary) 25%,transparent)}.titchy.accordion::details-content{height:0;block-size:0}.titchy.accordion>content{gap:10px;padding:10px;transform-origin:top;transform:scale(.85);opacity:0;filter:blur(15px)}.titchy.accordion.has-chevron>summary:before{content:none}.titchy.accordion.has-chevron>summary>svg.chevron{width:var(--x-value-spacing-5);height:var(--x-value-spacing-5);stroke-width:4px;color:var(--accordion-accent-color, var(--x-color-accent))}.titchy.accordion[open]>summary{background-color:color-mix(in oklab,var(--accordion-accent-color, var(--x-color-accent)) 7.5%,transparent);border-bottom-width:2px;border-bottom-left-radius:0;border-bottom-right-radius:0}.titchy.accordion[open]>summary:before{background-color:color-mix(in oklab,var(--accordion-accent-color, var(--x-color-accent)) 35%,transparent);border-style:solid;rotate:2turn}.titchy.accordion[open]::details-content{height:fit-content;block-size:fit-content}.titchy.accordion[open]>content{transform:scale(1);opacity:1;filter:none}.titchy.accordion[open].has-chevron>summary>svg.chevron{rotate:90deg}.titchy.button{cursor:pointer;padding:var(--x-value-spacing-2);font-size:var(--x-value-text-s);min-height:36px;min-width:36px;flex-direction:row;align-items:center;justify-content:center;gap:var(--x-value-spacing-2);border-radius:var(--x-value-radius-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 5px color-mix(in oklab,var(--button-shadow-color, var(--x-color-primary)) 50%,transparent)}.titchy.button.primary{color:var(--button-accent-color, var(--x-color-accent));background-color:color-mix(in oklab,var(--button-accent-color, var(--x-color-accent)) 20%,transparent);border:2px solid color-mix(in oklab,var(--button-highlight-color, var(--x-color-secondary)) 7.5%,transparent)}.titchy.button.primary:hover:not(:disabled){background-color:color-mix(in oklab,var(--button-accent-color, var(--x-color-accent)) 30%,transparent)}.titchy.button.secondary{color:var(--button-accent-color, var(--x-color-accent));background-color:color-mix(in oklab,var(--button-highlight-color, var(--x-color-secondary)) 10%,transparent);border:2px solid color-mix(in oklab,var(--button-highlight-color, var(--x-color-secondary)) 5%,transparent)}.titchy.button.secondary:hover:not(:disabled){background-color:color-mix(in oklab,var(--button-highlight-color, var(--x-color-secondary)) 15%,transparent)}.titchy.button.outline{color:var(--button-accent-color, var(--x-color-accent));border:2px solid color-mix(in oklab,var(--button-accent-color, var(--x-color-accent)) 50%,transparent)}.titchy.button.outline:hover:not(:disabled){background-color:color-mix(in oklab,var(--button-accent-color, var(--x-color-accent)) 10%,transparent)}.titchy.button.blank{color:var(--button-highlight-color, var(--x-color-secondary));border:2px solid transparent}.titchy.button.blank:hover:not(:disabled){background-color:color-mix(in oklab,var(--button-highlight-color, var(--x-color-secondary)) 5%,transparent)}.titchy.button.wrapper{all:unset;display:flex;flex-direction:column;position:relative;box-sizing:border-box;transition:all .2s ease-out;transition-behavior:allow-discrete;outline-color:transparent}.titchy.button.wrapper:focus-visible{outline-offset:var(--x-value-spacing-1);outline-width:var(--x-value-spacing-1);outline-style:solid;outline-color:color-mix(in oklab,var(--x-color-secondary) 25%,transparent)}.titchy.button.wrapper{cursor:pointer}.titchy.button.rounded{border-radius:max(100dvw,100dvh)}.titchy.button:hover:not(:disabled){transform:scale(1.05);opacity:1}.titchy.button:active:not(:disabled){transform:scale(.95);opacity:.75}.titchy.button:disabled{cursor:not-allowed;opacity:.35}.titchy.button.checkbox.checkbox{width:var(--checkbox-size, var(--x-value-spacing-11));min-width:var(--checkbox-size, var(--x-value-spacing-11));max-width:var(--checkbox-size, var(--x-value-spacing-11));height:var(--checkbox-size, var(--x-value-spacing-11));min-height:var(--checkbox-size, var(--x-value-spacing-11));max-height:var(--checkbox-size, var(--x-value-spacing-11));padding:0;border:none;overflow:hidden}.titchy.button.checkbox:is(.active){color:var(--checkbox-accent-color, var(--x-color-accent));background-color:color-mix(in oklab,var(--checkbox-accent-color, var(--x-color-accent)) 15%,transparent)}.titchy.button.checkbox:is(.active):hover{background-color:color-mix(in oklab,var(--checkbox-accent-color, var(--x-color-accent)) 20%,transparent)}.titchy.button.checkbox .symbol{align-items:center;justify-content:center}.titchy.button.checkbox .symbol.hollow{width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);min-width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);max-width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);min-height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);max-height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);border-radius:calc(var(--x-value-radius-1) / 1.5);background-color:var(--checkbox-accent-color, var(--x-color-accent))}.titchy.button.checkbox .symbol.check svg{stroke-width:4px;width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);min-width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);max-width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);min-height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);max-height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5)}.titchy.button.checkbox .symbol.x svg{stroke-width:4px;width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);min-width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);max-width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);min-height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5);max-height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.5)}.titchy.button.checkbox .symbol.radio svg{stroke-width:4px;width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.75);min-width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.75);max-width:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.75);height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.75);min-height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.75);max-height:calc(var(--checkbox-size, var(--x-value-spacing-11)) / 1.75)}.titchy.field{gap:var(--x-value-spacing-4);font-size:var(--x-value-text-s)}.titchy.field>*{font-size:var(--x-value-text-m)}.titchy.field.horizontal{flex-direction:row;align-items:center}.titchy.input{cursor:text;height:var(--input-height, 36px);padding:0;padding-left:calc(2 * (var(--x-value-spacing-2)) + var(--has-icon, 0) * (var(--x-value-spacing-6) + 2 * var(--x-value-spacing-1)));padding-right:calc(2 * (var(--x-value-spacing-2)) + var(--action-count, 0) * (var(--x-value-spacing-5) + var(--x-value-spacing-1) * 2) + max(0,var(--action-count, 0) - 1) * (var(--x-value-spacing-1)));font-size:var(--x-value-text-s);color:color-mix(in oklab,var(--input-highlight-color, var(--x-color-secondary)) 75%,transparent);background-color:color-mix(in oklab,var(--input-accent-color, var(--x-color-accent)) 10%,transparent);border:2px solid color-mix(in oklab,var(--input-accent-color, var(--x-color-accent)) 30%,transparent);border-radius:var(--x-value-radius-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 5px color-mix(in oklab,var(--input-shadow-color, var(--x-color-primary)) 50%,transparent)}.titchy.input::placeholder{color:color-mix(in oklab,var(--x-color-secondary) 15%,transparent)}.titchy.input:hover:not(:disabled){background-color:color-mix(in oklab,var(--input-accent-color, var(--x-color-accent)) 15%,transparent)}.titchy.input:disabled{cursor:not-allowed;opacity:.5}.titchy.input-wrapper{justify-content:center}.titchy.input-wrapper.disabled .symbol{opacity:.35}.titchy.input-wrapper.labeled .input{height:calc(var(--input-height, 36px) + var(--input-height-surplus, 28px));padding-top:var(--input-height-surplus, 28px);padding-left:calc(2 * (var(--x-value-spacing-2)));padding-right:calc(2 * (var(--x-value-spacing-2)))}.titchy.input-wrapper.labeled .symbol,.titchy.input-wrapper.labeled .actions{top:calc(var(--input-height-surplus, 28px));transform:translateY(-100%)}.titchy.input-wrapper:is(:hover,:focus-within) .actions .action.hover{opacity:1}.titchy.input-wrapper .symbol{color:var(--input-highlight-color, var(--x-color-secondary));pointer-events:none;position:absolute;left:calc(var(--x-value-spacing-2) + 2px + var(--x-value-spacing-1));align-items:center;justify-content:center}.titchy.input-wrapper .symbol>svg{width:var(--x-value-spacing-6);height:var(--x-value-spacing-6);stroke-width:var(--x-value-spacing-1)}.titchy.input-wrapper .actions{position:absolute;right:calc(var(--x-value-spacing-2) + 2px);pointer-events:none;flex-direction:row-reverse;align-items:center;justify-content:center;gap:var(--x-value-spacing-1)}.titchy.input-wrapper .actions .action{align-items:center;justify-content:center;padding:var(--x-value-spacing-1);pointer-events:all}.titchy.input-wrapper .actions .action.hover{opacity:0}.titchy.input-wrapper .actions .action>div>svg{color:var(--input-accent-color, var(--x-color-accent));width:var(--x-value-spacing-5);height:var(--x-value-spacing-5);stroke-width:var(--x-value-spacing-1)}.titchy.input-wrapper .label{position:absolute;top:calc(var(--input-height-surplus, 28px));left:calc(2 * (var(--x-value-spacing-2)) + var(--has-icon, 0) * (var(--x-value-spacing-6) + 2 * var(--x-value-spacing-1)) + 2px);height:var(--x-value-spacing-6);justify-content:center;transform:translateY(-100%);pointer-events:none;color:var(--input-accent-color, var(--x-color-accent));font-weight:700}.titchy.loading{display:inline-flex;flex-direction:row;align-items:end;justify-content:center;height:1.5em;gap:.25em}.titchy.loading.fill{flex:1;align-items:center;justify-content:center}.titchy.loading .text{color:transparent;background:linear-gradient(to right,var(--loading-text-color, var(--x-color-accent)) 70%,var(--loading-text-shine-color, color-mix(in oklab, var(--loading-text-color, var(--x-color-accent)) 25%, transparent)),var(--loading-text-color, var(--x-color-accent)));-webkit-background-clip:text;background-clip:text;background-size:300% 100%;animation-name:svelte-1gl0i3s-swipe;animation-duration:1s;animation-timing-function:ease;animation-iteration-count:infinite}.titchy.loading .dot{color:var(--loading-dots-color, var(--x-color-secondary));opacity:.25;transform-origin:bottom;animation-name:svelte-1gl0i3s-bounce;animation-timing-function:ease;animation-iteration-count:infinite}.titchy.loading .dot.stretch{animation-name:svelte-1gl0i3s-bounce-with-stretch}.titchy.loading .dot.has-text{top:5px}.titchy.loading .spinner{color:var(--loading-spinner-color, var(--x-color-accent));display:inline-flex;animation-name:svelte-1gl0i3s-spin;animation-timing-function:ease;animation-iteration-count:infinite}.titchy.loading .spinner.linear{animation-timing-function:linear}.titchy.loading .spinner>svg{width:25px;height:25px}@keyframes svelte-1gl0i3s-swipe{0%{background-position:150% 0}to{background-position:0 0}}@keyframes svelte-1gl0i3s-bounce{0%,80%,to{transform:none;opacity:.25}40%{transform:translateY(-.66em);opacity:1}}@keyframes svelte-1gl0i3s-bounce-with-stretch{0%,80%,to{transform:none;opacity:.25}20%{transform:scaleY(2)}40%{transform:translateY(-.66em);opacity:1}}@keyframes svelte-1gl0i3s-spin{0%{rotate:0deg}to{rotate:360deg}}.titchy.toast.info{--toast-accent-color: var(--x-color-info)}.titchy.toast.success{--toast-accent-color: var(--x-color-success)}.titchy.toast.warn{--toast-accent-color: var(--x-color-warn)}.titchy.toast.error{--toast-accent-color: var(--x-color-error)}.titchy.toast.danger{--toast-accent-color: var(--x-color-notice)}.titchy.toast{pointer-events:all;min-width:var(--toast-min-width, min(350px, 80dvw));overflow:hidden;flex-direction:row;align-items:center;gap:var(--x-value-spacing-4);background:color-mix(in oklab,var(--toast-accent-color, var(--x-color-accent)) 25%,transparent);padding:var(--x-value-spacing-3);border:1px solid var(--toast-accent-color, var(--x-color-accent));border-radius:var(--x-value-radius-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 5px color-mix(in oklab,var(--toast-shadow-color, var(--x-color-primary)) 50%,transparent)}.titchy.toast.entering,.titchy.toast.exiting{height:0;min-height:0;max-height:0;padding:0;opacity:0;border:none;filter:blur(25px);margin-bottom:calc(-1 * var(--toaster-gap, var(--x-value-spacing-4)))}.titchy.toast.entering{position:absolute}.titchy.toast .icon{color:var(--toast-accent-color, var(--x-color-accent))}.titchy.toast .icon>svg{stroke-width:var(--x-value-spacing-1)}.titchy.toast .body{justify-content:center;word-break:break-word}.titchy.toast .body .title{color:var(--toast-accent-color, var(--x-color-accent))}.titchy.toast .body .content{font-size:var(--x-value-text-s)}.titchy.toast .sep{flex:1}.titchy.toast .actions{flex-direction:row;flex-wrap:wrap;justify-content:end;gap:var(--x-value-spacing-2)}.titchy.toast .actions .action{--button-accent-color: var(--toast-highlight-color, var(--x-color-secondary));width:unset;min-width:unset;max-width:unset;height:unset;min-height:unset;max-height:unset;box-shadow:none;padding:var(--x-value-spacing-1)}.titchy.toast .actions .action.labeled{padding:var(--x-value-spacing-1) var(--x-value-spacing-2)}.titchy.toast .actions .action>svg{width:17.5px;min-width:17.5px;max-width:17.5px;height:17.5px;min-height:17.5px;max-height:17.5px;opacity:.75}.titchy.toaster{position:fixed;inset:0;pointer-events:none;padding:var(--toaster-padding, var(--x-value-spacing-11));z-index:var(--toaster-z-index, 10);flex-direction:column-reverse;align-items:center;justify-content:start;gap:var(--toaster-gap, var(--x-value-spacing-4))}.items.svelte-1uha8ag{flex:1;align-self:center;justify-content:center;gap:10px}.item.svelte-1uha8ag{color:var(--x-color-secondary);background-color:#000;align-items:center;justify-content:center;gap:10px;padding:15px;border:2px solid var(--x-color-tertiary);border-radius:var(--x-value-radius-1)}.item.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:0}.item.svelte-1uha8ag hr:where(.svelte-1uha8ag){width:100%;margin:0;border:1px solid var(--x-color-secondary)}.item.svelte-1uha8ag .showcase:where(.svelte-1uha8ag){gap:15px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.accordion.svelte-1uha8ag .showcase:where(.svelte-1uha8ag),.field.svelte-1uha8ag .showcase:where(.svelte-1uha8ag){align-self:stretch;flex-direction:column;align-items:stretch}.input.svelte-1uha8ag .showcase:where(.svelte-1uha8ag){align-self:stretch}.input.svelte-1uha8ag .showcase:where(.svelte-1uha8ag)>*{flex:1;width:100%}