.CP-sandbox[data-v-2dde3d42]{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.CP-sandbox__component[data-v-2dde3d42]{pointer-events:all;z-index:10}.fade-enter-active[data-v-2dde3d42],.fade-leave-active[data-v-2dde3d42]{transition:.3s}.fade-enter-to[data-v-2dde3d42],.fade-leave-from[data-v-2dde3d42]{opacity:1}.fade-enter-from[data-v-2dde3d42],.fade-leave-to[data-v-2dde3d42]{opacity:0}.CP-canvas-picker[data-v-2e4ee9c7]{cursor:pointer;height:100%;position:relative;width:100%}.CP-canvas-picker__slider[data-v-2e4ee9c7]{box-shadow:0 0 1px 1px var(--colorPickerShadowIn);box-sizing:border-box;position:absolute}.CP-canvas-picker--xy .CP-canvas-picker__slider[data-v-2e4ee9c7]{border:1px solid var(--colorPickerSlider);border-radius:50%;box-shadow:0 0 2px .5px var(--colorPickerShadowIn) inset,0 0 1px 1px var(--colorPickerShadowIn);height:10px;left:100px;top:0;width:10px}.CP-canvas-picker--x .CP-canvas-picker__slider[data-v-2e4ee9c7]{background:var(--colorPickerSlider);border-radius:2px;height:100%;left:100px;top:0;width:4px}.CP-canvas-picker--y .CP-canvas-picker__slider[data-v-2e4ee9c7]{background:var(--colorPickerSlider);border-radius:2px;height:4px;left:0;top:100px;width:100%}.CP-preview[data-v-86a52070]{position:relative}.CP-preview__old[data-v-86a52070]{bottom:0;cursor:pointer;left:50%;position:absolute;right:0;top:0}.CP-box{display:flex;font-size:12px}.CP-box__name{align-items:center;background:var(--colorPickerInputTitleBg);color:var(--colorPickerInputTitle);display:flex;float:left;height:30px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:60px}.CP-box__value{background:var(--colorPickerInputTextBg);border:0;color:var(--colorPickerInputText);cursor:text;flex:1;height:30px;min-width:100px;padding:0 12px}.CP-box__value:focus{outline:none}.CP-eye-dropper[data-v-0228f4b6]{background:var(--colorPickerDropperBg);color:var(--colorPickerDropper);cursor:pointer;width:38px}.CP-colors[data-v-9c988020]{overflow:hidden;width:100%}.CP-colors__items[data-v-9c988020]{display:flex;gap:8px;justify-content:space-between;width:100%}.CP-colors__items__item[data-v-9c988020]{border-radius:0;cursor:pointer;height:16px;position:relative;transition:.3s;width:100%}.CP-colors__items__item[data-v-9c988020]:after,.CP-colors__items__item[data-v-9c988020]:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.CP-colors__items__item[data-v-9c988020]:before{background:var(--alpha)}.CP-colors__items__item[data-v-9c988020]:after{background:var(--color)}.CP-block[data-v-decda8c9]{background:var(--colorPickerBg);border-radius:5px;box-shadow:0 0 16px 0 var(--colorPickerShadowOut);display:flex;flex-direction:column;gap:8px;height:-moz-max-content;height:max-content;padding:10px;width:195px}.CP-block__pickers[data-v-decda8c9]{display:grid;gap:8px;grid-template-columns:152px 15px 15px}.CP-block__rows[data-v-decda8c9]{display:grid;gap:8px;grid-template-columns:auto 30px;grid-template-rows:30px}.CP-block__rows__preview[data-v-decda8c9]{grid-area:auto/1/auto/3}.CP-block__rows__eye-dropper[data-v-decda8c9]{grid-area:auto/2/auto/3}.CP-block__rows__colors[data-v-decda8c9],.CP-block__rows__hex[data-v-decda8c9],.CP-block__rows__rgba[data-v-decda8c9]{grid-area:auto/1/auto/3}.CP-block--with-alpha[data-v-decda8c9]{width:218px}.CP-block--with-eye-dropper .CP-block__rows[data-v-decda8c9]{grid-template-columns:auto 38px;grid-template-rows:38px}.CP-block--with-eye-dropper .CP-block__rows__preview[data-v-decda8c9]{grid-area:auto/1/auto/2}.CP-absolute[data-v-21a5aecd]{bottom:0;left:0;position:fixed;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CP-absolute__component[data-v-21a5aecd]{position:absolute}.stop-wrapper[data-v-5a08ac54]{height:-moz-fit-content;height:fit-content;left:50%;position:absolute;top:50%;translate:-50% -50%;width:-moz-fit-content;width:fit-content}.messages-modal[data-v-e9084592]{max-width:73rem;min-height:10rem;min-width:35rem}.modal-header[data-v-e9084592]{border-bottom:1px solid var(--app-secondary);text-align:center}.messages-container[data-v-e9084592]{font-size:1.5rem;margin-top:1rem;text-align:center}.buttons-container[data-v-e9084592]{display:flex;gap:.5rem;margin-top:2rem}button[data-v-e9084592]{background-color:var(--bg-color);border-radius:1rem;font-weight:600;width:100%}span.contrast-text[data-v-9ea6cbd2]{all:unset;color:var(--text)}.picker[data-v-c400397b]{align-items:center;background-color:var(--chosen-color);border-radius:1rem;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;height:8rem;justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:10rem}.icon-container[data-v-c400397b]{bottom:.5rem;color:#000;mix-blend-mode:multiply;position:absolute;right:.5rem}.custom-dropdown[data-v-c113dfb8]{font-size:1.25rem;position:relative}select[data-v-c113dfb8]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right .5rem center;background-repeat:no-repeat;background-size:2rem;border:none;font-size:inherit;font-weight:600;outline:none;padding-right:2rem;width:100%}.arrow-container[data-v-c113dfb8]{position:absolute;right:0;top:50%;translate:-50% -50%}option[data-v-c113dfb8]{color:var(--primary);padding:0 2rem}.random-picker[data-v-87b4aff6]{--primary:#303030;--background:#fff;border:1px solid var(--primary);border-radius:1rem;color:var(--primary);cursor:pointer;display:grid;grid-template-rows:auto 1fr;height:8rem;justify-content:center;position:relative;transition-duration:.18s;transition-property:color,background-color;transition-timing-function:ease;width:10rem}.random-picker[data-v-87b4aff6]:hover{background-color:var(--primary);color:var(--background)}.random-picker>span[data-v-87b4aff6]{left:50%;position:absolute;top:50%;translate:-50% calc(-50% + .5rem)}.dropdown-container[data-v-87b4aff6]{padding:0 .5rem}.export-scheme-modal[data-v-a97d6bc4]{width:60rem}.modal-header[data-v-a97d6bc4]{align-items:flex-end;border-bottom:1px solid var(--app-secondary);color:var(--app-dark-text);display:flex;justify-content:space-between;padding:1rem 0}.formats-container[data-v-a97d6bc4]{display:flex;gap:1rem;padding-top:1rem}.export-format[data-v-a97d6bc4]{background-color:var(--app-secondary);border-radius:.75rem;color:var(--app-dark-text);cursor:pointer;font-size:1.25rem;font-weight:600;min-width:5rem;padding:.75rem;text-align:center;transition-duration:.18s;transition-property:background-color,color;transition-timing-function:ease}.export-format.active[data-v-a97d6bc4],.export-format[data-v-a97d6bc4]:hover{background-color:var(--app-accent);color:var(--app-background)}.preview-container[data-v-a97d6bc4]{background-color:var(--app-secondary);border:1px solid var(--app-accent);border-radius:1rem;font-size:1.75rem;margin-top:1rem;min-height:10rem;padding:1rem;position:relative}.preview-container pre code[data-v-a97d6bc4]{line-height:3rem;text-align:justify}.copy-btn[data-v-a97d6bc4]{background-color:var(--app-primary);border-radius:.75rem;color:var(--app-accent);cursor:pointer;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;transition-duration:.18s;transition-property:background-color,color;transition-timing-function:ease}.copy-btn[data-v-a97d6bc4]:hover{background-color:var(--app-accent);color:var(--app-background)}.random-picker[data-v-a2110019]{--primary:#303030;--background:#fff;border:1px solid var(--primary);border-radius:1rem;color:var(--primary);cursor:pointer;display:grid;grid-template-rows:auto 1fr;height:8rem;justify-content:center;position:relative;transition-duration:.18s;transition-property:color,background-color;transition-timing-function:ease;width:10rem}.random-picker[data-v-a2110019]:hover{background-color:var(--primary);color:var(--background)}.random-picker>span[data-v-a2110019]{left:50%;position:absolute;top:50%;translate:-50% calc(-50% + .5rem)}.schemes-manager-modal[data-v-39bb1490]{min-height:25rem;width:60rem}.modal-header[data-v-39bb1490]{align-items:flex-end;border-bottom:1px solid var(--app-secondary);color:var(--app-dark-text);display:flex;justify-content:space-between;padding:1rem 0}.schemes-container[data-v-39bb1490]{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1rem}.scheme-preview[data-v-39bb1490]{cursor:pointer;display:grid;grid-template-rows:1fr auto}.colors-fill[data-v-39bb1490]{aspect-ratio:1;border-radius:1rem;overflow:hidden}.colors-fill.active[data-v-39bb1490]{box-shadow:0 0 5px 2px var(--app-accent)}.scheme-name[data-v-39bb1490]{font-size:1.25rem;font-weight:600;text-align:center}.color-fill[data-v-39bb1490]{background-color:var(--bg-color);font-size:1.5rem;text-align:center}.modal-header[data-v-9332ebe4]{border-bottom:1px solid var(--app-secondary);text-align:center}.modal-body[data-v-9332ebe4]{margin-top:1rem}input[data-v-9332ebe4]{--bg-color:color-mix(in hsl,rgb(from var(--app-primary) r g b) 90%,hsl(0 0 0) 10%);background-color:var(--bg-color);border:1px solid var(--bg-color);border-radius:1rem}.btns-container[data-v-9332ebe4]{display:flex;gap:1rem;margin-top:1rem}.btns-container>button[data-v-9332ebe4]{width:100%}.app-btn[data-v-9332ebe4]{--bg-color:var(--app-accent);--text-color:var(--app-background);--active-text-color:var(--app-accent);font-weight:600}.app-btn.cancel-btn[data-v-9332ebe4]{--bg-color:var(--app-secondary);--text-color:var(--app-background)}.schemes-manager[data-v-edcf9774]{--primary:#303030;--background:#fff;color:var(--primary);display:grid;gap:.5rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:8rem;width:10rem}.sub-btn[data-v-edcf9774]{border:1px solid var(--primary);border-radius:1rem;cursor:pointer;position:relative;transition-duration:.18s;transition-property:color,background-color;transition-timing-function:ease}.sub-btn[data-v-edcf9774]:hover{background-color:var(--primary);color:var(--background)}.sub-btn>span[data-v-edcf9774]{left:50%;position:absolute;top:50%;translate:-50% -50%}.floating-controls-nav[data-v-3facd5fd]{background-color:var(--app-primary);border-radius:1rem;bottom:4rem;-moz-column-gap:1rem;column-gap:1rem;display:flex;isolation:isolate;left:50%;padding:2rem;position:fixed;translate:-50% 0;z-index:100}.separator[data-v-3facd5fd]{width:1rem}.refresh-locked-style[data-v-0d4f685d]{aspect-ratio:1;background-color:hsla(from var(--app-primary) h s l/.8);border:var(--app-primary);border-radius:50%;box-shadow:0 0 .5rem #000;left:var(--left);position:absolute;top:var(--top);transition-duration:.18s;transition-property:background-color,color;transition-timing-function:ease;width:3rem}.refresh-locked-style>span[data-v-0d4f685d]{left:50%;position:absolute;top:50%;translate:-50% -50%}.refresh-locked-style[data-v-0d4f685d]:hover{background-color:var(--app-accent);color:var(--app-background)}#modals[data-v-9a626f31]{isolation:isolate;z-index:2}#modals.active[data-v-9a626f31]{position:fixed}#modals.active[data-v-9a626f31],.overlay[data-v-9a626f31]{bottom:0;left:0;right:0;top:0}.overlay[data-v-9a626f31]{background-color:#ffffffb3;position:absolute;z-index:-1}nav[data-v-ecf4b72a]{align-items:center;background-color:var(--primary);box-shadow:0 0 10px #303030;display:flex;justify-content:space-between;left:0;padding:2rem var(--global-padding);position:fixed;right:0;top:0;z-index:100}nav[data-v-ecf4b72a] *{color:var(--background);font-size:2rem}h1.logo[data-v-ecf4b72a]{font-size:3.5rem;margin:0;padding:0}.links-container[data-v-ecf4b72a]{display:flex;gap:2rem;list-style:none;padding:0}.links-container li[data-v-ecf4b72a]{cursor:pointer}.links-container li[data-v-ecf4b72a]:hover{color:var(--accent)}.login-btn[data-v-ecf4b72a]{cursor:pointer;padding-bottom:1.5rem;padding-top:1.5rem;position:relative}.login-btn[data-v-ecf4b72a]:hover:after{background-color:#575757b3;color:#fff;content:"(for now) this is fake";font-size:1rem;height:20px;left:calc(var(--mouse-x) + 20px);padding:1rem;position:absolute;text-wrap:nowrap;top:calc(var(--mouse-y) + 20px)}.login-btn .minimum[data-v-ecf4b72a]{bottom:.5rem;position:absolute;text-wrap:nowrap;translate:-50% 0}.logo-container svg[data-v-ecf4b72a]{width:16rem}.input-name-container[data-v-0f1c2699]{font-size:1.5rem;font-weight:600}.complete-input-container[data-v-0f1c2699]{border:1px solid var(--primary);display:grid;gap:.5rem;grid-template-columns:1fr 7fr;padding:.4rem 0}.icon-container[data-v-0f1c2699]{align-items:center;border-right:1px solid var(--primary);display:flex;justify-content:center}input[data-v-0f1c2699]{background-color:transparent;border:none}.input-name-container[data-v-0c3de03f]{font-size:1.5rem;font-weight:600}textarea[data-v-0c3de03f]{border:1px solid var(--primary);color:var(--dark-text);height:var(--height);outline:none;resize:none;width:100%}.hero-section[data-v-affd1c7f]{align-items:center;display:flex;height:70vh;justify-content:space-around}h1.slogan[data-v-affd1c7f]{font-size:4.5rem;width:50rem}.reference-image-container[data-v-affd1c7f]{background-color:var(--secondary);height:40rem;opacity:.3;width:50rem}.contact-section[data-v-affd1c7f],.tutorial-section[data-v-affd1c7f]{background-color:var(--primary);color:var(--background)}.number-card-container[data-v-affd1c7f]{align-items:center;background-color:var(--secondary);display:grid;grid-template-columns:1fr 2fr;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:2rem;position:relative;width:70rem}.number-card-container[data-v-affd1c7f]:nth-child(odd){margin-left:0}.number-card-container[data-v-affd1c7f]:nth-child(2n){margin-right:0}.number-card-container[data-v-affd1c7f] *{color:var(--dark-text)}.step-index-container[data-v-affd1c7f]{text-align:center}.step-index[data-v-affd1c7f]{font-size:10rem}.description[data-v-affd1c7f]{font-size:2rem;position:relative}.badge[data-v-affd1c7f]{--left:4rem;translate:0 -50%}.pricing-cards-container[data-v-affd1c7f]{display:flex;justify-content:space-between}.pricing-card[data-v-affd1c7f]{background-color:#fff;box-shadow:0 0 1rem var(--secondary);display:grid;grid-template-rows:1fr auto;height:50rem;padding:3.5rem;width:40rem}.pricing-card.expanded[data-v-affd1c7f]{scale:1.05}.minimum[data-v-affd1c7f]{font-size:1.5rem}.pricing-card .plan-title[data-v-affd1c7f]{font-size:4rem}.pricing-card .price[data-v-affd1c7f]{font-size:3rem}.pricing-card .pricing-plan-features[data-v-affd1c7f]{font-size:2rem;list-style-position:inside;padding:0}div.forms-container[data-v-affd1c7f]{color:var(--dark-text);display:flex;justify-content:space-around}.forms-container form[data-v-affd1c7f]{background-color:var(--background);padding:4rem;width:40rem}.send-btn[data-v-affd1c7f]{width:100%}.newslater-form[data-v-affd1c7f]{height:-moz-min-content;height:min-content}#app{isolation:isolate;z-index:1}.home{background-color:var(--background);color:var(--dark-text);padding-top:12rem;position:relative}span.accent{color:var(--accent)}span.secondary{color:var(--secondary)}span.minimum{font-size:1rem}.separator{height:2rem}h2.section-title,h4.section-subtitle{text-align:center;width:100%}h4.section-subtitle{font-weight:400}button{background-color:var(--bg-color);border:none;min-width:15rem;padding:1rem 2rem}button.primary-btn{background-color:var(--primary);color:var(--background);font-weight:600}button.secondary-btn{background-color:var(--secondary);font-weight:600}button.secondary-btn,button.secondary-btn *{color:var(--parimary)}button.app-btn{--bg-color:var(--app-secondary);--text-color:var(--app-light-text);--active-bg-color:hsla(from var(--bg-color),h s l/0);--active-text-color:var(--app-secondary);background-color:var(--bg-color);border:2px solid var(--bg-color);border-radius:1rem;color:var(--text-color);cursor:pointer;transition-duration:.18s;transition-property:background-color,color;transition-timing-function:ease}button.app-btn:hover{background-color:var(--active-bg-color);color:var(--active-text-color)}div.badge{--top:0;--left:0;--heigh:3.7rem;--background:var(--accent);background-color:var(--background);color:var(--dark-text);font-size:1.5rem;font-style:italic;font-weight:600;height:var(--heigh);left:var(--left);min-width:7rem;padding:1rem 1.5rem;position:absolute;text-align:center;top:var(--top)}div.badge:after,div.badge:before{border:calc(var(--heigh)/2) solid transparent;content:"";height:0;position:absolute;top:0;width:0}div.badge:before{border-right-color:var(--background);left:0;translate:-100% 0}div.badge:after{border-left-color:var(--background);right:0;translate:100% 0}input{border:1px solid var(--primary);color:var(--dark-text);height:4rem;outline:none;padding-left:.5rem;width:100%}p{margin:0;padding:0}label{--text-color:var(--app-dark-text);color:var(--text-color);font-size:1.5rem;font-weight:600}