@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";html{height:100%}body{margin:0;padding:0;border:0;min-height:100%;height:100%;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{background-color:var(--g-gray-700)}.light{background-color:var(--g-white)}#root{min-height:100%;height:100%}:root{--g-border-radius-xs: 3px;--g-border-radius-s: 5px;--g-border-radius-m: 6px;--g-border-radius-l: 8px;--g-border-radius-xl: 10px;--g-gray-100: rgb(239 239 239);--g-gray-300: rgb(204 204 204);--g-gray-700: rgb(68 67 82);--g-white: rgb(255 255 255);--g-zindex-modal: 9000;--g-zindex-overlay: 8000;--g-zindex-dropdown: 7000;--g-zindex-header: 6000;--g-zindex-footer: 5000;--g-spacing-base: 4px;--g-spacing-0: 0;--g-spacing-half: calc(var(--g-spacing-base) * .5);--g-spacing-1: var(--g-spacing-base);--g-spacing-2: calc(var(--g-spacing-base) * 2);--g-spacing-3: calc(var(--g-spacing-base) * 3);--g-spacing-4: calc(var(--g-spacing-base) * 4);--g-spacing-5: calc(var(--g-spacing-base) * 5);--g-spacing-6: calc(var(--g-spacing-base) * 6);--g-spacing-7: calc(var(--g-spacing-base) * 7);--g-spacing-8: calc(var(--g-spacing-base) * 8);--g-spacing-9: calc(var(--g-spacing-base) * 9);--g-spacing-10: var(--g-spacing-base) * 10}.mode-switch{--_--mode-switch-on-color: var(--g-gray-700);--_--mode-switch-off-color: var(--g-gray-300);--_--mode-switch-toggler-color: var(--g-white);position:relative;display:inline-block;width:48px;height:20px}.mode-switch_theme_dark{--_--mode-switch-on-color: var(--g-white);--_--mode-switch-toggler-color: var(--g-gray-700)}.mode-switch .mode-switch__toggler{opacity:0;width:0;height:0}.mode-switch__toggler:checked+.mode-switch__slider{background-color:var(--_--mode-switch-on-color)}.mode-switch__toggler:focus+.mode-switch__slider{box-shadow:0 0 1px var(--_--mode-switch-on-color)}.mode-switch__toggler:checked+.mode-switch__slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.mode-switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--_--mode-switch-off-color);transition:.4s}.mode-switch__slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:4px;background-color:var(--_--mode-switch-toggler-color);transition:.4s}.mode-switch__slider_rounded{border-radius:calc(var(--g-border-radius-xl) * 2)}.mode-switch__slider_rounded:before{border-radius:50%}.number-field{--_--color: var(--g-gray-700)}.number-field .MuiInputBase-input{color:var(--_--color)}.number-field_theme_dark{--_--color: var(--g-white)}.switchs-group{display:flex}.header{--_--border-bottom-color: var(--g-gray-700);--_--background-color-color: var(--g-white);--_--switch-label-color: var(--g-gray-700);display:flex;justify-content:space-between;align-items:center;gap:var(--g-spacing-2);font-weight:var(--g-text-header-font-weight);font-size:var(--g-text-body-3-font-size);line-height:var(--g-text-body-3-line-height);padding:var(--g-spacing-6);border-bottom:1px solid var(--_--border-bottom-color);box-sizing:border-box;background-color:var(--_--background-color-color)}.header .MuiFormControlLabel-root{color:var(--_--switch-label-color)}.header_theme_dark{--_--border-bottom-color: var(--g-gray-300);--_--background-color-color: var(--g-gray-700);--_--switch-label-color: var(--g-white)}.header_stiky{position:sticky;top:0;left:0;z-index:var(--g-zindex-header)}.header__actions{display:flex;align-items:center;gap:var(--g-spacing-6)}.header__number-field{max-width:108px}.layout-page{max-width:1280px;height:100%;margin:auto;display:flex;flex-direction:column;gap:100px}.avatar{--_--size: 32px;--_--background-color: rgb(96 128 156 / 40%);--_--color: rgb(255 255 255);--_--font-size: var(--g-text-body-1-font-size);--_--line-height: var(--g-text-body-1-line-height);overflow:hidden;display:inline-flex;justify-content:center;align-items:center;width:var(--_--size);height:var(--_--size);border-radius:50%;background-color:var(--_--background-color)}.avatar__icon{color:var(--_--color)}.avatar__icon>svg{display:block}.avatar__text{color:var(--_--color);font-size:var(--_--font-size);line-height:var(--_--line-height);font-weight:500}.avatar_size_s{--_--size: 28px;--_--font-size: var(--g-text-caption-1-font-size);--_--line-height: var(--g-text-caption-1-line-height)}.avatar_size_m{--_--size: 32px}.avatar_size_l{--_--size: 42px}.avatar_size_m,.avatar_size_l{--_--font-size: var(--g-text-body-1-font-size);--_--line-height: var(--g-text-body-1-line-height)}.color-configuration{display:flex;flex-direction:column;width:80%}.color-view{display:flex;flex-direction:column;align-items:center;gap:var(--g-spacing-4)}.color-view__color-items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g-spacing-3);padding:var(--g-spacing-3) var(--g-spacing-2)}.generated-colors{position:relative;display:flex;flex-direction:column;flex-grow:1;color:var(--g-gray-700)}.generated-colors_theme_dark{color:var(--g-gray-100)}.generated-colors__grid{display:inline-grid;grid-template-columns:repeat(3,1fr);column-gap:var(--g-spacing-5)}.generated-colors__grid-cell{padding:var(--g-spacing-3) var(--g-spacing-4)}.generated-colors__grid-cell_head_left{white-space:nowrap;justify-self:end}.main{min-height:100%;height:100%}