.solar .module__body{margin:0}.solar .module__selection{background-color:var(--color-lighter);border-radius:var(--radius-md);padding:var(--padding-sm) 0;row-gap:0;& .module__selection-header{display:block;grid-column:2/-2;margin-bottom:var(--space-sm)}& .module-selection-list{display:flex;flex-direction:column;gap:var(--space-sm);grid-column:2/-2;list-style:none;& li{column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(10,1fr)}& .module-selection-list__name{display:block;grid-column:1/span 4}& .module-selection-list__result{grid-column:span 5}& .module-selection-list__value{align-items:center;display:flex;gap:var(--space-sm);& span{align-items:center;display:flex;gap:var(--space-sm)}& span+span:before{content:"|"}}}}.solar h2{margin:0}.solar fieldset{border:none;padding:0}@media (max-width:991px){.solar .module__selection{padding:var(--padding-sm) var(--space-md);& .module__selection-header{grid-column:1/-1}& .module-selection-list{grid-column:1/-1;& li{display:flex;flex-direction:column}& .module-selection-list__result{padding-left:var(--space-md)}}}.solar .richtext{& .richtext-wrapper{grid-column:1/-1}}}.solar .module__body{overflow:hidden;& .module__body-wrapper{display:flex}& .module-content-view{flex:1 0 100%;grid-template-rows:min-content;margin:var(--padding-sm) 0;padding:var(--padding-sm) 0}}.module__content-view--installation{& .target-control{column-gap:var(--gutter-col);display:grid;grid-column:2/-2;grid-template-columns:repeat(10,1fr);row-gap:var(--space-lg);& h2{grid-column:1/-1}& label{grid-column:span 4}}& .target-type{column-gap:var(--gutter-col);display:grid;grid-column:2/-2;grid-template-columns:repeat(10,1fr);row-gap:var(--space-lg);& h2{grid-column:1/-1}& label{grid-column:span 3;& img{aspect-ratio:5/2}}}}@media (max-width:991px){.module__content-view--installation .target-control,.module__content-view--installation .target-type{grid-column:1/-1;row-gap:var(--space-md);& label{grid-column:1/-1}}}.module__content-view--panels{& .panel-control{display:grid;grid-column:2/-2;grid-template-columns:repeat(10,1fr);row-gap:var(--space-lg);& h2{grid-column:1/-1}& label{grid-column:1/-3}& .radio-input-content{column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(8,1fr);& .panel__info{grid-column:span 4}& .panel__image{grid-column:span 4;padding:var(--space-lg);& img{aspect-ratio:3/2}}& .panel__info{padding:var(--space-lg)}& .panel__info span{padding:0}}}}@media (max-width:991px){.module__content-view--panels{& .panel-control{grid-column:1/-1;& label{grid-column:1/-1}& .radio-input-content{& .panel__image{display:none}& .panel__info{grid-column:1/-1}}}}}.module__content-view--positioning{.richtext{background-color:var(--color-light);border-radius:var(--radius-md);overflow:hidden;padding:var(--space-xl) var(--space-lg);& .richtext-wrapper{grid-column:2/-2}& ol{margin:0}}& .position-direction-control{column-gap:var(--gutter-col);display:grid;grid-column:2/-2;grid-template-columns:repeat(10,1fr);row-gap:var(--space-lg);& h2{grid-column:1/-1}& label{grid-column:span 4}& .radio-input-content{align-items:center;display:flex;justify-content:space-between;padding:var(--space-md);& span{padding:0}& svg{aspect-ratio:1/1;height:4rem}}}& .position-view{grid-column:2/-2}& .position-calculator{display:grid;gap:var(--gutter-col);grid-column:2/-2;grid-template-columns:repeat(10,1fr);& .position-calculator__header{grid-column:1/-1}& .panel-recommendation{display:block;grid-column:1/-1;margin-top:var(--space-md)}& label{grid-column:span 3}}& .position-view-header{margin:var(--space-md) 0;p{margin:0}& .error-msg{color:var(--color-error);margin:var(--space-md) 0;scroll-margin:var(--padding-md)}}& .position-view-content{column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(10,1fr);& .controls{flex-direction:column;gap:var(--space-md)}& .controls,& .row-control{display:flex;grid-column:span 3}& .row-control{align-items:center;border:.1rem solid var(--color-light);border-radius:var(--radius-md);justify-content:space-between;padding:var(--space-md)}& .quantity{align-items:center;display:flex;gap:var(--space-sm)}& .quantity__value{-moz-appearance:textfield;border:none;border:.1rem solid var(--color-light);border-radius:var(--radius-md);max-width:4ch;outline:none;padding:var(--space-xs) var(--space-sm);text-align:right;&:focus-within{border-color:var(--color-primary)}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}& .quantity__btn{aspect-ratio:1/1;background:none;border:.1rem;border-color:transparent;border-radius:var(--radius-md);border-style:solid;cursor:pointer;display:grid;padding:var(--space-sm);place-items:center;width:3rem;&:focus,&:hover{border-color:var(--color-light)}}& .icons-wrapper{align-items:flex-start;display:flex;grid-column:span 7}& .icons{align-content:flex-start;display:grid;gap:.4rem}& .icon-row{display:grid;gap:.4rem;& svg{aspect-ratio:1/0;max-height:8rem;width:100%}}}.position-view-footer{column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(10,1fr);margin-top:var(--space-md);& .new-position-row-btn{border:.1rem solid var(--color-light);border-radius:var(--radius-md);cursor:pointer;display:flex;grid-column:span 3;justify-content:space-between;padding:var(--space-md);& svg{aspect-ratio:1/1;padding:var(--space-sm);width:3rem}}}}@media (max-width:991px){.module__content-view--positioning{& .position-direction-control{grid-column:1/-1;& label{grid-column:1/-1}}& .position-view{grid-column:1/-1}& .position-calculator{grid-column:1/-1;& label{grid-column:1/-1}}& .position-view-content{& .controls{grid-column:1/-1}& .icons-wrapper{display:none}}.position-view-footer{& .new-position-row-btn{grid-column:1/-1}}}}.module__content-view--bracket-system{.bracket-make-group{column-gap:var(--gutter-col);display:grid;grid-column:2/-2;grid-template-columns:repeat(10,1fr);row-gap:var(--space-lg);& h2{grid-column:1/-1}& .controls{column-gap:var(--gutter-col);display:grid;grid-column:1/-1;grid-template-columns:repeat(10,1fr);row-gap:var(--space-lg);& label{grid-column:span 3;& img{aspect-ratio:10/5}}}}.bracket-system-options{column-gap:var(--gutter-col);display:grid;grid-column:2/-2;grid-template-columns:repeat(10,1fr);row-gap:var(--gutter-row);& fieldset{column-gap:var(--gutter-col);display:grid;grid-column:span 5;grid-template-columns:repeat(5,1fr);row-gap:var(--space-md);& h2{grid-column:1/-1}& label{grid-column:span 2;& span{background-color:var(--color-white);padding:var(--space-lg) var(--space-md)}& .radio-input-content{display:flex;flex-direction:column;& picture{flex:1;padding:var(--space-md)}& img{aspect-ratio:1/1;margin:0 auto;max-width:20rem}}}}}}@media (max-width:991px){.module__content-view--bracket-system{.bracket-make-group{grid-column:1/-1;& .controls label{grid-column:span 5}}.bracket-system-options{grid-column:1/-1;& fieldset{grid-column:1/-1}}}}@media (max-width:767px){.module__content-view--bracket-system{.bracket-make-group .controls label{grid-column:1/-1}.bracket-system-options fieldset label{grid-column:1/-1;.radio-input-content:before{aspect-ratio:5/1}}}}.module__content-view--inverter{& .inverter-battery,& .inverter-fire-protection,& .inverter-internet,& .inverter-make,& .inverter-model,& .safety-switch-dc{column-gap:var(--gutter-col);display:grid;grid-column:2/-2;grid-template-columns:repeat(10,1fr);row-gap:var(--space-md);& h2{grid-column:1/-1}}& .inverter-make{& label{grid-column:span 3}}& .inverter-model{& .error-msg{color:var(--color-error);display:block;grid-column:span 4;scroll-margin:var(--padding-md)}& .info{grid-column:1/-1}& select{background-color:transparent;border-color:var(--color-light);border-radius:var(--radius-md);border-style:solid;cursor:pointer;grid-column:span 4;padding:var(--space-md)}}& .inverter-battery label{grid-column:span 2}& .inverter-internet{& .controls{column-gap:var(--gutter-col);display:grid;grid-column:1/-1;grid-template-columns:repeat(10,1fr);row-gap:var(--space-lg);& label{grid-column:span 2}}}& .inverter-fire-protection{& label{grid-column:span 3;&:last-child{align-self:flex-start;grid-column:span 2}}}& .safety-switch-dc label{grid-column:span 2}}@media (max-width:991px){.module__content-view--inverter{& .inverter-battery,& .inverter-fire-protection,& .inverter-internet,& .inverter-make,& .inverter-model,& .safety-switch-dc{grid-column:1/-1}& .inverter-make label{grid-column:span 4}& .inverter-model select{grid-column:span 5}}}@media (max-width:767px){.module__content-view--inverter{& .inverter-battery,& .inverter-fire-protection,& .inverter-internet,& .inverter-make,& .inverter-model,& .safety-switch-dc{& label{grid-column:1/-1;&:last-child{grid-column:1/-1}}& select{grid-column:1/-1}}& .inverter-internet{& .controls{& label{grid-column:1/-1}}}& .inverter-make img{aspect-ratio:2/1}& .inverter-fire-protection label img{aspect-ratio:5/2}}}.module__content-view--cables{& .cable-bracket,& .cables{column-gap:var(--gutter-col);display:grid;grid-column:2/-2;grid-template-columns:repeat(10,1fr);row-gap:var(--space-md);& .controls,& h2{grid-column:1/-1}& .controls{column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(10,1fr);row-gap:var(--space-md)}}& .cables .cables-group{display:flex;flex-direction:column;grid-column:span 3;& .cables-card{border-color:var(--color-light);border-radius:var(--radius-md);border-style:solid;display:flex;flex:1;flex-direction:column;& picture{display:flex;img{flex:1;max-height:15rem}}& h3{flex:1;padding:var(--space-md) var(--space-md)}}& label{margin-top:var(--space-md)}}& .cable-bracket .controls label{grid-column:span 3;& picture img{aspect-ratio:1/1;margin:0 auto;max-width:25rem}& span{padding:var(--space-lg) var(--space-md)}&:last-child{align-self:flex-start;grid-column:span 2}}}@media (max-width:991px){.module__content-view--cables{& .cable-bracket,& .cables{grid-column:1/-1}& .cables .cables-group{grid-column:span 4}& .cable-bracket .controls label{grid-column:span 4;&:last-child{grid-column:span 2}}}}@media (max-width:767px){.module__content-view--cables{& .cables .cables-group{grid-column:1/-1;& img{aspect-ratio:2/1}}& .cable-bracket .controls label{grid-column:1/-1;& img{aspect-ratio:2/1}&:last-child{grid-column:1/-1}}}}.module__content-view--results{background-color:var(--color-lighter);border-radius:var(--radius-md);column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(12,1fr);margin-top:var(--space-lg);row-gap:var(--gutter-row);& .module-content-view-body{grid-column:2/-2;overflow:hidden}& .content-heading{margin:var(--padding-md) 0}& .panel-icons-wrapper{align-items:flex-start;display:flex}& .panel-icons{align-content:flex-start;display:grid;gap:.4rem;& .panel-icons__row{display:grid;gap:.4rem;& svg{aspect-ratio:1/0;max-height:8rem;width:100%}}}& .module-selection-list{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:var(--padding-sm) 0;& li{column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(10,1fr)}& .module-selection-list__name{display:block;grid-column:1/span 4}& .module-selection-list__result{grid-column:span 5}& .module-selection-list__value{align-items:center;display:flex;gap:var(--space-sm);& span{align-items:center;display:flex;gap:var(--space-sm)}& span+span:before{content:"|"}}}.inverter-container,.panel-container{margin:var(--padding-md) 0;& h3{border-bottom:.1rem solid var(--color-light);font-weight:500;padding-bottom:var(--space-md)}}& .inverter-info,& .panel-info,& .system-info{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;& li{column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(10,1fr)}& .info__name{display:block;grid-column:1/span 4}& .info__result{grid-column:span 5}}& .clipboard-container{margin-top:var(--padding-md);& ol{list-style:decimal none inside;margin-top:var(--space-lg)}& .button--copy{align-items:center;background-color:transparent;border-color:var(--color-black);display:flex;font-weight:500;gap:var(--space-sm);&:before{aspect-ratio:1/1;background-color:var(--color-black);content:"";mask-position:center;mask-repeat:no-repeat;width:3rem}&:focus,&:hover{background-color:var(--color-black);color:var(--color-white);&:before{background-color:var(--color-white)}}}}& .product-table-track{overflow-x:scroll}.product-table-container{margin:var(--padding-md) 0;& h3{font-weight:500;margin-bottom:var(--space-lg)}}& .product-table{border-collapse:collapse;min-width:100%;overflow:scroll;position:relative;table-layout:fixed;& thead{border-bottom:.1rem solid var(--color-light);border-top:.1rem solid var(--color-light);& td{padding-bottom:var(--space-md)!important;padding-top:var(--space-md)!important}}& tr>td:first-child,& tr>td:last-child{min-width:30ch}& td{border:none}}}@media (max-width:991px){.module__content-view--results{& .module-content-view-body{grid-column:1/-1;padding:var(--space-sm)}& .panel-icons{display:none}& .module-selection-list{& li{display:flex;flex-direction:column;gap:var(--space-xs)}& .module-selection-list__result{padding-left:var(--space-md)}}& .inverter-info{& li{display:flex;flex-direction:column;gap:var(--space-xs)}& .inverter-info__result{padding-left:var(--space-md)}}& .clipboard-container{margin-top:var(--padding-md);& ol{list-style:decimal none inside;margin-top:var(--space-lg)}}}}.radio-input{border-color:var(--color-light);border-radius:var(--radius-md);border-style:solid;border-width:.2rem;cursor:pointer;display:block;overflow:hidden;position:relative;& input{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}& .radio-input-content{background-color:var(--color-white);height:100%;position:relative;z-index:3;& span{display:block;padding:var(--space-sm) var(--space-md)}}}.radio-input:has(input:checked){border-color:var(--color-primary)}.number-input{align-items:center;border-color:var(--color-light);border-radius:var(--radius-md);border-style:solid;cursor:pointer;display:flex;gap:var(--space-sm);overflow:hidden;padding:var(--space-md);& span{display:block}& input{-moz-appearance:textfield;border:none;outline:none;text-align:right;width:100%}& input::-webkit-inner-spin-button,& input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&:focus-within{border-color:var(--color-primary)}}.solar .module__footer{background-color:var(--color-lighter);border-radius:var(--radius-md);overflow:hidden;padding:var(--space-lg) 0}.solar .button-container{grid-column:1/5;justify-content:center;margin:0;& .button{border-radius:2rem}& .button--prev{align-items:center;background-color:transparent;border-color:transparent;display:flex;gap:var(--space-md);&:before{aspect-ratio:1/1;background-color:var(--color-black);content:"";width:var(--space-md)}&:focus,&:hover{background-color:var(--color-black);color:var(--color-white);&:before{background-color:var(--color-white)}}}& .button--next{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white);&:focus,&:hover{background-color:transparent;color:var(--color-black)}}& .button--reset{background-color:transparent;border-color:var(--color-black);color:var(--color-black);&:focus,&:hover{background-color:var(--color-black);color:var(--color-white)}}}.solar .module__pagination{align-items:center;display:flex;gap:var(--space-sm);grid-column:6/8;justify-content:center}.solar .module__footer-final{& .button-container{grid-column:1/-1}}@media (max-width:991px){.solar .module__footer{display:flex;flex-direction:column}}