#canvas2020{width:100%}canvas{max-width:100%;max-height:100%}#greyback{background:#444648;border-radius:6px;display:flex;flex-wrap:wrap;position:relative;justify-content:center;margin-bottom:24px}#wm{padding:110px 100px}.toolbar{text-align:left;position:relative;z-index:10;margin-top:6px;margin-left:6px;margin-right:6px;display:flex;justify-content:space-between;width:100%;height:3em;background:#444648;border-top-left-radius:6px;border-top-right-radius:6px;box-shadow:0 4px 5px #00000073}.bottomBar.toolbar{margin-bottom:8px;margin-top:0;box-shadow:0 -2px 4px #00000073}.toolbar button{color:#fff;background:#444648;border:none;border-left:solid 2px #2e2e2e;padding:6px 14px;height:100%;cursor:pointer;display:flex;align-items:center}.bottomBar.toolbar button{background:#2e2e2e;border-left:solid 2px #000}.tooltitle{color:#fff;background:#2e7db2;display:flex;align-items:center;font-weight:700;padding:0;padding-left:10px;border-top-left-radius:6px}.tooltitle button{margin-left:auto;width:100%;border-right:2px solid #2e2e2e}.tooltitle button:last-child{border-left:none}.filteroptions button:focus,.selectbuttons button:focus,.toolbar button:focus{outline:0}.tooltitle div{width:100%;display:flex;align-items:center}.tools{display:flex}.toolbar div:last-child{margin-left:auto}.ui-icon{font-size:1.4em;padding:0 3px}.pickrDiv{flex-basis:100%;display:flex;justify-content:center;padding-top:6px;height:100%}.pcr-app[data-theme=classic]{width:90%;padding:1em;height:245px;position:inherit;border-radius:6px;opacity:1;visibility:initial;background:#2e2e2e;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{min-width:100%;position:relative;background:rgba(68 70 72 .3);width:300px;min-height:100%;height:516px;z-index:100;top:-177px;left:0;content:" ";padding:12px;cursor:default}.toolbar .on{background:#b7fe3d;color:#383838;Fill: #444648}.white:hover{Fill: #444648}.white{fill:white}.filteroptions button:hover,.selectbuttons button:hover,.toolbar button:hover{color:#383838;background-color:#cae2a0}button.adv{display:none}.toolbar button.downsize{display:inline-block}button#buildAnother,button#buildMe{background:#b7fe3d;color:#444648;font-weight:700;border-top-right-radius:6px}.centerInterface{display:flex;height:100%;width:100%}.canDiv{width:50%;margin:6px;box-sizing:border-box;display:flex;justify-content:center;align-items:start;border-radius:6px}.canPosition{position:relative;width:575px;height:540px;display:flex;padding:6px;justify-content:center;align-items:center;border-radius:6px;background-color:inherit;transition-property:background-color;transition-duration:.5s}.canDiv.grid{background:transparent url(/images/customizers/grid2.png)}.grayfill{fill:white}.grayfill:hover{fill:#2E2E2E}.presets{width:100%;display:flex;flex-wrap:wrap}.presets p{flex-basis:100%;color:#fff;margin:0 0 4px 4px;margin-left:4px;background:grey;padding-left:10px;padding-top:7px;text-transform:uppercase}.presets.accentcolor{margin-top:4px}.snapshot{width:73px;height:73px;position:relative;z-index:1;border-radius:6px;margin:2px 0 2px 4px;padding:4px;box-sizing:border-box;background-color:inherit;display:flex;justify-content:center;border:2px solid transparent;cursor:pointer;text-align:center;align-items:center;font-weight:700;line-height:16px}.snapshot img{transform:scale(1) transition-property: all;transition-duration:.2s}.snapshot img:hover{transform:scale(1.1)}.snapshot:hover{border:2px solid #ffe58e}.snapshot:before{content:"";background:transparent url(/images/customizers/grid2.png) no-repeat;opacity:.25;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1;display:block;border-radius:6px}.snapshot.user::after{content:'MY PRESET';position:absolute;bottom:0;background:#ffe58e;width:100%;text-align:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;font-size:.7em;font-weight:700}.delPreset{display:none}.user .delPreset{background:#2e7cb1;width:19px;height:19px;z-index:7;position:absolute;top:-4px;right:-4px;border-radius:9px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:.7em}#finalImage{margin:6px;background:url(/images/customizers/grid2.png) repeat transparent;max-height:600px;min-height:600px;width:100%;display:flex;justify-content:center;align-items:center}#finalImage canvas{max-height:600px;max-width:100%}#savetodisc{display:flex;justify-content:center;background:#444648;width:100%;border-bottom-left-radius:6px;border-bottom-right-radius:6px}#savetodisc a{color:#383838;background:#b7fe3d;text-align:center;padding:.7em;margin:0 1em .5em .5em;text-transform:uppercase;font-size:1.1em;font-weight:700;border-radius:6px;box-shadow:3px 4px 10px rgb(0 0 0 / 49%);transition:all .5s;transform:scale(1);box-sizing:border-box;line-height:14px}#savetodisc a:hover{background:#ffe58e;transform:scale(1.1)}#status{position:absolute;text-align:center;width:100%;background:rgba(50,50,50,.6);height:100%;box-sizing:border-box;z-index:12;left:1px;top:1px;padding:20px;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-transform:uppercase}.colorSwatch{border-left:3px solid #262626;border-bottom-right-radius:6px}button.backColor.selected,button.downformat.selected,button.downsize.sizeselect,button.repeat.selected{background:#ffe58e;color:#383838}button.repeat input{color:#000}.advanced{width:100%;padding:3px 12px 0;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;position:relative}.hideOptions.off{width:100%;display:flex;justify-content:center;flex-wrap:wrap;background:#444648;height:100%;position:absolute;z-index:20;opacity:.7;top:103px;overflow:hidden}.filteroptions,.selectbuttons{background:#2e2e2e;display:flex;width:95%;height:30px;border-radius:6px}.selectbuttons{height:45px}.filteroptions button:last-child{margin-left:auto;border:none;border-left:2px solid #000;border-bottom-right-radius:6px;border-top-right-radius:6px}.filteroptions button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.selectbuttons button.viz:first-child{border-bottom-left-radius:6px;border:none}.filteroptions button,.selectbuttons button{color:#fff;background:#2e2e2e;border:none;border-left:solid 2px #2e2e2e;padding:6px 14px;cursor:pointer;text-transform:uppercase;font-size:.7em}.selectbuttons button{width:20%}.filteroptions button{border-right:2px solid #000}.filteroptions button.on,.selectbuttons button.on{background:#ffe58e;color:#383838}#rangeValue{position:relative;background:rgb(255 229 142);width:30px;padding:0 4px;display:block;text-align:center;border-radius:9px;font-size:.8em}.rangeDiv{width:95%;display:flex;flex-wrap:wrap;justify-content:center;height:auto}.rangeDiv div{width:100%;display:flex;align-items:center;padding:12px 0}.rangeDiv span{color:#2e2e2e;min-width:15%;max-width:15%;padding:2px 4px;background:#ffe58e;text-align:center;border-radius:4px;font-size:.7em}.rangeDiv span.off{color:#848484;background:#2e2e2e}.hideOptions{width:100%;display:flex;justify-content:center;flex-wrap:wrap}input[type=range]{width:100%;margin:9.95px 0;background-color:transparent;-webkit-appearance:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{background:#2e2e2e;border:0;border-radius:12.2px;width:100%;height:6.1px;cursor:pointer}input[type=range]::-webkit-slider-thumb{margin-top:-9.95px;width:26px;height:26px;background:#b7fe3d;border:0;border-radius:26px;cursor:pointer;-webkit-appearance:none}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;width:100%;height:6.1px;cursor:pointer}input[type=range]::-moz-range-thumb{width:26px;height:26px;background:#b7fe3d;border:0;border-radius:26px;cursor:pointer}input[type=range]::-ms-track{background:0 0;border-color:transparent;border-width:9.95px 0;color:transparent;width:100%;height:6.1px;cursor:pointer}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{width:26px;height:26px;background:#b7fe3d;border:0;border-radius:26px;cursor:pointer;margin-top:0}input[type=range]:focus::-ms-fill-lower{background:#439643}input[type=range]:focus::-ms-fill-upper{background:#4eaf4e}input[type=range i]:disabled{opacity:.2;cursor:default}@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;justify-content:center}.presets{justify-content:center;min-height: 350px;}.canDiv{height:440px}.canPosition{width:440px;height:440px}}@media screen and (max-width:500px){#wm{padding:inherit}#savetodisc a{padding:.5em;margin:0 .5em}.canDiv{height:300px}.canPosition{width:300px;height:300px}}