@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf9f6}*,body{margin:0}*{box-sizing:border-box;font-family:Roboto,sans-serif;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.palette-wrapper{grid-gap:4rem;background-color:#faf9f6;display:grid;gap:4rem;grid-template-columns:1fr}.palette-wrapper-container{background-color:#fff;display:grid;grid-template-columns:1fr;position:relative}.prompt-and-search{grid-gap:2rem;gap:2rem;grid-template-columns:1fr;justify-items:space-between!important;padding:1rem 4rem}.interaction-box,.prompt-and-search{display:grid;max-width:100%;overflow-x:hidden}.interaction-box{grid-gap:1rem;gap:1rem;grid-template-columns:1fr;position:relative;width:100%}.interaction-box .user-prompt{background-color:#fff;background-color:#faf9f6;border-radius:5px;font-size:2.5vmin;font-weight:400;justify-self:end;padding:12px;position:relative;width:fit-content;z-index:3}.interaction-box .user-prompt:after{background-color:#faf9f6;border-radius:0 100% 0 100%/0 100% 100% 100%;bottom:0;content:"";height:5px;position:absolute;right:-3px;width:10px}.prompt-box{font-size:2.5vmin;font-weight:400;max-width:100%;overflow-x:hidden;position:relative;width:fit-content;z-index:3}.text-reveal{animation:typing 2s steps(40),blink-caret .75s step-end infinite;animation-fill-mode:forwards;max-width:100%;overflow:hidden;white-space:normal;width:0;word-break:break-word}@media (max-width:575px){.prompt-and-search{gap:1rem;padding:1rem}.interaction-box .user-prompt,.prompt-box,.text-reveal{font-size:3.5vmin;max-width:90%}.palette-wrapper{gap:2rem}}@media (min-width:576px) and (max-width:767px){.prompt-and-search{padding:1rem 2rem}.interaction-box .user-prompt,.prompt-box,.text-reveal{font-size:3vmin;max-width:85%}.palette-wrapper{gap:2rem}}@media (min-width:768px) and (max-width:991px){.prompt-and-search{padding:1rem 3rem}.interaction-box .user-prompt,.prompt-box,.text-reveal{font-size:2.8vmin;max-width:80%}.palette-wrapper{gap:2rem}}@media (min-width:992px) and (max-width:1199px){.prompt-and-search{padding:1rem 3.5rem}.interaction-box .user-prompt,.prompt-box,.text-reveal{font-size:2.6vmin;max-width:75%}}@media (min-width:1200px){.palette-wrapper{margin:0 auto;max-width:1400px}.prompt-and-search{padding:1rem 4rem}.interaction-box .user-prompt,.prompt-box,.text-reveal{font-size:2.5vmin;max-width:70%}}@media (min-width:1600px){.palette-wrapper{max-width:1600px}.interaction-box .user-prompt,.prompt-box,.text-reveal{font-size:2.3vmin;max-width:65%}}.loader-wrapper{background-color:#fff!important;height:100%;width:100%}.spinner{left:50%;padding:4px;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#000}}.typewriter-text{animation:typing 3s steps(30) 1s forwards,blink-caret .75s step-end infinite;border-right:2px solid #000;display:inline-block;font-family:Courier New,Courier,monospace;overflow:hidden;white-space:nowrap;width:0}.palette-color-container,.palette-container{width:100%}.palette-header i.bookmarked{color:#bbcd9d}.preview-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:15}@media (max-width:575px){.palette-container{border:1px solid #f3f3f3;border-radius:5px;display:grid;grid-template-columns:repeat(3,1fr)!important;height:40vh;padding:.5rem}.palette-box{padding:1rem!important}}@media (min-width:576px) and (max-width:767px){.palette-box{padding:1rem 2rem!important}}@media (min-width:768px) and (max-width:991px){.palette-box{padding:1rem 3rem!important}}.gradient-container{border-radius:5px;box-shadow:0 2px 4px #00000012,0 2px 4px #00000012;padding:1rem}.gradient-container h3{margin-bottom:1rem}.gradient-wrapper{align-items:center;display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-between}.gradient-box{clip-path:circle();height:40dvh;position:relative;width:20vw}.gradient-copy{height:fit-content;left:50%;top:50%;transform:translate(-50%,-50%)}@media (max-width:575px){.gradient-wrapper{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between}.gradient-box{clip-path:circle();height:40dvh;position:relative;width:40vw}}.preview-container{background-color:#fff;border-radius:10px;box-shadow:2px 2px 2px #0000001a,2px 2px 2px #0000001a;height:80dvh;left:50%;overflow:auto;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:20}.preview-body{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.preview-header{align-items:center;display:flex;justify-content:space-between}.preview-header h4{font-weight:500}.preview-header h4,.preview-header i{font-size:20px;line-height:calc(1.44rem + 6px)}.preview-header i{clip-path:circle();padding:8px}.preview-header i:hover{background-color:#eaeaea}.preview-colors{padding:.5rem 0}.preview-colors-container{align-items:center;display:flex}.preview-colors-container .color-box{border:1px solid #eaeaea;cursor:pointer;height:5vh;padding:1rem;transition:border .3s ease;width:5vh}.color-box.current{border:1px solid #000}@media (max-width:575px){.preview-container{height:100vh;padding:2rem 1rem;width:100vw}.preview-body{grid-template-columns:1fr}}@media (min-width:576px) and (max-width:767px){.preview-body{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991px){.preview-body{grid-template-columns:1fr}}.palette-website-container{background-color:#a2cbd8;padding:.5rem;width:100%}header{background-color:#a2cbd8;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto}.header-logo{color:#fff;font-size:1.25rem;font-weight:700}.header-nav,.header-nav ul{background-color:#a2cbd8}.header-nav ul{display:flex;list-style-type:none;margin:0;padding:0}.header-nav li{margin-left:1.5rem}.header-nav a{color:#fff;text-decoration:none;transition:color .3s ease}.header-nav a:hover{color:#333}.hero{background-color:#a2cbd8;padding:4rem 1.5rem}.hero-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;margin:0 auto}.hero-text{flex:1 1}.hero-text h1{color:#fff;font-size:8vmin;font-weight:700;margin-bottom:1rem}.hero-text p{color:#fff;font-size:1.125rem;margin-bottom:2rem}.hero-text button{background-color:#a2b5d8;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:16px;padding:.75rem 1.5rem;transition:background-color .3s ease}.hero-text button:hover{background-color:#0056b3}.hero-image img{height:auto;width:100%}footer{background-color:#fff;color:#333;padding:1.5rem;text-align:center}footer p{margin:0}@media (max-width:575px){.hero{padding:.5rem!important}header{padding:.5rem}.header-nav li{margin-left:.5rem!important}}@media (min-width:576px) and (max-width:767px){.hero{padding:.5rem!important}.header-nav li{margin-left:.5rem!important}}.graphics-container{background-color:#a2cbd8;height:100%}.hd-logo-container{align-items:center;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;height:100vh;justify-content:center}.hd-text{color:#000;font-family:Dancing Script,cursive;font-size:6em;font-weight:700;text-shadow:2px 2px 2px #0003}.designs-text{color:#000;font-family:Arial,sans-serif;font-size:1.2em;letter-spacing:5px;margin-top:-10px}.app-wrappper{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr;position:relative}nav{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:1rem;position:sticky;top:0;z-index:10}nav a{color:#000}.nav-brand{align-items:center;display:flex;gap:.5rem;height:30px}.nav-brand h2{font-size:20px;font-weight:500;line-height:calc(1.44rem + 6px)}.nav-brand img{height:100%;object-fit:contain;width:100%}.nav-item{gap:1rem}.nav-item,.nav-item ul{align-items:center;display:flex}.nav-item ul{gap:.5rem}.nav-item ul a{text-decoration:none}.nav-item p.login{cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.nav-item .login.active,.nav-item p.login:hover{border-radius:30px}.nav-item .login.active,.nav-item p.login:hover,.nav-item ul .signup{background:linear-gradient(20deg,#bbcd9d,#9dcbcd);color:#fff;line-height:calc(1.2rem + 6px)}.nav-item ul .signup{border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 20px}.nav-item .login.active~.signup,.nav-item :hover+.signup{background:#fff;color:#000}.user-control{align-items:center;display:flex;gap:1rem}.user-control a{color:#000;font-size:16px;font-weight:400;padding:8px;text-decoration:none;transition:color .3s ease}.user-control a:hover{color:#bbcd9d}.profile{background:linear-gradient(20deg,#bbcd9d,#9dcbcd);border-radius:50%;cursor:pointer;height:30px;padding:2px!important;width:30px}.profile img{border:1px solid #eaeaea;border-radius:50%;height:100%;object-fit:contain;width:100%}.profile-page{position:relative}.converter-overlay,.overlay{background-color:initial;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:4}form.searchBar{align-items:center;background-color:#eaeaea;border-radius:50px;bottom:5%;display:flex;gap:.5rem;left:50%;padding:0 .5rem;position:fixed;transform:translate(-50%,-5%);width:60%;z-index:10}form.searchBar textarea{background:none;border:none;flex:1 1;font-size:16px;height:39px;margin-bottom:20px;outline:none;padding-left:1rem;padding-top:23px;resize:none}form.searchBar textarea::-webkit-scrollbar{width:0}form.searchBar textarea::placeholder{color:#a0a0a0;font-size:14px}form.searchBar button{align-items:center;background:linear-gradient(135deg,#95b266,#66aeb2);border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:3rem;justify-content:center;min-width:3rem;outline:none;padding:.75rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}form.searchBar button:hover{box-shadow:0 4px 8px #4890ff66;transform:scale(1.1)}form.searchBar i{color:#fff;font-size:16px}.converter-holder{bottom:8rem;position:fixed;right:4rem;z-index:13}.converter-holder .fa-repeat{background:linear-gradient(135deg,#95b266,#66aeb2);border-radius:50%;bottom:6%;color:#fff;cursor:pointer;font-size:16px;padding:.75rem;position:fixed;right:1rem;z-index:12}@media (max-width:575px){form.searchBar{width:90%!important}.converter-holder{bottom:0;position:fixed;right:0;z-index:12}.converter-holder .fa-repeat{bottom:18%;position:fixed;right:calc(5% + 11px)}}@media (min-width:576px) and (max-width:767px){form.searchBar{width:80%!important}.converter-holder{bottom:0;position:fixed;right:0;z-index:12}.converter-holder .fa-repeat{bottom:19%;position:fixed;right:10%}}.profile-container{grid-gap:.5rem;background-color:#fff;background-color:#faf9f6;border:1px solid #faf9f6;border-radius:5px;box-shadow:2px 2px 2px #0000001a,2px 2px 2px #0000001a;display:grid;gap:.5rem;grid-template-columns:1fr;max-height:310px;position:absolute;right:0;top:60px;transition:all .3s ease;z-index:inherit}.user-info{align-items:center;background-color:#fff;border-bottom:1px solid #faf9f6;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem}.profile-pic .profile{background:linear-gradient(20deg,#bbcd9d,#9dcbcd);border-radius:50%;height:50px;margin-top:1rem;padding:2px!important;width:50px}.profile-pic .profile img{border:1px solid #eaeaea;border-radius:50%;height:100%;margin-bottom:.5rem;object-fit:contain;width:100%}.profile-text .name{font-size:16px;font-weight:400;line-height:calc(1rem + 6px);text-align:center}.profile-text .email{font-size:14px;font-weight:300;line-height:calc(.833rem + 6px);text-align:center}.profile-container ul{align-items:start;display:flex;flex-direction:column;gap:0;list-style:none}.profile-container ul li{align-items:center;background-color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:300;gap:1rem;padding:8px 1rem;transition:background-color .3s ease;width:100%}.profile-container li:hover{background-color:#f3f3f3}.profile-container ul li i{font-size:16px}.your-account{font-size:14px;font-weight:300}.notification-container{align-items:center;background-color:#000;border-radius:5px;bottom:0;color:#fff;display:flex;gap:.5rem;min-width:172px;padding:8px 16px;position:fixed;right:0;transform:translate(-50%,-5rem);z-index:60}.notification-container .notification-icon{font-size:16px}.notification-container .notification-message{font-size:14px;font-weight:400;line-height:calc(.88rem + 6px)}.notification-container .fa-circle-check{color:green}.notification-container .fa-circle-xmark{color:red}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}.converter-container{grid-gap:1rem;background-color:#fff;border-radius:5px;box-shadow:2px 2px 2px #0003,2px 2px 2px #0003;display:grid;gap:1rem;grid-template-columns:1fr;height:fit-content;padding:1rem;width:40vw}.converter-header h2{font-size:20px;font-weight:500;line-height:calc(1.44rem + 6px)}.converter-body{grid-gap:1rem;align-items:center;border:1px solid #eaeaea;border-radius:5px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:.5rem}.hsl-text-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.hsl-text-container p{font-size:16px;font-weight:400;line-height:calc(1rem + 6px)}.hsl-text-container i{cursor:pointer;font-size:16px;line-height:calc(1rem + 6px)}.converter-body input{border:1px solid #eaeaea;border-radius:5px;caret-color:#000;font-size:16px;font-weight:400;outline:none;padding:8px;width:100%}.color-result{height:100%;width:100%}.result-box{align-items:center;color:#1c1c1c;display:flex;gap:.5rem}.result-box p span{font-weight:500}@media (max-width:575px){.converter-container{padding:.5rem;width:100vw}.converter-body{padding:.5rem}}@media (min-width:576px) and (max-width:767px){.converter-container{width:100vw}}@media (min-width:768px) and (max-width:991px){.converter-container{width:60vw}}.hero-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:1rem;height:calc(100dvh - 70.2px);justify-content:center;padding:4rem;position:relative}.hero-container img{height:12vh;object-fit:contain;width:100%}.hero-container h2{font-size:6vmin;font-weight:500;text-align:center}.try-prompt{display:flex;gap:1rem;justify-content:center;justify-items:center;width:60%}.try-prompt a{border:1px solid #eaeaea;border-radius:5px;box-shadow:1px 1px 2px #0000001a,2px 2px 2px #0000001a;height:fit-content;padding:.5rem;text-decoration:none}.try-prompt .try-header{align-items:center;color:#000;display:flex;flex-direction:row-reverse;font-size:16px;font-weight:400;gap:.5rem;justify-content:start;line-height:calc(1rem + 6px)}.try-header i{font-size:14px}.try-prompt .try-text{color:#666;font-size:14px;font-weight:400;line-height:calc(.833rem + 6px)}@media (max-width:575px){.hero-container{height:calc(100dvh - 120px);padding:2rem 1rem}.hero-container h1{font-size:10vmin}.try-prompt{align-items:start;flex-direction:column;width:90%}.try-prompt a{text-align:center;width:100%}}@media (min-width:576px) and (max-width:767px){.hero-container{height:calc(100dvh - 55px);padding:3rem 1rem!important}.hero-container h1{font-size:5vmin!important}.try-prompt{gap:.75rem;width:80%}}@media (min-width:768px) and (max-width:991px){.hero-container{padding:3.5rem 2rem}.hero-container h1{font-size:7vmin}.try-prompt{width:70%}}@media (min-width:992px) and (max-width:1199px){.hero-container{padding:4rem 2.5rem}.try-prompt{width:65%}}@media (min-width:1200px){.hero-container{margin:0 auto;max-width:1400px}.try-prompt{width:50%}}@media (min-width:1600px){.hero-container{max-width:1600px}.try-prompt{width:40%}}@media (max-width:575px){.main-form{width:90vw!important}}@media (min-width:576px) and (max-width:800px){.main-form{width:70vw!important}}@media (min-width:992px) and (max-width:1199px){.main-form{width:50vw!important}}@media (min-width:1200px){.main-form{width:40vw!important}}.login-container{align-items:center;background:url(/static/media/svg-login.d91104d20705acee926d.png);display:grid;grid-template-columns:1fr;height:calc(100dvh - 65.2px);justify-items:center}.login-container form{display:flex;flex-direction:column;gap:1rem;width:100%}.login-container form h4{font-size:4vmin;font-weight:500;line-height:calc(1.44rem + 6px);margin-bottom:1rem}.login-container form input{border:none;border-bottom:1px solid #9dcbcd;font-size:2vmin;font-weight:400;padding:8px 0;width:100%}.login-container form input:focus{outline:none}.login-container form input:user-valid{outline-color:green}.login-container form input:user-invalid{outline-color:red}.login-container form button{background:linear-gradient(20deg,#bbcd9d,#9dcbcd 100%);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:2vmin;font-weight:500;line-height:calc(1.2rem + 6px);outline:none;padding:4px 20px;width:fit-content}.login-container form p{font-size:14px;font-weight:400;line-height:calc(.833rem + 6px)}.login-container form a{color:#000;text-decoration:none}.or-space{align-items:center;display:flex;gap:.5rem}.first-line,.second-line{background-color:#000;border-bottom:1px solid #9dcbcd;width:100%}.main-form{background-color:#fff;border-radius:5px;box-shadow:2px 2px 2px #0000001a,2px 2px 2px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:30vw}.google-login{align-items:center;background:#0000;border:1px solid #eaeaea;border-radius:20px;cursor:pointer;display:flex;font-size:2vmin;font-weight:500;gap:.5rem;justify-content:center;outline:none;padding:8px 12px}.google-login img{height:20px;object-fit:contain;width:20px}.bookmark-container .bookmark-header{align-items:start;display:flex;gap:.5rem;padding:1rem 4rem}.bookmark-header h4,.bookmark-header i{font-size:20px;font-weight:500;line-height:calc(1.44rem + 6px)}.no-bookmark{height:100%;width:100%}.no-bookmark img{height:20vh;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media (max-width:575px){.bookmark-header{padding:1rem!important}}@media (min-width:576px) and (max-width:767px){.bookmark-header{padding:2rem!important}}.palette-container{border:1px solid #f3f3f3;border-radius:5px;display:grid;grid-template-columns:repeat(6,1fr);height:60vh;padding:.5rem}.palette-box{grid-gap:1rem;background-color:#fff;display:grid;gap:1rem;grid-template-columns:1fr;opacity:0;padding:1rem 4rem;transition:opacity .3s ease}.palette-color-container{position:relative}.palette-box h4{font-size:20px;font-weight:500;line-height:calc(1.44rem + 6px)}.palette-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.palette-header i{color:#b3b3b3;cursor:pointer;font-size:20px;font-weight:400;transition:color .3s ease}.preview-and-favourite{align-items:center;display:flex;gap:1rem}.copy-color{bottom:1rem;font-size:2vmin;font-weight:400;left:50%;line-height:calc(2vmin + 6px);padding:4px 12px;position:absolute;transform:translate(-50%,-1rem);transition:all .3s ease}.copy-color:hover{background-color:#0000001a}.visible{opacity:1}.fa-trash-can:hover{color:red}.history-container{padding:1rem 4rem}.history-container .history-header{align-items:start;display:flex;gap:.5rem;padding-bottom:1rem}.history-header h4,.history-header i{font-size:1.44rem;line-height:calc(1.44rem + 6px)}.history-header h4{font-weight:500}.history-body{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}.history-box{background-color:#fff;border-radius:5px;font-size:16px;font-weight:400;line-height:calc(1rem + 6px);padding:1rem .5rem;white-space:no-wrap;word-break:break-all}@media (max-width:575px){.history-container{padding:1rem}}@media (min-width:576px) and (max-width:767px){.history-container{padding:1rem 2rem}}@media (min-width:768px) and (max-width:991px){.history-container{padding:1rem 3rem}}
/*# sourceMappingURL=main.bb49a3b4.css.map*/