@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nata+Sans:wght@100..900&family=Quicksand:wght@300..700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;font-family:Quicksand,sans-serif}h1,h2,h3,h4,h5,h6{font-size:15px}html{height:100%}body{min-height:100vh;height:100%;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-optical-sizing:auto;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.capitalize{text-transform:capitalize}:root{--color-background: #1a1a1a;--color-surface: #252525;--color-surface-muted: #282828;--color-surface-2: #2e2e2e;--color-surface-3: #353535;--color-border: #3a3a3a;--color-text: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #8e8e8e;--color-primary: #537A5A;--color-primary-muted: #496a4f;--color-warning: #e67e22;--color-warning-muted: rgba(230, 126, 34, .2);--screen-size: 500px;--screen-size-s20: 800px;--screen-size-s25: 1000px}.toggle-group{display:block}.toggle-group.toggle-group--inline{display:flex;justify-content:space-between;gap:5px}@media(max-width:450px){.toggle-group.toggle-group--inline{display:block}}.toggle-group.toggle-group--multi-way .toggle-group__options{display:inline-flex;background:var(--color-surface);border-radius:4px;overflow:hidden;margin-top:4px}@media(max-width:450px){.toggle-group.toggle-group--multi-way .toggle-group__options{display:flex}.toggle-group.toggle-group--multi-way .toggle-group__options *{flex:1}}.toggle-group.toggle-group--inline.toggle-group--multi-way .toggle-group__options{margin-top:0}@media(max-width:450px){.toggle-group.toggle-group--inline.toggle-group--multi-way .toggle-group__options{margin-top:4px}}.toggle-group .toggle-group__label{font-size:14px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.toggle-group .toggle-group__option{padding:6px 12px;font-size:13px;background:transparent;color:var(--color-text-secondary);border:none;border-left:1px solid var(--color-surface-2);cursor:pointer;transition:background .2s,color .2s}.toggle-group .toggle-group__option:first-child{border:none}.toggle-group .toggle-group__option:hover{background:var(--color-surface-muted)}.toggle-group .toggle-group__option.toggle-group__option--active,.toggle-group .toggle-group__option.toggle-group__option--green{background:var(--color-primary);color:var(--color-text)}.label{font-size:14px;color:var(--color-text-secondary);display:block}.button{padding:8px 16px;font-size:15px;cursor:pointer;border:none;border-radius:4px}.button:disabled{opacity:.2;cursor:default}.button.button--grey{background:var(--color-surface);color:var(--color-text-secondary)}.button.button--grey:hover{background:var(--color-surface-2)}.button.button--green{background:var(--color-primary);color:var(--color-text)}.button.button--green:hover{background:var(--color-primary-muted)}.button.button--white{background:var(--color-text);color:var(--color-background)}.button.button--white:hover{background:var(--color-text)}.button.button--with-icon{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.button.button--active,.button.button--active:hover{background:var(--color-primary);color:var(--color-text)}.button.button--icon{padding:0}.range.range--inline{display:flex;align-items:center;justify-content:space-between;gap:10px}.range.range--inline input{width:auto}@media(max-width:450px){.range.range--inline{display:block}.range.range--inline input{width:100%}}.range input{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-surface);border-radius:3px;outline:none;cursor:pointer}.range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:transform .15s,box-shadow .15s}.range input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #4db8a433}.range input::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;transition:transform .15s,box-shadow .15s}.range input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #4db8a433}