/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;inset:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:after,.cropper-center:before{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (width>=768px){.cropper-point.point-se{width:15px;height:15px}}@media (width>=992px){.cropper-point.point-se{width:10px;height:10px}}@media (width>=1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}body,html{overflow:hidden}body{position:fixed}#app{background:#222;width:100vw;height:100vh;position:relative}#app #top{-webkit-user-select:none;user-select:none;background-color:#294105}#app nav{background-color:#fff;height:32.5px;line-height:33px}#app nav input,#app nav ul,#top .logo{-webkit-app-region:no-drag}#app #center{background-color:#d3d3d3;flex:1;max-height:calc(100% - 72.5px)}#app #bot{color:#fff;background-color:#222;width:100vw;height:40px;line-height:40px}#app #bot.no-cursor{cursor:default;-webkit-user-select:none;user-select:none}#bot #footer{margin-left:15px}#app-loading{z-index:10;background-color:#222;width:100vw;height:100vh;position:absolute;top:0}#app-loading .wrapper{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app-loading img{height:10vh}#app-loading p{text-align:center;color:#6495ed}#app-order-completed{z-index:10;background-color:#222;width:100vw;height:100vh;position:absolute;top:0}#center #left{background-color:#fff}#center #left.black-border{border-style:hidden hidden hidden solid;border-width:5px;border-left-color:#222}#center #middle{flex:1;overflow:hidden}#center #right{background-color:#fff;flex:0 0 225px}#center #right.black-border{border-style:hidden solid hidden hidden;border-width:5px;border-right-color:#222}nav.dark .nav-wrapper{background-color:#222}nav.dark #project-name,nav.dark .top-item a,nav.dark a{color:#fff}nav #project-name,nav .top-item a{color:#000}#top nav li{color:green;min-height:unset;height:32.5px;line-height:33px}#top nav .dropdown-content a{line-height:unset;padding:unset;color:#000}#top nav .dropdown-content li{flex-direction:row;display:flex!important}#top nav li.divider{height:1px;min-height:unset}ul.dropdown-content{overflow:hidden;top:unset!important;width:unset!important}.logo{cursor:pointer;width:20px!important;top:0!important}.brand-logo.left{margin-top:-2px;margin-left:9.5px;margin-right:0;position:relative}.brand-logo.right{margin-left:10px;position:relative}#top #project-name{text-align:right;height:inherit;flex-basis:100%;width:100%;min-width:100px;max-width:350px;margin-right:10px}#top .top-title:hover{background-color:unset}#top .accelerator{text-align:right;color:gray!important;padding-left:10px!important;padding-right:20px!important}#top .dropdown-content{padding-top:5px;padding-bottom:5px}#top .dropdown-content li:hover{background-color:#0000001a}#top .dropdown-content a:hover{background-color:unset}#top .dropdown-content li .dropdown-button{flex-basis:100%;margin-left:20px;padding-left:14px;padding-right:14px}#top input{background:0 0;border:none;outline:none}#middle .flex-vertical{width:calc(100% - 20px);height:100%}#canvas-wrapper{justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}#canvas-wrapper canvas{image-rendering:pixelated!important}#canvas-stack{flex:none;position:relative}#canvas-stack canvas{position:absolute;top:0;left:0}.cropper-container img{image-rendering:pixelated}#horizontal-scroller{background-color:gray;height:20px}#vertical-scroller{background-color:gray;width:20px;height:100%}.flex-vertical{flex-direction:column;display:flex}.flex-horizontal{flex-direction:row;display:flex}.title-section{text-align:center;-webkit-user-select:none;user-select:none;margin-top:15px;margin-bottom:15px;font-weight:800}.blurred{-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}i.selected-orientation{color:#8dc63f!important}a.selected-orientation{background-color:#8dc63f!important}.tooltip{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#555;border-radius:6px;width:170px;padding:5px 0;transition:opacity .6s;position:absolute}.tooltip.left{right:65px}#import-tools{-webkit-user-select:none;user-select:none}.divide-baseplates:hover .tooltip,.multiply-baseplates:hover .tooltip,.orientation-landscape:hover .tooltip,.orientation-portrait:hover .tooltip,.orientation-square:hover .tooltip,.rotate-left:hover .tooltip,.rotate-right:hover .tooltip{visibility:visible;opacity:1;transition:opacity .6s}#confirm-crop .tooltip{visibility:visible;opacity:1}#app-footer{text-align:right;cursor:pointer;width:200px;padding-left:10px;padding-right:10px}#canvas-information div{text-align:center;padding-left:20px;padding-right:20px}#canvas-information{width:100%}#info-selected-color #info-color{background-color:green;width:17.5px;height:17.5px;margin-right:5px;position:relative;top:10px}#info-colors{cursor:pointer}#info-value{flex:none;height:40px;position:relative}#info-value-trigger{height:40px;color:inherit;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 20px;line-height:40px;list-style:none;display:block}#info-value-trigger::-webkit-details-marker{display:none}#info-value-trigger:hover,#info-value[open]>#info-value-trigger{background-color:#333}#info-value-trigger:focus-visible{outline-offset:-3px;outline:2px solid #fff}#info-value-details{z-index:2;box-sizing:border-box;color:#fff;text-align:start;background-color:#000;border:1px solid #444;border-radius:6px;width:420px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 56px);padding:14px 16px;font-size:15px;line-height:22px;position:absolute;bottom:100%;right:0;overflow:auto;box-shadow:0 3px 10px #00000080}#info-value-storefront{overflow-wrap:anywhere;margin:0 0 8px;font-weight:600}#info-value-details table{border-collapse:collapse;width:100%;font:inherit;color:inherit}#info-value-details td,#info-value-details th{vertical-align:top;border-bottom:1px solid #555;border-radius:0;padding:5px 0}#info-value-details th{text-align:start;overflow-wrap:anywhere;font-weight:400}#info-value-details td{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums;padding-inline-start:12px}#info-value-details tfoot td,#info-value-details tfoot th{border-bottom:0;padding-top:8px;font-weight:600}#info-value-note{color:#bbb;margin:10px 0 0}#pixelhobby-colors,#used-colors{overflow:hidden auto}#right #used-colors{max-height:calc(100% - 420px)}.color-palet td{color:#f0f8ff;text-align:center;cursor:pointer;font-size:6px;border:5px solid #fff!important;width:25px!important;height:25px!important;padding:5px!important}#pixelhobby-colors .color-palet td,#used-colors .color-palet td{height:auto!important;padding:0!important}#pixelhobby-colors .color-palet td:before,#used-colors .color-palet td:before{content:"";aspect-ratio:1;display:block}#color-settings .color-palet td{cursor:default;min-width:40px;max-width:40px;font-size:13px}#left #actions{-webkit-user-select:none;user-select:none}#actions li{background-color:inherit;cursor:pointer}#actions .divider{margin-bottom:5px}#import-btn{cursor:copy!important}#right #tools{-webkit-user-select:none;user-select:none;position:relative}#text-tool-fonts{z-index:6;border:2px solid var(--ph-orange);background:#fff;border-radius:8px;margin-top:4px;padding:5px;position:absolute;top:100%;left:8px;right:8px;box-shadow:0 8px 24px #0000001f}#text-tool-fonts .ttf-row{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:3px 5px;transition:background-color .15s ease-in-out;display:flex}#text-tool-fonts .ttf-row:hover{background:var(--ph-blue-soft)}#text-tool-fonts .ttf-row.is-active{background:#ffb40029}#text-tool-fonts .ttf-sample{image-rendering:pixelated;display:block}#text-tool-fonts .ttf-name{color:var(--ph-gray-500);white-space:nowrap;margin-left:auto;font-size:11px}#text-tool-fonts .ttf-steppers{border-top:1px solid var(--ph-gray-100);margin-top:4px;padding-top:5px}#text-tool-fonts .ttf-stepper{align-items:center;gap:4px;padding:2px 5px;display:flex}#text-tool-fonts .ttf-stepper-label{color:var(--ph-gray-500);flex:1;font-size:11px}#text-tool-fonts .ttf-step{border:1px solid var(--ph-gray-100);width:22px;height:22px;color:var(--ph-blue);cursor:pointer;background:#fff;border-radius:5px;flex:none;padding:0;font-size:14px;line-height:1;transition:background-color .15s ease-in-out}#text-tool-fonts .ttf-step:hover{background:var(--ph-blue-soft)}#text-tool-fonts .ttf-value{text-align:center;font-variant-numeric:tabular-nums;flex:none;min-width:18px;font-size:12px;position:relative}#text-tool-fonts .ttf-value.is-crisp:after{content:"";background:var(--ph-orange);border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;bottom:-3px;left:50%}#text-tool-handle{background:var(--ph-orange);cursor:nwse-resize;z-index:4;border:2px solid #fff;border-radius:2px;width:11px;height:11px;position:absolute;box-shadow:0 1px 3px #0000004d}.color-picker-cursor{cursor:url(data:image/x-icon;base64,AAABAAEAEBAAAAAAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAD///8BAAAAfwAAAIH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAAAAcQAAAN8AAADTAAAArwAAAE8AAAAJ////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAJEAAADLAAAAEwAAAHsAAADDAAAA3wAAADP///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAAAAuQAAAHX///8B////AQAAAF0AAADtAAAAOf///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAFMAAAC/////Af///wH///8BAAAAUQAAAO0AAAA5////Af///wH///8B////Af///wH///8B////Af///wEAAAANAAAA5wAAAFH///8B////Af///wEAAABRAAAA7QAAADn///8B////Af///wH///8B////Af///wH///8B////AQAAAD0AAADtAAAARf///wH///8B////AQAAAFEAAADtAAAAOQAAACP///8B////Af///wH///8B////Af///wH///8BAAAARQAAAO0AAABF////Af///wH///8BAAAAUQAAAO0AAADvAAAAmf///wH///8B////Af///wH///8B////Af///wEAAABFAAAA7QAAAEX///8B////AQAAADUAAADxAAAA/wAAAPcAAAAr////Af///wH///8B////Af///wH///8B////AQAAAEUAAADtAAAARQAAADUAAADvAAAA/wAAAPcAAABFAAAALf///wH///8B////Af///wH///8B////Af///wH///8BAAAARQAAAO0AAADvAAAA/wAAAPcAAABFAAAAgwAAAPsAAABX////Af///wH///8B////Af///wH///8B////AQAAACUAAADvAAAA/wAAAPcAAABFAAAAgwAAAP8AAAD/AAAA+wAAAE////8B////Af///wH///8B////Af///wEAAAADAAAAoQAAAPcAAABFAAAAgwAAAP8AAAD/AAAA/wAAAP8AAADf////Af///wH///8B////Af///wH///8B////AQAAAAMAAAAvAAAALQAAAPsAAAD/AAAA/wAAAP8AAAD/AAAA+////wH///8B////Af///wH///8B////Af///wH///8B////Af///wEAAABXAAAA+wAAAP8AAAD/AAAA/wAAALX///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////AQAAAE8AAADfAAAA+wAAALUAAAAXAAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//w==),default}:root{--ph-blue:#1fc1f2;--ph-blue-soft:#1fc1f21a;--ph-orange:#ffb400;--ph-gray-100:#f2f2f2;--ph-gray-500:#7a828b}#zoom-wrapper{color:gray;width:225px;margin:0}#zoom-wrapper li.collection-item{border:1px solid var(--ph-gray-100);border-radius:8px;gap:0;margin:8px 12px;padding:0;display:flex;overflow:hidden}#zoom-wrapper>li.divider{background-color:var(--ph-gray-100);margin:0 12px}#zoom-wrapper li .divider{background-color:var(--ph-gray-100);flex:none;align-self:stretch;width:1px;height:auto;display:block}#zoom-wrapper .icon{box-sizing:border-box;min-height:40px;color:var(--ph-blue);cursor:pointer;background:#fff;flex:1;justify-content:center;align-items:center;transition:background-color .2s ease-in-out,color .2s ease-in-out;display:flex}#zoom-wrapper .icon-half{flex:1}#zoom-wrapper .icon:hover{background-color:var(--ph-blue-soft)}#zoom-wrapper .icon:focus-visible{outline:2px solid var(--ph-blue);outline-offset:-2px}#zoom-wrapper .icon.tool-active{color:#fff}#zoom-wrapper .icon.tool-active,#zoom-wrapper .icon.tool-active:hover{background-color:var(--ph-orange)}#zoom-wrapper .icon.disabled{opacity:.5;color:var(--ph-gray-500);cursor:not-allowed;pointer-events:none}.popup-window{background-color:#fff;width:1400px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-window.border{-webkit-user-select:none;user-select:none;border:3px solid #222;border-top:none}.popup-title-wrapper{color:#fff;-webkit-user-select:none;user-select:none;padding-top:16px;padding-bottom:16px;font-size:22.5px;font-weight:700;position:relative}.popup-title,.popup-title-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.popup-title{height:100%;padding-left:67px}.popup-cancel{padding-left:16px;padding-right:16px;font-size:35px!important}.popup-cancel:hover{color:#d3d3d3;cursor:pointer}#welcome-wrapper{height:unset;width:unset;min-width:min(840px,80vw);color:#000!important}#welcome-information{gap:30px;width:100%;padding:2vw}#welcome-information h3{margin-top:0}#welcome-information .wrapper{flex-direction:column;gap:20px;display:flex}#welcome-buttons{-moz-column-gap:30px;flex-wrap:wrap;gap:10px 30px;width:100%;display:flex}#welcome-buttons .btn-large{background-color:#6593d6}#welcome-wrapper .popup-title-wrapper{background-color:#222}#welcome-information img{height:150px}#import-wrapper{width:1000px}#import-wrapper .flex-vertical{height:calc(100% - 70px)}#import-wrapper .popup-title-wrapper{background-color:#222}#import-wrapper .popup-cancel{right:12.5px}#cropper-wrapper{width:100%;height:100%}#import span.cropper-dashed.dashed-v.custom{opacity:.75;border-right-width:3px;border-left-width:0!important}#import span.cropper-dashed.dashed-h.custom{opacity:.75;border-top-width:0!important;border-bottom-width:3px!important}#import{height:100%}#import-wrapper{height:80%}#cropper-image-wrapper{flex:0 0 calc(100% - 60px)}#import-tools{background-color:#696969;flex:0 0 60px}#import-tools div{text-align:center;cursor:pointer;margin-top:20px;margin-bottom:20px}#import-tools i{color:#fff;font-size:35px}#confirm-crop{position:absolute;bottom:10px;right:10px}#confirm-crop.crop-button{z-index:auto;opacity:1;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#8dc63f;border-radius:6px;justify-content:center;width:fit-content;height:fit-content;padding:5px 20px;display:flex;position:absolute;top:96%;left:50%;transform:translate(-50%,-50%)}#confirm-crop.crop-button i{color:#fff;font-size:inherit;margin-top:auto;margin-bottom:auto;margin-left:5px;transform:translateY(1px)}#confirm-color-change i,#confirm-crop i{color:#00ff7f;font-size:40px}#import-tools .divider{background-color:inherit;height:20px;overflow:hidden}#import-upload-text{text-align:center;flex-direction:column;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#import-wrapper #import-upload-text i{color:#a9a9a9;font-size:270px}#import-upload-text #import-text{font-size:2rem}#import-wrapper #import-upload-text .upload-btn{color:#fff;background-color:#6593d6;width:fit-content;position:relative;top:35px;left:50%;transform:translate(-50%)}#import-wrapper .import-bottom{height:30px;text-align:unset;color:#fff;cursor:pointer;background-color:#222223;line-height:26px;display:flex}#import-wrapper .import-bottom div{color:#fff;flex-basis:50%;margin-left:12px}#import-wrapper .import-bottom #import-new-file{color:#fff;text-align:right;margin-right:12px}#import-wrapper #import-file-name{overflow:hidden}#import-wrapper .extra-settings{z-index:100;color:#fff;width:145px;height:50px;box-shadow:none;border:none;position:absolute;top:75px}#import-wrapper .extra-settings .collapsible-body,#import-wrapper .extra-settings .collapsible-header{box-shadow:none;background-color:#686868;border:none;width:50px}#import-wrapper .extra-settings .collapsible-body{width:135px;margin-top:-20px}#import-wrapper .extra-settings input,#import-wrapper .extra-settings label{color:#fff}#import-wrapper .extra-settings input:focus{border-bottom:1px solid #6495ed;box-shadow:0 1px #6495ed}#project-settings-wrapper{width:750px;height:430px}#project-settings-wrapper .popup-title-wrapper{background-color:#222}#project-settings .medaillon-icon{filter:brightness(50);height:26px;margin-top:5px}#project-settings .heart-icon{filter:brightness(50);height:26px;margin:5px auto;display:block}#project-settings .orientation-heart,#project-settings .orientation-medaillon{flex-shrink:0}#project-settings{margin:50px}#project-settings #description,#project-settings #orientations{margin-bottom:30px}#project-settings a{background-color:#6593d6;margin-right:20px}#baseplates .input-field{margin-top:25px}#baseplates #input-vertical{width:50px;margin-left:60px}#baseplates #input-horizontal{width:45px}#save-settings{position:absolute;bottom:40px;right:53px}#image-settings-wrapper{width:unset}#image-settings-wrapper .popup-title-wrapper{background-color:#222}#image-settings{background:#d3d3d3;height:calc(100% - 70px)}#sliders-wrapper{background-color:gray;flex:0 0 300px;padding-left:25px}#image-settings-wrapper #image-wrapper{text-align:center;background-color:gray;flex:0 0 calc(100% - 300px);align-self:center}#image-settings-info{color:#fff;margin:30px 50px 0 0;font-weight:700}#image-settings-canvas{image-rendering:pixelated}.color-slider-wrapper{color:#fff}#image-settings form,.color-slider{width:80%}#brightness{margin-top:50px}#slider-preview-loading{width:300px;margin-left:-25px;position:absolute;bottom:-15px}#confirm-color-change{cursor:pointer;position:absolute;bottom:15px;right:30px}.image-setting-value{margin-top:20px;margin-left:12.5px}input[type=range]{border:none!important}input[type=range]::-webkit-slider-thumb{background-color:#222!important}input[type=range]::-moz-range-thumb{background-color:#222!important}input[type=range]::-ms-thumb{background-color:#222!important}input[type=range]+.thumb{background-color:#dedede!important}input[type=range]+.thumb.active .value{color:#222!important}#screen-settings-wrapper{min-width:300px;max-width:400px;height:unset}#screen-settings-wrapper .popup-title-wrapper{background-color:#000}#screen-settings-wrapper .popup-title{top:50%;left:20px;transform:translateY(-50%)}#screen-settings-wrapper p{margin:20px}#screen-settings-wrapper #screen-aspect-ratio-wrapper,#screen-settings-wrapper #screen-diagonal-wrapper{margin-top:-30px;margin-left:20px}#screen-settings-wrapper .input-field{width:40px}#screen-settings-wrapper .text{margin:auto 20px}#screen-settings-wrapper #screen-settings-save{float:right;margin:-40px 20px 20px}#screen-settings-wrapper .btn{background-color:#6593d6}.pattern-button-wrapper .badge .icon-spinning{animation:1s linear infinite pattern-icon-spin;display:inline-block}@keyframes pattern-icon-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}#pattern-options-wrapper{min-width:300px;max-width:440px;height:unset}#pattern-options-wrapper .popup-title-wrapper{background-color:#000}#pattern-options-wrapper .pattern-field{margin:20px 20px 16px}#pattern-options-wrapper .pattern-label{color:#7a828b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600}#pattern-options-wrapper .pattern-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}#pattern-options-wrapper .pattern-opt{cursor:pointer;text-align:center;color:#222;box-sizing:border-box;background:#fff;border:1.5px solid #d5d5d5;border-radius:3px;outline:none;padding:10px 6px;font-family:inherit;font-size:15px;font-weight:600}#pattern-options-wrapper .pattern-opt.active{color:#6593d6;background:#6593d61f;border-color:#6593d6}#pattern-options-wrapper .pattern-seg.group-disabled .pattern-opt{opacity:.5;cursor:not-allowed}#pattern-options-wrapper .pattern-coloured-row{cursor:pointer;box-sizing:border-box;text-align:left;background:#fff;border:1.5px solid #d5d5d5;border-radius:3px;outline:none;align-items:center;gap:12px;width:calc(100% - 40px);margin:0 20px 12px;padding:12px 14px;font-family:inherit;display:flex}#pattern-options-wrapper .pattern-icon-cell{color:#6593d6;background:#6593d61f;border-radius:3px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}#pattern-options-wrapper .pattern-icon-cell .material-icons{font-size:18px}#pattern-options-wrapper .pattern-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#pattern-options-wrapper .pattern-row-title{color:#1a1a1a;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:15px;font-weight:600;display:inline-flex}#pattern-options-wrapper .pattern-row-title>span:first-child{white-space:nowrap}#pattern-options-wrapper .pattern-experimental{text-transform:uppercase;letter-spacing:.05em;color:#b26a00;background:#ffb40029;border:1px solid #ffb40059;border-radius:2px;flex:none;padding:2px 4px;font-size:9px;font-weight:700;line-height:1.2;display:inline-block}#pattern-options-wrapper .pattern-row-sub{color:#4f575f;font-size:13px;line-height:1.35}#pattern-options-wrapper .pattern-toggle{background:#d8dce2;border-radius:999px;flex:none;width:36px;height:22px;transition:background .14s;position:relative}#pattern-options-wrapper .pattern-toggle.on{background:#6593d6}#pattern-options-wrapper .pattern-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}#pattern-options-wrapper .pattern-toggle.on .pattern-knob{left:16px}#pattern-options-wrapper .pattern-footer{justify-content:flex-end;margin:0;padding:8px 20px 20px;display:flex}#pattern-options-wrapper .pattern-apply{color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#6593d6;border:none;border-radius:2px;outline:none;height:36px;padding:0 2rem;font-family:inherit;font-size:14px;line-height:36px;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}.order-popup{min-width:300px;max-width:450px;height:unset}.order-popup .popup-title{padding-left:33px}.order-popup .popup-title-wrapper{background-color:#000}.order-popup p{margin:20px}.order-popup .order-popup-actions{-moz-column-gap:20px;flex-wrap:wrap;justify-content:center;gap:10px 20px;width:100%;padding:0 20px 20px;display:flex}.order-popup .order-popup-actions .btn{background-color:#6593d6}#order-wrapper .quick-save{background-color:#107c49!important;margin-left:0!important}#order-advert{z-index:2;color:#fff;text-align:center;background-color:#555;border-radius:7px;width:400px;height:200px;padding:25px;position:absolute;bottom:67px;right:250px}#order-advert span{text-align:center;font-size:22px;font-weight:100}#order-advert .btn-large{background-color:#6593d5;margin-top:25px}#color-settings-wrapper{height:unset;width:unset}#color-settings-wrapper .popup-title-wrapper{background-color:#222}#color-settings-wrapper .popup-cancel{right:12.5px}#color-settings{padding:20px}#color-amount-input-wrapper,#color-usage-min-input-wrapper{margin-top:20px;margin-bottom:20px}#color-settings-wrapper #color-amount-input-wrapper,#color-usage-min-input-wrapper{width:-webkit-fill-available}#color-amount,#color-usage-min{margin-left:10px;display:inline-flex}#color-settings-wrapper .info-colors,#color-usage-min p{margin-top:25px;margin-left:20px}#color-settings-wrapper .btn{background-color:#6593d6;min-width:180px;margin-top:20px;margin-left:auto;margin-right:auto}#color-settings-wrapper input[type=number]:focus{border-bottom:1px solid #6593d6;box-shadow:0 1px #6593d6}#color-removing-wrapper{max-height:40vh;overflow-y:auto}#about-wrapper{background-color:#222;justify-content:center;width:400px;height:415px}#about-window-wrapper{z-index:-1;width:200vw;height:200vh;position:fixed;transform:translate(-50%)}#about-logo{justify-content:center;display:flex}#about-logo img{height:200px}#about-wrapper span{text-align:center;color:#fff;font-size:20px}#about-version{cursor:pointer;margin-top:30px;text-decoration:underline;color:#6495ed!important}#app-order{color:#fff;z-index:3;background-image:linear-gradient(#222,#333);width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}#app-order .top{-webkit-user-select:none;user-select:none;background-color:#222;flex-wrap:wrap;flex:none;align-items:center;gap:16px 24px;min-height:100px;padding:16px clamp(16px,3vw,50px)}#app-order .top img{flex-shrink:0;width:50px;height:50px}#app-order .top .order-controls,#app-order .top .order-progress{align-items:center;gap:12px;min-width:0;display:flex}#app-order .top .order-controls{flex-shrink:0;margin-left:auto}#app-order .top span.step{align-items:center;min-width:0;display:flex}#app-order .top span .circle{text-align:center;background-color:gray;flex-shrink:0;width:22.5px;height:22.5px;margin-right:10px;line-height:22.5px}#app-order .top span.selected .circle{background-color:#6495ed}#app-order .top .arrow{color:gray;flex-shrink:0}#app-order .top .order-cancel{cursor:pointer;font-size:25px!important}#app-order .top .country-flag{width:33px;height:33px;font-size:33px}#app-order .line-vert{background-color:#555;flex:0 0 2px;align-self:center;width:95%}#app-order .center{scrollbar-gutter:stable;flex:1 1 0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(24px,4vw,64px);width:100%;min-height:0;padding:25px clamp(16px,3vw,50px);display:grid;overflow:hidden auto}#app-order .center .current-order,#app-order .center .current-step{width:100%;min-width:0}#app-order .center .current-order{justify-self:center;max-width:640px;container-type:inline-size}#app-order .center .order-wrapper{overflow-wrap:anywhere;width:100%;margin:0}#app-order .center .order-wrapper .card-image{background-color:#555;justify-content:center;display:flex}#app-order .center .order-wrapper .card-action,#app-order .center .order-wrapper .card-content{background-color:#444}#app-order .center .order-wrapper .card-content{padding:clamp(16px,4cqw,24px)}#app-order .center .order-wrapper .card-title{margin-bottom:16px;line-height:1.3}#app-order .center .order-specs{-moz-columns:180px 2;columns:180px 2;text-align:left;position:relative}#app-order .footer{flex:none;padding:24px clamp(16px,3vw,50px)}#app-order .current-step .button{margin-bottom:20px}#app-order .current-step .button,#app-order .footer .button{text-align:center;cursor:pointer;color:#000;background-color:#fff;border:1px solid #0000;border-radius:1.25rem;height:max-content;padding:.75rem 1.25rem;font-family:BentonSans,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:1rem}#app-order .step-title{margin-top:20px;font-size:24px;font-weight:300}#app-order .footer .button{max-width:100%;line-height:1.4;display:inline-block}#app-order .step-1{text-align:center;flex-direction:column;display:flex}#app-order .step-1 .pick-up{cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:-10px;text-decoration:underline}#app-order #order-webshops{-moz-column-gap:40px;width:100%;padding:initial;grid-template-columns:repeat(auto-fit,minmax(200px,max-content));justify-content:center;column-gap:40px;margin:20px 0;display:grid}#app-order #order-webshops .card{cursor:pointer;background-color:#444;flex-direction:column;align-items:center;width:200px;height:200px;transition:background-color .4s;display:flex}#app-order #order-webshops .card:hover,#app-order #order-webshops .card:hover img{background-color:#555}#app-order #order-webshops .card.singular{width:440px;height:300px}#app-order #order-webshops .card .card-image{height:100%;margin:0;padding:25px 10px 70px;display:flex}#app-order #order-webshops .card img{background-color:#444;max-height:100%;margin:auto;transition:background-color .4s}#app-order #order-webshops .card .card-title{font-size:17px;position:absolute;bottom:25px}#app-order .current-step .step-2,#app-order .current-step .step-3{width:100%;position:relative}#app-order .current-step .button.back{-webkit-user-select:none;user-select:none;max-height:40px;position:absolute;left:0}#app-order .current-step .step-2 .button.order,#app-order .current-step .step-3 .button.pay{-webkit-user-select:none;user-select:none;max-height:40px;position:absolute;right:0}#app-order .current-step .step-2 form{margin-top:60px}#app-order .current-step .step-2 input{color:#fff}#app-order .current-step .step-2 input:focus+label{color:#6495ed}#app-order .current-step .step-2 input:focus{border-bottom:1px solid #6495ed;box-shadow:0 1px #6495ed}#app-order .current-step input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #323232!important}#app-order .current-step .step-3 .collapsible li{outline:none}#app-order .current-step .step-3 #order-methods .collapsible-body{padding-top:0;padding-bottom:0}#app-order .current-step .step-3 #order-methods .collapsible-header span{color:#fff}#app-order .current-step .step-3 .collapsible,#app-order .current-step .step-4 .collapsible{border-color:#333}#app-order .current-step .step-3 .collapsible-header,#app-order .current-step .step-4 .collapsible-header{-webkit-user-select:none;user-select:none;background-color:#444;border-color:#333;position:relative}#app-order .current-step #order-invoice,#app-order .current-step #order-methods{margin-top:35px;margin-bottom:35px}#app-order .step-3 #ideal-bank-element{cursor:pointer}#app-order .step-4 #order-confirmed-message{margin-top:40px}#app-order .step-4 #order-confirmed-message img{border-radius:3%;max-width:100%;max-height:25vh;margin-bottom:20px;position:relative;left:50%;transform:translate(-50%)}#app-order .step-4 #order-confirmed-message .collapsible-body{display:inline-grid!important}#app-order .current-step #order-invoice .collapsible-body,#app-order .current-step .step-4 .collapsible-body{border-bottom:none}#app-order .current-step #order-confirmed .collapsible-body span,#app-order .current-step #order-invoice .collapsible-body span{font-size:30px;font-weight:700}#app-order .top .country-select{color:#fff;background-color:#444;border-color:#7777;width:65px;height:33px;padding:3px}@media (width<=800px){#app-order .center{grid-template-columns:minmax(0,1fr)}#app-order .top .order-progress{order:1;justify-content:space-between;gap:8px;width:100%;font-size:13px}#app-order .top span .circle{margin-right:6px}}@media (width<=400px){#app-order .top .arrow{display:none}}#app-order .step-2 .print-pattern-check{text-align:left;background-color:#333;margin-bottom:30px;padding:15px;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}#app-order .step-2 [type=checkbox].filled-in:checked+span:not(.lever):after{background-color:#6495ed;border-color:#6495ed}#app-order .step-3 [type=radio].with-gap:checked+span:after,#app-order .step-3 [type=radio].with-gap:checked+span:before,#app-order .step-3 [type=radio]:checked+span:after{border:2px solid #6495ed}#app-order .step-3 [type=radio].with-gap:checked+span:after,#app-order .step-3 [type=radio]:checked+span:after{background-color:#6495ed}#app-order .current-order .order-item{-moz-column-gap:12px;border-bottom:2px solid #656565;grid-template-columns:minmax(0,1fr) max-content minmax(5.5em,max-content);align-items:baseline;column-gap:12px;width:100%;margin-top:5px;padding-bottom:5px;display:grid}#app-order .current-order .order-item-name{text-align:left;flex-grow:1}#app-order .current-order .order-item-amount,#app-order .current-order .order-item-price{text-align:right;white-space:nowrap}@container (width<=380px){#app-order .current-order .order-item-name{grid-column:1/-1}#app-order .current-order .order-item-amount{grid-column:2}}#app-order .current-order .quote-total-wrapper{justify-content:space-between;width:100%;margin-top:10px;font-size:25px;font-weight:800;display:flex}#app-order .step-3 .payment-redirect{flex-direction:row;align-items:center;display:flex}#app-order .step-3 .card-payment-icons,#app-order .step-3 .payment-icon{height:25px;position:absolute;top:28%;right:20px}#app-order .step-3 .card-payment-icons{flex-direction:row;display:flex}#app-order .step-3 .card-payment-icons img{width:50px}#app #top,#app #top .dark,#app #top .nav-wrapper{-webkit-app-region:drag;-webkit-user-select:none;user-select:none}#top #macOS-buttons{box-sizing:border-box;visibility:hidden;padding-top:10px;padding-left:12.5px;padding-right:12.5px;display:flex}#top #top-file{margin-left:5px}#macOS-close,#macOS-fullscreen,#macOS-hide{background-color:#dcdcdc;border-color:#d1d1d1;border-radius:50%;width:12px;height:12px}#macOS-buttons #macOS-close{background-color:#fc615d;margin-right:8.5px}#macOS-buttons #macOS-hide{background-color:#fdbc40}#macOS-buttons #macOS-fullscreen{background-color:#34c749;margin-left:8.5px}#macOS-buttons svg{display:none;position:absolute}#macOS-buttons:hover svg{display:block}#top #windows-buttons{box-sizing:border-box;visibility:hidden;text-align:center;flex-direction:row-reverse;display:flex}#top #windows-buttons img{filter:invert()}#windows-close,#windows-fullscreen,#windows-hide{-webkit-app-region:no-drag;width:40px;height:100%;display:inline-block}#top #windows-buttons div:hover{background-color:#444}#top #windows-close:hover{background-color:#e11!important}#app ::-webkit-scrollbar{width:15px;height:15px}#app ::-webkit-scrollbar-button{width:0;height:0}#app ::-webkit-scrollbar-thumb{background:#5d5d5d;border:0 #fff}#app ::-webkit-scrollbar-thumb:hover{background:#dbdbdb}#app ::-webkit-scrollbar-thumb:active{background:#fff}#app ::-webkit-scrollbar-track{background:#b4b4b4;border:0 #fff}#app ::-webkit-scrollbar-track:hover{background:#444}#app ::-webkit-scrollbar-track:active{background:#222}#app ::-webkit-scrollbar-corner{background:0 0}#app-order ::-webkit-scrollbar{-webkit-appearance:none;width:7px;margin-right:5px}#app-order ::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:4px;-webkit-box-shadow:0 0 1px #ffffff80}@media only screen and (width<=1000px){body{background-color:#d3d3d3}#import-wrapper{width:80%;height:80%}#import-wrapper .flex-vertical{height:90%}#import{height:100%}#confirm-crop{bottom:unset}}@media only screen and (height<=812px){#import-tools div{cursor:pointer;text-align:center;margin-top:10px;margin-bottom:10px}#confirm-crop{position:absolute;bottom:5px;right:10px;margin-bottom:0!important}}:root{--pxhb-red:#d10c33;--pxhb-pink:#e6007c;--pxhb-yellow:#fac900;--pxhb-green:#00894c;--pxhb-blue:#2298d6}.nav-wrapper{background-color:#fff}.dropdown-button{color:#000}.intro{text-align:center;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.start_button{zoom:150%;margin-top:40px;position:relative}.start_text{text-align:center;position:relative}.background_wrapper{z-index:-1;width:100%;max-height:-moz-available;max-height:-webkit-fill-available;max-height:stretch;position:relative;overflow:hidden}.background{width:100%}.import_image{width:100%;height:100%;position:absolute;top:0}.import_image_text{z-index:1;display:inline-block;position:relative;top:120px;left:350px}.import_image_img{top:150px;left:-70px;transform:scale(8)}.import_image_img,.upload_button{z-index:1;color:#f44336;display:inline-block;position:relative}.upload_button{top:190px;left:30px}.import_photo_wrapper{text-align:center;width:50%;height:750px;position:absolute;top:110px;right:75px}.import_photo_preview{max-width:100%;max-height:100%}.logo{width:40px;position:relative;top:10px}.grid_visible{position:relative;top:260px;left:345px}.grid_select_button{background-color:#f44336;width:355px}.continue_button{position:relative;top:500px;left:410px}.selection_baseplates_v{width:60px;height:38px;position:relative;left:-5px}.number_baseplates{display:none;position:relative;top:290px;left:345px}.orientation_buttons{position:relative;top:195px;left:345px}#square_orientation_button{width:383px;position:absolute;top:385px;left:346px}.grid_wrapper{background-color:#d3d3d3;justify-content:center;align-items:center;height:80%;display:flex;position:absolute;top:150px;left:50%;right:15px;overflow:scroll}table#grid{height:unset;width:unset;position:relative;transform:scale(.8)}#grid td{border:1px solid #777;width:10px;height:10px;padding:5px}.tools_wrapper{width:50%;position:relative;top:80px;left:50%}.tool{-webkit-user-select:none;user-select:none;margin-right:10px}.edit{width:100%;position:absolute;top:40px}.edit_info_icon{color:#00894c;position:relative;top:75px;left:90px;transform:rotate(280deg)scale(6)}.edit_info_title{color:#00894c;width:20%;font-weight:700;position:relative;left:220px}.edit_info_text{width:30%;position:relative;top:5px;left:220px}table.color_palet{height:unset;width:unset;position:relative}.color_palet td{border:5px solid #fff;width:25px;height:25px;padding:5px}.resolution_span{margin-left:4px;margin-right:4px;position:relative;top:-4px}.color_palet td:hover{transform:scale(1.2)}#image_colors{margin-left:10px}#color_grids{display:inline-flex;position:relative;top:30px;left:30px}.bpbutton_cropper{color:#fff;width:0;height:0;font-size:30px;display:block;position:absolute}.crop_plus_n{top:-20px;left:calc(50% - 9px)}.crop_plus_s{bottom:-20px;left:calc(50% - 9px)}.crop_plus_e{top:50%;right:-11px}.crop_plus_w{top:50%;left:-29px}.crop_minus_n{top:20px;left:calc(50% - 4.5px)}.crop_minus_s{bottom:20px;left:calc(50% - 4.5px)}.crop_minus_e{top:50%;right:29px}.crop_minus_w{top:50%;left:11px}iframe{width:100%;height:100%}#back_button{width:10px;position:relative;bottom:-50px;left:33px}.choose_mode{position:absolute;top:40%;left:50%}.choose_mode .items{display:inline-flex;transform:translate(-50%)translateY(40%)}.choose_mode i{color:#f44336;margin-top:7px;margin-right:55px;font-size:100px;transform:scale(1.5)}#choose_mode_buttons{display:inline-grid}#choose_mode_buttons .btn{background-color:#f44336;margin:10px}#app-loading img{-o-object-fit:contain;object-fit:contain;max-width:calc(100vw - 48px);height:clamp(80px,12vh,160px);max-height:40vh}#app-loading.mobile-blocked .wrapper{width:min(480px,100vw - 48px)}#app-loading.mobile-blocked a{color:#6495ed;text-decoration:underline}#welcome-information img{-o-object-fit:contain;object-fit:contain;flex-shrink:0;align-self:flex-start;width:180px;max-width:28%;height:auto;max-height:270px}.app-loading-leave-active{transition:opacity 1s}.app-loading-leave-to{opacity:0}@font-face{font-family:Designer Error Londrina;src:url(./LondrinaSolid-Regular.BtPQ3iJl.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.designer-error[data-v-6254fe02]{color:#272727;background:#fafafa;font-family:Arial,sans-serif;position:fixed;inset:0;overflow:auto}.error-layout[data-v-6254fe02]{isolation:isolate;box-sizing:border-box;min-height:100%;padding:48px 24px;overflow:hidden}.error-content[data-v-6254fe02],.error-layout[data-v-6254fe02]{display:flex;position:relative}.error-content[data-v-6254fe02]{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:auto}.error-logo[data-v-6254fe02]{-o-object-fit:contain;object-fit:contain;width:auto;max-width:240px;height:100px;margin-bottom:32px}.error-code[data-v-6254fe02],.error-content h1[data-v-6254fe02],.error-home[data-v-6254fe02]{font-family:Designer Error Londrina,Arial,sans-serif;font-weight:400}.error-code[data-v-6254fe02]{color:var(--pxhb-blue);margin:0 0 16px;font-size:clamp(96px,20vw,144px);line-height:1}.error-content h1[data-v-6254fe02]{color:var(--pxhb-blue);margin:0;font-size:clamp(32px,7vw,40px);line-height:1.15}.error-description[data-v-6254fe02]{margin:20px 0 32px;font-size:18px;line-height:1.5}.error-home[data-v-6254fe02]{background:var(--pxhb-yellow);color:#272727;cursor:pointer;border:0;border-radius:8px;width:100%;max-width:345px;min-height:48px;padding:12px 24px;font-size:22px;line-height:1.3;box-shadow:0 3px 12px #00000012}.error-home[data-v-6254fe02]:hover{filter:brightness(.96)}.error-home[data-v-6254fe02]:focus{background:var(--pxhb-yellow)}.error-home[data-v-6254fe02]:focus-visible{outline-offset:4px;outline:3px solid #272727}.error-pixels[data-v-6254fe02]{z-index:-1;pointer-events:none;position:absolute;inset:0}.error-pixels img[data-v-6254fe02]{opacity:.12;width:clamp(100px,24vw,240px);position:absolute}.pixels-yellow[data-v-6254fe02]{top:4%;left:-48px;transform:rotate(-18deg)}.pixels-green[data-v-6254fe02]{top:10%;right:-64px;transform:rotate(16deg)}.pixels-pink[data-v-6254fe02]{bottom:4%;left:-64px;transform:rotate(14deg)}.pixels-blue[data-v-6254fe02]{bottom:2%;right:-48px;transform:rotate(-20deg)}