/*! Pickr 1.8.0 MIT | https://github.com/Simonwep/pickr nano.min */
.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:0;border:0;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat 50%;background-size:0;transition:all .3s}.pickr .pcr-button:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.15em}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px currentColor}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app *,.pickr *{box-sizing:border-box;outline:0;border:0;-webkit-appearance:none}.pcr-app button.pcr-active,.pcr-app button:focus,.pcr-app input.pcr-active,.pcr-app input:focus,.pickr button.pcr-active,.pickr button:focus,.pickr input.pcr-active,.pickr input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px currentColor}.pcr-app .pcr-palette,.pcr-app .pcr-slider,.pickr .pcr-palette,.pickr .pcr-slider{transition:box-shadow .3s}.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus,.pickr .pcr-palette:focus,.pickr .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display:grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:0 0;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{width:auto;color:#fff}.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover,.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{background:#f44250}.pcr-app .pcr-interaction .pcr-cancel:focus,.pcr-app .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity,.pcr-app .pcr-selection .pcr-color-palette{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active,.pcr-app .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:currentColor;width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(90deg,transparent,#000),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,.25em}.pcr-app{position:static;box-shadow:none}.pcr-app[data-theme=nano]{width:unset}.pcr-app[data-theme=nano] .pcr-swatches{padding:0}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:2em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{width:4em;height:4em}.g-noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.g-d-none{display:none!important}.g-dx-none{width:1px;height:1px;border:0;background:#fff;resize:none;padding:0;outline:0}.g-flex{display:flex}.g-inline-flex{display:inline-flex}.g-justify-content-space{justify-content:space-evenly}.g-overflow-auto{overflow:auto}.g-align-center{text-align:center}.g-h-100{height:100%}.g-m-10x{margin:10px}.g-m-20x{margin:20px}.g-mx-20x{margin-left:20px;margin-right:20px}.g-mt-20x{margin-top:20px}.g-color-white{color:#fff}.at-stopper-deletebtn:focus,.at-stopper-deletebtn:hover{background-color:#03a9f4}.g-smooth-scroll{scrollbar-width:thin;scrollbar-color:#929292 rgba(131,131,131,.185)}.g-smooth-scroll::-webkit-scrollbar{width:6px;height:6px;border-radius:20px}.g-smooth-scroll::-webkit-scrollbar-track{background:rgba(131,131,131,.185);border-radius:20px}.g-smooth-scroll::-webkit-scrollbar-thumb{background-color:#929292;border-radius:20px;border:3px solid rgba(131,131,131,.185)}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-75px;opacity:0;transition:opacity .3s}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}#at-tool-wrapper{display:grid;grid-template-columns:100px auto 32%;grid-template-rows:210px 405px 330px;grid-gap:10px;grid-template-areas:"preset preview preview" "preset config config" "preset srccode srccode"}.at-preset-panel{grid-area:preset}.at-config-panel{grid-area:config}.at-preview-panel{grid-area:preview}.at-srccode-panel{grid-area:srccode}.at-preset-panel{border:1px solid #bcbcbc;border-radius:3px}.at-config-panel{border-radius:3px;border:1px solid #bcbcbc}.at-preset-panel div.at-select-dropdown{position:relative;border-bottom:1px solid #bcbcbc}.at-preset-panel div.at-select-dropdown:after{content:'<>';font:17px "Consolas",monospace;transform:rotate(90deg);right:11px;top:8px;padding:0 0 2px;position:absolute;font-weight:700;pointer-events:none}.at-preset-panel div.at-select-dropdown select{width:100%;padding:12px;line-height:1;font-size:15px;border:0;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}@media screen and (-webkit-min-device-pixel-ratio:0){.at-preset-panel div.at-select-dropdown select{padding-right:18px}}.at-preset-panel .at-collapse-content{height:calc(100% - 52px);overflow-y:scroll;margin:7px}.at-preset-panel .at-collapse-content ul{margin:0;padding:0;clear:both}.at-preset-panel .at-collapse-content ul li{display:inline-block;margin:0 4px 4px 0;width:calc(100%/1 - 5px)}@media (min-width:1200px){.at-preset-panel .at-collapse-content ul li{width:calc(100%/1 - 5px)}}@media (max-width:991px){.at-preset-panel .at-collapse-content ul li{width:calc(100%/3 - 5px)}}.at-preset-panel .at-collapse-content ul li button{width:100%;height:47px;border:2px solid #fff}.at-preset-panel .at-collapse-content ul li button:hover{border:2px solid #000;cursor:pointer}.at-preview-panel>div{height:100%;background:linear-gradient(to right,#2196f3,#ff9800)}.at-config-panel{padding:20px}.at-config-panel .at-config-range{display:grid;grid-template:repeat(2,-webkit-max-content) 2.4em/1fr 1fr;grid-template:repeat(2,max-content) 2.4em/1fr 1fr;position:relative;background:linear-gradient(0deg,transparent 44%,#2196f3 45%,#2196f3 55%,transparent 56%);touch-action:none;margin-top:10px;margin-bottom:10px;cursor:copy}.at-config-panel .at-config-range input[type=range]{grid-column:1/span 2;grid-row:3;z-index:1;top:0;left:0;margin:0;background:0 0;outline:0;color:#000;pointer-events:none}.at-config-panel .at-config-range input[type=range]::-webkit-slider-runnable-track,.at-config-panel .at-config-range input[type=range]::-webkit-slider-thumb,.at-config-panel .at-config-range input[type=range]{-webkit-appearance:none}.at-config-panel .at-config-range input[type=range]::-webkit-slider-runnable-track{width:100%;height:100%;background:0 0}.at-config-panel .at-config-range input[type=range]::-moz-range-track{width:100%;height:100%;background:0 0}.at-config-panel .at-config-range input[type=range]::-webkit-slider-thumb{width:2.4em;height:2.4em;border-radius:50%;background:currentcolor;background-repeat:no-repeat;background-position:center center;pointer-events:auto;border:4px solid #fff;cursor:move;box-shadow:0 0 4px #000}.at-config-panel .at-config-range input[type=range]::-moz-range-thumb{width:2.4em;height:2.4em;border-radius:50%;background:currentcolor;background-repeat:no-repeat;background-position:center center;pointer-events:auto;border:4px solid #fff;cursor:move;box-shadow:0 0 4px #000}.at-config-panel .at-config-range input[type=range]::-webkit-slider-thumb:hover{border:4px solid #2196f3}.at-config-panel .at-config-range input[type=range]::-moz-range-thumb:hover{border:4px solid #2196f3}.at-config-panel .at-config-range input[type=range]:focus{z-index:2}.at-config-panel .at-config-range input[type=range]:focus,.at-config-panel .at-config-range input[type=range]:focus+output{color:#ff8c00}.at-config-panel .at-config-range input.selected[type=range]::-webkit-slider-thumb{border:3px dashed #000;transition:all .2s}.at-config-panel .at-config-range input.selected[type=range]::-moz-range-thumb{border:3px dashed #000;transition:all .2s}.at-config-panel .at-stopper-controller{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #cacaca;padding-bottom:6px}@media (max-width:600px){.at-config-panel .at-stopper-controller{flex-direction:column;gap:15px}}.at-config-panel .at-stopper-controller .at-addnew-btn{font-size:12px;display:inline-flex;flex-direction:column;align-items:center;background:0 0;border:0}.at-config-panel .at-stopper-controller .at-addnew-btn:focus-within{outline:1px dotted gray}.at-config-panel .at-stopper-controller .at-addnew-btn span{border:1px dotted #a1a1a1;border-radius:35px;width:35px;height:35px;text-align:center;padding:7px;font-size:18px;transition:background-color .3s}.at-config-panel .at-stopper-controller .at-addnew-btn:hover span{background-color:#4285f3;color:#fff;cursor:copy}.at-config-panel .at-stopper-controller .at-addnew-btn div{margin-top:2px}.at-config-panel .g-input-group input[type=number]::-webkit-inner-spin-button,.at-config-panel .g-input-group input[type=number]::-webkit-outer-spin-button{opacity:1}.at-config-panel .g-input-group{display:flex;border:1px solid #ced4da;align-items:center;background:#e9e9e9}.at-config-panel .g-input-group input{border-radius:0;border:0;width:53px;font-size:15px;padding:2px;height:24px}.at-config-panel .g-input-group span{padding:0 7px}.at-config-panel .at-stopper-controller button.at-stopper-deletebtn{margin-left:10px;border:0;color:#fff;padding:.4em 1.2em}.at-config-panel .at-stopper-controller button.at-stopper-deletebtn:disabled{background-color:rgba(161,161,161,.3);color:gray;cursor:not-allowed}.at-config-panel .at-stopper-controller .at-color-pickr{border:1px solid #000;border-radius:3px;margin-right:3px;background:#000;display:none}.at-config-panel .at-stopper-controller .at-color-pickr .pcr-button{transition:none}.at-panel-switcher{align-items:baseline;gap:6px}.at-panel-switcher .at-reversebtn{font-size:12px;display:inline-flex;flex-direction:column;align-items:center;background:0 0;border:0}.at-panel-switcher .at-reversebtn span{border:1px dotted #a1a1a1;border-radius:35px;width:35px;height:35px;text-align:center;padding:7px;font-size:18px;transition:background-color .3s}.at-panel-switcher .at-reversebtn:hover span{background-color:#4285f3;color:#fff;cursor:copy}.at-config-input{display:inline-block;margin:0 60px;vertical-align:top}.at-config-input label{display:flex;gap:4px;cursor:pointer;font-weight:500;position:relative;overflow:hidden;margin-bottom:.375em}.at-config-input label input{position:absolute;left:-9999px}.at-config-input label input:checked+span{background-color:#d6d6e5}.at-config-input label input:checked+span:before{box-shadow:inset 0 0 0 .4375em #00005c}.at-config-input label span{display:flex;align-items:center;padding:.375em .75em .375em .375em;border-radius:99em;transition:.25s ease}.at-config-input label span:hover{background-color:#d6d6e5}.at-config-input label span:before{display:flex;flex-shrink:0;content:"";background-color:#fff;width:1.5em;height:1.5em;border-radius:50%;margin-right:.375em;transition:.25s ease;box-shadow:inset 0 0 0 .125em #00005c}.at-config-range2d-slider{width:270px;text-align:center}.at-config-range2d-position{border:1px solid #000;width:151px;height:151px;border-radius:151px;position:relative;display:inline-block}.at-config-range2d-position label,.at-config-range2d-position{transition:all .6s}.at-config-range2d-position label{position:absolute;font-size:10px}.gtype-360 .at-config-range2d-position:before{content:'';position:absolute;border:3px solid #000;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:100%;top:2px;left:2px}.gtype-360 .at-config-range2d-position ul{width:100%;height:100%}.gtype-360 .at-config-range2d-position ul li{width:1px;height:96%;border:1px solid;left:50%;top:2px;position:absolute}.gtype-360 .at-config-range2d-position ul li:nth-of-type(1){transform:rotate(30deg)}.gtype-360 .at-config-range2d-position ul li:nth-of-type(2){transform:rotate(60deg)}.gtype-360 .at-config-range2d-position ul li:nth-of-type(3){transform:rotate(90deg)}.gtype-360 .at-config-range2d-position ul li:nth-of-type(4){transform:rotate(120deg)}.gtype-360 .at-config-range2d-position ul li:nth-of-type(5){transform:rotate(150deg)}.gtype-360 .at-config-range2d-position ul:after{content:'';position:absolute;background:#fff;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:100%;left:8px;top:8px}.gtype-360 .at-config-range2d-position label:nth-of-type(1){right:15px;top:calc(50% - 8px)}.gtype-360 .at-config-range2d-position label:nth-of-type(1):before{content:'90'}.gtype-360 .at-config-range2d-position label:nth-of-type(2){top:15px;left:calc(50% - 2px)}.gtype-360 .at-config-range2d-position label:nth-of-type(2):before{content:'0'}.gtype-360 .at-config-range2d-position label:nth-of-type(3){top:calc(50% - 8px);left:15px}.gtype-360 .at-config-range2d-position label:nth-of-type(3):before{content:'270'}.gtype-360 .at-config-range2d-position label:nth-of-type(4){left:calc(50% - 11px);bottom:15px}.gtype-360 .at-config-range2d-position label:nth-of-type(4):before{content:'180'}.gtype-360 .at-config-range2d-position .hand{background:#d32f2f;width:10px;height:10px;display:block;position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);border-radius:5px}.gtype-360 .at-config-range2d-position .hand:after{content:' ';width:60px;height:4px;display:block;background:#d32f2f;position:relative;margin:3px}.gtype-360 .at-config-range2d-position .point{display:none;background:#d32f2f;width:10px;height:10px;display:block;position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);border-radius:5px}.gtype-xy .at-config-range2d-position,.gtype-xy .at-config-range2d-position:before{border-radius:0;transition:all .6s}.gtype-xy .at-config-range2d-position:before{content:" ";display:block;width:96%;height:96%;border:2px solid #000;top:2%;position:absolute;left:2%}.gtype-xy .at-config-range2d-position label:nth-of-type(1){top:90%;right:4%}.gtype-xy .at-config-range2d-position label:nth-of-type(1):before{content:'100,100'}.gtype-xy .at-config-range2d-position label:nth-of-type(2){right:4%;top:4%}.gtype-xy .at-config-range2d-position label:nth-of-type(2):before{content:'100,0'}.gtype-xy .at-config-range2d-position label:nth-of-type(3){top:4%;left:4%}.gtype-xy .at-config-range2d-position label:nth-of-type(3):before{content:'0,0'}.gtype-xy .at-config-range2d-position label:nth-of-type(4){left:4%;top:90%}.gtype-xy .at-config-range2d-position label:nth-of-type(4):before{content:'0,100'}.gtype-360 .at-config-range2d-position .dial-wrapper{display:block}.gtype-360 .at-config-range2d-position .point-wrapper{display:none}.gtype-xy .at-config-range2d-position .dial-wrapper{display:none}.gtype-xy .at-config-range2d-position .point-wrapper{display:block}.gtype-xy .at-config-range2d-position .point-wrapper{left:10px;top:10px;width:calc(100% - 30px);height:calc(100% - 30px);position:relative}.gtype-xy .at-config-range2d-position .point-wrapper .point{background:#d32f2f;width:10px;height:10px;border-radius:10px;position:absolute}.at-config-range2d-inputs{display:flex;margin-top:4px;justify-content:center;gap:4px}.gtype-360 .at-config-range2d-inputs>div:nth-of-type(1){display:inline}.gtype-360 .at-config-range2d-inputs>div:nth-of-type(2),.gtype-360 .at-config-range2d-inputs>div:nth-of-type(3){display:none}.gtype-xy .at-config-range2d-inputs>div:nth-of-type(1){display:none}.gtype-xy .at-config-range2d-inputs>div:nth-of-type(2),.gtype-xy .at-config-range2d-inputs>div:nth-of-type(3){display:inline}.at-config-gtype{margin-top:10px}.at-config-colnconfig{display:flex}.at-config-color{flex-grow:1}.at-config-config{display:flex;gap:4px;justify-content:space-between}@media (max-width:450px){.at-config-config{flex-direction:column;align-items:center}}.at-srccode-conf{flex-grow:1;flex-direction:column;display:flex;box-shadow:1px 0 0 #bcbcbc;border-width:1px 0 1px 1px;border-style:solid;border-color:#081c2f;max-width:calc(100% - 80px);background-color:#081c2f;color:#41adff}.at-srccode-conf #at-src-width,.at-srccode-conf #at-src-height{width:55px;font-size:1.1rem}.at-srccode-conf #downloadbtn{padding:9px 10px;margin:80px auto;width:173px;display:block;border:0;color:#fff;border-radius:5px}.at-srccode-conf #canvas-container{visibility:hidden}.at-srccode-conf .codeinfo{background:#90caf9;padding:8px;margin:5px;border-radius:3px;font-size:.9rem;color:#000}.at-srccode-conf pre{white-space:break-spaces;font-size:.85rem;margin:0}.at-srccode-panel .tab-switch{min-width:80px;max-width:80px}.at-srccode-panel .tab-switch li{position:relative;overflow:hidden;margin-bottom:3px}.at-srccode-panel .tab-switch li input{position:absolute;left:-100px}.at-srccode-panel .tab-switch li label{padding:8px;background:#525f7b;color:#fff;font-size:.8rem;display:block;border-right:5px solid #525f7b;border-left:1px solid #525f7b;border-top:1px solid #525f7b;border-bottom:1px solid #525f7b}.at-srccode-panel .tab-switch li input:checked+label{background:#081c2f;border-right-color:#ffa000;border-left-color:#081c2f;outline:1px dotted gray}#copysrc{background:#5f5f5f;border:0;color:#fff;border-radius:3px;text-align:center;padding:3px 8px}section .g-input-group{display:flex;border:1px solid #2196f3;align-items:center;background:#2196f3;color:#000;border-radius:2px}section .g-input-group span{padding:0 7px}#sharelink{background:#fff;border:0;outline:0}#sharelink svg{fill:gray}#sharelink:hover svg{fill:#000;cursor:pointer}.at-srccode .b{font-weight:700;color:#d9ce17}.at-srccode .r{color:#fc81c3}.at-srccode .g{color:#8de627}.at-srccode .c{color:gray}.at-srccode .blu{color:#00bcd4}@media (min-width:1600px){#at-tool-wrapper{display:grid;grid-template-columns:100px auto 32%;grid-template-rows:350px 400px 450px;grid-gap:10px;grid-template-areas:"preset preview srccode" "preset config config" "preset srccode srccode"}}@media (max-width:1200px){#at-tool-wrapper{grid-template-columns:24% auto;grid-template-rows:210px 632px 450px;grid-template-areas:"preset preview" "preset config" "preset srccode"}.at-config-colnconfig{display:block}.at-config-config{margin-top:15px}}@media (max-width:991px){#at-tool-wrapper{grid-template-columns:100%;grid-template-rows:200px 170px auto 450px;grid-template-areas:"preset" "preview" "config" "srccode"}}