:root{--checkout-minwidth:10rem;--checkout-maxwidth:50rem;--checkout-card-padding:clamp(1rem,4vw,4rem);--checkout-card-background:var(--color-white);--checkout-card-background-active:var(--color-green-500);--checkout-card-header-active:var(--color-green-200);--checkout-card-header-inactive:var(--color-white);--checkout-card-header-done:var(--color-green-200);--checkout-card-outline-color:var(--color-black);--checkout-card-outline-size:1px;--checkout-error-background:var(--color-yellow-200);--checkout-error-color:var(--color-orange-500);--checkout-error-outline:var(--color-yellow-200);--checkout-error-gap:1.25rem;--checkout-error-padding:1rem;--checkout-error-border-radius:1rem;--checkout-error-font-size:1rem;--checkout-success-background:var(--color-green-200);--checkout-success-color:var(--color-green-800);--checkout-success-outline:var(--color-green-800);--checkout-success-gap:0.5rem;--checkout-success-padding:1rem;--checkout-success-border-radius:1rem;--checkout-success-font-size:1rem;--checkout-radio-outline-color:var(--color-green-800);--checkout-border-radius:1.25rem;--checkout-steps-gap:2rem;--checkout-plans-gap:2rem}@media (min-width:800px){:root{--checkout-minwidth:30rem;--checkout-maxwidth:50rem}}.section.checkout{padding-bottom:calc(var(--padding-y)*2);padding-top:calc(var(--padding-y)*3)}.checkout-wrapper{align-items:center;justify-content:center}.checkout-steps,.checkout-wrapper{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.checkout-steps{grid-gap:var(--checkout-steps-gap);gap:var(--checkout-steps-gap);width:min(90vw,50rem);width:min(90vw,var(--checkout-maxwidth))}.checkout-services{align-items:center;display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;grid-gap:var(--checkout-plans-gap);counter-reset:card;gap:var(--checkout-plans-gap);margin-bottom:2rem}.checkout-plans{display:flex;flex-wrap:wrap;grid-gap:2rem;gap:2rem;grid-gap:var(--checkout-plans-gap);gap:var(--checkout-plans-gap);&.electricityEntry{align-items:stretch;flex-direction:row;flex-wrap:wrap;& .product{align-items:center}}&.telecomEntry{& .product{display:none;&.selected{display:flex}}}& .product{--product-background:transparent;align-items:center;cursor:pointer;display:flex;flex-direction:column;max-width:var(--product-maxwidth);&:hover{background:var(--product-background)}&.selected,&:hover{--product-background:var(--checkout-card-background-active)}&.selected{outline:1px solid var(--color-black);outline:var(--checkout-card-outline-size) solid var(--color-black)}& .pretitle{text-align:center}& input[type=radio]{position:absolute;right:1rem;top:1rem}}}.checkout-card{background:var(--color-white);background:var(--checkout-card-background);border-radius:1.25rem;border-radius:var(--checkout-border-radius);counter-increment:card;outline:1px solid var(--color-black);outline:var(--checkout-card-outline-size) solid var(--checkout-card-outline-color);&.inactive{--checkout-card-outline-color:var(--color-black-20)}&.active,&.done{--checkout-card-outline-color:var(--color-green-800)}&.hidden{display:block}}.checkout-item-card{border-radius:1.25rem;border-radius:var(--checkout-border-radius);margin-bottom:clamp(1rem,4vw,4rem);margin-bottom:var(--checkout-card-padding);padding:calc(clamp(1rem, 4vw, 4rem)/2) clamp(1rem,4vw,4rem);padding:calc(var(--checkout-card-padding)/2) var(--checkout-card-padding)}.checkout-card-header{border-bottom:1px solid var(--color-grey-200);border-radius:1.25rem;border-radius:var(--checkout-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;padding:calc(clamp(1rem, 4vw, 4rem)/2) calc(clamp(1rem, 4vw, 4rem)/1.5);padding:calc(var(--checkout-card-padding)/2) calc(var(--checkout-card-padding)/1.5);.checkout-card.active &,.checkout-card[data-step-key=confirmation] &{background:var(--color-green-200);background:var(--checkout-card-header-active);opacity:1!important}.checkout-card.inactive &{background:var(--color-white);background:var(--checkout-card-header-inactive);opacity:.7;pointer-events:none}.checkout-card.done &{background:var(--color-green-200);background:var(--checkout-card-header-done);opacity:.7;pointer-events:none}}.checkout-card-header-title{align-items:center;display:flex;grid-gap:.75rem;gap:.75rem;& span:first-child{align-content:center;border-radius:1rem;color:var(--color-green-800);color:var(--checkout-radio-outline-color);display:grid;font-size:.875rem;font-weight:700;height:1.25rem;justify-content:center;line-height:1;outline:2px solid var(--color-green-800);outline:2px solid var(--checkout-radio-outline-color);place-content:center;text-align:center;width:1.25rem;&:before{content:counter(card)}}}.checkout-card-header-description{margin-bottom:0!important}.checkout-card-content{opacity:.7;padding:clamp(1rem,4vw,4rem);padding:var(--checkout-card-padding);pointer-events:none;.checkout-card.active &,.checkout-card[data-step-key=confirmation] &{opacity:1;pointer-events:all}}.checkout-card-content-title{font-weight:700;margin-bottom:0!important}.checkout-card-actions{margin-top:1.5rem}.checkout-card-actions-next .btn{width:100%;&.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}}.checkout-card-actions-prev{cursor:pointer;margin-top:1rem;opacity:.7;text-align:center;transition:var(--transition-fast);&:hover{opacity:1}}.checkout-summary{background:var(--color-green-500);background:var(--checkout-card-background-active);border-radius:1.25rem;border-radius:var(--checkout-border-radius);display:flex;flex-direction:column;outline:1px solid var(--color-green-800);outline:var(--checkout-card-outline-size) solid var(--checkout-radio-outline-color);padding:2rem;grid-gap:1rem;gap:1rem}.checkout-summary-item{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;@media (min-width:640px){align-items:center;flex-direction:row}}.checkout-summary-label{font-weight:700}.checkout-summary-value{color:var(--color-green-800);color:var(--checkout-success-color);& span{align-items:center;display:flex;justify-content:flex-end;grid-gap:.25rem;font-size:1rem;font-weight:700;gap:.25rem}& small{font-size:.75rem;font-style:italic;font-weight:400}& .checkout-summary-value-ok{align-items:flex-end;display:flex;flex-direction:column}}.checkout-radio{--checkout-radio-radius:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px dashed var(--checkout-radio-outline-color);border-radius:var(--checkout-radio-radius);display:block;height:var(--checkout-radio-radius);pointer-events:none;position:absolute;right:1rem;top:1rem;width:var(--checkout-radio-radius);&:after{border-radius:var(--checkout-radio-radius);content:"";height:100%;left:0;position:absolute;top:0;width:100%}&:checked{&:after{background:var(--color-green-800);background:var(--checkout-radio-outline-color);border-radius:var(--checkout-radio-radius);content:"";height:calc(var(--checkout-radio-radius) - 4px);left:1px;position:absolute;top:1px;width:calc(var(--checkout-radio-radius) - 4px)}}}.checkout-radio-relative{position:relative;right:0;top:0}.checkout-options{display:flex;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.checkout-options-row{flex-direction:row;flex-wrap:wrap}.checkout-options-column{flex-direction:column}.checkout-option-card{border-radius:.5rem;cursor:pointer;display:flex;flex:1 1 0;min-width:15rem;outline:1px solid var(--color-black);outline:var(--checkout-card-outline-size) solid var(--checkout-card-outline-color);padding:1.5rem;position:relative;transition:var(--transition-fast);&.selected,&:hover{background:var(--color-green-500);background:var(--checkout-card-background-active)}}.checkout-option-card-row{flex-direction:column-reverse;justify-content:space-between!important;@media (min-width:640px){flex-direction:row}}.checkout-option-card-column{align-items:flex-start!important;flex-direction:column;justify-content:flex-start!important}.checkout-option-header{align-items:center;display:flex;justify-content:flex-start;grid-gap:1rem;gap:1rem;.checkout-option-card-column &{margin-bottom:.5rem}}.checkout-option-title{margin-bottom:0!important}.checkout-option-icon{max-width:1.5rem;& svg{height:auto;width:100%}}.checkout-error-message{align-items:flex-start;background:var(--color-yellow-200);background:var(--checkout-error-background);display:flex;margin-bottom:1rem;grid-gap:1.25rem;gap:1.25rem;grid-gap:var(--checkout-error-gap);border:1px solid var(--checkout-error-color);border-radius:1rem;border-radius:var(--checkout-error-border-radius);gap:var(--checkout-error-gap);padding:1rem;padding:var(--checkout-error-padding);transform:translateX(4px) translateY(4px)}.checkout-error-message-icon{color:var(--color-orange-500);color:var(--checkout-error-color);position:relative;top:2px}.checkout-divider{margin-bottom:4rem;margin-top:4rem;width:100%}.checkout-success-message{align-items:flex-start;background:var(--color-green-200);background:var(--checkout-success-background);border:1px solid var(--checkout-card-outline-color);display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:1rem;grid-gap:.5rem;gap:.5rem;grid-gap:var(--checkout-success-gap);border-radius:1rem;border-radius:var(--checkout-success-border-radius);gap:var(--checkout-success-gap);padding:1rem;padding:var(--checkout-success-padding);transform:translateX(4px) translateY(4px);@media (min-width:768px){align-items:flex-start}}.checkout-success-message-icon{color:var(--color-green-800);color:var(--checkout-success-color)}.checkout-number-section{background:var(--color-green-200);border-radius:1.25rem;border-radius:var(--checkout-border-radius);margin-top:1.5rem;padding:1rem}.checkout-number-section-port{& .operator-highlight .btn,& .operator-icon{display:none}}.checkout-number-section-title{font-weight:600;margin-bottom:1rem}.checkout-number-operator-info{background:var(--color-green-200);background:var(--checkout-card-header-active);border-radius:1rem;margin-top:1rem;outline:1px solid var(--color-black);outline:1px solid var(--checkout-card-outline-color);padding:1rem;&:empty{display:none}}.checkout-number-operator-info-item{display:flex;justify-content:space-between;text-align:right}.checkout-input{display:flex;flex-direction:column;position:relative;grid-gap:.5rem;align-items:stretch;gap:.5rem;margin-bottom:1rem;@media (min-width:768px){flex-direction:row}}.checkout-input label{font-size:.7rem;position:absolute;text-transform:uppercase;top:-1rem}.checkout-input input,.checkout-input select{background:var(--color-white);border-radius:.25rem;flex:1;outline:1px solid var(--color-black);outline:1px solid var(--checkout-card-outline-color);padding:.5rem;width:100%}#email-button,#lookup-button,#lookup-ssn-button,.checkout-input button{margin-top:0}.checkout .checkout-input #lookup-button{display:none}.loading-text{color:var(--color-grey-600);font-style:italic}.error-text{color:var(--color-red-600)}.new-numbers-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.new-number-option{align-items:center;border:1px solid var(--color-grey-300);border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease-in-out}.new-number-option.selected,.new-number-option:hover{border-color:var(--color-black)}.new-number-option.selected{background-color:var(--color-green-500)}.number-text{font-family:monospace;font-size:1rem}.number-reservation{background:var(--color-green-200);border:1px solid var(--color-green-500);border-radius:.25rem;padding:1rem}.checkout-success{background-color:var(--color-green-500);background-color:var(--checkout-card-background-active);border-radius:1.25rem;border-radius:var(--checkout-border-radius);margin-bottom:2rem;padding:3rem;grid-gap:0;gap:0;text-align:center}.bankid-wrapper,.checkout-success{align-items:center;display:flex;flex-direction:column;justify-content:center}.bankid-wrapper{border:1px dashed #ccc;border-radius:4px;min-height:150px;padding:1rem 0}#bankid_component_qr_area{display:flex;justify-content:center}