@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600&display=swap);*,:after,:before{box-sizing:border-box;margin:0;outline:none;padding:0}:root{--clr-err:#f06060;--clr-btn:#375d81;--clr-btn-hover:#183152;--clr-lite-grey:#7f93a2;--trans:0.5s ease;--font-noto:"Noto Sans",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Noto Sans,sans-serif;font-family:var(--font-noto);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.input-container{align-items:center;display:flex;flex-direction:column;gap:2.2rem;margin-top:3rem;position:relative;width:100%}.input-container input{border:1px solid #7f93a2;border:1px solid var(--clr-lite-grey);border-radius:4px;font-size:1rem;max-width:20rem;padding:.5rem 1rem;width:80%}.input-container input::-webkit-input-placeholder{font-family:inherit}.input-container input::placeholder{font-family:inherit}.input-container input:focus{border-color:#000}.input-container button{background-color:#375d81;background-color:var(--clr-btn);border:0;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#fff;font-family:inherit;font-size:1.2rem;font-weight:500;padding:.5rem 1.2rem;transition:.5s ease;transition:var(--trans)}.input-container button:hover{box-shadow:0 5px 15px rgba(0,0,0,.35)}.err{color:#f06060;color:var(--clr-err);position:absolute;top:2.6rem}.err.hide{visibility:hidden}.colors{border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.24);flex-direction:column;margin:4rem auto;max-width:24rem;overflow:hidden;width:70%}.clip,.colors{align-items:center;display:flex}.clip{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;bottom:3rem;box-shadow:0 4px 30px rgba(0,0,0,.1);font-size:1rem;gap:.6rem;justify-content:center;left:calc(50vw - 7rem);padding:.5rem 1rem;position:fixed;transition:.8s ease;width:14rem;z-index:2}.clip .TiTick{background-color:#96ed89;border-radius:50%;color:#fff}.clip.hide{display:none;transition:.8s ease}@media screen and (min-width:850px){.colors{align-items:center;display:flex;flex-direction:row;height:8rem;min-width:90%}}:root{--trans:all 0.5s ease}.tile{display:flex;min-height:3rem;padding:1rem;transition:all .5s ease;transition:var(--trans);width:100%}.tile:hover{cursor:pointer}.details{display:flex;flex-direction:column;font-size:.8rem;gap:.2rem;transition:all .5s ease;transition:var(--trans)}.details.tint{color:#000}.details.shade{color:#fff}.details.hide{display:none;transition:all .5s ease;transition:var(--trans)}@media screen and (min-width:850px){.tile{height:8rem}.tile:hover{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}
/*# sourceMappingURL=main.a0519cba.css.map*/