.header{align-items:center;background-color:rgb(var(--surface));box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:.5rem;z-index:2}.header__logo{height:40px;width:40px}.header__title{align-items:center;color:rgb(var(--primary));display:flex;font-family:Bungee,Arial,sans-serif;font-size:.8rem;font-weight:500;text-transform:uppercase}@media screen and (max-width:350px){.header__title{font-size:.6rem}}@media screen and (min-width:768px){.header{padding:.5rem 2.5rem}}.navbar{gap:.75rem}.navbar,.navbar-item{align-items:center;display:flex}.navbar-item{justify-content:center;text-transform:uppercase}.navbar-item:hover{color:rgb(var(--active),.5)}.navbar-item a.active{color:rgb(var(--active));font-weight:700}@media screen and (max-width:350px){.navbar{gap:.4rem}}@media screen and (min-width:768px){navbar{gap:2rem}}.toggle{box-shadow:inset 2px 2px 5px 2px rgba(0,0,0,.2);cursor:pointer;height:2rem;padding:.2rem;width:4rem}.toggle,.toggle__toggler{align-items:center;border-radius:50vw;display:flex}.toggle__toggler{aspect-ratio:1;background-color:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.2);font-size:12px;height:100%;justify-content:center;-webkit-transform:translate(0);transform:translate(0);transition:all .5s}.toggle__toggler.toggle-on{--translate:2rem;background-color:#1f1e19;color:rgb(var(--text));-webkit-transform:translate(var(--translate));transform:translate(var(--translate))}.toggle__toggler.toggle-off{background-color:rgb(var(--secondary));color:rgb(var(--invert-text));-webkit-transform:translate(0);transform:translate(0)}@media screen and (max-width:768px){.toggle{height:1.6rem}.toggle .toggle-on{--translate:2.45rem}}.heading{align-items:center;display:flex;justify-content:center;padding:1rem 0}.heading__title{color:var(--secondary-light)}.button{align-items:center;background-color:transparent;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:.2rem;justify-content:center;max-height:100px;max-width:500px;padding:.75rem 1rem;text-transform:uppercase}.button.rounded{border-radius:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button.btn-outline{border-color:var(--border-color);border-style:solid;border-width:1px;padding:0 2rem}.button.btn-outline-primary{border-color:rgb(var(--primary));color:rgb(var(--primary))}.button.btn-outline-secondary{border-color:rgb(var(--secondary));color:rgb(var(--secondary))}.button.btn-primary{background-color:rgb(var(--primary))}.button.btn-secondary{background-color:rgb(var(--secondary))}.button.btn-text{--border-color:rgb(var(--text));color:rgb(var(--text))}.button.btn-text-invert{--border-color:rgb(var(--invert-text));color:rgb(var(--invert-text))}.select__container{align-items:center;background-color:transparent;border:1px solid rgb(var(--border));border-radius:.25em;cursor:pointer;display:grid;font-size:1.25rem;grid-template-areas:"select";line-height:1.1;max-width:30ch;padding:.25em .5em;position:relative;width:100%}.select__container select.select{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;color:rgb(var(--text));cursor:inherit;font-family:inherit;font-size:inherit;grid-area:select;line-height:inherit;margin:0;outline:none;padding:0 1em 0 0;width:100%}.select__container select.select option{background-color:rgb(var(--paper))}.select__container select.select option:checked,.select__container select.select option:hover{background-color:rgb(var(--primary))!important}.select__container select.select::-ms-expand{display:none}.select__container select.select:focus+.select__focus{border:2px solid rgb(var(--border));border-radius:inherit;bottom:-1px;left:-1px;position:absolute;right:-1px;top:-1px}.select__container:after{background-color:rgb(var(--text));-webkit-clip-path:polygon(100% 0,0 0,50% 100%);clip-path:polygon(100% 0,0 0,50% 100%);content:"";grid-area:select;height:.3em;justify-self:end;width:.6em}.upload{align-items:center;display:flex;position:relative;width:100%}.upload__input{display:none}.upload__label{align-items:center;border:1px solid rgba(var(--secondary),.6);border-radius:.25rem;color:rgba(var(--secondary),1);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:.3rem;justify-content:center;margin:0 auto;padding:1.5rem 0;text-transform:uppercase;width:100%;z-index:1}.upload__label svg{width:18px}.upload__label:hover{background-color:rgb(var(--secondary),.12);color:rgb(var(--text))}.sidebar-lg{background-color:rgb(var(--surface));box-shadow:0 24px 24px 0 rgba(34,41,47,.1);display:flex;flex-direction:column;margin-top:.1rem;width:300px}.sidebar-lg__topbar{border-bottom:.5px solid rgb(var(--border));margin-bottom:1rem;padding:.5rem}.sidebar-lg__content,.sidebar-lg__topbar{align-items:center;display:flex;justify-content:space-between}.sidebar-lg__content{flex-direction:column;height:100%;margin-bottom:2rem}.sidebar-lg__content .tools{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%}.sidebar-lg__content .tools__container{display:flex;flex-direction:column;gap:.75rem;padding:0 10px;width:100%}.sidebar-lg__content .tools__container__heading{font-size:16px}.sidebar-lg__content .tools__container.child{gap:1rem;height:100%;max-height:270px;overflow:auto;padding-bottom:1rem;padding-top:1rem}.sidebar-lg__content .tools__container.child::-webkit-scrollbar{width:.5em}.sidebar-lg__content .tools__container.child .active{background-color:rgba(var(--primary),.8)}.sidebar-lg__content .tools__container__item{align-items:center;-webkit-appearance:none;appearance:none;background-color:rgb(var(--paper));border:none;border-radius:.25rem;box-shadow:0 0 2.5px 0 rgba(var(--primary),.5);color:rgb(var(--text));cursor:pointer;display:flex;font-size:1rem;gap:1rem;outline:none;padding:.6rem 0 .6rem 1rem;width:100%}.sidebar-lg__content .tools__container__item.active{background-color:rgb(var(--primary));box-shadow:0 0 2.5px 0 rgb(var(--primary));color:rgb(var(--invert-text))}.sidebar-lg__content .tools__container__item.active svg{color:rgb(var(--invert-text))}.sidebar-lg__content .tools__container__item__icon{display:flex}.sidebar-lg__content .tools__container__item__icon svg{color:rgb(var(--text));font-size:24px}.sidebar-lg__content .upload-sidebar{gap:1rem;padding:0 1rem}.sidebar-lg__content .upload-sidebar,.sidebar-sm{display:flex;flex-direction:column;width:100%}.sidebar-sm__topbar{background-color:rgba(var(--surface),1);box-shadow:0 20px 20px 0 rgba(34,41,47,.1);display:flex;justify-content:space-between;padding:.25rem 1rem;position:absolute;top:56px;width:100%;z-index:1}.sidebar-sm__content{background-color:rgb(var(--surface));bottom:0;box-shadow:var(--shadow);position:fixed;width:100%}.sidebar-sm__content .upload-sidebar .footer .upload{margin:0 1rem}.sidebar-sm__content .upload-sidebar .footer .upload__label{align-items:center;background-color:rgb(var(--secondary));border:none;border-radius:.5rem;color:rgb(var(--invert-text));cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:.2rem;justify-content:center;max-height:100px;max-width:300px;padding:.75rem 1rem;text-transform:uppercase}.sidebar-sm__content .tools{display:flex;flex-direction:column;margin:0 auto}.sidebar-sm__content .tools__container{align-items:center;background-color:rgb(var(--surface));display:flex;flex:1 1;gap:1rem;justify-content:space-between;padding:0 1rem}.sidebar-sm__content .tools__container.child{flex-direction:row;position:absolute;width:100%}.sidebar-sm__content .tools__container__item{align-items:center;-webkit-appearance:none;appearance:none;background-color:inherit;border:none;color:rgb(var(--text));cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:.4rem;height:100%;justify-content:center;outline:none;padding:1rem 0;-webkit-user-select:none;user-select:none;width:100%}.sidebar-sm__content .tools__container__item.active{background-color:rgb(var(--primary));color:rgb(var(--invert-text))}.sidebar-sm__content .tools__container__item__icon{display:flex}.sidebar-sm__content .tools__container__item__icon svg{font-size:24px}@media screen and (max-width:425px){.sidebar-sm__content .tools__container__item small{display:none}}.footer{align-items:center;bottom:0;display:flex;inset-inline:0;justify-content:center;padding:2rem 0;position:fixed;text-align:center;width:100%}div.preview__container{height:100%;overflow:hidden;width:100%}div.preview__container img{-webkit-user-drag:none;height:100%;object-fit:contain;width:100%}.layoutContainer{height:100%;margin:auto;width:100%}.layoutContainer>div[class*=col-]{outline:1px solid rgb(var(--border));position:relative}.layoutContainer>div[class*=col-] img{height:100%;object-fit:contain;width:100%}.layoutContainer.fourCol{display:grid;grid-auto-rows:50%;grid-template-columns:repeat(auto-fill,minmax(50%,1fr))}.layoutContainer.threeCol{display:grid;grid-auto-rows:33.3333333333%;grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.layoutContainer.twoCol{display:grid;grid-auto-rows:100%;grid-template-columns:repeat(auto-fill,minmax(50%,1fr))}.layoutContainer.oneCol{display:grid;grid-auto-rows:100%;grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.layoutContainer .layout-tool{align-items:center;background-color:rgb(var(--surface));border-radius:.2rem;box-shadow:var(--shadow);color:rgb(var(--secondary));cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.widget{box-shadow:0 0 2.5px 0 rgba(var(--border),.5);gap:.5rem;width:100%}.widget,.widget button.btn-shadow{cursor:pointer;display:flex;flex-direction:column}.widget button.btn-shadow{align-items:center;background-color:rgb(var(--paper));border:none;border-radius:.25rem;box-shadow:0 0 2.5px 0 rgba(var(--primary),.5);color:rgb(var(--text));flex:1 1;gap:.1rem;min-width:3rem;padding:.3rem .1rem}.widget button.btn-shadow span{font-size:12px}.widget button.btn-shadow svg{font-size:16px}.widget button.btn-shadow.active{background-color:rgba(var(--primary),.3)!important}.widget .text-tool-widget__button{padding:.3rem .5rem}.widget .widget__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding:.2rem}.widget .widget__container.colors_container{display:grid;grid-template-columns:repeat(7,1fr);place-items:center}.widget .widget__container .color-icon{border:2px solid rgb(var(--invert-text));border-radius:50%;box-shadow:0 0 2px 2px rgba(var(--primary),.2);cursor:pointer;flex-shrink:0;height:1.2rem;width:1.2rem}.widget .widget__container .color-icon.active{border:4px solid rgb(var(--primary))}.widget .widget__container .select__container{flex:1 1;font-size:16px}.widget .widget__container .textStyle__item{display:flex;flex:1 1;gap:.3rem}@media screen and (max-width:768px){.widget{box-shadow:none;gap:initial}.widget .text-tool-widget__button{padding:1rem 0}.widget .widget__container{background-color:rgb(var(--surface));bottom:75.2px;flex-wrap:nowrap;gap:.3rem;left:0;overflow-x:auto;padding:.5rem 1rem;position:absolute;width:100%}.widget .widget__container.colors_container{display:flex;gap:1rem;justify-content:flex-start}.widget .widget__container.colors_container .color-icon{height:1.5rem;width:1.5rem}.widget .widget__container .btn-shadow{background-color:transparent;border-radius:.2rem;box-shadow:none;box-shadow:0 0 2.5px 0 rgba(var(--primary),.5);color:rgb(var(--text));margin-right:.25rem}.widget .widget__container .btn-shadow span{display:none}.widget .widget__container .btn-shadow svg{font-size:20px}}@media screen and (max-width:425px){.widget .widget__container{bottom:56px}}.float-text{padding:.5rem;position:absolute;touch-action:none}.float-text:focus-within{border:1px dashed #ccc}.float-text__drag{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border:none;border-radius:50%;cursor:move;display:flex;justify-content:center;left:-10px;outline:none;padding:.2rem;position:absolute;top:-10px}.float-text__input{background-color:transparent;border:none;font-size:16px;position:relative}.float-text__close{align-items:center;-webkit-appearance:none;appearance:none;background-color:rgba(var(--surface),.7);border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;outline:none;padding:.2rem;position:absolute;right:-10px;top:-10px}.float-text__close svg{margin-right:.3px}
/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.loader__container{align-items:center;background-color:rgb(var(--surface));color:rgb(var(--text));display:flex;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:10}*{box-sizing:border-box;margin:0;outline:none;padding:0}:root{--shadow:0 4px 24px 0 rgba(34,41,47,.1)}body{-webkit-tap-highlight-color:transparent;background-color:rgb(var(--paper));color:rgb(var(--text));font-family:Montserrat,sans-serif;font-size:16px;line-height:1.5;min-height:100%}#root{height:100vh}a,a:active,a:focus,a:hover{color:inherit;text-decoration:none}.anim-float{-webkit-animation:floating 1.5s ease-in-out infinite alternate;animation:floating 1.5s ease-in-out infinite alternate}::-webkit-scrollbar{height:.5em;width:.7em}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{border-radius:100vw}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:768px){::-webkit-scrollbar{height:.35em;width:.7em}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{border-radius:100vw}}@media screen and (max-width:320px){*{display:none}}@media screen and (min-width:320px) and (max-width:425px){h1{font-size:1rem}h2{font-size:.95rem}h3{font-size:1.2rem}h4{font-size:.6rem}a{font-size:.76rem}}@media screen and (min-width:425px) and (max-width:660px){h1{font-size:1.2rem}h2{font-size:1.15rem}h3{font-size:.9rem}a,h4{font-size:.8rem}}@media screen and (min-width:660px) and (max-width:768px){h1{font-size:1.4rem}h2{font-size:1.35rem}h3{font-size:1.1rem}a,h4{font-size:1rem}}@media screen and (min-width:769px) and (max-width:1200px){h1{font-size:1.45rem}h2{font-size:1.4rem}h3{font-size:1.3rem}h4{font-size:1.2rem}a{font-size:1rem}}@media screen and (min-width:1201px){h1{font-size:1.5rem}h2{font-size:1.45rem}h3{font-size:1.4rem}h4{font-size:1.2rem}a{font-size:1rem}}