#backdrop{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:99;display:none}#backdrop.open{display:block}#registerSideCanvas{position:fixed;top:0;bottom:0;right:-105%;transition:right 0.6s ease;padding:40px;background-color:#f2f6eb;box-shadow:0 0 22.7px 9px rgba(0, 0, 0, 0.2);overflow-y:scroll;overflow-x:hidden;width:760px;z-index:100}#registerSideCanvas.open{right:0}#registerSideCanvas .close{position:absolute;top:20px;right:30px;width:60px;height:60px;padding:20px;cursor:pointer;background:none;border:none}#registerSideCanvas h2{color:var(--dakofa-grape)}#registerSideCanvas h5{margin-bottom:40px}@media only screen and (max-width:768px){#registerSideCanvas{width:100%;padding:20px;right:calc(-100% - 32px)}#registerSideCanvas .close{top:0;right:0}#registerSideCanvas h5{margin-bottom:20px}}#registerFormContainer{padding-bottom:80px}#registerFormContainer h6{font-weight:500;margin-bottom:6px}#registerFormContainer h6:has(+ small){margin-bottom:0}#registerFormContainer .step{display:none}#registerFormContainer .step.active{display:block}#registerFormContainer .flex{display:flex;gap:24px}#registerFormContainer .flex #step1{flex:0 0 56%}#registerFormContainer .flex .flex-column{flex-direction:column;flex:1 0 auto;justify-content:flex-start}.step-indicator{display:flex;align-items:center;max-width:90%;margin:0 auto 100px}.step-indicator .step{display:flex;align-items:center;flex-direction:column;position:relative;z-index:1}.step-indicator .step .step-icon{height:40px;width:40px;border-radius:50%;position:relative;border:4px solid lightgrey;margin:4px}.step-indicator .step .step-text{position:absolute;top:50px;display:flex;width:max-content;font-size:small}.step-indicator .step .checkmark{display:none}.step-indicator .step .checkmark::after{opacity:1;height:22px;width:11px;transform-origin:left top;border-right:3px solid white;border-top:3px solid white;content:"";left:3px;top:50%;position:absolute}.step-indicator .step .checkmark.draw::after{animation-duration:800ms;animation-timing-function:ease;animation-name:checkmark-large;transform:scaleX(-1) rotate(135deg)}@keyframes checkmark-large{0%{height:0;width:0;opacity:1}20%{height:0;width:11px;opacity:1}40%{height:22px;width:11px;opacity:1}100%{height:22px;width:11px;opacity:1}}.step-indicator .step.active .step-text{font-weight:500;font-size:medium}.step-indicator .step.active .step-icon{border-color:var(--dakofa-grape)}.step-indicator .step.completed .step-text{font-weight:400;font-size:small}.step-indicator .step.completed .step-icon{background-color:var(--dakofa-grape);border-color:var(--dakofa-grape)}.step-indicator .step.completed .step-icon .checkmark{display:block}.step-indicator .indicator-line{width:100%;height:2px;background:#c2c2c2;flex:1}.step-indicator .indicator-line.completed{background:var(--dakofa-grape)}#packages{position:relative}#packages .package{border:1px solid var(--forms-grey);padding:20px 4px 20px 30px;border-radius:10px;margin-bottom:10px;position:relative;display:flex;align-items:center;justify-content:space-between;text-align:left;width:55%;background-color:transparent}#packages .package>*{pointer-events:none}#packages .package.selectable{background:rgba(255, 255, 255, 0.3)}#packages .package.selectable:hover{background:rgba(255, 255, 255, 0.75);cursor:pointer}#packages .package.selectable:focus-visible{background:rgba(255, 255, 255, 0.75)}#packages .package.selected{border-color:var(--dakofa-green);border-width:3px;background:rgba(255, 255, 255, 0.75)}#packages .package .checkmark{display:none}#packages .package .checkmark::after{opacity:1;height:22px;width:11px;transform-origin:left top;border-right:3px solid var(--dakofa-green);border-top:3px solid var(--dakofa-green);content:"";left:3px;top:50%;position:absolute}#packages .package .checkmark.draw::after{animation-duration:800ms;animation-timing-function:ease;animation-name:checkmark-large;transform:scaleX(-1) rotate(135deg)}@keyframes checkmark-large{0%{height:0;width:0;opacity:1}20%{height:0;width:11px;opacity:1}40%{height:22px;width:11px;opacity:1}100%{height:22px;width:11px;opacity:1}}#packages .package .checkmark::after{left:6px}#packages .package.selected .checkmark{display:block}#packages .package .package-title{font-weight:500;margin-right:16px}#packages .package .package-title small{font-weight:400}#packages .package .package-price{font-weight:500;flex:0 0 auto;margin-left:auto;font-size:medium}#packages .package svg{width:24px;stroke:var(--dakofa-green);flex:0 0 auto;margin-left:4px}#packages .accordion-panel{width:calc(45% - 24px);position:absolute;top:0;right:0}#packages small{font-size:small;margin-bottom:10px;display:inline-block}#packages .switch-wrapper{margin-bottom:40px}#packages .options .checkbox{margin-bottom:12px}.step-navigation{position:relative;margin-top:60px;transition:all 0.3s ease}.step-navigation .btn{position:absolute;border-radius:20px;background-color:var(--dakofa-grape);color:#ffffff;align-items:center}.step-navigation .btn:disabled{opacity:0.5}.step-navigation .btn svg{width:40px}.step-navigation .btn-prev{display:flex;top:0;left:0;padding:0 20px 0 10px}.step-navigation .btn-prev svg{margin-right:8px}.step-navigation .btn-next{display:flex;top:0;right:0;padding:0 10px 0 20px}.step-navigation .btn-next svg{margin-left:8px}#confirmation .confirmation-details{margin-bottom:20px;border:1px solid var(--forms-grey);background:rgba(255, 255, 255, 0.3);padding:20px;border-radius:10px;width:100%}#confirmation .package-title{display:flex;justify-content:space-between;font-size:x-large;font-weight:500;align-items:center;margin-bottom:24px}#confirmation .package-price{flex:0 0 auto;margin-left:24px}#confirmation .bottom-divider{padding-bottom:32px;margin-bottom:38px;border-bottom:3px solid white}#confirmation .bottom-divider>*{padding-left:16px}#confirmation .bottom-divider.no-border{border:none;margin-bottom:0}#confirmation .bottom-divider.flex>div{flex:1 0 auto}#confirmation .bottom-divider.flex.custom-details{gap:10px;word-break:break-word}#confirmation .bottom-divider.flex.custom-details>div{max-width:50%}#confirmation .title{color:var(--dakofa-grape);font-weight:500;font-size:small;margin-left:-12px}#confirmation .name,#confirmation .company{font-weight:500}#confirmation .conditions{padding:6px;border-radius:10px}#confirmation .checkbox-wrap{position:relative}#confirmation .checkbox-wrap .checkmark{display:none}#confirmation .checkbox-wrap .checkmark::after{opacity:1;height:22px;width:11px;transform-origin:left top;border-right:3px solid var(--dakofa-green);border-top:3px solid var(--dakofa-green);content:"";left:3px;top:50%;position:absolute}#confirmation .checkbox-wrap .checkmark.draw::after{animation-duration:800ms;animation-timing-function:ease;animation-name:checkmark-large;transform:scaleX(-1) rotate(135deg)}@keyframes checkmark-large{0%{height:0;width:0;opacity:1}20%{height:0;width:11px;opacity:1}40%{height:22px;width:11px;opacity:1}100%{height:22px;width:11px;opacity:1}}#confirmation .checkbox-wrap .checkmark:has(+ input:checked){display:block}#confirmation ul{margin:0}#confirmation ul li{list-style-type:none}#confirmation .conditions a{position:relative}#confirmation .conditions a::before{position:absolute;top:100%;width:100%;height:2px;background-color:var(--dakofa-dark-grey);content:"";opacity:0.77;transtion-property:opacity, -webkit-transform;transition-duration:0.2s;-webkit-transform:scaleX(0.9)}#confirmation .conditions a:hover::before{opacity:1;-webkit-transform:scaleX(1)}@media only screen and (max-width:768px){#confirmation .conditions a{position:revert;text-decoration:underline}#confirmation .conditions a::before{content:none}}#confirmation .conditions small{display:none;font-size:small}#confirmation .conditions.invalid{border:2px dotted var(--dakofa-grape-lighten-08)}#confirmation .conditions.invalid small{display:block;color:var(--dakofa-grape-lighten-08);margin-bottom:0}#confirmation .conditions.invalid:has(input:checked){border:none}#confirmation .conditions.invalid:has(input:checked) small{display:none}@media only screen and (max-width:768px){h2{margin-bottom:40px}.step-indicator{margin-bottom:60px}.step-indicator .step .step-text{display:none}.step-indicator .step.active .step-text{display:block}#packages{position:initial}#packages .package{width:100%}#packages .package.selected{margin-bottom:24px}#packages .accordion-panel{width:100%;position:initial}#packages .switch-wrapper,#packages .options-wrapper{margin-bottom:24px}}@media only screen and (max-width:576px){#registerFormContainer .flex{flex-direction:column;gap:0}}