/*! timeless, https://timeless.mat.tm/timeless.min.css, vendored 2026-11-15 */
@layer theme, base, components;@layer theme{:root{--spacing:0.25rem;--font-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:ui-monospace,"Roboto Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--text-xs:calc(var(--spacing)*3);--text-xs--line-height:calc(var(--spacing)*4.5);--text-sm:calc(var(--spacing)*3.5);--text-sm--line-height:calc(var(--spacing)*5);--text-md:calc(var(--spacing)*4);--text-md--line-height:calc(var(--spacing)*6);--text-lg:calc(var(--spacing)*4.5);--text-lg--line-height:calc(var(--spacing)*7);--text-xl:calc(var(--spacing)*5);--text-xl--line-height:calc(var(--spacing)*7.5);--text-display-xs:calc(var(--spacing)*6);--text-display-xs--line-height:calc(var(--spacing)*8);--text-display-sm:calc(var(--spacing)*7.5);--text-display-sm--line-height:calc(var(--spacing)*9.5);--text-display-md:calc(var(--spacing)*9);--text-display-md--line-height:calc(var(--spacing)*11);--text-display-md--letter-spacing:-0.72px;--text-display-lg:calc(var(--spacing)*12);--text-display-lg--line-height:calc(var(--spacing)*15);--text-display-lg--letter-spacing:-0.96px;--text-display-xl:calc(var(--spacing)*15);--text-display-xl--line-height:calc(var(--spacing)*18);--text-display-xl--letter-spacing:-1.2px;--text-display-2xl:calc(var(--spacing)*18);--text-display-2xl--line-height:calc(var(--spacing)*22.5);--text-display-2xl--letter-spacing:-1.44px;--radius-none:0px;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-none:0 0 #0000;--shadow-xs:0px 1px 2px rgba(10,13,18,.05);--shadow-sm:0px 1px 3px rgba(10,13,18,.1),0px 1px 2px -1px rgba(10,13,18,.1);--shadow-md:0px 4px 6px -1px rgba(10,13,18,.1),0px 2px 4px -2px rgba(10,13,18,.06);--shadow-lg:0px 12px 16px -4px rgba(10,13,18,.08),0px 4px 6px -2px rgba(10,13,18,.03),0px 2px 2px -1px rgba(10,13,18,.04);--shadow-xl:0px 20px 24px -4px rgba(10,13,18,.08),0px 8px 8px -4px rgba(10,13,18,.03),0px 3px 3px -1.5px rgba(10,13,18,.04);--shadow-2xl:0px 24px 48px -12px rgba(10,13,18,.18),0px 4px 4px -2px rgba(10,13,18,.04);--shadow-3xl:0px 32px 64px -12px rgba(10,13,18,.14),0px 5px 5px -2.5px rgba(10,13,18,.04);--shadow-inner:inset 0 2px 4px 0 rgba(10,13,18,.07);--color-transparent:transparent;--color-white:#fff;--color-black:#000;--color-alpha-white:#fff;--color-alpha-black:#000;--color-gray-25:#fcfcfc;--color-gray-50:#f8f9fa;--color-gray-100:#f1f3f5;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#adb5bd;--color-gray-600:#868e96;--color-gray-650:#686f76;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#212529;--color-gray-950:#141619;--color-red-25:snow;--color-red-50:#fff5f5;--color-red-100:#ffe3e3;--color-red-200:#ffc9c9;--color-red-300:#ffa8a8;--color-red-400:#ff8787;--color-red-500:#ff6b6b;--color-red-600:#fa5252;--color-red-700:#f03e3e;--color-red-800:#e03131;--color-red-900:#c92a2a;--color-red-950:#791919;--color-pink-25:#fff8fa;--color-pink-50:#fff0f6;--color-pink-100:#ffdeeb;--color-pink-200:#fcc2d7;--color-pink-300:#faa2c1;--color-pink-400:#f783ac;--color-pink-500:#f06595;--color-pink-600:#e64980;--color-pink-700:#d6336c;--color-pink-800:#c2255c;--color-pink-900:#a61e4d;--color-pink-950:#64122e;--color-grape-25:#fcf8fe;--color-grape-50:#f8f0fc;--color-grape-100:#f3d9fa;--color-grape-200:#eebefa;--color-grape-300:#e599f7;--color-grape-400:#da77f2;--color-grape-500:#cc5de8;--color-grape-600:#be4bdb;--color-grape-700:#ae3ec9;--color-grape-800:#9c36b5;--color-grape-900:#862e9c;--color-grape-950:#501c5e;--color-violet-25:#f9f8ff;--color-violet-50:#f3f0ff;--color-violet-100:#e5dbff;--color-violet-200:#d0bfff;--color-violet-300:#b197fc;--color-violet-400:#9775fa;--color-violet-500:#845ef7;--color-violet-600:#7950f2;--color-violet-700:#7048e8;--color-violet-800:#6741d9;--color-violet-900:#5f3dc4;--color-violet-950:#392576;--color-indigo-25:#f6f8ff;--color-indigo-50:#edf2ff;--color-indigo-100:#dbe4ff;--color-indigo-200:#bac8ff;--color-indigo-300:#91a7ff;--color-indigo-400:#748ffc;--color-indigo-500:#5c7cfa;--color-indigo-600:#4c6ef5;--color-indigo-700:#4263eb;--color-indigo-800:#3b5bdb;--color-indigo-900:#364fc7;--color-indigo-950:#202f77;--color-blue-25:#f3faff;--color-blue-50:#e7f5ff;--color-blue-100:#d0ebff;--color-blue-200:#a5d8ff;--color-blue-300:#74c0fc;--color-blue-400:#4dabf7;--color-blue-500:#339af0;--color-blue-600:#228be6;--color-blue-700:#1c7ed6;--color-blue-800:#1971c2;--color-blue-900:#1864ab;--color-blue-950:#0e3c67;--color-cyan-25:#f1fcfe;--color-cyan-50:#e3fafc;--color-cyan-100:#c5f6fa;--color-cyan-200:#99e9f2;--color-cyan-300:#66d9e8;--color-cyan-400:#3bc9db;--color-cyan-500:#22b8cf;--color-cyan-600:#15aabf;--color-cyan-700:#1098ad;--color-cyan-800:#0c8599;--color-cyan-900:#0b7285;--color-cyan-950:#074450;--color-teal-25:#f2fefa;--color-teal-50:#e6fcf5;--color-teal-100:#c3fae8;--color-teal-200:#96f2d7;--color-teal-300:#63e6be;--color-teal-400:#38d9a9;--color-teal-500:#20c997;--color-teal-600:#12b886;--color-teal-700:#0ca678;--color-teal-800:#099268;--color-teal-900:#087f5b;--color-teal-950:#054c37;--color-green-25:#f5fdf6;--color-green-50:#ebfbee;--color-green-100:#d3f9d8;--color-green-200:#b2f2bb;--color-green-300:#8ce99a;--color-green-400:#69db7c;--color-green-500:#51cf66;--color-green-600:#40c057;--color-green-700:#37b24d;--color-green-800:#2f9e44;--color-green-900:#2b8a3e;--color-green-950:#1a5325;--color-lime-25:#fafef1;--color-lime-50:#f4fce3;--color-lime-100:#e9fac8;--color-lime-200:#d8f5a2;--color-lime-300:#c0eb75;--color-lime-400:#a9e34b;--color-lime-500:#94d82d;--color-lime-600:#82c91e;--color-lime-700:#74b816;--color-lime-800:#66a80f;--color-lime-900:#5c940d;--color-lime-950:#375908;--color-yellow-25:#fffced;--color-yellow-50:#fff9db;--color-yellow-100:#fff3bf;--color-yellow-200:#ffec99;--color-yellow-300:#ffe066;--color-yellow-400:#ffd43b;--color-yellow-500:#fcc419;--color-yellow-600:#fab005;--color-yellow-700:#f59f00;--color-yellow-800:#f08c00;--color-yellow-900:#e67700;--color-yellow-950:#8a4700;--color-orange-25:#fffaf2;--color-orange-50:#fff4e6;--color-orange-100:#ffe8cc;--color-orange-200:#ffd8a8;--color-orange-300:#ffc078;--color-orange-400:#ffa94d;--color-orange-500:#ff922b;--color-orange-600:#fd7e14;--color-orange-700:#f76707;--color-orange-800:#e8590c;--color-orange-900:#d9480f;--color-orange-950:#822b09;--color-brand-25:var(--color-indigo-25);--color-brand-50:var(--color-indigo-50);--color-brand-100:var(--color-indigo-100);--color-brand-200:var(--color-indigo-200);--color-brand-300:var(--color-indigo-300);--color-brand-400:var(--color-indigo-400);--color-brand-500:var(--color-indigo-500);--color-brand-600:var(--color-indigo-600);--color-brand-700:var(--color-indigo-700);--color-brand-800:var(--color-indigo-800);--color-brand-900:var(--color-indigo-900);--color-brand-950:var(--color-indigo-950);--color-error-25:var(--color-red-25);--color-error-50:var(--color-red-50);--color-error-100:var(--color-red-100);--color-error-200:var(--color-red-200);--color-error-300:var(--color-red-300);--color-error-400:var(--color-red-400);--color-error-500:var(--color-red-500);--color-error-600:var(--color-red-600);--color-error-700:var(--color-red-700);--color-error-800:var(--color-red-800);--color-error-900:var(--color-red-900);--color-error-950:var(--color-red-950);--color-warning-25:var(--color-orange-25);--color-warning-50:var(--color-orange-50);--color-warning-100:var(--color-orange-100);--color-warning-200:var(--color-orange-200);--color-warning-300:var(--color-orange-300);--color-warning-400:var(--color-orange-400);--color-warning-500:var(--color-orange-500);--color-warning-600:var(--color-orange-600);--color-warning-700:var(--color-orange-700);--color-warning-800:var(--color-orange-800);--color-warning-900:var(--color-orange-900);--color-warning-950:var(--color-orange-950);--color-success-25:var(--color-green-25);--color-success-50:var(--color-green-50);--color-success-100:var(--color-green-100);--color-success-200:var(--color-green-200);--color-success-300:var(--color-green-300);--color-success-400:var(--color-green-400);--color-success-500:var(--color-green-500);--color-success-600:var(--color-green-600);--color-success-700:var(--color-green-700);--color-success-800:var(--color-green-800);--color-success-900:var(--color-green-900);--color-success-950:var(--color-green-950)}.dark-mode{color-scheme:dark;--color-alpha-white:#0f1112;--color-alpha-black:#fff;--color-gray-950:#fcfcfd;--color-gray-900:#f9f9fa;--color-gray-800:#f0f3f5;--color-gray-700:#eceff1;--color-gray-650:#bec4c9;--color-gray-600:#9199a1;--color-gray-500:#828a92;--color-gray-400:#717880;--color-gray-300:#60676e;--color-gray-200:#363c42;--color-gray-100:#24282c;--color-gray-50:#16181b;--color-gray-25:#0f1112}}@layer components{:where([is],[is] *,[is]:before,[is]:after,[is] :before,[is] :after){box-sizing:border-box}:where(:is(button,input,select,textarea)[is],[is] :is(button,input,select,textarea)){color:inherit;font:inherit;margin:0;padding:0}:where(:is(button,label,summary)[is],[is] :is(button,label,summary)){-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(:is(input,textarea)[is],[is] :is(input,textarea)){-webkit-user-select:text;-moz-user-select:text;user-select:text}:where([is]:focus-visible,[is] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible){outline:2px solid var(--color-brand-500);outline-offset:var(--focus-offset,2px)}}@layer components{[is~=Button]{--box-shadow:var(--shadow-xs),inset 0 1px 1px hsla(0,0%,100%,.15),inset 0 -1px 1px rgba(0,0,0,.05);--border:var(--color-gray-300);--background:var(--color-gray-25);--color:var(--color-gray-700);--svg-color:var(--color-gray-500);--padding-inline:calc(var(--spacing)*3.5);--padding-block:calc(var(--spacing)*2.5);--gap:calc(var(--spacing)*1.5);--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);align-items:center;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--box-shadow);color:var(--color);cursor:pointer;display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight-semibold);gap:var(--gap);justify-content:center;line-height:var(--line-height);padding-block:var(--padding-block);padding-inline:var(--padding-inline);transition-duration:var(--default-transition-duration);transition-property:color,border,background-color,box-shadow;transition-timing-function:var(--default-transition-timing-function);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;& svg{color:var(--svg-color);height:var(--line-height);width:var(--line-height)}&:hover,&:where([aria-pressed=true],[aria-current]:not([aria-current=false])){--background:var(--color-gray-100);--box-shadow:var(--shadow-xs);--svg-color:var(--color-gray-600)}&:active{--background:var(--color-gray-200);--box-shadow:var(--shadow-xs)}&:is([disabled],[aria-disabled=true]){pointer-events:none;--border:var(--color-gray-200);--color:var(--color-gray-500);--svg-color:var(--color-gray-400);--box-shadow:var(--shadow-xs)}&[is~=loading]{pointer-events:none;--box-shadow:var(--shadow-xs)}&[is~=xs],:is([is~=InputGroup],[is~=Field])[is~=xs] &{--font-size:var(--text-xs);--line-height:var(--text-xs--line-height);--padding-inline:calc(var(--spacing)*2.5);--padding-block:calc(var(--spacing)*1.75);--gap:calc(var(--spacing)*1)}&[is~=sm],:is([is~=InputGroup],[is~=Field])[is~=sm] &{--font-size:var(--text-xs);--padding-inline:calc(var(--spacing)*3);--padding-block:calc(var(--spacing)*2)}&[is~=lg],:is([is~=InputGroup],[is~=Field])[is~=lg] &{--font-size:var(--text-md);--padding-inline:calc(var(--spacing)*4);--padding-block:calc(var(--spacing)*2.5);--line-height:var(--text-md--line-height);--gap:calc(var(--spacing)*2)}&[is~=xl],:is([is~=InputGroup],[is~=Field])[is~=xl] &{--padding-inline:calc(var(--spacing)*4.5);--padding-block:calc(var(--spacing)*3);--font-size:var(--text-lg);--line-height:var(--text-lg--line-height);--gap:calc(var(--spacing)*2)}&[is~=primary]{--color:var(--color-white);--border:var(--color-brand-900);--background:var(--color-brand-700);--svg-color:var(--color-brand-300);&:hover{--background:var(--color-brand-800);--svg-color:var(--color-brand-200)}&:active{--background:var(--color-brand-900)}&:is([disabled],[aria-disabled=true]){--background:var(--color-gray-100);--border:var(--color-gray-200);--color:var(--color-gray-500);--svg-color:var(--color-gray-400)}}&[is~=danger]{--color:var(--color-white);--border:var(--color-error-950);--background:var(--color-error-800);--svg-color:var(--color-error-300);&:hover{--background:var(--color-error-900);--svg-color:var(--color-error-200)}&:active{--background:var(--color-error-950)}&:is([disabled],[aria-disabled=true]){--background:var(--color-gray-100);--border:var(--color-gray-200);--color:var(--color-gray-500);--svg-color:var(--color-gray-400)}}&[is~=ghost]{--box-shadow:none;--color:var(--color-gray-700);--border:var(--color-transparent);--background:var(--color-transparent);--svg-color:var(--color-gray-400);&:hover{--background:var(--color-gray-100);--svg-color:var(--color-gray-500)}&:active{--background:var(--color-gray-200)}&:is([disabled],[aria-disabled=true]){--color:var(--color-gray-500);--svg-color:var(--color-gray-400)}&[is~=loading]{--background:var(--color-gray-100)}}&[is~=danger]:is([is~=outline],[is~=ghost]){--color:var(--color-error-800);--svg-color:var(--color-error-500);&[is~=outline]{--border:var(--color-error-300);--background:var(--color-alpha-white)}&:hover{--color:var(--color-error-900);--svg-color:var(--color-error-600);--background:var(--color-error-50)}&:active{--background:var(--color-error-100)}.dark-mode &{--color:var(--color-error-400);--svg-color:var(--color-error-400);&[is~=outline]{--border:color-mix(in srgb,var(--color-error-500) 45%,transparent)}&:hover{--color:var(--color-error-300);--background:color-mix(in srgb,var(--color-error-500) 15%,transparent)}}&:is([disabled],[aria-disabled=true]),.dark-mode &:is([disabled],[aria-disabled=true]){--color:var(--color-gray-500);--svg-color:var(--color-gray-400);--border:var(--color-gray-200)}}&[is~=full]{width:100%}&[is~=square]{--padding-inline:var(--padding-block)}}}@layer components{[is~=Link]{--color:var(--color-gray-700);--svg-color:var(--color-gray-500);--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);--gap:calc(var(--spacing)*1);align-items:center;color:var(--color);cursor:pointer;display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight-semibold);gap:var(--gap);justify-content:center;line-height:var(--line-height);text-decoration-color:transparent;text-underline-offset:2px;transition-duration:var(--default-transition-duration);transition-property:color,text-decoration-color;transition-timing-function:var(--default-transition-timing-function);white-space:nowrap;& svg{color:var(--svg-color);height:var(--line-height);width:var(--line-height)}&:hover{--color:var(--color-gray-800);--svg-color:var(--color-gray-600);text-decoration:underline;text-decoration-color:currentColor}&:active{--color:var(--color-gray-900);--svg-color:var(--color-gray-700)}&[is~=loading]{pointer-events:none}&[is~=primary]{--color:var(--color-brand-700);--svg-color:var(--color-brand-400);&:hover{--color:var(--color-brand-800);--svg-color:var(--color-brand-600)}&:active{--color:var(--color-brand-900);--svg-color:var(--color-brand-700)}.dark-mode &:not([disabled],[aria-disabled=true]){--color:var(--color-brand-400);--svg-color:var(--color-brand-500);&:hover{--color:var(--color-brand-300);--svg-color:var(--color-brand-400)}&:active{--color:var(--color-brand-200);--svg-color:var(--color-brand-300)}}}&[aria-disabled=true],&[disabled]{pointer-events:none;--color:var(--color-gray-500);--svg-color:var(--color-gray-400)}&[is~=sm]{--gap:calc(var(--spacing)*0.5);--font-size:var(--text-xs);--line-height:var(--text-xs--line-height)}&[is~=lg]{--gap:calc(var(--spacing)*1.5);--font-size:var(--text-md);--line-height:var(--text-md--line-height)}&[is~=xl]{--gap:calc(var(--spacing)*2);--font-size:var(--text-lg);--line-height:var(--text-lg--line-height)}}}@layer components{[is~=Input]{--border:var(--color-gray-300);--background:var(--color-gray-25);--color:var(--color-gray-900);--placeholder-color:var(--color-gray-600);--sibling-color:var(--placeholder-color);--padding-inline:calc(var(--spacing)*3);--padding-block:calc(var(--spacing)*2);--font-size:var(--text-md);--line-height:var(--text-md--line-height);--gap:calc(var(--spacing)*1.5);--box-shadow:var(--shadow-inner);--outline-color:transparent;align-items:center;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--box-shadow);color:var(--color);display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight-normal);gap:var(--gap);justify-content:center;line-height:var(--line-height);outline:2px solid var(--outline-color);padding-block:var(--padding-block);padding-inline:var(--padding-inline);transition-duration:var(--default-transition-duration);transition-property:color,border,background-color,box-shadow,outline-color;transition-timing-function:var(--default-transition-timing-function);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;& svg{color:var(--svg-color,var(--color-gray-500));flex-shrink:0;height:min(var(--line-height),calc(var(--spacing)*5));width:min(var(--line-height),calc(var(--spacing)*5))}& [is=Input-append],& [is=Input-prepend]{color:var(--sibling-color);transition-duration:var(--default-transition-duration);transition-property:color,border,background-color,box-shadow,outline-color;transition-timing-function:var(--default-transition-timing-function)}& [is=Input-prepend]:has(+input:not(:-moz-placeholder)){--sibling-color:var(--color)}& [is=Input-prepend]:has(+input:not(:placeholder-shown)){--sibling-color:var(--color)}& input:not(:-moz-placeholder)+[is=Input-append]{--sibling-color:var(--color)}& input:not(:placeholder-shown)+[is=Input-append]{--sibling-color:var(--color)}& :is(input,textarea,select){background-color:transparent;border:none;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;outline:none;width:100%;&::-moz-placeholder{color:var(--placeholder-color);opacity:1}&::placeholder{color:var(--placeholder-color);opacity:1}}& input:is([type=date],[type=datetime-local],[type=month],[type=week])::-webkit-calendar-picker-indicator{background:var(--color-gray-500);cursor:pointer;height:var(--line-height);padding:0;width:var(--line-height);--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10H3m13-8v4M8 2v4m-.2 16h8.4c1.68 0 2.52 0 3.16-.33a3 3 0 0 0 1.31-1.3c.33-.65.33-1.49.33-3.17V8.8c0-1.68 0-2.52-.33-3.16a3 3 0 0 0-1.3-1.31C18.71 4 17.87 4 16.2 4H7.8c-1.68 0-2.52 0-3.16.33a3 3 0 0 0-1.31 1.3C3 6.29 3 7.13 3 8.8v8.4c0 1.68 0 2.52.33 3.16a3 3 0 0 0 1.3 1.31c.65.33 1.49.33 3.17.33Z'/></svg>");-webkit-mask:var(--mask) center /contain no-repeat;mask:var(--mask) center /contain no-repeat}&:has(>input[type=color]){justify-content:flex-start}& input[type=color]{border-radius:var(--radius-sm);cursor:pointer;flex:none;height:var(--line-height);padding:0;width:var(--line-height);&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:none;border-radius:inherit}&::-moz-color-swatch{border:none;border-radius:inherit}}&:has(textarea){align-items:stretch;white-space:normal}& textarea{align-self:stretch;border-radius:inherit;margin:calc(var(--padding-block)*-1) calc(var(--padding-inline)*-1);min-height:calc(var(--line-height)*3 + var(--padding-block)*2);padding:var(--padding-block) var(--padding-inline);resize:vertical;width:calc(100% + var(--padding-inline)*2)}&:has(select){cursor:pointer;position:relative;&:after{background-color:var(--color-gray-500);content:"";height:var(--line-height);inset-inline-end:var(--padding-inline);position:absolute;width:var(--line-height);--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>');-webkit-mask:var(--mask) center /80% no-repeat;mask:var(--mask) center /80% no-repeat;pointer-events:none}}& select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:inherit;flex:1;margin-block:calc(var(--padding-block)*-1);margin-inline-end:calc(var(--padding-inline)*-1);min-width:0;padding-block:var(--padding-block);padding-inline-end:calc(var(--padding-inline) + var(--line-height) + var(--gap));width:auto;&:first-child{margin-inline-start:calc(var(--padding-inline)*-1);padding-inline-start:var(--padding-inline)}&:has(option[value=""]:checked){color:var(--placeholder-color)}}@supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)){&:has(select){anchor-name:--input;anchor-scope:--input}& select,& select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}& select{border:none;min-height:0;&::picker-icon{display:none}&::picker(select){background-color:var(--color-alpha-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-block:calc(var(--spacing)*1);min-inline-size:anchor-size(inline);padding:calc(var(--spacing)*1);position-anchor:--input}& option{align-items:center;border-radius:var(--radius-md);color:var(--color-gray-900);cursor:pointer;display:flex;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*2) calc(var(--spacing)*2.5) calc(var(--spacing)*2) calc(var(--spacing)*2);&:focus-visible,&:hover{background-color:var(--color-gray-50);outline:none}&:disabled{color:var(--color-gray-500);cursor:default}&::checkmark{color:var(--color-brand-600);margin-inline-start:auto;order:1}}}}&:hover{--background:var(--color-gray-50)}&:focus-within{--background:var(--color-gray-50);--border:var(--color-gray-500);--outline-color:var(--color-gray-300)}&[is~=primary]{&:focus-within{--placeholder-color:var(--color-brand-400);--border:var(--color-brand-400);--outline-color:var(--color-brand-200)}}&:has(:is(input,textarea,select):is([aria-invalid=true],:user-invalid)){--border:var(--color-error-300);&:focus-within{--border:var(--color-error-500);--outline-color:var(--color-error-200)}}&:has(:is(input,textarea,select):disabled){pointer-events:none;--border:var(--color-gray-200);--background:var(--color-gray-50);--color:var(--color-gray-500);--placeholder-color:var(--color-gray-400);--svg-color:var(--color-gray-400);--box-shadow:var(--shadow-none)}&[is~=full]{width:100%}&[is~=sm],:is([is~=InputGroup],[is~=Field])[is~=sm] &{--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);--padding-inline:calc(var(--spacing)*2.5);--padding-block:calc(var(--spacing)*2)}&[is~=lg],:is([is~=InputGroup],[is~=Field])[is~=lg] &{--gap:calc(var(--spacing)*2);--padding-inline:calc(var(--spacing)*3.5);--padding-block:calc(var(--spacing)*2.5)}&[is~=xl],:is([is~=InputGroup],[is~=Field])[is~=xl] &{--gap:calc(var(--spacing)*2);--padding-inline:calc(var(--spacing)*4);--padding-block:calc(var(--spacing)*3);--font-size:var(--text-lg);--line-height:var(--text-lg--line-height)}}[is~=Swatch]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color);border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);cursor:pointer;flex-shrink:0;height:calc(var(--spacing)*6);margin:0;width:calc(var(--spacing)*6);&:checked{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 0 0 2px var(--color-alpha-white),0 0 0 4px var(--color)}}}@layer components{[is~=Pin]{--box:calc(var(--spacing)*20);--gap:calc(var(--spacing)*3);--radius:var(--radius-xl);--border:var(--color-gray-300);--ring:1px;cursor:text;display:inline-flex;font-size:var(--text-display-lg);font-weight:var(--font-weight-medium);gap:var(--gap);line-height:var(--text-display-lg--line-height);margin:-4px;overflow:clip;padding:4px;position:relative;&>span{background-color:var(--color-alpha-white);border-radius:var(--radius);box-shadow:inset 0 0 0 var(--ring) var(--border),var(--shadow-xs);flex-shrink:0;height:var(--box);transition:box-shadow var(--default-transition-duration);width:var(--box)}&>input{background:transparent;border:none;caret-color:var(--color-brand-600);color:var(--color-brand-600);font:inherit;font-variant-numeric:tabular-nums;height:var(--box);left:4px;letter-spacing:calc(var(--box) + var(--gap) - 1ch);outline:none;padding:0 0 0 calc((var(--box) - 1ch)/2);position:absolute;top:4px;width:calc(100% + var(--box));&::-moz-placeholder{color:var(--color-gray-300);opacity:1}&::placeholder{color:var(--color-gray-300);opacity:1}}&:has(>input:focus-visible)>span{--border:var(--color-brand-600);--ring:2px}&:has(>input:valid:not(:-moz-placeholder))>span{--border:var(--color-brand-600);--ring:2px}&:has(>input:valid:not(:placeholder-shown))>span{--border:var(--color-brand-600);--ring:2px}&:has(>input:user-invalid){&>span{--border:var(--color-error-300)}&>input{color:var(--color-error-600)}}&:has(>input:disabled){cursor:not-allowed;opacity:.5}&[is~=sm]{--box:calc(var(--spacing)*16);--gap:calc(var(--spacing)*2)}&[is~=lg]{--box:calc(var(--spacing)*24);font-size:var(--text-display-xl);line-height:var(--text-display-xl--line-height)}}}@layer components{[is~=InputGroup]{display:flex;&>[is]:focus-visible,&>[is]:focus-within{outline-offset:0;z-index:1}& [is]+[is]{border-bottom-left-radius:0;border-top-left-radius:0;margin-inline-start:-1px}& [is]:has(+[is]){border-bottom-right-radius:0;border-top-right-radius:0}}}@layer components{[is~=Field]{--gap:calc(var(--spacing)*1.5);--label-color:var(--color-gray-800);--hint-color:var(--color-gray-700);--hint-font-size:var(--text-sm);--hint-line-height:var(--text-sm--line-height);align-items:flex-start;display:flex;flex-direction:column;gap:var(--gap);& [is=Field-label]{align-items:center;color:var(--label-color);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*.5);line-height:var(--text-sm--line-height)}& [is=Field-hint]{color:var(--hint-color);font-size:var(--hint-font-size);line-height:var(--hint-line-height);margin:0}&:has(:required) [is=Field-label]:after{color:var(--color-brand-600);content:"*"}&:has([aria-invalid=true],:user-invalid){--hint-color:var(--color-error-800);& [is=Field-label]:after{color:var(--hint-color)}}.dark-mode &:has([aria-invalid=true],:user-invalid){--hint-color:var(--color-error-400)}&[is~=sm]{--hint-font-size:var(--text-xs);--hint-line-height:var(--text-xs--line-height)}&[is~=full]{width:100%}}}@layer components{:is([is~=Checkbox],[is~=Radio],[is~=Toggle]){--size:calc(var(--spacing)*4);--radius:var(--radius-sm);--gap:calc(var(--spacing)*2);--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);--border:var(--color-gray-300);--background:var(--color-alpha-white);--checked:var(--color-brand-700);align-items:flex-start;color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight-medium);gap:var(--gap);line-height:var(--line-height);& [is$=-hint]{display:block;font-weight:var(--font-weight-normal)}& input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background) center /75% no-repeat;border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;cursor:inherit;flex-shrink:0;height:var(--size);margin:calc((var(--line-height) - var(--size))/2) 0 0;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color;width:var(--size);&:checked,&:indeterminate{--border:var(--checked);--background:var(--checked)}}&:has(input:disabled){cursor:not-allowed;opacity:.5}&[is~=card]{background-color:var(--color-alpha-white);border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--color-gray-200);padding:calc(var(--spacing)*4);&:has(input:checked){box-shadow:inset 0 0 0 2px var(--color-brand-600)}}&[is~=lg],:is([is~=InputGroup],[is~=Field])[is~=lg] &{--size:calc(var(--spacing)*5);--radius:var(--radius-md);--gap:calc(var(--spacing)*3);--font-size:var(--text-md);--line-height:var(--text-md--line-height)}}:is([is~=Checkbox],[is~=Tag]) input[type=checkbox]{&:checked{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none" stroke="white" stroke-width="1.6667" stroke-linecap="round" stroke-linejoin="round"><path d="M11.6666 3.5L5.24992 9.91667L2.33325 7"/></svg>')}&:indeterminate{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none" stroke="white" stroke-width="1.6667" stroke-linecap="round"><path d="M2.91675 7H11.0834"/></svg>')}}[is~=Radio] input{--radius:var(--radius-full);&:checked{background-image:radial-gradient(circle,#fff calc(var(--size)*.19),transparent calc(var(--size)*.19 + .5px));background-size:100%}}[is~=Toggle]{--size:calc(var(--spacing)*5);--track-width:calc(var(--spacing)*9);&[is~=lg],:is([is~=InputGroup],[is~=Field])[is~=lg] &{--size:calc(var(--spacing)*6);--track-width:calc(var(--spacing)*11)}& input{--radius:var(--radius-full);--border:var(--color-gray-200);--background:var(--color-gray-100);position:relative;width:var(--track-width);&:before{background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);content:"";height:calc(var(--size) - 4px);left:1px;position:absolute;top:1px;transition:translate var(--default-transition-duration);width:calc(var(--size) - 4px)}&:checked:before{translate:calc(var(--track-width) - var(--size)) 0}&:hover:not(:checked){--background:var(--color-gray-200)}&:checked:hover{--border:var(--color-brand-800);--background:var(--color-brand-800)}}&[is~=slim]{--size:calc(var(--spacing)*4);--track-width:calc(var(--spacing)*8);& input:before{border:1px solid var(--color-gray-300);box-shadow:var(--shadow-xs);height:var(--size);left:-1px;top:-1px;width:var(--size)}& input:checked:before{border-color:var(--checked)}}&[is~=slim][is~=lg],:is([is~=InputGroup],[is~=Field])[is~=lg] &[is~=slim]{--size:calc(var(--spacing)*5);--track-width:calc(var(--spacing)*10)}}}@property --slider-fill{syntax:"<number>";inherits:true;initial-value:0}@keyframes timeless-slider-fill{0%{--slider-fill:1}to{--slider-fill:0}}@layer components{:is(input[is~=Slider],[is~=Slider]>input[type=range]){--track-height:calc(var(--spacing)*2);--thumb:calc(var(--spacing)*6);--track:var(--color-gray-200);--fill-color:var(--color-brand-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;box-sizing:content-box;cursor:pointer;height:var(--thumb);margin:0;overflow:hidden;padding-block:calc(var(--spacing)*1.5);width:100%;&::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--fill-color) calc(var(--thumb)/2 + (100% - var(--thumb))*var(--slider-fill)),var(--track) 0);border-radius:var(--radius-full);height:var(--track-height)}&::-moz-range-track{background:var(--track)}&::-moz-range-progress,&::-moz-range-track{border-radius:var(--radius-full);height:var(--track-height)}&::-moz-range-progress{background:var(--fill-color)}&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid var(--color-brand-600);border-radius:var(--radius-full);box-shadow:var(--shadow-md);box-sizing:border-box;height:var(--thumb);margin-top:calc((var(--track-height) - var(--thumb))/2);view-timeline:--slider-thumb inline;width:var(--thumb)}&::-moz-range-thumb{background:#fff;border:2px solid var(--color-brand-600);border-radius:var(--radius-full);box-shadow:var(--shadow-md);box-sizing:border-box;height:var(--thumb);width:var(--thumb)}@supports (animation-timeline:view()){animation:timeless-slider-fill linear both;animation-range:entry 100% exit 0;animation-timeline:--slider-thumb;timeline-scope:--slider-thumb}&:focus-visible{border-radius:var(--radius-sm)}&:disabled{cursor:not-allowed;opacity:.5}}[is~=Slider]:not(input){--thumb:calc(var(--spacing)*6);position:relative;@supports (animation-timeline:view()){animation:timeless-slider-fill linear both;animation-range:entry 100% exit 0;animation-timeline:--slider-thumb;counter-reset:slider-value calc(var(--slider-fill)*100);padding-bottom:calc(var(--text-md--line-height) + var(--spacing)*1);timeline-scope:--slider-thumb;&>input[type=range]{animation:none;timeline-scope:none}&:after{bottom:0;color:var(--color-gray-900);content:counter(slider-value) "%";font-size:var(--text-md);font-weight:var(--font-weight-medium);left:calc(var(--thumb)/2 + (100% - var(--thumb))*var(--slider-fill));line-height:var(--text-md--line-height);position:absolute;translate:-50% 0;white-space:nowrap}&[is~=tooltip]{padding-bottom:0;padding-top:calc(var(--spacing)*10);&:after{background-color:var(--color-gray-900);border-radius:var(--radius-lg);bottom:auto;box-shadow:var(--shadow-lg);color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--text-xs--line-height);padding:calc(var(--spacing)*2) calc(var(--spacing)*3);top:0}.dark-mode &:after{background-color:var(--color-gray-100)}}}}}@layer components{[is~=Badge]{--bg:var(--color-gray-50);--ring:var(--color-gray-200);--text:var(--color-gray-700);--addon:var(--color-gray-500);--padding-block:calc(var(--spacing)*0.5);--padding-inline:calc(var(--spacing)*2.5);--gap:calc(var(--spacing)*1.5);--radius:var(--radius-full);--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);--close-end:calc(var(--spacing)*1);align-items:center;background-color:var(--bg);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--ring);color:var(--text);display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight-medium);gap:var(--gap);line-height:var(--line-height);padding:var(--padding-block) var(--padding-inline);text-decoration:none;white-space:nowrap;& svg{color:var(--addon);flex-shrink:0;height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}& img{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}& img,&[is~=dot]:before{border-radius:var(--radius-full);flex-shrink:0}&[is~=dot]:before{background-color:var(--addon);content:"";height:calc(var(--spacing)*1.5);margin-inline:1px;width:calc(var(--spacing)*1.5)}&:has(>svg:first-child),&[is~=dot]:not([is~=rounded],[is~=modern]){padding-inline-start:calc(var(--padding-inline) - 2px)}&:has(>img:first-child){padding-inline-start:calc(var(--padding-block) + 2px)}&:has(>svg){gap:calc(var(--gap) - 2px)}&:has(>[is=Badge-close]:last-child){gap:calc(var(--spacing)*.5);padding-inline-end:var(--close-end)}& [is=Badge-close]{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--addon);cursor:pointer;display:inline-flex;padding:calc(var(--spacing)*.5);&:hover{background-color:color-mix(in srgb,var(--addon) 15%,transparent)}&:focus-visible{--focus-offset:1px}}&[is~=sm]{--padding-inline:calc(var(--spacing)*2);--gap:calc(var(--spacing)*1);--close-end:calc(var(--spacing)*0.75);--font-size:var(--text-xs);--line-height:var(--text-xs--line-height)}&[is~=lg]{--padding-block:calc(var(--spacing)*1);--padding-inline:calc(var(--spacing)*3);--close-end:calc(var(--spacing)*1.5)}&:is([is~=rounded],[is~=modern]){--radius:var(--radius-md);--padding-inline:calc(var(--spacing)*2);&[is~=sm]{--padding-inline:calc(var(--spacing)*1.5)}&[is~=lg]{--padding-inline:calc(var(--spacing)*2.5);--radius:var(--radius-lg)}}&:is([is~=brand],[is~=indigo]){--bg:var(--color-brand-50);--ring:var(--color-brand-200);--text:var(--color-brand-800);--addon:var(--color-brand-500)}&:is([is~=error],[is~=red]){--bg:var(--color-error-50);--ring:var(--color-error-200);--text:var(--color-error-900);--addon:var(--color-error-500)}&:is([is~=warning],[is~=orange]){--bg:var(--color-warning-50);--ring:var(--color-warning-200);--text:var(--color-warning-950);--addon:var(--color-warning-500)}&:is([is~=success],[is~=green]){--bg:var(--color-success-50);--ring:var(--color-success-200);--text:var(--color-success-950);--addon:var(--color-success-500)}&[is~=pink]{--bg:var(--color-pink-50);--ring:var(--color-pink-200);--text:var(--color-pink-800);--addon:var(--color-pink-500)}&[is~=grape]{--bg:var(--color-grape-50);--ring:var(--color-grape-200);--text:var(--color-grape-800);--addon:var(--color-grape-500)}&[is~=violet]{--bg:var(--color-violet-50);--ring:var(--color-violet-200);--text:var(--color-violet-700);--addon:var(--color-violet-500)}&[is~=blue]{--bg:var(--color-blue-50);--ring:var(--color-blue-200);--text:var(--color-blue-800);--addon:var(--color-blue-500)}&[is~=cyan]{--bg:var(--color-cyan-50);--ring:var(--color-cyan-200);--text:var(--color-cyan-900);--addon:var(--color-cyan-500)}&[is~=teal]{--bg:var(--color-teal-50);--ring:var(--color-teal-200);--text:var(--color-teal-900);--addon:var(--color-teal-500)}&[is~=lime]{--bg:var(--color-lime-50);--ring:var(--color-lime-200);--text:var(--color-lime-950);--addon:var(--color-lime-500)}&[is~=yellow]{--bg:var(--color-yellow-50);--ring:var(--color-yellow-200);--text:var(--color-yellow-950);--addon:var(--color-yellow-500)}.dark-mode &{--bg:color-mix(in srgb,var(--addon) 16%,transparent);--ring:color-mix(in srgb,var(--addon) 35%,transparent);--text:color-mix(in srgb,var(--addon),#fff 45%)}&[is~=modern]{--bg:var(--color-alpha-white);--ring:var(--color-gray-300);--text:var(--color-gray-700);box-shadow:inset 0 0 0 1px var(--ring),var(--shadow-xs)}&[is~=group]{--padding-block:calc(var(--spacing)*1);--padding-inline:calc(var(--spacing)*1);--gap:calc(var(--spacing)*2);--font-size:var(--text-xs);--line-height:var(--text-xs--line-height);padding-inline-end:calc(var(--spacing)*2);--group-ring:var(--ring);& svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}& [is~=Badge]{--bg:var(--color-alpha-white);--text:currentColor;--padding-block:calc(var(--spacing)*0.5);--padding-inline:calc(var(--spacing)*2);box-shadow:inset 0 0 0 1px var(--group-ring);font-size:inherit;line-height:inherit}&[is~=lg]{--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);& [is~=Badge]{--padding-inline:calc(var(--spacing)*2.5)}}&:is(a,button){cursor:pointer;&:hover{background-color:color-mix(in srgb,var(--bg),var(--ring) 35%)}}}}}@layer components{[is~=Tag]{--padding-block:calc(var(--spacing)*0.5);--padding-inline:calc(var(--spacing)*2.25);--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);--close-size:calc(var(--spacing)*3);--gap:calc(var(--spacing)*1.25);--dot-start:calc(var(--spacing)*1.75);--img-start:calc(var(--spacing)*1.25);--count-padding:calc(var(--spacing)*1.25);--check-size:calc(var(--spacing)*4);align-items:center;background-color:var(--color-alpha-white);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-gray-300);color:var(--color-gray-700);display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight-medium);gap:var(--gap);line-height:var(--line-height);padding:var(--padding-block) var(--padding-inline);white-space:nowrap;&[is~=dot]:before{background-color:var(--color-success-500);content:"";height:calc(var(--spacing)*1.5);margin-inline:1px;width:calc(var(--spacing)*1.5)}& img,&[is~=dot]:before{border-radius:var(--radius-full)}& img{height:calc(var(--spacing)*4);-o-object-fit:cover;object-fit:cover;width:calc(var(--spacing)*4)}&[is~=dot]{padding-inline-start:var(--dot-start)}&>svg{color:var(--color-gray-500);flex-shrink:0;height:var(--check-size);width:var(--check-size)}&:has(>:is(img,input,svg):first-child){padding-inline-start:var(--img-start)}&>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-alpha-white) center /75% no-repeat;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--color-gray-300);cursor:inherit;flex-shrink:0;height:var(--check-size);margin:0;width:var(--check-size);&:checked{background-color:var(--color-brand-600);box-shadow:none}}&:has(>input),&:is(button,a){cursor:pointer}&:is(button,a){border:none;text-decoration:none;transition:background-color var(--default-transition-duration);&:hover{background-color:var(--color-gray-50)}}&:has(>input:disabled){cursor:not-allowed;opacity:.5}&:has(>:is([is=Tag-count],[is=Tag-close]):last-child){padding-inline-end:calc(var(--spacing)*1)}&>:is([is=Tag-count],[is=Tag-close]){margin-inline-start:calc(var(--spacing)*.75 - var(--gap))}& [is=Tag-count]{background-color:var(--color-gray-100);border-radius:3px;font-size:var(--text-xs);line-height:var(--text-xs--line-height);padding:0 var(--count-padding)}& [is=Tag-close]{background:transparent;border:none;border-radius:3px;color:var(--color-gray-500);cursor:pointer;display:inline-flex;padding:calc(var(--spacing)*.5);& svg{height:var(--close-size);width:var(--close-size)}&:hover{background-color:var(--color-gray-50);color:var(--color-gray-600)}}&[is~=sm]{--padding-block:calc(var(--spacing)*0.75);--padding-inline:calc(var(--spacing)*2);--font-size:var(--text-xs);--line-height:var(--text-xs--line-height);--close-size:calc(var(--spacing)*2.5);--gap:calc(var(--spacing)*1);--dot-start:calc(var(--spacing)*1.5);--img-start:calc(var(--spacing)*1);--count-padding:calc(var(--spacing)*1);--check-size:calc(var(--spacing)*3.5)}&[is~=lg]{--padding-block:calc(var(--spacing)*1);--padding-inline:calc(var(--spacing)*2.5);--close-size:calc(var(--spacing)*3.5);--gap:calc(var(--spacing)*1.5);--dot-start:calc(var(--spacing)*2.25);--img-start:calc(var(--spacing)*1.75);--count-padding:calc(var(--spacing)*1.5);--check-size:calc(var(--spacing)*4.5);& [is=Tag-count]{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}}}}@layer components{[is~=Avatar]{--size:calc(var(--spacing)*10);--font-size:var(--text-md);--line-height:var(--text-md--line-height);--status-size:calc(var(--spacing)*2.5);--status-color:var(--color-success-500);align-items:center;background-color:var(--color-gray-100);border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;height:var(--size);justify-content:center;position:relative;width:var(--size);--badge-size:calc(var(--size)*0.3 + 2px);color:var(--color-gray-600);font-size:var(--font-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height);&:not(:focus-visible,[is~=add]){outline:.5px solid rgba(0,0,0,.16);outline-offset:-.5px}& img{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}&>svg{height:60%;width:60%}&:is([is~=online],[is~=offline]):after{background-color:var(--status-color);border-radius:var(--radius-full);bottom:0;box-shadow:0 0 0 1.5px var(--color-alpha-white);content:"";height:var(--status-size);position:absolute;right:0;width:var(--status-size)}&[is~=offline]{--status-color:var(--color-gray-300)}&[is~=verified]:after{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path fill='none' stroke='white' stroke-width='.94' stroke-linecap='round' stroke-linejoin='round' d='M3.13 5.31 4.38 6.88 6.56 3.44'/></svg>") 50% /contain,var(--color-blue-500);bottom:0;content:"";right:0;--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M7.72 1.77C7.82 2 8 2.18 8.23 2.28L9.03 2.61C9.26 2.71 9.45 2.89 9.54 3.12C9.64 3.35 9.64 3.61 9.54 3.84L9.21 4.64C9.11 4.87 9.11 5.13 9.21 5.36L9.54 6.16C9.59 6.28 9.61 6.4 9.61 6.52C9.61 6.65 9.59 6.77 9.54 6.88C9.49 6.99 9.43 7.1 9.34 7.19C9.25 7.27 9.15 7.34 9.03 7.39L8.23 7.72C8 7.82 7.82 8 7.72 8.23L7.39 9.03C7.29 9.26 7.11 9.45 6.88 9.54C6.65 9.64 6.39 9.64 6.16 9.54L5.36 9.21C5.13 9.11 4.87 9.11 4.64 9.21L3.84 9.54C3.61 9.64 3.35 9.64 3.12 9.54C2.89 9.45 2.71 9.26 2.61 9.03L2.28 8.23C2.18 8 2 7.82 1.77 7.72L0.97 7.39C0.74 7.29 0.56 7.11 0.46 6.88C0.36 6.65 0.36 6.39 0.46 6.16L0.79 5.36C0.89 5.13 0.89 4.87 0.79 4.64L0.46 3.84C0.41 3.72 0.39 3.6 0.39 3.48C0.39 3.35 0.41 3.23 0.46 3.12C0.51 3 0.58 2.9 0.66 2.81C0.75 2.73 0.85 2.66 0.97 2.61L1.77 2.28C2 2.18 2.18 2 2.28 1.77L2.61 0.97C2.71 0.74 2.89 0.55 3.12 0.46C3.35 0.36 3.61 0.36 3.84 0.46L4.64 0.79C4.87 0.89 5.13 0.89 5.36 0.79L6.16 0.46C6.39 0.36 6.65 0.36 6.88 0.46C7.11 0.56 7.29 0.74 7.39 0.97L7.72 1.77L7.72 1.77Z'/></svg>");-webkit-mask:var(--mask) center /contain;mask:var(--mask) center /contain}& [is=Avatar-badge],&[is~=verified]:after{height:var(--badge-size);position:absolute;width:var(--badge-size)}& [is=Avatar-badge]{bottom:-2px;box-shadow:0 0 0 1.5px var(--color-alpha-white);right:-2px}&[is~=add]{background-color:var(--color-alpha-white);border:1px dashed var(--color-gray-300);color:var(--color-gray-500);cursor:pointer;transition-duration:var(--default-transition-duration);transition-property:background-color,color;&:hover{background-color:var(--color-gray-50);color:var(--color-gray-600)}&>svg{height:50%;width:50%}}&[is~=xs],[is~=AvatarGroup][is~=xs]>&{--size:calc(var(--spacing)*6);--font-size:var(--text-xs);--line-height:var(--text-xs--line-height);--status-size:calc(var(--spacing)*1.5)}&[is~=sm],[is~=AvatarGroup][is~=sm]>&{--size:calc(var(--spacing)*8);--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);--status-size:calc(var(--spacing)*2)}&[is~=lg]{--size:calc(var(--spacing)*12);--font-size:var(--text-lg);--line-height:var(--text-lg--line-height);--status-size:calc(var(--spacing)*3)}&[is~=xl]{--size:calc(var(--spacing)*14);--font-size:var(--text-xl);--line-height:var(--text-xl--line-height);--status-size:calc(var(--spacing)*3.5)}&[is~="2xl"]{--size:calc(var(--spacing)*16);--font-size:var(--text-display-xs);--line-height:var(--text-display-xs--line-height);--status-size:calc(var(--spacing)*4)}}[is~=AvatarGroup]{display:inline-flex;&>[is~=Avatar]{box-shadow:0 0 0 1.5px var(--color-alpha-white);&+[is~=Avatar]{margin-inline-start:calc(var(--size)*-.2)}}}}@layer components{progress[is~=Progress]{--track:var(--color-gray-200);--fill:var(--color-brand-600);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--track);border:none;border-radius:var(--radius-md);display:block;height:calc(var(--spacing)*2);overflow:hidden;width:100%;&::-webkit-progress-bar{background-color:var(--track)}&::-webkit-progress-value{background-color:var(--fill);border-radius:var(--radius-md);-webkit-transition:width 75ms linear;transition:width 75ms linear}&::-moz-progress-bar{background-color:var(--fill);border-radius:var(--radius-md)}}[is~=Progress][is~=ring]{--value:0;--size:calc(var(--spacing)*50);--stroke:calc(var(--spacing)*5);--value-font-size:var(--text-display-sm);--value-line-height:var(--text-display-sm--line-height);--label-font-size:var(--text-xs);align-items:center;display:inline-flex;flex-direction:column;height:var(--size);justify-content:center;position:relative;width:var(--size);&:before{background:conic-gradient(var(--color-brand-600) calc(var(--value)*1%),var(--color-gray-200) 0);border-radius:var(--radius-full);content:"";inset:0;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--stroke)),#000 calc(100% - var(--stroke) + .5px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--stroke)),#000 calc(100% - var(--stroke) + .5px));position:absolute}& [is=Progress-label]{color:var(--color-gray-700);font-size:var(--label-font-size);font-weight:var(--font-weight-medium);line-height:1.5}& [is=Progress-value]{color:var(--color-gray-900);font-size:var(--value-font-size);font-weight:var(--font-weight-semibold);line-height:var(--value-line-height)}&[is~=xxs]{--size:calc(var(--spacing)*16);--stroke:calc(var(--spacing)*1.5);--value-font-size:var(--text-sm);--value-line-height:var(--text-sm--line-height)}&[is~=xs]{--size:calc(var(--spacing)*40);--stroke:calc(var(--spacing)*4);--value-font-size:var(--text-display-xs);--value-line-height:var(--text-display-xs--line-height)}&[is~=lg]{--size:calc(var(--spacing)*60);--stroke:calc(var(--spacing)*6);--value-font-size:var(--text-display-md);--value-line-height:var(--text-display-md--line-height);--label-font-size:var(--text-sm)}&[is~=xl]{--size:calc(var(--spacing)*70);--stroke:calc(var(--spacing)*7);--value-font-size:var(--text-display-lg);--value-line-height:var(--text-display-lg--line-height);--label-font-size:var(--text-sm)}&[is~=half]{height:calc(var(--size)/2);justify-content:flex-end;&:before{background:conic-gradient(from -90deg,var(--color-brand-600) calc(var(--value)*.5%),var(--color-gray-200) 0 50%,transparent 0);bottom:auto;height:var(--size)}}}}@layer components{[is~=Tooltip]{--bg:var(--color-gray-900);--gap:calc(var(--spacing)*2);--arrow:calc(var(--spacing)*2.5);display:inline-flex;position:relative;.dark-mode &{--bg:var(--color-gray-100)}& [is=Tooltip-content]{background-color:var(--bg);border-radius:var(--radius-lg);bottom:calc(100% + var(--gap));box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-direction:column;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*1);left:50%;line-height:var(--text-xs--line-height);max-width:calc(var(--spacing)*80);opacity:0;padding:calc(var(--spacing)*2) calc(var(--spacing)*3);pointer-events:none;position:absolute;text-align:start;transition:opacity .1s ease-in,visibility .1s;translate:-50% 0;visibility:hidden;white-space:normal;width:-moz-max-content;width:max-content;z-index:50;& small{color:var(--color-gray-300);font-size:inherit;font-weight:var(--font-weight-medium);.dark-mode &{color:var(--color-gray-700)}}&:has(small){padding-block:calc(var(--spacing)*3)}&:after{background-color:inherit;border-radius:1px;content:"";height:var(--arrow);left:50%;position:absolute;rotate:45deg;top:100%;translate:-50% -50%;width:var(--arrow)}}&:is(:hover,:focus-within) [is=Tooltip-content]{opacity:1;transition-delay:.3s;transition-timing-function:ease-out;visibility:visible}&[is~=bottom] [is=Tooltip-content]{bottom:auto;top:calc(100% + var(--gap));&:after{top:0}}&:is([is~=left],[is~=right]) [is=Tooltip-content]{bottom:auto;top:50%;translate:0 -50%;&:after{top:50%}}&[is~=left] [is=Tooltip-content]{left:auto;right:calc(100% + var(--gap));&:after{left:100%}}&[is~=right] [is=Tooltip-content]{left:calc(100% + var(--gap));&:after{left:0}}}}@layer components{[is~=Icon]{--tint:var(--color-gray-100);--fg:var(--color-gray-600);--solid:var(--color-gray-800);--ring:var(--color-gray-200);--size:calc(var(--spacing)*10);--icon:calc(var(--spacing)*5);--radius:var(--radius-lg);--shape:var(--radius-full);align-items:center;color:var(--fg);display:inline-flex;flex-shrink:0;justify-content:center;position:relative;& svg{height:var(--icon);position:relative;width:var(--icon);z-index:1}&:is([is~=circle],[is~=square],[is~=tint],[is~=solid],[is~=outline],[is~=halo],[is~=raised],[is~=rings]){background-color:var(--tint);border-radius:var(--shape);height:var(--size);width:var(--size)}&[is~=square]{--shape:var(--radius)}.dark-mode &{--solid:var(--color-gray-200)}&[is~=brand]{--tint:var(--color-brand-100);--fg:var(--color-brand-700);--solid:var(--color-brand-700);--ring:var(--color-brand-200)}&[is~=error]{--tint:var(--color-error-100);--fg:var(--color-error-700);--solid:var(--color-error-800);--ring:var(--color-error-200)}&[is~=warning]{--tint:var(--color-warning-100);--fg:var(--color-warning-800);--solid:var(--color-warning-700);--ring:var(--color-warning-200)}&[is~=success]{--tint:var(--color-success-100);--fg:var(--color-success-800);--solid:var(--color-success-700);--ring:var(--color-success-200)}&[is~=red]{--hue-100:var(--color-red-100);--hue-200:var(--color-red-200);--hue-700:var(--color-red-700)}&[is~=pink]{--hue-100:var(--color-pink-100);--hue-200:var(--color-pink-200);--hue-700:var(--color-pink-700)}&[is~=grape]{--hue-100:var(--color-grape-100);--hue-200:var(--color-grape-200);--hue-700:var(--color-grape-700)}&[is~=violet]{--hue-100:var(--color-violet-100);--hue-200:var(--color-violet-200);--hue-700:var(--color-violet-700)}&[is~=indigo]{--hue-100:var(--color-indigo-100);--hue-200:var(--color-indigo-200);--hue-700:var(--color-indigo-700)}&[is~=blue]{--hue-100:var(--color-blue-100);--hue-200:var(--color-blue-200);--hue-700:var(--color-blue-700)}&[is~=cyan]{--hue-100:var(--color-cyan-100);--hue-200:var(--color-cyan-200);--hue-700:var(--color-cyan-700)}&[is~=teal]{--hue-100:var(--color-teal-100);--hue-200:var(--color-teal-200);--hue-700:var(--color-teal-700)}&[is~=green]{--hue-100:var(--color-green-100);--hue-200:var(--color-green-200);--hue-700:var(--color-green-700)}&[is~=lime]{--hue-100:var(--color-lime-100);--hue-200:var(--color-lime-200);--hue-700:var(--color-lime-700)}&[is~=yellow]{--hue-100:var(--color-yellow-100);--hue-200:var(--color-yellow-200);--hue-700:var(--color-yellow-800)}&[is~=orange]{--hue-100:var(--color-orange-100);--hue-200:var(--color-orange-200);--hue-700:var(--color-orange-700)}&:is([is~=red],[is~=pink],[is~=grape],[is~=violet],[is~=indigo],[is~=blue],[is~=cyan],[is~=teal],[is~=green],[is~=lime],[is~=yellow],[is~=orange]){--tint:var(--hue-100);--fg:var(--hue-700);--solid:var(--hue-700);--ring:var(--hue-200)}.dark-mode &:is([is~=brand],[is~=error],[is~=warning],[is~=success],[is~=red],[is~=pink],[is~=grape],[is~=violet],[is~=indigo],[is~=blue],[is~=cyan],[is~=teal],[is~=green],[is~=lime],[is~=yellow],[is~=orange]){--tint:color-mix(in srgb,var(--solid) 20%,transparent);--fg:color-mix(in srgb,var(--solid),#fff 45%);--ring:color-mix(in srgb,var(--solid) 40%,transparent)}&[is~=solid]{background-color:var(--solid);box-shadow:var(--shadow-xs);color:#fff;&:before{border:1px solid hsla(0,0%,100%,.12);border-radius:inherit;content:"";inset:1px;-webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent);position:absolute}}&[is~=outline]{background-color:var(--color-alpha-white);box-shadow:inset 0 0 0 1px var(--color-gray-300),var(--shadow-xs)}&[is~=halo]{--icon:calc(var(--spacing)*4);box-shadow:inset 0 0 0 1px var(--ring);color:#fff;&:after{background-color:var(--solid);border-radius:calc(var(--shape)*.7);content:"";height:70%;position:absolute;width:70%}}&[is~=raised]{background-color:var(--color-alpha-white);box-shadow:inset 0 0 0 1px var(--color-gray-300);&:before{border-radius:max(0px,calc(var(--shape) - var(--spacing)*1));box-shadow:0 0 0 1px var(--color-gray-200),0 1px 2px rgba(0,0,0,.1),0 3px 3px rgba(0,0,0,.09),1px 8px 5px rgba(0,0,0,.05),inset 0 -2px 2px rgba(0,0,0,.13);content:"";inset:calc(var(--spacing)*1);position:absolute}}&[is~=rings]{background-color:transparent;&:after,&:before{border:2px solid;border-radius:var(--shape);content:"";position:absolute}&:before{height:calc(var(--icon) + var(--spacing)*2);opacity:.3;width:calc(var(--icon) + var(--spacing)*2)}&:after{height:calc(var(--icon) + var(--spacing)*4.5);opacity:.1;width:calc(var(--icon) + var(--spacing)*4.5)}}&[is~=sm]{--size:calc(var(--spacing)*8);--icon:calc(var(--spacing)*4);--radius:var(--radius-md)}&[is~=lg]{--size:calc(var(--spacing)*12);--icon:calc(var(--spacing)*6);--radius:10px}&[is~=xl]{--size:calc(var(--spacing)*14);--icon:calc(var(--spacing)*7);--radius:var(--radius-xl)}&[is~=halo]:is([is~=lg],[is~=xl]){--icon:calc(var(--spacing)*5)}}}@layer components{[is~=File]{--size:calc(var(--spacing)*10);--u:calc(var(--size)/40);--color:var(--color-gray-700);--page:var(--color-gray-300);align-content:start;align-items:center;color:#fff;display:inline-grid;flex-shrink:0;font-size:calc(var(--u)*10);font-weight:var(--font-weight-bold);grid-template-rows:calc(var(--u)*16);height:var(--size);isolation:isolate;justify-content:start;line-height:1;padding:calc(var(--u)*18) 0 0 calc(var(--u)*4);position:relative;text-transform:uppercase;white-space:nowrap;width:var(--size);&:before{background-color:var(--page);inset:0;--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='1.5'><path d='M7.75 4A3.25 3.25 0 0 1 11 .75h16c.12 0 .24.05.32.13l10.8 10.8a.46.46 0 0 1 .13.32v24A3.25 3.25 0 0 1 35 39.25H11A3.25 3.25 0 0 1 7.75 36z'/><path d='M27 .5V8a4 4 0 0 0 4 4h7.5'/></svg>");-webkit-mask:var(--mask) center /contain no-repeat;mask:var(--mask) center /contain no-repeat}&:after,&:before{content:"";position:absolute;z-index:-1}&:after{background-color:var(--color);border-radius:calc(var(--u)*2);grid-area:1/1/2/2;inset:0 calc(var(--u)*-3)}&:has(>svg){color:var(--color);grid-template-rows:none;padding:calc(var(--u)*10) 0 0 calc(var(--u)*6);place-content:center;&:not([is~=solid],[is~=gray]):after{display:none}}&>svg{height:calc(var(--u)*16);width:calc(var(--u)*16)}&:is([is~=solid],[is~=gray]){font-size:calc(var(--u)*9);grid-template-columns:calc(var(--u)*32);grid-template-rows:none;justify-items:center;padding:calc(var(--u)*24) 0 0 calc(var(--u)*4);&:before{--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path d='M4 4a4 4 0 0 1 4-4h16l12 12v24a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z'/></svg>")}&:after{background-color:var(--corner);border-radius:0;grid-area:auto;height:calc(var(--u)*12);inset:0 calc(var(--u)*4) auto auto;width:calc(var(--u)*12);--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='m0 0 12 12H4a4 4 0 0 1-4-4z'/></svg>");-webkit-mask:var(--mask) center /contain no-repeat;mask:var(--mask) center /contain no-repeat}&:has(>svg){grid-template-columns:none;padding:calc(var(--u)*10) 0 0}}&[is~=solid]{--page:var(--color);--corner:hsla(0,0%,100%,.3);color:#fff}&[is~=gray]{--page:var(--color-gray-100);--corner:var(--color-gray-200);color:var(--color-gray-700)}.dark-mode &{--color:var(--color-gray-400)}&[is~=red]{--color:var(--color-red-800)}&[is~=pink]{--color:var(--color-pink-800)}&[is~=grape]{--color:var(--color-grape-800)}&[is~=violet]{--color:var(--color-violet-800)}&[is~=indigo]{--color:var(--color-indigo-800)}&[is~=blue]{--color:var(--color-blue-800)}&[is~=cyan]{--color:var(--color-cyan-800)}&[is~=teal]{--color:var(--color-teal-800)}&[is~=green]{--color:var(--color-green-800)}&[is~=lime]{--color:var(--color-lime-800)}&[is~=yellow]{--color:var(--color-yellow-800)}&[is~=orange]{--color:var(--color-orange-800)}&[is~=xs]{--size:calc(var(--spacing)*5)}&[is~=sm]{--size:calc(var(--spacing)*8)}&[is~=lg]{--size:calc(var(--spacing)*12)}}}@layer components{[is~=Rating]{--value:5;--stars:5;--size:calc(var(--spacing)*5);background:linear-gradient(to right,var(--color-yellow-500) calc(var(--value)/var(--stars)*100%),var(--color-gray-100) 0);display:inline-block;flex-shrink:0;height:var(--size);width:calc(var(--size)*var(--stars));--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M9.54 1.61C9.71 1.2 10.29 1.2 10.46 1.61L12.53 6.58C12.6 6.75 12.76 6.87 12.95 6.88L18.31 7.31C18.76 7.35 18.94 7.9 18.6 8.19L14.51 11.69C14.37 11.81 14.31 12.01 14.35 12.19L15.6 17.42C15.7 17.85 15.23 18.2 14.85 17.96L10.26 15.16C10.1 15.06 9.9 15.06 9.74 15.16L5.15 17.96C4.77 18.2 4.3 17.85 4.4 17.42L5.65 12.19C5.69 12.01 5.63 11.81 5.49 11.69L1.4 8.19C1.06 7.9 1.24 7.35 1.69 7.31L7.05 6.88C7.24 6.87 7.4 6.75 7.47 6.58L9.54 1.61Z'/></svg>");-webkit-mask:var(--mask) 0 0 /var(--size) var(--size) repeat-x;mask:var(--mask) 0 0 /var(--size) var(--size) repeat-x;&[is~=sm]{--size:calc(var(--spacing)*4)}&:has(>input){background:none;display:inline-flex;-webkit-mask:none;mask:none;width:auto;&>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:var(--size);margin:0;position:relative;width:var(--size);&:before{background-color:var(--color-gray-100);content:"";inset:0;-webkit-mask:var(--mask) center /contain no-repeat;mask:var(--mask) center /contain no-repeat;position:absolute;transition:background-color var(--default-transition-duration)}}&>:is(input:checked,input:has(~input:checked)):before{background-color:var(--color-yellow-500)}&:has(>input:hover)>input:not(:hover,:has(~input:hover)):before{background-color:var(--color-gray-100)}&:has(>input:hover)>:is(input:hover,input:has(~input:hover)):before{background-color:var(--color-yellow-400)}}}}@layer components{[is~=Divider]{align-items:center;border:none;color:var(--color-gray-700);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*2);justify-content:center;line-height:var(--text-sm--line-height);margin:0;width:100%;&:not([is~=dual],[is~=fill]){&:after,&:before{background-color:var(--color-gray-200);content:"";flex:1;height:1px}&:empty{border-top:1px solid var(--color-gray-200);&:after,&:before{display:none}}}&[is~=dual]{border-block:1px solid var(--color-gray-200);padding-block:calc(var(--spacing)*3)}&[is~=fill]{background-color:var(--color-gray-50);border-radius:var(--radius-lg);padding-block:calc(var(--spacing)*2)}}}@layer components{[is~=Section]{display:flex;flex-direction:column;gap:calc(var(--spacing)*5);&>header{align-items:flex-start;border-bottom:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*5);@media (width >= 48rem){flex-direction:row}&>:first-child{flex:1}& :is(h1,h2,h3){color:var(--color-gray-900);font-size:var(--text-md);font-weight:var(--font-weight-semibold);line-height:var(--text-md--line-height);margin:0}& p{color:var(--color-gray-700);font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:calc(var(--spacing)*.5) 0 0}}&>footer,&>header>:not(:first-child){display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*3);justify-content:flex-end}&>footer{border-top:1px solid var(--color-gray-200);padding-top:calc(var(--spacing)*4);@media (width >= 48rem){padding-top:calc(var(--spacing)*5)}}}}@keyframes timeless-spin{to{rotate:1turn}}@layer components{[is~=Loader]{--size:calc(var(--spacing)*12);--stroke:calc(var(--size)/9);align-items:center;color:var(--color-gray-700);display:inline-flex;flex-direction:column;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*4);line-height:var(--text-sm--line-height);&:before{animation:timeless-spin 1s linear infinite;background:conic-gradient(var(--color-brand-600) 0 25%,var(--color-gray-100) 0);border-radius:var(--radius-full);content:"";height:var(--size);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--stroke)),#000 calc(100% - var(--stroke) + .5px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--stroke)),#000 calc(100% - var(--stroke) + .5px));width:var(--size)}&:is([is~=spinner],[is~=dots]):before{background:conic-gradient(transparent,var(--color-brand-600))}&[is~=dots]:before{--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'><circle cx='18' cy='18' r='16' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-dasharray='0 8' stroke-dashoffset='4' pathLength='96'/></svg>");-webkit-mask:var(--mask) center /contain;mask:var(--mask) center /contain}&[is~=sm]{--size:calc(var(--spacing)*8)}&:is([is~=lg],[is~=xl]){font-size:var(--text-lg);line-height:var(--text-lg--line-height)}&[is~=lg]{--size:calc(var(--spacing)*14)}&[is~=xl]{--size:calc(var(--spacing)*16);gap:calc(var(--spacing)*5)}@media (prefers-reduced-motion:reduce){&:before{animation-duration:3s}}}}@layer components{:is([is~=Alert],[is~=Toast]){background-color:var(--color-alpha-white);border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--color-gray-300),var(--shadow-xs);color:var(--color-gray-700);display:flex;flex-direction:column;font-size:var(--text-sm);gap:calc(var(--spacing)*4);line-height:var(--text-sm--line-height);padding:calc(var(--spacing)*4);position:relative;@media (width >= 40rem){flex-direction:row}&>div{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)*1);min-width:0}& p{margin:0}& [is=Alert-title]{color:var(--color-gray-800);font-weight:var(--font-weight-semibold)}& [is=Alert-actions]{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*3);margin-top:calc(var(--spacing)*2)}&>button:last-child{position:absolute;right:calc(var(--spacing)*2);top:calc(var(--spacing)*2)}&:has(>button:last-child)>div{padding-right:calc(var(--spacing)*8)}&[is~=banner]{align-items:center;background-color:var(--color-gray-50);border-radius:0;box-shadow:inset 0 -1px 0 var(--color-gray-300);padding:calc(var(--spacing)*3) calc(var(--spacing)*8);&>div{@media (width >= 64rem){flex-direction:row;gap:calc(var(--spacing)*1.5)}}&>div>p{@media (width >= 48rem){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}& [is=Alert-title]{flex-shrink:0}& [is=Alert-actions]{margin-top:0}&>button:last-child{position:static}}}[is~=Toast]{--duration:5s;box-shadow:inset 0 0 0 1px var(--color-gray-200),var(--shadow-lg);width:min(100%,calc(var(--spacing)*100));&:is(dialog){border:none;margin:0;max-width:none;position:relative;&:not([open]){display:none}}&[is~=auto]{animation:timeless-toast-in .3s ease-out,timeless-toast-out .3s ease-in var(--duration) forwards;&:is(:hover,:focus-within){animation-play-state:paused}@media (prefers-reduced-motion:reduce){animation-name:timeless-toast-fade,timeless-toast-out}}}}@keyframes timeless-toast-in{0%{opacity:0;translate:0 calc(var(--spacing)*2)}}@keyframes timeless-toast-fade{0%{opacity:0}}@keyframes timeless-toast-out{to{display:none;opacity:0;visibility:hidden}}@layer components{[is~=Empty]{--title-size:var(--text-lg);--title-line-height:var(--text-lg--line-height);--text-gap:calc(var(--spacing)*2);--icon-gap:calc(var(--spacing)*5);--actions-gap:calc(var(--spacing)*8);align-items:center;display:flex;flex-direction:column;isolation:isolate;margin-inline:auto;max-width:32rem;position:relative;text-align:center;width:100%;&:before{background:repeating-radial-gradient(circle,transparent 0 calc(var(--spacing)*12 - 1px),var(--color-gray-200) calc(var(--spacing)*12 - 1px) calc(var(--spacing)*12));content:"";height:calc(var(--spacing)*120);left:50%;-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent);pointer-events:none;position:absolute;top:calc(var(--spacing)*6);translate:-50% -50%;width:calc(var(--spacing)*120);z-index:-1}&>:first-child{margin-bottom:var(--icon-gap)}&>div{display:flex;flex-direction:column;gap:var(--text-gap);margin-bottom:var(--actions-gap);max-width:calc(var(--spacing)*88)}& :is(h1,h2,h3){color:var(--color-gray-900);font-size:var(--title-size);font-weight:var(--font-weight-semibold);line-height:var(--title-line-height);margin:0}& p{color:var(--color-gray-700);font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:0}& footer{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*3);justify-content:center}&[is~=sm]{--title-size:var(--text-md);--title-line-height:var(--text-md--line-height);--text-gap:calc(var(--spacing)*1);--icon-gap:calc(var(--spacing)*4);--actions-gap:calc(var(--spacing)*6)}&[is~=lg]{--title-size:var(--text-xl);--title-line-height:var(--text-xl--line-height);& p{font-size:var(--text-md);line-height:var(--text-md--line-height)}}}}@layer components{[is~=Tabs]{--tab-padding:calc(var(--spacing)*2) calc(var(--spacing)*2.5);--font-size:var(--text-sm);--line-height:var(--text-sm--line-height);--icon:calc(var(--spacing)*4);--selected-bg:var(--color-brand-50);--selected-color:var(--color-brand-700);--selected-svg:var(--color-brand-600);--selected-shadow:none;--selected-line:var(--color-brand-600);display:flex;gap:calc(var(--spacing)*1);&>*{-webkit-user-select:none;-moz-user-select:none;user-select:none;--line:transparent;align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-650);cursor:pointer;display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*1.5);justify-content:center;line-height:var(--line-height);padding:var(--tab-padding);position:relative;text-decoration:none;transition-duration:var(--default-transition-duration);transition-property:color,background-color,box-shadow,border-color;white-space:nowrap;--focus-offset:-2px;& svg{color:var(--color-gray-500);height:var(--icon);width:var(--icon)}&:has(>input:focus-visible){outline:2px solid var(--color-brand-500);outline-offset:var(--focus-offset)}&>input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}}&>:is(:hover,[aria-selected=true],[aria-current]:not([aria-current=false]),:has(>input:checked)){background-color:var(--selected-bg);box-shadow:var(--selected-shadow);color:var(--selected-color);--line:var(--selected-line);& svg{color:var(--selected-svg)}}.dark-mode &{--selected-bg:color-mix(in srgb,var(--color-brand-500) 15%,transparent);--selected-color:var(--color-brand-300)}&[is~=gray]{--selected-bg:var(--color-gray-100);--selected-color:var(--color-gray-700);--selected-svg:var(--color-gray-600)}&:is([is~=border],[is~=minimal]){--selected-bg:var(--color-alpha-white);--selected-color:var(--color-gray-700);--selected-svg:var(--color-gray-600);--selected-shadow:var(--shadow-sm);background-color:var(--color-gray-50);border-radius:10px;box-shadow:inset 0 0 0 1px var(--color-gray-200);width:-moz-fit-content;width:fit-content}&[is~=border]{padding:calc(var(--spacing)*1)}&[is~=minimal]{--selected-shadow:inset 0 0 0 1px var(--color-gray-300),var(--shadow-xs);border-radius:var(--radius-lg);gap:calc(var(--spacing)*.5);&>*{border-radius:var(--radius-lg)}}&[is~=underline]{--selected-bg:transparent;box-shadow:inset 0 -1px 0 var(--color-gray-200);gap:calc(var(--spacing)*3);&>*{border-bottom:2px solid var(--line);border-radius:0;padding:0 calc(var(--spacing)*.5) calc(var(--spacing)*2.5)}}&[is~=vertical]{flex-direction:column;width:-moz-max-content;width:max-content;&>*{justify-content:flex-start}&[is~=underline]{box-shadow:none;gap:calc(var(--spacing)*1);&>*{border-bottom:none;border-left:2px solid var(--line);padding:calc(var(--spacing)*.5) calc(var(--spacing)*3) calc(var(--spacing)*.5) calc(var(--spacing)*2.5)}}}&[is~=full]>*{flex:1}&[is~=lg]{--tab-padding:calc(var(--spacing)*2.5);--font-size:var(--text-md);--line-height:var(--text-md--line-height);--icon:calc(var(--spacing)*5)}}[is~=Tabs]:has(input[type=radio])~[is=Tabs-panel]{display:none}[is~=Tabs]:has(>:first-child>input:checked)~[is=Tabs-panel]:nth-child(1 of [is=Tabs-panel]),[is~=Tabs]:has(>:nth-child(2)>input:checked)~[is=Tabs-panel]:nth-child(2 of [is=Tabs-panel]),[is~=Tabs]:has(>:nth-child(3)>input:checked)~[is=Tabs-panel]:nth-child(3 of [is=Tabs-panel]),[is~=Tabs]:has(>:nth-child(4)>input:checked)~[is=Tabs-panel]:nth-child(4 of [is=Tabs-panel]),[is~=Tabs]:has(>:nth-child(5)>input:checked)~[is=Tabs-panel]:nth-child(5 of [is=Tabs-panel]),[is~=Tabs]:has(>:nth-child(6)>input:checked)~[is=Tabs-panel]:nth-child(6 of [is=Tabs-panel]),[is~=Tabs]:has(>:nth-child(7)>input:checked)~[is=Tabs-panel]:nth-child(7 of [is=Tabs-panel]),[is~=Tabs]:has(>:nth-child(8)>input:checked)~[is=Tabs-panel]:nth-child(8 of [is=Tabs-panel]){display:block}}@layer components{[is~=Breadcrumbs]{--gap:calc(var(--spacing)*1.5);@media (width >= 48rem){--gap:calc(var(--spacing)*2)}--divider:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>');& ol{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap);list-style:none;margin:0;padding:0}& li{align-items:center;display:inline-flex;gap:var(--gap);&+li:before{background-color:var(--color-gray-400);content:"";height:calc(var(--spacing)*4);-webkit-mask:var(--divider) center /contain no-repeat;mask:var(--divider) center /contain no-repeat;width:calc(var(--spacing)*4)}}& a,& span{align-items:center;border-radius:var(--radius-md);color:var(--color-gray-650);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*1);line-height:var(--text-sm--line-height);text-decoration:none;transition:color var(--default-transition-duration);& svg{color:var(--color-gray-500);height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}&:hover{color:var(--color-gray-700)}&[aria-current]:not([aria-current=false]){color:var(--color-brand-700);& svg{color:var(--color-brand-600)}.dark-mode &{color:var(--color-brand-300)}}}&[is~=slash]{--divider:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"><path d="M16 4 8 20"/></svg>')}&[is~=button] :is(a,span){padding:calc(var(--spacing)*1) calc(var(--spacing)*2);&:hover,&[aria-current]:not([aria-current=false]){background-color:var(--color-gray-100);color:var(--color-gray-700);& svg{color:var(--color-gray-600)}}}}}@layer components{[is~=Pagination]{align-items:center;display:flex;gap:calc(var(--spacing)*3);justify-content:space-between;& ol{display:flex;gap:calc(var(--spacing)*.5);list-style:none;margin:0;padding:0}& ol :is(a,span){align-items:center;border-radius:var(--radius-lg);color:var(--color-gray-650);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);height:calc(var(--spacing)*10);justify-content:center;line-height:var(--text-sm--line-height);min-width:calc(var(--spacing)*10);padding:0 calc(var(--spacing)*3);text-decoration:none;transition-duration:var(--default-transition-duration);transition-property:color,background-color;-webkit-user-select:none;-moz-user-select:none;user-select:none}& ol a{&:hover,&[aria-current]:not([aria-current=false]){background-color:var(--color-gray-100);color:var(--color-gray-800)}}&:is([is~=dots],[is~=lines]){justify-content:center;&>:is(a,button){background-color:var(--color-gray-200);border:none;border-radius:var(--radius-full);cursor:pointer;height:calc(var(--spacing)*2);padding:0;width:calc(var(--spacing)*2);&[aria-current]:not([aria-current=false]){background-color:var(--color-brand-600)}}}&[is~=lines]{gap:calc(var(--spacing)*2);&>:is(a,button){height:calc(var(--spacing)*1.5);width:calc(var(--spacing)*10)}}}}@layer components{[is~=Nav]{display:flex;flex-direction:column;font-size:var(--text-sm);line-height:var(--text-sm--line-height);& ul{display:flex;flex-direction:column;gap:calc(var(--spacing)*.5);list-style:none;margin:0;padding:0}& details>ul{padding-top:calc(var(--spacing)*.5)}& :is(a,summary){align-items:center;border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*2);text-decoration:none;transition-duration:var(--default-transition-duration);transition-property:background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none;&>svg{color:var(--color-gray-500);flex-shrink:0;height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}&>[is~=Badge]{margin-left:auto}&:hover{background-color:var(--color-gray-50);color:var(--color-gray-800)}&[aria-current]:not([aria-current=false]){background-color:var(--color-gray-50);color:var(--color-gray-800);&:hover{background-color:var(--color-gray-100)}}&[aria-disabled=true]{opacity:.5;pointer-events:none}}& details a{padding-left:calc(var(--spacing)*10)}& summary{list-style:none;&::-webkit-details-marker{display:none}&:after{background-color:var(--color-gray-500);content:"";flex-shrink:0;height:calc(var(--spacing)*4);margin-left:auto;width:calc(var(--spacing)*4);--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");-webkit-mask:var(--mask) center /contain no-repeat;mask:var(--mask) center /contain no-repeat}}& details[open]>summary:after{scale:1 -1}& hr{border:none;border-top:1px solid var(--color-gray-200);margin:calc(var(--spacing)*2) 0;width:100%}& [is=Nav-heading]{color:var(--color-gray-650);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--text-xs--line-height);margin:calc(var(--spacing)*2) 0 calc(var(--spacing)*1);padding:0 calc(var(--spacing)*2)}}}@layer components{[is~=Tree]{--chevron:calc(var(--spacing)*4);--row-x:calc(var(--spacing)*2);--gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);&,& ul{display:flex;flex-direction:column;gap:calc(var(--spacing)*.5);list-style:none;margin:0;padding:0}& details>ul{border-left:1px solid var(--color-gray-200);margin:calc(var(--spacing)*.5) 0 0 calc(var(--row-x) + var(--chevron)/2);padding-left:calc(var(--chevron)/2)}& :is(summary,li>a,li>span,li>label){align-items:center;border-radius:var(--radius-sm);color:var(--color-gray-650);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:var(--gap);padding:calc(var(--spacing)*2) var(--row-x);text-decoration:none;transition-duration:var(--default-transition-duration);transition-property:background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none;&>svg{color:var(--color-gray-500);flex-shrink:0;height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}&:hover{background-color:var(--color-gray-50)}&:is([aria-current]:not([aria-current=false]),:has(input:checked)){background-color:var(--color-gray-50);color:var(--color-gray-800);&:hover{background-color:var(--color-gray-100)}}}& li>:is(a,span,label){padding-left:calc(var(--row-x) + var(--chevron) + var(--gap))}& summary{list-style:none;&::-webkit-details-marker{display:none}&:before{background-color:var(--color-gray-500);content:"";flex-shrink:0;height:var(--chevron);width:var(--chevron);--mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>");-webkit-mask:var(--mask) center /contain no-repeat;mask:var(--mask) center /contain no-repeat;transition:rotate var(--default-transition-duration)}}& details[open]>summary:before{rotate:90deg}}}@layer components{[is~=Steps]{--size:calc(var(--spacing)*6);--check:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>');display:flex;list-style:none;margin:0;padding:0;&>li{--ring:var(--color-gray-200);--fill:var(--color-alpha-white);--dot:var(--color-gray-300);--line:var(--color-gray-200);--title:var(--color-gray-700);align-items:center;color:var(--color-gray-650);display:flex;flex:1;flex-direction:column;font-size:var(--text-sm);gap:calc(var(--spacing)*.5);line-height:var(--text-sm--line-height);position:relative;text-align:center;&:before{background:radial-gradient(circle,var(--dot) calc(var(--size)/6),transparent calc(var(--size)/6 + .5px)) var(--fill);border-radius:var(--radius-full);box-shadow:inset 0 0 0 1.5px var(--ring);content:"";height:var(--size);margin-bottom:calc(var(--spacing)*3.5);width:var(--size)}&:not(:last-child):after{background-color:var(--line);border-radius:1px;content:"";height:2px;left:calc(50% + var(--size)/2 + var(--spacing)*2);position:absolute;right:calc(-50% + var(--size)/2 + var(--spacing)*2);top:calc(var(--size)/2 - 1px)}& strong{color:var(--title);font-weight:var(--font-weight-semibold)}}&>li[aria-current=step]{--ring:var(--color-brand-700);--fill:var(--color-brand-700);--dot:#fff;--title:var(--color-brand-700);&:before{box-shadow:inset 0 0 0 1.5px var(--ring),0 0 0 2px var(--color-alpha-white),0 0 0 4px var(--color-brand-500)}.dark-mode &{--title:var(--color-brand-300)}}&>li:has(~li[aria-current=step]){--ring:var(--color-brand-700);--fill:var(--color-brand-700);--dot:transparent;--line:var(--color-brand-600);&>strong:before{background-color:#fff;content:"";height:var(--size);left:50%;-webkit-mask:var(--check) center /60% no-repeat;mask:var(--check) center /60% no-repeat;position:absolute;top:0;translate:-50% 0;width:var(--size)}}&[is~=vertical]{flex-direction:column;&>li{align-items:start;-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3);display:grid;grid-template-columns:var(--size) 1fr;padding-bottom:calc(var(--spacing)*6);text-align:start;&:before{grid-row:span 2;margin-bottom:0}&>strong{padding-top:calc((var(--size) - var(--text-sm--line-height))/2)}&:not(:last-child):after{bottom:calc(var(--spacing)*1);height:auto;left:calc(var(--size)/2 - 1px);right:auto;top:calc(var(--size) + var(--spacing)*1);width:2px}}&>li:has(~li[aria-current=step])>strong:before{left:0;translate:none}}&[is~=lg]{--size:calc(var(--spacing)*8)}}}@layer components{[is~=Table]{--cell-x:calc(var(--spacing)*6);--cell-y:calc(var(--spacing)*4);--head-height:calc(var(--spacing)*11);background-color:var(--color-alpha-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow-x:auto;&>footer,&>header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*5) var(--cell-x)}&>header{border-bottom:1px solid var(--color-gray-200);&>:first-child{flex:1}& :is(h1,h2,h3){color:var(--color-gray-900);font-size:var(--text-md);font-weight:var(--font-weight-semibold);line-height:var(--text-md--line-height);margin:0}& p{color:var(--color-gray-650);font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:calc(var(--spacing)*.5) 0 0}}&>footer{border-top:1px solid var(--color-gray-200);padding-block:calc(var(--spacing)*3) calc(var(--spacing)*4);&>*{flex:1}}& table{border-collapse:collapse;color:var(--color-gray-650);font-size:var(--text-sm);line-height:var(--text-sm--line-height);width:100%}& th{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-650);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:var(--head-height);line-height:var(--text-xs--line-height);padding:0 var(--cell-x);text-align:start;white-space:nowrap;&[aria-sort]:after{background-color:var(--color-gray-500);content:"";display:inline-block;height:calc(var(--spacing)*3);margin-inline-start:calc(var(--spacing)*1);vertical-align:-1px;width:calc(var(--spacing)*3);--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14m0 0 7-7m-7 7-7-7"/></svg>');-webkit-mask:var(--mask) center /contain no-repeat;mask:var(--mask) center /contain no-repeat}&[aria-sort=ascending]:after{rotate:180deg}&[aria-sort=none]:after{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5M7 9l5-5 5 5"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5M7 9l5-5 5 5"/></svg>')}}& td{border-bottom:1px solid var(--color-gray-200);padding:var(--cell-y) var(--cell-x)}& tbody tr{transition:background-color var(--default-transition-duration);&:last-child td{border-bottom:none}&:hover,&[aria-selected=true]{background-color:var(--color-gray-50)}}& td:first-child{color:var(--color-gray-900);font-weight:var(--font-weight-medium)}&[is~=sm]{--cell-x:calc(var(--spacing)*5);--cell-y:calc(var(--spacing)*3);--head-height:calc(var(--spacing)*9)}}}@layer components{:is([is~=Dropzone],[is~=Upload]){background-color:var(--color-alpha-white);border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--color-gray-200);color:var(--color-gray-650);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}[is~=Dropzone]{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*4) calc(var(--spacing)*6);position:relative;text-align:center;transition:box-shadow var(--default-transition-duration);& input[type=file]{cursor:inherit;height:100%;inset:0;opacity:0;position:absolute;width:100%}& p{margin:0}& strong{color:var(--color-brand-700);font-weight:var(--font-weight-semibold);.dark-mode &{color:var(--color-brand-300)}}& small{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}&:has(input:focus-visible),&:hover{box-shadow:inset 0 0 0 2px var(--color-brand-600)}&:has(input:disabled){background-color:var(--color-gray-50);cursor:not-allowed;& strong{color:inherit}}}[is~=Upload]{display:flex;gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*4);&>svg{flex-shrink:0;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}&>div{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)*1);min-width:0}& p{color:var(--color-gray-700);font-weight:var(--font-weight-medium);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{font-size:inherit}&[is~=error]{box-shadow:inset 0 0 0 2px var(--color-error-600);& small{color:var(--color-error-800);font-weight:var(--font-weight-medium);.dark-mode &{color:var(--color-error-400)}}}}}@layer components{[is~=Feed]{color:var(--color-gray-650);display:flex;flex-direction:column;font-size:var(--text-sm);line-height:var(--text-sm--line-height);list-style:none;margin:0;padding:0;&>li{display:flex;gap:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*8);position:relative;&:not(:last-child):before{background-color:var(--color-gray-200);border-radius:1px;bottom:calc(var(--spacing)*1);content:"";left:calc(var(--spacing)*5 - 1px);position:absolute;top:calc(var(--spacing)*11);width:2px}&>div{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)*1);min-width:0}}& p{margin:0}& strong{color:var(--color-gray-700);font-weight:var(--font-weight-medium)}& time{font-size:var(--text-xs);margin-inline-start:calc(var(--spacing)*1)}& [is=Feed-card]{align-items:center;border-radius:var(--radius-lg);border-top-left-radius:0;box-shadow:inset 0 0 0 1px var(--color-gray-200);color:var(--color-gray-700);display:flex;gap:calc(var(--spacing)*3);margin-top:calc(var(--spacing)*2);padding:calc(var(--spacing)*3);& p{font-weight:var(--font-weight-medium);margin:0}& small{color:var(--color-gray-650);display:block;font-size:inherit}}&[is~=divided]>li{border-bottom:1px solid var(--color-gray-200);padding-block:calc(var(--spacing)*4);&:before{display:none}}}}@layer components{[is~=Metric]{background-color:var(--color-alpha-white);border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--color-gray-200),var(--shadow-xs);color:var(--color-gray-900);display:flex;flex-direction:column;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*5);position:relative;&>[is~=Icon]{margin-bottom:calc(var(--spacing)*2)}&>h3{color:var(--color-gray-650);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);margin:0}&>p{align-items:baseline;display:flex;flex-wrap:wrap;font-size:var(--text-display-sm);font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*1) calc(var(--spacing)*2);line-height:var(--text-display-sm--line-height);margin:0;&>span{color:var(--color-gray-650);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height)}&>span:first-of-type{margin-left:calc(var(--spacing)*1)}}&>button{position:absolute;right:calc(var(--spacing)*4);top:calc(var(--spacing)*4)}&>footer{border-top:1px solid var(--color-gray-200);display:flex;gap:calc(var(--spacing)*3);justify-content:flex-end;margin:calc(var(--spacing)*3) calc(var(--spacing)*-5) calc(var(--spacing)*-5);padding:calc(var(--spacing)*4) calc(var(--spacing)*5)}& [is~=Metric-change]{--icon:var(--color-success-600);--text:var(--color-success-950);align-items:center;color:var(--text);display:inline-flex;gap:calc(var(--spacing)*.5);& svg{color:var(--icon);height:calc(var(--spacing)*4);stroke-width:3;width:calc(var(--spacing)*4)}&[is~=negative]{--icon:var(--color-error-600);--text:var(--color-error-900)}.dark-mode &{--text:color-mix(in srgb,var(--icon),#fff 45%)}&[is~=modern]{--text:var(--color-gray-700);background-color:var(--color-alpha-white);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-gray-300),var(--shadow-xs);gap:calc(var(--spacing)*1);padding:calc(var(--spacing)*.5) calc(var(--spacing)*2) calc(var(--spacing)*.5) calc(var(--spacing)*1.5);& svg{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}}}}}@layer components{[is~=Code]{background-color:var(--color-alpha-white);border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--color-gray-200);color:var(--color-gray-900);font-family:var(--font-mono);font-size:var(--text-sm);line-height:22px;margin:0;overflow:auto;padding:calc(var(--spacing)*2) calc(var(--spacing)*3);-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre;& code{font:inherit}}}@layer components{:is([is~=Modal],[is~=Drawer],[is~=Command]){--padding:calc(var(--spacing)*4);--width:calc(var(--spacing)*100);background-color:var(--color-alpha-white);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);color:var(--color-gray-650);font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:auto;max-height:calc(100dvh - var(--spacing)*16);max-width:var(--width);overflow-y:auto;padding:0;width:calc(100% - var(--spacing)*8);@media (width >= 40rem){--padding:calc(var(--spacing)*6);border-radius:var(--radius-2xl)}opacity:0;scale:.95;transition:opacity .2s ease-in,scale .2s ease-in,display allow-discrete .2s,overlay allow-discrete .2s;&[open]{opacity:1;scale:1;transition-duration:.3s;transition-timing-function:ease-out;@starting-style{opacity:0;scale:.95}}&::backdrop{backdrop-filter:blur(6px);background-color:rgba(10,13,18,.7);opacity:0;transition:opacity .2s,display allow-discrete .2s,overlay allow-discrete .2s}&[open]::backdrop{opacity:1;@starting-style{opacity:0}}@media (prefers-reduced-motion:reduce){&,&::backdrop,&[open],&[open]::backdrop{transition-duration:0s}}&[is~=lg]{--width:calc(var(--spacing)*136)}&:is([is~=xl],[is~=Command]){--width:calc(var(--spacing)*160)}}:is([is~=Modal],[is~=Drawer]){&>:is(button,form):first-child{position:absolute;right:calc(var(--spacing)*3);top:calc(var(--spacing)*3);z-index:1;@media (width >= 40rem){right:calc(var(--spacing)*4);top:calc(var(--spacing)*4)}}&>header{display:flex;flex-direction:column;gap:calc(var(--spacing)*.5);padding:calc(var(--spacing)*5) var(--padding) 0;@media (width >= 40rem){padding-top:calc(var(--spacing)*6)}&>:first-child:not(h1,h2,h3,p){margin-bottom:calc(var(--spacing)*3.5)}& :is(h1,h2,h3){color:var(--color-gray-900);font-size:var(--text-md);font-weight:var(--font-weight-semibold);line-height:var(--text-md--line-height);margin:0}& p{margin:0}}&>section{padding:calc(var(--spacing)*5) var(--padding) 0}&>footer{display:flex;flex-direction:column-reverse;gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*6) var(--padding) var(--padding);@media (width >= 40rem){display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding-top:calc(var(--spacing)*8)}}}[is~=Modal]{@media (width < 40rem){margin-bottom:clamp(calc(var(--spacing)*4),8vh,calc(var(--spacing)*16))}}[is~=Drawer]{border-radius:0;box-shadow:0 0 0 1px var(--color-gray-200),var(--shadow-xl);height:100dvh;margin:0 0 0 auto;max-height:none;opacity:1;scale:1;transition:translate .2s ease-in,display allow-discrete .2s,overlay allow-discrete .2s;translate:100% 0;width:calc(100% - var(--spacing)*6);@media (prefers-reduced-motion:reduce){transition-duration:0s}&[open]{display:flex;flex-direction:column;translate:0 0;@starting-style{translate:100% 0}}&>footer{background-color:inherit;border-top:1px solid var(--color-gray-200);bottom:0;margin-top:auto;padding-top:var(--padding);position:sticky;@media (width >= 40rem){display:flex;flex-direction:row;justify-content:flex-end}}}}@layer components{[is~=Menu]{background-color:var(--color-alpha-white);border:none;border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-gray-200),var(--shadow-lg);color:var(--color-gray-700);font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:auto;max-height:70dvh;overflow-y:auto;padding:calc(var(--spacing)*1) 0;width:calc(var(--spacing)*62);@supports (position-area:block-end){margin:calc(var(--spacing)*1) 0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block}opacity:0;transition:opacity .1s ease-in,translate .1s ease-in,display allow-discrete .1s,overlay allow-discrete .1s;translate:0 -2px;&:popover-open{opacity:1;transition-duration:.15s;transition-timing-function:ease-out;translate:0 0;@starting-style{opacity:0;translate:0 -2px}}&>header{border-bottom:1px solid var(--color-gray-200);font-weight:var(--font-weight-semibold);margin-bottom:calc(var(--spacing)*1);padding:calc(var(--spacing)*3) calc(var(--spacing)*4);& small{color:var(--color-gray-650);display:block;font-size:inherit;font-weight:var(--font-weight-normal)}}&>:is(button,a){align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*2);margin:1px calc(var(--spacing)*1.5);padding:calc(var(--spacing)*2) calc(var(--spacing)*2.5);text-align:start;text-decoration:none;transition:background-color var(--default-transition-duration);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(100% - var(--spacing)*3);& svg{color:var(--color-gray-500);flex-shrink:0;height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}& kbd{color:var(--color-gray-650);font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-weight-medium);margin-inline-start:auto;padding-inline-end:calc(var(--spacing)*1)}&:hover{background-color:var(--color-gray-50);color:var(--color-gray-800)}&:focus-visible{--focus-offset:-2px}&:disabled,&[aria-disabled=true]{cursor:not-allowed;opacity:.5}}&>hr{background-color:var(--color-gray-200);border:none;height:1px;margin:calc(var(--spacing)*1) 0}@media (prefers-reduced-motion:reduce){&,&:popover-open{transition-duration:0s}}}}@layer components{[is~=Command]{color:var(--color-gray-900);&>label{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*4);& svg{color:var(--color-gray-500);flex-shrink:0;height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}& input{background:transparent;border:none;color:inherit;flex:1;font-size:var(--text-md);line-height:var(--text-md--line-height);min-width:0;outline:none;&::-moz-placeholder{color:var(--color-gray-600)}&::placeholder{color:var(--color-gray-600)}}}&>section{padding:calc(var(--spacing)*2) 0;&+section{border-top:1px solid var(--color-gray-200)}&>:is(h2,h3,h4){color:var(--color-gray-650);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--text-xs--line-height);margin:0;padding:calc(var(--spacing)*2) calc(var(--spacing)*4.5) calc(var(--spacing)*1)}&>:is(a,button){align-items:center;background:transparent;border:none;border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:flex;font:inherit;font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*2);margin:calc(var(--spacing)*.5) calc(var(--spacing)*2);min-height:calc(var(--spacing)*10);padding:calc(var(--spacing)*2) calc(var(--spacing)*2.5);text-align:start;text-decoration:none;transition:background-color var(--default-transition-duration);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(100% - var(--spacing)*4);& svg{color:var(--color-gray-500);flex-shrink:0;height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}& kbd:first-of-type{margin-inline-start:auto}&:is(:hover,:focus-visible,[aria-selected=true]){background-color:var(--color-gray-50);outline:none}}}& kbd{background-color:var(--color-gray-50);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--color-gray-200);color:var(--color-gray-650);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);min-width:calc(var(--spacing)*6);padding:calc(var(--spacing)*.5) calc(var(--spacing)*1);text-align:center}&>footer{border-top:1px solid var(--color-gray-200);color:var(--color-gray-650);display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*2) calc(var(--spacing)*4.5);&>span{align-items:center;display:inline-flex;gap:calc(var(--spacing)*1)}}}}@layer base{html{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;font-variant-ligatures:contextual}}