body{margin:0}.fl{display:flex;align-items:center}.fl.cl{flex-direction:column}.fl.j-c{justify-content:center}.fl.j-b{justify-content:space-between}.fl.j-st{justify-content:start}.fl.j-end{justify-content:end}.fl.a-i{align-items:initial}.fl.a-st{align-items:start}.fl.a-end{align-items:end}.fl.g-1{gap:.25rem}.fl.g-2{gap:.5rem}.fl.g-3{gap:1rem}.fl.g-4{gap:1.5rem}.fl.g-5{gap:3rem}.fl.g-6{gap:5rem}.fl.g-7{gap:7.5rem}.fl.g-8{gap:10rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.ps-1{padding-left:.25rem}.ps-2{padding-left:.5rem}.ps-3{padding-left:1rem}.ps-4{padding-left:1.5rem}.ps-5{padding-left:3rem}.pl-0{padding-left:0}.mt-1{margin-top:.25rem}.my-0{margin-top:0;margin-bottom:0}/*!
* Toastify js 1.12.0
* https://github.com/apvarun/toastify-js
* @license MIT licensed
*
* Copyright (C) 2018 Varun A P
*/.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}.page.svelte-rb0ds0.svelte-rb0ds0{width:100vw;height:100vh}.page.svelte-rb0ds0 .abs-1.svelte-rb0ds0{position:absolute;top:10%;left:0;right:0;z-index:2}.page.svelte-rb0ds0 .color-code-preview.svelte-rb0ds0{font-size:4rem;color:#fff}@media screen and (max-width: 1000px){.page.svelte-rb0ds0 .color-code-preview.svelte-rb0ds0{font-size:2rem}}.page.svelte-rb0ds0 .abs-2.svelte-rb0ds0{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1}.page.svelte-rb0ds0 .abs-2 .main-board.svelte-rb0ds0{border-radius:.3em;background-color:#ffffff80}.page.svelte-rb0ds0 .abs-2 .main-board #history-save-btn.svelte-rb0ds0{color:#222;border:solid 1px #222}.page.svelte-rb0ds0 input.svelte-rb0ds0{outline:none;border:solid 1px gray;border-radius:.15em;height:50px}.page.svelte-rb0ds0 input[type=text].svelte-rb0ds0{font-size:2rem;width:200px;padding-left:.5rem;padding-right:.5rem}.page.svelte-rb0ds0 input[type=number].svelte-rb0ds0{font-size:1.5rem;padding-left:.5rem;padding-right:.5rem}.page.svelte-rb0ds0 input[type=color].svelte-rb0ds0{width:50px;cursor:pointer}.page.svelte-rb0ds0 input[type=checkbox].svelte-rb0ds0{width:30px;height:30px;cursor:pointer}.page.svelte-rb0ds0 .color-card.svelte-rb0ds0{background-color:#fff}.page.svelte-rb0ds0 .color-card.color-control .sharp.svelte-rb0ds0{font-size:2rem}.page.svelte-rb0ds0 .color-card.rgba .rgb.svelte-rb0ds0{font-size:1.4rem}@media screen and (max-width: 1000px){.page.svelte-rb0ds0 .color-card.rgba .rgb.svelte-rb0ds0{font-size:1.2rem}}.page.svelte-rb0ds0 .color-card.rgba input.svelte-rb0ds0{width:60px}@media screen and (max-width: 1000px){.page.svelte-rb0ds0 .color-card.rgba input.svelte-rb0ds0{width:45px;font-size:1.3rem}}.page.svelte-rb0ds0 .btn-tr.svelte-rb0ds0{background:transparent;border:1px solid #eee;color:#eee;border-radius:.3em;cursor:pointer}.page.svelte-rb0ds0 .label-box.svelte-rb0ds0{border:solid 1px #fff;border-radius:.3em;color:#fff;cursor:pointer;padding:.3rem .5rem}.page.svelte-rb0ds0 .aside-board.svelte-rb0ds0{position:absolute;top:0;right:0;border-radius:0 0 0 .5rem;background-color:#ffffffb3;padding:.5rem 1rem 1rem}.page.svelte-rb0ds0 .aside-board .title.svelte-rb0ds0{font-size:1.5rem;margin-bottom:.5rem;display:block}.page.svelte-rb0ds0 .aside-board ul.svelte-rb0ds0{margin:0;padding:0}.page.svelte-rb0ds0 .aside-board ul li.svelte-rb0ds0{list-style:none}.page.svelte-rb0ds0 .aside-board ul li .box.svelte-rb0ds0{height:30px;width:30px;border:solid 1px #fff}.page.svelte-rb0ds0 .color-history.svelte-rb0ds0{position:absolute;top:0;bottom:0;left:0;background-color:#ffffffb3;z-index:2;height:100vh;overflow-y:scroll}.page.svelte-rb0ds0 .color-history ul.svelte-rb0ds0{padding:0;margin:0}.page.svelte-rb0ds0 .color-history ul li.svelte-rb0ds0{list-style:none}.page.svelte-rb0ds0 .color-history .box.svelte-rb0ds0{height:30px;width:30px;border:solid 1px #fff}