@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Outlined);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);.header{display:flex;justify-content:space-between;align-items:center;background:#fff;height:4rem;padding:0 2rem;margin-bottom:2rem;transition:box-shadow .1s}.header--sticky{position:sticky;top:0;z-index:1000}.header--scrolled{box-shadow:0 0 1rem rgba(0,0,0,.1)}:root{--border-radius:1rem;--page-width:70rem;--headings-font-family:"Poppins";--body-font-family:"Arial";--grid-row-gap:1rem;--grid-column-gap:1rem;--color-divider:rgba(0,0,0,.1);--color-primary:#4d5efb;--color-primary-hint:#fbfbff;--color-on-primary:#fff;--color-text:#000;--color-text-hint:rgba(0,0,0,.5)}.page-width{width:100%}.flex-col{flex-direction:column}.flex-c{justify-content:center}.flex-c,.flex-r{align-items:center}.flex-r{justify-content:flex-end}.grid,.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:grid;-moz-column-gap:var(--grid-column-gap);column-gap:var(--grid-column-gap);row-gap:var(--grid-row-gap);grid-template-columns:repeat(12,1fr);grid-auto-rows:auto}.grid-1{grid-template-columns:repeat(1,1fr)}.col-1{grid-column:span 1}.row-1{grid-row:span 1}.grid-2{grid-template-columns:repeat(2,1fr)}.col-2{grid-column:span 2}.row-2{grid-row:span 2}.grid-3{grid-template-columns:repeat(3,1fr)}.col-3{grid-column:span 3}.row-3{grid-row:span 3}.grid-4{grid-template-columns:repeat(4,1fr)}.col-4{grid-column:span 4}.row-4{grid-row:span 4}.grid-5{grid-template-columns:repeat(5,1fr)}.col-5{grid-column:span 5}.row-5{grid-row:span 5}.grid-6{grid-template-columns:repeat(6,1fr)}.col-6{grid-column:span 6}.row-6{grid-row:span 6}.grid-7{grid-template-columns:repeat(7,1fr)}.col-7{grid-column:span 7}.row-7{grid-row:span 7}.grid-8{grid-template-columns:repeat(8,1fr)}.col-8{grid-column:span 8}.row-8{grid-row:span 8}.grid-9{grid-template-columns:repeat(9,1fr)}.col-9{grid-column:span 9}.row-9{grid-row:span 9}.grid-10{grid-template-columns:repeat(10,1fr)}.col-10{grid-column:span 10}.row-10{grid-row:span 10}.grid-11{grid-template-columns:repeat(11,1fr)}.col-11{grid-column:span 11}.row-11{grid-row:span 11}.grid-12{grid-template-columns:repeat(12,1fr)}.col-12{grid-column:span 12}.row-12{grid-row:span 12}.h1,.h2,.h3,.h4,.h5,.txt-overline,h1,h2,h3,h4,h5{font-family:var(--headings-font-family)}.txt-overline{text-transform:uppercase;font-size:10px;letter-spacing:2px}.txt-c{text-align:center}.divider--text{display:flex;align-items:center;text-transform:uppercase;white-space:nowrap;color:var(--color-text-hint);font-size:14px;line-height:1rem;margin:.5rem 0}.divider--text:after,.divider--text:before{content:"";height:1px;width:100%;border-top:1px solid var(--color-divider)}.divider--text:before{margin-right:.75rem}.divider--text:after{margin-left:.75rem}#uius-tooltip{position:fixed;opacity:0;top:0;left:0;z-index:2000;background:#000;color:#fff;padding:.25rem .5rem;border-radius:.5rem;font-family:var(--body-font-family);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:transform .3s ease,opacity .3s ease;margin-top:-1rem}.tooltip--visible{opacity:1!important}.btn,button{display:inline-flex;background:#fff;align-items:center;border:none;border-radius:.5rem;font-family:inherit;font-size:inherit;transition:transform .15s;padding:.5rem 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--headings-font-family);font-weight:600;text-align:left;line-height:1.5rem;margin-right:.5rem;white-space:nowrap;height:auto}.btn:last-child,button:last-child{margin-right:0}.btn--primary,button--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn .icon,button .icon{margin-right:.5rem;margin-left:-.25rem}.btn:hover,button:hover{transform:scale(1.05);cursor:pointer}.btn:active,button:active{transform:scale(.95)}.btn--disabled,.btn:disabled,button--disabled,button:disabled{opacity:.5;transform:none!important;cursor:not-allowed!important}.btn:not(.has-text),button:not(.has-text){padding:.5rem}.btn:not(.has-text) .icon,button:not(.has-text) .icon{margin:0}.select-switch{display:inline-flex;background:#d3d3d3;padding:.25rem;border-radius:.5rem}.select-switch__option{font-family:var(--headings-font-family);height:2rem;padding:0 1rem;line-height:2rem;border-radius:.25rem}.select-switch__option.selected{background:#fff}.field{display:inline-flex}.field input{font-size:1.2rem;height:2.5rem;border:none;background:none;font-family:inherit;border-radius:.5rem;border:1px solid var(--color-divider);background:#fff;padding:.5rem 1rem;line-height:2rem}.field input:focus{outline:2px solid var(--color-primary)}.modal-overlay,.modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0}.modal-wrapper{display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay{background:rgba(0,0,0,.5)}.modal{background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);padding:1.5rem;border-radius:2rem;width:100%;max-width:40rem;z-index:1}.modal__footer{margin-top:1rem}.modal-enter-active,.modal-enter-active .modal-overlay,.modal-leave-active,.modal-leave-active .modal-overlay{transition:opacity .3s ease}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .3s ease}.modal-enter-from .modal-overlay,.modal-leave-to .modal-overlay{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{transform:translateY(100vh)}body{margin:0}h1,h2,h3,h4,h5{font-family:Poppins,sans-serif;letter-spacing:.05em;margin:1em 0}.overline{text-transform:uppercase;font-size:10px;letter-spacing:2px}*{box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}main{margin:auto}.page-width{max-width:var(--page-width)}.header-logo{display:flex;align-items:center;line-height:1;font-family:Poppins,sans-serif;gap:.5rem;font-size:1.25rem}.header-logo__icon{height:2rem;width:2rem;border-radius:.5rem;background:var(--color-primary)}nav{padding:1rem 0;display:flex;align-items:center}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:var(--color-primary)}.flex{display:flex}.flex-sb{justify-content:space-between}.file-drop{padding:1.5rem;border:.2rem dashed rgba(0,0,0,.1);background:rgba(0,0,50,.02);border-radius:1rem}.file-drop--over{background:rgba(0,0,50,.05)}.file-drop>label{cursor:pointer;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.folder-wrapper{display:inline-block;position:relative;width:5rem;height:4rem;perspective:600px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.folder{position:relative;height:100%;width:100%;transform-style:preserve-3d;transition:transform .3s ease}.folder__back,.folder__files,.folder__front{position:absolute;bottom:0;left:0;right:0;width:100%;transform-origin:bottom center;transition:transform .3s ease}.folder__front{height:75%;border-radius:.5rem;background:var(--color-primary);z-index:90}.folder__files{height:72.5%;width:80%;left:10%;background:#fff;border-radius:.25rem;z-index:80}.folder__back{height:100%;border-radius:.5rem;z-index:70}.folder__back svg{width:100%}.file-drop--over .folder{transform:translateZ(5rem) rotateY(40deg)}.file-drop--over .folder .folder__front{transform:rotateX(-30deg)}.file-drop--over .folder .folder__files{transform:translateY(-.8rem) rotateX(-10deg);box-shadow:0 0 1rem rgba(0,0,0,.1)}.input-select[data-v-48b19dd5]{position:relative}.input-select__options[data-v-48b19dd5]{display:flex;flex-direction:column;background:#fff;position:absolute;padding:.5rem;border-radius:1rem;top:2rem;left:-.5rem;box-shadow:0 0 16px rgba(0,0,0,.1);z-index:1000;white-space:nowrap}.input-select__options button[data-v-48b19dd5]{width:100%}.input-select__options button.active[data-v-48b19dd5]{color:var(--color-primary);font-weight:700}input:checked+label button[data-v-48b19dd5]{color:#06f}.input[data-v-4021355d]{border:1px solid rgba(0,0,0,.1);display:inline-flex}input[data-v-4021355d]{border:none;font-family:inherit;font-size:inherit;max-width:5rem;padding:.25rem .5rem}.input-unit[data-v-4021355d]{border-left:1px solid rgba(0,0,0,.1);padding:.25rem .5rem}section{text-align:center;padding:4rem 0;display:flex;justify-content:center}.image-croppers{display:grid;gap:1rem;margin:1rem 0;grid-template-columns:repeat(4,1fr);align-items:center}.image-wrapper{position:relative;overflow:hidden;border-radius:.75rem;border:1px solid rgba(0,0,0,.1);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAAAXNSR0IArs4c6QAAAH1JREFUWEft17EJACAMRNE4QvYfMiNEECzE8k6w+PZKfGoSR3d3fD7GiyCryrptgnRxIomkKsDrVgX3fCSRFARI5gLeMRVJJFUBkrkq+LQsuo8nM137XeusFESQBlMkDYjcSRcikkhaBKg4FsaIQBJJQYAGQ8C7/900vQbOCV5sF5muuWFeAAAAAElFTkSuQmCC);background-size:1rem auto;transition:all .3s;cursor:-webkit-grab;cursor:grab}.image-wrapper:active{cursor:-webkit-grabbing;cursor:grabbing}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.image-grid{display:grid;grid-template-columns:10% 1fr 10%;grid-template-rows:10% 1fr 10%;align-items:middle;height:100%;width:100%;position:absolute}.image-grid div{border:1px solid red;grid-area:2/2/3/3}.image-margin{height:100%;width:100%;box-shadow:inset 0 0 0 50px rgba(255,0,0,.2)}.image-guidelines{height:100%;width:100%;position:absolute;opacity:.5}.image-guidelines .c-hori,.image-guidelines .c-vert{position:absolute;border:0 solid #000}.image-guidelines .c-hori{border-left:1px solid #fff;border-right:1px solid #000;left:50%;height:100%}.image-guidelines .c-vert{top:50%;width:100%;border-top:1px solid #fff;border-bottom:1px solid #000}.image-size{bottom:.5rem;padding:.25rem .5rem;color:#fff;background:rgba(0,0,0,.75);letter-spacing:.1em;font-size:.6rem;font-weight:600;border-radius:.5rem;z-index:20;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-buttons,.image-size{position:absolute;right:.5rem}.image-buttons{top:.5rem;z-index:50}.image-buttons button{background:#fff!important}.cropper-option{border-right:1px solid rgba(0,0,0,.1);padding:.5rem 1rem 0}canvas{width:100%;display:block}.zoom-enter-active,.zoom-leave-active,.zoom-move{transition:all .5s ease}.zoom-enter-from,.zoom-leave-to{opacity:0;transform:translateX(30px)}.zoom-leave-active{position:absolute}