.substructure-roof{border-radius:.76rem;margin-bottom:1rem;position:relative;--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/1));background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));padding:1rem}.substructure-roof header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem;grid-gap:1rem;gap:1rem}@media (min-width:640px){.substructure-roof header{align-items:center;display:flex}}.substructure-roof header h4{flex-grow:1;font-size:.875rem;font-weight:600;margin-top:1rem}@media (min-width:640px){.substructure-roof header h4{margin-top:0}}.substructure-roof header div{align-items:flex-end;display:flex;flex-direction:column;font-size:.875rem;gap:.25rem;margin-top:1rem;text-align:right}@media (min-width:640px){.substructure-roof header div{align-items:center;flex-direction:row;gap:1rem;margin-top:0}}.substructure-roof header .yield{font-size:.875rem;font-weight:600;text-align:right}.substructure-roof header button{background-color:rgba(var(--text-dark-color-rgb),.05);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));border-radius:22.8px;position:absolute;right:.5rem;top:.5rem;--tw-bg-opacity:0.05;padding:.125rem;--tw-text-opacity:1;color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}@media (min-width:640px){.substructure-roof header button{position:relative;right:0;top:0}}.substructure-roof .options{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;max-width:100%}.substructure-roof .options select{border-radius:.38rem;flex-grow:1;height:2.5rem;width:-moz-max-content;width:max-content}.substructure-roof .options select.roof-type.field,.substructure-roof .options select.wind.field{display:none}.substructure-roof .options .panel-configuration{border-color:rgba(var(--text-dark-color-rgb),var(--tw-border-opacity));border-radius:.38rem;border-width:1px;display:flex;flex-grow:1;--tw-border-opacity:0.1}.substructure-roof .options .panel-configuration label{align-items:center;display:flex;flex-grow:1;gap:.5rem;height:2.5rem;position:relative}.substructure-roof .options .panel-configuration label input[value=portrait]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='27' fill='none'%3E%3Crect width='17.861' height='25.336' x='.756' y='.547' stroke='%23181760' rx='2.5'/%3E%3Cpath fill='%23181760' d='M10.04 4.01a.5.5 0 0 0-.707 0L6.151 7.192a.5.5 0 0 0 .707.707L9.687 5.07l2.828 2.83a.5.5 0 1 0 .707-.707zm-.707 18.412a.5.5 0 0 0 .707 0l3.182-3.182a.5.5 0 0 0-.707-.707L9.687 21.36l-2.829-2.828a.5.5 0 0 0-.707.707l3.182 3.182ZM9.187 4.363v17.705h1V4.363z'/%3E%3Cpath stroke='%23181760' stroke-width='.5' d='M.782 6.52H18.59M.782 19.91H18.59' opacity='.25'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;border-radius:8px 0 0 8px;bottom:0;height:40px;left:0;opacity:.2;position:absolute;right:0;top:0;width:100%}.substructure-roof .options .panel-configuration label input[value=portrait]:checked{border-color:rgba(var(--text-dark-color-rgb),var(--tw-border-opacity));border-right-width:1px;--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));opacity:1}.substructure-roof .options .panel-configuration label input[value=portrait]:checked+span{font-size:14px;margin-left:40px;margin-right:8px;opacity:1;position:relative;width:auto}.substructure-roof .options .panel-configuration label input[value=portrait]+span{font-size:14px;margin-left:40px;margin-right:8px;opacity:.2;width:auto}@media (min-width:1536px){.substructure-roof .options .panel-configuration label input[value=portrait]+span{font-size:0;margin-left:0;margin-right:0;width:40px}}.substructure-roof .options .panel-configuration label input[value=landscape]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='20' fill='none'%3E%3Crect width='17.861' height='25.336' x='26.781' y='1.348' stroke='%23181760' rx='2.5' transform='rotate(90 26.78 1.348)'/%3E%3Cpath fill='%23181760' d='M23.319 10.63a.5.5 0 0 0 0-.706l-3.182-3.182a.5.5 0 1 0-.707.707l2.828 2.828-2.828 2.829a.5.5 0 1 0 .707.707l3.182-3.182ZM4.907 9.925a.5.5 0 0 0 0 .707l3.182 3.182a.5.5 0 0 0 .707-.707l-2.829-2.829L8.796 7.45a.5.5 0 0 0-.707-.707L4.907 9.924Zm18.058-.147H5.26v1h17.705z'/%3E%3Cpath stroke='%23181760' stroke-width='.5' d='M20.807 1.375v17.81M8 1v17.81' opacity='.25'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;border-radius:0 8px 8px 0;bottom:0;height:40px;left:0;opacity:.2;position:absolute;right:0;top:0;width:100%}.substructure-roof .options .panel-configuration label input[value=landscape]:checked{border-color:rgba(var(--text-dark-color-rgb),var(--tw-border-opacity));border-left-width:1px;--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));opacity:1}.substructure-roof .options .panel-configuration label input[value=landscape]:checked+span{font-size:14px;margin-left:48px;margin-right:12px;opacity:1;position:relative;width:auto}.substructure-roof .options .panel-configuration label input[value=landscape]+span{font-size:14px;margin-left:48px;margin-right:12px;opacity:.2;width:auto}@media (min-width:1536px){.substructure-roof .options .panel-configuration label input[value=landscape]+span{font-size:0;margin-left:0;margin-right:0;width:40px}}.substructure-roof .options .substructure-color{border-color:rgba(var(--text-dark-color-rgb),var(--tw-border-opacity));border-radius:.38rem;border-width:1px;display:none;flex-grow:1;--tw-border-opacity:0.1}.substructure-roof .options .substructure-color.field,.substructure-roof .options .substructure-color.flat{display:flex}@media (min-width:1536px){.substructure-roof .options .substructure-color.field,.substructure-roof .options .substructure-color.flat{max-width:-moz-fit-content;max-width:fit-content}}.substructure-roof .options .substructure-color label{align-items:center;display:flex;flex-grow:1;gap:.5rem;height:2.5rem;position:relative}.substructure-roof .options .substructure-color label input[value=gray]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='rgba(125, 125, 125, 1)' d='M18.6-22.1c5.2 4.4 9 10.5 10.1 17a32 32 0 0 1-4 19.6 33 33 0 0 1-14.6 14.7A38.8 38.8 0 0 1-12.6 31c-8.5-1.5-17.6-4.9-22.3-11.6-4.8-6.7-5.2-16.6-3.7-26.3 1.6-9.7 5.2-19.2 12-23.3 6.7-4 16.7-2.7 25-.8 8.3 2 14.9 4.6 20.2 8.9' style='transition:all .3s ease 0s' transform='translate(50 50)'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:32px;border-radius:8px 0 0 8px;bottom:0;height:40px;left:0;opacity:.2;position:absolute;right:0;top:0;width:100%}.substructure-roof .options .substructure-color label input[value=gray]:checked{border-color:rgba(var(--text-dark-color-rgb),var(--tw-border-opacity));border-right-width:1px;--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));opacity:1}.substructure-roof .options .substructure-color label input[value=gray]:checked+span{font-size:14px;margin-left:48px;margin-right:16px;opacity:1;position:relative;width:auto}.substructure-roof .options .substructure-color label input[value=gray]+span{font-size:14px;margin-left:48px;margin-right:8px;opacity:.2;width:auto}@media (min-width:1536px){.substructure-roof .options .substructure-color label input[value=gray]+span{font-size:0;margin-left:0;margin-right:0;width:48px}}.substructure-roof .options .substructure-color label input[value=black]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='rgba(0, 0, 0, 1)' d='M18.6-22.1c5.2 4.4 9 10.5 10.1 17a32 32 0 0 1-4 19.6 33 33 0 0 1-14.6 14.7A38.8 38.8 0 0 1-12.6 31c-8.5-1.5-17.6-4.9-22.3-11.6-4.8-6.7-5.2-16.6-3.7-26.3 1.6-9.7 5.2-19.2 12-23.3 6.7-4 16.7-2.7 25-.8 8.3 2 14.9 4.6 20.2 8.9' style='transition:all .3s ease 0s' transform='translate(50 50)'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:32px;border-radius:0 8px 8px 0;bottom:0;height:40px;left:0;opacity:.2;position:absolute;right:0;top:0;width:100%}.substructure-roof .options .substructure-color label input[value=black]:checked{border-color:rgba(var(--text-dark-color-rgb),var(--tw-border-opacity));border-left-width:1px;--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));opacity:1}.substructure-roof .options .substructure-color label input[value=black]:checked+span{font-size:14px;margin-left:52px;margin-right:16px;opacity:1;position:relative;width:auto}.substructure-roof .options .substructure-color label input[value=black]+span{font-size:14px;margin-left:52px;margin-right:8px;opacity:.2;width:auto}@media (min-width:1536px){.substructure-roof .options .substructure-color label input[value=black]+span{font-size:0;margin-left:0;margin-right:0;width:48px}}.substructure-roof .panel-rows{border-radius:.5700000000000001rem;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:.75rem}.substructure-roof .panel-rows .panel-row{align-items:center;display:grid;margin-bottom:1rem;grid-gap:1rem;gap:1rem}@media (min-width:768px){.substructure-roof .panel-rows .panel-row{display:flex}}.substructure-roof .panel-rows .panel-row .panels{display:flex;flex-grow:1;gap:.125rem;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden}.substructure-roof .panel-rows .panel-row .panels button.panel{background-image:url(/build/app/e9035365a3d8e208ca42.jpg);background-size:contain;border-radius:.19rem;font-size:0;height:55px;min-width:35px;opacity:.3;position:relative;width:35px;z-index:10}.substructure-roof .panel-rows .panel-row .panels button.panel.active{opacity:1}.substructure-roof .panel-rows .panel-row .panels button.panel:before{top:.5rem}.substructure-roof .panel-rows .panel-row .panels button.panel:after,.substructure-roof .panel-rows .panel-row .panels button.panel:before{display:block;left:-.125rem;position:absolute;width:.125rem;z-index:-10;--tw-bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity));content:"";height:4px}.substructure-roof .panel-rows .panel-row .panels button.panel:after{bottom:.5rem}.substructure-roof .panel-rows.landscape .panels button.panel{background-image:url(/build/app/164c00c68776378cb56d.jpg);height:35px;min-width:55px;width:55px}.substructure-roof .panel-rows.landscape.sloped{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (min-width:640px){.substructure-roof .panel-rows.landscape.sloped{gap:.825rem;justify-content:flex-start}}@media (min-width:768px){.substructure-roof .panel-rows.landscape.sloped{gap:1.1376rem}}@media (min-width:1024px){.substructure-roof .panel-rows.landscape.sloped{gap:.63rem}}@media (min-width:1280px){.substructure-roof .panel-rows.landscape.sloped{gap:1.329rem}}@media (min-width:1536px){.substructure-roof .panel-rows.landscape.sloped{gap:1rem}}.substructure-roof .panel-rows.landscape.sloped .panel-row{display:grid;height:-moz-fit-content;height:fit-content;justify-content:center}.substructure-roof .panel-rows.landscape.sloped .panel-row .options{display:grid;order:1;grid-gap:.5rem;gap:.5rem}.substructure-roof .panel-rows.landscape.sloped .panel-row .options .btn{width:100%}.substructure-roof .panel-rows.landscape.sloped .panel-row .panels{flex-direction:column;margin-left:auto;margin-right:auto;min-width:55px;order:2}.substructure-roof .panel-rows.landscape.sloped .panel-row .panels button.panel:before{left:.5rem;top:-.125rem}.substructure-roof .panel-rows.landscape.sloped .panel-row .panels button.panel:after{left:2.75rem;top:-.125rem}.substructure-roof .panel-rows.landscape.sloped .panel-row .panels button.panel+button.panel:not(.active){opacity:.2}.substructure-roof .panel-rows.landscape.sloped .panel-row .panels button.panel+button.panel+button.panel:not(.active){opacity:.1}.substructure-roof .panel-rows.landscape.sloped .panel-row .panels button.panel+button.panel+button.panel+button.panel:not(.active){display:none}.substructure-roof .panel-rows.landscape.sloped .panel-row .panels button.panel.active{animation:none;display:block;min-height:35px}.substructure-roof .panel-rows .options{flex-wrap:nowrap;height:100%;justify-content:center;margin-bottom:0}.substructure-roof .panel-rows .options button.btn{padding:0}.substructure-roof .panel-rows .options .quantity-control-container,.substructure-roof .panel-rows .options .quantity-control-container .quantity-control{height:2.5rem}.substructure-roof .panel-rows .options .quantity-control-container .quantity-control>div{border-radius:.38rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(var(--bg-tertiary-color-rgb),var(--tw-border-opacity));box-shadow:none}.substructure-roof .panel-rows .options .quantity-control-container .quantity-control>div a{opacity:1;padding:.25rem .75rem}.substructure-roof .panel-rows .options .quantity-control-container .quantity-control>div a:first-child{padding-right:0}.substructure-roof .panel-rows .options .quantity-control-container .quantity-control>div a:last-child{padding-left:0}.substructure-roof .panel-rows .options .quantity-control-container .quantity-control>div a svg{height:1rem;width:1rem}.substructure-roof .panel-rows .options .btn{--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/1));background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1}.substructure-roof .panel-rows .options .btn,.substructure-roof button.add-row{color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}.substructure-roof button.add-row{align-items:center;border-color:rgba(var(--text-dark-color-rgb),var(--tw-border-opacity));border-radius:.5700000000000001rem;border-style:dashed;border-width:2px;display:flex;height:5rem;justify-content:center;margin-top:1rem;width:100%;--tw-border-opacity:0.1;font-size:1.125rem;font-weight:600;--tw-text-opacity:1}.substructure-roof button.add-row:before{align-items:center;background-color:rgba(var(--text-dark-color-rgb),.05);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));border-radius:22.8px;display:flex;justify-content:center;margin-right:1rem;--tw-bg-opacity:0.05;content:"+";font-size:1.5rem;height:40px;width:40px}button.add-roof{border-color:rgba(var(--text-dark-color-rgb),var(--tw-border-opacity));border-radius:.5700000000000001rem;border-style:dashed;border-width:2px;height:7rem;width:100%;--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/1));background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));font-size:1.125rem;font-weight:600;--tw-text-opacity:1;color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}button.add-roof,button.add-roof:before{align-items:center;display:flex;justify-content:center}button.add-roof:before{background-color:rgba(var(--text-dark-color-rgb),.05);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));border-radius:22.8px;margin-right:1rem;--tw-bg-opacity:0.05;content:"+";font-size:1.5rem;height:40px;width:40px}.package-configurator{width:100%}@media (min-width:640px){.package-configurator{max-width:640px}}@media (min-width:768px){.package-configurator{max-width:768px}}@media (min-width:1024px){.package-configurator{max-width:1024px}}@media (min-width:1280px){.package-configurator{max-width:1280px}}@media (min-width:1536px){.package-configurator{max-width:1536px}}.package-configurator{margin-left:auto;margin-right:auto;overflow:hidden;padding-bottom:4rem;padding-left:1.5rem;padding-right:1.5rem;--tw-text-opacity:1;color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}.package-configurator header{padding-bottom:3.5rem;padding-top:2rem}.package-configurator header h1{font-size:1.875rem;font-weight:700}.package-configurator header h1+.formatted-text{font-size:.875rem;margin-top:1rem;opacity:.75}.package-configurator .configurator-grid{display:grid;grid-gap:1rem;gap:1rem}@media (min-width:1280px){.package-configurator .configurator-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.package-configurator .configurator-container{border-radius:.95rem;max-width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}@media (min-width:1024px){.package-configurator .configurator-container{display:flex}}@media (min-width:1280px){.package-configurator .configurator-container{grid-column:span 3/span 3}.package-configurator .configurator-container.configurator-full-width{grid-column:span 4/span 4}}.package-configurator .configurator-container .steps{max-width:100%;overflow-x:auto;--tw-border-opacity:1;border-color:rgba(var(--bg-tertiary-color-rgb),var(--tw-border-opacity));padding:1.25rem}@media (min-width:1024px){.package-configurator .configurator-container .steps{border-right-width:1px;display:block;min-width:15rem;overflow-x:hidden}}.package-configurator .configurator-container .steps{flex-shrink:10}.package-configurator .configurator-container .steps ul{display:flex;gap:.5rem;justify-content:space-evenly;width:100%}@media (min-width:1024px){.package-configurator .configurator-container .steps ul{flex-direction:column;justify-content:flex-start}}.package-configurator .configurator-container .steps ul li>a,.package-configurator .configurator-container .steps ul li>span{align-items:center;border-radius:.76rem;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;--tw-text-opacity:1;color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}@media (min-width:1024px){.package-configurator .configurator-container .steps ul li>a,.package-configurator .configurator-container .steps ul li>span{padding-left:1rem;padding-right:1rem}}.package-configurator .configurator-container .steps ul li>a:after,.package-configurator .configurator-container .steps ul li>span:after{background-color:rgba(var(--text-dark-color-rgb),.03);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));border-radius:22.8px;display:none;height:1.25rem;width:1.25rem;--tw-bg-opacity:0.03;background-repeat:no-repeat;opacity:0}@media (min-width:1024px){.package-configurator .configurator-container .steps ul li>a:after,.package-configurator .configurator-container .steps ul li>span:after{display:block}}.package-configurator .configurator-container .steps ul li>a:after,.package-configurator .configurator-container .steps ul li>span:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' fill='none'%3E%3Cpath stroke='%23181760' stroke-linecap='round' d='m1 8.5 4-4-4-4' opacity='.5'/%3E%3C/svg%3E");background-position:8px 6px;background-size:6px 8px;content:""}.package-configurator .configurator-container .steps ul li>a .text,.package-configurator .configurator-container .steps ul li>span .text{color:rgba(var(--text-dark-color-rgb),.5);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity));display:none;flex-grow:1;font-size:.75rem;font-weight:600;--tw-text-opacity:0.5}@media (min-width:1024px){.package-configurator .configurator-container .steps ul li>a .text,.package-configurator .configurator-container .steps ul li>span .text{display:inline}}.package-configurator .configurator-container .steps ul li>a .number,.package-configurator .configurator-container .steps ul li>span .number{align-items:center;background-color:rgba(var(--text-dark-color-rgb),.05);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));border-radius:.38rem;display:flex;height:1.25rem;justify-content:center;width:1.25rem;--tw-bg-opacity:0.05;color:rgba(var(--text-dark-color-rgb),.5);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity));font-size:.75rem;font-weight:600;--tw-text-opacity:0.5;min-width:20px}.package-configurator .configurator-container .steps ul li.active>a,.package-configurator .configurator-container .steps ul li.active>span{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}.package-configurator .configurator-container .steps ul li.active>a:after,.package-configurator .configurator-container .steps ul li.active>span:after{opacity:1}.package-configurator .configurator-container .steps ul li.active>a .number,.package-configurator .configurator-container .steps ul li.active>span .number{background-color:var(--fallback-p,oklch(var(--p)/1));background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-bg-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity));--tw-text-opacity:1}.package-configurator .configurator-container .steps ul li.active>a .text,.package-configurator .configurator-container .steps ul li.active>span .text{display:inline;--tw-text-opacity:1}.package-configurator .configurator-container .steps ul li.previous>a,.package-configurator .configurator-container .steps ul li.previous>span{background-color:var(--fallback-p,oklch(var(--p)/.1));background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-bg-opacity:0.1}.package-configurator .configurator-container .steps ul li.previous>a .number,.package-configurator .configurator-container .steps ul li.previous>span .number{background-color:var(--fallback-p,oklch(var(--p)/.1));background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));position:relative;--tw-bg-opacity:0.1;--tw-text-opacity:0}.package-configurator .configurator-container .steps ul li.previous>a .number:after,.package-configurator .configurator-container .steps ul li.previous>span .number:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%23f96536' stroke-width='1.5' d='M7.38 3.148 2.813 7.713a4.7 4.7 0 0 0-1.349 2.825.587.587 0 0 0 .676.641l.102-.016a5.33 5.33 0 0 0 2.93-1.494l4.364-4.364M7.379 3.148l1.079-1.08a1.525 1.525 0 1 1 2.157 2.157l-1.078 1.08M7.379 3.148l2.158 2.157'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:.75rem;position:absolute;width:.75rem}.package-configurator .configurator-container .steps ul li.previous>a .text,.package-configurator .configurator-container .steps ul li.previous>span .text{color:var(--bg-primary-badge-color)}.package-configurator .configurator-container .steps ul li.step-loading{align-items:center;display:flex;gap:.75rem;padding:.75rem 1rem}.package-configurator .configurator-container .steps ul li.step-loading+.step-loading{opacity:.75}.package-configurator .configurator-container .steps ul li.step-loading+.step-loading+.step-loading{opacity:.5}.package-configurator .configurator-container .steps ul li.step-loading+.step-loading+.step-loading+.step-loading{opacity:.25}.package-configurator .configurator-container .steps ul li.step-loading+.step-loading+.step-loading+.step-loading+.step-loading{opacity:0}.package-configurator .configurator-container .steps ul li.step-loading:nth-child(odd)>span.text:after{width:3rem}.package-configurator .configurator-container .steps ul li.step-loading>span.number{align-items:center;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:rgba(var(--text-dark-color-rgb),.05);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));border-radius:.38rem;display:flex;height:1.25rem;justify-content:center;width:1.25rem;--tw-bg-opacity:0.05;padding:0}.package-configurator .configurator-container .steps ul li.step-loading>span.number:after{background-color:rgba(var(--text-dark-color-rgb),.25);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));display:block;height:.25rem;width:.5rem;--tw-bg-opacity:0.25;background-image:none;content:"";opacity:1}.package-configurator .configurator-container .steps ul li.step-loading>span.text{display:none}@keyframes pulse{50%{opacity:.5}}.package-configurator .configurator-container .steps ul li.step-loading>span.text{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;padding:0}@media (min-width:1024px){.package-configurator .configurator-container .steps ul li.step-loading>span.text{display:inline}}.package-configurator .configurator-container .steps ul li.step-loading>span.text:after{background-color:rgba(var(--text-dark-color-rgb),.25);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));display:block;height:.25rem;width:5rem;--tw-bg-opacity:0.25;background-image:none;content:"";opacity:1}.package-configurator .configurator-container .content{flex-grow:1;max-width:100%;width:100%}@media (min-width:1024px){.package-configurator .configurator-container .content{max-width:calc(100% - 15rem)}}.package-configurator .configurator-container .content>header{align-items:center;background-position:bottom;background-repeat:repeat-x;display:none;padding:1.25rem 1.5rem}@media (min-width:1024px){.package-configurator .configurator-container .content>header{display:flex}}.package-configurator .configurator-container .content>header{background-image:url(/build/app/compiled/fonts/e7a37e56503d0cd309ed.svg)}.package-configurator .configurator-container .content>header .actions{align-items:center;display:flex;gap:.75rem}.package-configurator .configurator-container .content>header h2{font-size:1.125rem;font-weight:700}.package-configurator .configurator-container .content>footer{display:block}@media (min-width:1024px){.package-configurator .configurator-container .content>footer{display:none}}.package-configurator .configurator-container .content>footer .actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;margin-bottom:1rem;margin-left:1rem;margin-right:1rem}.package-configurator .configurator-container .content>main{padding:1rem}@media (min-width:1024px){.package-configurator .configurator-container .content>main{padding-left:2.75rem;padding-right:2.75rem}}.package-configurator .configurator-container .content>main .step-component{max-width:100%;padding-bottom:1rem;padding-left:1px;padding-top:1rem}.package-configurator .configurator-container .content>main .step-component h3{font-weight:600;margin-bottom:1.25rem}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes{display:flex;gap:.75rem;max-width:100%;overflow-x:auto;padding-top:1px}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes.products input[type=radio]:checked+label{background-color:transparent}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes.products label{padding-bottom:0}@media (min-width:1280px){.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes input[type=radio]{right:1.25rem;top:1.25rem}}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product{border-radius:.8739999999999999rem;cursor:default;display:flex;flex-direction:column;overflow:visible;position:relative}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product.active{--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));box-shadow:0 0 0 1px #15cc6b}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product.hide-footer{overflow:hidden}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product.hide-footer footer.actions{display:none}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product .attributes span,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product .footer,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product .title{padding:1rem}@media (min-width:1280px){.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product .attributes span,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product .footer,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product .title{padding:1.25rem}}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.title{padding-right:3rem!important}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product .footer{flex-grow:1;padding-bottom:0}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product .pricing{height:100%;justify-content:flex-end;padding-bottom:1rem}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product input.dummy-checkbox{pointer-events:none;position:absolute;right:1.25rem;top:1.25rem}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product footer.actions{background-color:var(--fallback-p,oklch(var(--p)/.1));background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));border-bottom-left-radius:.8739999999999999rem;border-bottom-right-radius:.8739999999999999rem;overflow:hidden;position:relative;--tw-bg-opacity:0.1;padding:.75rem}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product footer.actions .quantity-control>div{border-radius:.5700000000000001rem;border-width:0;box-shadow:none;width:100%}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product footer.actions .quantity-control>div a{opacity:1;padding:1rem}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product footer.actions .quantity-control>div a svg{height:1.25rem;width:1.25rem}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product footer.actions .quantity-control>div>div{flex-grow:1}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product footer.actions .quantity-control>div>div input{font-size:1.25rem;opacity:1;width:100%}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label{border-width:1px;display:flex;flex-direction:column;min-width:13rem;--tw-border-opacity:1;border-color:rgba(var(--bg-tertiary-color-rgb),var(--tw-border-opacity))}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.title,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.title{display:flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-bottom:.25rem;padding-right:2rem}@media (min-width:1024px){.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.title,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.title{font-size:.875rem}}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.attributes,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.attributes{flex-grow:1}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.attributes span,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.attributes span{background-position:bottom;background-repeat:repeat-x;color:rgba(var(--text-dark-color-rgb),.6);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity));display:block;font-size:.75rem;padding-bottom:.5rem;padding-top:.5rem;--tw-text-opacity:0.6;background-image:url(/build/app/compiled/fonts/e7a37e56503d0cd309ed.svg)}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.attributes span:last-child,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.attributes span:last-child{background-image:none;padding-bottom:0}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.footer,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.footer{align-items:flex-end;display:flex;margin-top:1rem;position:relative}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.footer img,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.footer img{margin:0;max-width:6rem;position:relative}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.footer .pricing,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.footer .pricing{align-items:flex-end;display:flex;flex-direction:column;flex-grow:1;gap:0;margin-bottom:1rem;white-space:nowrap}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.footer .pricing .original-price,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.footer .pricing .original-price{color:rgba(var(--text-dark-color-rgb),.6);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity));font-size:.75rem;--tw-text-opacity:0.6;text-decoration-line:line-through}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.footer .pricing .price,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.footer .pricing .price{font-size:.875rem;font-weight:600;--tw-text-opacity:1;color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.description,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.description{display:block;font-size:.625rem}@media (min-width:1024px){.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product span.description,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label span.description{font-size:.75rem}}.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes .regular-product img,.package-configurator .configurator-container .content>main .step-component .advanced-radio-boxes label img{margin-left:auto;margin-right:auto;margin-top:2rem}.package-configurator .summary{border-radius:.95rem;height:-moz-fit-content;height:fit-content;overflow:hidden;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.package-configurator .summary header{padding:1.5rem}.package-configurator .summary header .top-row{display:flex;margin-bottom:1rem}@media (min-width:1280px){.package-configurator .summary header .top-row{flex-direction:column}}@media (min-width:1536px){.package-configurator .summary header .top-row{flex-direction:row}}.package-configurator .summary header .top-row h3{flex-grow:1;font-weight:700}@media (min-width:640px){.package-configurator .summary header .top-row h3{font-size:1.25rem}}.package-configurator .summary header .top-row .output{color:rgba(var(--text-dark-color-rgb),.6);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity));font-size:.75rem;--tw-text-opacity:0.6}.package-configurator .summary header .top-row .output strong{font-size:.875rem;--tw-text-opacity:1;color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}.package-configurator .summary header .inverter-system{color:rgba(var(--text-dark-color-rgb),.3);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity));font-size:.875rem;--tw-text-opacity:0.3}.package-configurator .summary main{padding:0 1.5rem 1.5rem}.package-configurator .summary main ul.products{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1.5rem}.package-configurator .summary main ul.products li{align-items:center;background-color:rgba(var(--text-dark-color-rgb),.05);background-color:rgba(var(--text-dark-color-rgb),var(--tw-bg-opacity));border-radius:.5700000000000001rem;display:flex;gap:1rem;--tw-bg-opacity:0.05;padding-left:.5rem;padding-right:.5rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.package-configurator .summary main ul.products li:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1280px){.package-configurator .summary main ul.products li{gap:.5rem}}@media (min-width:1536px){.package-configurator .summary main ul.products li{gap:.75rem}}.package-configurator .summary main ul.products li img{margin-bottom:.75rem;margin-top:.75rem;max-width:3.25rem}.package-configurator .summary main ul.products li .step{color:rgba(var(--text-dark-color-rgb),.5);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity));font-size:.625rem;--tw-text-opacity:0.5}.package-configurator .summary main ul.products li .title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:.75rem;font-weight:600;--tw-text-opacity:1;color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}.package-configurator .summary main ul.products li .original-price{color:rgba(var(--text-dark-color-rgb),.5);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity));font-size:.625rem;text-align:right;--tw-text-opacity:0.5;text-decoration-line:line-through}.package-configurator .summary main ul.products li .price{font-size:.75rem;font-weight:700;text-align:right}.package-configurator .summary main ul.products li .price,.package-configurator .summary main>.price{--tw-text-opacity:1;color:rgba(var(--text-dark-color-rgb),1);color:rgba(var(--text-dark-color-rgb),var(--tw-text-opacity))}.package-configurator .summary main>.price{align-items:center;display:flex;margin-bottom:.5rem}.package-configurator .summary main>.price.total{font-size:.938rem;font-weight:700}.package-configurator .summary main>.price div:first-child{flex-grow:1;font-size:.875rem}.package-configurator .summary footer{align-items:center;background-color:var(--fallback-p,oklch(var(--p)/.1));background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));display:flex;justify-content:space-between;--tw-bg-opacity:0.1;padding:1.25rem}.package-configurator .btn.add-to-cart{border-radius:.76rem;flex-wrap:nowrap;height:3.75rem;justify-content:flex-start;width:100%;--tw-border-opacity:1;border:1px solid #fff;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/1));background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));line-height:1.25rem;padding-right:1rem}@media (min-width:640px){.package-configurator .btn.add-to-cart{padding-left:1.5rem}}@media (min-width:1024px){.package-configurator .btn.add-to-cart{padding-left:1rem}}@media (min-width:1536px){.package-configurator .btn.add-to-cart{padding-left:1.5rem}}.package-configurator .btn.add-to-cart{box-shadow:0 2px 3px 0 rgba(0,0,0,.4);color:var(--text-primary-color)}.package-configurator .btn.add-to-cart>span{font-size:.875rem;text-align:left}@media (min-width:640px){.package-configurator .btn.add-to-cart>span{font-size:1rem}}@media (min-width:1024px){.package-configurator .btn.add-to-cart>span{font-size:.875rem;text-align:center}}@media (min-width:1280px){.package-configurator .btn.add-to-cart>span{text-align:left}}@media (min-width:1536px){.package-configurator .btn.add-to-cart>span{font-size:1rem}}.package-configurator .btn.add-to-cart:after{border-color:hsla(0,0%,100%,.3);border-color:rgba(255,255,255,var(--tw-border-opacity));border-radius:22.8px;border-width:2px;height:1.75rem;margin-left:auto;width:1.75rem;--tw-border-opacity:0.3;background-repeat:no-repeat}@media (min-width:1024px){.package-configurator .btn.add-to-cart:after{display:none}}@media (min-width:1280px){.package-configurator .btn.add-to-cart:after{display:block}}.package-configurator .btn.add-to-cart:after{background-image:url(/build/app/compiled/fonts/c21cc3668067b73dbfd6.svg);background-position:6px 6px;content:"";filter:brightness(var(--primary-image-brightness))}