.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{box-sizing:border-box;font-family:Open Sans,sans-serif;display:block}:host(.compact){box-sizing:border-box;width:100%;max-width:300px;height:424px;min-height:424px;max-height:424px}:host(.expanded){width:100%;max-width:var(--product-card-max-width,400px);box-sizing:border-box;height:444px;min-height:444px;max-height:444px}.akzo-card{box-sizing:border-box;background:var(--color-surface-neutral-option1);flex-direction:column;width:100%;height:100%;padding:32px 24px;display:flex}.card-inner{box-sizing:border-box;flex-direction:column;flex:1;height:100%;display:flex}.card-text{flex-direction:column;flex:1;justify-content:flex-start;gap:.5rem;display:flex;overflow:hidden}.card-title{color:var(--color-text-title);word-wrap:break-word;margin-top:23px;margin-bottom:0;font-family:Colour Sans,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.75rem}.card-description{color:var(--color-text-functional);text-overflow:ellipsis;margin:0;font-size:1rem;line-height:1.25rem;overflow:hidden}:host(.compact) .card-image{flex-shrink:0;height:156px}:host(.expanded) .card-image{flex-shrink:0;height:224px}.card-image{width:100%;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;display:block}akzo-button{width:100%;margin-top:auto;display:block}akzo-button::part(button-text),akzo-button [part~=button-text]{white-space:nowrap}akzo-button::part(secondary),akzo-button [part~=secondary]{align-items:unset;width:100%}.akzo-card{cursor:pointer;transition:transform .25s,box-shadow .25s}.card-title,.card-description,.card-image{user-select:none;cursor:pointer}@media (width<=767px){:host(.compact){max-width:100%;height:auto;min-height:380px;max-height:none}:host(.expanded){max-width:100%;height:auto;min-height:400px;max-height:none}.card-inner{gap:.5rem}.card-text{gap:.25rem}.card-description{margin-bottom:.25rem;font-size:.95rem;line-height:1.2rem}akzo-button{margin-top:.75rem}}.button-wrapper{pointer-events:none}.button-wrapper akzo-button{pointer-events:auto}akzo-button::part(base):hover,akzo-button [part~=base]:hover{background-color:var(--color-interactive-hover)}.card-title,.card-description{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(.compact) .card-title{-webkit-line-clamp:2}:host(.compact) .card-description{-webkit-line-clamp:3}:host(.expanded) .card-title{-webkit-line-clamp:1}:host(.expanded) .card-description{-webkit-line-clamp:2}