:root{--labelColor:rgb(51, 51, 51);--themeColor:#450101;--calc-font-size:16px;--perspectiveX:50%;--perspectiveY:50%;--roomY:50%;--maxDimensions: 600px;--panelCount:calc(var(--wallWidth) / var(--panelGapValue));--pixelValue:calc(var(--maxDimensions) / calc(var(--wallWidth) + 100));--sceneHeight: var(--maxDimensions);--coverageWidth:calc(var(--wallWidth) * var(--pixelValue));--scenePerspective:600px;--panelWidth:calc(var(--coverageWidth) / calc(var(--panelCount)));--panel-angle:30deg;--roomWidth:var(--maxDimensions);--roomHeight:calc(var(--panelWidth) * var(--heightRatio));--roomDepth:calc(var(--roomWidth) * .8);--panelHeight:calc(var(--roomHeight) - 2px);--roomFloor:url(/cdn/shop/files/roomFloor.avif?v=1690568798);--roomWalls:transparent;--roomBackWall:var(--roomWalls);--panel-background:url(/cdn/shop/files/panelShade.jpg?v=1690568693);--wallTransform:0px;--radioButtonPadding:8px 12px;--radioButtonFontSize:calc(1.1 * var(--calc-font-size));--radioButtonColor:white;--radioButtonBorderColor:rgba(120, 120, 120,.5);--radioButtonFontColor:#787878;--radioButtonBorderColorSelected:transparent;--radioButtonColorSelected:#787878;--radioButtonFontColorSelected:white;--inputPadding:8px 10px;--inputBackground:#fff;--inputBackgroundActive:#fff;--inputFontColor:#989898;--inputFontSize:calc(.9 * var(--calc-font-size));--inputFontColorActive:inherit;--inputBorderColor:#e8e8e1;--buttonPadding:8px 20px;--buttonBackground:var(--themeColor);--buttonBackgroundActive:var(--themeColor);--buttonFontColor:#fff;--buttonFontSize:calc(1 * var(--calc-font-size));--buttonFontColorActive:#fff;--buttonBorderColor:var(--themeColor);--rangeTrackHeight:3px;--rangeTrackColor:#595959;--rangeThumbColor:var(--themeColor);--rangePointsColorBefore:var(--rangeThumbColor);--rangePointsColorAfter:var(--rangeTrackColor)}@font-face{font-family:TenorSans;src:url(/cdn/shop/files/TenorSans-Regular.ttf?v=1690568869)}.hideOverflow{overflow:hidden!important}.hidden{display:none!important}.calc-modalOverlay{z-index:222;overflow:hidden;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}.calc-close{height:30px;width:30px;cursor:pointer;border-radius:50%;background-color:var(--themeColor);font-size:20px;color:#fff;display:flex;border:3px solid transparent;justify-content:center;align-items:center;position:absolute;z-index:99999;top:-5px;right:-5px;transition:.3s all ease}.close:hover{background-color:#fff;border-color:#1c1d1d80}.close:hover svg{fill:#1c1d1d}.calc-modal{color:#2e2e2e;z-index:999;width:95%;padding:20px;font-family:futura;display:flex;position:relative;justify-content:center;align-items:flex-start}.calc-modalContent{padding:20px;width:100%;height:fit-content!important;min-height:100%;position:relative;font-family:futura;display:flex;justify-content:space-evenly;flex-direction:row;background-color:#f5f5f5;height:100%}.calc-modalContent input{line-height:normal!important}.calc-modalContent .row{display:flex;width:100%;height:100%;flex-wrap:wrap}.calc-modalContent .row.nowrap{flex-wrap:nowrap}.calc-modalContent>.row{flex-wrap:wrap-reverse;align-items:start;justify-content:center}#controllers{width:34%;height:inherit;padding-right:5%}#controllers p{font-weight:400}#animation{width:61%;background-color:#fff;display:flex}.stage{display:flex;width:100%;justify-content:center;align-items:center;overflow:hidden;height:var(--sceneHeight)!important}.field{display:flex;flex-direction:column;align-items:start}.field+.field{margin-top:calc(2 * var(--calc-font-size))}label.text{color:var(--labelColor)!important;font-family:futura;margin-bottom:5px!important;font-size:calc(1.1 * var(--calc-font-size))!important;text-transform:capitalize!important;letter-spacing:unset!important}.helperText{margin-top:5px;font-size:calc(.9 * var(--calc-font-size));font-style:italic;color:gray;display:block}.rangeGroup{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:10px 0 0;position:relative}.rangeValue{margin-top:10px;font-size:calc(.95 * var(--calc-font-size));font-weight:700}.rangeLimit{position:absolute;top:50%;font-size:calc(.9 * var(--calc-font-size));font-weight:700}.rangeLimit.maxLimit{left:calc(100% - 10px);color:var(--rangePointsColorAfter)}.rangeLimit.minLimit{left:0;color:var(--rangePointsColorBefore)}input{transition:all .5s ease}.form-input-group{flex:1;display:flex;justify-content:flex-start;align-items:stretch!important}input,.input-unit{line-height:normal!important;background-color:#fff!important;padding:var(--inputPadding)!important;padding:10px;font-size:var(--inputFontSize)!important;font-family:futura;margin:0;border-radius:2px;width:120px;cursor:pointer;color:var(--inputFontColor)!important;background-color:var(--inputBackground)!important;border:2px solid var(--inputBorderColor)!important;outline:none!important;line-height:unset!important}.form-input-group input{flex:1;border-right:none!important}.input-unit{width:auto;border-left:none!important;display:flex;justify-content:center;letter-spacing:normal!important;align-items:center;color:gray!important;margin-bottom:0!important;text-transform:lowercase!important}label.input-label{font-size:calc(.9 * var(--calc-font-size))!important}.customInput:active,.customInput:hover,.customInput:focus{background-color:var(--inputBackgroundActive)!important;color:var(--inputFontColorActive)!important}input[type=range]{-webkit-appearance:none!important;appearance:none!important;padding:unset!important;cursor:pointer!important;background:transparent!important;border:none!important;outline:none!important;position:relative!important;width:100%!important}input[type=range]:before,input[type=range]:after{width:calc(var(--rangeTrackHeight) * 4)!important;height:calc(var(--rangeTrackHeight) * 4)!important;border-radius:50%!important;position:absolute!important;z-index:0!important;content:""!important;margin-top:calc(var(--rangeTrackHeight) * -1.5)!important}input[type=range]:before{background-color:var(--rangePointsColorBefore)!important;left:0!important}input[type=range]:after{background-color:var(--rangePointsColorAfter)!important;right:0!important}input[type=range]::-webkit-slider-runnable-track{height:var(--rangeTrackHeight)!important;background:var(--rangeTrackColor)!important}input[type=range]::-moz-range-track{height:var(--rangeTrackHeight)!important;background:var(--rangeTrackColor)!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;height:calc(var(--rangeTrackHeight) * 8)!important;background-color:var(--rangeThumbColor)!important;width:calc(var(--rangeTrackHeight) * 8)!important;border-radius:50%!important;margin-top:calc(calc(var(--rangeTrackHeight) * -3.5))!important;z-index:99!important}.radioGroup{flex:1;justify-content:center}.radioGroup .radioButton{display:flex!important;justify-content:center;padding:var(--radioButtonPadding)!important;background-color:var(--radioButtonColor)!important;color:var(--radioButtonFontColor)!important;font-size:var(--radioButtonFontSize)!important;border:2px solid var(--radioButtonBorderColor)!important;font-family:futura!important;line-height:normal;width:100%;text-transform:unset!important;letter-spacing:unset!important}.radioGroup input{display:none!important}.radioGroup+.radioGroup{margin-left:10px!important}.radioGroup input:checked+.radioButton{background-color:var(--radioButtonColorSelected)!important;color:var(--radioButtonFontColorSelected)!important}.scene{transform-style:preserve-3d;perspective:var(--scenePerspective);perspective-origin:var(--perspectiveX) var(--perspectiveY);width:100%;height:100%;display:flex;overflow:hidden;align-items:center;justify-content:center}.box{transition:all 1s ease;transform-style:preserve-3d;transform-origin:center center;display:flex;justify-content:center;align-items:center}.face{position:absolute;background:#0003;box-shadow:inset 0 0 10px gray}.panel{height:var(--panelHeight);width:var(--panelWidth);background-size:cover;box-shadow:2px 0 2px #333}.room{transform-style:preserve-3d}.room .face{transition:all .5s ease}.room .bottom-wall{background:var(--roomFloor)}.room .front-wall:not(.panel .front-wall){background-color:transparent;display:none}.room .x-faces,.room .top-wall{background:var(--roomWalls);background-size:25% 25%}.room .back-wall{background:var(--roomBackWall);background-size:25% 25%}#wall{height:var(--roomHeight);width:calc(var(--coverageWidth) + 10px);transform:translateZ(var(--wallTransform));transform-style:preserve-3d;right:0;position:absolute;display:flex;justify-content:space-between}.panel .face{background:var(--panel-background);box-shadow:inset 0 0 2px gray}.panel .x-faces{background:var(--panel-background);box-shadow:inset 1px 1px 2px #000000b3,inset -1px -1px 1px #0003}.back-shadow.bottom{background:linear-gradient(calc(135deg + var(--panel-angle)),transparent 50%,black)}.back-shadow.top{background:linear-gradient(calc(45deg - var(--panel-angle)),transparent 50%,black)}.calc-modalContent p{font-family:futura;font-size:calc(1.1 * var(--calc-font-size));line-height:normal}.rotationOptions{margin-top:5px}.summaryRow{flex-direction:column;margin-top:calc(5 * var(--calc-font-size));font-size:calc(1.1 * var(--calc-font-size))}.submit{margin-top:10px}.customButton{line-height:normal!important;padding:var(--buttonPadding)!important;font-size:var(--buttonFontSize);background-color:var(--buttonBackground);color:var(--buttonFontColor);border:1px solid var(--buttonBorderColor);outline:none!important;font-family:futura;cursor:pointer;transition:all .5s ease;text-transform:capitalize;font-weight:700;width:100%}.customButton:active,.customButton:hover,.customButton:focus{background-color:var(--buttonBackgroundActive)!important;color:var(--buttonFontColorActive)!important}@media screen and (max-width:1200px){:root{--maxDimensions:400px;--scenePerspective:200px;font-size:16px}.calc-modal{padding:20px;height:95vh!important;overflow-y:scroll;padding-bottom:20px!important}.calc-modalContent{height:fit-content!important;padding:20px;position:relative;flex-direction:column;width:90%}.calc-modalContent>.row{align-items:start;justify-content:center}#controllers{width:100%;height:60%;height:unset;max-width:720px;padding-top:calc(.5 * var(--calc-font-size));padding-right:unset}#animation{height:40%;width:100%;height:unset;max-width:720px}.field+.field{margin-top:calc(1.5 * var(--calc-font-size))}.summaryRow{margin-top:1.5 * var(--calc-font-size)}.rotationOptions{margin-top:5px}}@media screen and (max-width:850px){:root{--maxDimensions:300px;--scenePerspective:300px;font-size:14px}.calc-modal{padding:10px 0;overflow-y:scroll;height:95vh!important;padding-bottom:74px!important}.calc-modalContent{width:90%;flex-direction:column!important;align-items:center;border-radius:5px;justify-content:flex-start}}@media screen and (max-width:650px){:root{--maxDimensions:300px;--scenePerspective:300px}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/slatCalculator.css.map */