@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;460;500;600&family=IBM+Plex+Mono:wght@400;500&family=Rubik+Wet+Paint&display=swap";.drawably-host{--drawably-ease: cubic-bezier(.2, 0, 0, 1);position:relative;isolation:isolate;font-family:Inter,system-ui,sans-serif}.drawably-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.drawably-svg path{fill:none;stroke:var(--drawably-ink, var(--drawably-stroke, #2724d1));stroke-width:var(--drawably-width, 2);stroke-linecap:round;stroke-linejoin:round}@property --drawably-frame{syntax: "<integer>"; inherits: true; initial-value: 0;}.drawably-svg{--drawably-frame: 0;animation:drawably-boil 1.2s step-end infinite}@keyframes drawably-boil{0%{--drawably-frame: 0}33.33%{--drawably-frame: 1}66.67%{--drawably-frame: 2}}.drawably-boil{--drawably-i: 0;opacity:clamp(0,1 - (var(--drawably-frame) - var(--drawably-i)) * (var(--drawably-frame) - var(--drawably-i)),1)}.drawably-boil[data-i="1"]{--drawably-i: 1}.drawably-boil[data-i="2"]{--drawably-i: 2}.drawably-svg .drawably-blob{fill:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke-width:4}.drawably-svg .drawably-scribble{stroke-width:1.5}.drawably-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:0;background:none;font:inherit;font-family:Inter,system-ui,sans-serif;color:var(--drawably-ink, var(--drawably-stroke, #2724d1));cursor:pointer;outline:none;transition:transform .12s ease}.drawably-button:active{transform:translateY(1px) scale(.98)}.drawably-button .drawably-outline{transition:stroke-width .12s ease,fill .12s ease}.drawably-button:active .drawably-outline{stroke-width:calc(var(--drawably-width, 2) * 1.4)}@media(hover:hover){.drawably-button:hover:not(:disabled,[data-state=loading]){transform:translateY(-1px)}.drawably-button:not(.drawably-button--solid):hover:not(:disabled) .drawably-outline{fill:color-mix(in srgb,var(--drawably-ink, var(--drawably-stroke, #2724d1)) 10%,transparent)}.drawably-button:hover:active{transform:translateY(1px) scale(.98)}}.drawably-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.drawably-button--neutral{--drawably-stroke: #6e675f;--drawably-fill: #6e675f}.drawably-button--danger{--drawably-stroke: var(--drawably-error, #d12724);--drawably-fill: var(--drawably-error, #d12724)}.drawably-button[data-state=error]{--drawably-ink: var(--drawably-error, #d12724)}.drawably-button[data-state=success]{--drawably-ink: var(--drawably-success, #188a42)}.drawably-button[data-state=loading]{cursor:progress;opacity:.6}.drawably-button[data-state=loading] .drawably-svg{animation-duration:.45s}.drawably-button--solid{color:var(--drawably-paper, #fff)}.drawably-svg .drawably-focus{visibility:hidden;stroke-width:1.5}.drawably-host:is(:focus-visible,:has(:focus-visible)) .drawably-focus{visibility:visible}.drawably-checkbox,.drawably-radio{display:inline-block;width:22px;height:22px}.drawably-toggle{display:inline-block;width:44px;height:24px}:is(.drawably-checkbox,.drawably-radio,.drawably-toggle) input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.drawably-svg .drawably-dot{fill:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));visibility:hidden;transform:scale(.5);transform-box:fill-box;transform-origin:center;transition:transform .16s var(--drawably-ease)}.drawably-radio[data-checked] .drawably-dot{visibility:visible;transform:scale(1)}.drawably-svg .drawably-knob{transition:transform .16s var(--drawably-ease)}.drawably-toggle[data-checked] .drawably-knob{transform:translate(20px)}.drawably-divider{display:block;height:10px;border:0}.drawably-svg .drawably-check{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .24s var(--drawably-ease)}.drawably-checkbox[data-checked] .drawably-check{stroke-dashoffset:0}.drawably-inputbox,.drawably-textarea,.drawably-select{display:inline-block}:is(.drawably-inputbox,.drawably-textarea,.drawably-select) :is(input,textarea,select){border:0;background:none;font:inherit;color:inherit;padding:8px 12px;width:100%;box-sizing:border-box;outline:none}.drawably-textarea textarea{display:block;resize:vertical}.drawably-select select{appearance:none;padding-right:34px;cursor:pointer}@supports (appearance: base-select){.drawably-select select,.drawably-select select::picker(select){appearance:base-select}.drawably-select select::picker-icon{display:none}.drawably-select select::picker(select){margin-top:4px;padding:6px;border:0;background:var(--drawably-paper, #fff);color:inherit;font:inherit}.drawably-select option{padding:4px 8px;border-radius:3px}.drawably-select option:is(:hover,:focus-visible){background:color-mix(in srgb,var(--drawably-stroke, #2724d1) 10%,transparent)}.drawably-select option::checkmark{content:"";display:inline-block;width:.875em;height:.875em}.drawably-select option:checked::checkmark{background:var(--drawably-ink, var(--drawably-stroke, #2724d1));-webkit-mask:var(--drawably-check) center / contain no-repeat;mask:var(--drawably-check) center / contain no-repeat}}.drawably-badge{display:inline-block;padding:1px 7px;font:500 12px/1.4 Geist Mono,ui-monospace,monospace;color:var(--drawably-ink, var(--drawably-stroke, #2724d1))}.drawably-list{list-style:none;padding-left:24px}.drawably-card{padding:16px}.drawably-svg .drawably-wash{stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke-width:6;stroke-opacity:.3;mix-blend-mode:multiply}:is(.drawably-underline,.drawably-circle) .drawably-svg path{stroke-width:var(--drawably-width, 1.5)}.drawably-arrow{inset:auto;z-index:1}@media(prefers-reduced-motion:reduce){.drawably-svg{animation:none}.drawably-svg .drawably-check,.drawably-svg .drawably-dot,.drawably-svg .drawably-knob{transition:none}}.drawably-chip{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 6px;cursor:pointer}.drawably-chip .drawably-checkbox{scale:.8}.drawably-tabs{display:flex;gap:18px}.drawably-tabs>*{cursor:pointer}.drawably-tooltip{display:inline-block;padding:2px 10px}.drawably-alert{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px}.drawably-alert [data-tag]{padding:1px 6px}.drawably-kbd{padding:2px 8px;font:500 13px/1.4 Geist Mono,ui-monospace,monospace}.drawably-quote{margin:0}.drawably-quote footer{margin-top:10px;padding-top:8px}.drawably-pager{display:flex;gap:6px}.drawably-pager>button{min-width:34px}@keyframes stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:stagger-in .4s ease forwards;animation-delay:var(--d, 0s)}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1}}@keyframes badge-wiggle{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.06)}}.badge-new{animation:badge-wiggle 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.badge-new{animation:none}}:root{--paper: #fdfdfc;--ink: #111111;--muted: rgba(17, 17, 17, .4);--rule: rgba(17, 17, 17, .14);--accent: #b5502e;--focus-color: rgba(181, 80, 46, .4);--selection-color: #fdfdfc;--selection-bg: #b5502e;--font-display: "Inter", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}body{background-color:var(--paper);color:var(--ink);font-family:var(--font-body)}::selection{background-color:var(--selection-bg);color:var(--selection-color)}a{color:var(--accent)}a:focus{outline:2px solid var(--focus-color);outline-offset:2px}body:before{content:"";pointer-events:none;z-index:9999;position:fixed;top:0;left:0;right:0;height:8rem;background:linear-gradient(180deg,var(--paper) 0%,rgba(246,242,232,.738) 19%,rgba(246,242,232,.541) 34%,rgba(246,242,232,.382) 47%,rgba(246,242,232,.278) 56.5%,rgba(246,242,232,.194) 65%,rgba(246,242,232,.126) 73%,rgba(246,242,232,.075) 80.2%,rgba(246,242,232,.042) 86.1%,rgba(246,242,232,.021) 91%,rgba(246,242,232,.008) 95.2%,rgba(246,242,232,.002) 98.2%,rgba(246,242,232,0) 100%)}