.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:Open Sans,sans-serif}.heading-xxxl{font-size:2.5rem;font-weight:700;line-height:2.75rem}@media (width>=904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;font-weight:700;line-height:2.5rem}@media (width>=904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;font-weight:700;line-height:2.25rem}@media (width>=904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;font-weight:700;line-height:2rem}@media (width>=904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;font-weight:700;line-height:1.75rem}@media (width>=904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;font-weight:700;line-height:1.5rem}.body-xs{margin-bottom:16px;font-size:12px;font-weight:400;line-height:16px}.body-xs-bold{margin-bottom:16px;font-size:12px;font-weight:700;line-height:16px}.body-s{margin-bottom:18px;font-size:14px;font-weight:400;line-height:20px}.body-s-bold{margin-bottom:18px;font-size:14px;font-weight:700;line-height:20px}.body{margin-bottom:20px;font-size:16px;font-weight:400;line-height:24px}.body-bold{margin-bottom:20px;font-size:16px;font-weight:700;line-height:24px}.overline{text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:400;line-height:16px}.overline--bold{text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:700;line-height:16px}.overline-s{text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:400;line-height:16px}.overline-s-bold{text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:700;line-height:16px}.strikethrough-header-s{margin-bottom:24px;font-size:20px;font-weight:700;line-height:24px;text-decoration:line-through}.strikethrough{margin-bottom:20px;font-size:16px;font-weight:400;line-height:20px;text-decoration:line-through}.strikethrough-s{margin-bottom:18px;font-size:14px;font-weight:400;line-height:16px;text-decoration:line-through}.label{margin-bottom:18px;font-size:14px;font-weight:600;line-height:16px}.body-link{margin-bottom:20px;font-size:16px;font-weight:400;line-height:20px;text-decoration:underline}.body-link-bold{margin-bottom:20px;font-size:16px;font-weight:700;line-height:20px;text-decoration:underline}.body-s-link{margin-bottom:18px;font-size:14px;font-weight:400;line-height:16px;text-decoration:underline}.body-s-link-bold{margin-bottom:18px;font-size:14px;font-weight:700;line-height:16px;text-decoration:underline}.body-xs-link{margin-bottom:16px;font-size:12px;font-weight:400;line-height:16px;text-decoration:underline}.body-xs-link-bold{margin-bottom:16px;font-size:12px;font-weight:700;line-height:16px;text-decoration:underline}.button-xs{margin-bottom:16px;font-size:12px;font-weight:700;line-height:16px}.button-s{margin-bottom:12px;font-size:14px;font-weight:700;line-height:16px}.button{margin-bottom:12px;font-size:16px;font-weight:700;line-height:20px}:host{background:var(--color-surface-neutral-option1,#fff);border-radius:var(--radius-l,8px);opacity:1;max-width:90vw;padding:var(--spacing-xl,32px);gap:var(--spacing-md,16px);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;position:relative;overflow:visible}.modal-close{top:var(--spacing-md,16px);right:var(--spacing-md,16px);font-size:var(--spacing-lg,24px);padding:var(--spacing-xs,8px);cursor:pointer;color:var(--color-text-placeholder,#757575);border-radius:var(--radius-s,4px);z-index:10;background:0 0;border:none;line-height:1;transition:all .2s;position:absolute}.modal-close:hover{background-color:var(--color-surface-neutral-option2,#f5f5f5);color:var(--color-text-body,#616161)}.modal-close:focus{outline:var(--spacing-xxs,2px) solid var(--color-stroke-accent-brand-primary,#1347d4);outline-offset:var(--spacing-xxs,2px)}@media (width<=480px){:host{width:100%;max-width:100%;padding:var(--spacing-lg,24px) var(--spacing-md,16px);gap:var(--spacing-md,16px);border-radius:0;margin:0}.modal-title{margin-bottom:var(--spacing-xs,8px)!important;font-size:1.25rem!important;line-height:1.5rem!important}.modal-subtitle{margin-bottom:var(--spacing-md,16px)!important;margin-top:0!important;font-size:.875rem!important}.modal-label{margin-bottom:var(--spacing-xs,8px)!important;font-size:.875rem!important}.modal-row,.modal-row.modal-row--wide,.input-row{gap:var(--spacing-sm,12px);flex-direction:column;display:flex;height:auto!important;margin-bottom:0!important}.modal-row>*{flex:auto;width:100%!important;height:auto!important}.modal-row akzo-button{width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important}.input-group{margin-bottom:var(--spacing-sm,12px)}.input-label{margin-bottom:var(--spacing-xs,8px)!important;font-size:.875rem!important}.modal-actions:not(.result-actions){margin:var(--spacing-lg,24px) 0 0;background:0 0;justify-content:center;padding:0;display:flex;position:static}.modal-actions:not(.result-actions) akzo-button,.modal-actions.result-actions akzo-button{width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;max-height:48px!important}.result-summary{gap:var(--spacing-md,16px)!important;margin-bottom:var(--spacing-md,16px)!important;margin-top:var(--spacing-md,16px)!important;flex-direction:column!important}.result-details{order:1;width:100%;gap:var(--spacing-md,16px)!important}.result-measurement{gap:var(--spacing-xxs,4px)!important}.result-label{color:var(--color-text-title)!important;font-size:.75rem!important;font-weight:600!important;line-height:1.2!important}.result-value{color:var(--color-text-title,#0a0a0a)!important;font-size:.875rem!important;font-weight:600!important;line-height:1.3!important}.result-image{order:2;aspect-ratio:auto!important;border-radius:var(--radius-l,8px)!important;background:#f5f5f5!important;max-width:none!important;margin:0!important}.result-image img{max-width:80px!important;max-height:80px!important}.result-divider{margin:var(--spacing-md,16px) 0!important}.result-note{margin-bottom:var(--spacing-md,16px)!important;color:var(--color-text-placeholder,#757575)!important;font-size:.75rem!important;line-height:1.3!important}.modal-actions.result-actions{gap:var(--spacing-sm,12px)!important;flex-direction:column!important;margin-top:0!important}.modal-section{margin-bottom:var(--spacing-md,16px);gap:var(--spacing-sm,12px)}.help-link{font-size:.875rem!important}}@media (width>=481px){:host{width:100%;max-width:600px;padding:var(--spacing-xl,32px);gap:var(--spacing-lg,24px);margin:0 auto}.input-row{gap:var(--spacing-md,16px);flex-direction:row}.modal-actions:not(.result-actions) akzo-button,.modal-actions.result-actions akzo-button{width:320px!important;min-width:320px!important;max-width:320px!important}}.akzo-modal-close{top:var(--spacing-lg,24px);right:var(--spacing-lg,24px);font-size:var(--spacing-lg,1.5rem);cursor:pointer;color:var(--color-text-title,#0a0a0a);width:var(--spacing-xl,32px);height:var(--spacing-xl,32px);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal-title{letter-spacing:0;color:var(--color-text-title,#0a0a0a);font-size:2rem;font-weight:700;line-height:2.5rem}.modal-subtitle{color:var(--color-text-placeholder,#757575);margin-bottom:var(--spacing-xl,32px);margin-top:var(--spacing-xs,8px);font-size:1rem;font-weight:400}.modal-label{color:var(--color-text-title,#0a0a0a);margin-bottom:var(--spacing-s,12px);font-size:14px;font-weight:600}.button-section{gap:0!important}.modal-section{margin-bottom:var(--spacing-l,24px);flex-direction:column;display:flex}.modal-section:first-of-type{margin-bottom:var(--spacing-lg,24px)}.modal-section:last-of-type{margin-bottom:0}.modal-row{gap:var(--spacing-s,12px);height:var(--spacing-2xl,48px);align-items:stretch;width:100%;margin-bottom:0;display:flex}.modal-row--wide{height:var(--spacing-2xl,48px);width:100%}.modal-row>*{box-sizing:border-box;width:100%;min-width:0;height:var(--spacing-2xl,48px);flex:1 1 0;container-type:inline-size}.modal-row akzo-button{width:100%!important;height:var(--spacing-2xl,48px)!important;flex:1!important;min-width:0!important;max-width:none!important;display:block!important}.input-section{gap:var(--spacing-md,16px);margin-top:var(--spacing-md,16px);flex-direction:column;display:flex}.section-div{margin-top:var(--spacing-l,24px)}.input-row{gap:var(--spacing-s,12px);align-items:flex-start;display:flex}.input-group{gap:var(--spacing-xs,8px);flex-direction:column;flex:1;display:flex;position:relative}.input-label{color:var(--color-text-title,#0a0a0a);font-size:14px;font-weight:700}.input-unit{right:var(--spacing-xl,30px);bottom:var(--spacing-sm,12px);color:var(--color-text-placeholder,#757575);font-size:var(--spacing-md,1rem);pointer-events:none;position:absolute}.input-group akzo-input-textfield::part(input),.input-group akzo-input-textfield [part~=input]{padding-right:var(--spacing-3xl,56px);text-overflow:ellipsis}.modal-row:last-child{margin-bottom:0}.modal-help{margin-top:12px}.modal-help akzo-link::part(href),.modal-help akzo-link [part~=href]{cursor:pointer;align-items:center;text-decoration:none;display:inline-flex}.modal-help akzo-link::part(link-label),.modal-help akzo-link [part~=link-label]{text-decoration:inherit;text-underline-offset:25%;font-size:14px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:9%}.modal-help akzo-link:hover::part(link-label),.modal-help akzo-link:hover [part~=link-label]{text-decoration:none}akzo-input-textfield::part(input-div),akzo-input-textfield [part~=input-div]{gap:0}.modal-actions{margin-top:var(--spacing-xs,8px);justify-content:center;width:100%;display:flex}.modal-actions:not(.result-actions){justify-content:center}.modal-actions:not(.result-actions) akzo-button{padding:var(--spacing-sm,12px) var(--spacing-md,16px);height:var(--spacing-2xl,48px);width:320px!important;min-width:320px!important;max-width:320px!important}:host akzo-button{height:var(--spacing-2xl,48px);border-radius:var(--radius-l,8px);box-sizing:border-box;padding:0;font-size:1.125rem;font-weight:700;transition:background .2s,color .2s,border .2s;width:100%!important;display:block!important}akzo-button:defined{width:100%!important;max-width:none!important}.akzo-modal akzo-button::part(primary),.akzo-modal akzo-button [part~=primary],.akzo-modal akzo-button::part(secondary),.akzo-modal akzo-button [part~=secondary],.akzo-modal akzo-button::part(tertiary),.akzo-modal akzo-button [part~=tertiary]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important}akzo-button::part(button-text),akzo-button [part~=button-text]{font-size:16px;line-height:20px}.akzo-modal .input-group .akzo-input-textfield{height:var(--spacing-2xl,48px);font-size:var(--spacing-md,1rem);border-radius:var(--radius-l,8px);background:var(--color-surface-neutral-option1,#fff);border:var(--spacing-xxs,1px) solid var(--color-stroke-default,#d8d8d8);color:var(--color-text-title,#0a0a0a);padding:0 40px 0 var(--spacing-md,16px);box-sizing:border-box;align-items:center;margin-bottom:0;font-weight:500;display:flex}.akzo-modal .akzo-button[variant=primary]{background:var(--color-interactive-primary-default,#021b5f);color:var(--color-text-on-primary,#fff);border:none}.akzo-modal .akzo-button[variant=secondary]{background:var(--color-surface-neutral-option1,#fff);color:var(--color-interactive-secondary-default,#121212);border:var(--spacing-xxs,2px) solid var(--color-interactive-secondary-default,#121212)}.akzo-modal .akzo-button[variant=primary]:hover,.akzo-modal .akzo-button[variant=secondary]:hover{filter:brightness(.95)}.akzo-modal .input-group .akzo-input-textfield input{background:var(--color-surface-neutral-option1,#fff);border:1px solid var(--color-stroke-default,#d8d8d8);color:var(--color-text-title,#0a0a0a);padding:var(--spacing-sm,12px) 0 var(--spacing-sm,12px) var(--spacing-sm,12px);box-sizing:border-box;border-radius:var(--radius-l,8px);width:100%;height:100%;font-size:1rem;font-weight:400}.akzo-modal .input-group .akzo-input-textfield input::placeholder{color:var(--color-text-placeholder,#757575);font-weight:400}.result-summary{margin-top:0;margin-bottom:var(--spacing-xl,32px);justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl,32px);flex-direction:row;display:flex}.result-details{gap:var(--spacing-xl,32px);flex-direction:column;flex:1;display:flex}.result-measurement{gap:var(--spacing-xs,8px);flex-direction:column;display:flex}.result-label{margin-bottom:0;font-size:14px;color:var(--color-text-title)!important;font-weight:600!important}.result-value{color:var(--color-text-title,#0a0a0a);margin-bottom:0;font-size:20px;font-weight:700;line-height:1.2}.result-image{background:var(--color-surface-neutral-option2,#f5f5f5);border-radius:var(--radius-xl,16px);flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.result-image img{max-width:var(--spacing-6xl,120px);max-height:var(--spacing-6xl,120px);object-fit:contain}.result-divider{border:none;border-top:1px solid var(--color-stroke-subdued,#ebebeb);margin:0 0 var(--spacing-xl,32px) 0;width:100%}.result-note{font-size:var(--spacing-md,16px);color:var(--color-text-placeholder,#757575);margin-bottom:var(--spacing-xl,32px);line-height:1.5}.modal-actions.result-actions{gap:var(--spacing-md,16px);flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:0;display:flex}.modal-actions.result-actions akzo-button{padding:var(--spacing-md,16px);height:var(--spacing-3xl,56px);box-sizing:border-box;font-size:var(--spacing-md,16px);font-weight:600;display:block;width:320px!important;min-width:320px!important;max-width:320px!important}.measure-modal-content{padding:8px}.measure-header{text-align:center;margin-bottom:40px}.measure-subtitle{color:var(--color-text-secondary,#6b7280);max-width:520px;margin-top:12px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.5}.measure-content{flex-direction:column;gap:40px;display:flex}.measure-boxes{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.measure-box{flex:1;min-width:240px;max-width:320px;position:relative}.box-inner{background:#f8f7ff;border:2px solid #1a1a1a;border-radius:8px;justify-content:center;align-items:center;padding:80px 40px;display:flex;position:relative}.length-box .box-inner{background:#f8f7ff}.height-box .box-inner{background:#f0fdf4}.box-label{color:#111827;font-size:20px;font-weight:600;line-height:1.4}.measure-arrow{z-index:10;position:absolute}.arrow-horizontal{justify-content:center;align-items:center;width:80%;height:20px;display:flex;bottom:-32px;left:50%;transform:translate(-50%)}.arrow-horizontal .arrow-line{background:#1a1a1a;width:100%;height:3px;position:absolute}.arrow-head-left,.arrow-head-right{border-style:solid;width:0;height:0;position:absolute}.arrow-head-left{border-width:6px 8px 6px 0;border-color:#0000 #1a1a1a #0000 #0000;left:-8px}.arrow-head-right{border-width:6px 0 6px 8px;border-color:#0000 #0000 #0000 #1a1a1a;right:-8px}.arrow-vertical{justify-content:center;align-items:center;width:20px;height:80%;display:flex;top:50%;right:-32px;transform:translateY(-50%)}.arrow-vertical .arrow-line{background:#1a1a1a;width:3px;height:100%;position:absolute}.arrow-head-top,.arrow-head-bottom{border-style:solid;width:0;height:0;position:absolute}.arrow-head-top{border-width:0 6px 8px;border-color:#0000 #0000 #1a1a1a;top:-8px;left:50%;transform:translate(-50%)}.arrow-head-bottom{border-width:8px 6px 0;border-color:#1a1a1a #0000 #0000;bottom:-8px;left:50%;transform:translate(-50%)}.measure-actions{text-align:center;justify-content:center;align-items:center;width:100%;padding-top:8px;display:flex}.measure-actions akzo-button{flex-shrink:0;min-width:180px;max-width:180px;width:auto!important}@media (width<=768px){.measure-boxes{flex-direction:column;align-items:center}.measure-box{width:100%;max-width:100%}}@media (width<=480px){.measure-modal-content{padding:var(--spacing-md,16px);max-height:calc(100vh - 120px);overflow-y:auto}.measure-header{margin-bottom:var(--spacing-lg,24px)}.measure-subtitle{padding:0 var(--spacing-xs,8px);font-size:14px}.measure-content{gap:var(--spacing-lg,24px)}.measure-boxes{gap:var(--spacing-xl,32px);width:100%;padding:0 var(--spacing-xs,8px);flex-direction:column}.measure-box{width:100%;min-width:auto;max-width:none}.box-inner{min-height:140px;padding:48px 24px}.box-label{font-size:16px}.arrow-horizontal{bottom:-24px}.arrow-vertical{right:-24px}.measure-actions{padding:0 var(--spacing-xs,8px)}.measure-actions akzo-button{width:100%!important;max-width:none!important}}@media (width<=600px){.arrow-horizontal{bottom:-24px}}akzo-modal::part(close-button),akzo-modal [part~=close-button]{justify-content:center;align-items:center;width:48px;height:44px;font-size:1.25rem;display:flex;top:36px;right:6px}@media (width<=600px){.input-group{gap:unset;width:100%;margin-bottom:0}.modal-actions:not(.result-actions) akzo-button,.modal-actions.result-actions akzo-button{width:100%!important;max-width:unset!important;padding:0!important}}