#canvas2020{width:100%}canvas{max-height:100%;max-width:100%}#greyback{background:#444648;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:24px;position:relative}#wm{padding:110px 100px}.toolbar{background:#444648;border-top-left-radius:6px;border-top-right-radius:6px;box-shadow:0 4px 5px #00000073;display:flex;height:3em;justify-content:space-between;margin-left:6px;margin-right:6px;margin-top:6px;position:relative;text-align:left;width:100%;z-index:10}.bottomBar.toolbar{box-shadow:0 -2px 4px #00000073;margin-bottom:8px;margin-top:0}.toolbar button{align-items:center;background:#444648;border:none;border-left:2px solid #2e2e2e;color:#fff;cursor:pointer;display:flex;height:100%;padding:6px 14px}.bottomBar.toolbar button{background:#2e2e2e;border-left:2px solid #000}.tooltitle{align-items:center;background:#2e7db2;border-top-left-radius:6px;color:#fff;display:flex;font-weight:700;padding:0 0 0 10px}.tooltitle button{border-right:2px solid #2e2e2e;margin-left:auto;width:100%}.tooltitle button:last-child{border-left:none}.filteroptions button:focus,.selectbuttons button:focus,.toolbar button:focus{outline:none}.tooltitle div{align-items:center;display:flex;width:100%}.tools{display:flex}.toolbar div:last-child{margin-left:auto}.ui-icon{font-size:1.4em;padding:0 3px}.pickrDiv{display:flex;flex-basis:100%;height:100%;justify-content:center;padding-top:6px}.pcr-app[data-theme=classic]{background:#2e2e2e;border-radius:6px;height:245px;opacity:1;padding:1em;position:inherit;visibility:initial;width:90%;z-index:10}.pickr .pcr-button{border:none;display:none}.pcr-app .pcr-interaction .pcr-save{background:#b7fe3d;color:#2e2e2e;text-transform:uppercase}.pcr-app .pcr-interaction .pcr-cancel{background:#f44250;display:none}.pcr-app.off{opacity:.3}.pcr-app.off:after{background:rgba(68 70 72 .3);content:" ";cursor:default;height:516px;left:0;min-height:100%;min-width:100%;padding:12px;position:relative;top:-177px;width:300px;z-index:100}.toolbar .on{Fill:#444648;background:#b7fe3d;color:#383838}.white:hover{Fill:#444648}.white{fill:#fff}.filteroptions button:hover,.selectbuttons button:hover,.toolbar button:hover{background-color:#cae2a0;color:#383838}button.adv{display:none}.toolbar button.downsize{display:inline-block}button#buildAnother,button#buildMe,button#joinMe,button#renewMe,button#upgradeMe{background:#b7fe3d;border-top-right-radius:6px;color:#444648;font-weight:700}.centerInterface{display:flex;height:100%;width:100%}.canDiv{align-items:flex-start;box-sizing:border-box;margin:6px;width:50%}.canDiv,.canPosition{border-radius:6px;display:flex;justify-content:center}.canPosition{align-items:center;background-color:inherit;height:540px;padding:6px;position:relative;transition-duration:.5s;transition-property:background-color;width:575px}.canDiv.grid{background:repeating-conic-gradient(#fff 0 25%,#efefef 0 50%) 50% /20px 20px}.grayfill{fill:#fff}.grayfill:hover{fill:#2e2e2e}.presets{display:flex;flex-wrap:wrap;width:100%}.presets p{background:grey;color:#fff;flex-basis:100%;margin:0 0 4px 4px;padding-left:10px;padding-top:7px;text-transform:uppercase}.presets.accentcolor{margin-top:4px}.snapshot{align-items:center;background-color:inherit;border:2px solid transparent;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-weight:700;height:73px;justify-content:center;line-height:16px;margin:2px 0 2px 4px;padding:4px;position:relative;text-align:center;width:73px;z-index:1}.snapshot img{transform:scale(1);transition-duration:.2s;transition-property:all}.snapshot img:hover{transform:scale(1.1)}.snapshot:hover{border:2px solid #ffe58e}.snapshot:before{background:transparent url(/images/customizers/grid2.png) no-repeat;border-radius:6px;bottom:0;content:"";display:block;left:0;opacity:.25;position:absolute;right:0;top:0;z-index:-1}.snapshot.user:after{background:#ffe58e;border-bottom-left-radius:6px;border-bottom-right-radius:6px;bottom:0;content:"MY PRESET";font-size:.7em;font-weight:700;position:absolute;text-align:center;width:100%}.delPreset{display:none}.user .delPreset{align-items:center;background:#2e7cb1;border-radius:9px;color:#fff;display:flex;font-size:.7em;height:19px;justify-content:center;position:absolute;right:-4px;top:-4px;width:19px;z-index:7}#placeHolder{background:#383838bd;border-radius:5px;height:100%;left:0;opacity:1;position:fixed;text-align:center;transition:opacity .2s;width:100%;z-index:30}.alertBox{background:#2e2e2e;bottom:0;display:flex;flex-direction:column;font-family:sans-serif;font-size:16px;justify-content:space-between;left:0;margin:80px auto;max-height:500px;max-width:500px;padding:.5em;position:absolute;right:0;top:0;z-index:800}.alertBox.alertPanel{display:none}.alertBox.alertShow{display:flex}.alertButtons{display:flex;justify-content:space-evenly}.alertButtons button{width:50%}.alertImg{display:flex;justify-content:center;padding:.6em}.alertImg img{max-height:300px}.alertTitle{background:#466f86;color:#fff;text-transform:uppercase}.alertInfo,.alertTitle{display:flex;justify-content:space-between;padding:1em}.alertInfo{color:#eee}.alertInfo span{padding:.3em 1em;width:50%}#finalImage{align-items:center;background-image:repeating-conic-gradient(#eee 0 25%,#e6e6e6 0 50%);background-size:20px 20px;display:flex;justify-content:center;margin:6px;max-height:600px;min-height:600px;width:100%}#finalImage canvas{max-height:600px;max-width:100%}#savetodisc{background:#444648;border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:flex;justify-content:center;width:100%}#savetodisc a{background:#b7fe3d;border-radius:6px;box-shadow:3px 4px 10px rgba(0,0,0,.49);box-sizing:border-box;color:#383838;font-size:1.1em;font-weight:700;line-height:14px;margin:0 1em .5em .5em;padding:.7em;text-align:center;text-transform:uppercase;transform:scale(1);transition:all .5s}#savetodisc a:hover{background:#ffe58e;transform:scale(1.1)}#status{align-items:center;background:rgba(50,50,50,.6);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:1px;padding:20px;position:absolute;text-align:center;text-transform:uppercase;top:1px;width:100%;z-index:12}.colorSwatch{border-bottom-right-radius:6px;border-left:3px solid #262626}button.backColor.selected,button.downformat.selected,button.downsize.sizeselect,button.repeat.selected{background:#ffe58e;color:#383838}button.repeat input{color:#000}.advanced{display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;padding:3px 12px 0;position:relative;width:100%}.advanced .eyeDrop{display:none}.hideOptions.off{background:#444648;display:flex;flex-wrap:wrap;height:100%;justify-content:center;opacity:.7;overflow:hidden;position:absolute;top:103px;width:100%;z-index:20}.filteroptions,.selectbuttons{background:#2e2e2e;border-radius:6px;display:flex;height:30px;width:95%}.selectbuttons{height:45px}.filteroptions button:last-child{border:none;border-bottom-right-radius:6px;border-left:2px solid #000;border-top-right-radius:6px;margin-left:auto}.filteroptions button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.selectbuttons button.viz:first-child{border:none;border-bottom-left-radius:6px}.filteroptions button,.selectbuttons button{background:#2e2e2e;border:none;border-left:2px solid #2e2e2e;color:#fff;cursor:pointer;font-size:.7em;padding:6px 14px;text-transform:uppercase}.selectbuttons button{width:20%}.filteroptions button{border-right:2px solid #000}.filteroptions button.on,.selectbuttons button.on{background:#ffe58e;color:#383838}#rangeValue{background:#ffe58e;border-radius:9px;display:block;font-size:.8em;padding:0 4px;position:relative;text-align:center;width:30px}.rangeDiv{display:flex;flex-wrap:wrap;height:auto;justify-content:center;width:95%}.rangeDiv div{align-items:center;display:flex;padding:12px 0;width:100%}.rangeDiv span{background:#ffe58e;border-radius:4px;color:#2e2e2e;font-size:.7em;max-width:15%;min-width:15%;padding:2px 4px;text-align:center}.rangeDiv span.off{background:#2e2e2e;color:#848484}.hideOptions{display:flex;flex-wrap:wrap;justify-content:center;width:100%}input[type=range]{-webkit-appearance:none;background-color:transparent;margin:9.95px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#2e2e2e;border:0;border-radius:12.2px;cursor:pointer;height:6.1px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#b7fe3d;border:0;border-radius:26px;cursor:pointer;height:26px;margin-top:-9.95px;width:26px}input[type=range]:disabled::-webkit-slider-runnable-track,input[type=range]:disabled::-webkit-slider-thumb{cursor:default}input[type=range]:focus::-webkit-slider-runnable-track{background:#2e2e2e}input[type=range]::-moz-range-track{background:#2e2e2e;border:0;border-radius:12.2px;cursor:pointer;height:6.1px;width:100%}input[type=range]::-moz-range-thumb{background:#b7fe3d;border:0;border-radius:26px;cursor:pointer;height:26px;width:26px}input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:9.95px 0;color:transparent;cursor:pointer;height:6.1px;width:100%}input[type=range]::-ms-fill-lower{background:#387d38;border:0;border-radius:24.4px}input[type=range]::-ms-fill-upper{background:#439643;border:0;border-radius:24.4px}input[type=range]::-ms-thumb{background:#b7fe3d;border:0;border-radius:26px;cursor:pointer;height:26px;margin-top:0;width:26px}input[type=range]:focus::-ms-fill-lower{background:#439643}input[type=range]:focus::-ms-fill-upper{background:#4eaf4e}input[type=range i]:disabled{cursor:default;opacity:.2}.modern-app-toolbar.toolbar{align-items:center;background:#1e1e24;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.5);display:flex;flex-wrap:wrap;gap:12px;height:auto;min-height:3em;padding:10px}.modern-app-toolbar .tool-module{align-items:center;background:#2a2a32;border:1px solid #3f3f46;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);display:flex;padding:4px}.modern-app-toolbar .bg-module{margin-left:auto}.modern-app-toolbar button{border-left:none!important;border-radius:4px;border-right:none!important;font-size:11px;font-weight:700;height:auto!important;margin:0 2px;padding:6px 12px;transition:all .1s ease-in-out}.modern-app-toolbar button:hover{background-color:#4b5563!important;color:#fff!important}.modern-app-toolbar button.selected,.modern-app-toolbar button.sizeselect{background:#fde68a!important;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#111827!important}.modern-app-toolbar .label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.05em;padding:0 8px}.modern-app-toolbar .val{color:#f3f4f6;font-family:monospace;font-size:12px}.modern-app-toolbar .divider{background:#4b5563;height:16px;margin:0 8px;width:1px}.modern-app-toolbar button.repeat.forever{align-items:center;display:flex;justify-content:center;padding:4px 12px!important}.modern-app-toolbar button.repeat.forever i{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;display:block;height:18px;width:18px}.modern-app-toolbar button.repeat.finate{background:transparent!important;margin-left:4px;padding:0!important}.modern-app-toolbar input.repeat{background:#1e1e24!important;border:1px solid #4b5563!important;border-radius:4px;box-sizing:border-box;color:#fff!important;font-weight:700;height:28px;padding:0 4px;text-align:center;width:50px}.modern-app-toolbar input.repeat:focus{border-color:#fde68a!important;outline:none}.modern-app-toolbar .colorSwatch{align-items:center;background-color:#f3f4f6!important;border:1px solid #6b7280!important;border-radius:6px!important;display:flex;height:36px!important;justify-content:center;margin-left:10px!important;padding:6px!important;width:36px!important}.modern-app-toolbar .colorSwatch i{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;display:block;height:100%;width:100%}.modern-app-toolbar button.repeat.forever:not(.selected) i{filter:brightness(0) invert(1);opacity:.8}.modern-app-toolbar button.repeat.finate input{background-color:#1e1e24!important;border:1px solid #4b5563!important;border-radius:4px!important;box-sizing:border-box!important;color:#fff!important;height:28px!important;padding:0 4px!important;width:45px!important}.modern-app-toolbar button.repeat.finate input:focus{border-color:#fde68a!important;box-shadow:0 0 0 1px #fde68a!important;outline:none!important}@supports (-ms-ime-align:auto){input[type=range]{margin:0}}@media screen and (max-width:1170px){.canPosition{width:400px}}@media screen and (max-width:1001px){.high{display:none}.tooltitle button{width:inherit}.tooltitle{background:inherit;padding-left:0}.tooltitle div{display:none}}@media screen and (max-width:840px){.centerInterface{flex-wrap:wrap}.centerInterface,.presets{justify-content:center}.canDiv{height:440px}.canPosition{height:440px;width:440px}}@media screen and (max-width:500px){#wm{padding:inherit}#savetodisc a{margin:0 .5em;padding:.5em}.canDiv{height:300px}.canPosition{height:300px;width:300px}}