:root{--main-side-nav-width-collapsed: 80px;--main-side-nav-width-expanded: 210px;--main-header-height: 90px;--gl-navy: #213861;--gl-light-blue: #abc1e3;--gl-light-bright-blue: #d0e2ff;--gl-coral: #ec5554;--gl-dark-coral: #d63f3f;--gl-white: #ffffff;--gl-black: #000000;--gl-dark-gray: #464646;--gl-darker-gray: #2e2e2e;--gl-light-gray: #828282;--gl-light-md-gray: #d2d2d2;--gl-lighter-gray: #ededed;--gl-yellow: #f7b500;--gl-dropshadow-light-8px-centered: 0px 0px 8px 0px rgba(0, 0, 0, .3);--gl-dropshadow-light-4px-centered: 0px 0px 4px 0px rgba(0, 0, 0, .3);--gl-gradient-navy-to-black: linear-gradient( to bottom, var(--gl-navy) 9%, var(--gl-black) 100% );--gl-gradient-darker-gray-to-black: linear-gradient( to bottom, var(--gl-darker-gray) 9%, var(--gl-black) 100% )}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-size:16px}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0;-webkit-touch-callout:none}main{padding-left:var(--main-side-nav-width-collapsed);width:100%;height:100%;.primary-content-container{height:100%;>header{height:var(--main-header-height);flex-shrink:0;padding:var(--space-md);font-size:1.25rem;line-height:1.25rem;background-color:var(--gl-lighter-gray);box-shadow:var(--gl-dropshadow-light-8px-centered);z-index:2}}}.icon{width:1.5rem;height:1.5rem;flex-shrink:0;&.icon-small{width:1rem}svg{width:100%;height:100%}&.icon-light-gray svg{fill:var(--gl-light-gray)}&.icon-black svg{fill:var(--gl-black)}}button{cursor:pointer;background-color:inherit;user-select:none;label{cursor:inherit}&.underline{font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-bottom:1px solid var(--gl-black);color:var(--gl-black);transition:border-bottom,color .15s linear;&.underline-bold{font-weight:700}&.underline-font-12{font-size:12px}&.frg-white{border-bottom:1px solid var(--gl-white);color:var(--gl-white)}&.frg-coral{border-bottom:1px solid var(--gl-coral);color:var(--gl-coral)}&:hover{border-bottom:1px solid var(--gl-coral);color:var(--gl-coral)}}&.priority{font-size:14px;background-color:var(--gl-coral);color:var(--gl-white);padding:var(--space-xs) var(--space-md);border-radius:8px;transition:background-color .15s linear;&:hover{background-color:var(--gl-dark-coral)}}&.negative{background-color:var(--gl-lighter-gray);color:var(--gl-black);padding:var(--space-xs) var(--space-md);border-radius:8px;transition:background-color .15s linear;&:hover{background-color:var(--gl-light-gray)}}&.icon-only{padding:var(--space-xs)}&[disabled]{opacity:.3;pointer-events:none}}a.link{color:var(--gl-coral);text-decoration:underline;&:hover{color:var(--gl-dark-coral)}}.pipe-right:after{content:"|";padding-left:var(--space-sm)}.no-content-warning{font-style:italic;opacity:.4}.file-input{font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-bottom:1px solid var(--gl-white);color:var(--gl-white);fill:var(--gl-white);cursor:pointer}dialog::backdrop{background-color:#00000080}thead th{text-transform:uppercase}.bkg-navy{background-color:var(--gl-navy)}.bkg-coral{background-color:var(--gl-coral)}.bkg-white{background-color:var(--gl-white)}.bkg-light-gray{background-color:var(--gl-light-gray)}.bkg-lighter-gray{background-color:var(--gl-lighter-gray)}.bkg-black{background-color:var(--gl-black)}.frg-black{color:var(--gl-black);fill:var(--gl-black)}.frg-dark-gray{color:var(--gl-dark-gray);fill:var(--gl-dark-gray)}.frg-light-gray{color:var(--gl-light-gray);fill:var(--gl-light-gray)}.frg-white{color:var(--gl-white);fill:var(--gl-white)}.frg-navy{color:var(--gl-navy);fill:var(--gl-navy)}.frg-coral{color:var(--gl-coral);fill:var(--gl-coral)}:root{--space-unit: 1.25rem;--space-xxxs: calc(.2 * var(--space-unit));--space-xxs: calc(.35 * var(--space-unit));--space-xs: calc(.5 * var(--space-unit));--space-sm: calc(.75 * var(--space-unit));--space-md: calc(1.25 * var(--space-unit));--space-lg: calc(2 * var(--space-unit));--space-xl: calc(3.25 * var(--space-unit))}.margin-xs{margin:var(--space-xs)}.margin-sm{margin:var(--space-sm)}.margin-md{margin:var(--space-md)}.margin-lg{margin:var(--space-lg)}.margin-xl{margin:var(--space-xl)}.margin-xs-left{margin-left:var(--space-xs)}.margin-sm-left{margin-left:var(--space-sm)}.margin-md-left{margin-left:var(--space-md)}.margin-lg-left{margin-left:var(--space-lg)}.margin-xs-right{margin-right:var(--space-xs)}.margin-xxs-right{margin-right:var(--space-xxs)}.margin-xxxs-right{margin-right:var(--space-xxxs)}.margin-sm-right{margin-right:var(--space-sm)}.margin-xs-top{margin-top:var(--space-xs)}.margin-sm-top{margin-top:var(--space-sm)}.margin-md-top{margin-top:var(--space-md)}.margin-xs-bottom{margin-bottom:var(--space-xs)}.margin-sm-bottom{margin-bottom:var(--space-sm)}.margin-md-bottom{margin-bottom:var(--space-md)}.margin-lg-bottom{margin-bottom:var(--space-lg)}.margin-side-auto{margin-left:auto;margin-right:auto}.margin-left-auto{margin-left:auto}.margin-right-auto{margin-right:auto}.children-spaced-y-xs>*+*{margin-top:var(--space-xs)}.padding-2{padding:2px}.padding-xs{padding:var(--space-xs)}.padding-sm{padding:var(--space-sm)}.padding-sm-lg{padding:var(--space-sm) var(--space-lg)}.padding-md{padding:var(--space-md)}.padding-md-lg{padding:var(--space-md) var(--space-lg)}.padding-lg{padding:var(--space-lg)}.padding-xl{padding:var(--space-xl)}.padding-xs-left{padding-left:var(--space-xs)}.padding-sm-left{padding-left:var(--space-sm)}.padding-xxs-bottom{padding-bottom:var(--space-xxs)}.padding-sm-bottom{padding-bottom:var(--space-sm)}.padding-md-bottom{padding-bottom:var(--space-md)}.padding-lg-bottom{padding-bottom:var(--space-lg)}.padding-sm-top{padding-top:var(--space-sm)}.padding-md-top{padding-top:var(--space-md)}.padding-lg-top{padding-top:var(--space-lg)}.padding-md-top-bottom{padding:var(--space-md) 0}.border-radius-sm{border-radius:4px}.border-radius-md{border-radius:8px}.border-radius-lg{border-radius:16px}.text-underline{text-decoration:underline}.text-center{text-align:center}.text-left{text-align:left}.flex{display:flex;&.column{flex-direction:column}&.row{flex-direction:row}&.wrap{flex-wrap:wrap}&.center-center{justify-content:center;align-items:center}&.align-center{align-items:center}&.align-start{align-items:flex-start}&.align-end{align-items:flex-end}&.justify-start{justify-content:flex-start}&.justify-center{justify-content:center}&.justify-between{justify-content:space-between}&.justify-around{justify-content:space-around}&.justify-end{justify-content:flex-end}&.children-50>*{width:50%}&.gap-xs{gap:var(--space-xs)}}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.display-block{display:block}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto;overflow-x:hidden}.user-select-none{user-select:none}.width-auto{width:auto}.width-100{width:100%}.max-width-33{max-width:33%}.icon-width-16{width:16px}.icon-width-20{width:20px}.icon-height-16{height:16px}.icon-height-20{height:20px}h1,h2,h3,h4,h5,h6,p{font-size:inherit}.font-size-12{font-size:12px}.font-size-14{font-size:14px}.font-size-16{font-size:16px}.font-size-18{font-size:18px}.font-size-20{font-size:20px}.font-weight-normal{font-weight:400}.font-weight-bold{font-weight:700}.white-space-nowrap{white-space:nowrap}.rotate-180{transform:rotate(180deg)}.height-100{height:100%}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;border:none;padding:var(--space-sm);color:inherit}textarea{resize:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}button{border:none;padding:0;margin:0}a{text-decoration:none;color:inherit}dialog.gl-standard{display:flex;flex-direction:column;margin:auto;padding:0;width:clamp(300px,75vw,900px);max-height:90vh;overflow:hidden;border:none;border-radius:16px;>header{background-color:var(--gl-lighter-gray);color:var(--gl-black);padding:var(--space-md);display:flex;align-items:center;width:100%;font-size:20px;h1{font-weight:700;white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden;&.full-visible{overflow:visible}}h2{font-weight:400;white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden;&:before{content:"|";margin:0 var(--space-xs)}}}>section{background-color:var(--gl-black);color:var(--gl-white);padding:var(--space-lg);width:100%;font-size:14px;font-style:normal;font-weight:500;line-height:normal;overflow:auto;&.light{background-color:var(--gl-light-white);color:var(--gl-black);border-top:1px solid var(--gl-light-md-gray);form label input{background-color:var(--gl-lighter-gray)}p.dialog-highlight-tag{display:inline-block;color:var(--gl-white);background-color:var(--gl-navy);padding:var(--space-xs) var(--space-sm);border-radius:8px}}form{width:100%;display:flex;flex-direction:column;>*+*{margin-top:var(--space-md)}label{display:flex;flex-direction:column;input,textarea,select{width:100%;border-radius:4px;background:#3f4044;margin-top:var(--space-xs)}}}}}dialog.create-edit-project-dialog{width:clamp(300px,75vw,600px)}dialog.create-edit-project-area-dialog{.image-upload-container{width:100%;height:200px;background-color:var(--gl-light-gray);color:var(--gl-white);border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;img{width:100%;height:100%;object-fit:contain}}p.error{color:red;font-weight:700;font-size:14px}}.loader{width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite;margin:var(--space-sm) auto}.loader:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid var(--gl-coral);animation:prixClipFix 1s linear infinite}.loader.white:before{border-color:var(--gl-white)}.loader.em-size{width:1em;height:1em;&:before{border-width:2px}}.loader.no-margin{margin:0 auto}.loader.xl-margin{margin:var(--space-xl) auto}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}#estimator-pdf-template{font-size:12px;margin:0;width:7.5in;opacity:0;&.show{opacity:1}.pdf-page{width:7.5in;height:11in;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;header{width:100%;flex:0 0 auto;white-space:nowrap;padding:1.5rem;font-size:22px;border-bottom:solid 15px var(--gl-navy)}.image-canvas-single-render{width:100%;height:50%;>img{width:100%;height:100%;object-fit:contain}}.image-canvas{width:100%;height:auto;flex-grow:1;.image-container{width:100%;height:100%;overflow:hidden;position:relative;--imageCanvasScale: 1;.transform-receptor{transform-origin:0 0;>img{max-width:unset;position:absolute;border-radius:10px}}.placed-product{width:45px;height:45px;.resize-handle{display:none}img{width:100%;height:100%;object-fit:cover}}}}}img.logo{width:150px;height:auto;object-fit:contain;object-position:center}.highlighted-header{padding:var(--space-xs);line-height:5px;background-color:var(--gl-light-blue);vertical-align:text-top;border-bottom:solid 15px var(--gl-light-blue)}table{width:100%;thead tr{background-color:var(--gl-light-blue);border-bottom:solid 10px var(--gl-light-blue)}tr{width:100%}th,td{text-align:center;padding:4px 0;vertical-align:text-top;&:first-child{text-align:left;padding-left:var(--space-xs)}&:last-child{text-align:right;padding-right:var(--space-xs)}}td{font-weight:400}.left-align{text-align:left}}}.placed-product .light-beam{--beamRotation: 0;position:absolute;bottom:45%;left:50%;transform:translate(-50%) rotate(var(--beamRotation)) scale(calc(1 / var(--totalScaleApplied)));transform-origin:center bottom;z-index:-1;width:100%;height:100%;opacity:1;pointer-events:none;color:#f9fadb;&.colortemp-red,&.colortemp-redred{color:#ec2627}&.colortemp-blue{color:#21ace3}&.colortemp-green{color:#33b452}&.colortemp-royalblue{color:#0d72b8}&.colortemp-amber,&.colortemp-amberamb{color:#fbc21d}&.colortemp-fuchsia{color:#a84599}&.colortemp-lavender{color:#a271b0}&.colortemp-extremereder{color:#ee1b24}&.colortemp-redorangero{color:#f04e23}&.colortemp-3000k,.colortemp-rgbw3000k{color:#faf7ba}&.colortemp-2700k{color:#f5f070}&.colortemp-5000k{color:#f9fadb}&.wattage-202w,&.wattage-203w{opacity:.5}&.wattage-354w{opacity:.65}&.wattage-506w{opacity:.8}&.wattage-759w{opacity:1}&.transform-mode{pointer-events:all;z-index:2;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--gl-coral)}.resizer{border-radius:5px;background-color:var(--gl-coral);position:absolute;z-index:2;cursor:grab;&.right,&.left{width:10px;height:20px}&.top{width:20px;height:10px;top:-5px;left:50%;transform:translate(-50%)}&.right{right:-5px;top:50%;transform:translateY(-50%)}&.left{left:-5px;top:50%;transform:translateY(-50%)}&.bottom{width:15px;height:15px;border-radius:50%;bottom:-20px;left:50%;transform:translate(-50%);&:after{content:"";width:1px;height:11px;background-color:var(--gl-coral);position:absolute;top:-10px}}&:active{cursor:grabbing}}}svg{width:100%;height:100%}}.range-container{input{width:250px;appearance:none;background-color:var(--gl-light-md-gray);height:16px;border-radius:3px;outline:none;padding:0}input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background-color:var(--gl-coral);cursor:pointer;border:none}input::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:none}.range-labels{display:flex;justify-content:space-between;color:var(--gl-black);margin-top:var(--space-xxs);font-size:12px}}@media (max-width: 1024px){.range-container input{width:200px}}.area-products-accordion+.area-products-accordion{margin-top:var(--space-md)}details.area-products-accordion{width:100%;border:1px solid var(--gl-light-md-gray);border-radius:var(--space-xs);&[open]{summary{border-bottom:1px solid var(--gl-lighter-gray);.icon{transform:rotate(180deg)}}}summary{list-style:none;padding:var(--space-sm);display:flex;align-items:center;cursor:pointer;img{width:60px;height:60px;object-fit:contain;margin-right:var(--space-xs);background-color:var(--gl-lighter-gray)}.quantity-price{display:flex;align-items:center;margin-left:auto;margin-right:var(--space-xs);p+p{margin-left:var(--space-xs)}.number-highlight{padding:var(--space-xs);background-color:var(--gl-lighter-gray)}}}section{h3,p{text-transform:capitalize}}}nav{position:fixed;display:flex;flex-direction:column;top:0;left:0;z-index:3;width:var(--main-side-nav-width-collapsed);height:100%;background:var(--gl-lighter-gray);color:var(--gl-black);box-shadow:2px 0 8px #00000040;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;&.expanded{width:var(--main-side-nav-width-expanded);box-shadow:2px 0 8px 3px #00000080;button{label{display:block}}.toggle-btn .icon{transform:rotate(180deg)}ul li{justify-content:flex-start}}button{display:flex;align-items:center;justify-content:center;font-size:1rem;white-space:nowrap;text-overflow:ellipsis;position:relative;label{display:none;margin-left:var(--space-sm)}}.toggle-btn{background-color:var(--gl-coral);color:var(--gl-white);fill:var(--gl-white);border-bottom:4px solid var(--gl-dark-coral);width:100%;height:var(--main-header-height);text-align:center;font-size:1.25rem;line-height:1.25rem;font-style:normal;font-weight:700;transition:background-color .2s cubic-bezier(.4,0,.2,1);&:hover{background-color:var(--gl-dark-coral)}}ul{list-style:none;width:100%;li+li{margin-top:var(--space-md)}li{width:100%;display:flex;align-items:center;justify-content:center}button{&:after{display:block;content:"";border-bottom:solid 3px #000;transform:scaleX(0);transition:transform .25s ease-in-out;width:100%;position:absolute;bottom:-5px}&:hover:after{transform:scaleX(1)}}.active button{font-weight:700}}.nav-branding{background-color:var(--gl-black);background:var(--gl-gradient-navy-to-black);border-top:4px solid var(--gl-dark-coral);img{width:80px}}}#project-list-page{display:grid;grid-template-columns:280px 1fr;grid-template-rows:100%;height:100%;.area-cards-container{width:100%;overflow:auto}.area-card{margin:var(--space-md);width:325px;display:inline-flex;flex-direction:column;vertical-align:top;overflow:auto;border-radius:var(--space-xs);box-shadow:0 0 8px #0000004d;.image-container{width:100%;height:200px;background-color:var(--gl-light-gray);img{width:100%;height:100%;object-fit:cover}}.info{padding:var(--space-md);background-color:var(--gl-lighter-gray);h4{font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;color:var(--gl-light-gray);margin:0 0 0 var(--space-xxs)}h2{font-size:16px;font-style:normal;font-weight:600;line-height:normal;color:var(--gl-black);margin-top:var(--space-xxs)}}}}#project-list-menu{width:280px;display:flex;flex-direction:column;background-color:var(--gl-white);box-shadow:var(--gl-dropshadow-light-8px-centered);z-index:2;>header{font-size:1.25rem;line-height:1.25rem;height:var(--main-header-height);background-image:url(/lda/GL-character_white-12opacity.png);background-size:contain;background-position:right;background-repeat:no-repeat;box-shadow:var(--gl-dropshadow-light-8px-centered)}ul{width:100%;border-top:solid 1px var(--gl-light-gray);overflow:auto;li{width:100%;button{width:100%;padding:var(--space-md);display:flex;align-items:center;border-bottom:solid 1px var(--gl-light-md-gray);transition:background-color .15s linear;&:hover{background-color:var(--gl-light-bright-blue)}&.selected{background-color:var(--gl-navy);.icon{fill:var(--gl-white)}p,label{color:var(--gl-white)}label{opacity:70%}}}.icon{fill:var(--gl-navy);margin-right:var(--space-sm)}p{font-size:18px;color:var(--gl-black);font-weight:700;white-space:nowrap;overflow:hidden;max-width:200px;text-overflow:ellipsis}label{font-size:14px;color:var(--gl-dark-gray);font-weight:400;opacity:70%}}}}.project-estimator{form{>*+*{margin-top:var(--space-lg)}h1+button,h1+input{margin-top:var(--space-xs)}input{padding:var(--space-xs) var(--space-sm);background-color:var(--gl-lighter-gray);width:100%;&[type=number]{text-align:center}&[type=checkbox]{width:20px;height:20px}}select{padding:var(--space-xs) var(--space-sm);background-color:var(--gl-lighter-gray)}button.icon-only{.loader{margin:0;width:24px;height:24px}}}table{width:100%;td,th{padding:var(--space-xs) var(--space-md);text-align:center;&:first-child{text-align:left;padding-left:0}&:last-child{padding-right:0}}td{font-weight:400;.icon svg path{stroke:var(--gl-black)}button:hover svg path{stroke:var(--gl-coral)}}.left-align{text-align:left}.underlined{border-bottom:1px solid var(--gl-light-gray)}&.custom-line-items{th{text-align:left}}}.contact-info-fields{>*+*{margin-top:var(--space-xs)}}}