.installation{background:#f9fbfe;padding:40px var(--page-margin) 64px;--installation-transition-duration: .5s;--installation-transition-easing: ease}@media(min-width:992px){.installation{padding-bottom:72px}}.installation__inner{max-width:1200px;margin:0 auto;display:flex;gap:24px;flex-direction:column-reverse}@media(min-width:992px){.installation__inner{flex-direction:row}}.installation__tile{flex:0 1 auto;display:flex;flex-direction:column;gap:24px;padding:32px 24px;border-radius:24px;border:1px solid rgb(var(--color-neutral-grey-500));background:rgb(var(--color-neutral-grey-100));box-shadow:0 3px 60px #c5ccde4d;height:fit-content;position:sticky;top:24px}@media(min-width:992px){.installation__tile{flex:0 0 384px}}.installation__tile[data-theme=secondary] .installation__tile-icon{background:rgb(var(--color-secondary-base));color:rgb(var(--color-neutral-white))}.installation__tile-title{display:flex;align-items:center;gap:8px;font-family:var(--font-headings-family);font-size:var(--font-h5-size);font-weight:var(--font-h5-weight);line-height:var(--font-h5-line-height);text-transform:var(--font-h5-text-transform);font-style:var(--font-h5-font-style);color:rgb(var(--color-primary-dark))}.installation__tile-icon{flex:0 0 56px;width:56px;height:40px;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-primary-base));border-radius:100px;color:rgb(var(--color-neutral-white))}.installation__tile-bullets{display:flex;flex-direction:column;gap:14px}.installation__tile-footer{display:flex;align-items:center;gap:8px}@media(min-width:992px){.installation__tile-footer{gap:16px}}.installation__tile-footer-text{color:rgb(var(--color-primary-dark));font-size:14px;font-weight:700;line-height:130%;min-width:max-content}.installation__steps{flex:1 1 auto;display:flex;flex-direction:column;gap:16px}.installation-step .drawer--step:not([data-step="1"]):not(.active),.installation-step .drawer--title{display:none}.installation-step{border-radius:16px;border:1px solid rgb(var(--color-neutral-grey-500));background:rgb(var(--color-neutral-white));transition:border-color var(--installation-transition-duration) var(--installation-transition-easing),box-shadow var(--installation-transition-duration) var(--installation-transition-easing)}.installation-step[data-handle=confirmation] .installation-step__subtitle{color:rgb(var(--color-neutral-black));font-family:var(--font-headings-family);font-size:20px;font-style:normal;font-weight:500;line-height:120%;margin-bottom:16px}.installation-step__title{width:100%;padding:16px 12px;border:0;background:transparent;color:#000;font-family:var(--font-headings-family);font-size:var(--font-h5-size);font-weight:var(--font-h5-weight);line-height:var(--font-h5-line-height);text-transform:var(--font-h5-text-transform);font-style:var(--font-h5-font-style);text-align:left;display:flex;gap:8px;align-items:center;cursor:pointer}@media(min-width:992px){.installation-step__title{padding:16px 24px}}.installation-step__number{display:flex;width:48px;height:40px;justify-content:center;align-items:center;text-align:center;font-size:18px;font-weight:500;line-height:1;color:rgb(var(--color-primary-base));border:1px solid rgb(var(--color-primary-light));border-radius:100px}@media(min-width:992px){.installation-step__number{width:68px;height:48px;font-size:20px}}.installation-step__check{margin-left:auto;display:flex;width:28px;height:28px;justify-content:center;align-items:center;border-radius:200px;border:2px solid #d9eff1;flex-shrink:0}.installation-step__check svg{display:none;color:rgb(var(--color-secondary-base));width:12px;height:12px}.installation-step__content{max-height:0;opacity:0;overflow:clip;visibility:hidden;pointer-events:none;padding:0 12px;transition:max-height var(--installation-transition-duration) var(--installation-transition-easing),opacity var(--installation-transition-duration) var(--installation-transition-easing),padding-bottom var(--installation-transition-duration) var(--installation-transition-easing)}@media(min-width:992px){.installation-step__content{padding:0 24px}}.installation-step.active{border:1px solid rgb(var(--color-primary-base));box-shadow:0 0 20px #0e0e2c14}.installation-step.active .installation-step__content{max-height:2400px;opacity:1;overflow:visible;visibility:visible;pointer-events:auto;padding-bottom:16px}@media(min-width:992px){.installation-step.active .installation-step__content{padding-bottom:24px}}.installation-step.active .installation-step__number{color:rgb(var(--color-neutral-white));background:rgb(var(--color-primary-base));border-color:rgb(var(--color-primary-base))}.installation-step.completed .installation-step__check{background:#d9eff1}.installation-step.completed .installation-step__check svg{display:block}.installation-step .rego-entry-form .input-container{max-width:365px;display:block}.installation-step .rego-entry-form .input-container p{margin-bottom:8px}.installation-step .rego-entry-form button[type=submit]{width:100%;max-width:365px;margin-top:16px}.installation-step .drawer--step .step--title,.installation-step .drawer--step .step--description,.installation-step .drawer--step[data-step="3"] .step-actions-wrapper,.installation-step__validation{display:none}.installation-step .installation-step__validation{display:block}.installation-step__validation{margin-top:16px}@media(min-width:992px){.installation-step__validation .validation__ctas{flex-direction:row}.installation-step__validation .validation__ctas .btn{max-width:fit-content}}.installation-step .search-result--wrapper{display:flex;align-items:center;gap:8px}.installation-step__buttons{margin-top:24px;display:flex;flex-direction:column;gap:16px}@media(min-width:992px){.installation-step__buttons{flex-direction:row}}.installation-step__buttons [data-installation-step-action] button.btn{min-width:220px;width:100%}@media(min-width:992px){.installation-step__buttons [data-installation-step-action] button.btn{width:fit-content}}.installation-step__buttons [data-installation-step-action][data-installation-final-cta=true]{position:relative}.installation-step__action-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;pointer-events:none}.installation-step__buttons [data-installation-step-action][data-installation-final-cta=true][data-loading=true] button.btn.btn--primary+.installation-step__action-spinner .spinner{border-color:#ffffff59;border-top-color:rgb(var(--color-neutral-white))}.installation-step__buttons [data-installation-step-action][data-installation-final-cta=true][data-loading=true] .installation-step__action-spinner{display:flex}.installation-step__buttons [data-installation-step-action][data-installation-final-cta=true][data-loading=true] button.btn{pointer-events:none}.installation-step__buttons [data-installation-step-action][data-installation-final-cta=true][data-loading=true] button.btn .btn-text,.installation-step__buttons [data-installation-step-action][data-installation-final-cta=true][data-loading=true] button.btn .btn__icon,.installation-step__buttons [data-installation-step-action][data-installation-final-cta=true][data-loading=true] button.btn .btn__icon--right{opacity:0}.installation--select-battery-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:24px}.installation--select-battery-grid:empty{margin-bottom:0}@media(min-width:992px){.installation--select-battery-grid{gap:12px;margin-bottom:32px;grid-template-columns:repeat(3,1fr)}}.installation--select-battery-grid .product-card{padding:0 16px;cursor:pointer;border:1px solid rgb(var(--color-neutral-grey-300));border-radius:var(--style-border-radius-inputs);transition:border-color var(--installation-transition-duration) var(--installation-transition-easing)}.installation--select-battery-grid .product-card.active{border:2px solid rgb(var(--color-primary-base))}.installation--select-battery-grid .product-card:hover .product-card__cta{color:rgb(var(--color-primary-dark));background:transparent;position:relative}.installation--select-battery-grid .product-card.product-item--compatible .product-card__compatible-banner{display:flex;text-transform:uppercase}.installation--select-battery-grid .product-card.product-item--compatible .product-card__compatible-banner .product-card__compatible-banner-icon,.installation--select-battery-grid .product-card .product-card__badges-wrapper{display:none}.installation--select-battery-grid .product-card .product-card__content-wrapper{display:grid;grid-template-areas:"image vendor" "image title" "image price" "ctas ctas";grid-template-columns:100px minmax(0%,100%)}@media(min-width:992px){.installation--select-battery-grid .product-card .product-card__content-wrapper{display:flex;flex-direction:column}}.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__image{grid-area:image;padding:8px 8px 8px 0}@media(min-width:992px){.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__image{padding:24px}}.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__brand{grid-area:vendor}.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__title{grid-area:title}.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__price{grid-area:price}.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__price .product-card__price-current,.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__price .product-card__price-old{font-size:16px}.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__price .product-card__price-gst{font-size:14px}.installation--select-battery-grid .product-card .product-card__content-wrapper .product-card__cta-wrapper{grid-area:ctas}.installation--select-battery-grid .product-card .product-card__cta{color:rgb(var(--color-primary-dark));background:transparent;position:relative}.installation--select-battery-grid .product-card .product-card__cta:before{content:"";position:absolute;width:calc(100% + 32px);height:1px;top:0;background:rgb(var(--color-neutral-grey-300))}.installation--select-battery-grid__spinner{display:none}.installation--select-battery-grid[data-loading]{display:flex;align-items:center;justify-content:center;min-height:120px}.installation--select-battery-grid[data-loading] .installation--select-battery-grid__spinner{display:flex}.installation-details--grid{display:grid;grid-template-columns:repeat(1,1fr);grid-template-areas:"first_name" "last_name" "email" "phone" "address" "address_disclaimer" "postcode" "suburb" "state";gap:16px}@media(min-width:992px){.installation-details--grid{gap:12px;grid-template-columns:repeat(2,1fr);grid-template-areas:"first_name last_name" "email phone" "address address" "address_disclaimer address_disclaimer" "postcode suburb" "state state"}}.installation-details--grid [data-input-name=first_name]{grid-area:first_name}.installation-details--grid [data-input-name=last_name]{grid-area:last_name}.installation-details--grid [data-input-name=email]{grid-area:email}.installation-details--grid [data-input-name=phone]{grid-area:phone}.installation-details--grid [data-input-name=address]{grid-area:address}.installation-details--grid [data-input-name=postcode]{grid-area:postcode}.installation-details--grid [data-input-name=suburb]{grid-area:suburb}.installation-details--grid [data-input-name=state]{grid-area:state}.installation-details--grid .installation-details--address-disclaimer{grid-area:address_disclaimer;display:flex;gap:8px;margin-top:-12px;color:rgb(var(--color-neutral-grey-text));font-size:14px;font-style:normal;font-weight:400;line-height:130%}.installation-details--grid .installation-details--address-disclaimer .icon{color:rgb(var(--color-primary-base));align-self:center}.installation-step__content-block .confirmation-text.rte *{color:rgb(var(--color-neutral-grey-text));font-size:16px;font-style:normal;font-weight:500;line-height:140%}.installation-step__content-block .confirmation-text.rte * ul{padding-left:24px}.installation-step__content-block .confirmation-text.rte * ul li{font-weight:400;margin-bottom:12px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/installation.css.map */