@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{min-height:100vh;min-width:100vw;overflow:hidden}body{background-color:#333}.display-canvas{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%}.display-canvas,.display-canvas .controls-open{align-items:center;display:flex;justify-content:center}.display-canvas .controls-open{cursor:pointer;height:3.5em;mix-blend-mode:hard-light;position:absolute;right:25px;top:25px;transition:all .3s ease;width:3.5em;z-index:10}.display-canvas .controls-open:hover{animation:settings-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(44,216,254,.8)) drop-shadow(0 0 25px rgba(166,224,0,.4));transform:scale(1.15)}@keyframes settings-pulse{0%,to{filter:drop-shadow(0 0 15px rgba(44,216,254,.8)) drop-shadow(0 0 25px rgba(166,224,0,.4))}50%{filter:drop-shadow(0 0 25px #2cd8fe) drop-shadow(0 0 40px rgba(166,224,0,.6))}}.display-canvas .image-container{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.display-canvas .controls-container{align-items:center;background-image:linear-gradient(42deg,#33005280,#ff008266);box-shadow:inset 0 0 150px #450050cc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.display-canvas .controls-container .controls-background-click{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.display-canvas .controls-container .controls-settings{display:none!important;max-width:400px}.display-canvas .controls-container .controls-visible{display:flex!important}.display-canvas .controls-container .controls-inner{display:flex;flex-direction:column;height:90vh;justify-content:center;margin-top:40px;min-width:400px;opacity:.9;padding:5vh;position:absolute;z-index:1}.display-canvas .controls-container .controls-inner .row{display:flex;justify-content:space-between}.display-canvas .controls-container .controls-inner .row h1{color:#fafafa;display:block;font-size:20px;font-weight:400;margin-bottom:30px;text-align:left;width:100%}.display-canvas .controls-container .controls-inner .row h1 b{color:#cdf29c}.display-canvas .controls-container .controls-inner .row button,.display-canvas .controls-container .controls-inner .row input{border-radius:4px;box-shadow:inset 0 0 0 #59069a99,0 0 0 #59069a80;display:inline-block;font-family:Lato,sans-serif;height:60px;margin-bottom:10px;mix-blend-mode:lighten;text-align:center}.display-canvas .controls-container .controls-inner .row button{cursor:pointer;text-transform:uppercase}.display-canvas .controls-container .controls-inner .row button:hover,.display-canvas .controls-container .controls-inner .row input:focus{box-shadow:inset 0 0 5px #59069a99,0 0 10px #2cd8fe80;transform:translateY(-2px);transition:all .2s ease-out}.display-canvas .controls-container .controls-inner .row button:active{transform:translateY(0);transition:all .1s ease-in}.display-canvas .controls-container .controls-inner .row button,.display-canvas .controls-container .controls-inner .row input{transition:all .2s ease-out}.display-canvas .controls-container .controls-inner .row .button-large{background:linear-gradient(42deg,#2c024d,#e6008c);border:none;color:#fafafa;font-size:14px;font-weight:700;height:80px;letter-spacing:1px;outline:none;overflow:hidden;position:relative;vertical-align:middle;width:100%}.display-canvas .controls-container .controls-inner .row .button-large:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.display-canvas .controls-container .controls-inner .row .button-large:hover:before{left:100%}.display-canvas .controls-container .controls-inner .row .button-large.disabled{background:linear-gradient(42deg,#6c6c6c,#d1d1d1)!important;color:#ff007a!important;font-weight:900}.display-canvas .controls-container .controls-inner .row .button-icon,.display-canvas .controls-container .controls-inner .row .button-medium,.display-canvas .controls-container .controls-inner .row .button-small{background:#0000;border:1px solid #a6e000;color:#fafafa;font-size:12px;font-weight:700;letter-spacing:1px;outline:none;position:relative}.display-canvas .controls-container .controls-inner .row .button-icon:hover,.display-canvas .controls-container .controls-inner .row .button-medium:hover,.display-canvas .controls-container .controls-inner .row .button-small:hover{background:#a6e0001a;border-color:#2cd8fe;color:#2cd8fe}.display-canvas .controls-container .controls-inner .row .button-icon{border:none;width:40px}.display-canvas .controls-container .controls-inner .row .button-icon svg{fill:#fff;opacity:.5}.display-canvas .controls-container .controls-inner .row .button-icon:hover{box-shadow:none}.display-canvas .controls-container .controls-inner .row .button-icon:hover svg{opacity:1}.display-canvas .controls-container .controls-inner .row .button-icon:hover .slider-1{transform:translateX(40px)}.display-canvas .controls-container .controls-inner .row .button-icon:hover .slider-2{transform:translateX(-180px)}.display-canvas .controls-container .controls-inner .row .button-icon:hover .slider-3{transform:translateX(90px)}.display-canvas .controls-container .controls-inner .row .button-icon svg{transition:opacity .3s ease}.display-canvas .controls-container .controls-inner .row .button-icon .slider-knob{transform:translateX(0);transition:transform .4s ease-out}.display-canvas .controls-container .controls-inner .row .button-small{width:48.5%}.display-canvas .controls-container .controls-inner .row .button-medium{width:100%}.display-canvas .controls-container .controls-inner .row input{background:#0000;background:linear-gradient(42deg,#2c024d33,#e6008c33);border:1px solid #a6e000;color:#fafafa;font-size:12px;font-weight:700;letter-spacing:1px;outline:none;width:100%}.display-canvas .controls-container .controls-inner .text-container{background-image:linear-gradient(42deg,#33005280,#ff008266);border-radius:4px;color:#fff;display:block;font-size:12px;margin-bottom:10px;opacity:.8;padding:20px}.display-canvas .controls-container .controls-inner .text-container h6{font-size:20px;margin:0;padding:0;text-transform:uppercase}.display-canvas .controls-container .controls-inner .text-container b{cursor:pointer}.display-canvas .controls-container .controls-inner .text-container .alert{background-image:linear-gradient(42deg,#33005280,#ff008266);border-radius:4px;color:#fafafa;font-weight:700;padding:5px 5px 5px 10px}.display-canvas .controls-container .controls-inner .text-container div[style*="cursor: pointer"]{transition:all .2s ease}.display-canvas .controls-container .controls-inner .text-container div[style*="cursor: pointer"]:hover{background:#2cd8fe33!important;box-shadow:0 0 15px #2cd8fe66;transform:scale(1.01)}.display-canvas .controls-container .controls-inner .text-container div[style*="cursor: pointer"]:active{transform:scale(.99)}.display-canvas .controls-container .controls-inner .row.colors{flex-wrap:wrap;justify-content:space-between;max-width:400px;position:relative}.display-canvas .controls-container .controls-inner .row.colors .button-small{align-items:center;display:flex;font-size:10px;height:60px;justify-content:center;position:relative}.display-canvas .controls-container .controls-inner .row.colors .button-small svg{fill:#fff;height:100%;padding-right:10px;position:absolute;right:0;top:0;width:25px;z-index:100}#copyright{bottom:10px;color:#fff;font-family:Lato,sans-serif;font-size:8px;opacity:.5;position:absolute;z-index:2000}#copyright a{color:#fff;font-weight:700;text-decoration:none}.hexagon-loader{align-items:center;display:flex;justify-content:center;position:relative;width:150px;z-index:1}.hexagon-loader svg{overflow:visible;width:100%}.hexagon-loader svg polygon{fill:none;stroke:#cf0;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.hexagon-glow{background:linear-gradient(42deg,#5100c6,#ff0073,#ffd600);border-radius:50%;content:"";filter:blur(42px);height:100%;left:0;mix-blend-mode:screen;overflow:visible;position:absolute;top:0;width:100%;z-index:1}.close-button{height:100%;opacity:.5;position:relative;width:100%}.close-button rect{display:none}.close-button path,.close-button rect{stroke:#ff0091;stroke-width:80;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.close-button path{fill:#ff0091}.close-button #center-EX,.close-button #dot-EX{display:none}.close-button #inner{fill:#ec007f;stroke:none}.close-button #outer{fill:#3f0049;stroke:none}.color-container{border:2px solid #0000;height:60px;margin-bottom:10px;opacity:0;position:relative;transition:transform .2s ease,box-shadow .2s ease,border .2s ease,opacity .2s ease;width:48.5%}.color-container.dragging{opacity:.3!important;transform:scale(.95)}.color-container.drag-over{border:2px solid #2cd8fe;box-shadow:0 0 15px #2cd8fe99;transform:scale(1.05)}.color-container.drag-clone{box-shadow:0 10px 30px #00000080;cursor:grabbing!important;opacity:.8!important}.color-container.drag-clone .color-drag-handle,.color-container.drag-clone input{cursor:grabbing!important}.color-container .color-drag-handle{-webkit-touch-callout:none;align-items:center;color:#ffffff80;cursor:grab;display:flex;font-size:16px;height:100%;justify-content:center;left:5px;letter-spacing:-2px;position:absolute;top:0;touch-action:none;user-select:none;-webkit-user-select:none;width:20px;z-index:10}.color-container .color-drag-handle:active{cursor:grabbing}.color-container .color-drag-handle:hover{color:#fffc}.color-container input{background-color:#0006;cursor:pointer;font-size:10px;height:100%!important;padding-left:30px!important;z-index:0}.color-container input:hover{box-shadow:inset 0 0 5px #59069a99,0 0 20px #2cd8fe99}.color-container .color-close-button{cursor:pointer;height:100%;padding-right:10px;position:absolute;right:0;top:0;width:25px;z-index:100}.color-container .color-close-button svg{fill:#fff;stroke:#fff;height:100%;width:100%}.jscolor-btn-close{max-width:213px!important;width:100%}
/*# sourceMappingURL=main.a2c83150.css.map*/