@use "sass:map";.sidebar-button>i{display:flex;align-items:center}.sidebar-button>i{justify-content:center}.sidebar-button{width:100%;position:relative;min-height:40px;padding:4px 4px 4px 38px;text-transform:uppercase;border:none;color:white;font-weight:700;font-size:13px;text-align:left;line-height:1.1em;margin-bottom:8px;margin-top:0 !important}.sidebar-button>i{position:absolute;left:0;top:0;bottom:0;width:30px}.design-tool .sidebar-button.green{background-color:#80B74B}.design-tool .sidebar-button.green>i{background-color:#67943b}.design-tool .sidebar-button.green:hover{background-color:#67943b}.design-tool .sidebar-button.green:hover>i{background-color:#4d6f2d}.ec .sidebar-button.green{background-color:#80B74B}.ec .sidebar-button.green>i{background-color:#67943b}.ec .sidebar-button.green:hover{background-color:#67943b}.ec .sidebar-button.green:hover>i{background-color:#4d6f2d}.pro .sidebar-button.green{background-color:#8293a8}.pro .sidebar-button.green>i{background-color:#657992}.pro .sidebar-button.green:hover{background-color:#657992}.pro .sidebar-button.green:hover>i{background-color:#506074}.design-tool .sidebar-button.blue{background-color:#0099D0}.design-tool .sidebar-button.blue>i{background-color:#00739d}.design-tool .sidebar-button.blue:hover{background-color:#00739d}.design-tool .sidebar-button.blue:hover>i{background-color:#004e6a}.ec .sidebar-button.blue{background-color:#0099D0}.ec .sidebar-button.blue>i{background-color:#00739d}.ec .sidebar-button.blue:hover{background-color:#00739d}.ec .sidebar-button.blue:hover>i{background-color:#004e6a}.pro .sidebar-button.blue{background-color:#8293a8}.pro .sidebar-button.blue>i{background-color:#657992}.pro .sidebar-button.blue:hover{background-color:#657992}.pro .sidebar-button.blue:hover>i{background-color:#506074}.safari-fix{position:relative !important;overflow-x:visible !important;overflow-y:visible !important;z-index:100;padding:0 !important}#item-options{width:240px;height:calc(100% + 32px);padding:16px;margin:-16px 0 -16px -16px;overflow-y:scroll;background:#2A3440}#item-options>h3{margin:0}#item-options #item-feature-options #edit-in-top-down-view{display:flex;align-items:center;justify-content:center;background:#009BD3;border:none;color:#fff;width:auto;height:40px;padding:8px;font-size:12px;text-transform:uppercase;font-weight:700;margin-top:16px}#item-options #item-feature-options #edit-in-top-down-view>i{margin-right:6px}#item-options #item-accessory-options figure{margin:8px 0;padding:15px 3px;cursor:pointer;text-align:center}#item-options #item-accessory-options figure:hover,#item-options #item-accessory-options figure.selected{padding:12px 0;border:3px solid #80B74B}#item-options #item-accessory-options figure>div{position:relative;width:fit-content;margin:auto}#item-options #item-accessory-options figure>div img{max-height:80px;max-width:100%}#item-options #item-accessory-options figure>div b{color:#80B74B;position:absolute;right:-12px;bottom:2px;font-size:14px;width:24px;background-color:white;border:2px solid #80B74B;border-radius:12px;padding:0 0 1px 1px;box-shadow:0 0 8px -2px black}#item-options #item-accessory-options figure figcaption{color:white;text-align:center;font-size:16px}#item-options #item-dimension-options{width:auto;position:fixed;right:0;bottom:20px;background-color:#2A3440;box-shadow:0 2px 14px 0 rgba(0,0,0,0.5);height:auto !important;z-index:1030}#item-options #item-dimension-options h3{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px 16px;margin:0 0 8px 0;border-bottom:2px solid rgba(23,31,39,0.5)}#item-options #item-dimension-options h3 i{cursor:pointer}#item-options #item-dimension-options #toggle-dimension-options{position:fixed;z-index:1020 !important;right:-77px;bottom:100px;transform:rotate(90deg);background:#009BD3;padding:0 39px 0 11px;font-size:13px;line-height:40px}#item-options #item-dimension-options #toggle-dimension-options i{width:28px;font-size:10px;background:#067BA5;position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;padding-bottom:6px}#item-options #item-dimension-options>div{display:flex;align-items:flex-start;margin:0 10px 20px 10px}#item-options #item-dimension-options>div>label,#item-options #item-dimension-options>div>button{margin:0 10px;width:125px}#item-options #item-dimension-options>div #purchase-item>input{vertical-align:middle;margin-right:8px}#item-options #item-dimension-options>div #add-note{display:flex;align-items:center;justify-content:center;background:#009BD3;border:none;color:#fff;width:auto;height:40px;padding:8px;font-size:12px;text-transform:uppercase;font-weight:700}#item-options #item-dimension-options>div #add-note>i{margin-right:6px}#item-options .customize-options{margin:10px;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}#item-options .customize-options .customize-option{padding:4px 0;margin:4px;width:calc(33% - 10px);min-width:75px;cursor:pointer;text-align:center}#item-options .customize-options .customize-option.selected{border:4px solid #80B74B}#item-options .customize-options .customize-option img{width:60px;height:80px}label.accessories-button,div.accessories-button{position:sticky;bottom:-16px;background:#2A3440;border-top:1px solid #464E52;padding:12px;margin-left:-16px;margin-right:-16px;max-width:initial;display:flex;align-items:center}label.accessories-button>p,div.accessories-button>p{flex-grow:1;font-size:16px;line-height:1;text-transform:none;margin:0}label.simple-input,div.simple-input{width:100%}label.simple-select,div.simple-select{width:100%}label.simple-input-with-select,div.simple-input-with-select{position:relative;width:100%;margin-bottom:40px}label.simple-input-with-select>input,div.simple-input-with-select>input{margin-top:0;position:absolute;border-right:1px solid darkgrey;left:1px;width:calc(86% - 10px) !important;z-index:1}label.simple-input-with-select>input.disabled,div.simple-input-with-select>input.disabled{color:rgba(169,169,169,0.5);pointer-events:none}label.simple-input-with-select>select,div.simple-input-with-select>select{position:absolute;top:17px;font-size:14px;outline:none}label.simple-checkbox,div.simple-checkbox{display:flex;align-items:flex-start}label.simple-checkbox input,div.simple-checkbox input{margin-right:4px}label.simple-checkbox>div>span:first-of-type,div.simple-checkbox>div>span:first-of-type{display:block;font-size:14px;line-height:12px}label.simple-checkbox>div>span:last-of-type,div.simple-checkbox>div>span:last-of-type{font-weight:normal}label.simple-radio label,div.simple-radio label{width:100%;display:flex}label.disabled,div.disabled{opacity:0.5;pointer-events:none}label.customPartHeader,div.customPartHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid whitesmoke;padding-bottom:8px}.draggable-container-component{cursor:grab}#addOnPanel{padding-top:32px;height:calc(100vh - 110px);width:800px;position:fixed;top:108px;right:4px;background:#2A3440}#addOnPanel>i{position:absolute;top:4px;right:12px;cursor:pointer;color:white}#addOnPanel #add-on-categories-container{width:300px;float:left;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}#addOnPanel #add-on-categories-container #add-on-categories{width:100%}#addOnPanel #add-on-categories-container #add-on-categories .add-on-category{width:100%;padding-left:12px}#addOnPanel #add-on-categories-container #add-on-categories .add-on-category>h4{display:flex;align-items:center;width:100%;padding:8px 12px;margin:0 0 10px 0;cursor:pointer}#addOnPanel #add-on-categories-container #add-on-categories .add-on-category>h4 i{margin-right:6px;font-size:14px}#addOnPanel #add-on-categories-container #add-on-categories .add-on-category>h4 span:first-of-type{flex-grow:1}#addOnPanel #add-on-categories-container #add-on-categories .add-on-category>h4:hover{background-color:#202933;border-top-left-radius:25px;border-bottom-left-radius:25px}#addOnPanel #add-on-categories-container #add-on-categories .add-on-category.active>h4{background-color:#202933;border-top-left-radius:25px;border-bottom-left-radius:25px}#addOnPanel #add-on-categories-container #add-on-categories hr{margin:8px}#addOnPanel #add-on-categories-container #add-on-categories #addon-search{display:flex;align-items:center;padding:12px;position:sticky;bottom:0;background:#2A3440;border-top:1px solid #171F27}#addOnPanel #add-on-categories-container #add-on-categories #addon-search>input{flex:1 1 auto;padding:6px}#addOnPanel #add-on-categories-container #add-on-categories #addon-search>button{font-size:16px;margin-left:6px;height:40px}#addOnPanel #add-on-categories-container #add-on-categories #addon-reset{text-align:center;padding-top:12px;bottom:0;background:#2A3440;border-top:1px solid #171F27}#addOnPanel #add-on-categories-container #add-on-categories #addon-reset>button{font-size:16px;height:40px}#addOnPanel #add-on-categories-container #add-on-categories #addon-reset>p{padding-top:5px}#addOnPanel #add-on-categories-container #add-on-categories #addon-remove-all{text-align:center;padding-top:12px;bottom:0;background:#2A3440;border-top:1px solid #171F27}#addOnPanel #add-on-categories-container #add-on-categories #addon-remove-all>button{font-size:16px;height:40px}#addOnPanel #add-on-categories-container #add-on-categories #addon-remove-all>button:last-of-type{margin-left:6px}#addOnPanel #add-on-categories-container #add-on-categories #addon-remove-all>p{padding-top:5px}#addOnPanel #add-on-category-image{position:fixed;right:810px}#addOnPanel #add-on-category-image>img{max-width:40vw;max-height:calc(100vw - 24px)}#addOnPanel #add-on-options{float:right;width:500px;background-color:#202933;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}#addOnPanel #add-on-options .draggable-container-component:hover{background-color:#161b21}#addOnPanel #add-on-options .add-on-item-row>p{padding:4px 8px;cursor:pointer}#addOnPanel #add-on-options .add-on-item-row>p i{margin-right:4px}#addOnPanel #add-on-options .add-on-item{display:flex;align-items:center;padding:8px}#addOnPanel #add-on-options .add-on-item>div.addon-pre-view-image{min-width:50px;position:relative}#addOnPanel #add-on-options .add-on-item>div.addon-pre-view-image>img{height:auto;width:auto;max-width:50px;max-height:50px;border-radius:12px}#addOnPanel #add-on-options .add-on-item>div.addon-pre-view-image>i{position:absolute;bottom:6px;right:6px}#addOnPanel #add-on-options .add-on-item>div.addon-full-view-image{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(1,1,1,0.3);z-index:10001;display:flex;align-items:center;justify-content:center}#addOnPanel #add-on-options .add-on-item>div.addon-full-view-image>img{max-width:calc(100vh - 24px);max-height:calc(100vw - 24px)}#addOnPanel #add-on-options .add-on-item>div>img{cursor:pointer}#addOnPanel #add-on-options .add-on-item>p{margin:8px;flex:1 1 auto}#addOnPanel #add-on-options .add-on-item>p span{width:100%;display:block}#addOnPanel #add-on-options .add-on-item>button{width:32px;height:32px;padding:0;margin:4px;flex-shrink:0}#addOnPanel #add-on-options .add-on-item>input{height:40px;width:50px;margin-left:8px;margin-right:8px;background:#171F27;flex-shrink:0}#addOnPanel #add-on-options .add-external-part{padding:16px;text-align:center}#addOnPanel #create-thirdparty-part>*{width:calc(100% - 16px);margin:8px;background:#2a3440}#addOnPanel #create-thirdparty-part>textarea{resize:vertical}#addOnPanel #create-thirdparty-part>div{background:none;text-align:center}#addOnPanel #create-thirdparty-part>div button{margin:12px}#addOnPanel #create-thirdparty-part>div button i{margin-left:4px}#mainZoomDiv{position:absolute;left:80px;bottom:20px;width:325px;display:flex;justify-content:space-around;align-items:center}#mainZoomDiv #zoom-slider{background:#fff;border-radius:18px;box-shadow:0 2px 14px 0 rgba(0,0,0,0.5);width:180px;height:40px;display:flex;justify-content:space-between;align-items:center}#mainZoomDiv #zoom-slider>i{color:#009BD3;width:70px;text-align:center;font-size:30px;position:relative;cursor:pointer}#mainZoomDiv #drag-lock label{text-transform:none;color:#000;font-size:14px;margin:0;display:flex;align-items:center}#mainZoomDiv #drag-lock input{margin:0 6px 0 0}#mainZoomDiv.pro{left:200px;bottom:80px;width:auto;flex-direction:column-reverse;align-items:flex-start}#mainZoomDiv.pro #zoom-slider{margin-left:20px;width:125px;background:transparent;box-shadow:none}#mainZoomDiv.pro #zoom-slider>i{color:#0D6EFD}#mainZoomDiv.pro #drag-lock{margin-left:20px;margin-bottom:10px}#mainZoomDiv.ec,#mainZoomDiv.et,#mainZoomDiv.ecpro,#mainZoomDiv.eg{left:160px;bottom:65px;width:auto}@media screen and (max-height: 867px){#mainZoomDiv.ec,#mainZoomDiv.et,#mainZoomDiv.ecpro,#mainZoomDiv.eg{transform:scale(0.8, 0.8);left:150px;bottom:55px}}@media screen and (max-width: 1024px){#mainZoomDiv.ec,#mainZoomDiv.et,#mainZoomDiv.ecpro,#mainZoomDiv.eg{transform:scale(0.7, 0.7);left:120px;bottom:50px}}#mainZoomDiv.ec #zoom-slider,#mainZoomDiv.et #zoom-slider,#mainZoomDiv.ecpro #zoom-slider,#mainZoomDiv.eg #zoom-slider{box-shadow:none;margin:0 8px 0 0}#mainZoomDiv.ec #zoom-slider>i,#mainZoomDiv.et #zoom-slider>i,#mainZoomDiv.ecpro #zoom-slider>i,#mainZoomDiv.eg #zoom-slider>i{color:#7ca7ad}#mainZoomDiv.ec #drag-lock input,#mainZoomDiv.et #drag-lock input,#mainZoomDiv.ecpro #drag-lock input,#mainZoomDiv.eg #drag-lock input{height:25px;width:25px}#mainZoomDiv.eg #zoom-slider>i{color:#2A68A3}#mainZoomDiv.eg #zoom-slider input[type=range]{-webkit-appearance:none}#mainZoomDiv.eg #zoom-slider input[type=range]::-webkit-slider-runnable-track{width:300px;height:5px;background:#2A68A3;border:none;border-radius:3px}#mainZoomDiv.eg #zoom-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#2A68A3;margin-top:-6px}#mainZoomDiv.eg #zoom-slider input[type=range]:focus{outline:none}#mainZoomDiv.eg #zoom-slider input[type=range]:focus::-webkit-slider-runnable-track{background:#2A68A3}#mainZoomDiv.eg #zoom-slider input[type=range]{border:1px solid white;width:100px}#mainZoomDiv.eg #zoom-slider input[type=range]::-moz-range-track{width:100px;height:5px;background:#2A68A3;border:none;border-radius:3px}#mainZoomDiv.eg #zoom-slider input[type=range]::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#2A68A3}#mainZoomDiv.eg #zoom-slider input[type=range]:-moz-focusring{outline:1px solid white;outline-offset:-1px}#mainZoomDiv.eg #zoom-slider input[type=range]:focus::-moz-range-track{background:#2A68A3}#customize-top-down{width:240px;height:calc(100% + 32px);padding:16px;margin:-16px 0 -16px -16px;overflow-y:scroll;background:#2A3440}#customize-top-down label{width:100%}#customize-top-down #top-down-breadcrumbs{position:absolute;left:250px;width:150px}#customize-top-down #top-down-breadcrumbs>button{margin-bottom:5px;padding:4px 16px;color:#171F27;border-radius:25px;box-shadow:0 2px 11px 0 rgba(0,0,0,0.5);font-size:14px;font-weight:400;width:100%;height:auto}#customize-top-down #top-down-breadcrumbs>button>i{margin-right:5px}#customize-top-down .mpt-dimension-image{max-width:100%;padding-top:20px;cursor:pointer}#customize-top-down .mpt-full-view-image{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(1,1,1,0.3);z-index:10001;display:flex;align-items:center;justify-content:center}#customize-top-down .mpt-full-view-image>img{max-width:calc(100vh - 24px);max-height:calc(100vw - 24px)}#customize-top-down .tile-colors>label{cursor:pointer}#customize-top-down .tile-colors>label span{display:block}#customize-top-down .tile-colors>label span:first-of-type{font-weight:400}#customize-top-down .tile-colors>label span:last-of-type{font-size:18px}#customize-top-down .tile-colors>label i{margin-right:4px;font-size:10px}#customize-top-down .tile-colors>div{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap}#customize-top-down .tile-colors>div>div{position:relative;width:40px;height:40px;margin:2px;padding:2px;cursor:pointer}#customize-top-down .tile-colors>div>div:hover,#customize-top-down .tile-colors>div>div.selected{border:2px solid goldenrod;padding:0}#customize-top-down .tile-colors>div>div>img,#customize-top-down .tile-colors>div>div>div{width:100%;height:100%}#customize-top-down .tile-colors>div>div i{font-size:32px;color:white;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}#customize-top-down input[type=checkbox]{vertical-align:middle;margin-right:8px}#customize-top-down button{font-size:16px;margin:10px 0;padding:4px 11px;width:100%;height:40px;text-transform:inherit}#customize-top-down .set-anchor-manual-option{margin-top:15px}#customize-top-down #overhead-tsh-view{margin-top:8px;border-top:1px solid grey}#customize-top-down #overhead-tsh-view #snap-options label{margin:5px 0}#customize-top-down #overhead-tsh-view #top-options{border:1px solid grey}#customize-top-down #overhead-tsh-view #top-options>div{display:flex;align-items:center;justify-content:center;margin:8px 4px;padding:4px}#customize-top-down #overhead-tsh-view #top-options>div p{height:40px;width:100%;display:flex;align-items:center;justify-content:center;font-size:18px}#customize-top-down #overhead-tsh-view #top-options>div img{max-height:80px;max-width:100%}#customize-top-down #overhead-tsh-view #top-options>div img,#customize-top-down #overhead-tsh-view #top-options>div p{padding:2px;cursor:pointer}#customize-top-down #overhead-tsh-view #top-options>div img:hover,#customize-top-down #overhead-tsh-view #top-options>div p:hover{padding:0;border:2px solid gold}#customize-top-down #overhead-tsh-view #top-options>div.selected img,#customize-top-down #overhead-tsh-view #top-options>div.selected p{padding:0;border:2px solid gold}#customize-top-down #overhead-unit-view{margin-top:8px;border-top:1px solid grey}#customize-top-down #overhead-unit-view #overhead-unit-snap-options label{margin:5px 0}#customize-top-down #overhead-unit-view img{max-width:100%;padding:16px}#pattern-popover{top:34px;left:230px;width:250px}#pattern-popover.open{display:block}#pattern-popover .popover-title{padding:15px}#pattern-popover .popover-title button{position:absolute;top:0;right:10px;width:auto;height:auto}#pattern-popover .popover-content{display:flex;flex-wrap:wrap;justify-content:space-between}#pattern-popover .popover-content .pattern-option{display:flex;justify-content:space-evenly;align-items:center;margin:10px 6px;cursor:pointer;border:2px solid transparent}#pattern-popover .popover-content .pattern-option img{width:50px;height:50px}#pattern-popover .popover-content .pattern-option:hover,#pattern-popover .popover-content .pattern-option.selected{border:2px solid goldenrod;padding:0}#toggleControls{position:fixed;left:170px;bottom:245px;color:white;transform:rotate(270deg)}#toggleControls>button{display:flex;align-items:center;font-size:20px;width:180px}#toggleControls>button i{margin-left:10px}#tileAreaControls{position:fixed;left:280px;bottom:67px;background:#2A3440}#tileAreaControls button{background:#171F27;border-color:#171F27}#tileAreaControls i,#tileAreaControls span{color:#80B74B}#tileAreaControls button.tab{width:45%;margin-left:2.5%;margin-right:2.5%}#tileAreaControls button.active{background:#171F27;border-color:white;border-radius:4px}#tileAreaControls button.active span{color:white}#tileAreaControls button:focus{border-color:white;border-radius:4px}#tileAreaControls #patternControls h3,#tileAreaControls #trimControls h3{text-align:center}#tileAreaControls #patternControls>div>div,#tileAreaControls #trimControls>div>div{display:flex;align-items:center;justify-content:center}#tileAreaControls #patternControls button#invisible,#tileAreaControls #trimControls button#invisible{visibility:hidden}#tileAreaControls #patternControls button.controlButton,#tileAreaControls #trimControls button.controlButton{width:50px;height:50px;margin:7px}#tileAreaControls #patternControls button.controlButton:focus,#tileAreaControls #trimControls button.controlButton:focus{border:none}#styleDisco p,#styleDisco li,#productDisco p,#productDisco li{font-size:20px}