html{overflow:hidden}body{position:fixed;overflow:hidden}#app{width:100vw;height:100vh;position:relative;background:#222}#app #top{background-color:#294105;user-select:none}#app nav{background-color:white;height:32.5px;line-height:33px}#app nav ul,#app nav input,#top .logo{-webkit-app-region:no-drag}#app #center{background-color:lightgrey;flex:1;max-height:calc(100% - 32.5px - 40px)}#app #bot{background-color:#222;width:100vw;height:40px;line-height:40px;color:white}#app #bot.no-cursor{cursor:default;user-select:none}#bot #footer{margin-left:15px}#app-loading{width:100vw;height:100vh;background-color:#222;z-index:10;position:absolute;top:0px}#app-loading .wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}#app-loading img{height:10vh}#app-loading p{text-align:center;color:cornflowerblue}#app-order-completed{width:100vw;height:100vh;background-color:#222;z-index:10;position:absolute;top:0px}#center #left{background-color:white}#center #left.black-border{border-style:hidden;border-left:#222;border-left-style:solid;border-width:5px}#center #middle{flex:1;overflow:hidden}#center #right{background-color:white;flex:0 0 225px}#center #right.black-border{border-style:hidden;border-right:#222;border-right-style:solid;border-width:5px}nav.dark .nav-wrapper{background-color:#222}nav.dark a,nav.dark #project-name,nav.dark .top-item a{color:white}nav .top-item a,nav #project-name{color:black}#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:black}#top nav .dropdown-content li{flex-direction:row;display:flex !important}#top nav li.divider{height:1px;min-height:unset}ul.dropdown-content{top:unset !important;width:unset !important;overflow:hidden}.logo{top:0px !important;width:20px !important;cursor:pointer}.brand-logo.left{margin-left:9.5px;margin-right:0px;margin-top:-2px;position:relative}.brand-logo.right{position:relative;margin-left:10px}#top #project-name{margin-right:10px;flex-basis:100%;text-align:right;height:inherit;max-width:350px;width:100%;min-width:100px}#top .top-title:hover{background-color:unset}#top .accelerator{color:gray !important;text-align:right;padding-right:20px !important;padding-left:10px !important}#top .dropdown-content{padding-top:5px;padding-bottom:5px}#top .dropdown-content li:hover{background-color:rgba(0,0,0,0.1)}#top .dropdown-content a:hover{background-color:unset}#top .dropdown-content li .dropdown-button{margin-left:20px;flex-basis:100%;padding-left:14px;padding-right:14px}#top input{background:transparent;border:none;outline:none}#middle .flex-vertical{height:100%;width:calc(100%  - 20px)}#canvas-wrapper{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#canvas-wrapper canvas{image-rendering:pixelated !important}.cropper-container img{image-rendering:pixelated}#horizontal-scroller{height:20px;background-color:grey}#vertical-scroller{width:20px;height:100%;background-color:grey}.flex-vertical{display:flex;flex-direction:column}.flex-horizontal{display:flex;flex-direction:row}.title-section{font-weight:800;text-align:center;margin-top:15px;margin-bottom:15px;user-select:none}.blurred{-webkit-filter:blur(2px);-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;position:absolute;width:170px;background-color:#555;color:#fff;text-align:center;padding:5px 0;border-radius:6px;z-index:1;opacity:0;transition:opacity .6s}.tooltip.left{right:65px}#import-tools{user-select:none}.orientation-landscape:hover .tooltip,.orientation-portrait:hover .tooltip,.orientation-square:hover .tooltip,.rotate-left:hover .tooltip,.rotate-right:hover .tooltip,.multiply-baseplates:hover .tooltip,.divide-baseplates:hover .tooltip{visibility:visible;opacity:1;transition:opacity .6s}#confirm-crop .tooltip{visibility:visible;opacity:1}#app-footer{width:200px;padding-left:10px;padding-right:10px;text-align:right;cursor:pointer}#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;position:relative;top:10px;margin-right:5px}#info-colors{cursor:pointer}#pixelhobby-colors,#used-colors{overflow-y:auto;overflow-x:hidden}#right #used-colors{max-height:calc(100% - 420px)}.color-palet td{border:solid !important;border-width:5px !important;border-color:white !important;padding:5px 5px !important;height:25px !important;width:25px !important;font-size:6px;color:aliceblue;text-align:center;cursor:pointer}#color-settings .color-palet td{min-width:40px;max-width:40px;font-size:13px;cursor:default}#left #actions{user-select:none}#actions li{background-color:inherit;cursor:pointer}#actions .divider{margin-bottom:5px}#import-btn{cursor:copy !important}#right #tools{user-select:none}.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}#zoom-wrapper{margin:0px;width:225px;color:gray}#zoom-wrapper li{padding-left:0px;padding-right:0px}#zoom-wrapper .icon{flex-basis:33.3%;text-align:center}#zoom-wrapper .divider{height:unset;flex-basis:1px;background-color:#e0e0e0}.popup-window{position:absolute;height:800px;width:1400px;background-color:white;left:50%;top:50%;transform:translate(-50%, -50%)}.popup-window.border{user-select:none;border-width:3px;border-style:solid;border-color:#222;border-top:none}.popup-title-wrapper{position:relative;width:100%;font-size:22.5px;font-weight:bold;color:white;user-select:none;display:flex;align-items:center;justify-content:center;padding-top:16px;padding-bottom:16px}.popup-title{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-left:67px}.popup-cancel{font-size:35px !important;padding-right:16px;padding-left:16px}.popup-cancel:hover{color:lightgrey;cursor:pointer}#welcome-wrapper{height:unset;width:unset;color:black !important;min-width:min(840px, 80vw)}#welcome-information{gap:30px;padding:2vw;width:100%}#welcome-information h3{margin-top:0px}#welcome-information .wrapper{gap:20px;display:flex;flex-direction:column}#welcome-buttons{width:100%;display:flex;flex-wrap:wrap;column-gap:30px;row-gap:10px}#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{border-left-width:0px !important;border-right-width:3px;opacity:0.75}#import span.cropper-dashed.dashed-h.custom{border-top-width:0px !important;border-bottom-width:3px !important;opacity:0.75}#import{height:100%}#import-wrapper{height:80%}#cropper-image-wrapper{flex:0 0 calc(100% - 60px)}#import-tools{flex:0 0 60px;background-color:dimgrey}#import-tools div{text-align:center;margin-top:20px;margin-bottom:20px;cursor:pointer}#import-tools i{font-size:35px;color:white}#confirm-crop{position:absolute;right:10px;bottom:10px}#confirm-crop.crop-button{z-index:auto;position:absolute;opacity:1;top:96%;left:50%;background-color:#8dc63f;transform:translate(-50%, -50%);color:#fff;text-align:center;padding:5px 20px;width:fit-content;border-radius:6px;height:fit-content;user-select:none;cursor:pointer;display:flex;justify-content:center}#confirm-crop.crop-button i{color:#fff;font-size:inherit;margin-left:5px;margin-bottom:auto;margin-top:auto;transform:translateY(1px)}#confirm-crop i,#confirm-color-change i{color:springgreen;font-size:40px}#import-tools .divider{height:20px;overflow:hidden;background-color:inherit}#import-upload-text{position:absolute;width:100%;text-align:center;top:50%;display:flex;flex-direction:column;transform:translateY(-50%)}#import-wrapper #import-upload-text i{font-size:270px;color:darkgray}#import-upload-text #import-text{font-size:2rem}#import-wrapper #import-upload-text .upload-btn{width:fit-content;position:relative;top:35px;left:50%;transform:translateX(-50%);background-color:#6593d6;color:white}#import-wrapper .import-bottom{background-color:#222223;height:30px;color:white;text-align:unset;display:flex;color:white;line-height:26px;cursor:pointer}#import-wrapper .import-bottom div{color:white;flex-basis:50%;margin-left:12px}#import-wrapper .import-bottom #import-new-file{color:white;text-align:right;margin-right:12px}#import-wrapper #import-file-name{overflow:hidden}#import-wrapper .extra-settings{position:absolute;width:145px;top:75px;height:50px;z-index:100;border:none;color:white;box-shadow:none}#import-wrapper .extra-settings .collapsible-body,#import-wrapper .extra-settings .collapsible-header{background-color:#686868;border:none;box-shadow:none;width:50px}#import-wrapper .extra-settings .collapsible-body{margin-top:-20px;width:135px}#import-wrapper .extra-settings label,#import-wrapper .extra-settings input{color:white}#import-wrapper .extra-settings input:focus{border-bottom:1px solid cornflowerblue;box-shadow:0 1px 0 0 cornflowerblue}#project-settings-wrapper{height:430px;width:750px}#project-settings-wrapper .popup-title-wrapper{background-color:#222}#project-settings .medaillon-icon{height:26px;margin-top:5px;filter:brightness(50)}#project-settings{margin:50px}#project-settings #orientations,#project-settings #description{margin-bottom:30px}#project-settings a{margin-right:20px;background-color:#6593d6}#baseplates .input-field{margin-top:25px}#baseplates #input-vertical{margin-left:60px;width:50px}#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{height:calc(100% - 70px);background:lightgray}#sliders-wrapper{flex:0 0 300px;padding-left:25px;background-color:grey}#image-settings-wrapper #image-wrapper{align-self:center;text-align:center;flex:0 0 calc(100% - 300px);background-color:grey}#image-settings-info{margin:30px 50px 0px 0px;color:white;font-weight:bold}#image-settings-canvas{image-rendering:pixelated}.color-slider-wrapper{color:white}.color-slider{width:80%}#image-settings form{width:80%}#brightness{margin-top:50px}#slider-preview-loading{width:300px;position:absolute;margin-left:-25px;bottom:-15px}#confirm-color-change{cursor:pointer;position:absolute;bottom:15px;right:30px}.image-setting-value{margin-left:12.5px;margin-top:20px}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:black}#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;margin-left:20px;margin-right:20px}#screen-settings-wrapper #screen-settings-save{margin:20px;float:right;margin-top:-40px}#screen-settings-wrapper .btn{background-color:#6593d6}#order-wrapper{min-width:300px;max-width:450px;height:unset}#order-wrapper .popup-title{padding-left:33px}#order-wrapper .popup-title-wrapper{background-color:black}#order-wrapper p{margin:20px}#order-wrapper #redirect-order-btn{width:100%;display:flex;padding:20px;padding-top:0px;column-gap:20px;row-gap:10px;flex-wrap:wrap;justify-content:center}#order-wrapper #redirect-order-btn .btn{background-color:#6593d6}#order-wrapper .quick-save{background-color:#107c49 !important;margin-left:0px !important}#order-advert{position:absolute;background-color:#555;height:200px;z-index:2;width:400px;right:250px;bottom:67px;color:white;text-align:center;padding:25px;border-radius:7px}#order-advert span{font-weight:100;font-size:22px;text-align:center}#order-advert .btn-large{margin-top:25px;background-color:#6593d5}#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{display:inline-flex;margin-left:10px}#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-left:auto;margin-right:auto;margin-top:20px}#color-settings-wrapper input[type=number]:focus{border-bottom:1px solid #6593d6;box-shadow:0 1px 0 0 #6593d6}#color-removing-wrapper{overflow-y:auto;max-height:40vh}#about-wrapper{height:415px;width:400px;background-color:#222;justify-content:center}#about-window-wrapper{height:200vh;width:200vw;position:fixed;transform:translateX(-50%);z-index:-1}#about-logo{justify-content:center;display:flex}#about-logo img{height:200px}#about-wrapper span{text-align:center;color:white;font-size:20px}#about-version{color:cornflowerblue !important;margin-top:30px;text-decoration:underline;cursor:pointer}#app-order{height:100vh;width:100vw;position:absolute;top:0px;background-image:linear-gradient(to bottom, #222, #333);color:white;z-index:3}#app-order .top{flex-basis:100px;justify-content:left;padding-left:50px;padding-right:50px;background-color:#222;user-select:none}#app-order .top img{height:50px;width:50px;top:50%;position:relative;transform:translateY(-50%);margin-right:10px}#app-order .top span.step{margin-left:20px;top:50%;display:flex;align-items:center;flex-direction:row}#app-order .top span .circle{margin-right:10px;background-color:gray;width:22.5px;height:22.5px;text-align:center;line-height:22.5px}#app-order .top span.selected .circle{background-color:cornflowerblue}#app-order .top .arrow{margin-left:10px;top:50%;position:relative;color:gray;transform:translateY(-11%)}#app-order .top .order-cancel{margin-left:auto;top:50%;position:relative;transform:translateY(-12.5%);font-size:25px !important;cursor:pointer}#app-order .top .country-flag{position:absolute;right:175px;height:33px;width:33px;font-size:33px;top:31px}#app-order .line-vert{width:95vw;background-color:#555;flex-basis:2px;position:relative;left:2.5vw}#app-order .center{flex:1;width:100vw;padding-top:25px;padding-bottom:25px;max-height:80vh}#app-order .center .current-step{flex-basis:50%;height:100%;padding-left:50px;width:calc(100% - 22.5px)}#app-order .center{overflow-y:auto;overflow-x:hidden}#app-order .center .current-order{flex-basis:50%;height:100%;padding-right:60px}#app-order .center .order-wrapper{width:calc(100% - 5vw);right:0px;left:5vw}#app-order .center .order-wrapper .card-image{background-color:#555;display:flex;justify-content:center}#app-order .center .order-wrapper .card-content,#app-order .center .order-wrapper .card-action{background-color:#444}#app-order .center .order-wrapper .card-image img{max-height:45vh;width:unset;max-width:100%}#app-order .center .order-specs{column-count:2;position:relative;text-align:left}#app-order .footer{flex-basis:100px}#app-order .current-step .button{margin-bottom:20px}#app-order .current-step .button,#app-order .footer .button{padding:.75rem 1.25rem;line-height:1rem;font-family:"BentonSans",Arial,Helvetica,sans-serif;font-size:.875rem;border:1px solid transparent;border-radius:1.25rem;text-align:center;font-weight:500;height:max-content;cursor:pointer;background-color:white;color:black}#app-order .step-title{font-size:24px;font-weight:300;margin-top:20px}#app-order .footer .button{position:relative;top:30px;left:40px}#app-order .step-1{height:100%;text-align:center;display:flex;flex-direction:column}#app-order .step-1 div{margin-top:20px;margin-bottom:20px}#app-order .step-1 .pick-up{margin-top:-10px;text-decoration:underline;cursor:pointer;user-select:none}#app-order #order-webshops{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, max-content));justify-content:center;column-gap:40px;width:100%;padding:initial;max-height:80vh;overflow:auto}#app-order #order-webshops .card{background-color:#444;width:200px;height:200px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:background-color 0.4s}#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{margin:0;padding:10px;height:100%;padding-bottom:70px;padding-top:25px;display:flex}#app-order #order-webshops .card img{background-color:#444;transition:background-color 0.4s;margin:auto;max-height:100%}#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{position:relative;width:100%}#app-order .current-step .button.back{position:absolute;left:0px;user-select:none;max-height:40px}#app-order .current-step .step-2 .button.order,#app-order .current-step .step-3 .button.pay{position:absolute;right:0px;max-height:40px;user-select:none}#app-order .current-step .step-2 form{margin-top:60px}#app-order .current-step .step-2 input{color:white}#app-order .current-step .step-2 input:focus+label{color:cornflowerblue}#app-order .current-step .step-2 input:focus{border-bottom:1px solid cornflowerblue;box-shadow:0 1px 0 0 cornflowerblue}#app-order .current-step input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #323232 inset !important;-webkit-text-fill-color:white !important}#app-order .current-step .step-3 .collapsible li{outline:none}#app-order .current-step .step-3 #order-methods .collapsible-body{padding-top:0px;padding-bottom:0px}#app-order .current-step .step-3 #order-methods .collapsible-header span{color:white}#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{background-color:#444;border-color:#333;user-select:none;position:relative}#app-order .current-step #order-methods,#app-order .current-step #order-invoice{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{max-width:100%;margin-bottom:20px;border-radius:3%;max-height:25vh;left:50%;position:relative;transform:translateX(-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-invoice .collapsible-body span,#app-order .current-step #order-confirmed .collapsible-body span{font-size:30px;font-weight:700}#app-order .top .country-select{position:absolute;top:37.5px;height:33px;border-color:#7777;background-color:#444;color:white;width:65px;right:100px;padding:0.3vh}#app-order .step-2 .print-pattern-check{background-color:#333;padding:15px;margin-bottom:30px;text-align:left;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}#app-order .step-2 .print-pattern-check{background-color:#333}#app-order .step-2 [type="checkbox"].filled-in:checked+span:not(.lever):after{background-color:cornflowerblue;border-color:cornflowerblue}#app-order .step-3 [type="radio"]:checked+span:after,#app-order .step-3 [type="radio"].with-gap:checked+span:before,#app-order .step-3 [type="radio"].with-gap:checked+span:after{border:2px solid #6495ed}#app-order .step-3 [type="radio"]:checked+span:after,#app-order .step-3 [type="radio"].with-gap:checked+span:after{background-color:#6495ed}#app-order .current-order .order-item{margin-top:5px;border-bottom:#656565;border-bottom-width:2px;border-bottom-style:solid;width:100%}#app-order .current-order .order-item-name{flex-grow:1;text-align:left}#app-order .current-order .order-item-amount{text-align:right;white-space:nowrap}#app-order .current-order .order-item-price{padding-left:min(30px, 3vw);white-space:nowrap}#app-order .current-order .quote-total-wrapper{display:flex;margin-top:10px;font-size:25px;font-weight:800;justify-content:space-between;width:100%}#app-order .step-3 .payment-redirect{display:flex;flex-direction:row;align-items:center}#app-order .step-3 .payment-icon{height:25px;top:28%;right:20px;position:absolute}#app-order .step-3 .card-payment-icons{position:absolute;display:flex;flex-direction:row;height:25px;top:28%;right:20px}#app-order .step-3 .card-payment-icons img{width:50px}#app #top,#app #top .nav-wrapper,#app #top .dark{-webkit-app-region:drag;user-select:none}#top #macOS-buttons{box-sizing:border-box;padding-left:12.5px;padding-right:12.5px;display:flex;padding-top:10px;visibility:hidden}#top #top-file{margin-left:5px}#macOS-close,#macOS-hide,#macOS-fullscreen{background-color:#dcdcdc;border-color:#d1d1d1;width:12px;height:12px;border-radius:50%}#macOS-buttons #macOS-close{margin-right:8.5px;background-color:#fc615d}#macOS-buttons #macOS-hide{background-color:#fdbc40}#macOS-buttons #macOS-fullscreen{margin-left:8.5px;background-color:#34c749}#macOS-buttons svg{position:absolute;display:none}#macOS-buttons:hover svg{display:block}#top #windows-buttons{box-sizing:border-box;display:flex;visibility:hidden;flex-direction:row-reverse;text-align:center}#top #windows-buttons img{filter:invert(100%)}#windows-close,#windows-fullscreen,#windows-hide{width:40px;display:inline-block;-webkit-app-region:no-drag;height:100%}#top #windows-buttons div:hover{background-color:#444}#top #windows-close:hover{background-color:#ee1111 !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{border-radius:4px;background-color:rgba(0,0,0,0.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,0.5)}@media only screen and (max-width: 1000px){body{background-color:lightgray}#import-wrapper{height:80%;width:80%}#import-wrapper .flex-vertical{height:90%}#import{height:100%}#confirm-crop{bottom:unset}}@media only screen and (max-height: 812px){#import-tools div{margin-top:10px;margin-bottom:10px;cursor:pointer;text-align:center}#confirm-crop{position:absolute;right:10px;bottom:5px;margin-bottom:0px !important}}:root{--pxhb-red:#d10c33;--pxhb-pink:#e6007c;--pxhb-yellow:#fac900;--pxhb-green:#00894c;--pxhb-blue:#2298d6}.nav-wrapper{background-color:white}.dropdown-button{color:black}.intro{position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);text-align:center}.start_button{position:relative;zoom:150%;margin-top:40px}.start_text{position:relative;text-align:center}.background_wrapper{z-index:-1;position:relative;width:100%;max-height:-moz-available;max-height:-webkit-fill-available;max-height:fill-available;overflow:hidden}.background{width:100%}.import_image{position:absolute;height:100%;width:100%;top:0px}.import_image_text{position:relative;left:350px;top:120px;z-index:1;display:inline-block}.import_image_img{position:relative;left:-70px;top:150px;z-index:1;display:inline-block;color:#F44336;transform:scale(8)}.upload_button{position:relative;color:#F44336;z-index:1;left:30px;top:190px;display:inline-block}.import_photo_wrapper{position:absolute;width:50%;height:750px;text-align:center;right:75px;top:110px}.import_photo_preview{max-width:100%;max-height:100%}.logo{width:40px;top:10px;position:relative}.grid_visible{position:relative;left:345px;top:260px}.grid_select_button{width:355px;background-color:#F44336}.continue_button{top:500px;position:relative;left:410px}.selection_baseplates_v{width:60px;height:38px;left:-5px;position:relative}.number_baseplates{display:none;position:relative;top:290px;left:345px}.orientation_buttons{position:relative;left:345px;top:195px}#square_orientation_button{width:383px;position:absolute;top:385px;left:346px}.grid_wrapper{left:50%;height:80%;position:absolute;overflow:scroll;top:150px;right:15px;background-color:lightgrey;display:flex;align-items:center;justify-content:center}table#grid{position:relative;transform:scale(0.8);height:unset;width:unset}#grid td{border:solid;border-width:1px;border-color:#777;padding:5px 5px;height:10px;width:10px}.tools_wrapper{position:relative;left:50%;top:80px;width:50%}.tool{margin-right:10px;user-select:none}.edit{position:absolute;width:100%;top:40px}.edit_info_icon{transform:rotate(280deg) scale(6);top:75px;position:relative;left:90px;color:#00894c}.edit_info_title{left:220px;position:relative;color:#00894c;font-weight:bold;width:20%}.edit_info_text{left:220px;top:5px;position:relative;width:30%}table.color_palet{position:relative;height:unset;width:unset}.color_palet td{border:solid;border-width:5px;border-color:white;padding:5px 5px;height:25px;width:25px}.resolution_span{position:relative;top:-4px;margin-left:4px;margin-right:4px}.color_palet td:hover{transform:scale(1.2)}#image_colors{margin-left:10px}#color_grids{position:relative;display:inline-flex;left:30px;top:30px}.bpbutton_cropper{position:absolute;display:block;height:0;width:0;font-size:30px;color:white}.crop_plus_n{top:-20px;left:calc(50% - 9px)}.crop_plus_s{bottom:-20px;left:calc(50% - 9px)}.crop_plus_e{right:-11px;top:50%}.crop_plus_w{left:-29px;top:50%}.crop_minus_n{top:20px;left:calc(50% - 4.5px)}.crop_minus_s{bottom:20px;left:calc(50% - 4.5px)}.crop_minus_e{right:29px;top:50%}.crop_minus_w{left:11px;top:50%}iframe{width:100%;height:100%}#back_button{position:relative;bottom:-50px;left:33px;width:10px}.choose_mode{position:absolute;left:50%;top:40%}.choose_mode .items{display:inline-flex;transform:translateX(-50%) translateY(40%)}.choose_mode i{font-size:100px;color:#F44336;transform:scale(1.5);margin-right:55px;margin-top:7px}#choose_mode_buttons{display:inline-grid}#choose_mode_buttons .btn{margin:10px;background-color:#F44336}