@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto&display=swap";svg.icon{display:block;fill:#fff}.cfg-footer-controls{position:fixed;z-index:999;bottom:0;right:0;width:100vw;height:60px;background-color:#252525}.cfg-footer-controls .footer-head{display:flex;justify-content:space-around;align-items:center;height:60px;background-color:#505050}.cfg-footer-controls .footer-head button{background:rgb(80,80,80);font-size:1.6rem;color:#fff;cursor:pointer;flex:1 0 auto;height:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0;border:0}@media (hover: hover){.cfg-footer-controls .footer-head button:hover{background-color:#000}}.cfg-footer-controls .footer-head button.active{background-color:#000!important}.cfg-footer-controls .footer-body .tab{display:none;height:0;overflow:hidden;width:100vw;position:absolute;transition:all .2s ease-out;bottom:0;background-color:#000;color:#fff}.cfg-footer-controls .footer-body .tab.active{height:auto;display:block}.cfg-footer-controls .footer-body .tab .tab-wrapper{padding:20px}.cfg-footer-controls .footer-body .tab-group-title{font-size:1.4rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;height:40px;display:flex;align-items:center}.cfg-footer-controls .footer-body .vertical-list{list-style:none;margin:0;padding:0;width:100%}.cfg-footer-controls .footer-body .vertical-list li{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;height:50px}.cfg-footer-controls .footer-body .horizontal-list{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap}.cfg-footer-controls .footer-body .horizontal-list li{width:50%;display:flex;justify-content:center;align-items:center}.cfg-footer-controls .footer-body .grid-list{display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none;margin:0;padding:0;position:relative}.cfg-footer-controls .footer-body .grid-list li{width:calc(50% - 20px);margin:10px}.cfg-footer-controls .footer-body .grid-list .tab-thumb{width:100%;padding:10px;background-color:gray}.cfg-footer-controls .footer-body button,.cfg-footer-controls .footer-body a{display:flex;justify-content:flex-start;align-items:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;background:transparent;border:0;cursor:pointer;color:#000;font-size:1.1rem;height:40px;padding:0 15px;margin:0;font-weight:400;color:#fff;text-decoration:none}@media (hover: hover){.cfg-footer-controls .footer-body button:hover,.cfg-footer-controls .footer-body a:hover{opacity:.7}}.cfg-footer-controls .footer-body .twoway-toggle{display:flex;justify-content:space-between;align-items:center}.cfg-footer-controls .footer-body .twoway-toggle i{font-size:1.5rem}.cfg-footer-controls .footer-body .twoway-toggle input{display:none}.cfg-footer-controls .footer-body .twoway-toggle label{width:50px;height:30px;border-radius:15px;border:1px solid rgb(255,255,255);margin:0 10px;position:relative}.cfg-footer-controls .footer-body .twoway-toggle label:after{content:"";width:22px;height:22px;border-radius:50%;position:absolute;top:2px;left:2px;border:1px solid rgb(255,255,255);background-color:#000}.cfg-footer-controls .footer-body .twoway-toggle input:checked+label:after{left:auto;right:2px;background-color:#fff}#app.has-control .cfg-footer-controls .footer-head{background-color:#252525}#app.has-control .cfg-footer-controls .footer-head button{background:#252525}@media (orientation: portrait) and (max-width: 1000px){.cfg-footer-controls{transition:bottom .5s ease-in-out}.cfg-footer-controls.hidden{bottom:-60px}}@media (orientation: landscape) and (min-width: 1001px){.cfg-footer-controls{top:calc(100vh - 268px);right:0;bottom:0;left:auto;width:60px;transition:right .5s ease-in-out;height:268px}.cfg-footer-controls.hidden{right:-60px}.cfg-footer-controls .footer-head{height:100%;flex-direction:column}.cfg-footer-controls .footer-head button{flex:1 0 auto;height:auto;width:100%}.cfg-footer-controls .footer-body .vertical-list li{height:30px}.cfg-footer-controls .footer-body .vertical-list li.block{display:block}.cfg-footer-controls .footer-body .vertical-list li.block form input{font-size:.8rem;display:block}.cfg-footer-controls .footer-body .tab{right:60px;left:auto;width:268px;min-height:268px;bottom:0;top:auto}.cfg-footer-controls .footer-body .tab.scene{max-width:none;width:600px}.cfg-footer-controls .footer-body .tab .tab-wrapper{display:flex}.cfg-footer-controls .footer-body .tab .tab-wrapper .tab-block{width:50%}.cfg-footer-controls .footer-body .twoway-toggle label{width:24px;height:14px;border-radius:7px;border:1px solid rgb(255,255,255);margin:0 10px;position:relative;cursor:pointer}.cfg-footer-controls .footer-body .twoway-toggle label:after{content:"";width:12px;height:12px;border-radius:50%;position:absolute;top:-1px;left:-1px;border:1px solid rgb(255,255,255);background-color:#000}.cfg-footer-controls .footer-body .twoway-toggle input:checked+label:after{left:auto;right:-1px;background-color:#fff}}@media (orientation: landscape) and (max-width: 1000px){.cfg-footer-controls{top:0;right:0;bottom:0;left:auto;width:60px;height:100%;transition:right .5s ease-in-out}.cfg-footer-controls.hidden{right:-60px}.cfg-footer-controls .footer-head{width:120px;height:100%;flex-direction:column;padding-right:60px}.cfg-footer-controls .footer-head button{flex:1 0 auto;height:auto;width:100%}.cfg-footer-controls .footer-body .tab{right:60px;left:auto;width:40vw;height:calc(100vh - 20px);bottom:auto;top:0}.cfg-footer-controls .footer-body .tab.scene{height:100%;max-width:none;width:calc(100vw - 80px)}.cfg-footer-controls .footer-body .tab.car{top:50%;transform:translateY(-50%)}.cfg-footer-controls .footer-body .tab.save{top:auto;bottom:20%}.cfg-footer-controls .footer-body .tab.share{top:auto;bottom:0}.cfg-footer-controls .footer-body .tab .tab-wrapper{display:flex}.cfg-footer-controls .footer-body .tab .tab-wrapper .tab-block{width:50%}}.cfg-modal-wrapper .closed{padding-top:10px;padding-left:10px}.cfg-modal-wrapper button.cfg-burger-button{border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1rem;font-size:6px;justify-content:center;background-color:#484848cc}@media (orientation: portrait) and (max-width: 1000px){.cfg-modal-wrapper button.cfg-burger-button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-modal-wrapper button.cfg-burger-button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-modal-wrapper button.cfg-burger-button{height:var(--navbuttonsize)}}@media (hover: hover){.cfg-modal-wrapper button.cfg-burger-button:hover{background-color:#393939;color:#fff}}.cfg-modal-wrapper button.cfg-burger-button svg.icon{pointer-events:none}.cfg-modal-wrapper button.cfg-burger-button.active,.cfg-modal-wrapper button.cfg-burger-button:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}.cfg-modal-wrapper button.cfg-burger-button.disabled,.cfg-modal-wrapper button.cfg-burger-button:disabled{background-color:#393939;color:#7b7b7b}@media (orientation: portrait) and (max-width: 1000px){.cfg-modal-wrapper button.cfg-burger-button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-modal-wrapper button.cfg-burger-button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-modal-wrapper button.cfg-burger-button{width:var(--navbuttonsize)}}.cfg-modal-wrapper button.cfg-burger-button.toggled{border:2px solid rgb(255,255,255)}.cfg-modal-wrapper button.cfg-burger-button:focus{outline:none}.cfg-modal-wrapper .button-list{display:flex;flex-direction:column;align-items:center;background-color:#484848cc;border-radius:4px;color:#fff;position:relative;padding:5px;font-size:.8rem}.cfg-modal-wrapper .button-list .button-item{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.cfg-modal-wrapper .button-list button{border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1rem;font-size:6px;justify-content:center;background-color:transparent}@media (orientation: portrait) and (max-width: 1000px){.cfg-modal-wrapper .button-list button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-modal-wrapper .button-list button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-modal-wrapper .button-list button{height:var(--navbuttonsize)}}@media (hover: hover){.cfg-modal-wrapper .button-list button:hover{background-color:#393939;color:#fff}}.cfg-modal-wrapper .button-list button svg.icon{pointer-events:none}.cfg-modal-wrapper .button-list button.active,.cfg-modal-wrapper .button-list button:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}.cfg-modal-wrapper .button-list button.disabled,.cfg-modal-wrapper .button-list button:disabled{background-color:#393939;color:#7b7b7b}@media (orientation: portrait) and (max-width: 1000px){.cfg-modal-wrapper .button-list button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-modal-wrapper .button-list button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-modal-wrapper .button-list button{width:var(--navbuttonsize)}}.cfg-modal-wrapper .open{position:relative;padding:10px}.cfg-modal-wrapper #smlinkContainer{visibility:hidden;height:0px}.cfg-modal-wrapper ul.modal-menu li.modal-menu-settings{display:flex;justify-content:flex-start;align-items:center}.cfg-modal-wrapper select{margin-left:auto;margin-right:0}.cfg-modal-wrapper ul.settings-list{list-style:none;display:flex}.cfg-modal-wrapper ul.settings-list li.settings-item{border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;justify-content:flex-start;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:6px;border:1px solid #2B2B2B;font-size:1rem;display:flex;justify-content:center;align-items:center}@media (orientation: portrait) and (max-width: 1000px){.cfg-modal-wrapper ul.settings-list li.settings-item{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-modal-wrapper ul.settings-list li.settings-item{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-modal-wrapper ul.settings-list li.settings-item{height:var(--navbuttonsize)}}@media (hover: hover){.cfg-modal-wrapper ul.settings-list li.settings-item:hover{background-color:#393939;color:#fff}}.cfg-modal-wrapper ul.settings-list li.settings-item svg.icon{pointer-events:none}.cfg-modal-wrapper ul.settings-list li.settings-item.active,.cfg-modal-wrapper ul.settings-list li.settings-item:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}.cfg-modal-wrapper ul.settings-list li.settings-item.disabled,.cfg-modal-wrapper ul.settings-list li.settings-item:disabled{background-color:#393939;color:#7b7b7b}@media (orientation: portrait) and (max-width: 1000px){.cfg-modal-wrapper ul.settings-list li.settings-item{width:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-modal-wrapper ul.settings-list li.settings-item{width:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-modal-wrapper ul.settings-list li.settings-item{width:var(--navbuttonsize)}}.cfg-modal-wrapper ul.settings-list li.settings-item.active{background-color:#646464;border-color:#fff}.cfg-modal-wrapper ul.settings-list.flex-end{margin-left:auto;margin-right:0}.cfg-modal-wrapper ul.settings-list.flex-end li.settings-item{margin-right:10px}.cfg-modal-wrapper ul.settings-list.spaced{padding:0;width:100%;justify-content:space-between}.cfg-modal-wrapper ul.settings-list.spaced li.settings-item{width:30%}.cfg-modal-wrapper .cfg-modal-info-body{width:400px;position:relative;color:#fff;padding:20px}.cfg-modal-wrapper .cfg-modal-info-body .cfg-modal-title{font-size:1.2rem;margin-bottom:20px;font-family:Barlow;font-weight:700;font-style:normal}.cfg-modal-wrapper .cfg-modal-info-body .cfg-modal-image img{width:100%;height:225px;object-fit:cover;margin-bottom:20px}.cfg-modal-wrapper .cfg-modal-info-body .cfg-modal-info{line-height:150%}.cfg-modal-wrapper li.modal-menu-item label{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.cfg-modal-wrapper li.modal-menu-item label input{width:0;overflow:hidden;visibility:hidden}.cfg-modal-wrapper ul.modal-menu li.modal-menu-item.modal-menu-toggle{width:100%;justify-content:space-between}.cfg-modal-wrapper ul.modal-menu div.cfg-colorpicker-wrapper{display:flex;justify-content:center;align-items:center;margin-top:1em;margin-bottom:2em}.cfg-modal-wrapper .twoway-toggle{display:flex;justify-content:space-between;align-items:center}.cfg-modal-wrapper .twoway-toggle i{font-size:1.5rem}.cfg-modal-wrapper .twoway-toggle input{display:none}.cfg-modal-wrapper .twoway-toggle label{width:50px;height:30px;border-radius:15px;border:1px solid rgb(255,255,255);margin:0 10px;position:relative}.cfg-modal-wrapper .twoway-toggle label:after{content:"";width:22px;height:22px;border-radius:50%;position:absolute;top:2px;left:2px;border:1px solid rgb(255,255,255);background-color:#000}.cfg-modal-wrapper .twoway-toggle input:checked+label:after{left:auto;right:2px;background-color:#fff}.cfg-modal-wrapper .modal-menu-grid{display:grid;grid-template-columns:repeat(2,50%);grid-gap:10px}.cfg-modal-wrapper .modal-menu-grid .modal-menu-grid-item{cursor:pointer}.cfg-modal-wrapper .modal-menu-grid .modal-menu-grid-item .image{width:95px;height:60px;border:1px solid rgb(255,255,255);border-radius:4px}.cfg-modal-wrapper .modal-menu-grid .modal-menu-grid-item .title{text-align:center;margin-top:5px;font-size:.8rem}.cfg-modal-wrapper .cfg-summary-body{height:calc(100vh - 140px);overflow-y:auto;scrollbar-color:rgb(255,255,255) transparent;scrollbar-width:thin}.cfg-modal-wrapper .cfg-summary-body ul.cfg-summary{list-style:none;margin:0;padding:0 40px 40px;width:30vw;max-width:600px}.cfg-modal-wrapper .cfg-summary-body ul.cfg-summary li.cfg-summary-item .cfg-summary-title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1.2rem;margin-top:10px;border-bottom:1px solid #9B9B9B;margin-bottom:3px;padding:3px 0;display:flex;align-items:center}.cfg-modal-wrapper .cfg-summary-body ul.cfg-summary li.cfg-summary-item ul.cfg-summary-item-list{list-style:none;margin:0;padding:0}.cfg-modal-wrapper .cfg-summary-body ul.cfg-summary li.cfg-summary-item ul.cfg-summary-item-list li.cfg-summary-item-part{padding:5px}.cfg-modal-wrapper.loaded .cfg-modal-canvas.left,.cfg-modal-wrapper.configuring .cfg-modal-canvas.left{left:10px}.cfg-modal-wrapper.loaded .cfg-modal-canvas.right,.cfg-modal-wrapper.configuring .cfg-modal-canvas.right{right:10px}.cfg-modal-wrapper.loaded .cfg-modal-canvas.mid,.cfg-modal-wrapper.configuring .cfg-modal-canvas.mid{left:50%;transform:translate(-50%)}.cfg-modal-canvas{position:fixed;z-index:999;top:10px;transition:left 1s ease-in-out,right 1s ease-in-out,top .2s ease-in-out,bottom .2s ease-in-out}.cfg-modal-canvas button.modal-close-button{border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1rem;font-size:6px;justify-content:center;background-color:transparent;position:absolute;top:10px;z-index:1}@media (orientation: portrait) and (max-width: 1000px){.cfg-modal-canvas button.modal-close-button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-modal-canvas button.modal-close-button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-modal-canvas button.modal-close-button{height:var(--navbuttonsize)}}@media (hover: hover){.cfg-modal-canvas button.modal-close-button:hover{background-color:#393939;color:#fff}}.cfg-modal-canvas button.modal-close-button svg.icon{pointer-events:none}.cfg-modal-canvas button.modal-close-button.active,.cfg-modal-canvas button.modal-close-button:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}.cfg-modal-canvas button.modal-close-button.disabled,.cfg-modal-canvas button.modal-close-button:disabled{background-color:#393939;color:#7b7b7b}@media (orientation: portrait) and (max-width: 1000px){.cfg-modal-canvas button.modal-close-button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-modal-canvas button.modal-close-button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-modal-canvas button.modal-close-button{width:var(--navbuttonsize)}}.cfg-modal-canvas .cfg-modal-back{padding:10px 20px;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#484848cc;border-radius:4px}.cfg-modal-canvas.left{left:-50px}.cfg-modal-canvas.left button.modal-close-button{left:10px}.cfg-modal-canvas.right{right:-50px}.cfg-modal-canvas.right button.modal-close-button{right:10px}@media (orientation: landscape) and (min-width: 1000px){.cfg-modal-canvas.center{top:calc((100vh - 268px)/2);transform:translateY(-50%)}}.cfg-modal-wrapper ul.modal-menu{list-style:none;padding:0;margin:0;min-width:200px;color:#eee;font-size:1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500}.cfg-modal-wrapper ul.modal-menu li.modal-menu-title{font-size:1.8rem;font-family:Barlow;font-weight:700;font-style:normal;padding:20px 0;text-transform:uppercase}.cfg-modal-wrapper ul.modal-menu li.modal-menu-item{height:44px;display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.cfg-modal-wrapper ul.modal-menu li.modal-menu-item:hover{color:#fff}.cfg-modal-wrapper ul.modal-menu li.modal-menu-item svg{margin-right:10px}.cfg-modal-wrapper ul.modal-menu li.modal-menu-spacer{height:1px;background-color:#7b7b7b}.cfg-modal-wrapper .left ul.modal-menu{margin-left:48px}#app.has-control .cfg-modal-wrapper{z-index:999}@media (orientation: landscape) and (min-width: 1000px){#app.uiCollapsed .cfg-modal-wrapper .cfg-modal-canvas.left .closed{transform:translate(-150%);transition:transform .2s ease-in-out}#app.uiCollapsed .cfg-modal-wrapper .cfg-modal-canvas.left:hover .closed{transform:translate(0)}#app.uiCollapsed .cfg-modal-wrapper .cfg-modal-canvas.center{top:50vh}#app.uiCollapsed .cfg-modal-wrapper .cfg-modal-canvas.center .button-list{transform:translate(150%);transition:transform .2s ease-in-out}#app.uiCollapsed .cfg-modal-wrapper .cfg-modal-canvas.center:hover .button-list{transform:translate(0)}}.pxsOverlay{position:fixed;top:5px;right:5px;z-index:999}.pxsOverlay .pxsToggleButton{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:400;background:transparent;border:0;cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:24px;color:#000}@media (hover: hover){.pxsOverlay .pxsToggleButton:hover{opacity:.7}}.pxsOverlay .pxsToggleButton .down{display:none}.cameraOverride{display:none;position:fixed;bottom:298px;transition:all .2s ease-in-out;right:5px;z-index:999}button.cameraToggleButton{border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1rem;font-size:6px;justify-content:center;background-color:#484848cc;margin-bottom:10px}@media (orientation: portrait) and (max-width: 1000px){button.cameraToggleButton{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){button.cameraToggleButton{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){button.cameraToggleButton{height:var(--navbuttonsize)}}@media (hover: hover){button.cameraToggleButton:hover{background-color:#393939;color:#fff}}button.cameraToggleButton svg.icon{pointer-events:none}button.cameraToggleButton.active,button.cameraToggleButton:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}button.cameraToggleButton.disabled,button.cameraToggleButton:disabled{background-color:#393939;color:#7b7b7b}@media (orientation: portrait) and (max-width: 1000px){button.cameraToggleButton{width:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){button.cameraToggleButton{width:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){button.cameraToggleButton{width:var(--navbuttonsize)}}button.cameraToggleButton.toggled{border:2px solid rgb(255,255,255)}button.cameraToggleButton:focus{outline:none}.uiRemover{display:none;transition:all .2s ease-in-out}.uiRemover .uiToggleButton{border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;justify-content:flex-start;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1rem;font-size:6px;background-color:#484848cc;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:24px;color:#fff}@media (orientation: portrait) and (max-width: 1000px){.uiRemover .uiToggleButton{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.uiRemover .uiToggleButton{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.uiRemover .uiToggleButton{height:var(--navbuttonsize)}}@media (hover: hover){.uiRemover .uiToggleButton:hover{background-color:#393939;color:#fff}}.uiRemover .uiToggleButton svg.icon{pointer-events:none}.uiRemover .uiToggleButton.active,.uiRemover .uiToggleButton:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}.uiRemover .uiToggleButton.disabled,.uiRemover .uiToggleButton:disabled{background-color:#393939;color:#7b7b7b}@media (orientation: portrait) and (max-width: 1000px){.uiRemover .uiToggleButton{width:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.uiRemover .uiToggleButton{width:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.uiRemover .uiToggleButton{width:var(--navbuttonsize)}}.uiRemover .uiToggleButton .up{display:none}.uiRemover .uiToggleButton .up,.uiRemover .uiToggleButton .down{transition:all .2s ease-in-out}@media (orientation: landscape) and (max-width: 1000px){.pxsOverlay{display:none}}@media (orientation: landscape) and (min-width: 1001px){.pxsOverlay{display:none}.uiRemover{display:block;position:fixed;bottom:273px;right:5px;z-index:999}}.cfg-navigation-wrapper{position:fixed;display:none;top:0;width:100vw;height:100vh;padding:20px;z-index:9999;background-color:#00000080;color:#fff;justify-content:center;align-items:flex-start}.cfg-navigation-wrapper .cfg-navigation-backplate{width:100%;max-width:600px;height:100%;position:relative;background-color:#646464cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cfg-navigation-wrapper button.cfg-navigation-close{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:400;background:transparent;border:0;cursor:pointer;color:#000;color:#fff;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:24px;position:absolute;top:10px;right:10px}@media (hover: hover){.cfg-navigation-wrapper button.cfg-navigation-close:hover{opacity:.7}}.cfg-navigation-wrapper button.cfg-navigation-close i{transform:rotate(45deg)}.cfg-navigation-wrapper.visible{display:flex}.cfg-navigation-wrapper ul.cfg-navigation{margin:0;padding:60px 40px 40px;max-width:600px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-color:rgb(255,255,255) transparent;scrollbar-width:thin;list-style:none}.cfg-navigation-wrapper ul.cfg-navigation li.cfg-navigation-item{text-transform:uppercase;font-family:Barlow;font-weight:700;font-style:normal;font-size:1.17rem}.cfg-navigation-wrapper ul.cfg-navigation li.cfg-navigation-item .cfg-navigation-item-header{display:flex;justify-content:space-between;align-items:center;height:60px;cursor:pointer}.cfg-navigation-wrapper ul.cfg-navigation li.cfg-navigation-item button.cfg-navigation-accordion{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:400;background:transparent;border:0;cursor:pointer;color:#000;color:#fff;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:24px}@media (hover: hover){.cfg-navigation-wrapper ul.cfg-navigation li.cfg-navigation-item button.cfg-navigation-accordion:hover{opacity:.7}}.cfg-navigation-wrapper ul.cfg-navigation li.cfg-navigation-item button.cfg-navigation-accordion i{transition:all .2s ease-out}.cfg-navigation-wrapper ul.cfg-navigation li.cfg-navigation-item.active ul.cfg-navigation-group{display:block}.cfg-navigation-wrapper ul.cfg-navigation li.cfg-navigation-item.active button.cfg-navigation-accordion i{transform:rotate(45deg)}.cfg-navigation-wrapper ul.cfg-navigation-group{margin:0 0 0 40px;padding:0;list-style:none;display:none}.cfg-navigation-wrapper ul.cfg-navigation-group li.cfg-navigation-group-item{font-size:1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;cursor:pointer;position:relative}.cfg-navigation-wrapper ul.cfg-navigation-group li.cfg-navigation-group-item .cfg-navigation-group-item-header{display:flex;width:100%;justify-content:space-between;align-items:center;height:40px;cursor:pointer}.cfg-navigation-wrapper ul.cfg-navigation-group li.cfg-navigation-group-item button.cfg-navigation-group-item-accordion{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:400;background:transparent;border:0;cursor:pointer;color:#000;color:#fff;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:18px}@media (hover: hover){.cfg-navigation-wrapper ul.cfg-navigation-group li.cfg-navigation-group-item button.cfg-navigation-group-item-accordion:hover{opacity:.7}}.cfg-navigation-wrapper ul.cfg-navigation-group li.cfg-navigation-group-item button.cfg-navigation-group-item-accordion i{transition:all .2s ease-out}.cfg-navigation-wrapper ul.cfg-navigation-group li.cfg-navigation-group-item i.selected{display:none}.cfg-navigation-wrapper ul.cfg-navigation-group li.cfg-navigation-group-item.active i.selected{display:block;position:absolute;left:-20px}.cfg-navigation-wrapper ul.cfg-navigation-group li.cfg-navigation-group-item.active ul.cfg-navigation-tabs{display:block}.cfg-navigation-wrapper ul.cfg-navigation-tabs{margin:0 0 0 40px;padding:0;list-style:none;display:none}.cfg-navigation-wrapper ul.cfg-navigation-tabs li.cfg-navigation-tab-item{font-size:1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;display:flex;align-items:center;height:40px;cursor:pointer;position:relative}.cfg-navigation-wrapper ul.cfg-navigation-tabs li.cfg-navigation-tab-item i.activetab{display:none}.cfg-navigation-wrapper ul.cfg-navigation-tabs li.cfg-navigation-tab-item.active i.activetab{display:block;position:absolute;left:-20px}.cfg-connection-wrapper{position:fixed;display:none;top:0;right:0;z-index:99999;width:100vw;height:100vh;padding:20px;justify-content:center;align-items:center;background-color:#fff;flex-direction:column}.cfg-connection-wrapper.visible{display:flex}.cfg-connection-wrapper form{width:100%}.cfg-connection-wrapper .input-field{position:relative;margin-bottom:20px}.cfg-connection-wrapper .input-field input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:400;width:100%;font-size:1.2rem;border:0;border-radius:0;border-bottom:1px solid rgb(180,180,180);padding:5px 0;outline:none}@media (orientation: portrait) and (max-width: 1000px){.cfg-connection-wrapper .input-field input{height:40px}}@media (orientation: landscape) and (max-width: 1000px){.cfg-connection-wrapper .input-field input{height:40px}}@media (orientation: landscape) and (min-width: 1001px){.cfg-connection-wrapper .input-field input{height:32px}}@media (orientation: portrait) and (max-width: 1000px){.cfg-connection-wrapper .input-field input{line-height:40px}}@media (orientation: landscape) and (max-width: 1000px){.cfg-connection-wrapper .input-field input{line-height:40px}}@media (orientation: landscape) and (min-width: 1001px){.cfg-connection-wrapper .input-field input{line-height:32px}}.cfg-connection-wrapper .input-field input:focus{border-bottom:1px solid rgb(183,8,38)}.cfg-connection-wrapper .input-field label{position:absolute;font-size:.9rem;top:0;left:0;height:40px;line-height:40px;display:block;transition:all .2s ease-out;pointer-events:none;color:#b4b4b4}.cfg-connection-wrapper .input-field input:focus+label,.cfg-connection-wrapper .input-field input:not(:placeholder-shown)+label{top:-25px}.cfg-connection-wrapper button.button{margin-top:40px}@media (orientation: landscape) and (max-width: 1000px){.cfg-connection-wrapper h1{margin:0}.cfg-connection-wrapper .input-block{display:flex;align-items:center;justify-content:space-between}.cfg-connection-wrapper .input-block .input-field{width:calc(50% - 40px)}.cfg-connection-wrapper small{display:block;margin-top:10px}}@media (orientation: landscape) and (min-width: 1001px){.cfg-connection-wrapper form{max-width:300px}}.cfg-loader-wrapper{position:fixed;display:flex;top:0;right:0;z-index:90000;width:100vw;height:100vh;padding:20px;justify-content:center;align-items:center;background-color:#fff;flex-direction:column;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out}.cfg-loader-wrapper.loading{display:flex;pointer-events:all;opacity:1}.cfg-init-wrapper{position:fixed;display:flex;top:0;right:0;z-index:90001;width:100vw;height:100vh;padding:20px;justify-content:center;align-items:center;background-color:#fff;flex-direction:column;pointer-events:none;opacity:0}.cfg-init-wrapper svg.icon{width:150px;height:150px;fill:#d7d7d7}.cfg-init-wrapper.active{display:flex;pointer-events:all;opacity:1}.cfg-init-wrapper.active svg.icon{animation:init-pulse 2s infinite}.cfg-init-wrapper.hidden{transition:opacity .5s ease-in-out}.cfg-export-wrapper{position:fixed;display:flex;top:0;right:0;z-index:90001;width:100vw;height:100vh;padding:20px;justify-content:center;align-items:center;background-color:#0000001a;flex-direction:column;pointer-events:none;opacity:0}.cfg-export-wrapper svg.icon{width:150px;height:150px;fill:#d7d7d7}.cfg-export-wrapper .cfg-export-card{max-width:300px;padding:40px;border-radius:4px;display:flex;align-items:center;background-color:#fff;flex-direction:column}.cfg-export-wrapper .cfg-export-card-title{font-size:2rem;text-align:center;text-transform:uppercase;margin-bottom:1em}.cfg-export-wrapper .cfg-export-card-content{text-align:center;margin-bottom:2em}.cfg-export-wrapper .cfg-export-card-controls .canceling,.cfg-export-wrapper .cfg-export-card-controls.canceling .active{display:none}.cfg-export-wrapper .cfg-export-card-controls.canceling .canceling{display:block}.cfg-export-wrapper.active{display:flex;pointer-events:all;opacity:1}.cfg-export-wrapper.active svg.icon{animation:init-pulse 2s infinite}.cfg-export-wrapper.hidden{transition:opacity .5s ease-in-out}@keyframes init-pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.5}}.cfg-participants-wrapper{position:fixed;display:none;top:0;right:0;width:100vw;height:100vh;padding:20px;z-index:9999;background-color:#0003}.cfg-participants-wrapper .cfg-participants-backplate{width:100%;height:100%;position:relative;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cfg-participants-wrapper button.cfg-participants-close{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:400;background:transparent;border:0;cursor:pointer;color:#000;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:24px;position:absolute;top:10px;right:10px}@media (hover: hover){.cfg-participants-wrapper button.cfg-participants-close:hover{opacity:.7}}.cfg-participants-wrapper button.cfg-participants-close i{transform:rotate(45deg)}.cfg-participants-wrapper.visible{display:block}.cfg-participants-wrapper ul.cfg-participants{margin:0;padding:60px 40px;list-style:none}.cfg-participants-wrapper ul.cfg-participants li.cfg-participants-item{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px}.cfg-participants-wrapper ul.cfg-participants li.cfg-participants-item button.cfg-participants-control{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:400;font-size:1.2rem;width:100%;border:1px solid rgb(183,8,38);background-color:#b70826;color:#fff;border-radius:4px;padding:5px 10px;width:auto;display:flex;justify-content:center;align-items:center;background-color:#000;border-color:#000;font-size:1rem}@media (hover: hover){.cfg-participants-wrapper ul.cfg-participants li.cfg-participants-item button.cfg-participants-control{cursor:pointer}.cfg-participants-wrapper ul.cfg-participants li.cfg-participants-item button.cfg-participants-control:hover{opacity:.7}}.cfg-participants-wrapper ul.cfg-participants li.cfg-participants-item.active button.cfg-participants-control{background-color:#b70826;border-color:#b70826;color:#fff}.cfg-participants-wrapper ul.cfg-participants li.cfg-participants-item.self{background-color:#828282;border-radius:4px;color:#fff}ul.cfg-sections li.cfg-section .section-header{padding:0;height:45px;border-top:1px solid #7B7B7B;border-bottom:2px solid #5F5F5F;color:#fff}ul.cfg-sections li.cfg-section .section-header .section-controls{display:flex;align-items:center;padding:0 15px}ul.cfg-sections li.cfg-section .section-header .section-controls .prev-section{order:2}ul.cfg-sections li.cfg-section .section-header .section-controls .section-title{order:1}ul.cfg-sections li.cfg-section .section-header .section-controls .next-section{order:3}ul.cfg-sections li.cfg-section .section-header .show-navigation{display:none}ul.cfg-sections li.cfg-section .section-header .section-title{text-transform:uppercase;border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1rem;font-size:1.17rem;display:flex;justify-content:flex-start;align-items:center;flex:1 0 auto;padding-left:10px;padding-right:10px;margin:0 8px}@media (orientation: portrait) and (max-width: 1000px){ul.cfg-sections li.cfg-section .section-header .section-title{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){ul.cfg-sections li.cfg-section .section-header .section-title{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){ul.cfg-sections li.cfg-section .section-header .section-title{height:var(--navbuttonsize)}}@media (hover: hover){ul.cfg-sections li.cfg-section .section-header .section-title:hover{background-color:#393939;color:#fff}}ul.cfg-sections li.cfg-section .section-header .section-title svg.icon{pointer-events:none}ul.cfg-sections li.cfg-section .section-header .section-title.active,ul.cfg-sections li.cfg-section .section-header .section-title:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}ul.cfg-sections li.cfg-section .section-header .section-title.disabled,ul.cfg-sections li.cfg-section .section-header .section-title:disabled{background-color:#393939;color:#7b7b7b}ul.cfg-sections li.cfg-section .section-header .section-title span{display:inline-block;margin-left:.5rem;margin-right:.5rem}ul.cfg-sections li.cfg-section .section-header .section-title svg{display:inline-block;margin-left:auto;margin-right:0}ul.cfg-sections li.cfg-section .section-header .desktop-controls{display:none}@media (orientation: landscape) and (min-width: 1001px){ul.cfg-sections li.cfg-section .section-header{display:flex;justify-content:flex-start;align-items:center;top:0;width:calc(100vw + -0px);height:44px;position:absolute}ul.cfg-sections li.cfg-section .section-header .section-controls{order:1;margin-right:0;margin-left:0}ul.cfg-sections li.cfg-section .section-header .section-controls .prev-section{order:1}ul.cfg-sections li.cfg-section .section-header .section-controls .section-title{order:2}ul.cfg-sections li.cfg-section .section-header .section-controls .next-section{order:3}ul.cfg-sections li.cfg-section .section-header .show-navigation{order:2;display:flex}ul.cfg-sections li.cfg-section .section-header .section-title{order:3;min-width:200px;height:28px;flex:0 0 auto}ul.cfg-sections li.cfg-section .section-header .desktop-controls{order:4;display:flex}ul.cfg-sections li.cfg-section .section-header .desktop-controls button.cfg-button{font-size:1rem}ul.cfg-sections li.cfg-section .section-header .desktop-controls button.cfg-button.hidden{display:none}}.material-preview{margin:0 auto;padding:1px;position:relative;overflow:hidden}@media (orientation: landscape) and (min-width: 1000px){.material-preview{width:var(--colorsize);height:var(--colorsize)}}@media (orientation: portrait) and (max-width: 1000px){.material-preview{width:var(--colorsize);height:var(--colorsize)}}.material-preview img{position:absolute;top:0;left:0;width:100%!important;aspect-ratio:1/1;transition:transform .5s}.material-preview img.texture{mix-blend-mode:multiply}.material-preview img.highlight{mix-blend-mode:color-dodge}.material-preview .material-link{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;font-size:2rem}.cfg-custom-item.hidden{display:none}.cfg-custom-item.collapsed{max-width:0px;overflow:hidden;opacity:0}@media (orientation: portrait) and (max-width: 1000px){.cfg-custom-item .cfg-colorpicker.hsl .IroColorPicker,.cfg-custom-item .cfg-colorpicker.box .IroColorPicker{width:45vw}}@media (orientation: landscape) and (min-width: 1000px){.cfg-custom-item .cfg-colorpicker.hsl .IroColorPicker,.cfg-custom-item .cfg-colorpicker.box .IroColorPicker{width:192px;margin-right:12px}}@media (orientation: portrait) and (max-width: 1000px){.cfg-custom-item .cfg-colorpicker.slider .IroColorPicker{width:45vw}}@media (orientation: landscape) and (min-width: 1000px){.cfg-custom-item .cfg-colorpicker.slider .IroColorPicker{width:192px;margin-right:12px}}.cfg-custom-item .cfg-saved-array .matches{margin-top:20px;display:flex}.cfg-custom-item .cfg-saved-array .matches .celem{cursor:pointer;margin-right:25px;position:relative;background-color:#505050}.cfg-custom-item .cfg-saved-array .matches .celem .selector{display:none;position:absolute;top:-2px;left:-2px;border-radius:2px;background-color:#fff}@media (orientation: portrait) and (max-width: 1000px){.cfg-custom-item .cfg-saved-array .matches .celem .selector{width:calc(var(--thumbsizewidth) * .6018518519 + 4px);height:calc(var(--colorsize) + 4px)}}@media (orientation: landscape) and (min-width: 1000px){.cfg-custom-item .cfg-saved-array .matches .celem .selector{width:calc(var(--thumbsizewidth) * .6018518519 + 4px);height:calc(var(--colorsize) + 4px)}}.cfg-custom-item .cfg-saved-array .matches .celem .selector:after{content:"";width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background-color:#4f4f4f}.cfg-custom-item .cfg-saved-array .matches .celem .celem-swatch{border:1px solid #7B7B7B;z-index:1;display:flex;justify-content:center;align-items:center;position:relative}@media (orientation: portrait) and (max-width: 1000px){.cfg-custom-item .cfg-saved-array .matches .celem .celem-swatch{width:calc(var(--thumbsizewidth) * .6018518519);height:var(--colorsize)}}@media (orientation: landscape) and (min-width: 1000px){.cfg-custom-item .cfg-saved-array .matches .celem .celem-swatch{width:calc(var(--thumbsizewidth) * .6018518519);height:var(--colorsize)}}.cfg-custom-item .cfg-saved-array .matches .celem .celem-swatch button.cfg-colorpicker-delete{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;display:none;justify-content:center;align-items:center;cursor:pointer}.cfg-custom-item .cfg-saved-array .matches .celem .celem-swatch button.cfg-colorpicker-delete i{font-size:2em;pointer-events:none;transform:rotate(45deg)}.cfg-custom-item .cfg-saved-array .matches .celem .celem-swatch:hover button.cfg-colorpicker-delete{display:flex}.cfg-custom-item .cfg-saved-array .matches .celem .celem-name{position:absolute;top:calc(100% + 5px);width:100%;font-size:.7rem;text-align:center}.cfg-custom-item .cfg-saved-array .matches .celem.selected .selector{display:block}.cfg-custom-item .cfg-saved-array .matches .celem.collapsed{width:0;overflow-x:0}.cfg-custom-item .cfg-colorpicker-wrapper{display:flex;align-items:center;margin-top:40px;position:relative}.cfg-custom-item .cfg-colorpicker-wrapper .color-preview{width:var(--colorsize);height:var(--colorsize);border:1px solid #7B7B7B;margin-top:-20px;border-radius:14px;margin-right:25px}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls{position:absolute;left:0;z-index:99;top:-40px;height:192px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls input{border:0px;outline:none;border-radius:4px;width:80px;text-align:center;background:transparent;border:1px solid #D7D7D7;color:#d7d7d7;padding:4px;line-height:20px}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls input:focus{background:#D7D7D7;color:#000}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-hex{display:flex;align-items:center;width:192px}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-hex .hex-title{width:40px}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-hex input{width:152px;pointer-events:all;text-transform:uppercase}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-save{margin-left:204px;width:var(--colorsize)}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-save button.nav-button{pointer-events:all;width:100%;text-transform:uppercase;font-size:1rem;background-color:#eee;line-height:20px;padding:4px;height:auto;border:1px solid #EEE;color:#000;justify-content:center}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-save button.nav-button.disabled{opacity:.5}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-save .save-title{width:40px}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-save .save-input{width:100%;display:none;align-items:center}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-save .save-input input{width:100%}.cfg-custom-item .cfg-colorpicker-wrapper.save .cfg-colorpicker-controls .cfg-colorpicker-save .save-input{display:flex}.cfg-custom-item .cfg-colorpicker-wrapper.save .cfg-colorpicker-controls .cfg-colorpicker-save button{display:none}@media (orientation: portrait) and (max-width: 1000px){.cfg-custom-item{padding:10px;grid-column:span 3;max-width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:50px}.cfg-custom-item .cfg-colorpicker-wrapper{align-items:flex-start}.cfg-custom-item .cfg-colorpicker-wrapper .color-preview{margin-left:12px;margin-top:0;margin-right:0;width:calc(var(--colorsize) * 1.5);height:calc(var(--colorsize) * 1.5)}.cfg-custom-item .cfg-colorpicker-wrapper .cfg-colorpicker-controls .cfg-colorpicker-save{width:calc(var(--colorsize) * 1.5)}.cfg-custom-item .cfg-saved-array{flex:1 1 100%}.cfg-custom-item .cfg-saved-array .matches{display:grid;grid-template-columns:repeat(3,33.3%);margin-top:0}.cfg-custom-item .cfg-saved-array .matches .celem{margin:0 auto 30px}.section-color .cfg-custom-item{grid-column:span 5}}@media (orientation: portrait) and (max-width: 1000px){li.cfg-option-item.back:after{content:"";width:1px;height:100%;background-color:#7b7b7b;position:absolute;top:50%;right:0;transform:translateY(calc(-50% - 10px))}}@media (orientation: landscape) and (min-width: 1001px){li.cfg-option-item.back,li.cfg-paint-item.back{position:relative;margin-right:25px}li.cfg-option-item.back label .image img,li.cfg-paint-item.back label .image img{opacity:.6}li.cfg-option-item.back:after,li.cfg-paint-item.back:after{content:"";width:1px;height:174px;background-color:#7b7b7b;position:absolute;top:50%;right:0;transform:translateY(calc(-50% - 10px))}li.cfg-option-item.back.level:after,li.cfg-paint-item.back.level:after{transform:translateY(-50%)}}li.cfg-option-item.back label .image .icon-wrapper,li.cfg-color-item.back label .image .icon-wrapper,li.cfg-paint-item.back label .image .icon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5}li.cfg-option-item.back label .image .icon-wrapper svg.icon,li.cfg-color-item.back label .image .icon-wrapper svg.icon,li.cfg-paint-item.back label .image .icon-wrapper svg.icon{width:60px;height:60px}@media (orientation: landscape) and (min-width: 1000px){li.cfg-color-item.back:not(.collapsed){position:relative;margin-right:25px}li.cfg-color-item.back:not(.collapsed):after{content:"";width:1px;height:174px;background-color:#7b7b7b;position:absolute;top:50%;right:0;transform:translateY(calc(-50% - 10px))}}.image{position:relative}.image .icon-wrapper,.image .icon-back{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5}.image .icon-wrapper svg.icon,.image .icon-back svg.icon{width:20px;height:20px}.image .icon-back svg.icon{width:60px;height:60px}.selection-ph{position:relative}.selection-ph .carbon-overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.selection-ph .carbon-overlay img{width:100%;height:100%;clip-path:polygon(0 0,100% 0,0 100%)}li.cfg-wheel-item.back .image img{opacity:.6}@media (orientation: portrait) and (max-width: 1000px){.divider{grid-column:span 3;height:1px;margin:0 20px 20px;border-bottom:1px solid #7B7B7B}.divider.collapsed{display:none}}@media (orientation: landscape) and (min-width: 1000px){.divider{border-right:1px solid #7B7B7B;margin-right:25px;height:calc(100% - 50px)}.divider.collapsed{display:none}}li.cfg-masterpiece-item .preload{display:none}li.cfg-masterpiece-item.loading .preload{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#00000080}.cfg-groups .cfg-custom-item .cfg-material-selection-wrapper,.cfg-groups .cfg-custom-item .cfg-colorpicker-wrapper.material-color{margin-top:20px}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups .cfg-custom-item .cfg-colorpicker-wrapper.material-color{display:flex;align-items:center;justify-content:center}}.cfg-groups .cfg-colorpicker{display:flex;align-items:center;position:relative}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups .cfg-colorpicker{flex-wrap:wrap;justify-content:center}}.cfg-groups .cfg-colorpicker .IroColorPicker{display:flex!important;margin-top:10px}.cfg-groups .cfg-colorpicker.hsl .IroWheel,.cfg-groups .cfg-colorpicker.hsl .IroSlider,.cfg-groups .cfg-colorpicker.box .IroWheel,.cfg-groups .cfg-colorpicker.box .IroSlider{flex-shrink:0;flex-grow:1}.cfg-groups .cfg-colorpicker.slider .IroColorPicker{flex-direction:column}.cfg-groups .cfg-colorpicker .material-color-preview{width:var(--colorsize);height:var(--colorsize);border:1px solid #7B7B7B;border-radius:14px;margin-right:20px}.cfg-groups .cfg-saved-grid{margin-top:20px}.cfg-groups .cfg-color-grid,.cfg-groups .cfg-saved-grid{display:flex;margin-left:20px;margin-right:20px}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups .cfg-color-grid,.cfg-groups .cfg-saved-grid{margin-left:20px;margin-right:10px;margin-top:60px;width:100%;justify-content:space-between}}.cfg-groups .cfg-color-grid .cfg-color-grid-title,.cfg-groups .cfg-saved-grid .cfg-color-grid-title{font-size:.8rem;text-transform:uppercase;padding:5px 0;position:absolute;bottom:calc(100% + 8px);width:100%}.cfg-groups .cfg-color-grid .cfg-color-grid-available,.cfg-groups .cfg-saved-grid .cfg-color-grid-available{position:relative}.cfg-groups .cfg-color-grid .cfg-color-grid-controls,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls{position:absolute;left:0;top:-30px;width:192px;height:185px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.cfg-groups .cfg-color-grid .cfg-color-grid-controls input,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls input{pointer-events:all;border:0px;outline:none;border-radius:4px;width:80px;text-align:center;background:transparent;border:1px solid #D7D7D7;color:#d7d7d7;padding:4px;line-height:20px}.cfg-groups .cfg-color-grid .cfg-color-grid-controls input:focus,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls input:focus{background:#D7D7D7;color:#000}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-hex,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-hex{display:flex;justify-content:space-between;align-items:center}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-hex .hex-title,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-hex .hex-title{width:40px}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-hex input,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-hex input{width:auto;min-width:80px;text-transform:uppercase}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search{position:relative}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search input,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search input{width:100%;text-align:left}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list{display:none;position:absolute;bottom:0;transform:translateY(100%);list-style:none;padding:0;margin:0;max-height:155px;width:100%;overflow-x:hidden;overflow-y:auto;background-color:#484848}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li{cursor:pointer;position:relative}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li.active,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li.active{display:flex;color:#000;background-color:#fff;margin-bottom:1px}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li.inactive,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li.inactive{display:none}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li.selected,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li.selected{background-color:#ccc}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li:hover,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li:hover{background-color:#eee}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li:hover.selected,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li:hover.selected{background-color:#ccc}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li .search-sample,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li .search-sample{width:3em;margin-right:5px;flex:0 0 3em}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li .search-name,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list li .search-name{padding:2px;white-space:nowrap}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list:empty:after,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search ul.search-list:empty:after{content:"no match";display:block}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search.active input,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search.active input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cfg-groups .cfg-color-grid .cfg-color-grid-controls .cfg-colorpicker-search.active ul.search-list,.cfg-groups .cfg-saved-grid .cfg-color-grid-controls .cfg-colorpicker-search.active ul.search-list{pointer-events:all;border-top:1px solid rgb(72,72,72);display:block}.cfg-groups .cfg-color-grid .cfg-color-grid-current,.cfg-groups .cfg-saved-grid .cfg-color-grid-current{position:relative}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups .cfg-color-grid .cfg-color-grid-current,.cfg-groups .cfg-saved-grid .cfg-color-grid-current{margin-right:20px}}.cfg-groups .cfg-color-grid .cfg-color-grid-current .selector,.cfg-groups .cfg-saved-grid .cfg-color-grid-current .selector{display:none;position:absolute;top:-2px;left:-2px;border-radius:2px;background-color:#fff}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups .cfg-color-grid .cfg-color-grid-current .selector,.cfg-groups .cfg-saved-grid .cfg-color-grid-current .selector{width:calc(var(--thumbsizewidth) * .6018518519 + 4px);height:calc(var(--thumbsizewidth) * .6018518519 + 4px)}}@media (orientation: landscape) and (min-width: 1000px){.cfg-groups .cfg-color-grid .cfg-color-grid-current .selector,.cfg-groups .cfg-saved-grid .cfg-color-grid-current .selector{width:calc(var(--thumbsizewidth) * .6018518519 + 4px);height:calc(var(--thumbsizewidth) * .6018518519 + 4px)}}.cfg-groups .cfg-color-grid .cfg-color-grid-current .selector:after,.cfg-groups .cfg-saved-grid .cfg-color-grid-current .selector:after{content:"";width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background-color:#4f4f4f}.cfg-groups .cfg-color-grid .cfg-color-grid-current.selected .selector,.cfg-groups .cfg-saved-grid .cfg-color-grid-current.selected .selector{display:block}.cfg-groups .cfg-color-grid .current,.cfg-groups .cfg-saved-grid .current{position:relative;border:1px solid #7B7B7B;margin-right:20px}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups .cfg-color-grid .current,.cfg-groups .cfg-saved-grid .current{width:calc(var(--thumbsizewidth) * .6018518519);height:calc(var(--thumbsizewidth) * .6018518519)}}@media (orientation: landscape) and (min-width: 1000px){.cfg-groups .cfg-color-grid .current,.cfg-groups .cfg-saved-grid .current{width:calc(var(--thumbsizewidth) * .6018518519);height:calc(var(--thumbsizewidth) * .6018518519)}}.cfg-groups .cfg-color-grid .current.active,.cfg-groups .cfg-saved-grid .current.active{cursor:pointer}.cfg-groups .cfg-color-grid .current.disabled .not-available,.cfg-groups .cfg-saved-grid .current.disabled .not-available{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5}.cfg-groups .cfg-color-grid .current.disabled .not-available svg.icon,.cfg-groups .cfg-saved-grid .current.disabled .not-available svg.icon{width:40px;height:40px;position:absolute;left:50%;top:50%}.cfg-groups .cfg-color-grid .current.disabled .not-available svg.icon:first-child,.cfg-groups .cfg-saved-grid .current.disabled .not-available svg.icon:first-child{transform:translate(calc(-50% - 5px),-50%)}.cfg-groups .cfg-color-grid .current.disabled .not-available svg.icon:last-child,.cfg-groups .cfg-saved-grid .current.disabled .not-available svg.icon:last-child{transform:translate(calc(-50% + 5px),-50%)}.cfg-groups .cfg-color-grid .current.disabled .xicon,.cfg-groups .cfg-saved-grid .current.disabled .xicon{position:absolute;top:3px;right:3px}.cfg-groups .cfg-color-grid .current.disabled .xicon svg.icon,.cfg-groups .cfg-saved-grid .current.disabled .xicon svg.icon{width:16px;height:16px}.cfg-groups .cfg-color-grid .matches,.cfg-groups .cfg-saved-grid .matches{display:flex}.cfg-groups .cfg-color-grid .matches .celem,.cfg-groups .cfg-saved-grid .matches .celem{cursor:pointer;margin-right:10px;position:relative}.cfg-groups .cfg-color-grid .matches .celem .selector,.cfg-groups .cfg-saved-grid .matches .celem .selector{display:none;position:absolute;top:-2px;left:-2px;border-radius:2px;background-color:#fff}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups .cfg-color-grid .matches .celem .selector,.cfg-groups .cfg-saved-grid .matches .celem .selector{width:calc(var(--thumbsizewidth) * .6018518519 + 4px);height:calc(var(--colorsize) + 4px)}}@media (orientation: landscape) and (min-width: 1000px){.cfg-groups .cfg-color-grid .matches .celem .selector,.cfg-groups .cfg-saved-grid .matches .celem .selector{width:calc(var(--thumbsizewidth) * .6018518519 + 4px);height:calc(var(--colorsize) + 4px)}}.cfg-groups .cfg-color-grid .matches .celem .selector:after,.cfg-groups .cfg-saved-grid .matches .celem .selector:after{content:"";width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background-color:#4f4f4f}.cfg-groups .cfg-color-grid .matches .celem .celem-swatch,.cfg-groups .cfg-saved-grid .matches .celem .celem-swatch{border:1px solid #7B7B7B;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups .cfg-color-grid .matches .celem .celem-swatch,.cfg-groups .cfg-saved-grid .matches .celem .celem-swatch{width:calc(var(--thumbsizewidth) * .6018518519);height:var(--colorsize)}}@media (orientation: landscape) and (min-width: 1000px){.cfg-groups .cfg-color-grid .matches .celem .celem-swatch,.cfg-groups .cfg-saved-grid .matches .celem .celem-swatch{width:calc(var(--thumbsizewidth) * .6018518519);height:var(--colorsize)}}.cfg-groups .cfg-color-grid .matches .celem .celem-swatch img,.cfg-groups .cfg-saved-grid .matches .celem .celem-swatch img{height:100%;object-fit:cover;aspect-ratio:1/1}.cfg-groups .cfg-color-grid .matches .celem .celem-swatch .material-cost,.cfg-groups .cfg-saved-grid .matches .celem .celem-swatch .material-cost{position:absolute;top:3px;right:3px}.cfg-groups .cfg-color-grid .matches .celem .celem-name,.cfg-groups .cfg-saved-grid .matches .celem .celem-name{position:absolute;top:calc(100% + 5px);width:100%;font-size:.7rem;text-align:center}.cfg-groups .cfg-color-grid .matches .celem.selected .selector,.cfg-groups .cfg-saved-grid .matches .celem.selected .selector{display:block}.cfg-groups .cfg-color-grid .matches .celem.last-elem,.cfg-groups .cfg-saved-grid .matches .celem.last-elem{margin-right:25px}.cfg-groups .cfg-color-grid .matches .celem.collapsed,.cfg-groups .cfg-saved-grid .matches .celem.collapsed{width:0;overflow-x:hidden;margin-right:0}.cfg-groups .cfg-color-grid.match .cfg-color-grid-current,.cfg-groups .cfg-saved-grid.match .cfg-color-grid-current{display:none}.cfg-groups{display:flex;justify-content:flex-start;align-items:center}.cfg-groups .cfg-groups-item-title{position:relative}.cfg-groups .cfg-groups-item-title .cfg-groups-item-title-text{text-transform:uppercase}@media (orientation: portrait) and (max-width: 1000px){.cfg-groups{flex-wrap:wrap;overflow:hidden;width:calc(100vw - 40px)}.cfg-groups ul.cfg-options{width:100%}.cfg-groups .cfg-groups-item-title{grid-column:span 3;text-transform:uppercase;text-align:center;margin-bottom:20px;margin-top:20px}}@media (orientation: landscape) and (min-width: 1000px){.cfg-groups{width:fit-content;height:100%;overflow-x:hidden}.cfg-groups.collapsed{width:0}.cfg-groups .cfg-groups-item-title{height:100%}.cfg-groups .cfg-groups-item-title .cfg-groups-item-title-text{min-width:200px;height:calc(100% - 20px);position:absolute;top:20px;left:0}.cfg-groups .cfg-groups-item-title:not(.separated-0){padding-left:25px}.cfg-groups .cfg-groups-item-title:not(.separated-0) .cfg-groups-item-title-text{padding-left:25px}.cfg-groups .cfg-groups-item-title:not(.separated-0):after{content:"";width:1px;height:174px;background-color:#7b7b7b;position:absolute;left:0;top:25px}}.cfg-groups button.cfg-toggle-button{margin-top:5px}@media (orientation: portrait) and (max-width: 1000px){.cfg-material-selection-wrapper{display:flex;align-items:center;justify-content:center}}ul.cfg-material-selection-list{list-style:none;margin:0;padding:0}ul.cfg-material-selection-list li.cfg-material-selection-item{display:flex;cursor:pointer;align-items:center;margin-bottom:5px}ul.cfg-material-selection-list li.cfg-material-selection-item .radio-check{border:1px solid #7B7B7B;border-radius:50%;margin-right:10px}@media (orientation: portrait) and (max-width: 1000px){ul.cfg-material-selection-list li.cfg-material-selection-item .radio-check{width:16px;height:16px}}@media (orientation: landscape) and (min-width: 1000px){ul.cfg-material-selection-list li.cfg-material-selection-item .radio-check{width:16px;height:16px}}ul.cfg-material-selection-list li.cfg-material-selection-item .cfg-material-selection-swatch{position:relative;overflow:hidden}@media (orientation: portrait) and (max-width: 1000px){ul.cfg-material-selection-list li.cfg-material-selection-item .cfg-material-selection-swatch{min-width:100px;height:20px}}@media (orientation: landscape) and (min-width: 1000px){ul.cfg-material-selection-list li.cfg-material-selection-item .cfg-material-selection-swatch{min-width:100px;height:20px}}ul.cfg-material-selection-list li.cfg-material-selection-item .cfg-material-selection-swatch .cfg-material-selection-name{position:relative;width:100%;height:100%;z-index:1;display:flex;align-items:center;padding:0 5px}ul.cfg-material-selection-list li.cfg-material-selection-item.active .cfg-material-selection-swatch{border-color:#fff}ul.cfg-material-selection-list li.cfg-material-selection-item.active .radio-check{background-color:#000}.cfg-pattern{-webkit-font-smoothing:subpixel-antialiased;position:relative}@media (orientation: landscape) and (min-width: 1000px){.cfg-pattern{width:fit-content}.cfg-pattern.collapsed{width:0;overflow-x:0}}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern{width:calc(100vw - 40px)}.cfg-pattern.collapsed{overflow:hidden}.cfg-pattern .cfg-pattern-grp ul.cfg-options{padding:0}}.cfg-pattern li.cfg-option-item .pattern-multiple{position:absolute;top:5px;right:5px}.cfg-pattern li.cfg-option-item .pattern-multiple svg.icon{width:20px;height:20px}.cfg-pattern .cfg-pattern-grp{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%}.cfg-pattern .cfg-pattern-actual,.cfg-pattern .cfg-pattern-select{height:100%;padding:10px 0}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern .cfg-pattern-actual,.cfg-pattern .cfg-pattern-select{grid-column:span 3}}.cfg-pattern .cfg-pattern-block{height:100%;position:relative;display:flex;align-items:center}.cfg-pattern .cfg-pattern-block.light{background:#828282}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-title{text-transform:uppercase;padding:5px}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .selector{display:none;position:absolute;top:-2px;left:-2px;border-radius:2px;background-color:#fff}@media (orientation: landscape) and (min-width: 1000px){.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .selector{width:calc(var(--thumbsizewidth) + 4px);height:calc(var(--thumbsizewidth) * .6018518519 + 4px)}}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .selector{width:calc(var(--thumbsizewidth) + 4px);height:calc(var(--thumbsizewidth) * .6018518519 + 4px)}}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .selector:after{content:"";width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background-color:#4f4f4f}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview{border:1px solid #666;position:relative}@media (orientation: landscape) and (min-width: 1000px){.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview{width:var(--thumbsizewidth);height:calc(var(--thumbsizewidth) * .6018518519)}}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview{width:var(--thumbsizewidth);height:calc(var(--thumbsizewidth) * .6018518519)}}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview .pattern-multiple{position:absolute;top:5px;right:5px}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview .pattern-multiple svg.icon{width:20px;height:20px}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview .icon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview .icon-wrapper svg.icon{width:60px;height:60px}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview,.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-thumb{margin:0 auto;padding:1px;position:relative;overflow:hidden;cursor:pointer}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview img,.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-thumb img{position:absolute;top:0;left:0;width:100%;aspect-ratio:1/1;transition:transform .5s;pointer-events:none}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview img.texture,.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-thumb img.texture{mix-blend-mode:multiply}.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-preview img.highlight,.cfg-pattern .cfg-pattern-block .cfg-pattern-block-body .pattern-thumb img.highlight{mix-blend-mode:color-dodge}.cfg-pattern .cfg-pattern-group{display:flex;justify-content:flex-start}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern .cfg-pattern-group{flex-wrap:wrap}}.cfg-pattern .cfg-pattern-group .cfg-pattern-group-item{position:relative;margin-right:20px;margin-top:20px}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern .cfg-pattern-group .cfg-pattern-group-item{margin-right:0}}.cfg-pattern .cfg-pattern-group .cfg-pattern-group-item.active .pattern-preview{position:relative}.cfg-pattern .cfg-pattern-group .cfg-pattern-group-item.active .selector{display:block}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern .cfg-pattern-group .cfg-pattern-group-item.back{margin-right:100%}}@media (orientation: landscape) and (min-width: 1000px){.cfg-pattern .cfg-pattern-group .cfg-pattern-group-item.back{margin-right:51px}.cfg-pattern .cfg-pattern-group .cfg-pattern-group-item.back:after{content:"";width:1px;height:174px;background-color:#7b7b7b;position:absolute;top:50%;right:-26px;transform:translateY(calc(-50% - 10px))}}.cfg-pattern .cfg-pattern-group .cfg-pattern-group-item.back .pattern-preview img{opacity:.6}.cfg-pattern .cfg-pattern-group .cfg-pattern-group-back{font-size:.8rem;text-transform:uppercase;padding:10px 0 5px;width:100%;position:absolute;top:-50px;cursor:pointer;display:flex;align-items:center}.cfg-pattern .cfg-pattern-group .cfg-pattern-group-title{text-transform:uppercase;width:100%;text-align:center;position:absolute;bottom:calc(100% + 8px)}.cfg-pattern .cfg-pattern-group .cfg-pattern-list{display:flex;justify-content:flex-start;align-items:flex-start}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern .cfg-pattern-group .cfg-pattern-list{flex-wrap:wrap;width:100%}}.cfg-pattern .cfg-pattern-group .cfg-pattern-list .cfg-pattern-list-item{text-align:center;position:relative}@media (orientation: landscape) and (min-width: 1000px){.cfg-pattern .cfg-pattern-group .cfg-pattern-list .cfg-pattern-list-item{width:100%;margin-right:20px}}@media (orientation: portrait) and (max-width: 1000px){.cfg-pattern .cfg-pattern-group .cfg-pattern-list .cfg-pattern-list-item{width:33.3%;margin-top:60px}}.cfg-pattern .cfg-pattern-group .cfg-pattern-list .cfg-pattern-list-item .cfg-pattern-list-item-title{width:100%;margin:0 auto;position:absolute;bottom:calc(100% + 8px)}.cfg-pattern .cfg-pattern-group .cfg-pattern-list .cfg-pattern-list-item.active .pattern-preview{position:relative}.cfg-pattern .cfg-pattern-group .cfg-pattern-list .cfg-pattern-list-item.active .selector{display:block}.cfg-adjust{-webkit-font-smoothing:subpixel-antialiased}@media (orientation: landscape) and (min-width: 1000px){.cfg-adjust{width:fit-content}.cfg-adjust.collapsed{width:0;overflow-x:0}}@media (orientation: portrait) and (max-width: 1000px){.cfg-adjust{width:calc(100vw - 40px)}.cfg-adjust.collapsed{overflow:hidden}.cfg-adjust ul.cfg-options{padding:0!important}}.cfg-adjust .cfg-adjust-grp{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%;position:relative}.cfg-adjust .cfg-adjust-main{position:relative;height:100%;display:flex;align-items:center}.cfg-adjust .cfg-adjust-main.selected{margin-right:26px}.cfg-adjust .cfg-adjust-main.selected .cfg-adjust-block{margin-right:25px}.cfg-adjust .cfg-adjust-main.selected .selector.adjust{display:block}.cfg-adjust .cfg-adjust-main.selected .adjust-preview img{opacity:.6}.cfg-adjust .cfg-adjust-main.selected:after{content:"";width:1px;height:calc(100% - 50px);background-color:#7b7b7b;position:absolute;right:0;top:25px}.cfg-adjust .cfg-adjust-list,.cfg-adjust .cfg-adjust-match{display:flex;align-items:center}.cfg-adjust .cfg-adjust-match .cfg-material-match-list{min-height:auto}.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item{margin:12px 0 0;max-width:0;transition:max-width .2s ease-in-out;cursor:pointer}.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item .cfg-material-match-title{max-width:0;overflow:hidden}.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item .material-preview{position:relative;z-index:1;max-width:0;padding:0}.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item .selector,.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item .border{max-width:0}.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item.active{max-width:200px;margin-right:10px}.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item.active .cfg-material-match-title{max-width:200px}.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item.active .material-preview{max-width:200px;padding:1px}.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item.active .selector,.cfg-adjust .cfg-adjust-match .cfg-material-match-list .cfg-material-match-list-item.active .border{max-width:300px}.cfg-adjust .cfg-adjust-block{position:relative;margin-top:20px;max-width:0px}.cfg-adjust .cfg-adjust-block .cfg-adjust-block-title,.cfg-adjust .cfg-adjust-block .cfg-adjust-block-body,.cfg-adjust .cfg-adjust-block .selector,.cfg-adjust .cfg-adjust-block .material-preview,.cfg-adjust .cfg-adjust-block .cfg-material-match-state{max-width:0px}.cfg-adjust .cfg-adjust-block input{display:none}.cfg-adjust .cfg-adjust-block.active{max-width:200px;margin-right:20px}.cfg-adjust .cfg-adjust-block.active .cfg-adjust-block-title,.cfg-adjust .cfg-adjust-block.active .cfg-adjust-block-body{max-width:200px}.cfg-adjust .cfg-adjust-block.active .selector{max-width:300px}.cfg-adjust .cfg-adjust-block.active .material-preview{max-width:200px;padding:1px}.cfg-adjust .cfg-adjust-block.active .cfg-material-match-state{max-width:200px}.cfg-adjust .cfg-adjust-block.separated{margin-right:50px}.cfg-adjust .cfg-adjust-block.separated:after{content:"";width:1px;height:174px;background-color:#7b7b7b;position:absolute;right:-25px;top:50%;transform:translateY(calc(-50% - 10px))}.cfg-adjust .cfg-adjust-block-title{width:100%;text-align:center;position:absolute;bottom:calc(100% + 8px);overflow:hidden}.cfg-adjust .cfg-adjust-block-title.uppercase{text-transform:uppercase}.cfg-adjust .cfg-adjust-block-body{display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;position:relative}.cfg-adjust .cfg-adjust-block-body .selector.adjust{display:none;position:absolute;top:-2px;left:-2px;border-radius:2px;background-color:#fff}@media (orientation: landscape) and (min-width: 1000px){.cfg-adjust .cfg-adjust-block-body .selector.adjust{width:calc(var(--thumbsizewidth) + 4px);height:calc(var(--thumbsizewidth) * .6018518519 + 4px)}}@media (orientation: portrait) and (max-width: 1000px){.cfg-adjust .cfg-adjust-block-body .selector.adjust{width:calc(var(--thumbsizewidth) + 4px);height:calc(var(--thumbsizewidth) * .6018518519 + 4px)}}.cfg-adjust .cfg-adjust-block-body .selector.adjust:after{content:"";width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background-color:#4f4f4f}.cfg-adjust .cfg-adjust-block-body .adjust-preview{border:1px solid transparent;margin:0 auto;padding:1px;position:relative;z-index:5;overflow:hidden;cursor:pointer}@media (orientation: landscape) and (min-width: 1000px){.cfg-adjust .cfg-adjust-block-body .adjust-preview{width:var(--thumbsizewidth);height:calc(var(--thumbsizewidth) * .6018518519)}}@media (orientation: portrait) and (max-width: 1000px){.cfg-adjust .cfg-adjust-block-body .adjust-preview{width:var(--thumbsizewidth);height:calc(var(--thumbsizewidth) * .6018518519)}}.cfg-adjust .cfg-adjust-block-body .adjust-preview img{position:absolute;top:0;left:0;height:100%;object-fit:cover;transition:transform .5s;pointer-events:none}.cfg-adjust .cfg-adjust-block-body .adjust-preview img.texture{mix-blend-mode:multiply}.cfg-adjust .cfg-adjust-block-body .adjust-preview img.highlight{opacity:.5}.cfg-adjust .cfg-adjust-block-body .adjust-preview .icon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cfg-adjust .cfg-adjust-block-body .adjust-preview .icon-wrapper svg.icon{width:60px;height:60px}.cfg-adjust .cfg-adjust-block-body .adjust-preview .material-link{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cfg-adjust .cfg-adjust-block-body .adjust-preview .material-link svg.icon{width:40px;height:40px}.cfg-adjust .cfg-adjust-block-body .material-preview{margin:0 auto;padding:0;position:relative;overflow:hidden;z-index:5;cursor:pointer;border:1px solid transparent}@media (orientation: landscape) and (min-width: 1000px){.cfg-adjust .cfg-adjust-block-body .material-preview{width:calc(var(--thumbsizewidth) * .6018518519);height:calc(var(--thumbsizewidth) * .6018518519)}}@media (orientation: portrait) and (max-width: 1000px){.cfg-adjust .cfg-adjust-block-body .material-preview{width:calc(var(--thumbsizewidth) * .6018518519);height:calc(var(--thumbsizewidth) * .6018518519)}}.cfg-adjust .cfg-adjust-block-body .material-preview img{position:absolute;top:0;left:0;height:100%;object-fit:cover;transition:transform .5s}.cfg-adjust .cfg-adjust-block-body .material-preview img.texture{mix-blend-mode:multiply}.cfg-adjust .cfg-adjust-block-body .material-preview img.highlight{opacity:.5}.cfg-adjust .cfg-adjust-block-body .material-preview .material-cost{position:absolute;top:0;right:5px;font-size:1.5rem}.cfg-adjust .cfg-adjust-block-body .material-preview .material-brabus{position:absolute;bottom:5px;left:5px;font-size:1rem}.cfg-adjust .cfg-adjust-block-body .material-preview .material-link{position:absolute;font-size:2rem;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cfg-adjust .cfg-adjust-block-body .material-preview .material-link svg.icon{width:40px;height:40px}.cfg-adjust .cfg-adjust-block-body .material-preview .sample{position:absolute;width:20px;height:20px;bottom:10px;right:10px;z-index:5}.cfg-adjust .cfg-adjust-block-body .material-preview .icon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cfg-adjust .cfg-adjust-block-body .material-preview .icon-wrapper svg.icon{width:60px;height:60px}.cfg-adjust .cfg-adjust-block-body .selector.material{display:none;position:absolute;top:-2px;left:-2px;border-radius:2px;background-color:#fff}@media (orientation: landscape) and (min-width: 1000px){.cfg-adjust .cfg-adjust-block-body .selector.material{width:calc(var(--thumbsizewidth) * .6018518519 + 4px);height:calc(var(--thumbsizewidth) * .6018518519 + 4px)}}@media (orientation: portrait) and (max-width: 1000px){.cfg-adjust .cfg-adjust-block-body .selector.material{width:calc(var(--colorsize) + 4px);height:calc(var(--colorsize) + 4px)}}.cfg-adjust .cfg-adjust-block-body .selector.material:after{content:"";width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background-color:#4f4f4f}.cfg-adjust .cfg-adjust-block-body .border{position:absolute;top:0;left:0;background-color:#666;z-index:2}@media (orientation: landscape) and (min-width: 1000px){.cfg-adjust .cfg-adjust-block-body .border{width:100%;height:calc(var(--thumbsizewidth) * .6018518519)}}@media (orientation: portrait) and (max-width: 1000px){.cfg-adjust .cfg-adjust-block-body .border{width:100%;height:var(--colorsize)}}.cfg-adjust .cfg-adjust-block-body .cfg-material-match-state{position:absolute;bottom:-20px;z-index:1;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:.8rem}.cfg-adjust .cfg-adjust-block-body .cfg-material-match-state i{margin-right:5px}.cfg-adjust .cfg-adjust-block.selected .cfg-adjust-block-body .selector.material,.cfg-adjust .cfg-adjust-block.selected .cfg-adjust-block-body .selector.adjust{display:block}.cfg-adjust .cfg-match-switch-wrapper,.cfg-adjust .cfg-switch-wrapper{margin-bottom:2px;margin-top:2px;margin-left:10px}.cfg-adjust .cfg-match-switch-wrapper .cfg-match-title,.cfg-adjust .cfg-match-switch-wrapper .cfg-switch-title,.cfg-adjust .cfg-switch-wrapper .cfg-match-title,.cfg-adjust .cfg-switch-wrapper .cfg-switch-title{margin-bottom:5px;text-transform:uppercase;font-size:.8rem}.cfg-adjust .cfg-match-switch-wrapper ul.cfg-match-switch,.cfg-adjust .cfg-match-switch-wrapper ul.cfg-switch,.cfg-adjust .cfg-switch-wrapper ul.cfg-match-switch,.cfg-adjust .cfg-switch-wrapper ul.cfg-switch{display:flex;list-style:none;padding:0;margin:0}.cfg-adjust .cfg-match-switch-wrapper ul.cfg-match-switch li,.cfg-adjust .cfg-match-switch-wrapper ul.cfg-switch li,.cfg-adjust .cfg-switch-wrapper ul.cfg-match-switch li,.cfg-adjust .cfg-switch-wrapper ul.cfg-switch li{display:flex;justify-content:center;align-items:center;width:50%;padding:0 5px;text-transform:uppercase;color:#fff;background-color:#333;font-size:.7rem;height:20px}.cfg-adjust .cfg-match-switch-wrapper ul.cfg-match-switch li:hover,.cfg-adjust .cfg-match-switch-wrapper ul.cfg-switch li:hover,.cfg-adjust .cfg-switch-wrapper ul.cfg-match-switch li:hover,.cfg-adjust .cfg-switch-wrapper ul.cfg-switch li:hover{background-color:#888}.cfg-adjust .cfg-match-switch-wrapper ul.cfg-match-switch.default li.option-default,.cfg-adjust .cfg-match-switch-wrapper ul.cfg-switch.default li.option-default,.cfg-adjust .cfg-switch-wrapper ul.cfg-match-switch.default li.option-default,.cfg-adjust .cfg-switch-wrapper ul.cfg-switch.default li.option-default,.cfg-adjust .cfg-match-switch-wrapper ul.cfg-match-switch.match li.option-match,.cfg-adjust .cfg-match-switch-wrapper ul.cfg-switch.match li.option-match,.cfg-adjust .cfg-switch-wrapper ul.cfg-match-switch.match li.option-match,.cfg-adjust .cfg-switch-wrapper ul.cfg-switch.match li.option-match,.cfg-adjust .cfg-match-switch-wrapper ul.cfg-switch.active li.option-on,.cfg-adjust .cfg-switch-wrapper ul.cfg-switch.active li.option-on{color:#333;background-color:#fff}.cfg-adjust .cfg-match-switch-wrapper ul.cfg-switch:not(.active) li.option-off,.cfg-adjust .cfg-switch-wrapper ul.cfg-switch:not(.active) li.option-off{color:#333;background-color:#fff}.cfg-adjust .cfg-match-switch-wrapper .cfg-match-state,.cfg-adjust .cfg-switch-wrapper .cfg-match-state{display:flex;justify-content:flex-start;align-items:center;font-size:.8rem;margin-top:3px}.cfg-adjust .cfg-match-switch-wrapper .cfg-match-state i,.cfg-adjust .cfg-switch-wrapper .cfg-match-state i{margin-right:5px}.cfg-play{-webkit-font-smoothing:subpixel-antialiased}@media (orientation: landscape) and (min-width: 1000px){.cfg-play{width:fit-content}.cfg-play.collapsed{width:0;overflow-x:0}}@media (orientation: portrait) and (max-width: 1000px){.cfg-play{width:calc(100vw - 40px)}.cfg-play.collapsed{overflow:hidden}.cfg-play .cfg-pattern-grp ul.cfg-options{padding:0}}.cfg-play .cfg-play-grp{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%}.cfg-play .cfg-play-block{position:relative;display:flex;align-items:center;margin-right:20px}.cfg-play .cfg-play-block-title{position:absolute;top:-25px;width:100%;text-align:center}.cfg-play .cfg-play-block-body{display:flex;flex-direction:column;justify-content:flex-start}.cfg-play .cfg-play-block-body .play-preview{margin:0 auto 20px;border:1px solid #5F5F5F;padding:1px;position:relative;overflow:hidden}@media (orientation: landscape) and (min-width: 1000px){.cfg-play .cfg-play-block-body .play-preview{width:var(--thumbsizewidth);height:calc(var(--thumbsizewidth) * .6018518519)}}@media (orientation: portrait) and (max-width: 1000px){.cfg-play .cfg-play-block-body .play-preview{width:var(--thumbsizewidth);height:calc(var(--thumbsizewidth) * .6018518519)}}.cfg-play .cfg-play-block-body .play-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.cfg-play .cfg-play-block-body .play-preview img.texture{mix-blend-mode:multiply}.cfg-play .cfg-play-block-body .play-preview img.highlight{opacity:.5}.cfg-play .cfg-play-block-body .switch-block{position:absolute;width:100%;top:calc(100% - 10px)}.cfg-play .cfg-switch-wrapper{margin-bottom:5px;margin-top:5px;display:flex;justify-content:space-between;align-items:center}.cfg-play .cfg-switch-wrapper .cfg-switch-title{font-size:1rem}.cfg-play .twoway-toggle{display:flex;justify-content:space-between;align-items:center}.cfg-play .twoway-toggle i{font-size:1.5rem}.cfg-play .twoway-toggle input{display:none}.cfg-play .twoway-toggle label{width:24px;height:14px;border-radius:7px;border:1px solid rgb(255,255,255);margin:0;position:relative;cursor:pointer}.cfg-play .twoway-toggle label:after{content:"";width:12px;height:12px;border-radius:50%;position:absolute;top:-1px;left:-1px;border:1px solid rgb(255,255,255);background-color:#000}.cfg-play .twoway-toggle input:checked+label:after{left:auto;right:-1px;background-color:#fff}.summary-head{display:flex;flex-direction:column;align-items:center}.summary-head .summary-head-title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;text-align:center;font-size:1.2rem;padding-bottom:20px;line-height:1.5}.summary-head button.gray-button{width:100%}.summary-head button.gray-button:not(:last-child){margin-bottom:10px}@media (orientation: landscape) and (min-width: 1000px){.summary-head{padding-right:25px}ul.cfg-sections li.section-summary ul.cfg-options li.cfg-option-item{max-width:300px}}@media (orientation: portrait) and (max-width: 1000px){.summary-head-wrapper{grid-column:span 3;margin-bottom:40px!important;max-width:inherit!important;margin-left:auto;margin-right:auto}ul.cfg-summary-mobile{list-style:none;margin:0;padding:40px}ul.cfg-summary-mobile li.cfg-summary-item .cfg-summary-title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1.2rem;margin-top:10px;border-bottom:1px solid #9B9B9B;margin-bottom:3px;padding:3px 0;display:flex;align-items:center}ul.cfg-summary-mobile li.cfg-summary-item ul.cfg-summary-item-list{list-style:none;margin:0;padding:0}ul.cfg-summary-mobile li.cfg-summary-item ul.cfg-summary-item-list li.cfg-summary-item-part{padding:5px}}.cfg-modal-wrapper.walkthrough .cfg-modal-canvas.left{left:20px;top:58px}.cfg-modal-wrapper.walkthrough button.spaced{margin-top:10px}.cfg-modal-wrapper.walkthrough #cfg-vjoy-yinv svg{transform:rotate(45deg)}.cfg-modal-wrapper.walkthrough #cfg-vjoy-xinv svg{transform:rotate(-45deg)}.cfg-modal-wrapper.walkthrough .cfg-wt-slider-container{display:flex;justify-content:center}.cfg-modal-wrapper.walkthrough .cfg-wt-slider-container input[type=range]{writing-mode:vertical-lr;writing-mode:sideways-lr;margin-top:10px;margin-bottom:10px}.cfg-modal-wrapper.walkthrough .cfg-wt-slider-container input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;overflow:hidden;border-radius:16px}.cfg-modal-wrapper.walkthrough .cfg-wt-slider-container input[type=range]::-webkit-slider-runnable-track{width:15px;background:#ccc;border-radius:16px}.cfg-modal-wrapper.walkthrough .cfg-wt-slider-container input[type=range]::-moz-range-track{width:15px;background:#ccc;border-radius:16px}.cfg-modal-wrapper.walkthrough .cfg-wt-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:15px;width:15px;background-color:#fff;border-radius:50%;border:2px solid rgba(72,72,72,.8);box-shadow:0 407px 0 400px #484848cc}.cfg-modal-wrapper.walkthrough .cfg-wt-slider-container input[type=range]::-moz-range-thumb{height:15px;width:15px;background-color:#fff;border-radius:50%;border:1px solid rgba(72,72,72,.8);box-shadow:0 407px 0 400px #484848cc}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container{left:calc(20px + var(--navbuttonsize));bottom:273px;position:fixed;z-index:999;width:30vw;height:30vh;pointer-events:none}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container.rendered{pointer-events:all}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container.rendered .cfg-vjoy-ph{display:block}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container .cfg-vjoy-ph{background-color:#6464641a;border:1px solid rgba(255,255,255,.7);width:20vh;height:20vh;border-radius:50%;position:absolute;bottom:20px;left:20px;z-index:1;display:none}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container .cfg-vjoy-back{background-color:#64646433;border:1px solid rgba(255,255,255,.7);width:20vh;height:20vh;border-radius:50%;position:absolute;top:0;left:0;z-index:1;display:none;cursor:pointer}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container .cfg-vjoy-thumb{background-color:#64646433;border:1px solid rgba(255,255,255,.7);width:4vh;height:4vh;border-radius:50%;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);display:none}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container .cfg-vjoy-center{background-color:#ffffffb3;width:1vh;height:1vh;border-radius:50%;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);display:none}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container.active .cfg-vjoy-back,.cfg-modal-wrapper.walkthrough .cfg-vjoy-container.active .cfg-vjoy-thumb,.cfg-modal-wrapper.walkthrough .cfg-vjoy-container.active .cfg-vjoy-center{display:block}.cfg-modal-wrapper.walkthrough .cfg-vjoy-container.active .cfg-vjoy-ph{display:none}#app.uiCollapsed .cfg-modal-wrapper.walkthrough .cfg-vjoy-container{bottom:5px}.cfg-modal-wrapper.slideshow .slideshow-controls{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:9999;pointer-events:auto}.cfg-modal-wrapper.slideshow .slideshow-controls .cfg-burger-button{margin:0}.cfg-modal-wrapper.slideshow .cfg-modal-canvas.left{left:1000px;top:58px}.cfg-matlibrary-wrapper{position:fixed;top:0;right:0;z-index:99999;width:100vw;height:100vh;justify-content:center;align-items:center;background:rgba(0,0,0,.5)}.cfg-matlibrary-wrapper .cfg-modal-canvas{width:50vw;max-width:500em;height:calc(100vh - 20px)}.cfg-matlibrary-wrapper .cfg-modal-canvas .cfg-modal-back{height:100%;color:#fff}.cfg-matlibrary-wrapper button.close-button{position:absolute;top:60px;right:60px;z-index:1;border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1rem;font-size:6px;justify-content:center}@media (orientation: portrait) and (max-width: 1000px){.cfg-matlibrary-wrapper button.close-button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-matlibrary-wrapper button.close-button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-matlibrary-wrapper button.close-button{height:var(--navbuttonsize)}}@media (hover: hover){.cfg-matlibrary-wrapper button.close-button:hover{background-color:#393939;color:#fff}}.cfg-matlibrary-wrapper button.close-button svg.icon{pointer-events:none}.cfg-matlibrary-wrapper button.close-button.active,.cfg-matlibrary-wrapper button.close-button:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}.cfg-matlibrary-wrapper button.close-button.disabled,.cfg-matlibrary-wrapper button.close-button:disabled{background-color:#393939;color:#7b7b7b}@media (orientation: portrait) and (max-width: 1000px){.cfg-matlibrary-wrapper button.close-button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-matlibrary-wrapper button.close-button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-matlibrary-wrapper button.close-button{width:var(--navbuttonsize)}}.cfg-matlibrary-wrapper .cfg-colorpicker-controls{display:flex;justify-content:flex-end;align-items:center;padding:20px}.cfg-matlibrary-wrapper .cfg-colorpicker-controls button.modal-close-button{position:static;margin-right:auto;margin-left:0}.cfg-matlibrary-wrapper .cfg-colorpicker-controls .search-input{position:relative;margin-right:20px}.cfg-matlibrary-wrapper .cfg-colorpicker-controls .search-input input{pointer-events:all;border:0px;outline:none;border-radius:4px;width:150px;background:transparent;border:1px solid #D7D7D7;color:#d7d7d7;padding:4px 30px 4px 10px;line-height:20px}.cfg-matlibrary-wrapper .cfg-colorpicker-controls .search-input input:focus{background:#D7D7D7;color:#000}.cfg-matlibrary-wrapper .cfg-colorpicker-controls .search-input input::placeholder{color:#d7d7d7}.cfg-matlibrary-wrapper .cfg-colorpicker-controls .search-input input:focus+svg.icon{color:#000;fill:#000}.cfg-matlibrary-wrapper .cfg-colorpicker-controls .search-input svg{position:absolute;top:7px;right:5px}.cfg-matlibrary-wrapper .scrollbox{height:calc(100vh - 200px);width:100%;overflow-y:auto;position:relative}.cfg-matlibrary-wrapper ul.search-list{list-style:none;display:grid;margin:0;padding:0 20px 20px;width:100%;grid-template-columns:repeat(auto-fit,minmax(var(--colorsize),1fr));gap:20px;justify-content:flex-start;align-items:flex-start}.cfg-matlibrary-wrapper ul.search-list .grp-title{grid-column:1/-1;position:sticky;top:0;background-color:#484848;z-index:1;margin:0;padding:1em;text-transform:uppercase;border-bottom:1px solid #FFF}.cfg-matlibrary-wrapper ul.search-list li{display:flex;flex-direction:column;margin-right:10px;margin-bottom:10px}.cfg-matlibrary-wrapper ul.search-list li.inactive{display:none}.cfg-matlibrary-wrapper ul.search-list li .search-sample{width:var(--colorsize);height:var(--colorsize);position:relative;border:1px solid #7B7B7B;cursor:pointer}.cfg-matlibrary-wrapper ul.search-list li .search-sample .search-ref{width:100%;height:25%;margin-top:0;margin-left:0}.cfg-matlibrary-wrapper ul.search-list li .search-name{width:var(--colorsize);margin-top:.1em;text-align:center;height:20px}.cfg-dropdown .search-title{margin-bottom:5px;color:#d7d7d7}.cfg-dropdown .search-input{position:relative;border:1px solid #D7D7D7;width:200px;border-radius:4px}.cfg-dropdown .current-value{width:100%;height:100%;position:absolute;top:0;padding:4px 30px 4px 10px;line-height:20px;z-index:1;display:flex;align-items:center;cursor:pointer;pointer-events:all}.cfg-dropdown .current-value .current-sample{width:20px;height:20px;margin-right:10px;border:1px solid #7B7B7B}.cfg-dropdown .current-value .current-title{text-wrap:left}.cfg-dropdown input.dropdown-input{pointer-events:all;border:0px;outline:none;position:relative;border-radius:3px 3px 0 0;width:100%;border:0;background:transparent;color:#d7d7d7;padding:4px 30px 4px 10px;line-height:20px;z-index:2}.cfg-dropdown input.dropdown-input:focus{background:#D7D7D7;color:#000}.cfg-dropdown input::placeholder{color:#d7d7d7}.cfg-dropdown input:focus+svg.icon{color:#000;fill:#000}.cfg-dropdown svg{position:absolute;top:7px;right:5px}.cfg-dropdown ul.search-list{display:none;max-height:300px;overflow-y:auto;list-style:none;padding:0;margin:0;position:absolute;top:26px;left:-1px;width:calc(100% + 2px);z-index:10;background:#5F5F5F}.cfg-dropdown ul.search-list li{display:flex;align-items:center;cursor:pointer;pointer-events:all}.cfg-dropdown ul.search-list li .search-list-item-sample{width:20px;height:20px}.cfg-dropdown ul.search-list li .search-list-item-title{margin-left:10px}.cfg-dropdown ul.search-list li:hover{background-color:#ffffff1a}.cfg-dropdown ul.search-list li.inactive{display:none}.cfg-dropdown ul.search-list li.selected{background-color:#fff3}.cfg-dropdown.active{border-radius:4px 4px 0 0}.cfg-dropdown.active ul.search-list{display:block}:root{--buttonsize: 32px;--navbuttonsize: 28px;--thumbsizeratio: .6018518519;--colorsize: 15.0462962963vw;--thumbsizewidth: 25vw;--thumbsize: 25vw;--sectiontitleheight: 44px;--grouptitleheight: 40px;--rectsizewidth: 25vw;--rectsizeratio: .6018518519}@media (orientation: landscape) and (min-width: 1001px){:root{--colorsize: 95px;--thumbsizewidth: 158px;--thumbsize: 158px;--rectsizewidth: 216px;--grouptitleheight: 32px;--rectsizeratio: .5625}}@media (orientation: landscape) and (max-width: 1000px){:root{--colorsize: 40px;--thumbsizewidth: 125px;--thumbsize: 125px;--rectsizewidth: 216px;--grouptitleheight: 40px;--rectsizeratio: .5625}}body,html{font-size:14px}@media (orientation: landscape) and (max-width: 1000px){body,html{font-size:14px}}@media (orientation: landscape) and (min-width: 1001px){body,html{font-size:12px}}.cfg-colortool-wrapper{position:fixed;top:0;right:0;z-index:99999;width:100vw;height:100vh;justify-content:right;align-items:center;z-index:9999!important}.cfg-colortool-wrapper .cfg-modal-canvas{width:50vw;min-width:820px;height:calc(100vh - 20px)}.cfg-colortool-wrapper .cfg-modal-canvas .cfg-modal-back{height:100%;color:#fff}.cfg-colortool-wrapper .block{margin-right:20px;padding-bottom:10px}.cfg-colortool-wrapper .block .block-title{margin-bottom:5px;color:#d7d7d7}.cfg-colortool-wrapper .hidden{display:none}.cfg-colortool-wrapper select.group-select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;border-radius:4px;width:200px;background:transparent;border:1px solid #D7D7D7;color:#d7d7d7;padding:4px 30px 4px 10px;line-height:20px;cursor:pointer}.cfg-colortool-wrapper .select-block{position:relative}.cfg-colortool-wrapper .select-block svg{position:absolute;z-index:1;right:5px;top:8px;pointer-events:none}.cfg-colortool-wrapper button.close-button{position:absolute;top:60px;right:60px;z-index:1;border:0;background-color:#2b2b2b;border-radius:4px;box-shadow:#202020 0 -1;color:#d7d7d7;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Barlow;font-weight:500;font-size:1rem;font-size:6px;justify-content:center}@media (orientation: portrait) and (max-width: 1000px){.cfg-colortool-wrapper button.close-button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-colortool-wrapper button.close-button{height:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-colortool-wrapper button.close-button{height:var(--navbuttonsize)}}@media (hover: hover){.cfg-colortool-wrapper button.close-button:hover{background-color:#393939;color:#fff}}.cfg-colortool-wrapper button.close-button svg.icon{pointer-events:none}.cfg-colortool-wrapper button.close-button.active,.cfg-colortool-wrapper button.close-button:active{background-color:#000;box-shadow:#202020 0 0 0 1;color:#d7d7d7}.cfg-colortool-wrapper button.close-button.disabled,.cfg-colortool-wrapper button.close-button:disabled{background-color:#393939;color:#7b7b7b}@media (orientation: portrait) and (max-width: 1000px){.cfg-colortool-wrapper button.close-button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (max-width: 1000px){.cfg-colortool-wrapper button.close-button{width:var(--navbuttonsize)}}@media (orientation: landscape) and (min-width: 1001px){.cfg-colortool-wrapper button.close-button{width:var(--navbuttonsize)}}.cfg-colortool-wrapper .search-input{position:relative;margin-right:20px}.cfg-colortool-wrapper input{pointer-events:all;border:0px;outline:none;border-radius:4px;width:200px;background:transparent;border:1px solid #D7D7D7;color:#d7d7d7;padding:4px 30px 4px 10px;line-height:20px}.cfg-colortool-wrapper input:focus{background:#D7D7D7;color:#000}.cfg-colortool-wrapper input::placeholder{color:#d7d7d7}.cfg-colortool-wrapper input:focus+svg.icon{color:#000;fill:#000}.cfg-colortool-wrapper input.invalid{border:1px dotted red}.cfg-colortool-wrapper svg{position:absolute;top:7px;right:5px}.cfg-colortool-wrapper .selector{display:flex;margin:20px 0;padding-bottom:10px;border-bottom:1px solid #D7D7D7}.cfg-colortool-wrapper .editor{display:flex;flex-wrap:wrap;margin:20px 0}.cfg-colortool-wrapper .matching{display:none}.cfg-colortool-wrapper .matching.fine,.cfg-colortool-wrapper .matching.normal,.cfg-colortool-wrapper .matching.coarse,.cfg-colortool-wrapper .matching.alcantara{display:block}.cfg-colortool-wrapper .matching.fine .col-title,.cfg-colortool-wrapper .matching.normal .col-title,.cfg-colortool-wrapper .matching.coarse .col-title,.cfg-colortool-wrapper .matching.alcantara .col-title{margin-bottom:10px;margin-top:20px;padding-top:20px;border-top:1px solid #D7D7D7}.cfg-colortool-wrapper .matching.fine .cfg-dropdown,.cfg-colortool-wrapper .matching.normal .cfg-dropdown,.cfg-colortool-wrapper .matching.coarse .cfg-dropdown,.cfg-colortool-wrapper .matching.alcantara .cfg-dropdown{margin-bottom:10px}.cfg-colortool-wrapper .matching.alcantara #colortool-match-alcantara{display:none}.cfg-colortool-wrapper .controls{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #D7D7D7}.cfg-colortool-wrapper .hex-container{display:flex;align-items:center;margin-bottom:5px}.cfg-colortool-wrapper .hex-container .hex-title{width:40px}.cfg-colortool-wrapper .hex-container input{text-transform:uppercase;width:152px;text-align:center}.cfg-colortool-wrapper .colorWheel{display:flex;justify-content:space-between;margin-bottom:20px}.cfg-colortool-wrapper .cfg-colorpicker{display:flex;align-items:center}.cfg-colortool-wrapper .cfg-colorpicker .colortool-color-preview{width:var(--colorsize);height:var(--colorsize);border:1px solid #7B7B7B;border-radius:14px;margin-right:20px;margin-left:20px}#debug{position:fixed;top:10px;right:10px;z-index:9999;display:flex;flex-direction:column}#debug .debugControls{margin-top:10px;background-color:#3c3c3c80;padding:10px;display:flex}#dynamicStateDebug{display:none;width:30vw;background-color:#3c3c3c80;padding:10px;color:#fff;font-size:.8rem}#dynamicStateDebug input{color:#000}#dynamicStateDebug pre{width:100%;height:50vh;overflow-y:auto}#dynamicStateDebug.active{display:block}#dynamicDataDebug{display:none;margin-left:10px;width:30vw;height:50vh;background-color:#3c3c3c80;padding:10px;color:#fff;overflow-y:auto;font-size:.8rem}#dynamicDataDebug input{color:#000}#dynamicDataDebug.active{display:block}@media (orientation: portrait) and (max-width: 1000px){#dynamicStateDebug,#dynamicDataDebug{width:50vw;height:20vh;font-size:.6rem}}mark.current{background-color:red}#loadState{width:200px;height:60px;top:20px;right:20px;position:absolute;z-index:99;background:white;padding:20px}#loadState.init,#loadState.loading{display:block}#loadState.ready{display:none}