*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.inline{display:inline}.flex{display:flex}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-width:1px}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}body *{font-family:Inter,sans-serif}body{padding-top:54px}button,input{outline:0}.colorize{width:100%}.colorize .color-name{color:#8c8c8c;font-size:12px;min-height:26px;padding:4px 0}.colorize .colorize-me-btn{justify-content:center;margin:24px 0;width:100%}.colorize .base-input{margin-bottom:16px}.colorize .base-input .base-input--color-and-hex{align-items:center;display:flex;justify-content:space-between}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs{align-items:center;border:1px solid #d1d1d1;border-radius:6px;display:flex;font-size:14px;padding-left:8px;position:relative;width:100%}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker{height:32px;position:relative}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker .custom-color-picker--container{display:inline-block;position:relative}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker .custom-color-picker--container .custom-color-picker--panel{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;left:0;margin-left:-9px;margin-top:12px;position:absolute;top:100%;z-index:1000}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker .custom-color-picker--container .custom-color-picker--sat-container{border:1px solid #f0f0f0;border-radius:6px;margin:8px;overflow:hidden}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker .custom-color-picker--container .custom-color-picker--sat-canvas{cursor:crosshair;display:block;touch-action:none}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker .custom-color-picker--container .custom-color-picker--controls{display:flex;flex-direction:column}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker .custom-color-picker--container .custom-color-picker--hue-container{border:1px solid #f0f0f0;border-radius:6px;height:30px;margin:0 8px 8px;overflow:hidden}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker .custom-color-picker--container .custom-color-picker--hue-canvas{cursor:pointer;display:block;touch-action:none}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--picker .circle{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:12px;max-height:32px;max-width:32px;width:32px}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--text{align-items:center;display:flex;height:100%}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--text input{background-color:#0000;outline:0}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--text .hex{width:100%}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--text .hex input{color:#161616;padding:8% 0;width:100%}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .input--text .hex input.input--text--mobile{display:none}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .switch-button{align-items:center;display:flex;font-size:13px;height:100%;padding-right:14px;position:absolute;right:0}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .switch-button span{color:#161616}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .switch-button.disabled{opacity:.5}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .switch-button .dropdown-icon{margin-left:6px;transition:transform .15s ease-in-out}.colorize .base-input .base-input--color-and-hex .html-picker--and--text-inputs .switch-button .dropdown-icon.hsl-active{transform:rotate(180deg)}.colorize .tools-vs-editor{border-radius:6px;color:#161616;display:flex;justify-content:center}.colorize .tools-vs-editor button{border-radius:6px 6px 0 0;flex:1 1;position:relative}.colorize .tools-vs-editor button:hover{background-color:#0000}.colorize .tools-vs-editor button:hover:after{background-color:#297bff;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:85%}.colorize .tools-vs-editor button.active{background-color:#f4f8ff;border-color:#f4f8ff;color:#1c64d8;font-weight:700}.colorize .tools-vs-editor button.active:after{background-color:#1c64d8;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:85%}.colorize .editor{background-color:#f4f8ff;border-radius:6px 0 6px 6px}.colorize .edit-scale-vs-edit-variable{border-bottom:2px solid #1c64d8;display:flex;gap:16px;justify-content:center;padding:16px}.colorize .edit-scale-vs-edit-variable button{background-color:#0000;border-color:#0000;border-radius:0;border-radius:6px;flex:1 1;opacity:.5;padding:0}.colorize .edit-scale-vs-edit-variable button span{color:#1c64d8;padding-bottom:4px}.colorize .edit-scale-vs-edit-variable button.active,.colorize .edit-scale-vs-edit-variable button:hover{border-color:#1c64d8;opacity:1}.colorize .reset{background-color:#eaf2ff;border-radius:4px;color:#297bff;font-size:14px;margin:8px auto;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.colorize .reset--all-variables{border:1px solid #297bff}.hsl{display:flex;flex-direction:column;gap:16px;justify-content:space-between;margin:16px 0;width:100%}.hsl .hsl-text{align-items:center;display:flex;font-size:14px;margin-bottom:8px}.hsl .hsl-text span{color:#b5b5b5}.hsl .hsl-text label{color:#b5b5b5;margin-right:4px}.hsl .hsl-text input{background-color:#0000;color:#161616;max-width:28px}.hsl .hsl-text button{cursor:default;display:flex;height:8px;justify-content:center;margin-left:4px;position:relative;width:18px}.hsl .hsl-text button:hover{background-color:#f0f0f0}.hsl .hsl-text button:after{border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;position:absolute;width:0}.hsl .hsl-text button:first-of-type:after{border-bottom:5px solid #161616;bottom:2px}.hsl .hsl-text button:nth-of-type(2):after{border-top:5px solid #161616;top:2px}.hsl .hsl-slider{align-items:center;display:flex}.hsl .hsl-slider input[type=range]{-webkit-appearance:none;border-radius:15px;box-shadow:0 0 #0000,0 0 #0000,inset 0 2px 4px 0 #0000000d;cursor:pointer;height:8px;max-height:8px;outline:none;width:100%}.hsl .hsl-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#297bff;border:1px solid #fff;border-radius:50%;height:15px;position:relative;width:15px}.tools{align-items:flex-start;border-radius:0 6px 6px 6px;display:flex;flex-direction:column;gap:8px;padding:16px 0}.tools,.tools .action{background-color:#f4f8ff}.tools .action{border-color:#0000;border-radius:6px;font-size:14px;height:40px;max-height:40px;min-height:40px;padding:8px 16px;width:100%}.tools .action span{border-bottom:1px solid #0000;color:#1c64d8}.tools .action:hover span{border-color:#1c64d8}.edit-variable--container{background-color:#fff;display:flex;flex-direction:column;padding-top:24px;position:relative}.edit-variable--container .edit-variable{border-radius:10px;cursor:pointer;margin-bottom:8px;position:relative;text-align:center;width:100%}.edit-variable--container .edit-variable.picked-color{cursor:default}.edit-variable--container .edit-variable.picked-color .dropdown-icon{display:none}.edit-variable--container .edit-variable.picked-color .lock-icon{display:block;margin-right:-2px;margin-top:-1px}.edit-variable--container .edit-variable.edit-indiv .dropdown-icon{transform:rotate(180deg)}.edit-variable--container .edit-variable.variable-is-edited:after{background-color:#fff;border:1px solid #161616;border-radius:50%;content:"";height:6px;left:4px;position:absolute;top:4px;width:6px}.edit-variable--container .edit-variable .edit-variable--content{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:4px 14px}.edit-variable--container .edit-variable .edit-variable--content p.variable-name{font-size:14px}.edit-variable--container .edit-variable .edit-variable--content .dropdown-icon{transition:transform .15s ease-in-out}.edit-variable--container .edit-variable .edit-variable--content .flag-icon{margin-left:3px;position:absolute;top:20px}.edit-variable--container .edit-variable .hsl-container{cursor:auto;max-height:0;opacity:0;overflow:hidden}.edit-variable--container .edit-variable .hsl-container.show{max-height:1000px;opacity:1}.edit-scale--container{background-color:#fff;border-radius:0 0 6px 6px;display:flex;flex-direction:column;gap:8px;padding-top:16px;width:100%}.edit-scale--container .edit-scale--container-mode{display:none;text-align:center}.edit-scale--container .edit-scale--container-mode.active{display:block}.edit-scale--container .edit-scale--handlers{display:flex;gap:8px;justify-content:space-between;margin-bottom:16px}.edit-scale--container .edit-scale--handlers label{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 3px;position:relative;text-align:center}.edit-scale--container .edit-scale--handlers label span{color:#297bff;opacity:.55}.edit-scale--container .edit-scale--handlers label:hover span{border-bottom:1px solid #297bff;opacity:1;padding-bottom:4px}.edit-scale--container .edit-scale--handlers label.active span{border-bottom:1px solid #297bff;color:#297bff;opacity:1;padding-bottom:4px}.edit-scale--container .edit-scale--handlers label.scale-is-edited:after{background-color:#fff;border:1px solid #161616;border-radius:50%;content:"";height:6px;left:4px;position:absolute;top:4px;width:6px}.edit-scale--container .edit-scale--handlers input{display:none}.edit-scale--container .edit-scale{margin:8px 0;position:relative;text-align:left}.edit-scale--container .edit-scale.disabled{opacity:.5}.edit-scale--container .edit-scale svg{display:inline-block;margin:-2px 2px 0}.edit-scale--container .edit-scale .value{background-color:#f7f7f7;border-radius:4px;bottom:22px;font-size:12px;line-height:0;padding:12px 8px;position:absolute;right:0}.edit-scale--container .edit-scale label{color:#161616;font-size:12px}.edit-scale--container .edit-scale input[type=range]:before{background-color:#297bff;content:"";height:14px;left:50%;position:absolute;top:-3px;transform:translateX(-50%);width:2px}.edit-scale--container .edit-scale input[type=range]{-webkit-appearance:none;background-color:#297bff;border-radius:15px;cursor:pointer;height:8px;outline:none;position:relative;width:100%}.edit-scale--container .edit-scale input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#297bff;border:1px solid #fff;border-radius:50%;height:15px;position:relative;width:15px}.squares{margin:0 auto;max-width:975px;padding-bottom:16px}.squares .color-name{background-color:#f7f7f7;border-radius:14px;color:#161616;font-size:14px;margin-bottom:8px;min-height:29px;padding:4px 14px;text-align:left;width:-webkit-fit-content;width:fit-content}.squares .squares--container{display:flex;gap:6px;justify-content:space-between;position:relative}.squares .squares--container .square-container{cursor:pointer;flex:1 1;position:relative;text-align:center}.squares .squares--container .square-container .square{align-items:center;border-radius:6px;display:flex;flex-direction:column;height:88px;justify-content:end;padding-bottom:8px}.squares .squares--container .square-container .square .variable{font-size:14px;padding-bottom:0}.squares .squares--container .square-container .square .color-code{font-size:11px;opacity:.75;text-transform:uppercase}.squares .squares--container .square-container .square .flag-icon{margin-left:3px;position:absolute;top:14px}@media(max-width:992px){.squares .squares--container .square-container .square .variable{font-size:12px}.squares .squares--container .square-container .square .color-code{display:none}}@media(max-width:750px){.squares .squares--container{flex-direction:column}.squares .squares--container .square-container .square{align-items:center;flex-direction:row;height:40px;justify-content:space-between;padding:8px}.squares .squares--container .square-container .square .color-code{display:block}.squares .squares--container .square-container .square .flag-icon{left:50%;top:10px;transform:translateX(-50%)}}.export-popup{display:flex;flex-direction:column;height:480px;width:925px}.export-popup .row{display:flex;width:100%}.export-popup .row .row-option{align-items:center;cursor:pointer;display:flex;gap:8px}.export-popup .row .row-option .mode{border:1px solid #0000;border-radius:6px;color:#297bff;font-size:14px;padding:8px;width:-webkit-fit-content;width:fit-content}.export-popup .row .row-option:hover .mode{background-color:#eaf2ff}.export-popup .row .row-option .label{border:1px solid;border-radius:16px;font-size:13px;line-height:1.3;padding:0 8px}.export-popup .row .row-option .label.free{border-color:#297bff;color:#297bff}.export-popup .row .row-option .label.paid{border-color:#ff2977;color:#ff2977}.export-popup .row .row-option.active .mode{background-color:#eaf2ff;border:1px solid #297bff;color:#297bff}.export-popup .row.row--top{border-bottom:1px solid #8c8c8c}.export-popup .row .row-item{padding:16px}.export-popup .row .row-item--1{align-items:center;border-right:1px solid #8c8c8c;display:flex;font-size:20px;font-weight:700}.export-popup .row .row-item--2{display:flex;gap:24px}.export-popup .row .row-item--3{display:flex;flex-direction:column;justify-content:space-between;min-height:408px;position:relative}.export-popup .row .row-item--3 .formats{display:flex;flex-direction:column;gap:16px;justify-content:space-between}.export-popup .row .row-item--1,.export-popup .row .row-item--3{width:215px}.export-popup .row .row-item--3:after{background-color:#8c8c8c;content:"";height:1000%;position:absolute;right:0;top:0;width:1px}.export-popup .row .code-block{font-family:monospace;font-weight:700}.export-popup .copy-btn,.popup-background{align-items:center;display:flex;justify-content:center}.popup-background{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(51,51,51,.208);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99999999}.popup-background .popup-container{background-color:#fff;border-radius:20px;overflow:hidden;padding:36px;position:relative}.popup-background .close-btn{background:none;border:none;cursor:pointer;position:absolute;right:16px;top:16px}.popup-background .popup-content{align-items:center;display:flex;flex-direction:column}.popup-background .popup-content .btns-container{display:flex;gap:16px;justify-content:center;padding-top:24px}.contrast-grid-popup{display:flex;flex-direction:column;height:auto}.contrast-grid-popup *{color:#161616}.contrast-grid-popup .row{display:flex;width:100%}.contrast-grid-popup .row .row-option{align-items:center;cursor:pointer;display:flex;gap:8px}.contrast-grid-popup .row .row-option .mode{border:1px solid #0000;border-radius:6px;color:#297bff;font-size:14px;padding:8px;width:-webkit-fit-content;width:fit-content}.contrast-grid-popup .row .row-option .mode:hover{background-color:#eaf2ff}.contrast-grid-popup .row .row-option .label{border:1px solid;border-radius:16px;font-size:13px;line-height:1.3;padding:0 8px}.contrast-grid-popup .row .row-option .label.free{border-color:#297bff;color:#297bff}.contrast-grid-popup .row .row-option .label.paid{border-color:#ff2977;color:#ff2977}.contrast-grid-popup .row .row-option.active .mode{background-color:#eaf2ff;border:1px solid #297bff;color:#297bff}.contrast-grid-popup .row.row--top{border-bottom:1px solid #8c8c8c}.contrast-grid-popup .row .row-item{padding:16px}.contrast-grid-popup .row .row-item--1,.contrast-grid-popup .row .row-item--3{min-width:198px;width:198px}.contrast-grid-popup .row .row-item--1{align-items:center;border-right:1px solid #8c8c8c;display:flex;font-size:20px;font-weight:700}.contrast-grid-popup .row .row-item--2{align-items:center;display:flex;gap:16px}.contrast-grid-popup .row .row-item--2 label{background-color:#f0f0f0;border-radius:4px;font-size:14px;padding:8px}.contrast-grid-popup .row .row-item--3{display:flex;flex-direction:column;gap:16px;position:relative}.contrast-grid-popup .row .row-item--3 label{background-color:#f0f0f0;border-radius:4px;font-size:14px;padding:8px}.contrast-grid-popup .row .row-item--3 .info-content{color:#8c8c8c;font-size:14px}.contrast-grid-popup .row .row-item--3:after{background-color:#8c8c8c;content:"";height:1000%;position:absolute;right:0;top:0;width:1px}.contrast-grid-popup .row .row-item--4 .contrast-grid-container{overflow:auto}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid{min-width:-webkit-max-content;min-width:max-content}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .row{display:flex}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .row .cell--header:first-of-type{margin-right:4px}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .cell{align-items:center;border:2px solid #fff;border-radius:6px;display:flex;flex-direction:column;font-size:12px;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .cell--header{font-size:14px}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .cell--hidden{background-color:#f0f0f0}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .cell--excellent{background-color:#dcfce7;border-color:#86efac}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .cell--good{background-color:#dbeafe;border-color:#93c5fd}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .cell--fair{background-color:#fef3c7;border-color:#fde047}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .cell--warning{background-color:#fed7aa;border-color:#fdba74}.contrast-grid-popup .row .row-item--4 .contrast-grid-container .grid .cell--poor{background-color:#fecaca;border-color:#f87171}.contrast-grid-popup .row .rating-and-legend{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:16px 0 0}.contrast-grid-popup .row .legend span{font-size:16px}.contrast-grid-popup .row .legend p{font-size:16px;font-weight:700}.contrast-grid-popup .row .legend .legend-items{display:flex;gap:24px}.contrast-grid-popup .row .legend .legend-item{align-items:center;display:flex;gap:8px}.contrast-grid-popup .row .legend .legend-item .legend-color{border-radius:2px;height:16px;width:16px}.contrast-grid-popup .row .legend .legend-item .legend-color.legend--excellent{background-color:#86efac}.contrast-grid-popup .row .legend .legend-item .legend-color.legend--good{background-color:#93c5fd}.contrast-grid-popup .row .legend .legend-item .legend-color.legend--fair{background-color:#fde047}.contrast-grid-popup .row .legend .legend-item .legend-color.legend--warning{background-color:#fdba74}.contrast-grid-popup .row .legend .legend-item .legend-color.legend--poor{background-color:#f87171}@media(max-width:750px){.home .modules{display:none;min-width:100%;overflow:hidden}.home .home-content-left,.home .sidebar{max-width:250px!important;min-width:250px!important;position:fixed!important;width:250px!important;z-index:1}.home .show-squares--container{border:2px solid red;gap:4px;justify-content:space-evenly;width:100%}.home .show-squares--container .show-squares-btn{display:none}.home .show-squares--container .squares{margin:0;width:100%}.home .sidebar{border-bottom:40px solid #fff;bottom:0;height:100%;left:-100%;max-height:100%;min-height:100%;padding-left:10px;padding-right:4px;top:54px;transition:.2s ease-in-out}.home .sidebar.show{left:0}.home .sidebar .toggle-dashboard-btn{align-items:center;background-color:#297bff;border-radius:50%;bottom:24px;display:flex;height:64px;justify-content:center;min-height:64px;min-width:64px;position:fixed;right:24px;width:64px;z-index:1}.home .sidebar .selected-option--container{gap:8px}.home .sidebar .selected-option--container .option{padding:4px 5px}.home .sidebar .selected-option--container .option .delete-option-btn{display:block!important;right:-8px}.home .sidebar .selected-option--container .option .delete-option-btn svg{height:18px;width:18px}.home .sidebar .selected-option--container .add-option-btn{padding:4px 8px}.home .sidebar .global-settings--container{width:228px}.home .sidebar .global-settings--container .arrow{left:204px}.home .sidebar .global-settings--container.click-active{border-color:#297bff;height:88px;transition:.1s}.home .sidebar .global-settings--container.click-active .arrow{transform:rotate(180deg)}.home .sidebar .global-settings--container.click-active .arrow path{stroke:#297bff;fill:#297bff}.home .sidebar .global-settings--container.click-active button,.home .sidebar .global-settings--container.click-active button span{color:#297bff}.home .sidebar .global-settings--container.click-active button svg path{stroke:#297bff}.home .sidebar .global-settings--container.click-active button.save{opacity:1;transform:scaleY(1);transition:opacity .2s}.home .sidebar .global-settings--container.click-active button.save:hover span{border-color:#297bff}.home .colorize .color-name{font-size:12px}.home .colorize .tools-vs-editor button.active:after,.home .colorize .tools-vs-editor button:hover:after{width:90%}.home .colorize .tools .action{padding-left:8px}.home .colorize .edit-scale-vs-edit-variable{padding:8px}}.showSideBar{display:block}.hideSideBar{display:none}.home{display:flex;flex-direction:row}.home .home-content-left{max-width:300px;min-width:300px;position:relative;width:300px}.home .home-content-right{background-color:#fff;padding:0 16px;width:100%}.header .colorize-me-btn{justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:140px}.header .colorize-me-btn .btn-text{position:relative}.header .colorize-me-btn .btn-anim-background{background-color:#fff;bottom:4px;height:100%;height:3px;left:8px;position:absolute;width:0}@keyframes animBackground{0%{transform:scaleY(1);width:0}to{transform:scaleY(0);width:160px}}@keyframes animBrush{0%{left:-20px}to{left:140px}}.sidebar{background-color:#fff;border-bottom:8px solid #00000003;border-top:8px solid #00000003;bottom:0;box-shadow:0 7px 20px -5px #666666bf;max-width:300px;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:12px 8px 80px 16px;position:fixed;scrollbar-gutter:stable;top:53px;width:300px;z-index:3}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background-color:#f0f0f0;border-radius:20px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#9b9b9bcc}.sidebar .toggle-dashboard-btn{display:none}.sidebar .selected-option--container{display:flex;gap:11px;margin-bottom:16px;width:100vw}.sidebar .selected-option--container .add-option-btn,.sidebar .selected-option--container .option{background-color:#f7f7f7;border-radius:4px;color:#161616;cursor:pointer;font-size:14px;padding:4px 12px;position:relative;text-align:center}.sidebar .selected-option--container .add-option-btn .delete-option-btn,.sidebar .selected-option--container .option .delete-option-btn{display:none;position:absolute;right:-10px;top:-10px}.sidebar .selected-option--container .option:hover .delete-option-btn{display:block}.sidebar .selected-option--container .option:hover .delete-option-btn:hover svg path{fill:#1c64d8}.sidebar .selected-option--container .active-option{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid;bottom:-8px;left:50%;position:absolute;transform:translateX(-50%)}.sidebar .global-settings--container{align-items:flex-start;background-color:#fff;border:1px solid #161616;border-radius:8px;bottom:16px;display:flex;flex-direction:column;gap:16px;height:40px;padding-top:4px;position:fixed;width:268px}.sidebar .global-settings--container button{font-size:14px;padding:8px 16px;text-align:left;width:100%}.sidebar .global-settings--container button span{color:#161616}.sidebar .global-settings--container button.global-settings{bottom:0;cursor:auto;height:40px;position:absolute}.sidebar .global-settings--container button.save span{border-bottom:1px solid #0000}.sidebar .global-settings--container button.save{cursor:pointer;opacity:0;transform:scaleY(0);transition:0}.sidebar .global-settings--container .arrow{bottom:10px;left:238px;position:absolute;transition:transform .15s}@media(min-width:750px){.sidebar .global-settings--container.active{border-color:#297bff;height:88px;transition:.1s}.sidebar .global-settings--container.active .arrow{transform:rotate(180deg)}.sidebar .global-settings--container.active .arrow path{stroke:#297bff;fill:#297bff}.sidebar .global-settings--container.active button,.sidebar .global-settings--container.active button span{color:#297bff}.sidebar .global-settings--container.active button svg path{stroke:#297bff}.sidebar .global-settings--container.active button.save{opacity:1;transform:scaleY(1);transition:opacity .2s}.sidebar .global-settings--container.active button.save:hover span{border-color:#297bff}}.fake-show-squares--container{margin-bottom:64px}.show-squares--container{background-color:#fff;border-bottom:1px solid #0000;text-align:center}.show-squares--container .top-buttons{background-color:#eaf2ff;border-radius:0 0 6px 6px;display:flex;gap:16px;justify-content:center;left:calc(50% + 150px);padding:8px;position:fixed;top:-100vh;transform:translateX(-50%);transition:top .5s,transform .18s linear;width:calc(100% - 300px);z-index:1}.show-squares--container .top-buttons.active--handler{top:54px}.show-squares--container.active--container{animation:animShowSquaresContainer .15s linear forwards;border-color:#d1d1d1;left:calc(50% + 150px);position:fixed;top:0;transform:translateX(-50%);transition:top .15s ease-in-out;width:calc(100% - 300px);z-index:2}@keyframes animShowSquaresContainer{0%{top:0}to{top:54px}}.show-squares--container.active--container .top-buttons{left:50%;top:auto;width:100%}.popup-timed-container{left:calc(50% + 150px);position:fixed;top:80px;transform:translateX(-50%)}.popup-timed{animation:popupTimed 2.5s forwards;background-color:#297bff;border-radius:8px;color:#fff;margin-bottom:24px;padding:16px 24px}.popup-timed svg{height:24px;width:24px}@keyframes popupTimed{0%{margin-top:0}5%{margin-top:-12px}90%{opacity:1}to{margin-top:-12px;opacity:0}}@media(max-width:1225px){body .modules .module-10 .card{align-items:flex-start;flex-direction:column;justify-content:flex-end}body .modules .module-10 .card .content-right{margin-top:8px}}.modules{margin:0 auto;max-width:975px;padding-bottom:48px}.modules *{color:#161616}.modules :hover{cursor:default!important}.modules h2,.modules h3,.modules h4,.modules h5{font-weight:700}.modules h2{font-size:76px;line-height:72px}.modules h3{font-size:48px}.modules h4{font-size:32px}.modules button{border:1px solid;border-radius:10px;font-size:14px;font-weight:700;height:44px;max-height:44px;min-height:44px;padding:8px 24px;text-align:center}.modules .module-0{display:flex;gap:24px;margin-bottom:24px}.modules .module-0 .card{border-radius:10px;display:flex;flex-direction:column;height:465px;justify-content:flex-end;overflow:hidden;width:calc(33.33333% - 8px)}.modules .module-0 .card img{height:auto;width:100%}.modules .module-1{display:flex;gap:24px;margin-bottom:96px}.modules .module-1 .card{border:1px solid;border-radius:10px;display:flex;flex-direction:column;height:160px;justify-content:space-between;overflow:hidden;padding:16px;width:calc(33.33333% - 8px)}.modules .module-1 .card .content-top{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:space-between;width:100%}.modules .module-1 .card .content-middle{display:flex}.modules .module-1 .card .content-middle .size-option{background-color:#fff;border:1px solid #161616;border-radius:10px;color:#161616;font-size:12px;font-weight:700;height:55px;padding:4px;width:20.5%}.modules .module-1 .card .content-middle .size-option:nth-of-type(2),.modules .module-1 .card .content-middle .size-option:nth-of-type(3),.modules .module-1 .card .content-middle .size-option:nth-of-type(4),.modules .module-1 .card .content-middle .size-option:nth-of-type(5){margin-left:-1px}.modules .module-2{margin-bottom:96px;text-align:center}.modules .module-2 .svg---text{font-size:14px;justify-content:center;margin-bottom:36px}.modules .module-2 .svg---text span{font-weight:700}.modules .module-2 h2{margin:0 auto 36px;width:-webkit-fit-content;width:fit-content}.modules .module-2 .title{margin:0 auto;max-width:460px}.modules .module-2 .steps-container{margin:64px auto 0;max-width:840px}.modules .module-2 .steps-container .steps{display:flex;justify-content:space-between}.modules .module-2 .steps-container .steps .step{flex:1 1;position:relative}.modules .module-2 .steps-container .steps .step .circle{align-items:center;background-color:#fff;border:1px solid;border-radius:50%;display:flex;font-size:20px;font-weight:700;height:64px;justify-content:center;margin:0 auto 24px;position:relative;width:64px}.modules .module-2 .steps-container .steps .step .title{font-size:14px;font-weight:700;margin-bottom:8px;margin-top:8px}.modules .module-2 .steps-container .steps .step .sub-title{color:#161616;font-size:12px;margin:0 auto;max-width:80px}.modules .module-2 .steps-container .steps .step .line{display:inline-block;height:1px;position:absolute;top:25px;width:100%}.modules .module-2 .steps-container .steps .step.step-1 .circle,.modules .module-2 .steps-container .steps .step.step-1 .circle span{color:#fff}.modules .module-3{align-items:center;border-radius:10px;display:flex;height:500px;justify-content:center;margin-bottom:24px;position:relative}.modules .module-3 h2{color:#fff;position:relative;text-align:center}.modules .module-3 .svg-background{position:absolute;right:0}.modules .module-3 .badge{border:1px solid #161616;border-radius:40px;font-size:14px;height:58px;padding:6px;position:absolute;width:130px}.modules .module-3 .badge div{align-items:center;display:flex}.modules .module-3 .badge img{border-radius:50%;height:43px;margin-left:-1px;margin-right:8px;width:43px}.modules .module-3 .badge.badge-1{left:12%;top:21%}.modules .module-3 .badge.badge-1 img{border:1px solid #fff}.modules .module-3 .badge.badge-2{left:25%;top:68%}.modules .module-3 .badge.badge-2 img{border:1px solid #161616}.modules .module-3 .badge.badge-3{left:59%;top:13%}.modules .module-3 .badge.badge-3 img{border:1px solid #161616}.modules .module-3 .badge.badge-4{left:55%;top:81%}.modules .module-3 .badge.badge-4 img{border:1px solid #fff}.modules .module-4{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.modules .module-4 .card{border-radius:10px;flex-basis:calc(50% - 12px);flex-grow:0;flex-shrink:0;overflow:hidden;position:relative}.modules .module-4 .card .number{bottom:0;font-size:120px;font-weight:700;left:24px;letter-spacing:0;position:absolute}.modules .module-4 .card.card-1,.modules .module-4 .card.card-2,.modules .module-4 .card.card-3,.modules .module-4 .card.card-4{height:400px}.modules .module-4 .card.card-1,.modules .module-4 .card.card-2{padding:24px}.modules .module-4 .card.card-1 .title,.modules .module-4 .card.card-2 .title{font-size:20px;font-weight:700;position:relative}.modules .module-4 .card.card-1 .sub-title,.modules .module-4 .card.card-2 .sub-title{font-size:14px;max-width:270px;position:relative}.modules .module-4 .card.card-1{background-image:url(/static/media/modules-9.d99b19d3d866dfd991e0.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.modules .module-4 .card.card-1 .gradient{bottom:0;left:0;position:absolute;right:0;top:0}.modules .module-4 .card.card-2 .svg-background{left:236px;position:absolute}.modules .module-4 .card.card-3{border:1px solid #e3e3e3}.modules .module-4 .card.card-3 .title{font-size:16px;font-weight:700}.modules .module-4 .card.card-3 .sub-title{color:#8c8c8c;font-size:14px}.modules .module-4 .card.card-3 .top-container{align-items:center;border-bottom:1px solid #e3e3e3;display:flex;justify-content:space-between;padding:24px}.modules .module-4 .card.card-3 .top-container img{border:1px solid;border-radius:50%;height:64px;margin-right:24px;width:64px}.modules .module-4 .card.card-3 .top-container .name-and-job{align-items:center;display:flex}.modules .module-4 .card.card-3 .bottom-container{display:flex;flex-direction:column;height:285px;justify-content:space-between;padding:24px}.modules .module-4 .card.card-3 .bottom-container .about .title{padding:8px 0}.modules .module-4 .card.card-3 .bottom-container .about-items{display:flex;gap:25px}.modules .module-4 .card.card-3 .bottom-container .about-items .item:first-of-type .title,.modules .module-4 .card.card-3 .bottom-container .about-items .item:nth-of-type(2) .title,.modules .module-4 .card.card-3 .bottom-container .about-items .item:nth-of-type(3) .title{border-right:1px solid #e3e3e3;width:84px}.modules .module-4 .card.card-4{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.modules .module-4 .card.card-4 .svg-background{position:absolute}.modules .module-4 .card.card-4 .svg-background.svg-background--1{right:348px}.modules .module-4 .card.card-4 .svg-background.svg-background--2{left:238px}.modules .module-4 .card.card-4 .content{position:relative}.modules .module-4 .card.card-4 .content .icon{margin:0 auto}.modules .module-4 .card.card-4 .content .title{color:#161616;font-size:20px;font-weight:700;margin-bottom:8px;margin-top:16px;position:relative}.modules .module-4 .card.card-4 .content .sub-title{color:#161616;font-size:14px;max-width:270px;position:relative}.modules .module-4 .card.card-4 .content button{border-color:#fff;margin-top:16px}.modules .module-5{margin-bottom:24px}.modules .module-5 h2{margin:24px auto 64px;text-align:center;width:-webkit-fit-content;width:fit-content}.modules .module-5 .svg-text-top{margin:0 auto;width:-webkit-fit-content;width:fit-content}.modules .module-5 .svg---text span{font-size:14px;font-weight:700}.modules .module-5 .cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.modules .module-5 .cards .card{border-radius:10px;height:465px}.modules .module-5 .cards .card.card-1 .img{background-image:url(/static/media/modules-10.69eada22f5cdd25c7ce2.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:100%;overflow:hidden;position:relative}.modules .module-5 .cards .card.card-1 .img .gradient{bottom:0;left:0;position:absolute;right:0;top:0}.modules .module-5 .cards .card.card-2{overflow:hidden;padding:24px;position:relative}.modules .module-5 .cards .card.card-2 .svg-background{bottom:0;left:0;position:absolute}.modules .module-5 .cards .card.card-2 .content{max-width:270px;position:relative}.modules .module-5 .cards .card.card-2 .content .svg---text{margin-bottom:24px}.modules .module-5 .cards .card.card-2 .content p{font-size:14px;max-width:-webkit-fit-content;max-width:fit-content}.modules .module-5 .cards .card.card-2 .content .title{font-size:24px;font-weight:700;max-width:-webkit-fit-content;max-width:fit-content;padding-bottom:8px}.modules .module-5 .cards .card.card-2 .content button{color:#fff;margin-top:24px}.modules .module-5 .cards .card.card-3 .img{background-image:url(/static/media/modules-11.a0d80dbf29eeb892cd83.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:100%;overflow:hidden;position:relative}.modules .module-5 .cards .card.card-3 .img .gradient{bottom:0;left:0;position:absolute;right:0;top:0}.modules .module-6{border-radius:10px;display:flex;height:400px;margin-bottom:24px;overflow:hidden;position:relative}.modules .module-6 .img{background-image:url(/static/media/modules-12.c07a96aebc15e734be22.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:400px;width:40%}.modules .module-6 .img .svg-background{position:absolute}.modules .module-6 .content-container{display:flex;flex-direction:column;justify-content:center;padding-left:36px;position:relative;width:60%}.modules .module-6 .content-container .content{max-width:270px;position:relative}.modules .module-6 .content-container .content h3{color:#fff;line-height:55px;max-width:240px}.modules .module-6 .content-container .content p{color:#fff;font-size:16px;max-width:244px;padding:24px 0}.modules .module-7{display:flex;gap:24px;height:400px;margin-bottom:24px}.modules .module-7 .card{position:relative}.modules .module-7 .card.card-1{background-image:url(/static/media/modules-13.d5a36f7b1cdb94a0f966.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;position:relative;width:calc(68% - 12px)}.modules .module-7 .card.card-1 .svg-background{left:179px;position:absolute;top:0}.modules .module-7 .card.card-1 .card-top{max-width:270px;padding:24px;position:relative}.modules .module-7 .card.card-1 .card-top .title{color:#fff;font-size:20px;font-weight:700;max-width:190px;padding-bottom:8px}.modules .module-7 .card.card-1 .card-top .sub-title{color:#fff;font-size:14px}.modules .module-7 .card.card-1 .card-top button{margin-top:16px}.modules .module-7 .card.card-1 .card-bottom{height:60px;padding:0 24px;position:relative}.modules .module-7 .card.card-1 .card-bottom .tags{align-items:center;display:flex;gap:8px;height:60px}.modules .module-7 .card.card-1 .card-bottom .tags .tag{border-radius:20px;color:#fff;font-size:14px;max-height:27px;padding:3px 11px 5px}.modules .module-7 .card.card-2{background-image:url(/static/media/modules-14.53250ecb58d671eb1ef6.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;width:calc(32% - 12px)}.modules .module-7 .card.card-2 .svg-background{left:50%;position:absolute;transform:translateX(-50%)}.modules .module-7 .card.card-2 .socials-container{bottom:0;height:60px;padding:16px 8px;position:absolute;width:100%}.modules .module-7 .card.card-2 .socials-container .socials{display:flex;gap:8px;justify-content:center;margin:0 auto}.modules .module-8{border:1px solid #e3e3e3;border-radius:10px;margin-bottom:24px;width:100%}.modules .module-8 .col-1{width:40%}.modules .module-8 .col-2,.modules .module-8 .col-3,.modules .module-8 .col-4,.modules .module-8 .col-5{width:15%}.modules .module-8 .table-header{align-items:center;border-radius:10px 10px 0 0;color:#fff;display:flex;height:64px;padding:0 16px}.modules .module-8 .table-body .table-row{align-items:center;display:flex;padding:24px 16px}.modules .module-8 .table-body .table-row:first-of-type,.modules .module-8 .table-body .table-row:nth-of-type(2){border-bottom:1px solid #e3e3e3}.modules .module-8 .table-body .table-row .col-3 span,.modules .module-8 .table-body .table-row .col-4 span,.modules .module-8 .table-body .table-row .col-5 span{border-radius:20px;font-size:14px;padding:5px 11px}.modules .module-8 .table-body .table-row .col-3 span.text-light,.modules .module-8 .table-body .table-row .col-4 span.text-light,.modules .module-8 .table-body .table-row .col-5 span.text-light{color:#fff}.modules .module-8 .table-body .table-row .col-3 span.text-dark,.modules .module-8 .table-body .table-row .col-4 span.text-dark,.modules .module-8 .table-body .table-row .col-5 span.text-dark{color:#161616}.modules .module-8 .table-body .table-row .col-1 .name{display:flex;gap:16px;padding-right:24px}.modules .module-8 .table-body .table-row .col-1 .name img{border:5px solid;border-radius:50%;height:46px;width:46px}.modules .module-8 .table-body .table-row .col-1 .name .title{font-size:16px;font-weight:700}.modules .module-8 .table-body .table-row .col-1 .name .sub-title,.modules .module-8 .table-body .table-row .col-2 span{color:#8c8c8c;font-size:14px}.modules .module-8 .table-body .table-row .col-5 span{border:1px solid}.modules .module-10{display:flex;gap:24px;margin-bottom:24px}.modules .module-10 .card{align-items:flex-end;border:1px solid #e3e3e3;border-radius:10px;display:flex;height:140px;overflow:hidden;padding:16px;position:relative;width:calc(33.33333% - 8px)}.modules .module-10 .card .line{bottom:0;height:100%;left:0;position:absolute;top:0;width:8px}.modules .module-10 .card .svg-background{position:absolute;right:0;top:50%;transform:translateY(-50%)}.modules .module-10 .card .content-left{display:flex;flex-direction:column;margin-right:8px;position:relative}.modules .module-10 .card .content-left p:first-of-type{font-size:12px;font-weight:700;margin-bottom:8px}.modules .module-10 .card .content-left p:nth-of-type(2){font-size:48px;line-height:.95}.modules .module-10 .card .content-right{position:relative}.modules .module-10 .card .content-right p{color:#525252;font-size:12px}.modules .module-11{display:flex;gap:24px;height:465px;margin-bottom:24px}.modules .module-11 .email-container,.modules .module-11 .graph-container,.modules .module-11 .unknown-container{width:calc(33.33333% - 8px)}.modules .module-11 .graph-container{border:1px solid;border-radius:10px;overflow:hidden;position:relative}.modules .module-11 .graph-container .line{bottom:0;display:none;left:0;opacity:1;position:absolute;top:0;width:4px}.modules .module-11 .graph-container .content-top{display:flex;justify-content:space-between;padding:16px 16px 24px 24px;width:100%}.modules .module-11 .graph-container .content-top .buttons,.modules .module-11 .graph-container .content-top .legend{align-items:center;display:flex}.modules .module-11 .graph-container .content-top .buttons{gap:8px}.modules .module-11 .graph-container .content-top .legend{gap:16px}.modules .module-11 .graph-container .content-top .legend p{font-size:14px;margin-left:-12px}.modules .module-11 .graph-container .content-top .legend span{border-radius:3px;height:12px;width:12px}.modules .module-11 .graph-container .content-top .slider-icon{align-items:center;border:1px solid;border-radius:50%;display:flex;height:26px;justify-content:center;width:26px}.modules .module-11 .graph-container .content-top .slider-icon:nth-of-type(2) svg{margin-left:3px}.modules .module-11 .graph-container .content-middle{display:flex;padding-left:24px}.modules .module-11 .graph-container .content-middle .y-axis{bottom:39px;display:flex;flex-direction:column;gap:39px;margin-right:24px;max-width:30px;position:absolute}.modules .module-11 .graph-container .content-middle .y-axis span{color:#161616;font-size:12px}.modules .module-11 .graph-container .content-middle .graph{display:flex;gap:16px;left:48px;position:absolute;top:60px}.modules .module-11 .graph-container .content-middle .graph .graph-column{display:flex;flex-wrap:wrap;gap:4px;height:280px;width:84px}.modules .module-11 .graph-container .content-middle .graph .graph-column span{background-color:#d1d1d1;border-radius:4px;height:calc(10% - 3.6px);width:calc(33.33333% - 5.33333px)}.modules .module-11 .graph-container .content-bottom{bottom:10px;display:flex;gap:85px;margin-left:79px;position:absolute}.modules .module-11 .graph-container .content-bottom span{color:#161616;font-size:12px}.modules .module-11 .email-container{display:flex;flex-direction:column;gap:24px}.modules .module-11 .email-container .card{border:1px solid;border-radius:10px;display:flex;flex-direction:column;height:calc(33.33333% - 8px);justify-content:space-between;overflow:hidden;padding:16px;position:relative}.modules .module-11 .email-container .card .line{bottom:0;display:none;height:100%;left:0;opacity:1;position:absolute;top:0;width:4px}.modules .module-11 .email-container .card .content{align-items:flex-end;display:flex}.modules .module-11 .email-container .card .content .content-left{margin-right:8px;position:relative}.modules .module-11 .email-container .card .content .content-left p{font-size:32px;font-weight:700;line-height:1}.modules .module-11 .email-container .card .content .content-right{position:relative}.modules .module-11 .email-container .card .content .content-right p{font-size:12px}.modules .module-11 .email-container .card .content .content-right p span:nth-of-type(2){color:#525252;display:none}.modules .module-11 .email-container .card .options-card{display:flex;justify-content:flex-end}.modules .module-11 .email-container .card .options-card .option{background-color:#fff;border:1px solid #161616;border-radius:10px;color:#161616;font-size:12px;font-weight:700;height:55px;padding:4px;width:20.5%}.modules .module-11 .email-container .card .options-card .option:nth-of-type(2),.modules .module-11 .email-container .card .options-card .option:nth-of-type(3),.modules .module-11 .email-container .card .options-card .option:nth-of-type(4),.modules .module-11 .email-container .card .options-card .option:nth-of-type(5){margin-left:-1px}.modules .module-11 .unknown-container{display:flex;flex-direction:column;gap:24px}.modules .module-11 .unknown-container .card{border:1px solid;border-radius:10px;display:flex;height:calc(33.33333% - 8px);overflow:hidden;padding:16px;position:relative;width:100%}.modules .module-11 .unknown-container .card .line{bottom:0;display:none;height:100%;left:0;opacity:1;position:absolute;top:0;width:4px}.modules .module-11 .unknown-container .card .content .tags{align-items:center;display:flex;gap:8px;margin-bottom:8px}.modules .module-11 .unknown-container .card .content .tags .tag{border-radius:20px;color:#fff;display:inline-block;font-size:12px;max-height:24px;padding:3px 11px}.modules .module-11 .unknown-container .card .content .title{font-size:14px;font-weight:700;margin-bottom:8px}.modules .module-11 .unknown-container .card .content .sub-title{color:#707070;font-size:12px;margin-bottom:24px}.modules .module-11 .unknown-container .card .content button{bottom:16px;position:absolute}.modules .module-12{align-items:center;border-radius:10px;display:flex;display:none;height:140px;margin-bottom:24px;overflow:hidden;padding:0 64px;position:relative;width:100%}.modules .module-12 .svg-background{position:absolute;top:0}.modules .module-12 .svg-logo{position:relative}.modules .module-x{display:flex;gap:36px;justify-content:center;margin:120px 0}.modules .module-x h2{font-size:60px;font-weight:400;margin-bottom:36px;max-width:600px;text-align:center;text-shadow:-1px -1px 0 #161616,1px -1px 0 #161616,-1px 1px 0 #161616,1px 1px 0 #161616}.modules .module-9{display:flex;gap:24px;margin-bottom:24px}.modules .module-9 .calendar-container,.modules .module-9 .chat-container{border:1px solid #e3e3e3;border-radius:10px;flex-basis:calc(50% - 12px);flex-grow:0;flex-shrink:0;height:475px}.modules .module-9 .calendar-container{overflow:hidden;position:relative}.modules .module-9 .calendar-container .calendar-top{align-items:center;border-bottom:1px solid #e3e3e3;display:flex;justify-content:space-between;padding:12px 24px}.modules .module-9 .calendar-container .calendar-top .date{font-size:20px;font-weight:700}.modules .module-9 .calendar-container .calendar-middle{border-bottom:1px solid #e3e3e3;display:flex;flex-wrap:wrap;gap:16px;padding:8px 16px}.modules .module-9 .calendar-container .calendar-middle span{align-items:center;border:1px solid #0000;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;position:relative;width:calc(14.28571% - 13.71429px)}.modules .module-9 .calendar-container .calendar-middle span.date-weekday:after{border-bottom:2px solid;bottom:4px;content:"";height:2px;position:absolute;width:60%}.modules .module-9 .calendar-container .calendar-middle span.date-inactive{color:#d1d1d1}.modules .module-9 .calendar-container .calendar-middle span.date-style--1 div{color:#fff}.modules .module-9 .calendar-container .calendar-middle span .circle{align-items:center;border:2px solid;border-radius:50%;display:flex;height:36px;justify-content:center;min-width:36px;width:36px}.modules .module-9 .calendar-container .calendar-bottom{padding:8px 24px}.modules .module-9 .calendar-container .calendar-bottom .items-container{display:flex;gap:8px;position:absolute}.modules .module-9 .calendar-container .calendar-bottom .items-container .item{border:1px solid #e3e3e3;border-radius:10px;display:flex;flex-direction:column;height:110px;justify-content:space-between;min-width:180px;padding:8px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-top{display:flex;gap:4px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-top span{border-radius:20px;display:inline-block;font-size:14px;max-height:27px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-top span:first-of-type{align-items:center;display:flex;height:27px;justify-content:center;width:27px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-top span:nth-of-type(2){padding:3px 11px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom p{color:#b5b5b5;font-size:10px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom div{align-items:flex-start;display:flex;gap:4px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom div span:first-of-type{font-size:16px;font-weight:700;line-height:1.2}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom div span:nth-of-type(2){font-size:10px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom div span:nth-of-type(2) svg{display:inline-block;margin-left:4px}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom .progress-bar{background-color:#e3e3e3;border-radius:10px;height:5px;margin-top:4px;width:100%}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom .progress-bar span{border-radius:10px;height:100%}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom .progress-bar span.bar-1{width:35%}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom .progress-bar span.bar-2{width:65%}.modules .module-9 .calendar-container .calendar-bottom .items-container .item .content-bottom .progress-bar span.bar-3{width:43%}.modules .module-9 .chat-container{border:1px solid #e3e3e3;border-radius:10px;overflow:hidden}.modules .module-9 .chat-container .chat-top{display:flex;gap:16px;padding:16px}.modules .module-9 .chat-container .chat-top img{border:1px solid #fff;border-radius:8px;height:40px;width:40px}.modules .module-9 .chat-container .chat-top div p:first-of-type{font-size:14px;font-weight:700}.modules .module-9 .chat-container .chat-top div p:nth-of-type(2){font-size:14px}.modules .module-9 .chat-container .chat-top div p:nth-of-type(2):before{background-color:#3ad33a;border-radius:4px;content:"";display:inline-block;height:10px;margin-right:8px;width:10px}.modules .module-9 .chat-container .chat-middle{padding:16px}.modules .module-9 .chat-container .chat-middle .chat-a,.modules .module-9 .chat-container .chat-middle .chat-b{display:flex;flex-direction:column;width:100%}.modules .module-9 .chat-container .chat-middle .chat-a span,.modules .module-9 .chat-container .chat-middle .chat-b span{border-radius:10px;color:#fff;font-size:14px;margin-bottom:8px;max-width:80%;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.modules .module-9 .chat-container .chat-middle .chat-a span img,.modules .module-9 .chat-container .chat-middle .chat-b span img{display:inline-block;max-height:18px}.modules .module-9 .chat-container .chat-middle .chat-a{align-items:flex-end;margin-bottom:16px}.modules .module-9 .chat-container .chat-middle .chat-b:not(:last-child){margin-bottom:16px}.modules .module-9 .chat-container .chat-bottom{align-items:center;border-top:1px solid #e3e3e3;display:flex;gap:8px;padding:13px 16px;position:relative}.modules .module-9 .chat-container .chat-bottom button{width:28%}.modules .module-9 .chat-container .chat-bottom svg{position:absolute;right:16px}.header{color:#161616;margin:64px auto 36px;max-width:600px;padding:0 16px;text-align:center}.header h1{font-size:45px;font-weight:700;line-height:1.1;padding-bottom:24px}.header h1 span{color:#297bff}.header p{padding-bottom:48px}@media(max-width:750px){.header h1{font-size:36px}.header p{font-size:14px}}.loader{opacity:1}.saved .scales--container,.themes .scales--container{margin:0 auto;max-width:1049px}.saved .scales--container .scales--card,.themes .scales--container .scales--card{border:1px solid #e3e3e3;border-radius:24px;margin-bottom:48px;padding:36px 36px 0}.saved .scales--container .scales--header,.themes .scales--container .scales--header{display:flex;justify-content:flex-end}.saved .scales--container .scales--header .scales--theme-content,.themes .scales--container .scales--header .scales--theme-content{margin-bottom:36px;max-width:500px}.saved .scales--container .scales--header .scales--theme-content h3,.themes .scales--container .scales--header .scales--theme-content h3{color:#297bff;font-size:16px;font-weight:700}.saved .scales--container .scales--header .scales--theme-content h3,.saved .scales--container .scales--header .scales--theme-content svg,.themes .scales--container .scales--header .scales--theme-content h3,.themes .scales--container .scales--header .scales--theme-content svg{margin-bottom:16px}.saved .scales--container .scales--header .scales--theme-content p,.themes .scales--container .scales--header .scales--theme-content p{color:#161616}.saved .scales--container .scales--header .scales--actions,.themes .scales--container .scales--header .scales--actions{display:flex;gap:24px}.saved .scales--container .scales--header .scales--actions .action,.themes .scales--container .scales--header .scales--actions .action{height:40px;margin-bottom:-24px}.saved .scales--container .scales--header .scales--actions .action span,.themes .scales--container .scales--header .scales--actions .action span{border-bottom:1px solid #0000;color:#297bff}.saved .scales--container .scales--header .scales--actions .action:hover span,.themes .scales--container .scales--header .scales--actions .action:hover span{border-color:#297bff}.saved .scales--container .scales--content .scale--content:not(:last-child),.themes .scales--container .scales--content .scale--content:not(:last-child){margin-bottom:16px}.saved .scales--container .scales--content .color-name,.themes .scales--container .scales--content .color-name{background-color:#f7f7f7;border-radius:14px;color:#161616;font-size:14px;margin-bottom:16px;padding:4px 14px;width:-webkit-fit-content;width:fit-content}.saved .scales--container .scales--footer,.themes .scales--container .scales--footer{display:flex;justify-content:flex-end;padding-bottom:16px}.saved .scales--container .scales--footer p,.themes .scales--container .scales--footer p{color:#b5b5b5;font-size:12px}.themes .scales--container .scales--card{padding-bottom:24px}.themes .scales--container .scales--header{justify-content:space-between}.themes .themes-mode--container{border:1px solid #e3e3e3;border-radius:8px;display:flex;gap:4px;justify-content:center;margin:0 auto;padding:4px;width:-webkit-fit-content;width:fit-content}.themes .themes-mode--container .themes-mode-btn{align-items:center;background-color:#f7f7f7;border:1px solid #f0f0f0;border-radius:4px;display:flex;gap:8px;justify-content:center;padding:8px 0;width:100px}.themes .themes-mode--container .themes-mode-btn span{color:#8c8c8c}.themes .themes-mode--container .themes-mode-btn:hover{background-color:#fff;border-color:#297bff}.themes .themes-mode--container .themes-mode-btn:hover span{color:#297bff}.themes .themes-mode--container .themes-mode-btn:hover svg path{stroke:#297bff}.themes .themes-mode--container .themes-mode-btn.active{background-color:#fff;border-color:#297bff}.themes .themes-mode--container .themes-mode-btn.active span{color:#297bff}.themes .themes-mode--container .themes-mode-btn.active svg path{stroke:#297bff}.themes .mode-button:hover{background-color:#e4e4e4}.themes .mode-button.active{background-color:#161616;border-color:#161616;color:#fff}nav{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;color:#161616;display:flex;font-size:16px;font-weight:500;left:0;max-height:54px;min-height:54px;padding:8px;position:fixed;right:0;top:0;z-index:3}nav .logo{margin-right:48px}nav .nav-items--container{display:flex;flex-direction:row;justify-content:space-between;width:100%}nav .nav-items--container .nav-items{display:flex}nav .nav-items--container .nav-items span{color:#161616}nav .nav-items--container .nav-items.items--left{gap:36px}nav .nav-items--container .nav-items.items--left svg{display:none}nav .nav-items--container .nav-items.items--right{gap:16px}nav .nav-items--container .nav-items.items--right button{display:block}nav .nav-items--container .nav-items.items--right button span{display:none}nav .nav-items--container .nav-items.items--right button svg.icon--hover{opacity:0;position:absolute;transform:translateY(-30px)}nav .nav-items--container .nav-items.items--right button:hover svg.icon--default{opacity:0}nav .nav-items--container .nav-items.items--right button:hover svg.icon--hover{opacity:1}nav .hamburger-menu{display:none}@media(max-width:600px){nav{z-index:4}nav .nav-items--container{background-color:#297bff;flex-direction:column;height:100vh;justify-content:flex-start;padding:36px;position:fixed;right:-100%;text-align:right;top:54px;transition:right .3s ease;width:100%}nav .nav-items--container .nav-items{align-items:flex-end;color:#fff;flex-direction:column;width:100%}nav .nav-items--container .nav-items span{color:#fff}nav .nav-items--container .nav-items.items--left{border-bottom:1px solid #fff;gap:24px;padding-bottom:24px}nav .nav-items--container .nav-items.items--left svg{display:block}nav .nav-items--container .nav-items.items--right{gap:24px;padding-top:24px}nav .nav-items--container .nav-items.items--right button{display:flex}nav .nav-items--container .nav-items.items--right button span{display:inline}nav .nav-items--container .nav-items.items--right button svg{stroke:#fff}nav .nav-items--container .nav-items.items--right button svg.icon--hover{display:none}nav .nav-items--container .nav-items.items--right button:hover svg.icon--default{opacity:1}nav .nav-items--container.open{right:0}nav .nav-items--container.open .hamburger-menu .span-2{display:none}nav .nav-items--container.open .hamburger-menu .span-1{height:3px;margin-top:10px;transform:rotate(45deg)}nav .nav-items--container.open .hamburger-menu .span-3{height:3px;margin-bottom:6px;transform:rotate(-45deg)}nav .hamburger-menu{cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:space-between;position:fixed;right:16px;top:16px;width:36px}nav .hamburger-menu span{background-color:#297bff;display:block;height:2px;transition:transform .3s ease}}.page.dark{background-color:#161616;color:#fff}.page.dark nav{background-color:#161616!important;border-color:#d1d1d1;color:#fff!important}button{cursor:pointer}button:disabled{cursor:auto;opacity:.4}.svg---text{align-items:center;display:flex;gap:8px}.temp-buttons{display:flex;flex-direction:column;gap:16px}.temp-buttons button{border-radius:8px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.err-btn,.pri-btn,.qua-btn,.sec-btn,.ter-btn{border-radius:6px;font-size:14px;height:40px;max-height:40px;min-height:40px;padding:8px 16px}.err-btn span,.pri-btn span,.qua-btn span,.sec-btn span,.ter-btn span{font-size:14px}.pri-btn{background-color:#297bff;border:1px solid #297bff}.pri-btn,.pri-btn span{color:#fff}.pri-btn:hover{background-color:#1c64d8;border-color:#1c64d8}.sec-btn{background-color:#eaf2ff;border:1px solid #297bff;color:#297bff}.sec-btn span{color:#1c64d8}.sec-btn:hover{background-color:#d2e4ff;border-color:#1c64d8;color:#1c64d8}.ter-btn{background-color:#fff;border:1px solid #297bff}.ter-btn,.ter-btn span{color:#297bff}.ter-btn:hover{background-color:#eaf2ff;border-color:#297bff}.qua-btn{background-color:#fff;border:1px solid #fff}.qua-btn,.qua-btn span{color:#297bff}.qua-btn:hover{background-color:#eaf2ff}.err-btn{background-color:#c92017;border:1px solid #c92017}.err-btn,.err-btn span{color:#fff}.err-btn:hover{background-color:#ab1911;border-color:#ab1911}
/*# sourceMappingURL=main.93b9ab50.css.map*/