html{scroll-behavior:smooth}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;margin:0}body::-webkit-scrollbar{background-color:#222224;width:8px}body::-webkit-scrollbar-thumb{background-color:#7f5af0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#0d1117;color:#fff;font-family:Chillax,sans-serif!important}.App{min-height:100vh;position:relative;text-align:center}button.MuiButtonBase-root,div.MuiPaginationItem-root{color:#fff}.css-wjh20t-MuiPagination-ul{align-items:center;display:flex;justify-content:center;margin:40px auto;width:100%}.header .container{margin-left:auto;margin-right:auto;margin-top:20px;padding-left:15px;padding-right:15px}.header .container #logo-45{margin-left:5px;width:45px}.header .container .header-btns{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header .container .header-btns .fav-list{background:transparent;border:none;cursor:pointer;margin:0;outline:none;padding:0}.header .container .header-btns .donate{width:200px}.header .container .header-btns .donate img{max-width:100%}.header .container .fav-list-child{background-color:#111721;font-size:30px;height:100vh;left:0;overflow-y:scroll;position:absolute;top:-150%;transition:all .7s!important;width:100%;z-index:-10000}.header .container .fav-list-child::-webkit-scrollbar{display:none}.header .container .fav-list-child .close-btn{background-color:transparent;border:none;position:absolute;right:20px;top:20px}.header .container .fav-list-child .close-btn .close-container{cursor:pointer;height:50px;margin:auto;position:relative;width:50px}.header .container .fav-list-child .close-btn .leftright,.header .container .fav-list-child .close-btn .rightleft{background-color:#f4a259;border-radius:2px;height:4px;margin-top:24px;position:absolute;transition:all .3s ease-in;width:50px}.header .container .fav-list-child .close-btn .leftright{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header .container .fav-list-child .close-btn .rightleft{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .container .fav-list-child .close-btn label{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:.6em;letter-spacing:2px;opacity:0;text-transform:uppercase;transition:all .3s ease-in}.header .container .fav-list-child .close-btn .close{margin:55px 0 0 -15px;position:absolute}.header .container .fav-list-child .close-btn .close-container:hover .leftright{background-color:#f25c66;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .container .fav-list-child .close-btn .close-container:hover .rightleft{background-color:#f25c66;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header .container .fav-list-child .close-btn .close-container:hover label{opacity:1}.header .container .active{display:block;left:0;position:fixed;top:0;z-index:100000}.header .container .header-title{-webkit-text-fill-color:transparent;-webkit-animation:shine 10s linear infinite;animation:shine 10s linear infinite;background:linear-gradient(90deg,#9801fc 20%,#f700ff 40%,#ff00b3 60%,#7300f0 80%,#9801fc);background-clip:text;-webkit-background-clip:text;background-size:200% auto;display:block;font-size:34px;margin:20px auto 30px;text-align:center;width:400px}.header .container .description{color:#94a1b2;display:block;line-height:1.3;margin:auto;width:500px}@-webkit-keyframes shine{to{background-position:200%}}@keyframes shine{to{background-position:200%}}@media(max-width:767px){.header .description{font-size:14px!important;width:350px!important}}.gradients{padding:50px 0}.gradients .container{margin:5px auto;padding:10px 15px}.gradients .container .empty-list{margin:40px auto 3px;position:absolute;width:95%}.gradients .container .empty-list,.gradients .container .input-pa{align-items:center;display:flex;justify-content:center;overflow:hidden}.gradients .container .input-pa{background-color:#fff;border-radius:10px;margin:20px auto;width:350px}.gradients .container .input-pa .searchIcon{background-color:#e0e8f0;color:#222022;padding:15px}.gradients .container .input-pa input{border:none;caret-color:#7f5af0;padding:15px 10px;width:300px}.gradients .container .input-pa input:focus{border:none;outline:none}.gradients .container .input-pa input::-webkit-input-placeholder{color:rgba(0,0,0,.439)}.gradients .container .input-pa input::placeholder{color:rgba(0,0,0,.439)}.gradients .container .cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:50px auto;padding:10px 20px}.gradients .container .cards .card{align-items:center;background-color:#050505;border:.5px solid hsla(0,0%,93%,.063);border-radius:10px;display:flex;flex-direction:column;height:295px;justify-content:center;position:relative}.gradients .container .cards .card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;position:absolute;top:12px;width:90%}.gradients .container .cards .card .card-header .action-icon .copy-btn,.gradients .container .cards .card .card-header .action-icon .fav-btn{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:26px}.gradients .container .cards .card .main-gradient{border:.5px solid hsla(0,0%,93%,.431);border-radius:50%;height:130px;margin-bottom:15px;width:130px}.gradients .container .cards .card .colors-balls{align-items:center;display:flex;justify-content:space-between}.gradients .container .cards .card .colors-balls .colors-ball{border:.5px solid hsla(0,0%,93%,.431);border-radius:50%;display:block;height:25px;margin:5px;width:25px}.gradients .container .cards .card .colors-val{color:#c2cfdf}.gradients .pagi{bottom:20px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.gradients .pagi li button span{border:1px solid hsla(0,0%,100%,.063)}.added{color:#e25353!important}ul{list-style:none}.choose .trans-btn{display:block;margin:20px auto;max-width:750px;padding:5px}.choose .trans-btn .jsd{-webkit-text-decoration:wavy underline #7f5af0;text-decoration:wavy underline #7f5af0}.choose .button-52{background-color:transparent;border:1px solid #fff;color:#fff;cursor:pointer;font-size:18px;font-weight:500;letter-spacing:1px;outline:0;padding:13px 20px;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none}.choose .button-52:after{background-color:#7f5af0;content:"";height:100%;left:7px;position:absolute;top:7px;transition:.2s;width:100%;z-index:-1}.choose .button-52:hover:after{left:0;top:0}.choose .scroll-down{display:block;margin-top:50px}.GradLoader{align-items:center;display:flex;height:50vh;justify-content:center;width:100%}.generator{overflow:hidden;padding:50px 0}.generator .button-52{background-color:transparent;border:1px solid #fff;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:500;letter-spacing:1px;margin:20px auto 60px;outline:0;padding:13px 20px;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.generator .button-52:after{background-color:#7f5af0;content:"";height:100%;left:7px;position:absolute;top:7px;transition:.2s;width:100%;z-index:-1}.generator .button-52:hover:after{left:0;top:0}.generator .container .trans-btn{display:block;margin:20px auto 40px;max-width:750px;padding:5px}.generator .container .trans-btn .jsd{-webkit-text-decoration:wavy underline #7f5af0;text-decoration:wavy underline #7f5af0}.generator .container .gradient-area{align-items:center;display:flex;height:400px;justify-content:center;margin:20px auto 30px;width:100%}.generator .container .gradient-area button{background-color:transparent;border:none;color:hsla(0,0%,100%,.612);cursor:pointer;font-size:40px;padding:50px}.generator .container .action-area{align-items:center;display:flex;flex-direction:column;justify-content:center}.generator .container .action-area .input-colors{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:600px}.generator .container .action-area .input-colors input{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;height:50px;margin:10px;width:50px}.generator .container .action-area .input-colors input::-webkit-color-swatch{border:1px solid #eee;border-radius:50%}.generator .container .action-area .set-deg{font-size:18px}.generator .container .action-area .set-deg input{border:none;border-radius:8px;caret-color:#816cc0;margin:10px 0 10px 20px;max-width:100px;padding:8px}.generator .container .action-area .set-deg input:focus{outline:none}.generator .container .action-area .action-btns{align-items:center;display:flex;justify-content:center;margin-top:20px}.generator .container .action-area .action-btns .add-color{background-color:#7f5af0;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:30px;height:50px;margin:5px 10px;-webkit-user-select:none;user-select:none;width:50px}.generator .container .action-area .action-btns .remove-color{align-items:center;background-color:#f44336;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;margin:5px 10px;padding:10px;-webkit-user-select:none;user-select:none;width:100px}@media(min-width:768px){.button-52{padding:13px 50px}}.footer{border-top:1px solid #eee;bottom:-150px;left:0;position:absolute;width:100%}.footer .container{padding:20px}.footer .container a{color:#fff}.loader{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}
/*# sourceMappingURL=main.564e7624.css.map*/