.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}.akzo-color-selector{padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--border-radius-m)}@media (width>=768px){.akzo-color-selector{padding:var(--spacing-3xl);padding-top:0}}.akzo-color-selector .header-section{margin-bottom:var(--spacing-2xl);text-align:center}@media (width>=768px){.akzo-color-selector .header-section{text-align:left}}.akzo-color-selector .header-section .description{margin-top:var(--spacing-s);color:var(--color-default-non-invertible-opaque-600);font-size:var(--typography-size-paragraph-m);line-height:var(--typography-line-height-paragraph-m);margin-bottom:0}.akzo-color-selector .controls-section{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);flex-direction:column;display:flex}@media (width>=768px){.akzo-color-selector .controls-section{justify-content:space-between;align-items:flex-end;gap:var(--spacing-l);flex-direction:row}}.akzo-color-selector .controls-section .show-me-section{flex:1}.akzo-color-selector .controls-section .show-me-section .show-me-text{margin-bottom:var(--spacing-m);color:var(--color-default-non-invertible-opaque-700);font-size:var(--typography-size-paragraph-s);font-weight:var(--typography-weight-paragraph-s);text-transform:capitalize}.akzo-color-selector .controls-section .search-section{flex:1;max-width:100%;position:relative}@media (width>=768px){.akzo-color-selector .controls-section .search-section{max-width:30.375rem}}.akzo-color-selector .controls-section .search-section .search-wrapper{position:relative}.akzo-color-selector .controls-section .search-section .search-wrapper akzo-input-search-field::part(input-search-field-part),.akzo-color-selector .controls-section .search-section .search-wrapper akzo-input-search-field [part~=input-search-field-part]{height:auto}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown{z-index:10;background:var(--color-white);border:1px solid var(--color-neutral-300);border-radius:0 0 var(--border-radius-s) var(--border-radius-s);box-shadow:var(--shadow-l);border-top:none;max-height:12rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item{padding:var(--spacing-s) var(--spacing-m);cursor:pointer;align-items:center;transition:background-color .2s;display:flex}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item:hover{background-color:var(--color-neutral-100)}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item .color-preview{border-radius:var(--border-radius-s);width:1.5rem;height:1.5rem;margin-right:var(--spacing-s);border:1px solid var(--color-neutral-300);flex-shrink:0}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item .color-name{font-size:var(--typography-size-paragraph-s);color:var(--color-default-non-invertible-opaque-900)}.akzo-color-selector .controls-section .search-section .search-wrapper .auto-suggest-dropdown .auto-suggest-item .collection-name{font-size:var(--typography-size-paragraph-xs);color:var(--color-default-non-invertible-opaque-600);margin-left:var(--spacing-xs)}.akzo-color-selector .filters-section .filters-wrapper{gap:var(--spacing-s);flex-wrap:wrap;display:flex}@media (width<=767px){.akzo-color-selector .filters-section .filters-wrapper{padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto}.akzo-color-selector .filters-section .filters-wrapper::-webkit-scrollbar{display:none}}.akzo-color-selector .filters-section .filters-wrapper akzo-button{flex-shrink:0}@media (width<=767px){.akzo-color-selector .filters-section .filters-wrapper akzo-button{min-width:max-content}}.akzo-color-selector .filters-section .filters-wrapper akzo-button::part(button),.akzo-color-selector .filters-section .filters-wrapper akzo-button [part~=button]{border-radius:var(--border-radius-s);font-size:var(--typography-size-paragraph-s);padding:var(--spacing-s) var(--spacing-m)}.akzo-color-selector .filters-section .filters-wrapper akzo-button[variant=secondary]::part(button),.akzo-color-selector .filters-section .filters-wrapper akzo-button[variant=secondary] [part~=button]{border:1px solid var(--default-neutral-invertible-opaque-300);color:var(--color-default-non-invertible-opaque-700);background-color:#0000}.akzo-color-selector .filters-section .filters-wrapper akzo-button[variant=primary]::part(button),.akzo-color-selector .filters-section .filters-wrapper akzo-button[variant=primary] [part~=button]{background-color:var(--color-neutral-200);border:1px solid var(--default-neutral-invertible-opaque-300);color:var(--color-black);font-weight:700}.akzo-color-selector .color-hues-section{margin-bottom:var(--spacing-2xl)}.akzo-color-selector .color-hues-section .color-hues-wrapper{gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=768px){.akzo-color-selector .color-hues-section .color-hues-wrapper{justify-content:flex-start;gap:var(--spacing-s)}}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item{border-radius:var(--border-radius-s);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex;position:relative}@media (width>=768px){.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item{width:3.5rem;height:3.5rem}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item:hover{transform:scale(1.1)}}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item.selected{border-color:var(--color-default-non-invertible-opaque-900)}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item.selected akzo-icon{color:var(--color-white);filter:drop-shadow(0 1px 2px #0000004d)}.akzo-color-selector .color-hues-section .color-hues-wrapper .color-hue-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.akzo-color-selector .colors-section akzo-heading{margin-bottom:var(--spacing-l)}.akzo-color-selector .colors-section .color-grid-container{gap:var(--spacing-m);grid-template-columns:repeat(var(--colors-per-row,6), 1fr);display:grid}@media (width<=767px){.akzo-color-selector .colors-section .color-grid-container{gap:var(--spacing-s);grid-template-columns:1fr}}@media (width>=768px) and (width<=1023px){.akzo-color-selector .colors-section .color-grid-container{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.akzo-color-selector .colors-section .color-grid-container{grid-template-columns:repeat(6,1fr)}}.akzo-color-selector .colors-section .color-grid-container akzo-color-grid-item{width:100%;height:auto}@media (width<=767px){.akzo-color-selector .colors-section .color-grid-container akzo-color-grid-item{height:4rem}}@media (width>=768px){.akzo-color-selector .colors-section .color-grid-container akzo-color-grid-item{aspect-ratio:1}}.akzo-color-selector .colors-section .color-grid-container .loading-indicator{padding:var(--spacing-xl);grid-column:1/-1;justify-content:center;align-items:center;display:flex}.akzo-color-selector .colors-section .color-grid-container .loading-indicator akzo-spinner{color:var(--color-primary-500)}@media (width<=767px){.akzo-color-selector{padding:var(--spacing-l);padding-left:0;padding-right:0}.akzo-color-selector .header-section{margin-bottom:var(--spacing-xl)}.akzo-color-selector .controls-section{gap:var(--spacing-l);margin-bottom:var(--spacing-xl)}.akzo-color-selector .color-hues-section{margin-bottom:var(--spacing-xl)}}@media (prefers-reduced-motion:no-preference){.akzo-color-selector .color-hue-item{transition:transform .2s,border-color .2s}.akzo-color-selector .auto-suggest-item{transition:background-color .2s}.akzo-color-selector akzo-color-grid-item{transition:transform .2s}.akzo-color-selector akzo-color-grid-item:hover{transform:translateY(-2px)}}@media (prefers-contrast:high){.akzo-color-selector,.akzo-color-selector .color-hue-item{border:2px solid var(--color-black)}.akzo-color-selector .color-hue-item.selected{border-width:4px}.akzo-color-selector .auto-suggest-dropdown{border:2px solid var(--color-black)}}.akzo-color-selector akzo-color-combinations::part(parent-wrapper),.akzo-color-selector akzo-color-combinations [part~=parent-wrapper]{padding-top:0;padding-bottom:0}@media (width<=600px){akzo-color-combinations::part(content-wrapper){padding-left:0;padding-right:0}}