:root{--corner: 20px}.product-hunt-link{margin-top:30px}h1{font-size:46px}h1{color:#000!important}h1+p{margin-bottom:30px}.sidebar-editor{max-height:900px;overflow-y:scroll}.sidebar-editor::-webkit-scrollbar{display:none;width:5px}.sidebar-editor::-webkit-scrollbar-track{background-color:#e7e7e7;border-radius:100px}.sidebar-editor::-webkit-scrollbar-thumb{border-radius:100px;border:1px solid rgba(0,0,0,.18);background-color:#c385e9}.sidebar-editor::-webkit-scrollbar-thumb:hover{background-color:#5e52b6}.temp-size{padding:0 1rem;grid-column:1/-1}.editor{margin-top:10px;margin-bottom:100px;box-shadow:#00000026 1.95px 1.95px 2.6px;box-shadow:#3c404333 0 1px 2px,#3c40430d 0 1px 3px 1px;height:800px;background:white;border-radius:var(--corner);display:grid;grid-template-columns:1fr 3fr;padding:1rem}.editor .editor-tabs{display:flex;justify-content:space-between;border-radius:10px;overflow:hidden;margin-bottom:20px;border-bottom:1px solid #ddd;background-color:#f9f9f9}.editor .editor-tabs .editor-tab{position:relative;padding:10px;cursor:pointer;color:#333;transition:all .3s ease}.editor .editor-tabs .editor-tab:hover{color:#9b1fe8}.editor .editor-tabs .editor-tab:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:transparent;transition:background .3s ease}.editor .editor-tabs .editor-tab:hover:after{background:#9B1FE8}.editor .editor-tabs .editor-tab.active{color:#9b1fe8}.editor .editor-tabs .editor-tab.active:after{background:#9B1FE8}.editor .main-editor{border-radius:var(--corner);display:flex;flex-direction:column;padding-left:1rem}.editor .main-editor .buttons{gap:1rem}.editor .main-editor .buttons button{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.3);border-radius:5px;transition:background .5s ease}.editor .main-editor .buttons button:not(:disabled):hover{background:rgba(0,0,0,.05)}.editor .main-editor .buttons button:disabled{border:1px solid rgba(0,0,0,.1);cursor:initial}.editor .main-editor .buttons button:disabled svg>*{fill:#727272}.editor .main-editor .buttons .buttons-right{display:flex;gap:1rem}.editor .main-editor .buttons .buttons-right button{padding:.5rem .8rem;display:flex;align-items:center;justify-content:center;gap:4px}.editor .main-editor .buttons .buttons-right #download-button{color:#9b1fe8;border:1px solid #9B1FE8}.editor .main-editor .buttons .buttons-right #download-button:hover{background:#f3ebf8}.editor .main-editor .canvas-wrapper{background-image:repeating-linear-gradient(90deg,hsla(298deg,16%,68%,.06) 0px,hsla(298deg,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298deg,16%,68%,.06) 21px,hsla(298deg,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298deg,16%,68%,.06) 0px,hsla(298deg,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298deg,16%,68%,.06) 21px,hsla(298deg,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298deg,16%,68%,.06) 0px,hsla(298deg,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298deg,16%,68%,.06) 21px,hsla(298deg,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,hsl(275deg,3%,97%),hsl(275deg,3%,97%));width:100%;height:100%;display:grid;place-items:center;border-radius:var(--corner)}.editor .main-editor .canvas-wrapper .canvas{width:500px;height:500px;border-radius:var(--corner);background:rgba(0,0,0,.25);overflow:hidden}.editor .main-editor .canvas-wrapper .canvas:hover{border-color:#9b1fe8}.editor .main-editor .canvas-wrapper .canvas svg:not(#media-img-svg){padding:1rem;width:100%;height:100%}.editor .main-editor .canvas-wrapper .active{background:white}#reset-svg{padding:.5rem .8rem;border:1px solid rgba(0,0,0,.3);border-radius:5px}#reset-svg:not(:disabled):hover{background:rgba(0,0,0,.05)}#reset-svg:disabled{border:1px solid rgba(0,0,0,.1);cursor:initial}button:disabled{border:1px solid rgba(0,0,0,.1);cursor:initial}.drag-active{border-color:#9b1fe8!important}.label{font-size:1.2rem;font-weight:500;margin-bottom:20px}.upload-input{height:100%;padding:2rem}.upload-input label{width:100%;height:100%}.upload-input label #img-view{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;border-radius:10px;border-color:#e4e4e4;border-width:2px;border-style:dashed;transition:border-color .1s ease-in-out;cursor:pointer}.upload-input label #img-view:hover{border-color:#9b1fe8}.upload-input label #img-view p{font-size:1.05rem;font-weight:500}.palette-label{font-weight:500}.pick-colors{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.pick-colors .color-circle{height:30px;width:30px;background:red;border-radius:50%}.pick-colors .clr-field button{border-radius:50%}@media (min-width: 992px){.container,.container-lg,.container-md,.container-sm{max-width:1360px}}.button{padding:.5rem 2rem;border-radius:5px}#reset-colors{background-color:#9b1fe8;border-color:#ae2eb9;color:#fff;padding:.2rem 1rem;border-radius:5px}.hidden{display:none!important}.badge-primary{background-color:#9b1fe8;font-weight:400;font-size:.7em}.coloris{width:100%}.clr-field{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-bottom:2px}.clr-field button{border-radius:0!important}.color-palettes-outer-wrapper .color-pallettes-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.color-palettes-outer-wrapper .color-pallettes-header .color-palettes-buttons{border:1px solid #e4e4e4;display:flex;align-items:center;border-radius:5px;overflow:hidden}.color-palettes-outer-wrapper .color-pallettes-header .color-palettes-buttons button{padding:0 1rem;height:100%}.color-palettes-outer-wrapper .color-pallettes-header .color-palettes-buttons button:not(:first-child){border-left:1px solid #e4e4e4}.color-palettes-outer-wrapper .color-pallettes-header .color-palettes-buttons .active{background-color:#9b1fe8;color:#fff}.color-palettes-outer-wrapper .color-palettes-tabs-wrapper .color-range{margin-bottom:1.5rem}.color-palettes-outer-wrapper .color-palettes-tabs-wrapper .color-range label{margin-bottom:.2rem}.color-palettes-outer-wrapper .color-palettes .color-palette{box-shadow:#00000029 0 1px 4px;padding:10px;border-radius:5px;margin-bottom:15px}.color-palettes-outer-wrapper .color-palettes .color-palette .buttons{display:flex;gap:5px}.color-palettes-outer-wrapper .color-palettes .color-palette .buttons button{font-size:.8rem;border:1px solid #f5f5f5;border-radius:10px;padding:.2rem .4rem}.color-palettes-outer-wrapper .color-palettes .color-palette .color-palette-inner{height:20px;border:1px solid #f5f5f5;border-radius:20px;display:flex;justify-content:space-evenly;overflow:hidden}.color-palettes-outer-wrapper .color-palettes .color-palette .color-palette-inner .color-palette-item{width:100%;cursor:pointer}.color-palettes-outer-wrapper .color-palettes .color-palette .color-palette-inner .color-palette-item .clipboard{opacity:0;background:rgba(0,0,0,.3);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.color-palettes-outer-wrapper .color-palettes .color-palette .color-palette-inner .color-palette-item .clipboard:hover{opacity:1}.hidden-tab{display:none}@media (max-width: 1199px){.editor{grid-template-columns:1fr 2fr}.canvas-wrapper .canvas{width:400px;height:400px}}@media (max-width: 991px){.editor{grid-template-columns:1fr;height:auto;padding:0}.sidebar-editor{max-width:100%;width:100%;margin-bottom:20px}.sidebar-editor .editor-content{padding:0 1.5rem}.canvas-wrapper .canvas{width:100%;height:250px}h1{font-size:32px}}@media (max-width: 767px){.canvas-wrapper .canvas{width:100%;height:250px}.editor-tabs{flex-direction:column}.sidebar-editor{margin-bottom:15px}}@media (max-width: 575px){.canvas-wrapper .canvas{height:200px}.label{font-size:1rem}.upload-input{padding:1rem}.sidebar-editor{padding:.5rem;margin-bottom:10px}}#ad-m{display:flex;justify-content:center}#ad-m div{border:1px solid #ddd;overflow:hidden;border-radius:20px;margin-bottom:20px}#ad-link-modal p{color:#000;font-size:1.1rem}.swal2-title{color:#000!important}#ad-link-modal a{background-color:#6f3fff;border:none;padding:10px 20px;font-weight:600;font-size:1.2rem}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100vh;overflow:hidden;background:repeating-linear-gradient(90deg,hsla(298deg,16%,68%,.06) 0px,hsla(298deg,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298deg,16%,68%,.06) 21px,hsla(298deg,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298deg,16%,68%,.06) 0px,hsla(298deg,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298deg,16%,68%,.06) 21px,hsla(298deg,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298deg,16%,68%,.06) 0px,hsla(298deg,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298deg,16%,68%,.06) 21px,hsla(298deg,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,hsl(275deg,3%,97%),hsl(275deg,3%,97%));display:none}.modal nav{display:flex;align-items:center;justify-content:space-between;height:50px;width:100%;z-index:999;margin:0 auto;position:relative}.modal nav .panel-middle{display:flex;justify-content:center;flex-grow:1;align-self:center;height:100%}.modal nav .panel-middle .panel-tool-bar{margin-top:5px;border-radius:4px;background:rgba(34,34,37,.8);display:flex;overflow:hidden}.modal nav button{border:none;color:#fff;transition:.4s background;cursor:pointer;width:40px;height:100%}.modal nav button svg{width:28px;height:28px}.modal nav button:hover{background:hsl(240deg,4%,14%)}.modal nav .panel-right{margin-left:auto}.modal .popup-content{display:flex;justify-content:center;height:calc(100% - 55px);z-index:-33;padding-bottom:5px}.modal .popup-content #modalImage{transition:transform .1s ease-in-out;transform-origin:center;z-index:-33;height:100%}.close-button{cursor:pointer}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}input[type=range]{width:100%;height:7px;-webkit-appearance:none;appearance:none;background:#f5f5f5;outline:none;border-radius:10px;border:1px solid #d6d6d6;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:#0000005c 0 1px 4px;cursor:pointer}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:1px solid #000;cursor:pointer}#hueRange{background:linear-gradient(to right,hsl(0deg,100%,50%),hsl(60deg,100%,50%),hsl(120deg,100%,50%),hsl(180deg,100%,50%),hsl(240deg,100%,50%),hsl(300deg,100%,50%),hsl(0deg,100%,50%))}