@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}
:root{box-sizing:border-box;font-family:var(--font-sans);font-size:var(--font-size-16);--font-sans:"Inter", system-ui, sans-serif;--font-disp:"Space Grotesk", system-ui, sans-serif;--font-size-10:10px;--font-size-12:12px;--font-size-14:14px;--font-size-16:16px;--font-size-18:18px;--font-size-20:20px;--font-size-24:24px;--font-size-32:32px;--font-size-40:40px;--font-size-51:3.2rem;--spacing-4:.25rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-48:3rem;--spacing-64:4rem;--spacing-96:6rem;--spacing-128:8rem;--size-m:12rem;--color-black:#1d1d1d;--color-white:#eee;--color-neutral-200:#dedede;--color-neutral-300:#c3c3c3;--color-neutral-400:#afafaf;--color-neutral-500:#818181;--color-neutral-600:#6c6c6c;--color-neutral-700:#403b3a;--color-neutral-800:#201e1d;--transition-bg-cubic-bezier:background-color .5s cubic-bezier(.1, .2, .3, .4);--transition-color-cubic-bezier:color .25s cubic-bezier(.1, .2, .3, .4);--transition-text-decoration-cubic-bezier:text-decoration .25s cubic-bezier(.1, .2, .3, .4);--transition-text-underline-offset-cubic-bezier:text-underline-offset .125s cubic-bezier(.1, .2, .3, .4);--transition-box-shadow-cubic-bezier:box-shadow .5s cubic-bezier(.1, .2, .3, .4);--transition-border-cubic-bezier:border .25s cubic-bezier(.1, .2, .3, .4);--color-carbon-950:#0a0f18;--color-carbon-900:#111827;--color-carbon-800:#1f2937;--color-carbon-700:#2b3545;--color-fog-400:#b8c2ce;--color-fog-300:#cbd5e1;--color-fog-200:#eef5f3;--color-fog-100:#f4f6f9;--color-brand-primary:#042940;--color-brand-secondary:#005c53;--color-brand-tertiary:#dbf227;--color-success:#9fc131;--color-warning:#f59e0b;--color-danger:#ef4d37;--color-info:var(--color-brand-secondary);--color-border-subtle:#ffffff12;--color-border-strong:#94a3b840;--color-glow-primary:#04294040;--color-glow-secondary:#005c5340;--color-glow-tertiary:#dbf2274d;--radius-s:6px;--radius-m:12px;--radius-l:32px;--color-primary-base:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-secondary));--shadow-soft:0 12px 32px #0006;--background-hero:linear-gradient(135deg, #042940 0%, #005c53 50%, #dbf227 100%)}[data-theme=dark]{--bg-app:var(--color-carbon-950);--bg-surface:var(--color-carbon-900);--bg-panel:var(--color-carbon-800);--bg-elevated:var(--color-carbon-700);--bg-input:#ffffff0d;--bg-card:var(--bg-surface);--text-primary:var(--color-fog-100);--text-secondary:var(--color-fog-200);--text-muted:var(--color-fog-400);--color-border-em:#ffffff26;--color-accent:var(--color-brand-tertiary);--color-accent-on:var(--color-carbon-950);--color-chrome:#9fc131;--color-chrome-bg:#9fc1311f;--color-chrome-border:#9fc1314d;color:var(--text-primary)!important;background-color:var(--bg-app)!important}[data-theme=light]{--bg-app:var(--color-fog-100);--bg-surface:var(--color-fog-200);--bg-panel:var(--color-fog-300);--bg-elevated:var(--color-fog-400);--bg-input:#0429400a;--bg-card:#fff;--color-border-subtle:#04294017;--text-primary:var(--color-carbon-950);--text-secondary:var(--color-carbon-900);--text-muted:var(--color-carbon-700);--color-border-em:#0429402e;--color-accent:var(--color-brand-secondary);--color-accent-on:#fff;--color-chrome:var(--color-accent);--color-chrome-bg:#005c5314;--color-chrome-border:#005c5333;--shadow-soft:0 12px 32px #0429401a;color:var(--text-primary)!important;background-color:var(--bg-app)!important}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--text-primary);background-color:var(--bg-app)}}[data-palette=water]{--color-primary-100:#d6efff;--color-primary-200:#ade0ff;--color-primary-300:#85d0ff;--color-primary-400:#5cc0ff;--color-primary-500:#33b1ff;--color-primary-600:#009eff;--color-primary-700:#008ae0;--color-primary-800:#0071b8;--color-primary-900:#00588f}[data-palette=earth]{--color-primary-100:#f6e3cb;--color-primary-200:#edc897;--color-primary-300:#eabe86;--color-primary-400:#e3ac63;--color-primary-500:#dd9940;--color-primary-600:#ca8323;--color-primary-700:#ad701f;--color-primary-800:#8b5918;--color-primary-900:#684312}[data-palette=forest]{--color-primary-100:#bee8b0;--color-primary-200:#a4df90;--color-primary-300:#8ad671;--color-primary-400:#70cd51;--color-primary-500:#54b435;--color-primary-600:#4a9e2e;--color-primary-700:#3b7e25;--color-primary-800:#2c5f1c;--color-primary-900:#1e3f12}h1,h2,h3,h4,h5,h6{font-family:var(--font-disp)}h1{font-size:var(--font-size-40);font-weight:700;line-height:1.25}h2{font-size:var(--font-size-32);font-weight:700;line-height:1.25}h3{font-size:var(--font-size-24);font-weight:700;line-height:1.25}h4{font-size:var(--font-size-20);font-weight:700;line-height:1.25}h5{font-size:var(--font-size-18);font-weight:700;line-height:1.25}h6{font-size:var(--font-size-16);font-weight:700;line-height:1.25}@media (max-width:1385px){h1{font-size:var(--font-size-32);font-weight:700;line-height:1.25}h2{font-size:var(--font-size-24);font-weight:700;line-height:1.25}h3{font-size:var(--font-size-20);font-weight:700;line-height:1.25}h4{font-size:var(--font-size-18);font-weight:700;line-height:1.25}h5{font-size:var(--font-size-16);font-weight:700;line-height:1.25}h6{font-size:var(--font-size-14);font-weight:700;line-height:1.25}*{font-size:var(--font-size-14)}}@media (max-width:600px){h1{font-size:var(--font-size-24);font-weight:700;line-height:1.25}h2{font-size:var(--font-size-20);font-weight:700;line-height:1.25}h3{font-size:var(--font-size-18);font-weight:700;line-height:1.25}h4{font-size:var(--font-size-16);font-weight:700;line-height:1.25}h5{font-size:var(--font-size-14);font-weight:700;line-height:1.25}h6{font-size:var(--font-size-12);font-weight:700;line-height:1.25}*{font-size:var(--font-size-12)}}.menu-button{background-color:var(--bg-surface);border-radius:var(--radius-s);color:var(--text-primary);cursor:pointer;align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-20);margin:var(--spacing-4) 0;border:1px solid #0000;justify-content:flex-end;text-decoration:none;display:flex}.menu-button:disabled{cursor:unset;opacity:.5;pointer-events:none}.menu-button:hover{border-color:var(--color-chrome-border);transition:var(--transition-bg-cubic-bezier), var(--transition-border-cubic-bezier)}.menu-button-dropdown{background-color:var(--bg-panel)!important;padding-right:var(--spacing-16)!important}.menu-button-nested{background-color:var(--bg-surface);margin-left:var(--spacing-16);padding-right:var(--spacing-40)}.menu-button-subnested{background-color:var(--bg-surface);margin-left:var(--spacing-32);padding-right:var(--spacing-40)}.menu-button-subsubnested{background-color:var(--bg-surface);margin-left:var(--spacing-48);padding-right:var(--spacing-40)}.menu-button-is-selected{background-color:var(--color-accent);color:var(--color-accent-on)}.button{appearance:none;border-radius:var(--radius-s);color:inherit;cursor:pointer;font-family:var(--font-disp);font-weight:600;font-size:var(--font-size-16);align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-16);border:none;justify-content:center;transition:all .2s;display:flex}.button:active{transform:translateY(1px)}.button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;pointer-events:none}.button__primary{background:var(--color-accent);color:var(--color-accent-on);border:1px solid #0000;font-weight:700}.button__primary.button__medium{padding:14px 32px}.button__primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.button__secondary{background:color-mix(in srgb, var(--color-brand-secondary) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-brand-secondary) 35%, transparent);color:var(--text-primary)}.button__secondary.button__medium{padding:13px 28px}.button__secondary:hover{background:var(--color-brand-secondary);border-color:var(--color-brand-secondary);color:#fff}.button__icon{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--color-border-subtle)}.button__icon:hover{border-color:var(--color-chrome-border);color:var(--text-primary)}.button__icon:active,.button__secondary:active,.link__secondary:active{background:var(--color-chrome);color:var(--color-accent-on);border-color:#0000}.link__primary{color:var(--color-chrome);text-underline-offset:2px;font-weight:600;text-decoration:underline;transition:filter .15s}.link__primary:hover{filter:brightness(1.15)}.link__secondary{background:var(--bg-elevated);border:1px solid var(--color-border-strong);color:var(--text-primary);-webkit-text-decoration:unset;text-decoration:unset}.link__secondary:hover{border-color:var(--color-chrome-border)}.link__icon{background-color:unset!important;color:var(--text-muted)!important}.link>a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}.link__icon svg{padding:var(--spacing-4);border-radius:2px}.link__icon:hover{border:unset;box-shadow:unset}.link__icon:hover svg{transition:var(--transition-color-cubic-bezier);color:var(--color-chrome)!important}.button__small{padding:var(--spacing-4)}.button__medium{padding:var(--spacing-8) var(--spacing-16)}.button__large{padding:var(--spacing-16)}.button__icon.button__medium{padding:var(--spacing-8) var(--spacing-12)}.badge{text-transform:uppercase;border:1px solid #0000;border-radius:100px;font-weight:600;display:inline-block}.badge--md{font-family:var(--font-disp);font-size:var(--font-size-12);letter-spacing:.14em;padding:4px 12px}.badge--sm{font-family:var(--font-sans);font-weight:700;font-size:var(--font-size-10);letter-spacing:.08em;padding:3px 9px}.badge--chrome{color:var(--color-chrome);background:var(--color-chrome-bg);border-color:var(--color-chrome-border)}.badge--accent{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}.badge--success{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, transparent);border-color:color-mix(in srgb, var(--color-success) 35%, transparent)}.badge--muted{color:var(--text-muted);background:var(--bg-input);border-color:var(--color-border-em)}.card{background:var(--bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-m);transition:background .3s,border-color .2s}.card p{color:var(--text-secondary);font-size:var(--font-size-14);line-height:1.7}.card--default{padding:36px 32px}.card--default:hover{border-color:var(--color-chrome-border);box-shadow:inset 0 0 0 1px var(--color-chrome-border)}.card__num{color:var(--color-chrome);font-family:var(--font-disp);font-size:var(--font-size-40);opacity:.5;margin-bottom:var(--spacing-20);font-weight:700;line-height:1}.card--default h3{font-size:var(--font-size-20);margin-bottom:var(--spacing-12);color:var(--text-primary)}.card--use-case{padding:28px 24px;transition:background .3s,border-color .2s,transform .2s,box-shadow .2s}.card--use-case:hover{border-color:var(--color-chrome-border);box-shadow:var(--shadow-soft);transform:translateY(-3px)}.card--coming-soon{border-color:var(--color-chrome-border)}.card__icon-wrap{width:56px;height:56px;margin-bottom:var(--spacing-16);border-radius:var(--radius-m);border:1px solid var(--color-chrome-border);background:#000;overflow:hidden}.card__icon-wrap img{object-fit:cover;width:100%;height:100%;display:block}.card--use-case h4{font-size:var(--font-size-16);color:var(--text-primary);margin-bottom:var(--spacing-8)}.card--coming-soon h4{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card--team{text-align:center;padding:32px 24px}.card__photo{object-fit:cover;border:1px solid var(--color-chrome-border);width:96px;height:96px;margin:0 auto var(--spacing-16);border-radius:50%;display:block}.card__name{font-family:var(--font-disp);font-weight:700;font-size:var(--font-size-16);color:var(--text-primary);margin-bottom:4px}.card__role{font-size:var(--font-size-12);text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:var(--spacing-12);font-weight:600}.card__bio{font-size:var(--font-size-14);color:var(--text-secondary);line-height:1.6}.card__links{justify-content:center;gap:var(--spacing-16);margin-top:var(--spacing-16);display:flex}.card__links a{color:var(--text-muted);align-items:center;transition:color .2s;display:flex}.card__links a:hover{color:var(--color-chrome)}.card__icon{width:18px;height:18px}.diff-item{gap:var(--spacing-16);align-items:flex-start;display:flex}.diff-item__check{background:var(--color-chrome);width:26px;height:26px;color:var(--color-brand-primary);font-weight:700;font-size:var(--font-size-14);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.diff-item__check--ph{background:color-mix(in srgb, var(--color-danger) 20%, transparent);color:var(--color-danger)}.diff-item strong{font-family:var(--font-disp);font-size:var(--font-size-16);color:var(--text-primary);margin-bottom:5px;font-weight:600;display:block}.diff-item--placeholder strong{color:var(--color-danger)}.diff-item p{color:var(--text-secondary);font-size:var(--font-size-14);line-height:1.68}.step{gap:var(--spacing-40);padding:var(--spacing-40) 0;border-bottom:1px solid var(--color-border-subtle);align-items:flex-start;display:flex}.step:last-child{border-bottom:none}.step__num{font-family:var(--font-disp);font-size:var(--font-size-51);color:var(--color-chrome);opacity:.22;flex-shrink:0;min-width:76px;font-weight:700;line-height:1}.step__body h3{font-size:var(--font-size-20);color:var(--text-primary);margin-bottom:10px}.step__body h3 .badge{vertical-align:middle;margin-left:10px;position:relative;top:-2px}.step__body p{color:var(--text-secondary);max-width:600px;line-height:1.78}.form{align-items:center;gap:var(--spacing-32);padding:var(--spacing-32) 0;flex-direction:column;display:flex}.form__message{justify-content:center;align-items:center;gap:var(--spacing-16);display:flex}.input-group,.input-subgroup{flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.input{background:var(--bg-input);box-sizing:border-box;border-radius:var(--radius-s);border:1px solid var(--color-border-em);color:var(--text-primary);padding:var(--spacing-12) var(--spacing-16);font-size:var(--font-size-16);outline:none;width:100%;transition:border-color .15s,background .15s}.input::placeholder{color:var(--text-muted)}.input__header{justify-content:space-between;align-items:center;width:100%;display:flex}.input__header--error{font-size:var(--font-size-12);color:var(--color-danger)}.input--icon-left{padding-left:var(--spacing-40)}.input--icon-right{padding-right:var(--spacing-40)}.input__icon{padding:var(--spacing-12) var(--spacing-16);align-items:center;display:flex;position:absolute;top:0;bottom:0}.input__icon--right{right:0}.input__icon--left{left:0}.input:hover,.input:focus{border-color:var(--color-accent)}.input__icon:has(+.input:hover){color:var(--color-brand-secondary)}input:hover+.input__icon{color:var(--color-brand-secondary)}.input__icon:has(+.input:focus){color:var(--color-brand-secondary)}input:focus+.input__icon{color:var(--color-brand-secondary)}.input:disabled{opacity:.5}.input--error{border-color:var(--color-danger)!important}.custom-class-name{width:94.5%;padding:var(--spacing-16) var(--spacing-24);font-size:var(--font-size-16);border-radius:var(--spacing-8);background-color:#0ff}.special-label-class{color:violet;text-decoration:overline}.input[type=checkbox]{background:#fbfbfb;border-radius:2em;padding:2px}.textarea{margin-bottom:var(--spacing-8);width:100%;position:relative}.textarea__header{justify-content:space-between;align-items:center;width:100%;display:flex}.textarea__header--error{font-size:var(--font-size-12);color:var(--color-danger)}.textarea__input{background:var(--bg-input);box-sizing:border-box;border-radius:var(--radius-s);border:1px solid var(--color-border-em);color:var(--text-primary);cursor:text;font-size:var(--font-size-16);padding:var(--spacing-12) var(--spacing-16);resize:vertical;outline:none;width:100%;transition:border-color .15s,background .15s}.textarea__input::placeholder{color:var(--text-muted)}.textarea__input--error{border:3px solid var(--color-danger)}.textarea__input:hover{border-color:var(--color-accent)}.textarea__input:focus{border-color:var(--color-accent);outline:none}.textarea__input:disabled{opacity:.5}.textarea__button.button{border-radius:0px 0px var(--radius-s) var(--radius-s);cursor:pointer;padding:var(--spacing-4) var(--spacing-8);width:100%;position:absolute;bottom:0;left:0}.textarea__button--error{background:var(--color-danger)!important;border:3px solid var(--color-danger)!important}.textarea__button>svg{color:var(--bg-app)}.textarea__button:disabled{cursor:unset;opacity:.5;pointer-events:none}.custom-label{color:red;text-decoration:line-through}.textarea__button--show.textarea__button--error{background:var(--color-danger)!important;border:3px solid var(--color-danger)!important}.select-group{flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.select:focus,.select--focus{border-radius:var(--radius-s) var(--radius-s) 0 0}.select:disabled{opacity:.5;cursor:not-allowed}.select__arrow.input__icon{padding:0}.select__arrow-button.button{background-color:unset;padding:var(--spacing-8) var(--spacing-24)}.select__arrow-button--open.button{border-bottom-right-radius:0!important}.select__arrow-icon{transition:transform .15s ease-out}.select__arrow-button--open .select__arrow-icon{transform:rotate(180deg)}.select__box{background-color:var(--bg-app);border-radius:0 0 var(--radius-s) var(--radius-s);border:1px solid var(--color-border-em);box-shadow:var(--shadow-soft);box-sizing:border-box;max-height:var(--size-m);z-index:2;-ms-overflow-style:none;scrollbar-width:none;width:100%;position:absolute;top:100%;overflow:scroll}.select__box::-webkit-scrollbar{display:none}.select__option.button{background:var(--bg-app);font-weight:400;font-size:var(--font-size-14);border:none;border-radius:0;justify-content:start;width:100%}.select__option.button:hover{background:var(--color-chrome-bg);border:unset;color:var(--text-primary)}.select__option.button:last-child{border-radius:0 0 var(--radius-s) var(--radius-s)}.select--error{border:3px solid var(--color-danger)}.select--error:focus{border:3px solid var(--color-danger);outline:none}.custom-class-name-group{padding:var(--spacing-8);background-color:#00f}.loading{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.loading-message{color:var(--text-primary)}.modal-overlay{background:#0000004d;position:fixed;inset:0}.modal{background:var(--bg-elevated);border-radius:var(--radius-s);border:1px solid var(--color-border-em);box-shadow:var(--shadow-soft);color:var(--text-primary);padding:var(--spacing-4) var(--spacing-4);left:50%;right:var(--spacing-16);z-index:5;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal__close{right:calc(var(--spacing-16) * -1);top:calc(var(--spacing-16) * -1);z-index:5;position:absolute}.modal__content{gap:var(--spacing-16);padding:0 var(--spacing-16);flex-direction:column;display:flex}.modal__footer{padding-bottom:var(--spacing-16)}.multi-select-group{flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.multi-select__header{justify-content:space-between;align-items:center;width:100%;display:flex}.multi-select__header-error{color:var(--color-danger);font-size:var(--font-size-12)}.multi-select-subgroup{width:100%;position:relative}.multi-select{background:var(--bg-input);border:1px solid var(--color-border-em);border-radius:var(--radius-s);box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-16);align-items:center;gap:var(--spacing-8);padding:0 0 0 var(--spacing-16);outline:none;justify-content:space-between;width:100%;transition:border-color .15s,background .15s;display:flex}.multi-select:hover,.multi-select:focus{border-color:var(--color-accent)}.multi-select--focus{border-radius:var(--radius-s) var(--radius-s) 0 0}.multi-select--error{border:3px solid var(--color-danger)}.multi-select--error:focus{border:3px solid var(--color-danger);outline:none}.multi-select__values{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.multi-select__placeholder{color:var(--text-muted)}.multi-select__chip{align-items:center;gap:var(--spacing-8);display:inline-flex}.multi-select__chip-remove{background:unset;color:inherit;cursor:pointer;border:none;align-items:center;padding:0;display:inline-flex}.multi-select__arrow-button.button__icon{background:unset;padding:var(--spacing-8) var(--spacing-24);flex-shrink:0}.multi-select__arrow-icon{transition:transform .15s ease-out}.multi-select__arrow-button--open .multi-select__arrow-icon{transform:rotate(180deg)}.multi-select__box{background-color:var(--bg-app);border-radius:0 0 var(--radius-s) var(--radius-s);border:1px solid var(--color-border-em);box-shadow:var(--shadow-soft);box-sizing:border-box;max-height:var(--size-m);z-index:2;-ms-overflow-style:none;scrollbar-width:none;width:100%;position:absolute;top:100%;overflow:scroll}.multi-select__box::-webkit-scrollbar{display:none}.multi-select__search{border:none;border-bottom:1px solid var(--color-border-em);box-sizing:border-box;font-size:var(--font-size-14);padding:var(--spacing-8) var(--spacing-16);width:100%}.multi-select__search:focus{outline:none}.multi-select__option.button{background:var(--bg-app);font-weight:400;font-size:var(--font-size-14);align-items:center;gap:var(--spacing-8);border:none;border-radius:0;justify-content:start;width:100%;display:flex}.multi-select__option.button:hover{background:var(--color-chrome-bg);border:unset;color:var(--text-primary)}.multi-select__option.button:last-child{border-radius:0 0 var(--radius-s) var(--radius-s)}.multi-select__option--selected.button{color:var(--color-accent);font-weight:600}.multi-select__option-check{flex-shrink:0}.range{align-items:center;gap:var(--spacing-16);min-width:20rem;display:flex;position:relative}.range__panel{border-radius:var(--radius-s);border:1px solid #0000;justify-content:space-between;width:100%;display:flex;position:relative}.range__panel:hover{border-color:var(--color-chrome-border);transition:var(--transition-bg-cubic-bezier), var(--transition-border-cubic-bezier)}.range__track{background-color:var(--bg-panel);border-radius:0 var(--spacing-4) var(--spacing-4) 0;z-index:0;height:100%;position:absolute}.range__content{cursor:pointer;align-items:start;gap:var(--spacing-8);width:var(--spacing-40);z-index:3;flex-direction:column;display:flex}.range__content:hover{background-color:color-mix(in srgb, var(--color-chrome) 80%, transparent 10%);transition:var(--transition-bg-cubic-bezier)}.range__content__period{width:var(--spacing-8);gap:0}.range__tick{border-left:2px solid color-mix(in srgb, var(--color-chrome) 80%, transparent 10%);width:100%}.range__tick__large{height:1rem}.range__tick__small{height:.5rem}.range__value{text-overflow:ellipsis;white-space:nowrap;width:80%;overflow:hidden}.range__value__period{border-left:2px solid color-mix(in srgb, var(--color-chrome) 80%, transparent 10%);width:calc(100% + var(--spacing-40))}.range__value--over{white-space:unset;width:unset;top:var(--spacing-40);position:absolute;overflow:visible;background-color:var(--bg-surface)!important}.range__thumb{position:absolute;top:-32px;background-color:#0000!important}.button__icon.range__play{z-index:5}@media (max-width:699px){.range{flex-direction:column}.range__panel{min-width:none;max-width:30rem}}@media (max-width:500px){.range__panel{min-width:none;max-width:20rem}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.input-group{display:flex}.input-group--bottom{flex-direction:column}.input-group--top{flex-direction:column-reverse}.input-group--right{flex-direction:row}.input-group--left{flex-direction:row-reverse}.checkbox__header{justify-content:center;align-items:center;width:100%;display:flex}.checkbox-subgroup{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.checkbox{appearance:none;background-color:var(--bg-elevated);border-radius:var(--radius-s);transform-style:preserve-3d;place-content:center start;width:4rem;padding:.1rem;display:flex}.checkbox:checked{background-color:color-mix(in srgb, var(--color-accent), var(--bg-elevated))}.checkbox:after{background-image:conic-gradient(from var(--angle), transparent 70%, var(--conic-color-0), var(--conic-color-1), var(--conic-color-2));background-color:color-mix(in srgb, transparent 20%, var(--bg-app));border-radius:var(--radius-s);content:"";width:4rem;height:1.5rem;padding:.2rem;animation:1s linear spinout;position:absolute;top:50%;left:50%;transform:translateZ(-1px)translate(-50%,-50%)}.checkbox:checked:after{background-color:color-mix(in srgb, transparent var(--perc), var(--bg-app));background-image:conic-gradient(from var(--angle), transparent 70%, var(--conic-color-0), var(--conic-color-1), var(--conic-color-2));animation:2s linear spin,2s linear forwards perc}.checkbox:before{content:"";background-color:color-mix(in srgb, transparent 85%, var(--text-muted));border-radius:var(--radius-s);width:2.25rem;height:1.5rem;transition:transform .2s ease-out,background-color .2s ease-out;transform:translate(0)}.checkbox:checked:before{background:var(--color-accent);transition:transform .2s ease-in,background-color .2s ease-in;transform:translate(1.5rem)}.checkbox:hover:before{background-color:var(--color-chrome)}.checkbox:disabled{opacity:.5}.checkbox--error:after{background-color:var(--color-danger)}.checkbox--small{width:2.5rem;padding:.075rem}.checkbox--small:after{width:2.5rem;height:.95rem;padding:.125rem}.checkbox--small:before{width:1.4rem;height:.95rem}.checkbox--small:checked:before{transform:translate(.95rem)}@keyframes perc{0%{--perc:20%}50%{--perc:10%}to{--perc:0%}}@keyframes spin{0%{--angle:0deg;--conic-color-0:var(--color-fog-100);--conic-color-1:var(--color-fog-200);--conic-color-2:var(--color-fog-300)}99%{--conic-color-0:var(--color-fog-100);--conic-color-1:var(--color-fog-200);--conic-color-2:var(--color-fog-300)}to{--angle:360deg;--conic-color-0:var(--bg-app);--conic-color-1:var(--bg-app);--conic-color-2:var(--bg-app)}}@keyframes spinout{0%{--angle:360deg;--conic-color-0:var(--color-fog-100);--conic-color-1:var(--color-fog-200);--conic-color-2:var(--color-fog-300)}to{--angle:0deg;--conic-color-0:var(--color-fog-100);--conic-color-1:var(--color-fog-200);--conic-color-2:var(--color-fog-300)}}.tooltip{display:inline-block;position:relative}.tooltip__content{background:var(--bg-elevated);border-radius:var(--radius-s);box-shadow:var(--shadow-soft);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-12);opacity:0;max-width:16rem;padding:var(--spacing-4) var(--spacing-8);pointer-events:none;visibility:hidden;white-space:normal;z-index:5;transition:opacity .15s,transform .15s,visibility .15s;position:absolute}.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content{opacity:1;visibility:visible}.tooltip__content:after{border:var(--spacing-4) solid transparent;content:"";position:absolute}.tooltip__content--top{margin-bottom:var(--spacing-8);transform:translate(-50%, var(--spacing-4));bottom:100%;left:50%}.tooltip:hover .tooltip__content--top,.tooltip:focus-within .tooltip__content--top{transform:translate(-50%)}.tooltip__content--top:after{border-top-color:var(--bg-elevated);top:100%;left:50%;transform:translate(-50%)}.tooltip__content--bottom{margin-top:var(--spacing-8);transform:translate(-50%, calc(-1 * var(--spacing-4)));top:100%;left:50%}.tooltip:hover .tooltip__content--bottom,.tooltip:focus-within .tooltip__content--bottom{transform:translate(-50%)}.tooltip__content--bottom:after{border-bottom-color:var(--bg-elevated);bottom:100%;left:50%;transform:translate(-50%)}.tooltip__content--left{margin-right:var(--spacing-8);transform:translate(var(--spacing-4), -50%);top:50%;right:100%}.tooltip:hover .tooltip__content--left,.tooltip:focus-within .tooltip__content--left{transform:translateY(-50%)}.tooltip__content--left:after{border-left-color:var(--bg-elevated);top:50%;left:100%;transform:translateY(-50%)}.tooltip__content--right{margin-left:var(--spacing-8);transform:translate(calc(-1 * var(--spacing-4)), -50%);top:50%;left:100%}.tooltip:hover .tooltip__content--right,.tooltip:focus-within .tooltip__content--right{transform:translateY(-50%)}.tooltip__content--right:after{border-right-color:var(--bg-elevated);top:50%;right:100%;transform:translateY(-50%)}