:root{--areaHeight:200px;--areaWidth:200px;--maxDimensions:600;--sceneHeight:600px;--panelColor:brown;--thickness:10px;--panelHeight:20px;--panelWidth:10px;--panelPlacement:center;--calcFont: 18px}.hidden{display:none!important}#calculator *{line-height:normal}.disabled{opacity:.5!important;cursor:default!important;color:inherit!important;border:inherit;background-color:inherit}.box{transition:all 1s ease;transform-style:preserve-3d;transform-origin:center center;display:flex;justify-content:center;align-items:center}.face{position:absolute;transform-style:preserve-3d;background:#fff;box-shadow:inset 0 0 5px gray}#room .back-wall{display:flex;align-items:var(--panelPlacement);justify-content:space-between;background-color:#fff}#room .x-faces{box-shadow:inset 0 0 gray}#room .bottom-wall,#room .x-faces{background-color:#fff}#room .front-wall{background-color:transparent}.panel{height:var(--panelHeight);width:var(--panelWidth);background-size:cover;box-shadow:2px 0 2px #333}#calculator label{display:block;text-transform:unset;letter-spacing:normal}.input-label{font-size:calc(.9*var(--calcFont))}input,.input-unit,.input-style{background-color:#fff!important;padding:10px;font-size:calc(.9*var(--calcFont));font-family:futura;margin:0;border:2px solid #e8e8e1;border-radius:2px;width:120px;cursor:pointer}#calculator input{padding:5px 10px;border-right:none}input:focus{outline:none}.input-unit{width:auto;border-left:none;display:flex;justify-content:center;align-items:center;color:gray;margin-bottom:0!important}.form-group+.form-group{margin-top:5px}.calc-modal-backdrop{z-index:222;overflow-y:auto;background-color:#000000b3;height:100vh;width:100%;display:flex;flex-direction:column;position:fixed;justify-content:center;top:0;left:0;right:0;align-items:center}#calculator .calc-modal{min-height:90%;height:auto;color:#2e2e2e;z-index:9999;width:95%;padding:20px;font-family:futura;display:flex;justify-content:center;align-items:flex-start}.scene{transform-style:preserve-3d;perspective:1200px;overflow:hidden}#calculator .calc-modal-content{padding:20px;width:100%;height:fit-content!important;min-height:100%;position:relative;display:flex;justify-content:space-evenly;flex-direction:row;background-color:#f5f5f5;height:100%}.controllers{width:40%;padding:20px 0;display:flex;position:relative;flex-direction:column;align-items:stretch}.stage{display:flex;justify-content:center;align-items:center;height:var(--sceneHeight)!important}.visual{width:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#fff;border:5px solid #c3cfd9}.form-section{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-direction:row}.form-section+.form-section{margin-top:30px}.form-group{display:flex;flex-direction:column}form{display:block;width:100%}input[type=radio]:checked+label.label-btn,.label-btn:hover{background-color:#787878;border-color:transparent;color:#fff}.radio-group{display:flex;flex-grow:1}label.label-btn,button.label-btn{padding:8px 12px;border-radius:0;width:100%;font-weight:200!important;font-family:inherit!important;background-color:#fff;white-space:nowrap;text-align:center;cursor:pointer;color:#787878;border:2px solid rgba(120,120,120,.5);transition:all .3s ease;font-size:calc(1*var(--calcFont))}label.label-btn-sm,button.label-btn-sm{padding:8px 12px;font-size:calc(.8*var(--calcFont))}.radio-group+.radio-group,button.label-btn+button.label-btn{margin-left:calc(1*var(--calcFont))}#placementControls{display:flex;width:100%}.hidden{display:none}.calc-close{height:30px;width:30px;cursor:pointer;border-radius:50%;background-color:#1c1d1d;font-size:20px;color:#fff;display:flex;border:3px solid transparent;justify-content:center;align-items:center;position:absolute;top:-10px;right:-10px;transition:.3s all ease}.dimensions{flex-grow:1}.dimensions-calc{flex-grow:2}.close:hover{background-color:#fff;border-color:#1c1d1d80}.close:hover svg{fill:#1c1d1d}.form-input-group{display:flex;justify-content:flex-start;align-items:stretch!important}.form-input-group+.form-input-group{margin-top:20px}.form-section:nth-child(1){align-items:flex-start}.function-button{padding:8px 12px;border:2px solid transparent;font-size:1em;font-weight:700;width:100%;cursor:pointer;transition:all .3s ease}.function-button,.disabled:hover{background-color:#06103f;border-color:transparent;color:#fff!important}.function-button:hover:not(.function-button.disabled:hover){border-color:#06103f80;background-color:#fff;color:#06103f!important}#cartDiv{position:relative;bottom:10px;width:100%}@media screen and (max-width:1200px){:root{--maxDimensions:250;--sceneHeight:250px;--calcFont:16px}.form-group+.form-group{margin-top:unset}.form-section.roomDimensions{align-items:flex-end}#cartDiv{position:relative;margin-top:20px}.close{height:25px;width:25px}.scene{perspective:500px}.dimensions{display:flex;flex-direction:row}.calc-modal-content{width:90%;flex-direction:column!important;align-items:center;border-radius:5px;justify-content:flex-start}.form-section{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.form-section+.form-section{margin-top:20px}.visual{border:none;height:40%;width:80%;margin-top:10px}.form-section.roomDimensions div{flex-grow:1}.form-input-group{align-items:center;flex-grow:1!important}.form-input-group input{flex-grow:1;margin-left:0!important;width:100%}.form-input-group+.form-input-group{margin:unset;margin-left:2px}.controllers{width:80%;height:60%;padding:unset}.radio-group{flex-grow:1;margin-left:0}.radio-group+.radio-group{margin-left:10px}.form-section h2{margin:10px 0!important;font-size:20px}#placementControls{flex-direction:column}}@media screen and (max-width:750px){:root{--calcFont:16px}.calc-modal{overflow-y:scroll;height:95vh!important;padding-bottom:50px!important}.calc-modal-content,.visual,.controllers{width:90%}.form-section h2{margin:10px 0!important;font-size:20px}label.label-btn,button.label-btn{flex-grow:1;padding:5px 8px}.form-section.roomDimensions{flex-direction:column;width:100%}.dimensions,.dimensions-calc{width:100%}.dimensions-calc{margin-top:10px}.form-section:nth-child(1) p{margin:0}}@media screen and (max-width:520px){:root{--calcFont: 16px}.form-section.roomDimensions{flex-direction:column;width:100%}.form-section+.form-section{margin-top:10px}.dimensions,.dimensions-calc{width:100%}.dimensions-calc{margin-top:10px}.form-section:nth-child(1){margin-top:10px}.form-section:nth-child(1) p{margin:0}.form-section h2{margin:10px 0!important}.visual,.controllers{width:100%}label.label-btn,button.label-btn{padding:8px}}@media screen and (max-width:450px){:root{--calcFont: 12px}.form-section h2{margin:10px 0!important}.visual,.controllers{width:100%}.form-section:nth-child(1) p{font-size:calc(1.2*var(--calcFont))}.form-input-group input,.input-unit,.input-label{font-size:calc(1.2*var(--calcFont))}label.label-btn,button.label-btn{padding:8px 5px}.function-button,.function-button-alt{font-size:calc(1.2*var(--calcFont))}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/calculator.css.map */