@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:url(../dba7178f6a8b8edfdfc3.woff2) format("woff2"),url(../84986b855de504ca87e5.woff) format("woff")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:600;src:url(../5ea13226b25ad1f3acd4.woff2) format("woff2"),url(../3a669b5a14c6908f9be3.woff) format("woff")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:url(../b8f9e2312359ebdda7b1.woff2) format("woff2"),url(../b95a7e24042e1d8b8539.woff) format("woff")}.h1,h1{color:#000}body{font-family:Figtree,arial,sans-serif;overflow-x:hidden}.picker-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:auto;max-width:850px;min-height:95vh;padding:0 20px;width:100%}@media(width <= 1024px){.picker-container{max-width:400px}}.picker{display:flex;gap:50px;margin-bottom:50px}@media(width <= 1024px){.picker{flex-direction:column}}.upload-container{align-items:center;display:flex;justify-content:center}.upload-container.hide{display:none}.upload-btn{background-color:#ec5627;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;padding:18px 32px;transition:all .3s ease}.upload-btn:hover{background-color:#28265b}input[type=file]{display:none}.picker-title{align-items:center;display:flex;justify-content:space-between;width:100%}.picker-title p.small-header{color:#ec5627;font-size:24px;font-weight:700;letter-spacing:-.8px;line-height:30px;margin:0}.picker-title h1.header{font-size:60px;font-weight:700;letter-spacing:-1.88px;line-height:68px;margin:0 0 20px}@media(width <= 1024px){.picker-title h1.header{font-size:30px}.picker-title p.small-header{font-size:18px}}.picker-wrapper{background-color:#fff;border-radius:20px;box-shadow:0 0 10px 5px rgba(236,85,39,0);display:flex;flex-direction:column;height:0;overflow:hidden;transition:all .3s ease;width:400px}.picker-wrapper.show{box-shadow:0 0 10px 5px rgba(236,86,39,.05);height:400px}.picker-wrapper .picker-contents{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:20px}.picker-wrapper .color-info{cursor:pointer;text-align:center}.picker-wrapper .color-info p{color:#000;position:relative;transition:color .3s ease}.picker-wrapper .color-info p:hover{color:#ec5627}.picker-wrapper .color-info p:after{content:url(../e0c6366a7470e6cb6068.svg);display:inline-block;height:12px;margin-left:10px;opacity:.2;transition:opacity .3s ease;width:12px}.picker-wrapper .color-info p:before{color:#ec5627;content:"Copied to clipboard!";inset:0;opacity:0;position:absolute;text-align:center;transition:opacity .3s ease}.picker-wrapper .color-info p.copy{color:#fff}.picker-wrapper .color-info p.copy:before{opacity:1}.picker-wrapper .color-info p.copy:after{opacity:0}.picker-wrapper img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;width:100%}.picker-wrapper .pallete-wrapper{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.picker-wrapper .pallete-wrapper .item-color{border-radius:50%;box-shadow:0 0 10px 5px rgba(0,0,0,.05);cursor:pointer;height:40px;transition:transform .3s ease;width:40px}.picker-wrapper .pallete-wrapper .item-color:hover{transform:scale(1.2)}.loader{animation:spin 2s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#ec5627;height:20px;margin-left:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.d-none{display:none!important}