@layer base{.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.video-block{width:100%}.video-block.right{margin-left:auto}.video-block.center{margin-inline:auto;text-align:center}.video-block .video-item,.media-dialog .video-item{aspect-ratio:16/9}.video-block .video-item>.poster,.video-block .video-item>iframe,.media-dialog .video-item>.poster,.media-dialog .video-item>iframe{aspect-ratio:16/9}.video-block .video-item>.poster img,.video-block .video-item>iframe img,.media-dialog .video-item>.poster img,.media-dialog .video-item>iframe img{aspect-ratio:16/9}.video-component{--caption-color: var(--grey-4);width:100%}.video-component .video-item{border-radius:var(--image-radius);overflow:hidden}.video-component .video-item>.poster,.video-component .video-item>iframe{display:block;width:100%;height:100%}.video-component .video-item>.poster{position:relative}.video-component .video-item>.poster>.media-component{min-height:100%}.video-component .video-item>.poster>.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(0,0,0,0);color:var(--white);border-radius:100%;transition:transform var(--transition)}.video-component .video-item>.poster>.play-icon .icon{width:40px}.video-component .video-item>.poster:not([disabled]):active>.play-icon{transform:translate(-50%, -50%) scale(1.2)}@media(hover: hover){.video-component .video-item>.poster:not([disabled]):hover>.play-icon{transform:translate(-50%, -50%) scale(1.2)}}.video-component .video-item>.poster:focus-visible>.play-icon{outline:2px solid var(--white)}.video-component .video-item>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.video-component .video-item>video::cue{background-color:var(--black);color:var(--white);line-height:1.5}.video-component .video-item .custom-controls{position:absolute;bottom:24px;left:24px}.video-component .video-item .custom-controls .toggle-button{display:flex;align-items:center;justify-content:center;color:var(--white);transition:color var(--transition)}.video-component .video-item .custom-controls .toggle-button>.icon{width:48px}.video-component .video-item .custom-controls .toggle-button:not([disabled]):active{color:var(--accent-brown)}@media(hover: hover){.video-component .video-item .custom-controls .toggle-button:not([disabled]):hover{color:var(--accent-brown)}}.video-component>figcaption{margin-top:10px;color:var(--caption-color)}.video-component.center{align-self:center}.video-component.bottom{align-self:flex-end}}.component-grid.right .video-block{margin-left:auto}
@layer base{.default-dialog>.content>div>.header .title,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.Dialog.sm>.content{max-width:576px}.Dialog.md>.content{max-width:768px}.Dialog.lg>.content{max-width:992px}.Dialog>.backdrop{background-color:color-mix(in srgb, var(--black) 60%, transparent) !important}.Dialog>.content{display:flex;flex-direction:column;margin:20px;width:100%;max-height:calc(100dvh - 40px)}.Dialog>.content .header{display:flex;align-items:center;justify-content:space-between;padding:16px}.Dialog>.content .header>div{display:flex;flex-direction:column}.Dialog>.content .header>div .subtitle{margin-top:10px}.Dialog>.content .header .button-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;align-self:flex-start;transition:all var(--transition)}.Dialog>.content .header .button-icon svg{transition:fill .2s ease-in-out}.Dialog>.content .body{padding:16px}.Dialog>.content .body .dialog-content{display:flex;flex-direction:column;gap:20px}.Dialog>.content .body .dialog-content .btn-wrapper{justify-content:space-between}.Dialog>.content .body .dialog-content .btn-wrapper button{align-self:flex-start}.default-dialog>.content{width:100%}.default-dialog>.content>div{background-color:var(--white)}.default-dialog>.content>div>.header .title{--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.default-dialog>.content>div>.header .title{font-weight:500}.default-dialog>.content>div>.body{padding-top:0}.media-dialog>.content>div>.header{position:absolute;top:-40px;right:0;display:inline-flex;justify-content:end;gap:20px;background-color:var(--white);width:100%;padding:16px 16px 8px}.media-dialog>.content>div>.header>.button-icon{width:32px;height:32px;color:var(--black);transition:color var(--transition)}.media-dialog>.content>div>.header>.button-icon:not([disabled]):active{color:var(--accent-brown)}@media(hover: hover){.media-dialog>.content>div>.header>.button-icon:not([disabled]):hover{color:var(--accent-brown)}}.media-dialog>.content>div>.body{background-color:var(--white);border-radius:var(--image-radius)}.media-dialog>.content>div>.body img,.media-dialog>.content>div>.body>video{display:block;border-radius:var(--image-radius);max-height:calc(100dvh - 115px);width:auto;margin-inline:auto}.media-dialog>.content>div>.body .title{display:block;padding-inline:20px;padding-top:10px;text-align:center}}
@layer base{.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer theme{.basket-register-page{background-color:var(--support-color-1);padding:16px}@media(min-width: 576px){.basket-register-page{padding:28px}}@media(min-width: 768px){.basket-register-page{padding:44px}}.basket-register-page>.form{max-width:768px;margin:0 auto}.basket-register-page .form-field{align-content:start}.basket-register-page .btn-primary{display:grid}.basket-register-page .btn-primary>span{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;height:16px}.basket-register-page .btn-primary>span .icon{height:16px}@media(hover: hover){.basket-register-page .btn-primary:not([disabled]):hover>span{transform:unset}}.basket-register-page .btn-primary .invisible{opacity:0}.basket-register-page .error-message{color:darkred;max-width:768px;margin-inline:auto;display:block;margin-top:20px}}
@layer base{.form-submitted>.title,.form input:not([type=checkbox],[type=radio]),.form select,.form textarea,.form .form-field>.field-header>.label,.form .form-group>.group-title,.form .form-page>.page-title,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.form .form-page{display:flex;flex-direction:column;gap:10px}.form .form-page>.page-title{font-family:var(--ff-primary);--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large);font-weight:700}.form .form-page>.groups{display:flex;flex-direction:column;gap:20px}}@layer components{.form .form-group{border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:10px}.form .form-group>.group-title{font-family:var(--ff-default);--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);font-weight:500}.form .form-group>.containers{display:flex;flex-direction:column;gap:16px}.form .form-field-container{container:form-row/inline-size}.form .form-field-container>.fields{display:grid;gap:16px}.form .form-field-container>.fields.col-1,.form .form-field-container>.fields.col-2,.form .form-field-container>.fields.col-3{grid-template-columns:repeat(1, 1fr)}@container form-row (min-width: 340px){.form .form-field-container .fields.col-2,.form .form-field-container .fields.col-3{grid-template-columns:repeat(2, 1fr)}}@container form-row (min-width: 380px){.form .form-field-container .fields.col-3{grid-template-columns:repeat(3, 1fr)}}@container form-row (min-width: 500px){.form .form-field-container:has(.field [name^=Zipcode],.field [name^=Housenumber])>.fields{grid-template-columns:5fr 2.7fr 2fr}}}@layer components{.form .form-field>.field-header{display:flex;gap:5px;margin-bottom:10px}.form .form-field>.field-header>.label{font-family:var(--ff-default);--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);font-weight:500}.form .form-field>.field-header>.label>.indicator{color:var(--accent-brown)}.form .form-field .field>.control{display:flex;flex-direction:column}.form .form-field .field>.control .charcount{align-self:flex-end;color:var(--support-color-2)}.form .form-field .field>.control .charcount.error{color:var(--error)}.form .form-field .field>.control .charcount.error span{display:flex}.form .form-field .field.horizontal>.control{flex-direction:row;flex-wrap:wrap;align-items:center;gap:24px}.form .form-field.invalid input,.form .form-field.invalid select,.form .form-field.invalid textarea{border:2px solid var(--error)}.form .form-field.invalid .error{margin-top:5px;color:var(--error)}.form .form-field.invalid .error span{display:flex}}@layer theme{.form .form-field:has(input[type=date]){display:grid}.form .form-field:has(input[type=date]) .field-header,.form .form-field:has(input[type=date]) .field{grid-column:1;grid-row:1}.form .form-field:has(input[type=date]) .field-header{color:var(--label-color);padding:16px;z-index:var(--z-index-1);pointer-events:none;margin:0;position:relative}.form .form-field:has(input[type=date]) .field-header label{position:absolute;top:4px;transform:translateY(0) scale(0.8);transform-origin:top left;font-family:var(--ff-secondary);font-weight:300}}@layer components{.checkbox,.checkboxlist{display:inline-flex !important}.checkbox>.checkbox-item,.checkboxlist>.checkbox-item{display:flex;align-items:start;gap:10px;cursor:pointer;padding:2px}.checkbox>.checkbox-item input[type=checkbox],.checkboxlist>.checkbox-item input[type=checkbox]{appearance:none;margin:0;padding:0;font:inherit;color:currentColor;width:20px;height:20px;border:1px solid currentColor;border-radius:var(--radius-xs);display:grid;place-content:center;transition:outline var(--transition)}.checkbox>.checkbox-item input[type=checkbox]:before,.checkboxlist>.checkbox-item input[type=checkbox]:before{content:"";width:20px;height:20px;transform:scale(0);transition:transform var(--transition)}.checkbox>.checkbox-item input[type=checkbox]:checked:before,.checkboxlist>.checkbox-item input[type=checkbox]:checked:before{transform:scale(1)}.checkbox>.checkbox-item input[type=checkbox]:focus-visible,.checkboxlist>.checkbox-item input[type=checkbox]:focus-visible{outline:2px solid var(--form-focus-color, var(--black))}.checkbox>.checkbox-item span:has(a) a,.checkboxlist>.checkbox-item span:has(a) a{text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}@media(hover: hover){.checkbox>.checkbox-item span:has(a) a:not([disabled]):hover,.checkboxlist>.checkbox-item span:has(a) a:not([disabled]):hover{color:var(--accent-brown)}}.checkbox>.checkbox-item span:has(a) a:focus-visible,.checkboxlist>.checkbox-item span:has(a) a:focus-visible{outline:2px solid var(--form-focus-color, var(--black));outline-offset:2px}.checkboxlist{display:flex;flex-direction:column;gap:10px}}@layer theme{.checkbox,.checkboxlist{--_bg-color: var(--checkbox-bg-color, var(--white));--_bg-color-active: var(--checkbox-bg-color-active, var(--black))}.checkbox>.checkbox-item input[type=checkbox],.checkboxlist>.checkbox-item input[type=checkbox]{background-color:var(--_bg-color)}.checkbox>.checkbox-item input[type=checkbox]:before,.checkboxlist>.checkbox-item input[type=checkbox]:before{background-size:20px;background-color:var(--_bg-color-active);background-image:url(/frontend/assets/generated/64c46e46d0add7f92463.svg)}}@layer components{.dropdownlist .select{display:grid;grid-template-areas:"select";align-items:center;border-radius:var(--form-radius);overflow:hidden}.dropdownlist .select select{grid-area:select;cursor:pointer;padding-right:30px;padding-block:8px}.dropdownlist .select select>option{padding:10px 15px}.dropdownlist:not(.multiple) .select:after{grid-area:select;content:"";width:14px;height:8px;margin-right:15px;clip-path:polygon(100% 0%, 0 0%, 50% 100%);justify-self:end;pointer-events:none}.dropdownlist.multiple select{padding:0;height:100%;max-height:111px;overflow-y:auto}.dropdownlist.multiple select option{white-space:normal}}@layer theme{.dropdownlist{--_bg-color: var(--dropdown-bg-color, var(--brand-support-color-1));--_border-color: var(--dropdown-border-color, var(--brand-color-2))}.dropdownlist .select select{background-color:var(--_bg-color);white-space:nowrap;text-overflow:ellipsis;line-height:1;padding:24px 14px 4px 14px}.dropdownlist .select select>option:hover{background-color:var(--support-color-2)}.dropdownlist .select select>option:checked,.dropdownlist .select select>option.selected{background-color:var(--secondary-color-2);color:var(--white)}.dropdownlist .select:focus-within{border-color:var(--_border-color)}.dropdownlist:not(.multiple) .select:after{background-color:rgba(0,0,0,0);clip-path:none;width:32px;height:32px;background-size:20px;background-repeat:no-repeat;background-position:center;margin-right:8px;background-image:url(/frontend/assets/generated/3cec20f3a065a5e21d3e.svg)}}@layer components{.radiobuttonlist{display:inline-flex !important}.radiobuttonlist>.radio-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:2px}.radiobuttonlist>.radio-item input[type=radio]{appearance:none;margin:0;padding:0;font:inherit;color:currentColor;width:18px;height:18px;border:1px solid currentColor;border-radius:100%;display:grid;place-content:center;transition:outline var(--transition)}.radiobuttonlist>.radio-item input[type=radio]:before{content:"";width:10px;height:10px;border-radius:100%;transform:scale(0);transition:transform var(--transition)}.radiobuttonlist>.radio-item input[type=radio].checked:before{transform:scale(1)}.radiobuttonlist>.radio-item input[type=radio]:focus-visible{outline:2px solid var(--form-focus-color, var(--black))}.radiobuttonlist{display:flex;flex-direction:column;gap:10px}}@layer theme{.radiobuttonlist{--_bg-color: var(--radio-bg-color, var(--white));--_active-color: var(--radio-active-color, var(--black))}.radiobuttonlist>.radio-item input[type=radio]{background-color:var(--_bg-color)}.radiobuttonlist>.radio-item input[type=radio]:before{background-color:var(--_active-color)}}@layer components{.form input:not([type=checkbox],[type=radio]),.form select,.form textarea{padding:10px 15px;width:100%;--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);height:48px}.form textarea,.form input:not([type=checkbox],[type=radio]){border-radius:var(--form-radius)}.form textarea{resize:vertical;height:auto;min-height:96px}}@layer theme{.form .form-field:has(.textbox),.form .form-field:has(textarea),.form .form-field:has(select){display:grid}.form .form-field:has(.textbox) .field-header,.form .form-field:has(.textbox) .field,.form .form-field:has(textarea) .field-header,.form .form-field:has(textarea) .field,.form .form-field:has(select) .field-header,.form .form-field:has(select) .field{grid-column:1;grid-row:1}.form .form-field:has(.textbox) .field-header,.form .form-field:has(textarea) .field-header,.form .form-field:has(select) .field-header{color:var(--label-color);padding:16px;z-index:var(--z-index-1);pointer-events:none;margin:0;position:relative}.form .form-field:has(.textbox) .field-header label,.form .form-field:has(textarea) .field-header label,.form .form-field:has(select) .field-header label{position:absolute;top:12px;transform:translateY(0) scale(1);transition:transform var(--transition),top var(--transition);transform-origin:top left;font-family:var(--ff-secondary);font-weight:300}.form .form-field:has(.textbox):has(input:focus-visible) .field-header label,.form .form-field:has(.textbox):has(input:not(:placeholder-shown)) .field-header label,.form .form-field:has(.textbox):has(textarea:focus-visible) .field-header label,.form .form-field:has(.textbox):has(textarea:not(:placeholder-shown)) .field-header label,.form .form-field:has(.textbox):has(select:not([value=""])) .field-header label,.form .form-field:has(textarea):has(input:focus-visible) .field-header label,.form .form-field:has(textarea):has(input:not(:placeholder-shown)) .field-header label,.form .form-field:has(textarea):has(textarea:focus-visible) .field-header label,.form .form-field:has(textarea):has(textarea:not(:placeholder-shown)) .field-header label,.form .form-field:has(textarea):has(select:not([value=""])) .field-header label,.form .form-field:has(select):has(input:focus-visible) .field-header label,.form .form-field:has(select):has(input:not(:placeholder-shown)) .field-header label,.form .form-field:has(select):has(textarea:focus-visible) .field-header label,.form .form-field:has(select):has(textarea:not(:placeholder-shown)) .field-header label,.form .form-field:has(select):has(select:not([value=""])) .field-header label{top:4px;transform:translateY(0) scale(0.8)}.form .form-field.invalid input,.form .form-field.invalid select,.form .form-field.invalid textarea{border-color:var(--error)}.form input:not([type=checkbox],[type=radio]),.form select,.form textarea{--_bg-color: var(--text-field-bg-color, var(--brand-support-color-1));--_color: var(--text-field-color, var(--brand-secondary-color));--_border-color: var(--text-field-border-color, var(--brand-secondary-color));padding:20px 14px 8px 14px;background-color:var(--_bg-color);color:var(--_color);border:1px solid var(--accent-brown);transition:border-color var(--transition);border-radius:0;font-weight:300}.form input:not([type=checkbox],[type=radio])::placeholder,.form select::placeholder,.form textarea::placeholder{color:rgba(0,0,0,0)}.form input:not([type=checkbox],[type=radio]):not([disabled]):active,.form select:not([disabled]):active,.form textarea:not([disabled]):active{border-color:var(--_border-color)}@media(hover: hover){.form input:not([type=checkbox],[type=radio]):not([disabled]):hover,.form select:not([disabled]):hover,.form textarea:not([disabled]):hover{border-color:var(--_border-color)}}}@layer components{.form-block,.forms-multiple-block{width:100%}[data-m-form],[data-m-forms-multiple]{position:relative;width:100%}.form{display:flex;flex-direction:column;gap:20px;transition:opacity var(--transition)}.has-background .form{background-color:var(--white);padding:30px;border-radius:var(--card-radius)}.form.animate-in{opacity:0}.form.animate-out{opacity:0;position:absolute;z-index:0;pointer-events:none;height:100%;overflow:hidden}.form>.page{position:relative;overflow-x:hidden}.form>.page>.form-page{transition:opacity var(--transition),transform var(--transition);z-index:1;width:100%}.form>.page>.form-page.animate-in{opacity:0}.form>.page>.form-page.animate-out{opacity:0;position:absolute;z-index:0;pointer-events:none;height:100%;overflow:hidden}.form>.error-summary{display:flex;flex-direction:column}.form>.nav{display:flex;justify-content:flex-end;align-items:center;gap:16px}.form>.nav button{display:flex}.form>.nav button.btn-primary{display:grid}.form>.nav button.btn-primary>span{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;height:16px}.form>.nav button.btn-primary>span .icon{height:16px}@media(hover: hover){.form>.nav button.btn-primary:not([disabled]):hover>span{transform:unset}}.form>.nav button.btn-primary .invisible{opacity:0}.form.-dir-next>.page>.form-page.animate-in{transform:translateX(20px)}.form.-dir-next>.page>.form-page.animate-out{transform:translateX(-20px)}.form.-dir-prev>.page>.form-page.animate-in{transform:translateX(-20px)}.form.-dir-prev>.page>.form-page.animate-out{transform:translateX(20px)}.form-submitted{transition:opacity var(--transition);max-width:700px}.form-submitted>.title{display:block;font-family:var(--ff-primary);--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.form-submitted>.btn-container{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.form-submitted.animate-in{opacity:0}.form-submitted.animate-out{opacity:0;position:absolute;z-index:0;pointer-events:none;height:100%;overflow:hidden}}@layer theme{.form-block,.forms-multiple-block{position:relative;background:var(--support-color-1);z-index:var(--z-index-2)}.form-block [data-m-form],.form-block [data-m-forms-multiple],.forms-multiple-block [data-m-form],.forms-multiple-block [data-m-forms-multiple]{z-index:var(--z-index-2);max-width:610px;margin:0 auto}.form-block::before,.forms-multiple-block::before{content:"";display:block;height:100%;width:100%;background-color:var(--support-color-1);position:absolute;top:0;left:-50dvw;z-index:var(--z-index-1)}.form-block::after,.forms-multiple-block::after{content:"";display:block;height:100%;width:100%;background-color:var(--support-color-1);position:absolute;top:0;right:-50dvw;z-index:var(--z-index-1)}.form-block:not(.has-sidebar),.forms-multiple-block:not(.has-sidebar){padding-block:44px 48px;padding-inline:16px}@media(min-width: 768px){.form-block::before,.form-block::after,.forms-multiple-block::before,.forms-multiple-block::after{display:none}.form-block:not(.has-sidebar),.forms-multiple-block:not(.has-sidebar){padding-inline:48px}}@media(min-width: 1194px){.form-block:not(.has-sidebar),.forms-multiple-block:not(.has-sidebar){padding-inline:104px}}.form-block.has-sidebar,.forms-multiple-block.has-sidebar{display:grid;grid-template-columns:1fr}.form-block.has-sidebar .sidebar,.forms-multiple-block.has-sidebar .sidebar{position:relative;z-index:var(--z-index-2);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding-block:0}.form-block.has-sidebar .sidebar:has(img),.forms-multiple-block.has-sidebar .sidebar:has(img){color:var(--white)}.form-block.has-sidebar .sidebar:has(img) .block-header .title,.form-block.has-sidebar .sidebar:has(img) .block-header .subtitle,.forms-multiple-block.has-sidebar .sidebar:has(img) .block-header .title,.forms-multiple-block.has-sidebar .sidebar:has(img) .block-header .subtitle{color:var(--white)}.form-block.has-sidebar .sidebar .media-component,.forms-multiple-block.has-sidebar .sidebar .media-component{position:relative;grid-row:1;grid-column:1;width:100%;height:100%;object-fit:cover;min-height:350px}.form-block.has-sidebar .sidebar .media-component::before,.forms-multiple-block.has-sidebar .sidebar .media-component::before{content:"";display:block;position:absolute;inset:0;background-color:var(--black);opacity:.6;height:100%;width:100%;z-index:var(--z-index-1)}.form-block.has-sidebar .sidebar .block-header,.forms-multiple-block.has-sidebar .sidebar .block-header{grid-row:1;grid-column:1;padding-block:48px 64px;padding-inline:36px;z-index:var(--z-index-1)}.form-block.has-sidebar .sidebar .block-header .title,.form-block.has-sidebar .sidebar .block-header .subtitle,.forms-multiple-block.has-sidebar .sidebar .block-header .title,.forms-multiple-block.has-sidebar .sidebar .block-header .subtitle{color:var(--black)}.form-block.has-sidebar [data-m-form],.form-block.has-sidebar [data-m-forms-multiple],.forms-multiple-block.has-sidebar [data-m-form],.forms-multiple-block.has-sidebar [data-m-forms-multiple]{padding-block:44px 48px;padding-inline:16px}@media(min-width: 992px){.form-block.has-sidebar,.forms-multiple-block.has-sidebar{grid-template-columns:420px 1fr}.form-block.has-sidebar [data-m-form],.form-block.has-sidebar [data-m-forms-multiple],.forms-multiple-block.has-sidebar [data-m-form],.forms-multiple-block.has-sidebar [data-m-forms-multiple]{padding-inline:48px}.form-block.has-sidebar .sidebar .block-header,.forms-multiple-block.has-sidebar .sidebar .block-header{padding-block:40px;padding-inline:40px}}@media(min-width: 1194px){.form-block.has-sidebar [data-m-form],.form-block.has-sidebar [data-m-forms-multiple],.forms-multiple-block.has-sidebar [data-m-form],.forms-multiple-block.has-sidebar [data-m-forms-multiple]{padding-inline:0}}.section:has(.col-1,.col-2) .form-block .block-header,.section:has(.col-1,.col-2) .forms-multiple-block .block-header{margin-block-end:32px;z-index:var(--z-index-2)}.section:has(.col-1,.col-2) .form-block .block-header .title.fs2,.section:has(.col-1,.col-2) .forms-multiple-block .block-header .title.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: 3.2rem}.section:has(.form-block.has-sidebar) .component-grid,.section:has(.forms-multiple-block.has-sidebar) .component-grid{grid-column:full-width}.section:has(.form-block.has-sidebar) .component-grid .component,.section:has(.forms-multiple-block.has-sidebar) .component-grid .component{display:grid;grid-template-columns:subgrid;grid-column:full-width}.section:has(.form-block.has-sidebar) .component-grid .component>.form-block,.section:has(.form-block.has-sidebar) .component-grid .component>.forms-multiple-block,.section:has(.forms-multiple-block.has-sidebar) .component-grid .component>.form-block,.section:has(.forms-multiple-block.has-sidebar) .component-grid .component>.forms-multiple-block{grid-column:full-width}@media(min-width: 768px){.section:has(.form-block.has-sidebar) .component-grid,.section:has(.forms-multiple-block.has-sidebar) .component-grid{grid-column:content}.section:has(.form-block.has-sidebar) .component-grid .component,.section:has(.forms-multiple-block.has-sidebar) .component-grid .component{display:revert;grid-column:content}.section:has(.form-block.has-sidebar) .component-grid .component>.form-block,.section:has(.forms-multiple-block.has-sidebar) .component-grid .component>.form-block{grid-column:content}}}
@layer base{.style-test .style-test-step .title,.style-test .form-field .field-error,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer component{.style-test{display:flex;flex-direction:column;align-items:center;gap:40px}.style-test .style-test-progress{display:flex;flex-wrap:wrap;justify-content:center;column-gap:32px;row-gap:16px}.style-test .style-test-progress .step-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--support-color-1);transition:background-color var(--transition);border-radius:100%;position:relative}.style-test .style-test-progress .step-button .icon{width:18px;height:18px}.style-test .style-test-progress .step-button:not(:last-child):after{content:"";width:32px;height:1px;display:block;background-color:var(--support-color-1);transition:background-color var(--transition);position:absolute;left:28px}.style-test .style-test-progress .step-button.active{background-color:var(--primary-color-1)}.style-test .style-test-progress .step-button.active:has(+.step-button.active):not(:last-child):after{background-color:var(--primary-color-1)}.style-test .style-test-step{display:flex;flex-direction:column;gap:24px;max-width:892px;width:100%}.style-test .style-test-step .title{font-weight:600;--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.style-test .style-test-step .style-test-answers{display:grid;grid-template-columns:repeat(var(--style-test-columns, 2), 1fr);gap:16px}@media(min-width: 576px){.style-test .style-test-step .style-test-answers{grid-template-columns:repeat(var(--style-test-columns, 3), 1fr)}}@media(min-width: 768px){.style-test .style-test-step .style-test-answers{gap:32px}}@media(min-width: 992px){.style-test .style-test-step .style-test-answers{grid-template-columns:repeat(var(--style-test-columns, 4), 1fr)}}.style-test .style-test-step .style-test-answers .style-test-answer{grid-column:var(--answer-column);grid-row:var(--answer-row);opacity:1;transition:opacity var(--transition);transition-delay:var(--answer-delay, 0s)}.style-test .style-test-step .style-test-answers .style-test-answer.animate-in{opacity:0}.style-test .style-test-step .style-test-answers .style-test-answer.animate-out{opacity:0;transition:opacity .2s ease-in-out}.style-test .style-test-step .style-test-answers .style-test-answer .style-test-answer-button{position:relative;display:grid;grid-template-rows:auto 52px;align-items:center;width:100%;transition:background-color var(--transition)}.style-test .style-test-step .style-test-answers .style-test-answer .style-test-answer-button:not([disabled]):active{background-color:var(--support-color-1)}@media(hover: hover){.style-test .style-test-step .style-test-answers .style-test-answer .style-test-answer-button:not([disabled]):hover{background-color:var(--support-color-1)}}.style-test .style-test-step .style-test-answers .style-test-answer .style-test-answer-button .radiobox{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;background-color:var(--white);border:1px solid var(--black);border-radius:50%;box-sizing:border-box}.style-test .style-test-step .style-test-answers .style-test-answer .style-test-answer-button .radiobox:after{content:"";display:block;width:14px;height:14px;border-radius:50%;transform:scale(0);transition:transform var(--transition)}.style-test .style-test-step .style-test-answers .style-test-answer .style-test-answer-button .radiobox.selected:after{background-color:var(--black);transform:scale(1)}.style-test .style-test-step .style-test-answers .style-test-answer .style-test-answer-button .media-component{aspect-ratio:1/1}.style-test .style-test-step .style-test-answers .style-test-answer .style-test-answer-button .answer-title{font-weight:500;text-align:center}.style-test .style-test-step span:has(>.btn-default){margin-top:8px;width:100%}.style-test .style-test-actions{display:flex;justify-content:space-between;width:100%}.style-test .form-field{display:grid}.style-test .form-field .field-header,.style-test .form-field .field{grid-column:1;grid-row:1}.style-test .form-field .field-header{color:var(--label-color);padding:16px 0 0 0;z-index:1;pointer-events:none;margin:0;position:relative}.style-test .form-field .field-header label{position:absolute;top:12px;left:16px;transform:translateY(0) scale(1);transition:transform var(--transition),top var(--transition);transform-origin:top left;font-family:var(--ff-secondary);font-weight:300}.style-test .form-field .field{width:100%}.style-test .form-field .control.textbox{width:100%}@media(min-width: 768px){.style-test .form-field .control.textbox{width:50%}}.style-test .form-field input[type=email]{padding:20px 14px 8px 14px;width:100%;background-color:var(--white);color:var(--text-field-color, var(--brand-secondary-color));border:1px solid var(--accent-brown);border-radius:var(--form-radius);font-weight:300;height:48px;transition:border-color var(--transition)}.style-test .form-field input[type=email]::placeholder{color:rgba(0,0,0,0)}.style-test .form-field input[type=email]:focus-visible{border-color:var(--text-field-border-color, var(--brand-secondary-color))}.style-test .form-field:has(input:focus-visible) .field-header label,.style-test .form-field:has(input:not(:placeholder-shown)) .field-header label{top:4px;transform:translateY(0) scale(0.8)}.style-test .form-field .field-error{color:var(--error);font-weight:500;--_font-size-min: var(--body-font-size-min-small);--_font-size-max: var(--body-font-size-max-small);margin-top:4px}.style-test .checkbox{display:inline-flex !important}.style-test .checkbox>.checkbox-item{display:flex;align-items:start;gap:10px;cursor:pointer}.style-test .checkbox>.checkbox-item input[type=checkbox]{appearance:none;margin:0;padding:0;font:inherit;color:currentColor;width:20px;height:20px;border:1px solid currentColor;border-radius:var(--radius-xs);display:grid;place-content:center;transition:outline var(--transition);background-color:var(--checkbox-bg-color, var(--white))}.style-test .checkbox>.checkbox-item input[type=checkbox]:before{content:"";width:20px;height:20px;transform:scale(0);transition:transform var(--transition);background-size:20px;background-color:var(--checkbox-bg-color-active, var(--black));background-image:url(/frontend/assets/generated/64c46e46d0add7f92463.svg)}.style-test .checkbox>.checkbox-item input[type=checkbox]:checked:before{transform:scale(1)}.style-test .checkbox>.checkbox-item span:has(a) a{text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}.style-test .checkbox>.checkbox-item span:has(a) a:hover{color:var(--accent-brown)}.style-test .checkboxlist{display:flex;flex-direction:column;gap:10px}}