.button{align-items:center;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-bold);gap:0;justify-content:center;line-height:var(--line-height-medium);padding:0 var(--size-1);transition:all .2s ease}.button:focus{outline:none}.button:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.button--large{font-size:var(--font-size-large);height:var(--size-10)}.button--medium{font-size:var(--font-size-medium);height:var(--size-8)}.button--small{font-size:var(--font-size-small);height:var(--size-6);line-height:var(--line-height-small)}.button__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.button--medium .button__icon{height:var(--size-6);width:var(--size-6)}.button--small .button__icon{height:var(--size-4);width:var(--size-4)}.button__icon svg{fill:currentColor;height:100%;width:100%}.button__text{margin:0 var(--size-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button--solid{background-color:var(--color-foreground-108);color:var(--color-background)}.button--solid:hover{background-color:var(--color-foreground-90)}.button--solid.button--pressed,.button--solid:active{background-color:var(--color-foreground-75)}.button--outline{background-color:initial;border:1px solid var(--color-foreground-30);box-sizing:border-box!important;color:var(--color-foreground-108);outline:none;padding:calc(var(--size-1) - 1px)}.button--outline:hover{background-color:var(--color-foreground-0)}.button--outline.button--pressed,.button--outline:active{background-color:var(--color-foreground-15)}.button--ghost{background-color:initial;color:var(--color-foreground-108)}.button--ghost:hover{background-color:var(--color-foreground-0)}.button--ghost.button--pressed,.button--ghost:active{background-color:var(--color-foreground-15)}.button--disabled,.button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.icon{display:inline-block;vertical-align:middle}.icon svg{fill:currentColor;height:100%;width:100%}.icon--small{height:var(--size-4);width:var(--size-4)}.icon--medium{height:var(--size-6);width:var(--size-6)}.icon--large{height:var(--size-8);width:var(--size-8)}.app-header{background-color:var(--color-surface);border-bottom:2px solid var(--color-foreground-0);position:relative;width:100%}.app-header__content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100%;padding:var(--size-4)}.app-header__logo{align-items:center;color:var(--color-foreground-108);display:flex;flex-shrink:0}.app-header__logo-svg{fill:currentColor;height:var(--size-8);max-width:128px;width:auto}.app-header__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--size-2)}.app-header__export{height:var(--size-8);position:relative}.app-header__export-dropdown{background:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-0);box-shadow:0 4px 8px #0000004d;min-width:160px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.app-header__export-option{background:#0000;border:none;color:var(--color-foreground-90);cursor:pointer;display:block;font-family:var(--font-family);font-size:var(--font-size-small);line-height:var(--line-height-small);padding:var(--size-2) var(--size-3);text-align:left;width:100%}.app-header__export-option:hover{background:var(--color-foreground-0)}@media (max-width:767px){.app-header__content{padding:var(--size-2) var(--size-4)}.app-header__actions{gap:var(--size-1)}.app-header__actions .button__text{display:none}.app-header__logo-svg{max-width:96px}}.select-wrapper{max-width:100%;min-width:0;position:relative}.select-wrapper,.select__label{display:block;text-overflow:ellipsis;white-space:nowrap;width:100%}.select__label{color:var(--color-input-label);font-weight:var(--font-weight-bold);margin:0 0 var(--size-1) 0;overflow:hidden}.select,.select__label{font-size:var(--font-size-small);line-height:var(--line-height-small)}.select{align-items:center;background:var(--color-input-background);box-sizing:border-box;color:var(--color-input-content);cursor:pointer;display:flex;font-family:var(--font-family);font-weight:var(--font-weight-semibold);justify-content:space-between;max-width:100%;min-height:var(--size-4);min-width:0;padding:var(--size-2);position:relative;transition:all .2s ease;width:100%}.select:focus{outline:none}.select:focus-visible{border-color:#0000;outline:2px solid var(--color-focus-outline);outline-offset:-2px;z-index:1}.select__text{flex:1 1;max-width:100%;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.select__arrow{flex-shrink:0;transition:transform .2s ease}.select--open .select__arrow{transform:rotate(180deg)}.select__swatch{background-color:var(--fallback-color);background-color:var(--color-display,var(--fallback-color));border-radius:0;flex-shrink:0;height:calc(var(--size-8) - 2px);left:0;margin-right:var(--size-2);position:relative;top:0;width:calc(var(--size-8) - 2px)}.select__swatch:before{background-image:url(/static/media/Pattern%20color%20transparent.17a526528af1905d0703.svg);background-position:0 0;background-repeat:repeat;background-size:calc(var(--size-4) - 1px) calc(var(--size-4) - 1px);border-radius:inherit;content:"";inset:0;opacity:.1;position:absolute;z-index:0}.select__swatch-color{border-radius:inherit;height:100%;position:relative;width:100%;z-index:1}.select-wrapper--fit-conten{display:inline-block!important;flex-grow:0!important;flex-shrink:1!important;max-width:100%!important;min-width:0!important;width:-webkit-fit-content;width:fit-content}.select-wrapper--fit-conten .select{justify-content:flex-start!important;max-width:100%!important;min-width:0!important}.select-wrapper--fit-conten .select__text{flex:none!important;max-width:calc(100% - var(--size-2)*2)!important;min-width:0!important;width:auto!important}.select-wrapper--fit-conten .select__arrow{margin-left:auto}.select--outline{border:1px solid var(--color-input-border);padding:calc(var(--size-2) - 1px)}.select--outline:hover{border-color:var(--color-input-border-hover)}.select--ghost{background-color:initial;border:none;color:var(--color-input-content);padding:0}.select--ghost:hover{background-color:var(--color-foreground-0)}.select--color.select--outline:not(.select--empty){overflow:hidden;padding-left:calc(var(--size-8) + var(--size-2) + 1px)}.select--color.select--outline .select__swatch{margin:0;position:absolute}.select--color.select--ghost{min-height:var(--size-8)}.select--color.select--ghost .select__swatch,.select--color.select--ghost.select--open .select__swatch,.select--color.select--ghost:focus .select__swatch,.select--color.select--ghost:hover .select__swatch{margin-right:var(--size-2)}.select--color .select__text{flex:1 1;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__dropdown{background-color:var(--color-surface);border:1px solid var(--color-foreground-30);border-radius:0;left:0;max-height:320px;min-width:100%;overflow-y:auto;position:absolute;right:0;top:100%;width:-webkit-fit-content;width:fit-content;z-index:1000}.select__search-container{background-color:var(--color-surface);border-bottom:1px solid var(--color-foreground-15);padding:var(--size-2) var(--size-2) calc(var(--size-2) - 1px) var(--size-2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.select__search-input{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:0;box-sizing:border-box;color:var(--color-input-content);font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);outline:none;padding:calc(var(--size-2) - 1px);transition:border-color .2s ease;width:100%}.select__search-input:focus{border-color:var(--color-input-focus-outline)}.select__search-input:focus-visible{border-color:#0000;outline:2px solid var(--color-focus-outline);outline-offset:0;position:relative;z-index:1}.select__search-input::placeholder{color:var(--color-input-placeholder)}.select__no-results{color:var(--color-foreground-60);font-size:var(--font-size-small);font-style:italic;padding:var(--size-2);text-align:center}.select__folder-header{padding:var(--size-2);top:76px;z-index:8}.select__folder-header,.select__section-header{align-items:center;background-color:var(--color-surface);display:flex;font-size:var(--font-size-small);position:-webkit-sticky;position:sticky}.select__section-header{border-top:1px solid var(--color-foreground-0);color:var(--color-foreground-60);font-weight:var(--font-weight-bold);letter-spacing:.5px;line-height:var(--line-height-small);padding:calc(var(--size-2) - 1px) var(--size-2) var(--size-1) var(--size-2);text-transform:uppercase;top:48px;z-index:9}.select__option{align-items:center;color:var(--color-foreground-90);cursor:pointer;display:flex;font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--size-2);transition:background-color .2s ease}.select__option:hover{background-color:var(--color-foreground-0)}.select__option[aria-selected=true]{background-color:var(--color-foreground-15)}.select__option-swatch{background-color:var(--fallback-color);background-color:var(--color-display,var(--fallback-color));border-radius:0;flex-shrink:0;height:var(--size-4);margin-right:var(--size-2);position:relative;width:var(--size-4)}.select__option-swatch:before{background-image:url(/static/media/Pattern%20color%20transparent.17a526528af1905d0703.svg);background-position:0 0;background-repeat:repeat;background-size:var(--size-4) var(--size-4);border-radius:inherit;content:"";inset:0;opacity:.1;position:absolute;z-index:0}.select__option-text{text-wrap:nowrap;flex:1 1;overflow:hidden;white-space:nowrap}.select--disabled,.select--disabled:hover{cursor:not-allowed;opacity:.5;pointer-events:none}.input-wrapper{display:inline-block;position:relative;width:100%}.input__label{color:var(--color-input-label);display:block;font-weight:var(--font-weight-bold);margin:0 0 var(--size-1) 0;max-width:100%;width:-webkit-fit-content;width:fit-content}.input,.input__label{font-size:var(--font-size-small);line-height:var(--line-height-small)}.input{background:var(--color-input-background);border:none;box-sizing:border-box;caret-color:var(--color-foreground-108);color:var(--color-input-content);font-weight:var(--font-weight-regular);height:var(--size-8);outline:none;padding:0 var(--size-2);transition:all .2s ease;width:100%}.input::placeholder{color:var(--color-input-placeholder)}.input:focus{outline:none}.input:focus-visible{border-color:#0000;outline:2px solid var(--color-focus-outline);outline-offset:-2px;position:relative;z-index:1}.input--outline{border:1px solid var(--color-input-border);border-radius:0;overflow:hidden;padding:0 0 0 calc(var(--size-2) - 1px);text-overflow:visible;white-space:nowrap}.input--outline:hover{border-color:var(--color-input-border-hover)}.input--ghost{background-color:initial;border:none;font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.input--ghost:hover{background-color:var(--color-foreground-0)}.input--disabled,.input:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.theme-dropdown{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-0);box-shadow:0 var(--size-1) var(--size-4) #0000001a;overflow:hidden;position:absolute;right:0;top:var(--size-1)}.theme-dropdown,.theme-dropdown__menu{width:-webkit-fit-content;width:fit-content}.theme-dropdown__menu{padding:var(--size-0)}.theme-dropdown__option{align-items:center;background:none;border:none;border-radius:var(--size-0);color:var(--color-foreground-90);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);height:var(--size-8);line-height:var(--line-height-small);padding:0 var(--size-2);text-align:left;transition:background-color .2s ease;width:100%}.theme-dropdown__option:hover{background-color:var(--color-foreground-0)}.theme-dropdown__option:active{background-color:var(--color-foreground-15)}.theme-dropdown__option--delete{color:var(--color-foreground-danger-60)}.theme-dropdown__option--delete:hover{background-color:var(--color-foreground-danger-0)}.theme-dropdown__input-mode{display:flex;flex-direction:column;gap:var(--size-2);padding:var(--size-4)}.theme-dropdown__header{color:var(--color-foreground-90);font-family:var(--font-family);font-size:var(--font-size-medium);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-medium);margin-bottom:var(--size-1)}.theme-dropdown__input{width:100%}.theme-dropdown__actions{display:flex;gap:var(--size-2);justify-content:flex-end;margin-top:var(--size-1)}[data-theme=dark] .theme-dropdown{box-shadow:0 var(--size-1) var(--size-4) #0000004d}[data-theme=light] .theme-dropdown{box-shadow:0 var(--size-1) var(--size-4) #0000000d}.theme-dropdown__option:focus{outline:2px solid var(--color-foreground-30);outline-offset:-2px}.theme-dropdown{animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.section-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-foreground-0);position:relative;width:100%}.section-header__content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100%;padding:var(--size-4)}.section-header__left{align-items:center;display:flex;flex-shrink:0;gap:var(--size-4)}.section-header__title{color:var(--color-foreground-90);font-family:var(--font-family-heading);font-size:var(--font-size-extra-large);font-weight:var(--font-weight-regular);line-height:var(--line-height-extra-large);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-header__theme{align-items:center;display:flex;flex-shrink:0;gap:var(--size-2)}.section-header__theme-select{width:-webkit-fit-content;width:fit-content}.section-header__theme-manage{flex-shrink:0}.section-header__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--size-2)}@media (max-width:767px){.section-header__content{padding:var(--size-2) var(--size-4)}.section-header__left{flex:1 1;gap:var(--size-2);min-width:0}.section-header__title{flex:1 1;font-size:var(--font-size-medium);line-height:var(--line-height-medium);min-width:0}.section-header__theme{flex-shrink:0}.section-header__theme-select{min-width:72px;width:72px}.section-header__actions{gap:var(--size-1)}}.folder-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-foreground-0);box-sizing:border-box;display:block;min-height:48px;padding:var(--size-4) var(--size-4) var(--size-4) var(--size-3);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.folder-header--dropdown-open{z-index:1000}.folder-header__content{align-items:center;display:flex;gap:var(--size-2);justify-content:space-between;margin:0 auto;max-width:100%}.folder-header__left{align-items:center;display:flex;flex:1 1;gap:var(--size-1);min-width:0}.folder-header__toggle{color:var(--color-foreground-90);flex-shrink:0}.folder-header__toggle:hover{color:var(--color-foreground-108)}.folder-header__name{align-items:center;display:flex;flex:1 1;min-width:0}.folder-header__breadcrumbs{color:var(--color-foreground-60);font-family:var(--font-family-heading);font-size:var(--font-size-medium);line-height:var(--line-height-medium);white-space:nowrap}.demo-page .folder-header__breadcrumbs,.folder-header__name-text{font-size:var(--font-size-large);line-height:var(--line-height-large)}.folder-header__name-text{color:var(--color-foreground-108);font-family:var(--font-family-heading);font-weight:var(--font-weight-regular)}.folder-header__icon{align-items:center;color:var(--color-foreground-90);display:flex;flex-shrink:0;justify-content:center}.folder-header__name-input{align-self:flex-start;flex-grow:1;max-width:none;min-width:84px;width:100%}.folder-header__name-input .input--ghost:focus,.folder-header__name-input .input--ghost:hover{background-color:var(--color-foreground-15);cursor:text}.folder-header__name-input .input-wrapper{display:inline-block;flex-grow:0;flex-shrink:1;max-width:none;min-width:0;width:auto}.folder-header__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--size-2)}.folder-header__action-button{color:var(--color-foreground-90)}.folder-header__action-button:hover{color:var(--color-foreground-108)}.folder-header__dropdown{position:relative}.folder-header__dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-0);box-shadow:0 4px 12px #00000026;margin-top:var(--size-1);min-width:120px;padding:0;position:absolute;right:0;top:100%;z-index:1001}.folder-header__dropdown-item{background:none;border:none;color:var(--color-foreground-90);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);padding:var(--size-2) var(--size-3);text-align:left;transition:background-color .2s ease;width:100%}.folder-header__dropdown-item:hover{background-color:var(--color-foreground-0)}.folder-header__dropdown-item--danger{color:var(--color-foreground-danger-60)}.folder-header__dropdown-item--danger:hover{background-color:var(--color-foreground-danger-0)}@media (max-width:767px){.folder-header__dropdown-menu{min-width:100px}}.checkbox-wrapper{align-items:center;cursor:pointer;display:inline-flex;gap:var(--size-2);position:relative}.checkbox__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.checkbox{align-items:center;background-color:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:0;box-sizing:border-box;cursor:pointer;display:flex;height:var(--size-4);justify-content:center;position:relative;transition:all .2s ease;width:var(--size-4)}.checkbox:focus{border-color:var(--color-input-focus-outline);outline:none}.checkbox:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px;z-index:1}.checkbox:hover{border-color:var(--color-input-border-hover)}.checkbox--checked{background-color:var(--color-foreground-108);border:0}.checkbox--checked:hover{background-color:var(--color-foreground-90)}.checkbox--checked:focus{background-color:var(--color-foreground-108)}.checkbox__icon{align-items:center;color:var(--color-background);display:flex;height:var(--size-4);justify-content:center;width:var(--size-4)}.checkbox__label{color:var(--color-input-label);font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-small);-webkit-user-select:none;user-select:none}.checkbox--disabled,.checkbox-wrapper:has(.checkbox--disabled){cursor:not-allowed;opacity:.5;pointer-events:none}.checkbox--disabled:hover{background-color:var(--color-surface);border-color:var(--color-foreground-15)}.checkbox--disabled.checkbox--checked:hover{background-color:var(--color-foreground-108);border-color:var(--color-foreground-108)}.lcha-input-wrapper{display:flex;flex:1 1;flex-direction:column;gap:var(--size-1);position:relative}.lcha-input{position:relative;width:100%}.lcha-input--placeholder input{color:var(--color-foreground-60);font-style:italic}.lcha-input--placeholder input::placeholder{color:var(--color-foreground-60);opacity:1}.lcha-input--overridden input{background-color:var(--color-foreground-15);border-color:var(--color-foreground-30);color:var(--color-foreground-108);font-style:normal;font-weight:var(--font-weight-semi-bold)}.lcha-input--overridden input::placeholder{color:var(--color-foreground-45);opacity:.7}.lcha-input--invalid input{background-color:#ff6b6b1a!important;border-color:#ff6b6b!important}.lcha-input__suffix{color:var(--color-foreground-60);pointer-events:none;position:absolute;right:var(--size-2);top:50%;transform:translateY(-50%);z-index:1}.lcha-input__error,.lcha-input__suffix{font-family:var(--font-family);font-size:var(--font-size-small)}.lcha-input__error{background:#ff6b6b1a;border-left:2px solid #ff6b6b;border-radius:2px;color:#ff6b6b;line-height:var(--line-height-small);margin-top:2px;padding:2px var(--size-1)}.lcha-input--placeholder input:focus{color:var(--color-foreground-90);font-style:normal}.lcha-input--overridden input:focus{background-color:var(--color-foreground-30);border-color:var(--color-foreground-45)}.lcha-input input:disabled{cursor:not-allowed;opacity:.5}@media (max-width:767px){.lcha-input__error{font-size:10px;line-height:12px}}.move-modal__overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--size-4);position:fixed;right:0;top:0;z-index:2000}.move-modal{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-1);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.move-modal__header{align-items:center;border-bottom:1px solid var(--color-foreground-15);display:flex;justify-content:space-between;padding:var(--size-4)}.move-modal__title{color:var(--color-foreground-90);font-family:var(--font-family-heading);font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);line-height:var(--line-height-large);margin:0}.move-modal__close-button{color:var(--color-foreground-60)}.move-modal__close-button:hover{background-color:var(--color-foreground-0);color:var(--color-foreground-90)}.move-modal__content{display:flex;flex:1 1;flex-direction:column;gap:var(--size-4);overflow:hidden;padding:var(--size-4)}.move-modal__description{color:var(--color-foreground-70);font-family:var(--font-family);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);line-height:var(--line-height-medium);margin:0}.move-modal__search,.move-modal__search-input{width:100%}.move-modal__options{display:flex;flex:1 1;flex-direction:column;gap:var(--size-1);min-height:0;overflow-y:auto}.move-modal__option{align-items:center;background-color:initial;border:1px solid var(--color-foreground-15);border-radius:var(--size-0);color:var(--color-foreground-90);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);line-height:var(--line-height-medium);padding:var(--size-3);text-align:left;transition:all .2s ease;width:100%}.move-modal__option:hover:not(:disabled){background-color:var(--color-foreground-0);border-color:var(--color-foreground-30)}.move-modal__option:disabled{cursor:not-allowed;opacity:.5}.move-modal__option-content{align-items:center;display:flex;gap:var(--size-2);width:100%}.move-modal__option-content .icon{color:var(--color-foreground-60);flex-shrink:0}.move-modal__option:hover:not(:disabled) .move-modal__option-content .icon{color:var(--color-foreground-90)}.move-modal__option-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:var(--size-0);min-width:0}.move-modal__option-name{color:var(--color-foreground-90);font-family:var(--font-family);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);line-height:var(--line-height-medium)}.move-modal__option-path{font-size:var(--font-size-small);line-height:var(--line-height-small);opacity:.8}.move-modal__no-results,.move-modal__option-path{color:var(--color-foreground-60);font-family:var(--font-family);font-weight:var(--font-weight-regular)}.move-modal__no-results{font-size:var(--font-size-medium);line-height:var(--line-height-medium);padding:var(--size-4);text-align:center}.card-color{align-items:stretch;background-color:var(--color-surface);display:flex;flex-direction:row;max-width:100%;min-width:0;position:relative;width:100%}.card-color--variant-demo:hover{--color-input-border:var(--color-input-border-pre-hover);.card-color__content{background-color:light-dark(oklch(from var(--color-surface) calc(l - .05) c h),oklch(from var(--color-surface) calc(l + .05) c h))}}.card-color__content{align-content:flex-start;align-items:flex-start;border-right:1px solid var(--color-foreground-0);border-top:1px solid var(--color-foreground-0);column-gap:var(--size-2);display:flex;flex:1 1;flex-wrap:wrap;justify-content:flex-start;max-width:100%;min-width:0;padding:var(--size-4) var(--size-4) calc(var(--size-4) - 1px) var(--size-4);row-gap:var(--size-8)}.card-color__content--first-in-folder,.card-color__content--first-unfoldered{border-top:none}.card-color--last-in-folder,.card-color--last-unfoldered{border-bottom:1px solid var(--color-foreground-0)}.card-color__type-and-name{display:flex;flex:2 1;flex-direction:column;gap:var(--size-1);min-width:200px}.card-color__mode-select{align-self:flex-start;flex-grow:0;flex-shrink:1;max-width:none;min-width:0;width:auto}.card-color__name-input{width:100%}.card-color__name-input--editing{background-color:var(--color-foreground-15)!important;border-color:var(--color-foreground-45)!important}.card-color--variant-demo .card-color__mode-label{color:var(--color-foreground-60);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small)}.card-color--variant-demo .card-color__name-text{color:var(--color-foreground-108);font-family:var(--font-family-heading);font-size:var(--font-size-large);font-weight:var(--font-weight-regular);line-height:var(--line-height-large)}.card-color__input--invalid{background-color:#ff6b6b1a!important;border-color:#ff6b6b!important}.card-color__parameters{align-items:flex-start;box-sizing:border-box;display:flex;flex:4 1;flex-direction:row;flex-wrap:nowrap;gap:var(--size-2);height:auto;min-width:400px;width:100%}.card-color__color-value-input{flex:1 1;max-width:208px}.card-color__reference-select{box-sizing:border-box;flex:2 1;max-width:100%;min-width:0;width:100%}.bg-fg-selects-wrapper{align-items:flex-start;display:flex;gap:var(--size-2)}.bg-fg-selects-wrapper,.bg-fg-selects-wrapper .select-wrapper{flex:1 1;max-width:100%;min-width:0}.card-color__oklch-inputs{align-items:flex-start;display:flex;flex:1 1;gap:var(--size-05);min-width:280px}.card-color__oklch-input{flex-shrink:0}.card-color__contrast-input{flex-shrink:0;width:64px}.card-color__contrast-lc-row{align-items:flex-start;display:flex;gap:var(--size-2)}.card-color__alpha-wrapper{display:flex;flex-direction:column;flex-shrink:0;gap:var(--size-1)}.card-color__alpha-label{color:var(--color-foreground-60);display:block;font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-small);margin:0;width:100%}.card-color__alpha-checkbox-container{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease}.card-color__alpha-checkbox{align-self:flex-start;flex-shrink:0}.card-color__alpha-checkbox .checkbox{background:#0000;border:none;height:var(--size-4);width:var(--size-4)}.card-color__alpha-checkbox .checkbox:hover{background:#0000;border:none}.card-color__alpha-checkbox .checkbox:focus{border:none;outline:none}.card-color__checkbox-wrapper{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end;padding:var(--size-2) 0}.card-color__swatch{align-items:stretch;display:flex;flex-shrink:0;position:relative;width:168px}.card-color__swatch:before{background-image:url(/static/media/Pattern%20color%20transparent.17a526528af1905d0703.svg);background-position:0 0;background-repeat:repeat;background-size:20px 20px;border-radius:inherit;content:"";inset:0;opacity:.1;position:absolute;z-index:0}.card-color__color-preview{align-items:center;display:flex;flex-direction:column;gap:var(--size-2);justify-content:center;overflow:hidden;padding:var(--size-1);position:relative;width:100%;z-index:1}.card-color__swatch--p3 .card-color__color-preview{background-color:backgroundColor!important;background-color:var(--color-display,backgroundColor)!important}@supports (color:color(display-p3 1 1 1)){.card-color__swatch--p3 .card-color__color-preview{background-color:var(--color-display)}}.card-color__more-button-wrapper{position:absolute;right:0;top:6px;z-index:3}.card-color__more-button{color:inherit}.card-color__more-button:hover{background-color:#ffffff1a}.card-color__more-dropdown{background:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-0);box-shadow:0 4px 8px #0000004d;min-width:120px;position:fixed;z-index:1000}.card-color__more-option{background:#0000;border:none;color:var(--color-foreground-90);cursor:pointer;display:block;font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);padding:var(--size-2) var(--size-3);text-align:left;transition:background-color .2s ease;width:100%}.card-color__more-option:hover{background:var(--color-foreground-0)}.card-color__more-option--danger{color:var(--color-foreground-danger-60)}.card-color__more-option--danger:hover{background:var(--color-foreground-danger-0)}.card-color__color-info{flex-direction:column;width:100%;z-index:2}.card-color__color-info,.card-color__indicators{align-items:center;display:flex;gap:var(--size-1)}.card-color__indicators{flex-direction:row;justify-content:center}.card-color__p3-indicator{align-items:center;border:1px solid;display:flex;height:var(--size-4);justify-content:center;opacity:.6;overflow:hidden;width:var(--size-4)}.card-color__p3-text{font-family:var(--font-family);font-size:10px;font-weight:var(--font-weight-bold);line-height:12px;text-align:center}.card-color__lc-indicator{align-items:center;border:1px solid;display:flex;height:var(--size-4);justify-content:center;opacity:.6;overflow:hidden;padding:0 var(--size-1);white-space:nowrap}.card-color__lc-text{font-family:var(--font-family);font-size:10px;font-weight:var(--font-weight-bold);line-height:12px;text-align:center}.card-color__color-values{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.card-color__hex-value,.card-color__oklch-value{font-feature-settings:"ss01" on,"ss02" on,"ss07" on,"ss08" on,"tnum" on;font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);width:100%}.card-color__hex-value{opacity:.6}.card-color--variant-demo .card-color__content{flex-direction:column;row-gap:var(--size-4)}.card-color--variant-demo .card-color__swatch{width:144px}.card-color--variant-demo .card-color__color-preview{height:100%;width:144px}@media (min-width:769px) and (max-width:1279px){.card-color__content{flex-direction:column;gap:var(--size-2)}.card-color__parameters{min-width:0}.card-color--linked{.card-color__parameters{flex-direction:column}}.card-color--contrast{.card-color__parameters{align-items:flex-end}.bg-fg-selects-wrapper{flex-direction:column;width:100%}}.card-color__oklch-inputs{flex-wrap:wrap;min-width:0}}@media (max-width:915px){.card-color--contrast{.card-color__parameters{align-items:flex-start;flex-direction:column;justify-content:flex-end}}}@media (max-width:899px){.card-color__parameters{flex-direction:row;min-width:0}.card-color__oklch-inputs{min-width:280px}.card-color--linked .card-color__parameters{flex-direction:row;min-width:0}.card-color--contrast .bg-fg-selects-wrapper,.card-color--contrast .card-color__parameters{flex-direction:row}}@media (max-width:730px){.card-color__type-and-name{min-width:0}.card-color__parameters{display:none}}.confirmation-modal__overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--size-4);position:fixed;right:0;top:0;z-index:2000}.confirmation-modal{background-color:var(--color-surface);border:1px solid var(--color-foreground-0);border-radius:var(--size-1);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-width:400px;overflow:hidden;width:100%}.confirmation-modal__header{align-items:center;border-bottom:1px solid var(--color-foreground-0);display:flex;gap:var(--size-2);padding:var(--size-4)}.confirmation-modal__icon{align-items:center;background-color:var(--color-foreground-0);border-radius:50%;color:var(--color-foreground-60);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.confirmation-modal__title{color:var(--color-foreground-90);flex:1 1;font-family:var(--font-family-heading);font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);line-height:var(--line-height-large);margin:0}.confirmation-modal__close-button{color:var(--color-foreground-60);flex-shrink:0}.confirmation-modal__close-button:hover{background-color:var(--color-foreground-0);color:var(--color-foreground-90)}.confirmation-modal__content{display:flex;flex-direction:column;gap:var(--size-2);padding:var(--size-4)}.confirmation-modal__message{color:var(--color-foreground-70);font-family:var(--font-family);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);line-height:var(--line-height-medium);margin:0}.confirmation-modal__actions{align-items:center;border-top:1px solid var(--color-foreground-0);display:flex;gap:var(--size-2);justify-content:flex-end;padding:var(--size-4)}.confirmation-modal__cancel-button{color:var(--color-foreground-70)}.confirmation-modal__cancel-button:hover{background-color:var(--color-foreground-15);color:var(--color-foreground-90)}.confirmation-modal__confirm-button--danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.confirmation-modal__confirm-button--danger:hover{background-color:#c82333;border-color:#bd2130}.confirmation-modal__confirm-button--warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.confirmation-modal__confirm-button--warning:hover{background-color:#e0a800;border-color:#d39e00}.confirmation-modal__confirm-button--info{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.confirmation-modal__confirm-button--info:hover{background-color:#138496;border-color:#117a8b}.virtualized-list{scroll-behavior:smooth}.virtualized-list::-webkit-scrollbar{width:8px}.virtualized-list::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:4px}.virtualized-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.virtualized-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.main{background-color:var(--color-background);color:var(--color-foreground-90);display:flex;flex-direction:column;min-height:100vh}.main__header{position:relative;z-index:100}.main__content{display:flex;flex:1 1;flex-direction:column;height:0;min-height:100%;position:relative}.main__columns{flex:1 1;height:calc(100vh - 66px)}.main__column,.main__columns{display:flex;min-height:calc(100vh - 66px)}.main__column{flex-direction:column;height:100%;height:calc(100vh - 66px)}.main__column--primitives{border-right:2px solid var(--color-foreground-0);flex:1 1;overflow:hidden}.main__column--tokens{flex:1 1;min-width:0;overflow:hidden}.main__section-content{background-color:var(--color-surface);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.main__empty-state{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--size-8)}.main__empty-text{color:var(--color-foreground-45);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);line-height:var(--line-height-medium);margin:0;text-align:center}@media (max-width:767px){.main__columns{flex-direction:column;height:calc(100vh - 60px);min-height:calc(100vh - 60px)}.main__column--primitives{border-bottom:2px solid var(--color-foreground-0);border-right:none;max-width:none;width:100%}.main__column--primitives,.main__column--tokens{flex:1 1;min-height:0;overflow:hidden}.main__empty-state{padding:var(--size-4)}.main__empty-text{font-size:var(--font-size-small);line-height:var(--line-height-small)}}.main__content-list{display:flex;flex-direction:column;padding-bottom:336px;width:100%}.main__folder{display:flex;flex-direction:column;width:100%}.main__folder-content{display:flex;flex-direction:column;width:100%}.main__folder-content--hidden{display:none}html{scroll-behavior:smooth}.playground{background-color:var(--color-background);color:var(--color-foreground-108);min-height:100vh}.playground [class*=__][class$=title]{font-family:var(--font-family-heading)}.playground__header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-foreground-15);display:flex;justify-content:space-between;left:0;padding:var(--size-6) var(--size-8);position:fixed;right:0;top:0;z-index:1000}.playground__nav{display:flex;gap:var(--size-6)}.playground__nav-link{border-radius:var(--size-1);color:var(--color-foreground-75);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);padding:var(--size-1) var(--size-2);text-decoration:none;transition:all .2s ease}.playground__nav-link:hover{background-color:var(--color-foreground-15);color:var(--color-foreground-108)}.playground__nav-link:active{background-color:var(--color-foreground-30)}.playground__title{font-size:var(--font-size-extra-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-extra-large);margin:0}.playground__controls{align-items:center;display:flex;gap:var(--size-2)}.playground__back-link{text-decoration:none}.playground__main{margin:0 auto;max-width:1600px;padding:var(--size-8);padding-top:calc(var(--size-8) + 80px)}.playground__section{margin-bottom:var(--size-16)}.playground__section-title{color:var(--color-foreground-108);font-size:var(--font-size-extra-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-extra-large);margin:0 0 var(--size-4) 0}.playground__description{color:var(--color-foreground-60);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);line-height:var(--line-height-medium);margin:0 0 var(--size-8) 0}.playground__state-controls{display:flex;flex-direction:column;gap:var(--size-2)}.playground__grid{grid-gap:var(--size-8);display:grid;gap:var(--size-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.playground__type-group{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-2);padding:var(--size-6)}.playground__type-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0;text-transform:capitalize}.playground__buttons{display:flex;flex-direction:column;gap:var(--size-6)}.playground__size-group{display:flex;flex-direction:column;gap:var(--size-2)}.playground__size-title{color:var(--color-foreground-60);font-size:var(--font-size-small);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-small);margin:0;text-transform:capitalize}.playground__button-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-2)}@media (max-width:767px){.playground__header{flex-direction:column;gap:var(--size-4);padding:var(--size-4) var(--size-4);text-align:center}.playground__main{padding:var(--size-4);padding-top:calc(var(--size-4) + 120px)}.playground__grid{grid-template-columns:1fr}.playground__button-row{align-items:stretch;flex-direction:column}}.playground__input-grid{display:flex;flex-direction:column;gap:var(--size-8)}.playground__input-group{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-2);padding:var(--size-6)}.playground__input-group-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0}.playground__input-row{grid-gap:var(--size-4);display:grid;gap:var(--size-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.playground__appheader-demo,.playground__input-item{display:flex;flex-direction:column}.playground__appheader-demo{gap:var(--size-6)}.playground__appheader-container{overflow:hidden}.playground__appheader-container,.playground__appheader-info{border:1px solid var(--color-foreground-15);border-radius:var(--size-2)}.playground__appheader-info{background-color:var(--color-surface);padding:var(--size-6)}.playground__appheader-info-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0}.playground__appheader-features{list-style:none;margin:0;padding:0}.playground__appheader-features li{color:var(--color-foreground-75);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);margin-bottom:var(--size-2)}.playground__appheader-features li:last-child{margin-bottom:0}.playground__sectionheader-demo{display:flex;flex-direction:column;gap:var(--size-6)}.playground__sectionheader-container{border:1px solid var(--color-foreground-15);border-radius:var(--size-2);overflow:hidden}.playground__sectionheader-variants{display:flex;flex-direction:column;gap:var(--size-4)}.playground__sectionheader-variant-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0}.playground__sectionheader-variant{display:flex;flex-direction:column;gap:var(--size-2)}.playground__variant-label{color:var(--color-foreground-75);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-small);margin:0}.playground__sectionheader-info{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-2);padding:var(--size-6)}.playground__sectionheader-info-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0}.playground__sectionheader-features{list-style:none;margin:0;padding:0}.playground__sectionheader-features li{color:var(--color-foreground-75);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);margin-bottom:var(--size-2)}.playground__sectionheader-features li:last-child{margin-bottom:0}.playground__folderheader-demo{display:flex;flex-direction:column;gap:var(--size-6)}.playground__folderheader-container{overflow:hidden}.playground__folderheader-container,.playground__folderheader-info{border:1px solid var(--color-foreground-15);border-radius:var(--size-2)}.playground__folderheader-info{background-color:var(--color-surface);padding:var(--size-6)}.playground__folderheader-info-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0}.playground__folderheader-interaction-title{color:var(--color-foreground-108);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-small);margin:var(--size-4) 0 var(--size-2) 0}.playground__folderheader-features,.playground__folderheader-interactions{list-style:none;margin:0;padding:0}.playground__folderheader-features li,.playground__folderheader-interactions li{color:var(--color-foreground-75);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);margin-bottom:var(--size-2)}.playground__folderheader-features li:last-child,.playground__folderheader-interactions li:last-child{margin-bottom:0}.playground__cardcolor-demo{display:flex;flex-direction:column;gap:var(--size-6)}.playground__cardcolor-controls{display:flex;flex-direction:column;gap:var(--size-2)}.playground__cardcolor-controls-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0}.playground__cardcolor-mode-buttons{display:flex;flex-wrap:wrap;gap:var(--size-2)}.playground__cardcolor-examples{display:flex;flex-direction:column;gap:var(--size-4)}.playground__cardcolor-examples-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0}.playground__cardcolor-container{overflow:hidden;width:100%}.playground__cardcolor-container,.playground__cardcolor-info{border:1px solid var(--color-foreground-15);border-radius:var(--size-2)}.playground__cardcolor-info{background-color:var(--color-surface);padding:var(--size-6)}.playground__cardcolor-info-title{font-size:var(--font-size-medium);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0}.playground__cardcolor-info-title,.playground__cardcolor-modes-title{color:var(--color-foreground-108);font-weight:var(--font-weight-bold)}.playground__cardcolor-modes-title{font-size:var(--font-size-small);line-height:var(--line-height-small);margin:var(--size-4) 0 var(--size-2) 0}.playground__cardcolor-features,.playground__cardcolor-modes{list-style:none;margin:0;padding:0}.playground__cardcolor-features li,.playground__cardcolor-modes li{color:var(--color-foreground-75);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);margin-bottom:var(--size-2)}.playground__cardcolor-features li:last-child,.playground__cardcolor-modes li:last-child{margin-bottom:0}.playground__checkbox-row{display:flex;flex-direction:column;gap:var(--size-4)}.playground__checkbox-item{align-items:center;display:flex}.playground__icon-gallery{display:flex;flex-direction:column;gap:var(--size-8)}.playground__icon-size-group{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-2);padding:var(--size-6)}.playground__icon-size-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0}.playground__icon-grid{grid-gap:var(--size-4);display:grid;gap:var(--size-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.playground__icon-item{align-items:center;background-color:var(--color-background);border:1px solid var(--color-foreground-15);border-radius:var(--size-1);display:flex;flex-direction:column;gap:var(--size-2);padding:var(--size-3);transition:all .2s ease}.playground__icon-item:hover{background-color:var(--color-foreground-15);border-color:var(--color-foreground-30)}.playground__icon-name{color:var(--color-foreground-60);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);text-align:center;word-break:break-word}@media (max-width:767px){.playground__icon-grid{gap:var(--size-2);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.playground__icon-item{padding:var(--size-2)}}.playground__typography-demo{align-items:flex-start;display:flex;gap:var(--size-8)}.playground__typography-grid{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-2);flex:1 1;overflow:hidden}.playground__typography-header{background-color:var(--color-foreground-15);border-bottom:1px solid var(--color-foreground-30);display:grid;grid-template-columns:120px repeat(4,1fr)}.playground__typography-row{border-bottom:1px solid var(--color-foreground-15);display:grid;grid-template-columns:120px repeat(4,1fr)}.playground__typography-row:last-child{border-bottom:none}.playground__typography-cell{align-items:center;display:flex;min-height:60px;padding:var(--size-4)}.playground__typography-cell--header{align-items:center;flex-direction:column;justify-content:center;min-height:80px;text-align:center}.playground__typography-cell--label{align-items:flex-start;background-color:var(--color-foreground-15);border-right:1px solid var(--color-foreground-30);flex-direction:column;justify-content:center}.playground__typography-weight-label{color:var(--color-foreground-108);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-small);margin-bottom:var(--size-1)}.playground__typography-weight-value{color:var(--color-foreground-60);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small)}.playground__typography-size-label{color:var(--color-foreground-108);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-small);margin-bottom:var(--size-1)}.playground__typography-size-value{color:var(--color-foreground-60);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small)}.playground__typography-sample{color:var(--color-foreground-108);line-height:1.2;word-break:break-word}.playground__typography-sample--extra-small,.playground__typography-sample--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.playground__typography-sample--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.playground__typography-sample--extra-large{font-size:var(--font-size-extra-large);line-height:var(--line-height-extra-large)}.playground__typography-sample--light,.playground__typography-sample--regular{font-weight:var(--font-weight-regular)}.playground__typography-sample--semi-bold{font-weight:var(--font-weight-semi-bold)}.playground__typography-sample--bold{font-weight:var(--font-weight-bold)}.playground__typography-info{background-color:var(--color-surface);border:1px solid var(--color-foreground-15);border-radius:var(--size-2);flex:0 0 300px;padding:var(--size-6)}.playground__typography-info-title{color:var(--color-foreground-108);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);line-height:var(--line-height-medium);margin:0 0 var(--size-4) 0}.playground__typography-features,.playground__typography-usage{list-style:none;margin:0 0 var(--size-6) 0;padding:0}.playground__typography-features li,.playground__typography-usage li{color:var(--color-foreground-75);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);margin-bottom:var(--size-2)}.playground__typography-features li:last-child,.playground__typography-usage li:last-child{margin-bottom:0}.playground__typography-interaction-title{color:var(--color-foreground-108);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-small);margin:0 0 var(--size-2) 0}@media (max-width:1024px){.playground__typography-demo{flex-direction:column;gap:var(--size-6)}.playground__typography-info{flex:none}.playground__typography-grid{overflow-x:auto}.playground__typography-header,.playground__typography-row{min-width:600px}}@media (max-width:767px){.playground__typography-header,.playground__typography-row{grid-template-columns:100px repeat(4,1fr);min-width:500px}.playground__typography-cell{min-height:50px;padding:var(--size-2)}.playground__typography-cell--header{min-height:70px}.playground__typography-cell--label{padding:var(--size-2)}}.theme-selector{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-surface-blur);border-radius:var(--size-0);display:flex;width:-webkit-fit-content;width:fit-content}.theme-selector__button{align-items:center;background-color:initial;border:none;color:var(--color-foreground-75);cursor:pointer;display:flex;flex-shrink:0;gap:var(--size-0);height:32px;justify-content:center;padding:var(--size-1);position:relative;transition:background-color .2s ease}.theme-selector__button:hover{background-color:var(--color-foreground-0);color:var(--color-foreground-108)}.theme-selector__button--active{background-color:var(--color-foreground-15);color:var(--color-foreground-108)}.theme-selector__button--active:hover{background-color:var(--color-foreground-30)}.theme-selector__button:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}:root{--font-size-title-1:max(calc(16px + 2.4vw),36px);--line-height-title-1:calc(var(--font-size-title-1)*1.1);--font-size-title-2:max(calc(16px + 1.8vw),28px);--line-height-title-2:calc(var(--font-size-title-2)*1.1);--font-size-title-3:max(calc(16px + 1.2vw),24px);--line-height-title-3:calc(var(--font-size-title-3)*1.1);--font-size-subtitle:max(calc(14px + 0.5vw),18px);--line-height-subtitle:calc(var(--font-size-subtitle)*1.5);--font-size-body:max(calc(14px + 0.2vw),16px);--line-height-body:calc(var(--font-size-body)*1.5);--padding-small:1.5625vw;--padding-medium:3.125vw;--padding-large:6.25vw;--small-screen-banner-height:0px}.demo-page{--color-input-border-pre-hover:var(--color-foreground-30);--color-input-border-hover:var(--color-foreground-60);--color-focus-outline:var(--color-foreground-primary-45);a{border-color:oklch(from var(--color-foreground-primary-45) l c h/.5);color:var(--color-foreground-primary-45)}a:hover{border-color:var(--color-foreground-primary-60);color:var(--color-foreground-primary-60)}a:visited{border-color:oklch(from var(--color-foreground-secondary-45) l c h/.5);color:var(--color-foreground-secondary-45)}.input{caret-color:var(--color-foreground-primary-45)}.button--solid:hover{background-color:var(--color-foreground-primary-45);color:oklch(from var(--color-foreground-primary-60) .3 c h)}.button--solid:active{background-color:var(--color-foreground-primary-30);color:oklch(from var(--color-foreground-primary-60) .2 c h)}::selection{background-color:var(--color-foreground-primary-30);color:var(--color-foreground-90)}}.title-1{font-size:max(calc(16px + 2.4vw),36px);font-size:var(--font-size-title-1);line-height:calc(max(calc(16px + 2.4vw), 36px)*1.1);line-height:var(--line-height-title-1);margin:calc(max(calc(16px + 2.4vw), 36px)*1.1) 0 calc(max(calc(16px + 2.4vw), 36px)*1.1*.6);margin:var(--line-height-title-1) 0 calc(var(--line-height-title-1)*.6) 0}.title-1,.title-2{color:var(--color-foreground-108);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.title-2{font-size:max(calc(16px + 1.8vw),28px);font-size:var(--font-size-title-2);line-height:calc(max(calc(16px + 1.8vw), 28px)*1.1);line-height:var(--line-height-title-2);margin:calc(max(calc(16px + 1.8vw), 28px)*1.1) 0 calc(max(calc(16px + 1.8vw), 28px)*1.1*.5);margin:var(--line-height-title-2) 0 calc(var(--line-height-title-2)*.5) 0}.title-3{color:var(--color-foreground-108);font-family:var(--font-family-heading);font-size:max(calc(16px + 1.2vw),24px);font-size:var(--font-size-title-3);font-weight:var(--font-weight-bold);line-height:calc(max(calc(16px + 1.2vw), 24px)*1.1);line-height:var(--line-height-title-3);margin:calc(max(calc(16px + 1.2vw), 24px)*1.1) 0 calc(max(calc(16px + 1.2vw), 24px)*1.1*.5);margin:var(--line-height-title-3) 0 calc(var(--line-height-title-3)*.5) 0}.subtitle{color:var(--color-foreground-90);font-size:max(calc(14px + .5vw),18px);font-size:var(--font-size-subtitle);line-height:calc(max(calc(14px + .5vw), 18px)*1.5);line-height:var(--line-height-subtitle);margin:calc(max(calc(14px + .5vw), 18px)*1.5*.5) 0;margin:calc(var(--line-height-subtitle)*.5) 0 calc(var(--line-height-subtitle)*.5) 0}.body-text,.subtitle{font-weight:var(--font-weight-regular)}.body-text{color:var(--color-foreground-60);font-size:max(calc(14px + .2vw),16px);font-size:var(--font-size-body);line-height:calc(max(calc(14px + .2vw), 16px)*1.5);line-height:var(--line-height-body);margin:calc(max(calc(14px + .2vw), 16px)*1.5*.5) 0;margin:calc(var(--line-height-body)*.5) 0 calc(var(--line-height-body)*.5) 0}.opentype-text{font-feature-settings:"zero"}.text-number{font-feature-settings:"tnum"}.margin-trim{:first-child{margin-top:0}:last-child{margin-bottom:0}}.text-strong{color:var(--color-foreground-108)}.text-subtle{color:var(--color-foreground-60)}.text-muted{color:var(--color-foreground-45)}.text-primary-muted,.text-primary-subtle{color:var(--color-foreground-primary-45)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-foreground-primary-45) 0,var(--color-foreground-secondary-45) 100%);-webkit-background-clip:text;background-clip:text}.demo-fixed-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--color-surface-blur);box-shadow:0 1px 0 var(--color-foreground-0);left:0;opacity:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;z-index:999}.small-screen-banner{display:none}.demo-fixed-header--visible{opacity:1;transform:translateY(0);visibility:visible}.demo-fixed-header__content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px;padding:var(--size-4) var(--padding-medium)}.demo-fixed-header__title{font-family:var(--font-family-heading);font-size:var(--size-8);font-weight:var(--font-weight-bold);line-height:var(--size-8)}.floating-theme-selector{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-surface);bottom:calc(3.125vw - 16px);bottom:calc(var(--padding-medium) - 16px);opacity:0;position:fixed;right:calc(3.125vw - 16px);right:calc(var(--padding-medium) - 16px);transition:all .2s ease;visibility:hidden;z-index:1000}:root{--feature-card-inset:calc(var(--padding-small) + var(--line-height-title-3)*1);--hero-height:max(calc(100vh - var(--feature-card-inset)),calc(var(--preview-height-hero) + var(--padding-medium)*2));--preview-height-hero:493px;--preview-offset-top-hero:max(calc((var(--hero-height) - var(--preview-height-hero))/2),var(--padding-large));--preview-height:781px;--preview-offset-top:max(calc((100vh - 64px - var(--preview-height))/2 + 64px),var(--padding-large))}.demo-grid-main{display:grid;grid-template-columns:1fr;margin:0 auto;max-width:1600px}.demo-section{align-content:start;align-items:start;display:grid;grid-auto-rows:minmax(calc(100vh - 64px),auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-items:stretch;min-height:calc(100vh - 64px)}.demo-section--hero{align-items:center;grid-auto-rows:auto;grid-template-rows:max(calc(100vh - 1.5625vw - max(calc(16px + 1.2vw), 24px)*1.1*1),calc(493px + 6.25vw)) 1fr;grid-template-rows:var(--hero-height) 1fr;row-gap:0;.button{font-size:var(--font-size-large);height:-webkit-fit-content;height:fit-content;line-height:var(--line-height-large);margin-top:1.5625vw;margin-top:var(--padding-small);padding:var(--size-3);width:-webkit-fit-content;width:fit-content}}.demo-section_intro{grid-row:2/3;margin-top:0}.demo-section_description,.demo-section_intro{display:block;grid-column:1/2;margin-bottom:calc(100vh - 64px);padding:0 3.125vw;padding:0 var(--padding-medium)}.demo-section_description{margin-top:calc(390.5px - max(calc(16px + 1.2vw), 24px)*1.1);margin-top:calc(var(--preview-height)/2 - var(--line-height-title-3))}@media (min-width:900px){.demo-section_description,.demo-section_intro{p{width:min(100%,560px)}}}.demo-section_description--hero{margin:0}.demo-section_preview{align-items:stretch;background-color:var(--color-surface);border:2px solid var(--color-foreground-0);display:flex;flex-direction:column;grid-column:-1/-2;justify-content:flex-start;margin-right:3.125vw;margin-right:var(--padding-medium);position:-webkit-sticky;position:sticky;top:max(max(calc(50vh - 358.5px),6.25vw),calc(3.125vw + 64px));top:max(var(--preview-offset-top),calc(var(--padding-medium) + 64px))}.demo-section_preview--hero{top:max(max(calc((max(calc(100vh - calc(1.5625vw + calc(max(calc(16px + 1.2vw), 24px) * 1.1) * 1)),
    calc(493px + 3.125vw * 2)) - 493px) / 2),6.25vw),calc(3.125vw + 64px));top:max(var(--preview-offset-top-hero),calc(var(--padding-medium) + 64px))}.demo-grid-item-features{grid-gap:var(--size-4);align-items:stretch;display:grid;gap:var(--size-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:calc(100vh - 64px);padding:0 3.125vw;padding:0 var(--padding-medium);@media (max-width:1439px){grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:899px){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:0}}.feature-card{background-color:var(--color-surface);display:flex;flex:1 1;flex-direction:column;gap:var(--size-6);padding:1.5625vw;padding:var(--padding-small)}.feature-card :last-child{margin-top:auto}.card--strong{border-color:#0000}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .card--strong{color-scheme:light}}[data-theme=dark] .card--strong{color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .card--strong{color-scheme:dark}}[data-theme=light] .card--strong{color-scheme:dark}.footer{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:3.125vw;margin-bottom:var(--padding-medium)}.footer__form-card{align-items:center;background-color:var(--color-surface);display:flex;justify-content:center;margin-left:3.125vw;margin-left:var(--padding-medium);padding:3.125vw;padding:var(--padding-medium)}.footer__form-content{display:block;width:100%;p span{color:var(--color-foreground-primary-60)}.title-3{line-height:125%}}.footer__form{align-items:center;display:flex;gap:var(--size-2);margin-top:1.5625vw;margin-top:var(--padding-small);.button,.input{font-size:var(--font-size-large);height:var(--size-12);padding:var(--size-2) var(--size-4)}}.footer__form-card--success{h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-foreground-success-45) 0,oklch(from var(--color-foreground-success-45) l c calc(h - 45)) 100%);-webkit-background-clip:text;background-clip:text}p{color:var(--color-foreground-success-60)}.button{margin-bottom:calc(var(--line-height-small) + var(--size-1))}.button:hover{background-color:var(--color-foreground-success-60);color:var(--color-foreground-success-0)}}.footer__form-card--success .footer__form{justify-content:flex-start}.footer__form .button,.footer__form .input{transition:opacity .3s ease,visibility .3s ease}.footer__form-card--success .footer__form .button{animation:fadeIn .3s ease .3s both}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.footer__status{color:var(--color-foreground-60);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-small);margin:0;min-height:calc(var(--line-height-small) + var(--size-1));padding-top:var(--size-1)}.footer__status--error{color:var(--color-foreground-danger-45)}.footer__placeholder{background-color:var(--color-foreground-0-opaque)}.footer__credits{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--size-2);grid-column:1/2;grid-row:2/3;margin:3.125vw;margin:var(--padding-medium)}.footer__credits p{margin:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.folder-header--variant-demo{position:static}.demo-grid-main .select__folder-header{top:48px}@media (max-width:1279px){:root{--preview-height-hero:609px;--preview-height:777px}}@media (max-width:899px){.small-screen-banner{background-color:var(--color-foreground-0-opaque);color:var(--color-foreground-108);display:block;font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);left:0;letter-spacing:.05em;line-height:var(--line-height-medium);padding:var(--size-4) var(--padding-medium);position:fixed;right:0;text-align:center;text-transform:uppercase;top:0;z-index:1001}.demo-fixed-header{top:0;top:var(--small-screen-banner-height)}.demo-fixed-header__title{font-size:var(--font-size-extra-large)}.demo-grid-main,.demo-section{row-gap:6.25vw;row-gap:var(--padding-large)}.demo-section{align-items:stretch;grid-auto-rows:auto;grid-template-columns:1fr;min-height:auto}.demo-section--hero{grid-template-rows:minmax(50vh,auto) auto auto;.hero-button{margin-inline:auto}.demo-section_description{align-self:center;margin:6.25vw 0;margin:var(--padding-large) 0;text-align:center}}.demo-section_preview{margin-inline:3.125vw;margin-inline:var(--padding-medium);max-height:none;overflow:visible;position:relative;top:auto}.demo-grid-main{padding-top:0;padding-top:var(--small-screen-banner-height)}.demo-section_intro{grid-row:1/2;margin-bottom:0;margin-top:6.25vw;margin-top:var(--padding-large)}.demo-section_description{margin-bottom:0;margin-top:1.5625vw;margin-top:var(--padding-small)}.footer{grid-template-columns:1fr;margin-bottom:calc(3.125vw + 32px);margin-bottom:calc(var(--padding-medium) + 32px)}.footer__form-card{margin-inline:3.125vw;margin-inline:var(--padding-medium);padding:6.25vw 3.125vw;padding:var(--padding-large) var(--padding-medium)}.footer__placeholder{display:none}:root{--padding-small:16px;--padding-medium:24px;--padding-large:32px}}@media (max-width:479px){.footer__form{align-items:stretch;flex-direction:column}}@media (prefers-reduced-motion:no-preference){@keyframes demo-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.demo-grid-item-features .feature-card,.demo-section--hero .demo-section_description .body-text:first-of-type,.demo-section--hero .hero-button,.demo-section--hero .title-1,.demo-section_preview--hero,.floating-theme-selector{opacity:0;transform:translateY(12px)}.floating-theme-selector{visibility:hidden}.demo-loaded .demo-section--hero .title-1{animation:demo-fade-up .8s cubic-bezier(.2,.8,.2,1) .1s forwards}.demo-loaded .demo-section--hero .demo-section_description .body-text:first-of-type{animation:demo-fade-up .8s cubic-bezier(.2,.8,.2,1) .22s forwards}.demo-loaded .demo-section--hero .hero-button{animation:demo-fade-up .8s cubic-bezier(.2,.8,.2,1) .34s forwards}.demo-loaded .demo-section_preview--hero{animation:demo-fade-up .8s cubic-bezier(.2,.8,.2,1) .46s forwards}.demo-loaded .demo-grid-item-features .feature-card{animation:demo-fade-up .8s cubic-bezier(.2,.8,.2,1) .64s forwards}.demo-loaded .demo-grid-item-features .feature-card:first-child{animation-delay:.64s}.demo-loaded .demo-grid-item-features .feature-card:nth-child(2){animation-delay:.74s}.demo-loaded .demo-grid-item-features .feature-card:nth-child(3){animation-delay:.84s}.demo-loaded .demo-grid-item-features .feature-card:nth-child(4){animation-delay:.94s}.demo-loaded .floating-theme-selector{animation:demo-fade-up .6s cubic-bezier(.2,.8,.2,1) 1.04s forwards;visibility:visible}}@media (prefers-reduced-motion:reduce){.demo-loaded .floating-theme-selector{opacity:1;transform:translateY(0);visibility:visible}}body.not-found-page,html.not-found-page{background-color:#404;min-height:100%;::selection{background-color:oklch(from var(--color-404) calc(l * .5 + .5) c h);color:oklch(from var(--color-404) calc(l * .5) c h)}}.not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--size-8);text-align:center;h1{color:#fff;font-family:var(--font-family-heading);font-size:max(10vw,80px);font-weight:900;letter-spacing:-.025em;line-height:1}p{color:oklch(from var(--color-404) calc(l * .5 + .5) c h);line-height:1;margin-top:var(--size-4)}a,a:visited,p{font-size:max(1vw,18px);font-weight:var(--font-weight-regular)}a,a:visited{border-bottom:2px solid oklch(from var(--color-404) calc(l * .5 + .5) c h);color:#fff;line-height:1.5;margin-top:var(--size-16);text-decoration:none}a:hover{border-bottom:2px solid #fff}a:focus-visible{outline:2px dashed #fff;outline-offset:4px}}:root{--color-danger:oklch(0.5 0.1 30);--color-warning:oklch(0.5 0.1 85);--color-success:oklch(0.5 0.1 140);--color-primary:oklch(0.5 0.2 270);--color-secondary:oklch(0.5 0.2 300);--color-secondary-on-primary:oklch(0.82 0.15 300);--color-404:#404;--light-l-bg:1;--light-l-sf:1;--light-l-fg-0:0.92;--light-l-fg-15:0.83;--light-l-fg-30:0.75;--light-l-fg-45:0.7;--light-l-fg-60:0.55;--light-l-fg-75:0.3;--light-l-fg-90:0.15;--light-l-fg-108:0;--dark-l-bg:0;--dark-l-sf:0;--dark-l-fg-0:0.24;--dark-l-fg-15:0.48;--dark-l-fg-30:0.6;--dark-l-fg-45:0.7;--dark-l-fg-60:0.78;--dark-l-fg-75:0.86;--dark-l-fg-90:0.92;--dark-l-fg-108:1;--light-c-bg:0;--light-c-sf:0;--light-c-fg-n:0;--light-c-fg-0:0.09;--light-c-fg-15:0.15;--light-c-fg-30:0.18;--light-c-fg-45:0.22;--light-c-fg-60:0.22;--light-c-fg-75:0.18;--light-c-fg-90:0.09;--light-c-fg-108:0;--dark-c-bg:0;--dark-c-sf:0;--dark-c-fg-n:0;--dark-c-fg-0:0.06;--dark-c-fg-15:0.09;--dark-c-fg-30:0.12;--dark-c-fg-45:0.15;--dark-c-fg-60:0.12;--dark-c-fg-75:0.09;--dark-c-fg-90:0.06;--dark-c-fg-108:0;--color-background:light-dark(oklch(from var(--color-primary) var(--light-l-bg) var(--light-c-bg) h),oklch(from var(--color-primary) var(--dark-l-bg) var(--dark-c-bg) h));--color-surface:light-dark(oklch(from var(--color-primary) var(--light-l-sf) var(--light-c-sf) h),oklch(from var(--color-primary) var(--dark-l-sf) var(--dark-c-sf) h));--color-foreground-0:light-dark(oklch(from var(--color-primary) var(--light-l-fg-0) var(--light-c-fg-n) h),oklch(from var(--color-primary) var(--dark-l-fg-0) var(--dark-c-fg-n) h));--color-foreground-15:light-dark(oklch(from var(--color-primary) var(--light-l-fg-15) var(--light-c-fg-n) h),oklch(from var(--color-primary) var(--dark-l-fg-15) var(--dark-c-fg-n) h));--color-foreground-30:light-dark(oklch(from var(--color-primary) var(--light-l-fg-30) var(--light-c-fg-n) h),oklch(from var(--color-primary) var(--dark-l-fg-30) var(--dark-c-fg-n) h));--color-foreground-45:light-dark(oklch(from var(--color-primary) var(--light-l-fg-45) var(--light-c-fg-n) h),oklch(from var(--color-primary) var(--dark-l-fg-45) var(--dark-c-fg-n) h));--color-foreground-60:light-dark(oklch(from var(--color-primary) var(--light-l-fg-60) var(--light-c-fg-n) h),oklch(from var(--color-primary) var(--dark-l-fg-60) var(--dark-c-fg-n) h));--color-foreground-75:light-dark(oklch(from var(--color-primary) var(--light-l-fg-75) var(--light-c-fg-n) h),oklch(from var(--color-primary) var(--dark-l-fg-75) var(--dark-c-fg-n) h));--color-foreground-90:light-dark(oklch(from var(--color-primary) var(--light-l-fg-90) var(--light-c-fg-n) h),oklch(from var(--color-primary) var(--dark-l-fg-90) var(--dark-c-fg-n) h));--color-foreground-108:light-dark(oklch(from var(--color-primary) var(--light-l-fg-108) var(--light-c-fg-n) h),oklch(from var(--color-primary) var(--dark-l-fg-108) var(--dark-c-fg-n) h));--color-foreground-danger-0:light-dark(oklch(from var(--color-danger) var(--light-l-fg-0) var(--light-c-fg-0) h),oklch(from var(--color-danger) var(--dark-l-fg-0) var(--dark-c-fg-0) h));--color-foreground-danger-45:light-dark(oklch(from var(--color-danger) var(--light-l-fg-45) var(--light-c-fg-45) h),oklch(from var(--color-danger) var(--dark-l-fg-45) var(--dark-c-fg-45) h));--color-foreground-danger-60:light-dark(oklch(from var(--color-danger) var(--light-l-fg-60) var(--light-c-fg-60) h),oklch(from var(--color-danger) var(--dark-l-fg-60) var(--dark-c-fg-60) h));--color-foreground-success-0:light-dark(oklch(from var(--color-success) var(--light-l-fg-0) var(--light-c-fg-0) h),oklch(from var(--color-success) var(--dark-l-fg-0) var(--dark-c-fg-0) h));--color-foreground-success-45:light-dark(oklch(from var(--color-success) var(--light-l-fg-45) var(--light-c-fg-45) h),oklch(from var(--color-success) var(--dark-l-fg-45) var(--dark-c-fg-45) h));--color-foreground-success-60:light-dark(oklch(from var(--color-success) var(--light-l-fg-60) var(--light-c-fg-60) h),oklch(from var(--color-success) var(--dark-l-fg-60) var(--dark-c-fg-60) h));--color-foreground-primary-30:light-dark(oklch(from var(--color-primary) var(--light-l-fg-30) var(--light-c-fg-30) h),oklch(from var(--color-primary) var(--dark-l-fg-30) var(--dark-c-fg-30) h));--color-foreground-primary-45:light-dark(oklch(from var(--color-primary) var(--light-l-fg-45) var(--light-c-fg-45) h),oklch(from var(--color-primary) var(--dark-l-fg-45) var(--dark-c-fg-45) h));--color-foreground-primary-60:light-dark(oklch(from var(--color-primary) var(--light-l-fg-60) var(--light-c-fg-60) h),oklch(from var(--color-primary) var(--dark-l-fg-60) var(--dark-c-fg-60) h));--color-foreground-secondary-30:light-dark(oklch(from var(--color-secondary) var(--light-l-fg-30) var(--light-c-fg-30) h),oklch(from var(--color-secondary) var(--dark-l-fg-30) var(--dark-c-fg-30) h));--color-foreground-secondary-45:light-dark(oklch(from var(--color-secondary) var(--light-l-fg-45) var(--light-c-fg-45) h),oklch(from var(--color-secondary) var(--dark-l-fg-45) var(--dark-c-fg-45) h));--color-foreground-secondary-60:light-dark(oklch(from var(--color-secondary) var(--light-l-fg-60) var(--light-c-fg-60) h),oklch(from var(--color-secondary) var(--dark-l-fg-60) var(--dark-c-fg-60) h));--color-surface-blur:light-dark(oklch(from var(--color-primary) var(--light-l-sf) var(--light-c-sf) h/0.8),oklch(from var(--color-primary) var(--dark-l-sf) var(--dark-c-sf) h/0.8));--color-input-background:light-dark(oklch(from var(--color-primary) calc(var(--light-l-sf) + 0.05) var(--light-c-sf) h),oklch(from var(--color-primary) calc(var(--dark-l-sf) + 0.05) var(--dark-c-sf) h));--color-input-border:var(--color-foreground-15);--color-input-border-hover:var(--color-foreground-60);--color-input-label:var(--color-foreground-60);--color-input-placeholder:var(--color-foreground-30);--color-input-content:var(--color-foreground-90);--color-focus-outline:var(--color-foreground-primary-45);--color-foreground-0-opaque:var(--color-foreground-0);color-scheme:light dark}.tinted,[data-mode=tinted]{--light-l-bg:0.96;--light-l-sf:0.96;--light-l-fg-0:0.88;--light-l-fg-15:0.79;--light-l-fg-30:0.71;--light-l-fg-45:0.66;--light-l-fg-60:0.51;--light-l-fg-75:0.26;--light-l-fg-90:0.11;--light-l-fg-108:0;--dark-l-bg:0.14;--dark-l-sf:0.14;--dark-l-fg-0:0.38;--dark-l-fg-15:0.62;--dark-l-fg-30:0.74;--dark-l-fg-45:0.84;--dark-l-fg-60:0.92;--dark-l-fg-75:1;--dark-l-fg-90:1;--dark-l-fg-108:1;--light-c-bg:0.03;--light-c-sf:0.03;--light-c-fg-n:0.03;--light-c-fg-0:0.06;--light-c-fg-15:0.12;--light-c-fg-30:0.18;--light-c-fg-45:0.22;--light-c-fg-60:0.16;--light-c-fg-75:0.15;--light-c-fg-90:0.02;--light-c-fg-108:0;--dark-c-bg:0.03;--dark-c-sf:0.03;--dark-c-fg-n:0.03;--dark-c-fg-0:0.12;--dark-c-fg-15:0.18;--dark-c-fg-30:0.15;--dark-c-fg-45:0.08;--dark-c-fg-60:0.04;--dark-c-fg-75:0;--dark-c-fg-90:0;--dark-c-fg-108:0}@supports not (color:oklch(from red l c h)){:root{--color-background:oklch(1 0 0);--color-surface:oklch(1 0 0);--color-foreground-0:oklch(0.92 0 0);--color-foreground-15:oklch(0.83 0 0);--color-foreground-30:oklch(0.75 0 0);--color-foreground-45:oklch(0.7 0 0);--color-foreground-60:oklch(0.55 0 0);--color-foreground-75:oklch(0.3 0 0);--color-foreground-90:oklch(0.15 0 0);--color-foreground-108:oklch(0 0 0);--color-foreground-danger-0:oklch(0.92 0.09 30);--color-foreground-danger-45:oklch(0.7 0.22 30);--color-foreground-danger-60:oklch(0.55 0.22 30);--color-foreground-success-0:oklch(0.92 0.09 140);--color-foreground-success-45:oklch(0.7 0.22 140);--color-foreground-success-60:oklch(0.55 0.22 140);--color-foreground-primary-30:oklch(0.75 0.18 220);--color-foreground-primary-45:oklch(0.7 0.22 220);--color-foreground-primary-60:oklch(0.55 0.22 220);--color-foreground-secondary-30:oklch(0.75 0.18 250);--color-foreground-secondary-45:oklch(0.7 0.22 250);--color-foreground-secondary-60:oklch(0.55 0.22 250);--color-surface-blur:oklch(1 0 0/0.8);--color-input-background:oklch(1 0 0);--color-input-border:oklch(0.83 0 0);--color-input-border-hover:oklch(0.55 0 0);--color-input-label:oklch(0.55 0 0);--color-input-placeholder:oklch(0.75 0 0);--color-input-content:oklch(0.15 0 0);--color-focus-outline:oklch(0.7 0.22 220);--color-foreground-0-opaque:oklch(0.92 0 0)}[data-theme=dark]{--color-background:oklch(0 0 0);--color-surface:oklch(0 0 0);--color-foreground-0:oklch(0.24 0 0);--color-foreground-15:oklch(0.48 0 0);--color-foreground-30:oklch(0.6 0 0);--color-foreground-45:oklch(0.7 0 0);--color-foreground-60:oklch(0.78 0 0);--color-foreground-75:oklch(0.86 0 0);--color-foreground-90:oklch(0.92 0 0);--color-foreground-108:oklch(1 0 0);--color-foreground-danger-0:oklch(0.24 0.06 30);--color-foreground-danger-45:oklch(0.7 0.15 30);--color-foreground-danger-60:oklch(0.78 0.12 30);--color-foreground-success-0:oklch(0.24 0.06 140);--color-foreground-success-45:oklch(0.7 0.15 140);--color-foreground-success-60:oklch(0.78 0.12 140);--color-foreground-primary-30:oklch(0.6 0.12 220);--color-foreground-primary-45:oklch(0.7 0.15 220);--color-foreground-primary-60:oklch(0.78 0.12 220);--color-foreground-secondary-30:oklch(0.6 0.12 250);--color-foreground-secondary-45:oklch(0.7 0.15 250);--color-foreground-secondary-60:oklch(0.78 0.12 250);--color-surface-blur:oklch(0 0 0/0.8);--color-input-background:oklch(0 0 0);--color-input-border:oklch(0.48 0 0);--color-input-border-hover:oklch(0.78 0 0);--color-input-label:oklch(0.78 0 0);--color-input-placeholder:oklch(0.6 0 0);--color-input-content:oklch(0.92 0 0);--color-focus-outline:oklch(0.7 0.15 220);--color-foreground-0-opaque:oklch(0.24 0 0)}.tinted,[data-mode=tinted]{--color-background:oklch(0.96 0.03 220);--color-surface:oklch(0.96 0.03 220);--color-foreground-0:oklch(0.88 0.03 220);--color-foreground-15:oklch(0.79 0.03 220);--color-foreground-30:oklch(0.71 0.03 220);--color-foreground-45:oklch(0.66 0.03 220);--color-foreground-60:oklch(0.51 0.03 220);--color-foreground-75:oklch(0.26 0.03 220);--color-foreground-90:oklch(0.11 0.03 220);--color-foreground-108:oklch(0 0 220);--color-foreground-danger-0:oklch(0.88 0.06 30);--color-foreground-danger-45:oklch(0.66 0.22 30);--color-foreground-danger-60:oklch(0.51 0.16 30);--color-foreground-success-0:oklch(0.88 0.06 140);--color-foreground-success-45:oklch(0.66 0.22 140);--color-foreground-success-60:oklch(0.51 0.16 140);--color-foreground-primary-30:oklch(0.71 0.18 220);--color-foreground-primary-45:oklch(0.66 0.22 220);--color-foreground-primary-60:oklch(0.51 0.16 220);--color-foreground-secondary-30:oklch(0.71 0.18 250);--color-foreground-secondary-45:oklch(0.66 0.22 250);--color-foreground-secondary-60:oklch(0.51 0.16 250);--color-surface-blur:oklch(0.96 0.03 220/0.8);--color-input-background:oklch(1 0.03 220);--color-input-border:oklch(0.79 0.03 220);--color-input-border-hover:oklch(0.51 0.03 220);--color-input-label:oklch(0.51 0.03 220);--color-input-placeholder:oklch(0.71 0.03 220);--color-input-content:oklch(0.11 0.03 220);--color-focus-outline:oklch(0.66 0.22 220);--color-foreground-0-opaque:oklch(0.88 0.03 220)}.tinted[data-theme=dark],[data-mode=tinted][data-theme=dark]{--color-background:oklch(0.14 0.03 220);--color-surface:oklch(0.14 0.03 220);--color-foreground-0:oklch(0.38 0.03 220);--color-foreground-15:oklch(0.62 0.03 220);--color-foreground-30:oklch(0.74 0.03 220);--color-foreground-45:oklch(0.84 0.03 220);--color-foreground-60:oklch(0.92 0.03 220);--color-foreground-75:oklch(1 0 220);--color-foreground-90:oklch(1 0 220);--color-foreground-108:oklch(1 0 220);--color-foreground-danger-0:oklch(0.38 0.12 30);--color-foreground-danger-45:oklch(0.84 0.08 30);--color-foreground-danger-60:oklch(0.92 0.04 30);--color-foreground-success-0:oklch(0.38 0.12 140);--color-foreground-success-45:oklch(0.84 0.08 140);--color-foreground-success-60:oklch(0.92 0.04 140);--color-foreground-primary-30:oklch(0.74 0.15 220);--color-foreground-primary-45:oklch(0.84 0.08 220);--color-foreground-primary-60:oklch(0.92 0.04 220);--color-foreground-secondary-30:oklch(0.74 0.15 250);--color-foreground-secondary-45:oklch(0.84 0.08 250);--color-foreground-secondary-60:oklch(0.92 0.04 250);--color-surface-blur:oklch(0.14 0.03 220/0.8);--color-input-background:oklch(0.19 0.03 220);--color-input-border:oklch(0.62 0.03 220);--color-input-border-hover:oklch(0.92 0.03 220);--color-input-label:oklch(0.92 0.03 220);--color-input-placeholder:oklch(0.74 0.03 220);--color-input-content:oklch(1 0 220);--color-focus-outline:oklch(0.84 0.08 220);--color-foreground-0-opaque:oklch(0.38 0.03 220)}}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}@media (prefers-reduced-motion:no-preference){html.theme-animating *,html.theme-animating :after,html.theme-animating :before{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,box-shadow;transition-timing-function:ease}}:root{--font-family:"Inter Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-heading:"Inter Tight","Inter Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-small:12px;--font-size-medium:14px;--font-size-large:18px;--font-size-extra-large:24px;--line-height-small:16px;--line-height-medium:20px;--line-height-large:24px;--line-height-extra-large:32px;--font-weight-regular:300;--font-weight-semi-bold:400;--font-weight-bold:600;font-feature-settings:"ss01" on,"ss02" on,"ss07" on,"ss08" on;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);button,input,select,textarea{font-feature-settings:"ss01" on,"ss02" on,"ss07" on,"ss08" on,"tnum" on;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}}@media screen and (-webkit-min-device-pixel-ratio:0){:root{--font-weight-regular:400;--font-weight-semi-bold:500;--font-weight-bold:600}}@media screen and (-webkit-min-device-pixel-ratio:0) and (-webkit-max-device-pixel-ratio:1){:root{--font-weight-regular:300;--font-weight-semi-bold:400;--font-weight-bold:600}}.text-small{font-size:12px;font-size:var(--font-size-small);line-height:16px;line-height:var(--line-height-small)}.text-medium{font-size:14px;font-size:var(--font-size-medium);line-height:20px;line-height:var(--line-height-medium)}.text-large{font-size:18px;font-size:var(--font-size-large);line-height:24px;line-height:var(--line-height-large)}.text-extra-large{font-size:24px;font-size:var(--font-size-extra-large);line-height:32px;line-height:var(--line-height-extra-large)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:600;font-weight:var(--font-weight-bold)}:root{--size-0:0px;--size-025:1px;--size-05:2px;--size-1:4px;--size-2:8px;--size-3:12px;--size-4:16px;--size-6:24px;--size-8:32px;--size-10:40px;--size-12:48px;--size-16:64px;--size-42:168px;--size-52:208px;--size-160:640px}::selection{background-color:light-dark(oklch(from oklch(.5 .2 270) .83 0 h),oklch(from oklch(.5 .2 270) .48 0 h));background-color:var(--color-foreground-15);color:light-dark(oklch(from oklch(.5 .2 270) .15 0 h),oklch(from oklch(.5 .2 270) .92 0 h));color:var(--color-foreground-90)}a{border-bottom:2px solid light-dark(oklch(from oklch(.5 .2 270) .75 0 h),oklch(from oklch(.5 .2 270) .6 0 h));border-bottom:2px solid var(--color-foreground-30);text-decoration:none}.tooltip{position:relative}.tooltip:before{background-color:light-dark(oklch(from oklch(.5 .2 270) 0 0 h),oklch(from oklch(.5 .2 270) 1 0 h));background-color:var(--color-foreground-108);border-radius:0;border-radius:var(--size-0);bottom:calc(100% + 8px);color:light-dark(oklch(from oklch(.5 .2 270) .92 0 h),oklch(from oklch(.5 .2 270) .24 0 h));color:var(--color-foreground-0);content:attr(data-tooltip);font-size:12px;font-size:var(--font-size-small);font-weight:400;font-weight:var(--font-weight-semi-bold);line-height:16px;line-height:var(--line-height-small);padding:4px 8px;padding:var(--size-1) var(--size-2);white-space:nowrap;z-index:1001}.tooltip:after,.tooltip:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden}.tooltip:after{border:4px solid #0000;border-top:4px solid var(--color-foreground-108);bottom:100%;content:"";z-index:1002}.tooltip:focus-visible:after,.tooltip:focus-visible:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--color-background);color:var(--color-foreground-90);font-family:var(--font-family);line-height:1.5}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-family:var(--font-family-heading)}button{background:none;box-sizing:border-box;cursor:pointer}button,input,select,textarea{border:none;font-family:inherit;font-size:inherit;line-height:inherit}input,select,textarea{outline:none}ol,ul{list-style:none}.App{min-height:100vh;text-align:left}
/*# sourceMappingURL=main.e9b53ec0.css.map*/