@layer theme,base,component,animation,utilities;@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{tab-size:4;text-size-adjust:100%;-webkit-text-size-adjust:100%}body,dialog,[popover]{font-family:var(--mk-font-sans);font-size:var(--mk-text-regular);line-height:var(--mk-leading-normal);color:var(--mk-color-fg)}body{min-height:100vh;-webkit-font-smoothing:antialiased}img,picture,svg,video,canvas{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--mk-weight-semibold);line-height:var(--mk-leading-medium);&:first-child{margin-block-start:0}}h1{font-size:var(--mk-text-1);margin-block:var(--mk-space-10) var(--mk-space-6)}h2{font-size:var(--mk-text-2);margin-block:var(--mk-space-8) var(--mk-space-5)}h3{font-size:var(--mk-text-3);margin-block:var(--mk-space-6) var(--mk-space-4)}h4{font-size:var(--mk-text-4);margin-block:var(--mk-space-5) var(--mk-space-3)}h5{font-size:var(--mk-text-5);margin-block:var(--mk-space-4) var(--mk-space-2)}h6{font-size:var(--mk-text-regular);margin-block:var(--mk-space-4) var(--mk-space-2)}p{margin-block-end:var(--mk-space-4);&:last-child{margin-block-end:0}}a{color:var(--mk-color-primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--mk-transition-fast),text-decoration-color var(--mk-transition-fast);&:hover{color:rgb(from var(--mk-color-primary) r g b / .8)}}strong,b{font-weight:var(--mk-weight-semibold)}em,i{font-style:italic}small{font-size:var(--mk-text-7)}code{font-family:var(--mk-font-mono);font-size:.875em;padding:calc(var(--mk-space-1) / 2) var(--mk-space-1);background-color:var(--mk-color-faint);border-radius:var(--mk-radius-sm)}pre{font-family:var(--mk-font-mono);padding:var(--mk-space-4);background-color:var(--mk-color-faint);border-radius:var(--mk-radius-md);overflow-x:auto;margin-block-end:var(--mk-space-4);-webkit-overflow-scrolling:touch;code{padding:0;background:none;border-radius:0}}blockquote{border-inline-start:4px solid var(--mk-color-border);padding-inline-start:var(--mk-space-4);margin-block:var(--mk-space-4);color:var(--mk-color-muted-fg);font-style:italic}hr{border:none;border-top:1px solid var(--mk-color-border);margin-block:var(--mk-space-8)}ul,ol{padding-inline-start:var(--mk-space-6);margin-block-end:var(--mk-space-4)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-block-end:var(--mk-space-1);&:last-child{margin-block-end:0}}mark{background-color:rgb(from var(--mk-color-warning) r g b / .3);padding:calc(var(--mk-space-1) / 2) var(--mk-space-1);border-radius:var(--mk-radius-sm)}button,input,textarea,select{font:inherit}[hidden]{display:none}:focus-visible{outline:2px solid var(--mk-color-ring);outline-offset:2px}:disabled{opacity:.5;cursor:not-allowed}:target{scroll-margin-block:var(--mk-space-8)}}@layer theme{:root{--mk-font-sans: Inter, system-ui, sans-serif;--mk-font-mono: "SF Mono", Consolas, monospace;--mk-space-0: 0rem;--mk-space-1: .25rem;--mk-space-2: .5rem;--mk-space-3: .75rem;--mk-space-4: 1rem;--mk-space-5: 1.25rem;--mk-space-6: 1.5rem;--mk-space-8: 2rem;--mk-space-10: 2.5rem;--mk-space-12: 3rem;--mk-space-14: 3.5rem;--mk-space-16: 4rem;--mk-space-18: 4.5rem;--mk-radius-sm: .125rem;--mk-radius-md: .375rem;--mk-radius-lg: .75rem;--mk-radius-full: 9999px;--mk-weight-normal: 400;--mk-weight-medium: 500;--mk-weight-semibold: 600;--mk-weight-bold: 700;--mk-bar-height: .5rem;--mk-leading-small: 1;--mk-leading-medium: 1.25;--mk-leading-normal: 1.5;--mk-text-1: clamp(1.75rem, 1.5rem + 1.1vw, 2.25rem);--mk-text-2: clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--mk-text-3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--mk-text-4: clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--mk-text-5: 1.125rem;--mk-text-6: 1rem;--mk-text-7: .875rem;--mk-text-8: .75rem;--mk-text-regular: var(--mk-text-6);--mk-shadow-sm: 0 1px 2px rgb(0 0 0 / .05);--mk-shadow-md: 0 1px 3px rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--mk-shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--mk-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--mk-transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--mk-z-dropdown: 200;--mk-z-modal: 400;--mk-color-bg: var(--mk-palette-bg, #ffffff);--mk-color-fg: var(--mk-palette-fg, #09090b);--mk-color-card: var(--mk-palette-card, #ffffff);--mk-color-card-fg: var(--mk-palette-card-fg, #09090b);--mk-color-primary: var(--mk-palette-primary, #57534e);--mk-color-primary-fg: var(--mk-palette-primary-fg, #ffffff);--mk-color-secondary: var(--mk-palette-secondary, #f4f4f5);--mk-color-secondary-fg: var(--mk-palette-secondary-fg, #3f3f46);--mk-color-muted: var(--mk-palette-muted, #f4f4f5);--mk-color-muted-fg: var(--mk-palette-muted-fg, #71717a);--mk-color-faint: var(--mk-palette-faint, #fafafa);--mk-color-faint-fg: var(--mk-palette-faint-fg, #a1a1aa);--mk-color-accent: var(--mk-palette-accent, #f4f4f5);--mk-color-success: var(--mk-palette-success, #008032);--mk-color-success-fg: var(--mk-palette-success-fg, #ffffff);--mk-color-warning: var(--mk-palette-warning, #a65b00);--mk-color-warning-fg: var(--mk-palette-warning-fg, #ffffff);--mk-color-danger: var(--mk-palette-danger, #d32f2f);--mk-color-danger-fg: var(--mk-palette-danger-fg, #ffffff);--mk-color-border: var(--mk-palette-border, #d4d4d8);--mk-color-input: var(--mk-palette-input, #d4d4d8);--mk-color-ring: var(--mk-palette-ring, #57534e)}:root,[data-theme=light]{color-scheme:light;--mk-palette-bg: #ffffff;--mk-palette-fg: #09090b;--mk-palette-card: #ffffff;--mk-palette-card-fg: #09090b;--mk-palette-primary: #57534e;--mk-palette-primary-fg: #ffffff;--mk-palette-secondary: #f4f4f5;--mk-palette-secondary-fg: #3f3f46;--mk-palette-muted: #f4f4f5;--mk-palette-muted-fg: #71717a;--mk-palette-faint: #fafafa;--mk-palette-faint-fg: #a1a1aa;--mk-palette-accent: #f4f4f5;--mk-palette-success: #008032;--mk-palette-success-fg: #ffffff;--mk-palette-warning: #a65b00;--mk-palette-warning-fg: #ffffff;--mk-palette-danger: #d32f2f;--mk-palette-danger-fg: #ffffff;--mk-palette-border: #d4d4d8;--mk-palette-input: #d4d4d8;--mk-palette-ring: #57534e}[data-theme=dark]{color-scheme:dark;--mk-palette-bg: #09090b;--mk-palette-fg: #fafafa;--mk-palette-card: #18181b;--mk-palette-card-fg: #fafafa;--mk-palette-primary: #fafafa;--mk-palette-primary-fg: #18181b;--mk-palette-secondary: #27272a;--mk-palette-secondary-fg: #fafafa;--mk-palette-muted: #27272a;--mk-palette-muted-fg: #a1a1aa;--mk-palette-faint: #1e1e21;--mk-palette-faint-fg: #71717a;--mk-palette-accent: #27272a;--mk-palette-success: #6cc070;--mk-palette-success-fg: #18181b;--mk-palette-warning: #f0a030;--mk-palette-warning-fg: #18181b;--mk-palette-danger: #f4807b;--mk-palette-danger-fg: #18181b;--mk-palette-border: #52525b;--mk-palette-input: #52525b;--mk-palette-ring: #d4d4d8}}@layer animations{@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:is(button,[type=submit],[type=reset],[type=button],a.button)[data-loading]:after,[aria-busy=true]:before{animation-duration:2s}}@keyframes mk-spin{to{transform:rotate(360deg)}}}@layer component{:root{--mk-grid-gap: var(--mk-space-4);--mk-container-sm: 40rem;--mk-container-md: 64rem;--mk-container-lg: 80rem;--mk-container-padding: var(--mk-space-4)}main{padding-block-start:var(--mk-space-8)}.container{inline-size:100%;max-inline-size:var(--mk-container-lg);margin-inline:auto;padding-inline:var(--mk-container-padding)}.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--mk-grid-gap)}.col{grid-column:span 12}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media(width<=768px){:is(.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12){grid-column:span 12}}}@layer component{details[data-ui=accordion]{overflow:hidden;border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-md);+&{margin-block-start:-1px;border-start-start-radius:0;border-start-end-radius:0}&:has(+&){border-end-start-radius:0;border-end-end-radius:0}&[open]>summary{border-block-end:1px solid var(--mk-color-border)}>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--mk-space-2);padding:var(--mk-space-4);font-weight:var(--mk-weight-medium);cursor:pointer;user-select:none;transition:background-color var(--mk-transition-fast);&:hover{background-color:var(--mk-color-faint)}&:focus-visible{outline-offset:-2px}&::-webkit-details-marker,&::marker{display:none}&:after{content:"";inline-size:1rem;block-size:1rem;flex-shrink:0;background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain;transition:transform var(--mk-transition-fast)}}&[open]>summary:after{transform:rotate(180deg)}>:not(summary){margin:var(--mk-space-4)}}}@layer component{div[role=alert]{position:relative;display:flex;align-items:flex-start;gap:var(--mk-space-3);padding:var(--mk-space-4);font-size:var(--mk-text-7);color:var(--mk-color-fg);background-color:var(--mk-color-card);border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-md);a{color:inherit;font-weight:var(--mk-font-medium)}&[data-variant]{border-inline-start-width:4px}&[data-variant=danger]{color:var(--mk-color-danger);border-inline-start-color:var(--mk-color-danger);background-color:light-dark(color-mix(in srgb,var(--mk-color-danger) 8%,transparent),color-mix(in srgb,var(--mk-color-danger) 20%,transparent))}&[data-variant=success]{color:var(--mk-color-success);border-inline-start-color:var(--mk-color-success);background-color:light-dark(color-mix(in srgb,var(--mk-color-success) 8%,transparent),color-mix(in srgb,var(--mk-color-success) 20%,transparent))}&[data-variant=warning]{color:var(--mk-color-warning);border-inline-start-color:var(--mk-color-warning);background-color:light-dark(color-mix(in srgb,var(--mk-color-warning) 8%,transparent),color-mix(in srgb,var(--mk-color-warning) 20%,transparent))}}}@layer component{figure[data-variant=avatar]:not([role=group]){--_size: 2.5rem;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_size);block-size:var(--_size);margin:0;overflow:hidden;color:var(--mk-color-faint);background-color:var(--mk-color-faint-fg);border-radius:var(--mk-radius-full);font-size:var(--mk-text-7);font-weight:var(--mk-weight-medium);flex-shrink:0;>img{inline-size:100%;block-size:100%;object-fit:cover}}figure[data-variant=avatar][role=group]{--_size: 2.5rem;display:inline-flex;align-items:center;margin:0;>figure[data-variant=avatar]{--_size: inherit;isolation:isolate;margin-inline-end:calc(var(--mk-space-5) * -1);border:2px solid var(--mk-color-bg);&:last-child{margin-inline-end:0}}&[data-size=sm]{>figure[data-variant=avatar]{margin-inline-end:calc(var(--mk-space-4) * -.8);border-width:1px}}&[data-size=lg]{>figure[data-variant=avatar]{margin-inline-end:calc(var(--mk-space-6) * -1)}}}figure[data-variant=avatar][data-size=sm]{--_size: 2rem}figure[data-variant=avatar][data-size=lg]{--_size: 3.25rem}}@layer component{[data-badge]{display:inline-flex;align-items:center;gap:var(--mk-space-1);padding:var(--mk-space-1) var(--mk-space-3);font-size:var(--mk-text-8);font-weight:var(--mk-font-medium);line-height:var(--mk-leading-normal);white-space:nowrap;color:var(--mk-color-primary-fg);background-color:var(--mk-color-primary);border-radius:var(--mk-radius-full);&[data-size=sm]{padding-inline:var(--mk-space-2)}&[data-size=lg]{padding-inline:var(--mk-space-4);font-size:var(--mk-text-7)}&[data-variant=secondary]{color:var(--mk-color-secondary-fg);background-color:var(--mk-color-secondary)}&[data-variant=success]{color:var(--mk-color-success);background-color:light-dark(color-mix(in srgb,var(--mk-color-success) 10%,transparent),color-mix(in srgb,var(--mk-color-success) 30%,transparent))}&[data-variant=warning]{color:var(--mk-color-warning);background-color:light-dark(color-mix(in srgb,var(--mk-color-warning) 10%,transparent),color-mix(in srgb,var(--mk-color-warning) 30%,transparent))}&[data-variant=danger]{color:var(--mk-color-danger);background-color:light-dark(color-mix(in srgb,var(--mk-color-danger) 10%,transparent),color-mix(in srgb,var(--mk-color-danger) 30%,transparent))}&[data-badge][data-style=outline]{color:var(--mk-color-fg);background:transparent;border:1px solid var(--mk-color-border)}&[data-badge][data-style=outline][data-variant=secondary]{color:var(--mk-color-secondary-fg);border-color:var(--mk-color-secondary)}&[data-badge][data-style=outline][data-variant=success]{color:var(--mk-color-success);border-color:var(--mk-color-success)}&[data-badge][data-style=outline][data-variant=warning]{color:var(--mk-color-warning);border-color:var(--mk-color-warning)}&[data-badge][data-style=outline][data-variant=danger]{color:var(--mk-color-danger);border-color:var(--mk-color-danger)}}}@layer base{:is(button,[type=submit],[type=reset],[type=button],a.button),::file-selector-button{--_hover: color-mix(in srgb, var(--mk-color-primary), white 25%);appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--mk-space-2);padding:var(--mk-space-2) var(--mk-space-4);font:inherit;font-size:var(--mk-text-7);font-weight:var(--mk-weight-medium);line-height:var(--mk-leading-normal);white-space:nowrap;text-decoration:none;background:var(--mk-color-primary);color:var(--mk-color-primary-fg);border:1px solid;border-radius:var(--mk-radius-md);border-color:rgb(from #fff r g b / .15) rgb(from #000 r g b / .2) rgb(from #000 r g b / .2) rgb(from #fff r g b / .15);user-select:none;transition:background-color var(--mk-transition-fast),border-color var(--mk-transition-fast),color var(--mk-transition-fast),transform var(--mk-transition-fast),opacity var(--mk-transition-fast);&:disabled{cursor:not-allowed;opacity:.5}&:not(:disabled){cursor:pointer}&:hover:not(:disabled){background-color:var(--_hover);opacity:.9}&:active:not(:disabled){transform:translate(1px,1px)}&[data-variant=secondary]{--_hover: color-mix(in srgb, var(--mk-color-secondary), black 10%);background-color:var(--mk-color-secondary);color:var(--mk-color-secondary-fg);border-color:rgb(from #fff r g b / .5) rgb(from #000 r g b / .1) rgb(from #000 r g b / .1) rgb(from #fff r g b / .5)}&[data-variant=danger]{--_hover: color-mix(in srgb, var(--mk-color-danger), black 15%);background-color:var(--mk-color-danger);color:var(--mk-color-danger-fg);border-color:var(--mk-color-danger)}&:is([data-style=outline],[data-style=ghost]){--_hover: var(--mk-color-accent);background-color:transparent;color:var(--mk-color-fg);&[data-variant=danger]{--_hover: color-mix(in srgb, var(--mk-color-danger), transparent 90%);color:var(--mk-color-danger)}&[data-variant=secondary]{--_hover: color-mix( in srgb, var(--mk-color-secondary), transparent 80% );color:var(--mk-color-secondary-fg)}}&[data-style=outline]{border-color:var(--mk-color-border);&[data-variant=danger]{border-color:var(--mk-color-danger)}&[data-variant=secondary]{border-color:var(--mk-color-secondary)}}&[data-style=ghost]{border-color:transparent}&[data-size=sm]{padding:var(--mk-space-1) var(--mk-space-3);font-size:var(--mk-text-8)}&[data-size=lg]{block-size:3rem;padding-inline:var(--mk-space-6);font-size:var(--mk-text-regular)}&[data-icon]{inline-size:2.5rem;block-size:2.5rem;padding:0;&[data-size=sm]{inline-size:2rem;block-size:2rem}&[data-size=lg]{inline-size:3rem;block-size:3rem}}&[data-loading]{cursor:wait;pointer-events:none}&[data-loading]:after{content:"";inline-size:1em;block-size:1em;flex-shrink:0;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:mk-spin .75s linear infinite}}::file-selector-button{background-color:transparent;color:var(--mk-color-fg);border:1px solid var(--mk-color-border)}::file-selector-button:hover{background-color:var(--mk-color-accent)}}@layer component{[data-card]{padding:var(--mk-space-6);color:var(--mk-color-card-fg);background-color:var(--mk-color-card);border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-md);box-shadow:var(--mk-shadow-sm);>header{margin-block-end:var(--mk-space-4)}>footer{margin-block-start:var(--mk-space-4)}>:last-child{margin-block-end:0}&[data-style=flat]{box-shadow:none}&[data-style=outline]{background-color:transparent}}}@layer component{dialog{position:fixed;inset:0;z-index:var(--mk-z-modal);inline-size:min(calc(100% - 2rem),32rem);max-block-size:85vh;margin:auto;padding:0;overflow:hidden;color:var(--mk-color-card-fg);background-color:var(--mk-color-card);border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-lg);box-shadow:var(--mk-shadow-lg);opacity:0;transform:scale(.95);transition:opacity var(--mk-transition-normal),transform var(--mk-transition-normal),overlay var(--mk-transition-normal) allow-discrete,display var(--mk-transition-normal) allow-discrete;&:is([open],:popover-open){opacity:1;transform:scale(1)}@starting-style{&:is([open],:popover-open){opacity:0;transform:scale(.95)}}&[data-size=small]{inline-size:min(calc(100% - 2rem),24rem)}&[data-size=large]{inline-size:min(calc(100% - 2rem),48rem)}&[data-size=full]{inline-size:calc(100% - 2rem);block-size:calc(100% - 2rem);max-block-size:none}&::backdrop{background-color:#0000;transition:background-color var(--mk-transition-normal),overlay var(--mk-transition-normal) allow-discrete,display var(--mk-transition-normal) allow-discrete}&:is([open],:popover-open)::backdrop{background-color:#00000080}@starting-style{&:is([open],:popover-open)::backdrop{background-color:#0000}}>header,>form>header{display:flex;flex-direction:column;gap:var(--mk-space-1);padding:var(--mk-space-6);padding-block-end:0;>:is(h1,h2,h3,h4,h5,h6){margin-block-end:0}>p{margin-block-end:0;font-size:var(--mk-text-7);color:var(--mk-color-muted-fg)}}>:is(p,div,section),>form>:is(p,div,section){padding:var(--mk-space-6);overflow-y:auto}>footer,>form>footer{display:flex;justify-content:flex-end;gap:var(--mk-space-2);padding:var(--mk-space-6);padding-block-start:0}}}@layer component{mk-dropdown{position:relative;>[popover]{position:fixed;min-inline-size:12rem;margin:0;padding:var(--mk-space-1);color:var(--mk-color-fg);background:var(--mk-color-card);border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-md);box-shadow:var(--mk-shadow-md);opacity:0;transform:translateY(-.25rem);transition:opacity var(--mk-transition-normal),transform var(--mk-transition-normal),overlay var(--mk-transition-normal) allow-discrete,display var(--mk-transition-normal) allow-discrete;&:popover-open{opacity:1;transform:translateY(0)}@starting-style{&:popover-open{opacity:0;transform:translateY(-.25rem)}}hr{margin-block:var(--mk-space-1)}}[role=menuitem]{display:flex;align-items:center;justify-content:flex-start;gap:var(--mk-space-2);inline-size:100%;padding:var(--mk-space-2) var(--mk-space-3);font:inherit;font-size:var(--mk-text-7);color:var(--mk-color-fg);background:transparent;border:none;border-radius:var(--mk-radius-sm);text-align:start;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--mk-transition-fast),color var(--mk-transition-fast);&:hover,&:focus-visible{background:var(--mk-color-accent);outline:none}&:disabled,&[aria-disabled=true]{opacity:.5;cursor:not-allowed}}}}@layer base{label{display:block;font-size:var(--mk-text-7);font-weight:var(--mk-weight-medium);margin:var(--mk-space-2) 0;&:has(input:where([type=checkbox],[type=radio])){display:inline-flex;align-items:center;gap:var(--mk-space-2);row-gap:0;font-weight:var(--mk-weight-normal)}}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select){inline-size:100%;margin-block-start:var(--mk-space-1);padding:var(--mk-space-2) var(--mk-space-3);font:inherit;font-size:var(--mk-text-7);line-height:var(--mk-leading-normal);background-color:var(--mk-color-bg);color:var(--mk-color-fg);border:1px solid var(--mk-color-input);border-radius:var(--mk-radius-md);transition:border-color var(--mk-transition-fast),box-shadow var(--mk-transition-fast);&::placeholder{color:var(--mk-color-muted-fg)}&:focus-visible{outline:none;border-color:var(--mk-color-ring);box-shadow:0 0 0 2px rgb(from var(--mk-color-ring) r g b / .2);z-index:1}&:disabled{background-color:var(--mk-color-muted);cursor:not-allowed}&:is([aria-invalid=true],:user-invalid){border-color:var(--mk-color-danger);&:focus-visible{box-shadow:0 0 0 2px rgb(from var(--mk-color-danger) r g b / .2)}}}textarea{block-size:auto;min-block-size:5rem;padding:var(--mk-space-3);resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--mk-space-2) center;padding-inline-end:var(--mk-space-6)}input:where([type=checkbox],[type=radio]){appearance:none;inline-size:1rem;block-size:1rem;margin:0;position:relative;background-color:var(--mk-color-bg);border:1px solid var(--mk-color-input);transition:background-color var(--mk-transition-fast),border-color var(--mk-transition-fast);&:focus-visible{outline:2px solid var(--mk-color-ring);outline-offset:2px}&:checked{background-color:var(--mk-color-primary);border-color:var(--mk-color-primary);&:after{content:"";position:absolute;inset:0;background-color:var(--mk-color-primary-fg);mask-position:center;mask-repeat:no-repeat;mask-size:100%}}}input[type=checkbox]{border-radius:var(--mk-radius-sm);&:checked:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}&[role=switch]{--_height: calc(var(--mk-bar-height) * 3);--_inset: 2px;--_thumb: calc(var(--_height) - var(--_inset) * 3);inline-size:calc(var(--_height) * 2);block-size:var(--_height);border-radius:var(--mk-radius-full);background-color:var(--mk-color-input);&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:var(--_inset);transform:translateY(-50%);inline-size:var(--_thumb);block-size:var(--_thumb);background-color:var(--mk-color-bg);border-radius:var(--mk-radius-full);transition:transform var(--mk-transition-normal);box-shadow:var(--mk-shadow-sm)}&:checked{background-color:var(--mk-color-primary);&:after{content:none}&:before{transform:translateY(-50%) translate(var(--_height))}}}}input[type=radio]{border-radius:var(--mk-radius-full);&:checked:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E")}}:where(input:where([type=checkbox],[type=radio],[type=range]),select):not(:disabled),label:has(input:where([type=checkbox],[type=radio]):not(:disabled)){cursor:pointer}input[type=range]{inline-size:100%;block-size:var(--mk-bar-height);appearance:none;background:var(--mk-color-muted);border-radius:var(--mk-radius-full);&::-webkit-slider-thumb,&::-moz-range-thumb{appearance:none;inline-size:1.25rem;block-size:1.25rem;background:var(--mk-color-primary);border-radius:var(--mk-radius-full);transition:transform var(--mk-transition-fast);&:hover{transform:scale(1.1)}}}label>small{display:block;margin-block-start:var(--mk-space-1);color:var(--mk-color-muted-fg)}:where(input,textarea,select):is([aria-invalid=true],:user-invalid)+small{color:var(--mk-color-danger)}fieldset{border:1px solid var(--mk-color-border);border-radius:var(--mk-radius-md);padding:var(--mk-space-4);margin-block-end:var(--mk-space-4)}legend{font-size:var(--mk-text-7);font-weight:var(--mk-weight-medium);padding-inline:var(--mk-space-2)}}@layer base{progress,meter{--_bar-height: .5rem;appearance:none;inline-size:100%;block-size:var(--_bar-height);overflow:hidden;border:none;border-radius:var(--mk-radius-full);background-color:var(--mk-color-muted)}progress{&::-webkit-progress-bar{background-color:var(--mk-color-muted);border-radius:var(--mk-radius-full)}&::-webkit-progress-value{background-color:var(--mk-color-primary);border-radius:var(--mk-radius-full);transition:inline-size var(--mk-transition-normal)}&::-moz-progress-bar{background-color:var(--mk-color-primary);border-radius:var(--mk-radius-full)}}meter{&::-webkit-meter-bar{block-size:var(--_bar-height);border:none;border-radius:var(--mk-radius-full);background-color:var(--mk-color-muted)}&::-webkit-meter-optimum-value,&::-webkit-meter-suboptimum-value,&::-webkit-meter-even-less-good-value{border-radius:var(--mk-radius-full)}&::-webkit-meter-optimum-value{background-color:var(--mk-color-success)}&::-webkit-meter-suboptimum-value{background-color:var(--mk-color-warning)}&::-webkit-meter-even-less-good-value{background-color:var(--mk-color-danger)}&::-moz-meter-bar{background-color:var(--mk-color-success);border-radius:var(--mk-radius-full)}&:-moz-meter-sub-optimum::-moz-meter-bar{background-color:var(--mk-color-warning)}&:-moz-meter-sub-sub-optimum::-moz-meter-bar{background-color:var(--mk-color-danger)}}}@layer component{[aria-busy=true]{--_size: 1.5rem;--_border-width: 2px;position:relative;&:before{content:"";display:inline-block;inline-size:var(--_size);block-size:var(--_size);border:var(--_border-width) solid var(--mk-color-muted);border-block-start-color:var(--mk-color-primary);border-radius:var(--mk-radius-full);animation:mk-spin 1s linear infinite}&[data-size=sm]{--_size: 1rem}&[data-size=lg]{--_size: 2rem;--_border-width: 3px}&[data-variant=overlay]{pointer-events:none;>*{opacity:.3}&:before{position:absolute;inset:0;margin:auto;z-index:1}}}}@layer base{[data-table]{display:block;inline-size:100%;min-inline-size:320px;overflow-inline:auto}table{inline-size:100%;border-collapse:collapse;font-size:var(--mk-text-7)}caption{padding-block-end:var(--mk-space-3);text-align:start;font-weight:var(--mk-weight-medium);color:var(--mk-color-muted-fg)}thead{border-block-end:1px solid var(--mk-color-border)}th,td{overflow-wrap:break-word;vertical-align:top}th{padding:var(--mk-space-3) var(--mk-space-2);text-align:start;font-weight:var(--mk-weight-medium);color:var(--mk-color-muted-fg)}td{padding:var(--mk-space-3) var(--mk-space-2)}tbody tr{border-block-end:1px solid var(--mk-color-border);transition:background-color var(--mk-transition-fast);&:last-child{border-block-end:none}&:hover{background-color:rgb(from var(--mk-color-muted) r g b / .5)}}}@layer component{[role=tablist]{display:inline-flex;align-items:center;gap:var(--mk-space-1);padding:var(--mk-space-1);background-color:var(--mk-color-muted);border-radius:var(--mk-radius-md)}[role=tab]{display:inline-flex;align-items:center;justify-content:center;padding:var(--mk-space-2) var(--mk-space-3);font-size:var(--mk-text-7);font-weight:var(--mk-weight-medium);white-space:nowrap;color:var(--mk-color-fg);background-color:transparent;border:none;border-radius:calc(var(--mk-radius-md) - 2px);cursor:pointer;transition:background-color var(--mk-transition-fast),color var(--mk-transition-fast);&:hover{color:var(--mk-color-muted-fg)}&[aria-selected=true]{color:var(--mk-color-fg);background-color:var(--mk-color-bg);box-shadow:var(--mk-shadow-sm)}&:disabled{opacity:.5;cursor:not-allowed}}[role=tabpanel]{padding-block:var(--mk-space-4);&:focus-visible{outline:none}}}@layer component{.toast-container{position:fixed;display:flex;flex-direction:column;gap:var(--mk-space-2);margin:0;padding:0;border:none;background:transparent;overflow:visible;pointer-events:none;&::backdrop{display:none}&[data-placement=top-left]{inset:var(--mk-space-4) auto auto var(--mk-space-4)}&[data-placement=top-center]{inset:var(--mk-space-4) auto auto 50%;transform:translate(-50%)}&[data-placement=top-right]{inset:var(--mk-space-4) var(--mk-space-4) auto auto}&[data-placement=bottom-left]{inset:auto auto var(--mk-space-4) var(--mk-space-4);flex-direction:column-reverse}&[data-placement=bottom-center]{inset:auto auto var(--mk-space-4) 50%;transform:translate(-50%);flex-direction:column-reverse}&[data-placement=bottom-right]{inset:auto var(--mk-space-4) var(--mk-space-4) auto;flex-direction:column-reverse}}.toast{--_duration: .3s;--_duration-in: .25s;position:relative;min-inline-size:20rem;max-inline-size:28rem;padding:var(--mk-space-5) var(--mk-space-4);pointer-events:auto;line-height:var(--mk-leading-normal);color:var(--mk-color-card-fg);background-color:var(--mk-color-card);border:1px solid var(--mk-color-border);border-inline-start-width:var(--mk-space-1);border-radius:var(--mk-radius-md);box-shadow:var(--mk-shadow-sm);transition:opacity var(--_duration-in),transform var(--_duration-in),margin var(--_duration-in);>[data-close]{position:absolute;inset-block-start:var(--mk-space-3);inset-inline-end:var(--mk-space-3);display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;margin:0;font:inherit;font-size:var(--mk-text-6);line-height:1;color:inherit;background:transparent;border:none;border-radius:var(--mk-radius-sm);opacity:.6;cursor:pointer;transition:opacity var(--mk-transition-fast),background-color var(--mk-transition-fast);&:hover,&:focus-visible{opacity:1;background-color:var(--mk-color-accent)}}}.toast-title{margin-block-end:var(--mk-space-2);font-weight:var(--mk-weight-semibold)}.toast-message{color:var(--mk-color-muted-fg)}.toast[data-variant=success]{border-inline-start-color:var(--mk-color-success);.toast-title{color:var(--mk-color-success)}}.toast[data-variant=warning]{border-inline-start-color:var(--mk-color-warning);.toast-title{color:var(--mk-color-warning)}}.toast[data-variant=danger]{border-inline-start-color:var(--mk-color-danger);.toast-title{color:var(--mk-color-danger)}}.toast[data-entering]{opacity:0;transform:translateY(-1rem)}.toast[data-exiting]{opacity:0;overflow:hidden;max-block-size:0;margin:0;padding-block:0;transition:opacity var(--_duration),margin var(--_duration),padding var(--_duration),max-block-size var(--_duration)}}@layer component{[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{position:absolute;inset-inline-start:50%;opacity:0;visibility:hidden;pointer-events:none;z-index:calc(var(--mk-z-modal) + 10);transition:opacity var(--mk-transition-fast),transform var(--mk-transition-fast),visibility var(--mk-transition-fast)}[data-tooltip]:after{content:attr(data-tooltip);inset-block-end:calc(100% + 10px);transform:translate(-50%) translateY(4px);padding:var(--mk-space-2) var(--mk-space-3);font-size:var(--mk-text-8);line-height:var(--mk-leading-small);max-inline-size:20rem;white-space:normal;text-wrap:pretty;color:var(--mk-color-bg);background-color:var(--mk-color-fg);border-radius:var(--mk-radius-md)}[data-tooltip]:before{content:"";inset-block-end:calc(100% - 5px);transform:translate(-50%) translateY(4px);border:8px solid transparent;border-block-start-color:var(--mk-color-fg)}[data-tooltip][data-placement=bottom]:after{inset-block-start:calc(100% + 10px);inset-block-end:auto;transform:translate(-50%) translateY(-4px)}[data-tooltip][data-placement=bottom]:before{inset-block-start:calc(100% - 5px);inset-block-end:auto;transform:translate(-50%) translateY(-4px);border-color:transparent;border-block-end-color:var(--mk-color-fg)}[data-tooltip]:is([data-placement=left],[data-placement=right]):before,[data-tooltip]:is([data-placement=left],[data-placement=right]):after{inset-block-start:50%;inset-block-end:auto}[data-tooltip]:is([data-placement=left],[data-placement=right]):before{border-color:transparent}[data-tooltip][data-placement=left]:before,[data-tooltip][data-placement=left]:after{inset-inline-start:auto;transform:translate(4px) translateY(-50%)}[data-tooltip][data-placement=left]:after{inset-inline-end:calc(100% + 10px)}[data-tooltip][data-placement=left]:before{inset-inline-end:calc(100% - 5px);border-inline-start-color:var(--mk-color-fg)}[data-tooltip][data-placement=right]:before,[data-tooltip][data-placement=right]:after{transform:translate(-4px) translateY(-50%)}[data-tooltip][data-placement=right]:after{inset-inline-start:calc(100% + 10px)}[data-tooltip][data-placement=right]:before{inset-inline-start:calc(100% - 5px);border-inline-end-color:var(--mk-color-fg)}[data-tooltip]:is(:hover,:focus-visible):before,[data-tooltip]:is(:hover,:focus-visible):after{opacity:1;visibility:visible;transition-delay:.7s;transform:translate(-50%) translateY(0)}[data-tooltip]:is([data-placement=left],[data-placement=right]):is(:hover,:focus-visible):before,[data-tooltip]:is([data-placement=left],[data-placement=right]):is(:hover,:focus-visible):after{transform:translate(0) translateY(-50%)}[data-tooltip][data-disabled]:before,[data-tooltip][data-disabled]:after{display:none}}@layer utilities{ul.unstyled,ol.unstyled,a.unstyled{padding:0;list-style:none;text-decoration:none}}@layer utilities{.hidden{display:none}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}}@layer utilities{.flex-row{flex-direction:row}.flex-column{flex-direction:column}.wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--mk-space-1)}.gap-2{gap:var(--mk-space-2)}.gap-3{gap:var(--mk-space-3)}.gap-4{gap:var(--mk-space-4)}.gap-5{gap:var(--mk-space-5)}.gap-6{gap:var(--mk-space-6)}.hstack,.vstack{gap:var(--mk-stack-gap, var(--mk-space-3))}.hstack{display:flex;flex-wrap:wrap;align-items:center;>*{margin:0}}.vstack{display:flex;flex-direction:column}}@layer utilities{.w-full{inline-size:100%}.h-full{block-size:100%}}@layer utilities{.p-0{padding:var(--mk-space-0)}.p-1{padding:var(--mk-space-1)}.p-2{padding:var(--mk-space-2)}.p-3{padding:var(--mk-space-3)}.p-4{padding:var(--mk-space-4)}.p-5{padding:var(--mk-space-5)}.p-6{padding:var(--mk-space-6)}.m-0{margin:var(--mk-space-0)}.m-1{margin:var(--mk-space-1)}.m-2{margin:var(--mk-space-2)}.m-3{margin:var(--mk-space-3)}.m-4{margin:var(--mk-space-4)}.m-5{margin:var(--mk-space-5)}.m-6{margin:var(--mk-space-6)}}@layer utilities{.text-left{text-align:start}.text-center{text-align:center}.text-right{text-align:end}}@layer utilities{.text-primary{color:var(--mk-color-primary)}.text-muted{color:var(--mk-color-muted-fg)}.text-faint{color:var(--mk-color-faint-fg)}.text-danger{color:var(--mk-color-danger)}.bg-primary{background:var(--mk-color-primary)}.bg-muted{background:var(--mk-color-muted)}.bg-card{background:var(--mk-color-card)}}