body,html{height:100%;margin:0!important}body{display:flex}*{flex-shrink:0;min-height:0;min-width:0}#asc-configurator{display:flex;flex:1;flex-direction:column}#asc-configurator *{box-sizing:border-box}#asc-configurator .asc-frame{flex:1}#asc-configurator .asc-input{display:flex;flex-direction:column;gap:8px}#asc-configurator .asc-input>label{align-items:center;color:var(--asc-text-900);display:flex;font-size:15px;gap:4px}#asc-configurator .asc-input>div{align-items:center;display:flex;gap:10px}#asc-configurator .asc-input>div .input,#asc-configurator .asc-input>div select{border:1px solid var(--asc-neutral-200);border-radius:10px;color:var(--asc-text-900);font-size:14px;height:42px;min-width:0;padding:0 14px}#asc-configurator .asc-input>div .input:hover,#asc-configurator .asc-input>div select:hover{border-color:#d1d1dd}#asc-configurator .asc-input>div .input:focus-within,#asc-configurator .asc-input>div select:focus-within{border-color:#506fa2}#asc-configurator .asc-input>div select{padding-right:28px}#asc-configurator .asc-input>div>span{color:var(--asc-text-500);font-size:14px}#asc-configurator .asc-arrow-input{border:1px solid var(--asc-neutral-200);border-radius:10px;display:flex;height:42px;overflow:hidden}#asc-configurator .asc-arrow-input:hover{border-color:#d1d1dd}#asc-configurator .asc-arrow-input:focus-within{border-color:#506fa2}#asc-configurator .asc-arrow-input>input{background:none;border:none;color:var(--asc-text-900);font-size:14px;padding:0 14px}#asc-configurator .asc-arrow-input>div{background:var(--asc-bg-200);border-left:1px solid var(--asc-neutral-200);display:flex;flex-direction:column;width:40px}#asc-configurator .asc-arrow-input>div svg{width:10px;fill:var(--neutral-500);display:block}#asc-configurator .asc-arrow-input>div button{align-items:center;background:none;border:none;border-radius:0;cursor:pointer;display:flex;flex:1;justify-content:center;padding:0}#asc-configurator .asc-arrow-input>div button:first-child{border-bottom:1px solid var(--asc-neutral-200)}#asc-configurator .asc-arrow-input>div button:hover{background:#f7f7f7}#asc-configurator .legend-wrap{display:flex}#asc-configurator .legend-wrap>div{display:flex;flex-direction:column;gap:12px}#asc-configurator .legend-wrap>span{color:var(--asc-text-300);flex:1;font-size:12px}#asc-configurator .legend-wrap.mobile{flex-direction:column}#asc-configurator .legend-wrap:not(.mobile)>*{flex:1}#asc-configurator .legend{align-items:center;display:flex;gap:10px}#asc-configurator .legend span{color:var(--asc-text-500);font-size:14px}#asc-configurator .tooltip{position:relative}#asc-configurator .tooltip svg{display:block;width:16px;fill:var(--asc-neutral-500)}#asc-configurator .tooltip>div{background:#414143;border-radius:6px;bottom:calc(100% + 6px);color:#fff;display:none;font-size:13px;left:50%;padding:0 10px;position:absolute;transform:translateX(-50%)}#asc-configurator .tooltip>div:after{border:4px solid transparent;border-top-color:#414143;content:" ";left:50%;position:absolute;top:100%;transform:translateX(-50%)}#asc-configurator .tooltip:hover>div{display:block}#asc-configurator .checkout-button{align-items:center;background:var(--asc-primary-500);border-radius:27px;display:flex;gap:6px;height:42px;justify-content:center;padding:0 16px}#asc-configurator .checkout-button:hover{background:#183361}#asc-configurator .checkout-button span{color:#fff;font-size:14px;font-weight:500;text-transform:uppercase}#asc-configurator .checkout-button svg{height:18px;fill:#fff}#asc-configurator .asc-sidebar{background:var(--asc-bg-100);border-right:1px solid var(--asc-neutral-100);display:flex;flex-direction:column;overflow-y:auto}#asc-configurator .asc-sidebar .module-strength-widget{align-items:flex-start;display:flex;gap:16px}#asc-configurator .asc-sidebar .module-strength-widget>svg{rotate:-90deg;width:50px}#asc-configurator .asc-sidebar .module-strength-widget>div{display:flex;flex:1;flex-direction:column;gap:8px}#asc-configurator .asc-sidebar .module-strength-widget>div>div{align-items:center;display:flex;gap:12px}#asc-configurator .asc-sidebar .module-strength-widget>div .title{color:var(--asc-text-700);font-size:13px}#asc-configurator .asc-sidebar .module-strength-widget>div .strength{color:var(--asc-text-900);font-size:13px;font-weight:500}#asc-configurator .asc-sidebar .module-strength-widget>div .subtitle{color:var(--asc-text-300);font-size:12px}#asc-configurator .asc-sidebar .notice-box{background:var(--asc-neutral-100);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}#asc-configurator .asc-sidebar .notice-box>span{color:var(--asc-text-700);font-size:14px;font-weight:500}#asc-configurator .asc-sidebar .notice-box>p{color:var(--asc-text-500);font-size:13px;line-height:1.2;margin:0;padding:0}#asc-configurator .asc-sidebar .sidebar-section{display:flex;flex-direction:column;gap:20px}#asc-configurator .asc-sidebar .sidebar-section>.head{display:flex;flex-direction:column;gap:12px}#asc-configurator .asc-sidebar .sidebar-section>.head .title{align-items:center;color:var(--asc-text-900);display:flex;font-size:16px;font-weight:500;gap:3px}#asc-configurator .asc-sidebar .sidebar-section>.head .subtitle{color:var(--asc-text-500);font-size:14px}#asc-configurator .asc-sidebar.mobile .upper{padding:20px 16px 17px}#asc-configurator .asc-sidebar.mobile .lower{padding:24px 16px}#asc-configurator .asc-sidebar.mobile .config-grid{gap:8px 30px!important}#asc-configurator .asc-sidebar .upper{display:flex;flex-direction:column;flex-grow:1;gap:35px;padding:30px 40px 17px}#asc-configurator .asc-sidebar .lower{box-shadow:0 -1px 6px -1px hsla(229,9%,45%,.15);display:flex;flex-direction:column;gap:24px;gap:25px;padding:24px 40px}#asc-configurator .asc-sidebar .lower .config-title{color:var(--asc-text-700);font-size:18px}#asc-configurator .asc-sidebar .lower .total-title{color:var(--asc-text-700);font-size:16px;font-weight:500}#asc-configurator .asc-sidebar .lower .total{color:var(--asc-text-900);font-size:20px;font-weight:600}#asc-configurator .asc-sidebar .lower .total-subtitle{color:var(--asc-text-300);font-size:13px}#asc-configurator .asc-sidebar .lower .total-subtitle a{color:#315eac;font-size:inherit;font-weight:500;text-decoration:underline}#asc-configurator .asc-sidebar .lower .config-grid{display:grid;gap:8px 48px;grid-template-columns:repeat(4,max-content)}#asc-configurator .asc-sidebar .lower .config-grid>span:nth-child(odd){color:var(--asc-text-800);font-size:14px}#asc-configurator .asc-sidebar .lower .config-grid>span:nth-child(2n){color:var(--asc-text-900);font-size:14px;font-weight:500}#asc-configurator form{display:flex;flex:1;overflow-y:auto}
.connector{align-items:center;background:#ffcd47;border:1px solid #ff9230;border-radius:2px;display:flex;height:30px;justify-content:center;width:23px}.connector.transparent{opacity:.5}.connector svg{width:15px;fill:var(--asc-neutral-700)}
.asc-frame{background:var(--asc-bg-200);display:flex;flex-direction:column}.asc-frame .asc-menu{background:var(--asc-bg-100);box-shadow:0 1px 6px -1px hsla(229,9%,45%,.15);display:flex;height:60px;justify-content:space-between;padding:0 30px;z-index:1}.asc-frame .asc-menu h1{color:var(--asc-text-700);font-size:18px;font-weight:500;margin:0}.asc-frame .asc-menu .asc-close{align-items:center;background:none;border:none;color:var(--asc-text-300);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:0}.asc-frame .asc-menu .asc-close.mobile span{display:none}.asc-frame .asc-menu .asc-close svg{width:12px;fill:var(--asc-neutral-300)}.asc-frame .asc-menu .logo{height:44px}
.solar-cell{background:var(--asc-dark-blue);border-radius:2px}
.solar-panel{background:#cdcdcd;display:flex;position:relative}.solar-panel>.inner{background:var(--asc-neutral-200);flex:1}.solar-panel .connector{position:absolute}.solar-panel .strings{border:2px solid transparent;cursor:grab;display:flex;position:absolute;touch-action:none}.solar-panel .strings.dragging{cursor:grabbing}.solar-panel .strings>div{display:flex;flex-direction:column}.solar-panel .strings.can-drag:hover{border-color:var(--asc-highlight)}.solar-panel .strings.can-drag:hover .resize{display:flex}.solar-panel .strings .resize{align-items:center;background:var(--asc-highlight);border-radius:50%;bottom:0;cursor:nwse-resize;display:none;height:20px;justify-content:center;position:absolute;right:0;transform:translate(50%,50%);width:20px}.solar-panel .strings .resize svg{width:10px;fill:#fff}
.measurement{display:flex;gap:6px;position:absolute}.measurement>span{align-self:center;color:var(--asc-text-300);font-size:13px;white-space:nowrap}.measurement:not(.mobile).top{bottom:calc(100% + 20px);flex-direction:column}.measurement:not(.mobile).right{flex-direction:row-reverse;left:calc(100% + 20px)}.measurement:not(.mobile).bottom{flex-direction:column-reverse;top:calc(100% + 20px)}.measurement:not(.mobile).left{right:calc(100% + 20px)}.measurement.mobile.top{bottom:calc(100% + 10px);flex-direction:column}.measurement.mobile.right{flex-direction:row-reverse;left:calc(100% + 10px)}.measurement.mobile.bottom{flex-direction:column-reverse;top:calc(100% + 10px)}.measurement.mobile.left{right:calc(100% + 10px)}.measurement.bottom>div div:last-child,.measurement.bottom>div>div:first-child,.measurement.top>div div:last-child,.measurement.top>div>div:first-child{height:9px}.measurement.left>div,.measurement.right>div{flex-direction:column}.measurement.left>div div:last-child,.measurement.left>div>div:first-child,.measurement.right>div div:last-child,.measurement.right>div>div:first-child{width:9px}.measurement>div{align-items:center;display:flex}.measurement>div>div{border-left:1px solid var(--asc-neutral-200);border-top:1px solid var(--asc-neutral-200)}.measurement>div>div:nth-child(2){flex:1}
.wires{display:flex;justify-content:space-evenly}.wires div{border-left:1px solid #fff}