.sidebar-mask{position:fixed;z-index:98;top:0;left:0;width:100%;height:100%;transition:background-color .3s}.sidebar-mask.shown{background-color:rgba(0,0,0,.5)}.sidebar-mask:not(.shown){pointer-events:none}.sidebar-container{position:fixed;top:0;right:0;bottom:0;z-index:99;width:90vw;height:100%;max-width:500px;padding:20px;background-color:#e5e5e5;font-family:Arial,Helvetica,Roboto,sans-serif;transition:transform .3s;overflow-y:auto;box-sizing:border-box}.sidebar-container:not(.shown){transform:translateX(100%)}.sidebar-body .sidebar-close{font-size:20pt;min-width:32px;padding:2px 0;position:absolute;z-index:2}.sidebar-default-button{display:block;margin-top:1rem}.sidebar-enter-active,.sidebar-leave-active{transition:opacity .5s ease}.sidebar-enter-from,.sidebar-leave-to{opacity:0}.modal-mask{position:fixed;z-index:198;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:table}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:90vw;max-width:400px;margin:0 auto;background-color:#e5e5e5;border-radius:0 0 2px 2px;box-shadow:0 2px 8px rgba(0,0,0,.33);font-family:Helvetica,Arial,sans-serif;position:relative}.modal-container.closeButton{padding-bottom:60px}.modal-body{padding:20px 30px;margin:20px 0}.modal-default-button{position:absolute;bottom:16px;right:16px;min-width:60px}.modal-header{background:-webkit-linear-gradient(left,#08216b,#a5cef7);color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.4rem .8rem;text-align:left;font-size:1.15rem;border:1px solid #e5e5e5}.icon[data-v-3644bf72]{width:90%;margin:1rem 5%;cursor:pointer;text-align:center}.flex{display:flex;flex-direction:row;height:100%;width:100%}.flex .menu{width:100px;height:100%;background-color:#e5e5e5;position:relative;transition:transform .5s}.flex .menu .expand{position:absolute;width:48px;right:0;bottom:0;transform:translateX(100%)}.flex .menu.collapsed{position:absolute;transform:translateX(-99%);transform:translateX(calc(-100% + 1px))}.flex .canvas-cont{height:100%;flex-grow:1;position:relative;overflow:hidden}.flex canvas,.flex div.events{position:absolute;top:0;left:0;height:100%;width:100%}.flex .overlay.dimOverlay{filter:contrast(.5)}.flex canvas.opaque{opacity:.5;-webkit-animation:pulse 2s linear 0s infinite;animation:pulse 2s linear 0s infinite}.flex textarea{position:absolute;resize:none;color:transparent;background-color:transparent;padding:0;font-family:Arial,Helvetica,Roboto,sans-serif;overflow:hidden}.flex textarea,.flex textarea:active,.flex textarea:focus,.flex textarea:focus-visible,.flex textarea:focus-within{border:1px dashed #000;outline:none}@media screen and (max-width:400px){.flex .menu{width:85px}}@-webkit-keyframes pulse{0%{filter:brightness(.7)}50%{filter:brightness(.3)}to{filter:brightness(.7)}}@keyframes pulse{0%{filter:brightness(.7)}50%{filter:brightness(.3)}to{filter:brightness(.7)}}#picker,.menu{z-index:1;position:relative}.icon{width:50%;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;padding:3px;box-sizing:border-box}.icon.variant{width:33%}.icon.selected{background-color:rgba(85,85,85,.3333333333333333);box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;transform:translate(1px,1px)}.icon.disabled{background-color:rgba(255,0,0,.4)}.swatch-container{position:absolute;margin:20%;left:0;right:0;bottom:0;border:2px solid #333}.swatch-container .swatch{padding-bottom:100%;cursor:pointer;position:relative}.swatch-container .swatch img{position:absolute;opacity:.4;width:50%;height:50%;left:25%;top:25%}.v-toast{font-family:Arial,Helvetica,Roboto,sans-serif}.IroColorPicker{display:flex!important;flex-direction:column;align-items:center}a.link{display:inline-block;font-weight:500;text-align:center;background:silver;color:#000;text-decoration:none;padding:12px 25px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf}a.link:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;transform:translate(1px,1px)}a.link:not(.xs){min-width:200px}.hist-swatch{display:inline-block;width:8%;padding-bottom:8%;box-sizing:border-box;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;margin:1%}.hist-swatch:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;transform:translate(1px,1px)}@media(max-width:575.98px){.hist-swatch{width:18%;padding-bottom:18%}}.size-inputs{margin-top:1em;display:flex;align-items:center}.size-inputs span{display:block;min-width:32px}.size-inputs input{flex-grow:10;min-width:32px;font-size:1.2em;background-color:#f5f5f5;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;padding:3px 4px;border-width:0;font-family:Courier New,Courier,monospace;outline:none}.size-inputs input:focus{background-color:#fff}#app,body,html{padding:0;margin:0;width:100%;height:100%;overflow:hidden}#app{overflow:hidden;-webkit-font-smoothing:none}*{font-smooth:never}canvas,img{image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated}.text-center{text-align:center}.mt-2{margin-top:2em}.mt-4{margin-top:4em}a{cursor:pointer}a.blue{color:#0000f0;text-decoration:underline}:focus{outline:none}h3[data-v-1570b294]{margin:40px 0 0}ul[data-v-1570b294]{list-style-type:none;padding:0}li[data-v-1570b294]{display:inline-block;margin:0 10px}a[data-v-1570b294]{color:#42b983}