@charset "UTF-8";
:root {
  --shade-50: #f9f6f2;
  --shade-100: #ebebe7;
  --shade-200: #cfcfcb;
  --shade-300: #b3b3b0;
  --shade-400: #949491;
  --shade-500: #767674;
  --shade-600: #636361;
  --shade-700: #494948;
  --shade-800: #333331;
  --shade-900: #1c1c1b;
  --shade-950: #111110;
  --color-white: #ffffff;
  --color-red-dark: #ce2020;
  --color-red: #f0867b;
  --color-red-light: #f8ccc8;
  --color-orange-dark: #b3610e;
  --color-orange: #f19436;
  --color-orange-light: #f2c8a6;
  --color-yellow-dark: #ffce00;
  --color-yellow: #f9d76f;
  --color-yellow-light: #ffefbd;
  --color-green-darker: #39742c;
  --color-green-dark: #a8be6a;
  --color-green: #c2d58b;
  --color-green-light: #e0ebc5;
  --color-blue-darkest: #1c4a7b;
  --color-blue-darker: #507399;
  --color-blue-dark: #6794c6;
  --color-blue: #c8e5f8;
  --color-blue-light: #edf7ff;
  --color-pink-dark: #875c7b;
  --color-pink: #cd9abf;
  --color-pink-light: #dbb3d0;
  --color-success: #39742c;
  --color-info: #6794c6;
  --color-warning: #b3610e;
  --color-alert: #ce2020;
  --color-notice: #bbb1a7;
  --color-overlay: rgba(83, 119, 158, 0.4);
  --transparency-white: rgba(255, 255, 255, .7);
  --transparency-shadow: rgba(18, 35, 53, .6);
  --transparency-overlay: rgba(83, 119, 158, .4);
}

/*#region Backgrounds */
.cl-50-bg {
  background-color: var(--shade-50);
}

.cl-100-bg {
  background-color: var(--shade-100);
}

.cl-200-bg {
  background-color: var(--shade-200);
}

.cl-300-bg {
  background-color: var(--shade-300);
}

.cl-400-bg {
  background-color: var(--shade-400);
}

.cl-500-bg {
  background-color: var(--shade-500);
}

.cl-600-bg {
  background-color: var(--shade-600);
}

.cl-700-bg {
  background-color: var(--shade-700);
}

.cl-800-bg {
  background-color: var(--shade-800);
}

.cl-900-bg {
  background-color: var(--shade-900);
}

.cl-950-bg {
  background-color: var(--shade-950);
}

.cl-white-bg {
  background-color: var(--color-white);
}

.cl-rd-bg {
  background-color: var(--color-red-dark);
}

.cl-r-bg {
  background-color: var(--color-red);
}

.cl-rl-bg {
  background-color: var(--color-red-light);
}

.cl-od-bg {
  background-color: var(--color-orange-dark);
}

.cl-o-bg {
  background-color: var(--color-orange);
}

.cl-ol-bg {
  background-color: var(--color-orange-light);
}

.cl-yd-bg {
  background-color: var(--color-yellow-dark);
}

.cl-y-bg {
  background-color: var(--color-yellow);
}

.cl-yl-bg {
  background-color: var(--color-yellow-light);
}

.cl-gd2-bg {
  background-color: var(--color-green-darker);
}

.cl-gd-bg {
  background-color: var(--color-green-dark);
}

.cl-g-bg {
  background-color: var(--color-green);
}

.cl-gl-bg {
  background-color: var(--color-green-light);
}

.cl-bd3-bg {
  background-color: var(--color-blue-darkest);
}

.cl-bd2-bg {
  background-color: var(--color-blue-darker);
}

.cl-bd-bg {
  background-color: var(--color-blue-dark);
}

.cl-b-bg {
  background-color: var(--color-blue);
}

.cl-bl-bg {
  background-color: var(--color-blue-light);
}

.cl-pd-bg {
  background-color: var(--color-pink-dark);
}

.cl-p-bg {
  background-color: var(--color-pink);
}

.cl-pl-bg {
  background-color: var(--color-pink-light);
}

.cl-success-bg {
  background-color: var(--color-success);
}

.cl-info-bg {
  background-color: var(--color-info);
}

.cl-warn-bg {
  background-color: var(--color-warning);
}

.cl-alert-bg {
  background-color: var(--color-alert);
}

.cl-notice-bg {
  background-color: var(--color-notice);
}

.cl-overlay-bg {
  background-color: var(--color-overlay);
}

body .cl-white-bef-bg:before {
  background-color: var(--color-white);
}
body .cl-rd-bef-bg:before {
  background-color: var(--color-red-dark);
}
body .cl-r-bef-bg:before {
  background-color: var(--color-red);
}
body .cl-rl-bef-bg:before {
  background-color: var(--color-red-light);
}
body .cl-od-bef-bg:before {
  background-color: var(--color-orange-dark);
}
body .cl-o-bef-bg:before {
  background-color: var(--color-orange);
}
body .cl-ol-bef-bg:before {
  background-color: var(--color-orange-light);
}
body .cl-yd-bef-bg:before {
  background-color: var(--color-yellow-dark);
}
body .cl-y-bef-bg:before {
  background-color: var(--color-yellow);
}
body .cl-yl-bef-bg:before {
  background-color: var(--color-yellow-light);
}
body .cl-gd2-bef-bg:before {
  background-color: var(--color-green-darker);
}
body .cl-gd-bef-bg:before {
  background-color: var(--color-green-dark);
}
body .cl-g-bef-bg:before {
  background-color: var(--color-green);
}
body .cl-gl-bef-bg:before {
  background-color: var(--color-green-light);
}
body .cl-bd3-bef-bg:before {
  background-color: var(--color-blue-darkest);
}
body .cl-bd2-bef-bg:before {
  background-color: var(--color-blue-darker);
}
body .cl-bd-bef-bg:before {
  background-color: var(--color-blue-dark);
}
body .cl-b-bef-bg:before {
  background-color: var(--color-blue);
}
body .cl-bl-bef-bg:before {
  background-color: var(--color-blue-light);
}
body .cl-pd-bef-bg:before {
  background-color: var(--color-pink-dark);
}
body .cl-p-bef-bg:before {
  background-color: var(--color-pink);
}
body .cl-pl-bef-bg:before {
  background-color: var(--color-pink-light);
}
body .cl-success-bef-bg:before {
  background-color: var(--color-success);
}
body .cl-info-bef-bg:before {
  background-color: var(--color-info);
}
body .cl-warn-bef-bg:before {
  background-color: var(--color-warning);
}
body .cl-alert-bef-bg:before {
  background-color: var(--color-alert);
}
body .cl-notice-bef-bg:before {
  background-color: var(--color-notice);
}
body .cl-overlay-bef-bg:before {
  background-color: var(--color-overlay);
}
body .cl-white-aft-bg:after {
  background-color: var(--color-white);
}
body .cl-rd-aft-bg:after {
  background-color: var(--color-red-dark);
}
body .cl-r-aft-bg:after {
  background-color: var(--color-red);
}
body .cl-rl-aft-bg:after {
  background-color: var(--color-red-light);
}
body .cl-od-aft-bg:after {
  background-color: var(--color-orange-dark);
}
body .cl-o-aft-bg:after {
  background-color: var(--color-orange);
}
body .cl-ol-aft-bg:after {
  background-color: var(--color-orange-light);
}
body .cl-yd-aft-bg:after {
  background-color: var(--color-yellow-dark);
}
body .cl-y-aft-bg:after {
  background-color: var(--color-yellow);
}
body .cl-yl-aft-bg:after {
  background-color: var(--color-yellow-light);
}
body .cl-gd2-aft-bg:after {
  background-color: var(--color-green-darker);
}
body .cl-gd-aft-bg:after {
  background-color: var(--color-green-dark);
}
body .cl-g-aft-bg:after {
  background-color: var(--color-green);
}
body .cl-gl-aft-bg:after {
  background-color: var(--color-green-light);
}
body .cl-bd3-aft-bg:after {
  background-color: var(--color-blue-darkest);
}
body .cl-bd2-aft-bg:after {
  background-color: var(--color-blue-darker);
}
body .cl-bd-aft-bg:after {
  background-color: var(--color-blue-dark);
}
body .cl-b-aft-bg:after {
  background-color: var(--color-blue);
}
body .cl-bl-aft-bg:after {
  background-color: var(--color-blue-light);
}
body .cl-pd-aft-bg:after {
  background-color: var(--color-pink-dark);
}
body .cl-p-aft-bg:after {
  background-color: var(--color-pink);
}
body .cl-pl-aft-bg:after {
  background-color: var(--color-pink-light);
}
body .cl-success-aft-bg:after {
  background-color: var(--color-success);
}
body .cl-info-aft-bg:after {
  background-color: var(--color-info);
}
body .cl-warn-aft-bg:after {
  background-color: var(--color-warning);
}
body .cl-alert-aft-bg:after {
  background-color: var(--color-alert);
}
body .cl-notice-aft-bg:after {
  background-color: var(--color-notice);
}
body .cl-overlay-aft-bg:after {
  background-color: var(--color-overlay);
}

/*#endregion Backgrounds */
/*#region Borders */
.cl-50-br {
  border-color: var(--shade-50);
}

.cl-100-br {
  border-color: var(--shade-100);
}

.cl-200-br {
  border-color: var(--shade-200);
}

.cl-300-br {
  border-color: var(--shade-300);
}

.cl-400-br {
  border-color: var(--shade-400);
}

.cl-500-br {
  border-color: var(--shade-500);
}

.cl-600-br {
  border-color: var(--shade-600);
}

.cl-700-br {
  border-color: var(--shade-700);
}

.cl-800-br {
  border-color: var(--shade-800);
}

.cl-900-br {
  border-color: var(--shade-900);
}

.cl-950-br {
  border-color: var(--shade-950);
}

.cl-white-br {
  border-color: var(--color-white);
}

.cl-rd-br {
  border-color: var(--color-red-dark);
}

.cl-r-br {
  border-color: var(--color-red);
}

.cl-rl-br {
  border-color: var(--color-red-light);
}

.cl-od-br {
  border-color: var(--color-orange-dark);
}

.cl-o-br {
  border-color: var(--color-orange);
}

.cl-ol-br {
  border-color: var(--color-orange-light);
}

.cl-yd-br {
  border-color: var(--color-yellow-dark);
}

.cl-y-br {
  border-color: var(--color-yellow);
}

.cl-yl-br {
  border-color: var(--color-yellow-light);
}

.cl-gd2-br {
  border-color: var(--color-green-darker);
}

.cl-gd-br {
  border-color: var(--color-green-dark);
}

.cl-g-br {
  border-color: var(--color-green);
}

.cl-gl-br {
  border-color: var(--color-green-light);
}

.cl-bd3-br {
  border-color: var(--color-blue-darkest);
}

.cl-bd2-br {
  border-color: var(--color-blue-darker);
}

.cl-bd-br {
  border-color: var(--color-blue-dark);
}

.cl-b-br {
  border-color: var(--color-blue);
}

.cl-bl-br {
  border-color: var(--color-blue-light);
}

.cl-pd-br {
  border-color: var(--color-pink-dark);
}

.cl-p-br {
  border-color: var(--color-pink);
}

.cl-pl-br {
  border-color: var(--color-pink-light);
}

.cl-success-br {
  border-color: var(--color-success);
}

.cl-info-br {
  border-color: var(--color-info);
}

.cl-warn-br {
  border-color: var(--color-warning);
}

.cl-alert-br {
  border-color: var(--color-alert);
}

.cl-notice-br {
  border-color: var(--color-notice);
}

/*#endregion Borders */
/*#region Text */
.cl-50 {
  color: var(--shade-50);
}

.cl-100 {
  color: var(--shade-100);
}

.cl-200 {
  color: var(--shade-200);
}

.cl-300 {
  color: var(--shade-300);
}

.cl-400 {
  color: var(--shade-400);
}

.cl-500 {
  color: var(--shade-500);
}

.cl-600 {
  color: var(--shade-600);
}

.cl-700 {
  color: var(--shade-700);
}

.cl-800 {
  color: var(--shade-800);
}

.cl-900 {
  color: var(--shade-900);
}

.cl-950 {
  color: var(--shade-950);
}

.cl-white {
  color: var(--color-white);
}

.cl-rd {
  color: var(--color-red-dark);
}

.cl-r {
  color: var(--color-red);
}

.cl-rl {
  color: var(--color-red-light);
}

.cl-od {
  color: var(--color-orange-dark);
}

.cl-o {
  color: var(--color-orange);
}

.cl-ol {
  color: var(--color-orange-light);
}

.cl-yd {
  color: var(--color-yellow-dark);
}

.cl-y {
  color: var(--color-yellow);
}

.cl-yl {
  color: var(--color-yellow-light);
}

.cl-gd2 {
  color: var(--color-green-darker);
}

.cl-gd {
  color: var(--color-green-dark);
}

.cl-g {
  color: var(--color-green);
}

.cl-gl {
  color: var(--color-green-light);
}

.cl-bd3 {
  color: var(--color-blue-darkest);
}

.cl-bd2 {
  color: var(--color-blue-darker);
}

.cl-bd {
  color: var(--color-blue-dark);
}

.cl-b {
  color: var(--color-blue);
}

.cl-bl {
  color: var(--color-blue-light);
}

.cl-pd {
  color: var(--color-pink-dark);
}

.cl-p {
  color: var(--color-pink);
}

.cl-pl {
  color: var(--color-pink-light);
}

.cl-success {
  color: var(--color-success);
}

.cl-info {
  color: var(--color-info);
}

.cl-warn {
  color: var(--color-warning);
}

.cl-alert {
  color: var(--color-alert);
}

.cl-notice {
  color: var(--color-notice);
}

/*#region Text */
:root {
  --px-0: 1px;
  --px-05: 2px;
  --px-1: 4px;
  --px-2: 8px;
  --px-3: 12px;
  --px-4: 16px;
  --px-6: 24px;
  --px-8: 32px;
  --px-10: 40px;
  --px-12: 48px;
  --px-14: 56px;
  --px-16: 64px;
  --px-18: 72px;
  --px-20: 80px;
  --px-22: 88px;
  --px-24: 96px;
  --h-btn: 48px;
  --h-btn-icon: 24px;
  --h-btn-icon-s: 16px;
  --h-btn-icon-xs: 12px;
  --h-input: 44px;
  --rad-size: 16px;
  --chk-size: 17px;
  --page-width: 768px;
  --pd-page: 16px;
  --pd-input-v: 8px;
  --pd-input-h: 16px;
  --pd-input: 8px 16px;
  --pd-list: 24px;
  --pd-btn: 0 24px;
  --pd-btn-link: 0 8px;
  --pd-btn-icon: 4px;
  --pd-btn-icon-s: 2px;
}

@media only screen and (min-width: 769px) {
  :root {
    --h-btn: 48px;
    --h-input: 44px;
    --page-width: 1280px;
    --pd-page: 24px;
  }
}
.o-container {
  margin: 0 auto;
  padding: 0 var(--pd-page);
  width: 100%;
  max-width: calc(var(--page-width) + 2 * var(--pd-page));
  box-sizing: border-box;
}
.o-container--tb {
  margin-top: var(--px-6);
  margin-bottom: var(--px-6);
}
.o-container--small {
  max-width: 776px;
}
@media only screen and (min-width: 1025px) {
  .o-container--small {
    padding: 0;
  }
}

.o-container--tb-4-6 {
  margin-top: var(--px-4);
  margin-bottom: var(--px-4);
}

.o-container-tb-6-10 {
  margin-top: var(--px-6);
  margin-bottom: var(--px-6);
}
@media only screen and (min-width: 769px) {
  .o-container-tb-6-10 {
    margin-top: var(--px-10);
    margin-bottom: var(--px-10);
  }
}

.o-container--tb-4 {
  margin-top: var(--px-4);
  margin-bottom: var(--px-4);
}

.o-container-t-10 {
  margin-top: var(--px-10);
}

.o-container-tb-10 {
  margin-top: var(--px-10);
  margin-bottom: var(--px-10);
}

.o-container-b-10 {
  margin-bottom: var(--px-10);
}

.mb-2 {
  margin-bottom: var(--px-2);
}

.mb-4 {
  margin-bottom: var(--px-4);
}

.mb-6 {
  margin-bottom: var(--px-6);
}

.o-container-br {
  padding: var(--px-4);
  border-radius: var(--br-2xl);
  border: 1px solid var(--shade-100);
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .o-container-br {
    padding: var(--px-8);
  }
}

/*#region Width */
.w-page {
  width: var(--page-width);
}

/*#endregion Width */
/*#region Margin */
body *.m-none {
  margin: 0;
}

/*#endregion Margin */
/*#region Padding */
body *.p-none {
  padding: 0;
}

body *.p-linkicon {
  padding: 0 var(--px-1);
}

.p-page {
  padding: 0 var(--pd-page);
}

.p-container-6 {
  padding: var(--px-6);
}

.height-6 {
  height: var(--px-6);
}

body .full-width {
  width: 100%;
}

/*#endregion Padding */
@media only screen and (min-width: 1200px) {
  .o-container-100 {
    padding: 0 100px;
  }
}
@media only screen and (min-width: 769px) {
  .o-container--tb {
    margin-top: var(--px-10);
    margin-bottom: var(--px-10);
  }
  .o-container--tb-4-6 {
    margin-top: var(--px-6);
    margin-bottom: var(--px-6);
  }
}
@media only screen and (max-width: 768px) {
  .o-container-full-mobile {
    margin-left: calc(-1 * var(--px-4));
    margin-right: calc(-1 * var(--px-4));
    width: calc(100% + 2 * var(--px-4));
    box-sizing: border-box;
    overflow: hidden;
  }
}
:root {
  --br-none: 0;
  --br-s: 2px;
  --br: 4px;
  --br-m: 6px;
  --br-l: 8px;
  --br-xl: 12px;
  --br-2xl: 16px;
  --br-3xl: 24px;
  --br-4xl: 32px;
  --br-5xl: 40px;
  --br-round: 1000px;
  --br-btn: 1000px;
  --br-input: 8px;
  --br-chk: 2px;
  --br-2xl: 16px;
}

/*#region Border radius */
.br-none {
  border-radius: 0;
}

.br-s {
  border-radius: var(--br-s);
}

.br-default {
  border-radius: var(--br);
}

.br-m {
  border-radius: var(--br-m);
}

.br-l {
  border-radius: var(--br-l);
}

.br-xl {
  border-radius: var(--br-xl);
}

.br-2xl {
  border-radius: var(--br-2xl);
}

.br-3xl {
  border-radius: var(--br-3xl);
}

.br-4xl {
  border-radius: var(--br-4xl);
}

.br-5xl {
  border-radius: var(--br-5xl);
}

.br-btn {
  border-radius: var(--br-btn);
}

.br-round {
  border-radius: var(--br-round);
}

/*#endregion Border radius */
/*#region Horizontal border */
.border-blue-darker {
  border-top: 1px solid var(--color-blue-darker);
  border-bottom: 1px solid var(--color-blue-darker);
}

.border-bottom-100 {
  border-bottom: 1px solid var(--shade-100);
}

.no-border {
  border: none !important;
}

/*#endregion Horizontal border */
/*#region Badge */
.u-badge--white {
  border-radius: var(--br-round);
  background: var(--color-white);
  color: var(--shade-950);
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*#endregion Badge */
@font-face {
  font-family: NunitoSans;
  font-weight: 400;
  src: url(/fonts/nunito-sans/regular.woff2) format("woff2");
}
@font-face {
  font-family: NunitoSans;
  font-weight: 400;
  font-style: italic;
  src: url(/fonts/nunito-sans/regular-italic.woff2) format("woff2");
}
@font-face {
  font-family: NunitoSans;
  font-weight: 700;
  src: url(/fonts/nunito-sans/bold.woff2) format("woff2");
}
@font-face {
  font-family: NunitoSans;
  font-weight: 700;
  font-style: italic;
  src: url(/fonts/nunito-sans/bold-italic.woff2) format("woff2");
}
@font-face {
  font-family: TenorSans;
  font-weight: 400;
  src: url(/fonts/tenor-sans/regular.woff2) format("woff2");
}
:root {
  --font-primary-base: NunitoSans;
  --font-primary-base-italic: NunitoSans;
  --font-primary: NunitoSans;
  --font-primary-italic: NunitoSans;
  --font-button: NunitoSans;
  --font-secondary: TenorSans;
  --font-title-base: var(--font-primary-base);
  --font-title-base-italic: var(--font-primary-base-italic);
  --font-title: var(--font-primary);
  --font-title-italic: var(--font-primary-italic);
  --font-text: var(--font-secondary);
  --text-2xs: 0.625rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 2.75rem;
}

@layer {
  .f-primary-5xl {
    font-family: var(--font-primary);
    font-weight: bold;
    line-height: 120%;
    font-size: var(--text-5xl);
    letter-spacing: -0.44px;
  }
  .f-primary-4xl {
    font-family: var(--font-primary);
    font-weight: bold;
    line-height: 120%;
    font-size: var(--text-4xl);
    letter-spacing: -0.36px;
  }
  .f-primary-3xl {
    font-family: var(--font-primary);
    font-weight: bold;
    line-height: 120%;
    font-size: var(--text-3xl);
    letter-spacing: -0.3px;
  }
  .f-primary-2xl {
    font-family: var(--font-primary);
    font-weight: bold;
    line-height: 120%;
    font-size: var(--text-2xl);
    letter-spacing: -0.24px;
  }
  .f-primary-xl {
    font-family: var(--font-primary);
    font-weight: bold;
    line-height: 140%;
    font-size: var(--text-xl);
    letter-spacing: -0.2px;
  }
  .f-primary-l {
    font-family: var(--font-primary);
    font-weight: bold;
    line-height: 140%;
    font-size: var(--text-lg);
    letter-spacing: -0.18px;
  }
  .f-primary-m {
    font-family: var(--font-primary-base);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-base);
    letter-spacing: -0.16px;
  }
  .f-primary-s {
    font-family: var(--font-primary-base);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-sm);
    letter-spacing: -0.14px;
  }
  .f-primary-xs {
    font-family: var(--font-primary-base);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-xs);
    letter-spacing: -0.12px;
  }
  .f-primary-2xs {
    font-family: var(--font-primary-base);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-2xs);
    letter-spacing: -0.1px;
  }
  .f-secondary-5xl {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 120%;
    font-size: var(--text-5xl);
    letter-spacing: -0.44px;
  }
  .f-secondary-4xl {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 120%;
    font-size: var(--text-4xl);
    letter-spacing: -0.36px;
  }
  .f-secondary-3xl {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 120%;
    font-size: var(--text-3xl);
    letter-spacing: -0.3px;
  }
  .f-secondary-2xl {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 120%;
    font-size: var(--text-2xl);
    letter-spacing: -0.24px;
  }
  .f-secondary-xl {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-xl);
    letter-spacing: -0.2px;
  }
  .f-secondary-l {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-lg);
    letter-spacing: -0.18px;
  }
  .f-secondary-m {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-base);
    letter-spacing: -0.16px;
  }
  .f-secondary-s {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-sm);
    letter-spacing: -0.14px;
  }
  .f-secondary-xs {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-xs);
    letter-spacing: -0.12px;
  }
  .f-secondary-2xs {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-2xs);
    letter-spacing: -0.1px;
  }
  .tl-bold {
    font-family: var(--font-primary);
    font-weight: bold;
  }
  .tl-nobold {
    font-family: var(--font-primary-base);
    font-weight: normal;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: var(--shade-950);
  }
}
:root {
  --icon-academic-cap: url("/designimages/smulders/icons/academic-cap.svg")  no-repeat center;
  --icon-adjustments: url("/designimages/smulders/icons/adjustments.svg")  no-repeat center;
  --icon-annotation: url("/designimages/smulders/icons/annotation.svg")  no-repeat center;
  --icon-archive: url("/designimages/smulders/icons/archive.svg")  no-repeat center;
  --icon-arrow-circle-down: url("/designimages/smulders/icons/arrow-circle-down.svg")  no-repeat center;
  --icon-arrow-circle-left: url("/designimages/smulders/icons/arrow-circle-left.svg")  no-repeat center;
  --icon-arrow-circle-right: url("/designimages/smulders/icons/arrow-circle-right.svg")  no-repeat center;
  --icon-arrow-circle-up: url("/designimages/smulders/icons/arrow-circle-up.svg")  no-repeat center;
  --icon-arrow-down: url("/designimages/smulders/icons/arrow-down.svg")  no-repeat center;
  --icon-arrow-left: url("/designimages/smulders/icons/arrow-left.svg")  no-repeat center;
  --icon-arrow-narrow-down: url("/designimages/smulders/icons/arrow-narrow-down.svg")  no-repeat center;
  --icon-arrow-narrow-left: url("/designimages/smulders/icons/arrow-narrow-left.svg")  no-repeat center;
  --icon-arrow-narrow-right: url("/designimages/smulders/icons/arrow-narrow-right.svg")  no-repeat center;
  --icon-arrow-narrow-up: url("/designimages/smulders/icons/arrow-narrow-up.svg")  no-repeat center;
  --icon-arrow-right: url("/designimages/smulders/icons/arrow-right.svg")  no-repeat center;
  --icon-arrows-expand: url("/designimages/smulders/icons/arrows-expand.svg")  no-repeat center;
  --icon-arrow-sm-down: url("/designimages/smulders/icons/arrow-sm-down.svg")  no-repeat center;
  --icon-arrow-sm-left: url("/designimages/smulders/icons/arrow-sm-left.svg")  no-repeat center;
  --icon-arrow-sm-right: url("/designimages/smulders/icons/arrow-sm-right.svg")  no-repeat center;
  --icon-arrow-sm-up: url("/designimages/smulders/icons/arrow-sm-up.svg")  no-repeat center;
  --icon-arrow-up: url("/designimages/smulders/icons/arrow-up.svg")  no-repeat center;
  --icon-at-symbol: url("/designimages/smulders/icons/at-symbol.svg")  no-repeat center;
  --icon-backspace: url("/designimages/smulders/icons/backspace.svg")  no-repeat center;
  --icon-badge-check: url("/designimages/smulders/icons/badge-check.svg")  no-repeat center;
  --icon-ban: url("/designimages/smulders/icons/ban.svg")  no-repeat center;
  --icon-beaker: url("/designimages/smulders/icons/beaker.svg")  no-repeat center;
  --icon-bell: url("/designimages/smulders/icons/bell.svg")  no-repeat center;
  --icon-bookmark: url("/designimages/smulders/icons/bookmark.svg")  no-repeat center;
  --icon-bookmark-alt: url("/designimages/smulders/icons/bookmark-alt.svg")  no-repeat center;
  --icon-book-open: url("/designimages/smulders/icons/book-open.svg")  no-repeat center;
  --icon-briefcase: url("/designimages/smulders/icons/briefcase.svg")  no-repeat center;
  --icon-cake: url("/designimages/smulders/icons/cake.svg")  no-repeat center;
  --icon-calculator: url("/designimages/smulders/icons/calculator.svg")  no-repeat center;
  --icon-calendar: url("/designimages/smulders/icons/calendar.svg")  no-repeat center;
  --icon-camera: url("/designimages/smulders/icons/camera.svg")  no-repeat center;
  --icon-cash: url("/designimages/smulders/icons/cash.svg")  no-repeat center;
  --icon-chart-bar: url("/designimages/smulders/icons/chart-bar.svg")  no-repeat center;
  --icon-chart-pie: url("/designimages/smulders/icons/chart-pie.svg")  no-repeat center;
  --icon-chart-square-bar: url("/designimages/smulders/icons/chart-square-bar.svg")  no-repeat center;
  --icon-chat: url("/designimages/smulders/icons/chat.svg")  no-repeat center;
  --icon-chat-alt: url("/designimages/smulders/icons/chat-alt.svg")  no-repeat center;
  --icon-chat-alt-2: url("/designimages/smulders/icons/chat-alt-2.svg")  no-repeat center;
  --icon-check: url("/designimages/smulders/icons/check.svg")  no-repeat center;
  --icon-check-circle: url("/designimages/smulders/icons/check-circle.svg")  no-repeat center;
  --icon-chevron-double-down: url("/designimages/smulders/icons/chevron-double-down.svg")  no-repeat center;
  --icon-chevron-double-left: url("/designimages/smulders/icons/chevron-double-left.svg")  no-repeat center;
  --icon-chevron-double-right: url("/designimages/smulders/icons/chevron-double-right.svg")  no-repeat center;
  --icon-chevron-double-up: url("/designimages/smulders/icons/chevron-double-up.svg")  no-repeat center;
  --icon-chevron-down: url("/designimages/smulders/icons/chevron-down.svg")  no-repeat center;
  --icon-chevron-left: url("/designimages/smulders/icons/chevron-left.svg")  no-repeat center;
  --icon-chevron-right: url("/designimages/smulders/icons/chevron-right.svg")  no-repeat center;
  --icon-chevron-up: url("/designimages/smulders/icons/chevron-up.svg")  no-repeat center;
  --icon-chip: url("/designimages/smulders/icons/chip.svg")  no-repeat center;
  --icon-clipboard: url("/designimages/smulders/icons/clipboard.svg")  no-repeat center;
  --icon-clipboard-check: url("/designimages/smulders/icons/clipboard-check.svg")  no-repeat center;
  --icon-clipboard-copy: url("/designimages/smulders/icons/clipboard-copy.svg")  no-repeat center;
  --icon-clipboard-list: url("/designimages/smulders/icons/clipboard-list.svg")  no-repeat center;
  --icon-clock: url("/designimages/smulders/icons/clock.svg")  no-repeat center;
  --icon-cloud: url("/designimages/smulders/icons/cloud.svg")  no-repeat center;
  --icon-cloud-download: url("/designimages/smulders/icons/cloud-download.svg")  no-repeat center;
  --icon-cloud-upload: url("/designimages/smulders/icons/cloud-upload.svg")  no-repeat center;
  --icon-code: url("/designimages/smulders/icons/code.svg")  no-repeat center;
  --icon-cog: url("/designimages/smulders/icons/cog.svg")  no-repeat center;
  --icon-collection: url("/designimages/smulders/icons/collection.svg")  no-repeat center;
  --icon-color-swatch: url("/designimages/smulders/icons/color-swatch.svg")  no-repeat center;
  --icon-credit-card: url("/designimages/smulders/icons/credit-card.svg")  no-repeat center;
  --icon-cube: url("/designimages/smulders/icons/cube.svg")  no-repeat center;
  --icon-cube-transparent: url("/designimages/smulders/icons/cube-transparent.svg")  no-repeat center;
  --icon-currency-bangladeshi: url("/designimages/smulders/icons/currency-bangladeshi.svg")  no-repeat center;
  --icon-currency-dollar: url("/designimages/smulders/icons/currency-dollar.svg")  no-repeat center;
  --icon-currency-euro: url("/designimages/smulders/icons/currency-euro.svg")  no-repeat center;
  --icon-currency-pound: url("/designimages/smulders/icons/currency-pound.svg")  no-repeat center;
  --icon-currency-rupee: url("/designimages/smulders/icons/currency-rupee.svg")  no-repeat center;
  --icon-currency-yen: url("/designimages/smulders/icons/currency-yen.svg")  no-repeat center;
  --icon-cursor-click: url("/designimages/smulders/icons/cursor-click.svg")  no-repeat center;
  --icon-database: url("/designimages/smulders/icons/database.svg")  no-repeat center;
  --icon-desktop-computer: url("/designimages/smulders/icons/desktop-computer.svg")  no-repeat center;
  --icon-device-mobile: url("/designimages/smulders/icons/device-mobile.svg")  no-repeat center;
  --icon-device-tablet: url("/designimages/smulders/icons/device-tablet.svg")  no-repeat center;
  --icon-document: url("/designimages/smulders/icons/document.svg")  no-repeat center;
  --icon-document-add: url("/designimages/smulders/icons/document-add.svg")  no-repeat center;
  --icon-document-download: url("/designimages/smulders/icons/document-download.svg")  no-repeat center;
  --icon-document-duplicate: url("/designimages/smulders/icons/document-duplicate.svg")  no-repeat center;
  --icon-document-remove: url("/designimages/smulders/icons/document-remove.svg")  no-repeat center;
  --icon-document-report: url("/designimages/smulders/icons/document-report.svg")  no-repeat center;
  --icon-document-search: url("/designimages/smulders/icons/document-search.svg")  no-repeat center;
  --icon-document-text: url("/designimages/smulders/icons/document-text.svg")  no-repeat center;
  --icon-dots-circle-horizontal: url("/designimages/smulders/icons/dots-circle-horizontal.svg")  no-repeat center;
  --icon-dots-horizontal: url("/designimages/smulders/icons/dots-horizontal.svg")  no-repeat center;
  --icon-dots-vertical: url("/designimages/smulders/icons/dots-vertical.svg")  no-repeat center;
  --icon-download: url("/designimages/smulders/icons/download.svg")  no-repeat center;
  --icon-duplicate: url("/designimages/smulders/icons/duplicate.svg")  no-repeat center;
  --icon-emoji-happy: url("/designimages/smulders/icons/emoji-happy.svg")  no-repeat center;
  --icon-emoji-sad: url("/designimages/smulders/icons/emoji-sad.svg")  no-repeat center;
  --icon-exclamation: url("/designimages/smulders/icons/exclamation.svg")  no-repeat center;
  --icon-exclamation-circle: url("/designimages/smulders/icons/exclamation-circle.svg")  no-repeat center;
  --icon-external-link: url("/designimages/smulders/icons/external-link.svg")  no-repeat center;
  --icon-eye: url("/designimages/smulders/icons/eye.svg")  no-repeat center;
  --icon-eye-off: url("/designimages/smulders/icons/eye-off.svg")  no-repeat center;
  --icon-fast-forward: url("/designimages/smulders/icons/fast-forward.svg")  no-repeat center;
  --icon-film: url("/designimages/smulders/icons/film.svg")  no-repeat center;
  --icon-filter: url("/designimages/smulders/icons/filter.svg")  no-repeat center;
  --icon-finger-print: url("/designimages/smulders/icons/finger-print.svg")  no-repeat center;
  --icon-fire: url("/designimages/smulders/icons/fire.svg")  no-repeat center;
  --icon-flag: url("/designimages/smulders/icons/flag.svg")  no-repeat center;
  --icon-folder: url("/designimages/smulders/icons/folder.svg")  no-repeat center;
  --icon-folder-add: url("/designimages/smulders/icons/folder-add.svg")  no-repeat center;
  --icon-folder-download: url("/designimages/smulders/icons/folder-download.svg")  no-repeat center;
  --icon-folder-open: url("/designimages/smulders/icons/folder-open.svg")  no-repeat center;
  --icon-folder-remove: url("/designimages/smulders/icons/folder-remove.svg")  no-repeat center;
  --icon-gift: url("/designimages/smulders/icons/gift.svg")  no-repeat center;
  --icon-globe: url("/designimages/smulders/icons/globe.svg")  no-repeat center;
  --icon-globe-alt: url("/designimages/smulders/icons/globe-alt.svg")  no-repeat center;
  --icon-hand: url("/designimages/smulders/icons/hand.svg")  no-repeat center;
  --icon-hashtag: url("/designimages/smulders/icons/hashtag.svg")  no-repeat center;
  --icon-heart: url("/designimages/smulders/icons/heart.svg")  no-repeat center;
  --icon-heart-full: url("/designimages/smulders/icons/heart-full.svg")  no-repeat center;
  --icon-home: url("/designimages/smulders/icons/home.svg")  no-repeat center;
  --icon-user-remove: url("/designimages/smulders/icons/user-remove.svg")  no-repeat center;
  --icon-identification: url("/designimages/smulders/icons/identification.svg")  no-repeat center;
  --icon-inbox: url("/designimages/smulders/icons/inbox.svg")  no-repeat center;
  --icon-inbox-in: url("/designimages/smulders/icons/inbox-in.svg")  no-repeat center;
  --icon-information-circle: url("/designimages/smulders/icons/information-circle.svg")  no-repeat center;
  --icon-information-circle-blue: url("/designimages/smulders/icons/information-circle-blue.svg")  no-repeat center;
  --icon-key: url("/designimages/smulders/icons/key.svg")  no-repeat center;
  --icon-library: url("/designimages/smulders/icons/library.svg")  no-repeat center;
  --icon-light-bulb: url("/designimages/smulders/icons/light-bulb.svg")  no-repeat center;
  --icon-lightning-bolt: url("/designimages/smulders/icons/lightning-bolt.svg")  no-repeat center;
  --icon-link: url("/designimages/smulders/icons/link.svg")  no-repeat center;
  --icon-location-marker: url("/designimages/smulders/icons/location-marker.svg")  no-repeat center;
  --icon-lock-closed: url("/designimages/smulders/icons/lock-closed.svg")  no-repeat center;
  --icon-lock-open: url("/designimages/smulders/icons/lock-open.svg")  no-repeat center;
  --icon-logout: url("/designimages/smulders/icons/logout.svg")  no-repeat center;
  --icon-logout-1: url("/designimages/smulders/icons/logout-1.svg")  no-repeat center;
  --icon-mail: url("/designimages/smulders/icons/mail.svg")  no-repeat center;
  --icon-mail-open: url("/designimages/smulders/icons/mail-open.svg")  no-repeat center;
  --icon-map: url("/designimages/smulders/icons/map.svg")  no-repeat center;
  --icon-menu: url("/designimages/smulders/icons/menu.svg")  no-repeat center;
  --icon-menu-alt-1: url("/designimages/smulders/icons/menu-alt-1.svg")  no-repeat center;
  --icon-menu-alt-2: url("/designimages/smulders/icons/menu-alt-2.svg")  no-repeat center;
  --icon-menu-alt-3: url("/designimages/smulders/icons/menu-alt-3.svg")  no-repeat center;
  --icon-menu-alt-4: url("/designimages/smulders/icons/menu-alt-4.svg")  no-repeat center;
  --icon-microphone: url("/designimages/smulders/icons/microphone.svg")  no-repeat center;
  --icon-minus: url("/designimages/smulders/icons/minus.svg")  no-repeat center;
  --icon-minus-circle: url("/designimages/smulders/icons/minus-circle.svg")  no-repeat center;
  --icon-minus-sm: url("/designimages/smulders/icons/minus-sm.svg")  no-repeat center;
  --icon-moon: url("/designimages/smulders/icons/moon.svg")  no-repeat center;
  --icon-music-note: url("/designimages/smulders/icons/music-note.svg")  no-repeat center;
  --icon-newspaper: url("/designimages/smulders/icons/newspaper.svg")  no-repeat center;
  --icon-office-building: url("/designimages/smulders/icons/office-building.svg")  no-repeat center;
  --icon-paper-airplane: url("/designimages/smulders/icons/paper-airplane.svg")  no-repeat center;
  --icon-paper-clip: url("/designimages/smulders/icons/paper-clip.svg")  no-repeat center;
  --icon-pause: url("/designimages/smulders/icons/pause.svg")  no-repeat center;
  --icon-pencil: url("/designimages/smulders/icons/pencil.svg")  no-repeat center;
  --icon-pencil-alt: url("/designimages/smulders/icons/pencil-alt.svg")  no-repeat center;
  --icon-phone: url("/designimages/smulders/icons/phone.svg")  no-repeat center;
  --icon-phone-incoming: url("/designimages/smulders/icons/phone-incoming.svg")  no-repeat center;
  --icon-phone-missed-call: url("/designimages/smulders/icons/phone-missed-call.svg")  no-repeat center;
  --icon-phone-outgoing: url("/designimages/smulders/icons/phone-outgoing.svg")  no-repeat center;
  --icon-photograph: url("/designimages/smulders/icons/photograph.svg")  no-repeat center;
  --icon-play: url("/designimages/smulders/icons/play.svg")  no-repeat center;
  --icon-play-solid: url("/designimages/smulders/icons/play-solid.svg")  no-repeat center;
  --icon-plus: url("/designimages/smulders/icons/plus.svg")  no-repeat center;
  --icon-plus-circle: url("/designimages/smulders/icons/plus-circle.svg")  no-repeat center;
  --icon-plus-sm: url("/designimages/smulders/icons/plus-sm.svg")  no-repeat center;
  --icon-presentation-chart-bar: url("/designimages/smulders/icons/presentation-chart-bar.svg")  no-repeat center;
  --icon-presentation-chart-line: url("/designimages/smulders/icons/presentation-chart-line.svg")  no-repeat center;
  --icon-printer: url("/designimages/smulders/icons/printer.svg")  no-repeat center;
  --icon-puzzle: url("/designimages/smulders/icons/puzzle.svg")  no-repeat center;
  --icon-qrcode: url("/designimages/smulders/icons/qrcode.svg")  no-repeat center;
  --icon-question-mark-circle: url("/designimages/smulders/icons/question-mark-circle.svg")  no-repeat center;
  --icon-receipt-refund: url("/designimages/smulders/icons/receipt-refund.svg")  no-repeat center;
  --icon-receipt-tax: url("/designimages/smulders/icons/receipt-tax.svg")  no-repeat center;
  --icon-refresh: url("/designimages/smulders/icons/refresh.svg")  no-repeat center;
  --icon-reply: url("/designimages/smulders/icons/reply.svg")  no-repeat center;
  --icon-rewind: url("/designimages/smulders/icons/rewind.svg")  no-repeat center;
  --icon-rss: url("/designimages/smulders/icons/rss.svg")  no-repeat center;
  --icon-save: url("/designimages/smulders/icons/save.svg")  no-repeat center;
  --icon-save-as: url("/designimages/smulders/icons/save-as.svg")  no-repeat center;
  --icon-scale: url("/designimages/smulders/icons/scale.svg")  no-repeat center;
  --icon-scissors: url("/designimages/smulders/icons/scissors.svg")  no-repeat center;
  --icon-search: url("/designimages/smulders/icons/search.svg")  no-repeat center;
  --icon-search-circle: url("/designimages/smulders/icons/search-circle.svg")  no-repeat center;
  --icon-selector: url("/designimages/smulders/icons/selector.svg")  no-repeat center;
  --icon-server: url("/designimages/smulders/icons/server.svg")  no-repeat center;
  --icon-share: url("/designimages/smulders/icons/share.svg")  no-repeat center;
  --icon-shield-check: url("/designimages/smulders/icons/shield-check.svg")  no-repeat center;
  --icon-shield-exclamation: url("/designimages/smulders/icons/shield-exclamation.svg")  no-repeat center;
  --icon-shopping-bag: url("/designimages/smulders/icons/shopping-bag.svg")  no-repeat center;
  --icon-shopping-cart: url("/designimages/smulders/icons/shopping-cart.svg")  no-repeat center;
  --icon-sliders: url("/designimages/smulders/icons/sliders.svg")  no-repeat center;
  --icon-sm-view-grid-add: url("/designimages/smulders/icons/sm-view-grid-add.svg")  no-repeat center;
  --icon-spinner-solid: url(/designimages/smulders/icons/spinner-solid-full.svg)  no-repeat center;
  --icon-sort-ascending: url("/designimages/smulders/icons/sort-ascending.svg")  no-repeat center;
  --icon-sort-descending: url("/designimages/smulders/icons/sort-descending.svg")  no-repeat center;
  --icon-sparkles: url("/designimages/smulders/icons/sparkles.svg")  no-repeat center;
  --icon-speakerphone: url("/designimages/smulders/icons/speakerphone.svg")  no-repeat center;
  --icon-star: url("/designimages/smulders/icons/star.svg")  no-repeat center;
  --icon-star-solid: url("/designimages/smulders/icons/star-solid.svg")  no-repeat center;
  --icon-status-offline: url("/designimages/smulders/icons/status-offline.svg")  no-repeat center;
  --icon-status-online: url("/designimages/smulders/icons/status-online.svg")  no-repeat center;
  --icon-stop: url("/designimages/smulders/icons/stop.svg")  no-repeat center;
  --icon-sun: url("/designimages/smulders/icons/sun.svg")  no-repeat center;
  --icon-support: url("/designimages/smulders/icons/support.svg")  no-repeat center;
  --icon-switch-horizontal: url("/designimages/smulders/icons/switch-horizontal.svg")  no-repeat center;
  --icon-switch-vertical: url("/designimages/smulders/icons/switch-vertical.svg")  no-repeat center;
  --icon-table: url("/designimages/smulders/icons/table.svg")  no-repeat center;
  --icon-tag: url("/designimages/smulders/icons/tag.svg")  no-repeat center;
  --icon-template: url("/designimages/smulders/icons/template.svg")  no-repeat center;
  --icon-terminal: url("/designimages/smulders/icons/terminal.svg")  no-repeat center;
  --icon-thumb-down: url("/designimages/smulders/icons/thumb-down.svg")  no-repeat center;
  --icon-thumb-up: url("/designimages/smulders/icons/thumb-up.svg")  no-repeat center;
  --icon-ticket: url("/designimages/smulders/icons/ticket.svg")  no-repeat center;
  --icon-translate: url("/designimages/smulders/icons/translate.svg")  no-repeat center;
  --icon-trash: url("/designimages/smulders/icons/trash.svg")  no-repeat center;
  --icon-trending-down: url("/designimages/smulders/icons/trending-down.svg")  no-repeat center;
  --icon-trending-up: url("/designimages/smulders/icons/trending-up.svg")  no-repeat center;
  --icon-truck: url("/designimages/smulders/icons/truck.svg")  no-repeat center;
  --icon-upload: url("/designimages/smulders/icons/upload.svg")  no-repeat center;
  --icon-user: url("/designimages/smulders/icons/user.svg")  no-repeat center;
  --icon-user-add: url("/designimages/smulders/icons/user-add.svg")  no-repeat center;
  --icon-user-circle: url("/designimages/smulders/icons/user-circle.svg")  no-repeat center;
  --icon-user-group: url("/designimages/smulders/icons/user-group.svg")  no-repeat center;
  --icon-users: url("/designimages/smulders/icons/users.svg")  no-repeat center;
  --icon-variable: url("/designimages/smulders/icons/variable.svg")  no-repeat center;
  --icon-video-camera: url("/designimages/smulders/icons/video-camera.svg")  no-repeat center;
  --icon-view-boards: url("/designimages/smulders/icons/view-boards.svg")  no-repeat center;
  --icon-view-grid: url("/designimages/smulders/icons/view-grid.svg")  no-repeat center;
  --icon-view-grid-full: url("/designimages/smulders/icons/view-grid-full.svg")  no-repeat center;
  --icon-view-list: url("/designimages/smulders/icons/view-list.svg")  no-repeat center;
  --icon-volume-off: url("/designimages/smulders/icons/volume-off.svg")  no-repeat center;
  --icon-volume-up: url("/designimages/smulders/icons/volume-up.svg")  no-repeat center;
  --icon-wifi: url("/designimages/smulders/icons/wifi.svg")  no-repeat center;
  --icon-x: url("/designimages/smulders/icons/x.svg")  no-repeat center;
  --icon-x-circle: url("/designimages/smulders/icons/x-circle.svg")  no-repeat center;
  --icon-zoom-in: url("/designimages/smulders/icons/zoom-in.svg")  no-repeat center;
  --icon-zoom-out: url("/designimages/smulders/icons/zoom-out.svg")  no-repeat center;
  --icon-country-nl: url("/designimages/smulders/country-nl.svg")  no-repeat center;
  --icon-country-be: url("/designimages/smulders/country-be.svg")  no-repeat center;
  --icon-country-fr: url("/designimages/smulders/country-fr.svg")  no-repeat center;
  --icon-instagram: url("/designimages/smulders/icons/instagram.svg")  no-repeat center;
  --icon-pinterest: url("/designimages/smulders/icons/pinterest.svg")  no-repeat center;
  --icon-do-not-iron: url("/designimages/smulders/icons/do-not-iron.svg")  no-repeat center;
  --icon-do-not-tumble-dry: url("/designimages/smulders/icons/do-not-tumble-dry.svg")  no-repeat center;
  --icon-eco: url("/designimages/smulders/icons/eco.svg")  no-repeat center;
  --icon-hand-wash: url("/designimages/smulders/icons/hand-wash.svg")  no-repeat center;
  --icon-laundry: url("/designimages/smulders/icons/laundry.svg")  no-repeat center;
  --icon-leaf: url("/designimages/smulders/icons/leaf.svg")  no-repeat center;
  --icon-oeko-tex: url("/designimages/smulders/icons/oeko-tex.svg")  no-repeat center;
  --icon-ruler: url("/designimages/smulders/icons/ruler.svg")  no-repeat center;
  --icon-section: url("/designimages/smulders/icons/section.svg")  no-repeat center;
  --icon-shop: url("/designimages/smulders/icons/shop.svg")  no-repeat center;
  --icon-spotify: url("/designimages/smulders/icons/spotify.svg")  no-repeat center;
  --icon-wash-dry: url("/designimages/smulders/icons/wash-dry.svg")  no-repeat center;
  --icon-whatsapp: url("/designimages/smulders/icons/whatsapp.svg")  no-repeat center;
  --icon-facebook: url("/designimages/smulders/icons/facebook.svg")  no-repeat center;
  --icon-social-media-x: url("/designimages/smulders/icons/social-media-x.svg")  no-repeat center;
  --icon-30-degrees-wash: url("/designimages/smulders/icons/30-degrees-wash.svg")  no-repeat center;
  --icon-do-iron: url("/designimages/smulders/icons/do-iron.svg")  no-repeat center;
  --icon-do-not-bleach: url("/designimages/smulders/icons/do-not-bleach.svg")  no-repeat center;
  --icon-do-not-dry-clean-laundry: url("/designimages/smulders/icons/do-not-dry-clean-laundry.svg")  no-repeat center;
  --icon-contact-openingstijden: url("/designimages/smulders/icons/clock.svg")  no-repeat center;
  --icon-bestellen: url("/designimages/smulders/icons/inbox.svg")  no-repeat center;
  --icon-betalen: url("/designimages/smulders/icons/currency-euro.svg")  no-repeat center;
  --icon-verzenden-bezorging: url("/designimages/smulders/icons/truck.svg")  no-repeat center;
  --icon-garantie-retouren: url("/designimages/smulders/icons/receipt-refund.svg")  no-repeat center;
  --icon-klachten: url("/designimages/smulders/icons/exclamation-circle.svg")  no-repeat center;
  --icon-contact-heures-douverture: url("/designimages/smulders/icons/clock.svg")  no-repeat center;
  --icon-commande: url("/designimages/smulders/icons/inbox.svg")  no-repeat center;
  --icon-paiement: url("/designimages/smulders/icons/currency-euro.svg")  no-repeat center;
  --icon-expédition-livraison: url("/designimages/smulders/icons/truck.svg")  no-repeat center;
  --icon-garantie-retour: url("/designimages/smulders/icons/receipt-refund.svg")  no-repeat center;
  --icon-plaintes: url("/designimages/smulders/icons/exclamation-circle.svg")  no-repeat center;
}

.ic-academic-cap-bef:before,
.ic-academic-cap-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-academic-cap);
  mask: var(--icon-academic-cap);
}

.ic-adjustments-bef:before,
.ic-adjustments-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-adjustments);
  mask: var(--icon-adjustments);
}

.ic-annotation-bef:before,
.ic-annotation-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-annotation);
  mask: var(--icon-annotation);
}

.ic-archive-bef:before,
.ic-archive-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-archive);
  mask: var(--icon-archive);
}

.ic-arrow-circle-down-bef:before,
.ic-arrow-circle-down-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-circle-down);
  mask: var(--icon-arrow-circle-down);
}

.ic-arrow-circle-left-bef:before,
.ic-arrow-circle-left-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-circle-left);
  mask: var(--icon-arrow-circle-left);
}

.ic-arrow-circle-right-bef:before,
.ic-arrow-circle-right-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-circle-right);
  mask: var(--icon-arrow-circle-right);
}

.ic-arrow-circle-up-bef:before,
.ic-arrow-circle-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-circle-up);
  mask: var(--icon-arrow-circle-up);
}

.ic-arrow-down-bef:before,
.ic-arrow-down-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-down);
  mask: var(--icon-arrow-down);
}

.ic-arrow-left-bef:before,
.ic-arrow-left-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-left);
  mask: var(--icon-arrow-left);
}

.ic-arrow-narrow-down-bef:before,
.ic-arrow-narrow-down-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-narrow-down);
  mask: var(--icon-arrow-narrow-down);
}

.ic-arrow-narrow-left-bef:before,
.ic-arrow-narrow-left-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-narrow-left);
  mask: var(--icon-arrow-narrow-left);
}

.ic-arrow-narrow-right-bef:before,
.ic-arrow-narrow-right-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-narrow-right);
  mask: var(--icon-arrow-narrow-right);
}

.ic-arrow-narrow-up-bef:before,
.ic-arrow-narrow-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-narrow-up);
  mask: var(--icon-arrow-narrow-up);
}

.ic-arrow-right-bef:before,
.ic-arrow-right-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-right);
  mask: var(--icon-arrow-right);
}

.ic-arrow-sm-down-bef:before,
.ic-arrow-sm-down-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-sm-down);
  mask: var(--icon-arrow-sm-down);
}

.ic-arrow-sm-left-bef:before,
.ic-arrow-sm-left-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-sm-left);
  mask: var(--icon-arrow-sm-left);
}

.ic-arrow-sm-right-bef:before,
.ic-arrow-sm-right-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-sm-right);
  mask: var(--icon-arrow-sm-right);
}

.ic-arrow-sm-up-bef:before,
.ic-arrow-sm-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-sm-up);
  mask: var(--icon-arrow-sm-up);
}

.ic-arrow-up-bef:before,
.ic-arrow-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrow-up);
  mask: var(--icon-arrow-up);
}

.ic-arrows-expand-bef:before,
.ic-arrows-expand-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-arrows-expand);
  mask: var(--icon-arrows-expand);
}

.ic-at-symbol-bef:before,
.ic-at-symbol-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-at-symbol);
  mask: var(--icon-at-symbol);
}

.ic-backspace-bef:before,
.ic-backspace-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-backspace);
  mask: var(--icon-backspace);
}

.ic-badge-check-bef:before,
.ic-badge-check-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-badge-check);
  mask: var(--icon-badge-check);
}

.ic-ban-bef:before,
.ic-ban-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-ban);
  mask: var(--icon-ban);
}

.ic-beaker-bef:before,
.ic-beaker-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-beaker);
  mask: var(--icon-beaker);
}

.ic-bell-bef:before,
.ic-bell-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-bell);
  mask: var(--icon-bell);
}

.ic-book-open-bef:before,
.ic-book-open-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-book-open);
  mask: var(--icon-book-open);
}

.ic-bookmark-bef:before,
.ic-bookmark-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-bookmark);
  mask: var(--icon-bookmark);
}

.ic-bookmark-alt-bef:before,
.ic-bookmark-alt-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-bookmark-alt);
  mask: var(--icon-bookmark-alt);
}

.ic-briefcase-bef:before,
.ic-briefcase-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-briefcase);
  mask: var(--icon-briefcase);
}

.ic-cake-bef:before,
.ic-cake-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cake);
  mask: var(--icon-cake);
}

.ic-calculator-bef:before,
.ic-calculator-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-calculator);
  mask: var(--icon-calculator);
}

.ic-calendar-bef:before,
.ic-calendar-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-calendar);
  mask: var(--icon-calendar);
}

.ic-camera-bef:before,
.ic-camera-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-camera);
  mask: var(--icon-camera);
}

.ic-cash-bef:before,
.ic-cash-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cash);
  mask: var(--icon-cash);
}

.ic-chart-bar-bef:before,
.ic-chart-bar-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chart-bar);
  mask: var(--icon-chart-bar);
}

.ic-chart-pie-bef:before,
.ic-chart-pie-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chart-pie);
  mask: var(--icon-chart-pie);
}

.ic-chart-square-bar-bef:before,
.ic-chart-square-bar-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chart-square-bar);
  mask: var(--icon-chart-square-bar);
}

.ic-chat-bef:before,
.ic-chat-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chat);
  mask: var(--icon-chat);
}

.ic-chat-alt-bef:before,
.ic-chat-alt-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chat-alt);
  mask: var(--icon-chat-alt);
}

.ic-chat-alt-2-bef:before,
.ic-chat-alt-2-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chat-alt-2);
  mask: var(--icon-chat-alt-2);
}

.ic-check-bef:before,
.ic-check-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-check);
  mask: var(--icon-check);
}

.ic-check-circle-bef:before,
.ic-check-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-check-circle);
  mask: var(--icon-check-circle);
}

.ic-chevron-double-down-bef:before,
.ic-chevron-double-down-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chevron-double-down);
  mask: var(--icon-chevron-double-down);
}

.ic-chevron-double-left-bef:before,
.ic-chevron-double-left-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chevron-double-left);
  mask: var(--icon-chevron-double-left);
}

.ic-chevron-double-right-bef:before,
.ic-chevron-double-right-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chevron-double-right);
  mask: var(--icon-chevron-double-right);
}

.ic-chevron-double-up-bef:before,
.ic-chevron-double-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chevron-double-up);
  mask: var(--icon-chevron-double-up);
}

.ic-chevron-down-bef:before,
.ic-chevron-down-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chevron-down);
  mask: var(--icon-chevron-down);
}

.ic-chevron-left-bef:before,
.ic-chevron-left-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chevron-left);
  mask: var(--icon-chevron-left);
}

.ic-chevron-right-bef:before,
.ic-chevron-right-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chevron-right);
  mask: var(--icon-chevron-right);
}

.ic-chevron-up-bef:before,
.ic-chevron-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chevron-up);
  mask: var(--icon-chevron-up);
}

.ic-chip-bef:before,
.ic-chip-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-chip);
  mask: var(--icon-chip);
}

.ic-clipboard-bef:before,
.ic-clipboard-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-clipboard);
  mask: var(--icon-clipboard);
}

.ic-clipboard-check-bef:before,
.ic-clipboard-check-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-clipboard-check);
  mask: var(--icon-clipboard-check);
}

.ic-clipboard-copy-bef:before,
.ic-clipboard-copy-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-clipboard-copy);
  mask: var(--icon-clipboard-copy);
}

.ic-clipboard-list-bef:before,
.ic-clipboard-list-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-clipboard-list);
  mask: var(--icon-clipboard-list);
}

.ic-clock-bef:before,
.ic-clock-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-clock);
  mask: var(--icon-clock);
}

.ic-cloud-bef:before,
.ic-cloud-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cloud);
  mask: var(--icon-cloud);
}

.ic-cloud-download-bef:before,
.ic-cloud-download-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cloud-download);
  mask: var(--icon-cloud-download);
}

.ic-cloud-upload-bef:before,
.ic-cloud-upload-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cloud-upload);
  mask: var(--icon-cloud-upload);
}

.ic-code-bef:before,
.ic-code-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-code);
  mask: var(--icon-code);
}

.ic-cog-bef:before,
.ic-cog-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cog);
  mask: var(--icon-cog);
}

.ic-collection-bef:before,
.ic-collection-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-collection);
  mask: var(--icon-collection);
}

.ic-color-swatch-bef:before,
.ic-color-swatch-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-color-swatch);
  mask: var(--icon-color-swatch);
}

.ic-country-be-bef:before,
.ic-country-be-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-country-be);
  mask: var(--icon-country-be);
}

.ic-country-fr-bef:before,
.ic-country-fr-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-country-fr);
  mask: var(--icon-country-fr);
}

.ic-country-nl-bef:before,
.ic-country-nl-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-country-nl);
  mask: var(--icon-country-nl);
}

.ic-credit-card-bef:before,
.ic-credit-card-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-credit-card);
  mask: var(--icon-credit-card);
}

.ic-cube-bef:before,
.ic-cube-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cube);
  mask: var(--icon-cube);
}

.ic-cube-transparent-bef:before,
.ic-cube-transparent-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cube-transparent);
  mask: var(--icon-cube-transparent);
}

.ic-currency-bangladeshi-bef:before,
.ic-currency-bangladeshi-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-currency-bangladeshi);
  mask: var(--icon-currency-bangladeshi);
}

.ic-currency-dollar-bef:before,
.ic-currency-dollar-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-currency-dollar);
  mask: var(--icon-currency-dollar);
}

.ic-currency-euro-bef:before,
.ic-currency-euro-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-currency-euro);
  mask: var(--icon-currency-euro);
}

.ic-currency-pound-bef:before,
.ic-currency-pound-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-currency-pound);
  mask: var(--icon-currency-pound);
}

.ic-currency-rupee-bef:before,
.ic-currency-rupee-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-currency-rupee);
  mask: var(--icon-currency-rupee);
}

.ic-currency-yen-bef:before,
.ic-currency-yen-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-currency-yen);
  mask: var(--icon-currency-yen);
}

.ic-cursor-click-bef:before,
.ic-cursor-click-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-cursor-click);
  mask: var(--icon-cursor-click);
}

.ic-database-bef:before,
.ic-database-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-database);
  mask: var(--icon-database);
}

.ic-desktop-computer-bef:before,
.ic-desktop-computer-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-desktop-computer);
  mask: var(--icon-desktop-computer);
}

.ic-device-mobile-bef:before,
.ic-device-mobile-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-device-mobile);
  mask: var(--icon-device-mobile);
}

.ic-device-tablet-bef:before,
.ic-device-tablet-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-device-tablet);
  mask: var(--icon-device-tablet);
}

.ic-document-bef:before,
.ic-document-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-document);
  mask: var(--icon-document);
}

.ic-document-add-bef:before,
.ic-document-add-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-document-add);
  mask: var(--icon-document-add);
}

.ic-document-download-bef:before,
.ic-document-download-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-document-download);
  mask: var(--icon-document-download);
}

.ic-document-duplicate-bef:before,
.ic-document-duplicate-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-document-duplicate);
  mask: var(--icon-document-duplicate);
}

.ic-document-remove-bef:before,
.ic-document-remove-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-document-remove);
  mask: var(--icon-document-remove);
}

.ic-document-report-bef:before,
.ic-document-report-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-document-report);
  mask: var(--icon-document-report);
}

.ic-document-search-bef:before,
.ic-document-search-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-document-search);
  mask: var(--icon-document-search);
}

.ic-document-text-bef:before,
.ic-document-text-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-document-text);
  mask: var(--icon-document-text);
}

.ic-dots-circle-horizontal-bef:before,
.ic-dots-circle-horizontal-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-dots-circle-horizontal);
  mask: var(--icon-dots-circle-horizontal);
}

.ic-dots-horizontal-bef:before,
.ic-dots-horizontal-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-dots-horizontal);
  mask: var(--icon-dots-horizontal);
}

.ic-dots-vertical-bef:before,
.ic-dots-vertical-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-dots-vertical);
  mask: var(--icon-dots-vertical);
}

.ic-download-bef:before,
.ic-download-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-download);
  mask: var(--icon-download);
}

.ic-duplicate-bef:before,
.ic-duplicate-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-duplicate);
  mask: var(--icon-duplicate);
}

.ic-emoji-happy-bef:before,
.ic-emoji-happy-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-emoji-happy);
  mask: var(--icon-emoji-happy);
}

.ic-emoji-sad-bef:before,
.ic-emoji-sad-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-emoji-sad);
  mask: var(--icon-emoji-sad);
}

.ic-exclamation-bef:before,
.ic-exclamation-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-exclamation);
  mask: var(--icon-exclamation);
}

.ic-exclamation-circle-bef:before,
.ic-exclamation-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-exclamation-circle);
  mask: var(--icon-exclamation-circle);
}

.ic-external-link-bef:before,
.ic-external-link-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-external-link);
  mask: var(--icon-external-link);
}

.ic-eye-bef:before,
.ic-eye-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-eye);
  mask: var(--icon-eye);
}

.ic-eye-off-bef:before,
.ic-eye-off-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-eye-off);
  mask: var(--icon-eye-off);
}

.ic-fast-forward-bef:before,
.ic-fast-forward-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-fast-forward);
  mask: var(--icon-fast-forward);
}

.ic-film-bef:before,
.ic-film-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-film);
  mask: var(--icon-film);
}

.ic-filter-bef:before,
.ic-filter-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-filter);
  mask: var(--icon-filter);
}

.ic-finger-print-bef:before,
.ic-finger-print-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-finger-print);
  mask: var(--icon-finger-print);
}

.ic-fire-bef:before,
.ic-fire-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-fire);
  mask: var(--icon-fire);
}

.ic-flag-bef:before,
.ic-flag-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-flag);
  mask: var(--icon-flag);
}

.ic-folder-bef:before,
.ic-folder-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-folder);
  mask: var(--icon-folder);
}

.ic-folder-add-bef:before,
.ic-folder-add-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-folder-add);
  mask: var(--icon-folder-add);
}

.ic-folder-download-bef:before,
.ic-folder-download-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-folder-download);
  mask: var(--icon-folder-download);
}

.ic-folder-open-bef:before,
.ic-folder-open-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-folder-open);
  mask: var(--icon-folder-open);
}

.ic-folder-remove-bef:before,
.ic-folder-remove-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-folder-remove);
  mask: var(--icon-folder-remove);
}

.ic-gift-bef:before,
.ic-gift-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-gift);
  mask: var(--icon-gift);
}

.ic-globe-bef:before,
.ic-globe-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-globe);
  mask: var(--icon-globe);
}

.ic-globe-alt-bef:before,
.ic-globe-alt-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-globe-alt);
  mask: var(--icon-globe-alt);
}

.ic-hand-bef:before,
.ic-hand-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-hand);
  mask: var(--icon-hand);
}

.ic-hashtag-bef:before,
.ic-hashtag-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-hashtag);
  mask: var(--icon-hashtag);
}

.ic-heart-bef:before,
.ic-heart-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-heart);
  mask: var(--icon-heart);
}

.ic-heart-full-bef:before,
.ic-heart-full-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-heart-full);
  mask: var(--icon-heart-full);
}

.ic-home-bef:before,
.ic-home-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-home);
  mask: var(--icon-home);
}

.ic-identification-bef:before,
.ic-identification-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-identification);
  mask: var(--icon-identification);
}

.ic-inbox-bef:before,
.ic-inbox-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-inbox);
  mask: var(--icon-inbox);
}

.ic-inbox-in-bef:before,
.ic-inbox-in-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-inbox-in);
  mask: var(--icon-inbox-in);
}

.ic-information-circle-bef:before,
.ic-information-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-information-circle);
  mask: var(--icon-information-circle);
}

.ic-key-bef:before,
.ic-key-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-key);
  mask: var(--icon-key);
}

.ic-library-bef:before,
.ic-library-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-library);
  mask: var(--icon-library);
}

.ic-light-bulb-bef:before,
.ic-light-bulb-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-light-bulb);
  mask: var(--icon-light-bulb);
}

.ic-lightning-bolt-bef:before,
.ic-lightning-bolt-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-lightning-bolt);
  mask: var(--icon-lightning-bolt);
}

.ic-link-bef:before,
.ic-link-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-link);
  mask: var(--icon-link);
}

.ic-location-marker-bef:before,
.ic-location-marker-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-location-marker);
  mask: var(--icon-location-marker);
}

.ic-lock-closed-bef:before,
.ic-lock-closed-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-lock-closed);
  mask: var(--icon-lock-closed);
}

.ic-lock-open-bef:before,
.ic-lock-open-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-lock-open);
  mask: var(--icon-lock-open);
}

.ic-logout-bef:before,
.ic-logout-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-logout);
  mask: var(--icon-logout);
}

.ic-logout-1-bef:before,
.ic-logout-1-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-logout-1);
  mask: var(--icon-logout-1);
}

.ic-mail-bef:before,
.ic-mail-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-mail);
  mask: var(--icon-mail);
}

.ic-mail-open-bef:before,
.ic-mail-open-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-mail-open);
  mask: var(--icon-mail-open);
}

.ic-map-bef:before,
.ic-map-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-map);
  mask: var(--icon-map);
}

.ic-menu-bef:before,
.ic-menu-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-menu);
  mask: var(--icon-menu);
}

.ic-menu-alt-1-bef:before,
.ic-menu-alt-1-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-menu-alt-1);
  mask: var(--icon-menu-alt-1);
}

.ic-menu-alt-2-bef:before,
.ic-menu-alt-2-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-menu-alt-2);
  mask: var(--icon-menu-alt-2);
}

.ic-menu-alt-3-bef:before,
.ic-menu-alt-3-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-menu-alt-3);
  mask: var(--icon-menu-alt-3);
}

.ic-menu-alt-4-bef:before,
.ic-menu-alt-4-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-menu-alt-4);
  mask: var(--icon-menu-alt-4);
}

.ic-microphone-bef:before,
.ic-microphone-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-microphone);
  mask: var(--icon-microphone);
}

.ic-minus-bef:before,
.ic-minus-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-minus);
  mask: var(--icon-minus);
}

.ic-minus-circle-bef:before,
.ic-minus-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-minus-circle);
  mask: var(--icon-minus-circle);
}

.ic-minus-sm-bef:before,
.ic-minus-sm-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-minus-sm);
  mask: var(--icon-minus-sm);
}

.ic-moon-bef:before,
.ic-moon-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-moon);
  mask: var(--icon-moon);
}

.ic-music-note-bef:before,
.ic-music-note-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-music-note);
  mask: var(--icon-music-note);
}

.ic-newspaper-bef:before,
.ic-newspaper-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-newspaper);
  mask: var(--icon-newspaper);
}

.ic-office-building-bef:before,
.ic-office-building-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-office-building);
  mask: var(--icon-office-building);
}

.ic-paper-airplane-bef:before,
.ic-paper-airplane-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-paper-airplane);
  mask: var(--icon-paper-airplane);
}

.ic-paper-clip-bef:before,
.ic-paper-clip-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-paper-clip);
  mask: var(--icon-paper-clip);
}

.ic-pause-bef:before,
.ic-pause-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-pause);
  mask: var(--icon-pause);
}

.ic-pencil-bef:before,
.ic-pencil-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-pencil);
  mask: var(--icon-pencil);
}

.ic-pencil-alt-bef:before,
.ic-pencil-alt-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-pencil-alt);
  mask: var(--icon-pencil-alt);
}

.ic-phone-bef:before,
.ic-phone-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-phone);
  mask: var(--icon-phone);
}

.ic-phone-incoming-bef:before,
.ic-phone-incoming-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-phone-incoming);
  mask: var(--icon-phone-incoming);
}

.ic-phone-missed-call-bef:before,
.ic-phone-missed-call-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-phone-missed-call);
  mask: var(--icon-phone-missed-call);
}

.ic-phone-outgoing-bef:before,
.ic-phone-outgoing-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-phone-outgoing);
  mask: var(--icon-phone-outgoing);
}

.ic-photograph-bef:before,
.ic-photograph-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-photograph);
  mask: var(--icon-photograph);
}

.ic-play-bef:before,
.ic-play-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-play);
  mask: var(--icon-play);
}

.ic-plus-bef:before,
.ic-plus-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-plus);
  mask: var(--icon-plus);
}

.ic-plus-circle-bef:before,
.ic-plus-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-plus-circle);
  mask: var(--icon-plus-circle);
}

.ic-plus-sm-bef:before,
.ic-plus-sm-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-plus-sm);
  mask: var(--icon-plus-sm);
}

.ic-presentation-chart-bar-bef:before,
.ic-presentation-chart-bar-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-presentation-chart-bar);
  mask: var(--icon-presentation-chart-bar);
}

.ic-presentation-chart-line-bef:before,
.ic-presentation-chart-line-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-presentation-chart-line);
  mask: var(--icon-presentation-chart-line);
}

.ic-printer-bef:before,
.ic-printer-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-printer);
  mask: var(--icon-printer);
}

.ic-puzzle-bef:before,
.ic-puzzle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-puzzle);
  mask: var(--icon-puzzle);
}

.ic-qrcode-bef:before,
.ic-qrcode-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-qrcode);
  mask: var(--icon-qrcode);
}

.ic-question-mark-circle-bef:before,
.ic-question-mark-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-question-mark-circle);
  mask: var(--icon-question-mark-circle);
}

.ic-receipt-refund-bef:before,
.ic-receipt-refund-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-receipt-refund);
  mask: var(--icon-receipt-refund);
}

.ic-receipt-tax-bef:before,
.ic-receipt-tax-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-receipt-tax);
  mask: var(--icon-receipt-tax);
}

.ic-refresh-bef:before,
.ic-refresh-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-refresh);
  mask: var(--icon-refresh);
}

.ic-reply-bef:before,
.ic-reply-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-reply);
  mask: var(--icon-reply);
}

.ic-rewind-bef:before,
.ic-rewind-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-rewind);
  mask: var(--icon-rewind);
}

.ic-rss-bef:before,
.ic-rss-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-rss);
  mask: var(--icon-rss);
}

.ic-save-bef:before,
.ic-save-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-save);
  mask: var(--icon-save);
}

.ic-save-as-bef:before,
.ic-save-as-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-save-as);
  mask: var(--icon-save-as);
}

.ic-scale-bef:before,
.ic-scale-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-scale);
  mask: var(--icon-scale);
}

.ic-scissors-bef:before,
.ic-scissors-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-scissors);
  mask: var(--icon-scissors);
}

.ic-search-bef:before,
.ic-search-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-search);
  mask: var(--icon-search);
}

.ic-search-circle-bef:before,
.ic-search-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-search-circle);
  mask: var(--icon-search-circle);
}

.ic-selector-bef:before,
.ic-selector-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-selector);
  mask: var(--icon-selector);
}

.ic-server-bef:before,
.ic-server-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-server);
  mask: var(--icon-server);
}

.ic-share-bef:before,
.ic-share-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-share);
  mask: var(--icon-share);
}

.ic-shield-check-bef:before,
.ic-shield-check-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-shield-check);
  mask: var(--icon-shield-check);
}

.ic-shield-exclamation-bef:before,
.ic-shield-exclamation-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-shield-exclamation);
  mask: var(--icon-shield-exclamation);
}

.ic-shopping-bag-bef:before,
.ic-shopping-bag-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-shopping-bag);
  mask: var(--icon-shopping-bag);
}

.ic-shopping-cart-bef:before,
.ic-shopping-cart-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-shopping-cart);
  mask: var(--icon-shopping-cart);
}

.ic-sliders-bef:before,
.ic-sliders-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-sliders);
  mask: var(--icon-sliders);
}

.ic-sm-view-grid-add-bef:before,
.ic-sm-view-grid-add-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-sm-view-grid-add);
  mask: var(--icon-sm-view-grid-add);
}

.ic-spinner-solid-bef:before,
.ic-spinner-solid-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-spinner-solid);
  mask: var(--icon-spinner-solid);
}

.ic-sort-ascending-bef:before,
.ic-sort-ascending-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-sort-ascending);
  mask: var(--icon-sort-ascending);
}

.ic-sort-descending-bef:before,
.ic-sort-descending-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-sort-descending);
  mask: var(--icon-sort-descending);
}

.ic-sparkles-bef:before,
.ic-sparkles-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-sparkles);
  mask: var(--icon-sparkles);
}

.ic-speakerphone-bef:before,
.ic-speakerphone-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-speakerphone);
  mask: var(--icon-speakerphone);
}

.ic-star-bef:before,
.ic-star-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-star);
  mask: var(--icon-star);
}

.ic-star-solid-bef:before,
.ic-star-solid-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-star-solid);
  mask: var(--icon-star-solid);
}

.ic-status-offline-bef:before,
.ic-status-offline-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-status-offline);
  mask: var(--icon-status-offline);
}

.ic-status-online-bef:before,
.ic-status-online-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-status-online);
  mask: var(--icon-status-online);
}

.ic-stop-bef:before,
.ic-stop-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-stop);
  mask: var(--icon-stop);
}

.ic-sun-bef:before,
.ic-sun-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-sun);
  mask: var(--icon-sun);
}

.ic-support-bef:before,
.ic-support-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-support);
  mask: var(--icon-support);
}

.ic-switch-horizontal-bef:before,
.ic-switch-horizontal-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-switch-horizontal);
  mask: var(--icon-switch-horizontal);
}

.ic-switch-vertical-bef:before,
.ic-switch-vertical-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-switch-vertical);
  mask: var(--icon-switch-vertical);
}

.ic-table-bef:before,
.ic-table-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-table);
  mask: var(--icon-table);
}

.ic-tag-bef:before,
.ic-tag-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-tag);
  mask: var(--icon-tag);
}

.ic-template-bef:before,
.ic-template-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-template);
  mask: var(--icon-template);
}

.ic-terminal-bef:before,
.ic-terminal-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-terminal);
  mask: var(--icon-terminal);
}

.ic-thumb-down-bef:before,
.ic-thumb-down-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-thumb-down);
  mask: var(--icon-thumb-down);
}

.ic-thumb-up-bef:before,
.ic-thumb-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-thumb-up);
  mask: var(--icon-thumb-up);
}

.ic-ticket-bef:before,
.ic-ticket-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-ticket);
  mask: var(--icon-ticket);
}

.ic-translate-bef:before,
.ic-translate-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-translate);
  mask: var(--icon-translate);
}

.ic-trash-bef:before,
.ic-trash-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-trash);
  mask: var(--icon-trash);
}

.ic-trending-down-bef:before,
.ic-trending-down-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-trending-down);
  mask: var(--icon-trending-down);
}

.ic-trending-up-bef:before,
.ic-trending-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-trending-up);
  mask: var(--icon-trending-up);
}

.ic-truck-bef:before,
.ic-truck-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-truck);
  mask: var(--icon-truck);
}

.ic-upload-bef:before,
.ic-upload-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-upload);
  mask: var(--icon-upload);
}

.ic-user-bef:before,
.ic-user-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-user);
  mask: var(--icon-user);
}

.ic-user-add-bef:before,
.ic-user-add-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-user-add);
  mask: var(--icon-user-add);
}

.ic-user-circle-bef:before,
.ic-user-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-user-circle);
  mask: var(--icon-user-circle);
}

.ic-user-group-bef:before,
.ic-user-group-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-user-group);
  mask: var(--icon-user-group);
}

.ic-user-remove-bef:before,
.ic-user-remove-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-user-remove);
  mask: var(--icon-user-remove);
}

.ic-users-bef:before,
.ic-users-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-users);
  mask: var(--icon-users);
}

.ic-variable-bef:before,
.ic-variable-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-variable);
  mask: var(--icon-variable);
}

.ic-video-camera-bef:before,
.ic-video-camera-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-video-camera);
  mask: var(--icon-video-camera);
}

.ic-view-boards-bef:before,
.ic-view-boards-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-view-boards);
  mask: var(--icon-view-boards);
}

.ic-view-grid-bef:before,
.ic-view-grid-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-view-grid);
  mask: var(--icon-view-grid);
}

.ic-view-grid-full-bef:before,
.ic-view-grid-full-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-view-grid-full);
  mask: var(--icon-view-grid-full);
}

.ic-view-list-bef:before,
.ic-view-list-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-view-list);
  mask: var(--icon-view-list);
}

.ic-volume-off-bef:before,
.ic-volume-off-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-volume-off);
  mask: var(--icon-volume-off);
}

.ic-volume-up-bef:before,
.ic-volume-up-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-volume-up);
  mask: var(--icon-volume-up);
}

.ic-wifi-bef:before,
.ic-wifi-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-wifi);
  mask: var(--icon-wifi);
}

.ic-x-bef:before,
.ic-x-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-x);
  mask: var(--icon-x);
}

.ic-x-circle-bef:before,
.ic-x-circle-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-x-circle);
  mask: var(--icon-x-circle);
}

.ic-zoom-in-bef:before,
.ic-zoom-in-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-zoom-in);
  mask: var(--icon-zoom-in);
}

.ic-zoom-out-bef:before,
.ic-zoom-out-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-zoom-out);
  mask: var(--icon-zoom-out);
}

.ic-instagram-bef:before,
.ic-instagram-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-instagram);
  mask: var(--icon-instagram);
}

.ic-pinterest-bef:before,
.ic-pinterest-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-pinterest);
  mask: var(--icon-pinterest);
}

.ic-do-not-iron-bef:before,
.ic-do-not-iron-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-do-not-iron);
  mask: var(--icon-do-not-iron);
}

.ic-do-not-tumble-dry-bef:before,
.ic-do-not-tumble-dry-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-do-not-tumble-dry);
  mask: var(--icon-do-not-tumble-dry);
}

.ic-eco-bef:before,
.ic-eco-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-eco);
  mask: var(--icon-eco);
}

.ic-hand-wash-bef:before,
.ic-hand-wash-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-hand-wash);
  mask: var(--icon-hand-wash);
}

.ic-laundry-bef:before,
.ic-laundry-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-laundry);
  mask: var(--icon-laundry);
}

.ic-leaf-bef:before,
.ic-leaf-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-leaf);
  mask: var(--icon-leaf);
}

.ic-oeko-tex-bef:before,
.ic-oeko-tex-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-oeko-tex);
  mask: var(--icon-oeko-tex);
}

.ic-ruler-bef:before,
.ic-ruler-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-ruler);
  mask: var(--icon-ruler);
}

.ic-section-bef:before,
.ic-section-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-section);
  mask: var(--icon-section);
}

.ic-shop-bef:before,
.ic-shop-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-shop);
  mask: var(--icon-shop);
}

.ic-spotify-bef:before,
.ic-spotify-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-spotify);
  mask: var(--icon-spotify);
}

.ic-wash-dry-bef:before,
.ic-wash-dry-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-wash-dry);
  mask: var(--icon-wash-dry);
}

.ic-whatsapp-bef:before,
.ic-whatsapp-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-whatsapp);
  mask: var(--icon-whatsapp);
}

.ic-facebook-bef:before,
.ic-facebook-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-facebook);
  mask: var(--icon-facebook);
}

.ic-social-media-x-bef:before,
.ic-social-media-x-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-social-media-x);
  mask: var(--icon-social-media-x);
}

.ic-30-degrees-wash-bef:before,
.ic-30-degrees-wash-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-30-degrees-wash);
  mask: var(--icon-30-degrees-wash);
}

.ic-do-iron-bef:before,
.ic-do-iron-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-do-iron);
  mask: var(--icon-do-iron);
}

.ic-do-not-bleach-bef:before,
.ic-do-not-bleach-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-do-not-bleach);
  mask: var(--icon-do-not-bleach);
}

.ic-do-not-dry-clean-laundry-bef:before,
.ic-do-not-dry-clean-laundry-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-do-not-dry-clean-laundry);
  mask: var(--icon-do-not-dry-clean-laundry);
}

.ic-contact-openingstijden-bef:before,
.ic-contact-openingstijden-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-contact-openingstijden);
  mask: var(--icon-contact-openingstijden);
}

.ic-bestellen-bef:before,
.ic-bestellen-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-bestellen);
  mask: var(--icon-bestellen);
}

.ic-betalen-bef:before,
.ic-betalen-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-betalen);
  mask: var(--icon-betalen);
}

.ic-verzenden-bezorging-bef:before,
.ic-verzenden-bezorging-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-verzenden-bezorging);
  mask: var(--icon-verzenden-bezorging);
}

.ic-garantie-retouren-bef:before,
.ic-garantie-retouren-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-garantie-retouren);
  mask: var(--icon-garantie-retouren);
}

.ic-klachten-bef:before,
.ic-klachten-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-klachten);
  mask: var(--icon-klachten);
}

.ic-contact-heures-douverture-bef:before,
.ic-contact-heures-douverture-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-contact-heures-douverture);
  mask: var(--icon-contact-heures-douverture);
}

.ic-commande-bef:before,
.ic-commande-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-commande);
  mask: var(--icon-commande);
}

.ic-paiement-bef:before,
.ic-paiement-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-paiement);
  mask: var(--icon-paiement);
}

.ic-expédition-livraison-bef:before,
.ic-expédition-livraison-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-expédition-livraison);
  mask: var(--icon-expédition-livraison);
}

.ic-garantie-retour-bef:before,
.ic-garantie-retour-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-garantie-retour);
  mask: var(--icon-garantie-retour);
}

.ic-plaintes-bef:before,
.ic-plaintes-aft:after {
  content: "";
  background-color: var(--shade-950);
  -webkit-mask: var(--icon-plaintes);
  mask: var(--icon-plaintes);
}

i[class*=ic-], i[class*=ic-]:before, i[class*=ic-]:after {
  display: inline-block;
  vertical-align: middle;
}

.icon-size-s:before, .icon-size-s:after {
  height: var(--px-3);
  width: var(--px-3);
}

.icon-size-m:before, .icon-size-m:after {
  height: var(--px-6);
  width: var(--px-6);
}

.icon-size-l:before, .icon-size-l:after {
  height: var(--px-8);
  width: var(--px-8);
}

.icon-play-solid:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: var(--px-12);
  width: var(--px-12);
  background-color: var(--transparency-white);
  border-radius: var(--br-round);
  z-index: 10;
}
.icon-play-solid:after {
  content: "";
  z-index: 11;
  mask: var(--icon-play-solid);
  background-color: var(--color-blue-dark);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: var(--px-6);
  width: var(--px-6);
}

button.icon-play-solid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ic-info:after {
  content: "";
  background: var(--icon-information-circle-blue);
  height: var(--px-6);
  width: var(--px-4);
  display: inline-block;
  vertical-align: middle;
}

.ic-instagram:after {
  content: "";
  mask: var(--icon-instagram);
  background-color: var(--color-blue-dark);
  height: var(--px-6);
  width: var(--px-6);
  display: inline-block;
  vertical-align: middle;
}

.u-selectable-div.selected {
  border: 2px solid var(--color-blue-dark);
}
.u-selectable-div.selected::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 28px;
  height: 28px;
  border-radius: var(--br-round);
  background: var(--color-blue-dark);
}
.u-selectable-div.selected::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  background: var(--color-white);
  mask: var(--icon-check);
}

.ic-eco-aft {
  display: flex;
  gap: var(--px-2);
}
.ic-eco-aft:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-color: var(--color-green-darker);
  mask: var(--icon-eco);
  -webkit-mask: var(--icon-eco);
  mask-size: 18px;
}

.icb-country-nl-b:after {
  background: var(--icon-country-nl);
}

.icb-country-fr-b:after {
  background: var(--icon-country-fr);
}

.icb-country-be-b:after {
  background: var(--icon-country-be);
}

@layer {
  ul,
  ol {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 140%;
    list-style-type: none;
    font-family: var(--font-title-base);
    font-size: 1rem;
  }
  ul.nolist:not(.uk-grid) li,
  ol.nolist:not(.uk-grid) li {
    padding: 0;
  }
  ul.nolist:not(.uk-grid) li:before,
  ol.nolist:not(.uk-grid) li:before {
    content: none;
  }
  ul.nolist:not(.uk-grid) li ul,
  ul.nolist:not(.uk-grid) li ol,
  ol.nolist:not(.uk-grid) li ul,
  ol.nolist:not(.uk-grid) li ol {
    margin: 0;
  }
  ul:not(.nolist),
  ol:not(.nolist) {
    margin-left: calc(-1 * var(--pd-list));
    padding-left: var(--pd-list);
    line-height: var(--px-6);
  }
  ul:not(.nolist) li,
  ol:not(.nolist) li {
    padding: 0 0 0 var(--pd-list);
  }
  ul:not(.nolist) li:before,
  ol:not(.nolist) li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc((1lh - 6px) / 2);
    left: calc((var(--px-6) - 6px) / 2);
    border-radius: var(--br-round);
    height: 6px;
    width: 6px;
    background-color: var(--shade-950);
  }
  ul:not(.nolist) li ul,
  ul:not(.nolist) li ol,
  ol:not(.nolist) li ul,
  ol:not(.nolist) li ol {
    margin: 0;
  }
  ul li,
  ol li {
    position: relative;
  }
  ul.m-none,
  ol.m-none {
    margin: 0;
  }
  ul.p-none,
  ol.p-none {
    padding: 0;
  }
}
ul.list-num,
ol.list-num {
  --list-type: decimal;
}
ul.list-num ul,
ul.list-num ol,
ol.list-num ul,
ol.list-num ol {
  margin: 0;
  --list-type: lower-alpha;
}
ul.list-num ul ul,
ul.list-num ul ol,
ul.list-num ol ul,
ul.list-num ol ol,
ol.list-num ul ul,
ol.list-num ul ol,
ol.list-num ol ul,
ol.list-num ol ol {
  --list-type: decimal;
}
ul.list-num ul ul ul,
ul.list-num ul ul ol,
ul.list-num ul ol ul,
ul.list-num ul ol ol,
ul.list-num ol ul ul,
ul.list-num ol ul ol,
ul.list-num ol ol ul,
ul.list-num ol ol ol,
ol.list-num ul ul ul,
ol.list-num ul ul ol,
ol.list-num ul ol ul,
ol.list-num ul ol ol,
ol.list-num ol ul ul,
ol.list-num ol ul ol,
ol.list-num ol ol ul,
ol.list-num ol ol ol {
  --list-type: lower-alpha;
}
ul.list-num,
ul.list-num ul,
ul.list-num ol,
ol.list-num,
ol.list-num ul,
ol.list-num ol {
  counter-reset: alternating-counter;
}
ul.list-num li,
ol.list-num li {
  counter-increment: alternating-counter;
  padding: 0;
}
ul.list-num li:before,
ol.list-num li:before {
  content: counter(alternating-counter, var(--list-type)) ".";
  position: relative;
  top: 0;
  left: 0;
  border-radius: 0;
  height: auto;
  width: auto;
  min-width: var(--pd-list);
  background-color: transparent;
}
ul.list-num li ul,
ul.list-num li ol,
ol.list-num li ul,
ol.list-num li ol {
  padding-left: var(--pd-list);
}

ul.list-check li:before,
ol.list-check li:before {
  content: "";
  top: calc((1lh - 20px) / 2);
  left: calc((var(--px-6) - 20px) / 2);
  border-radius: 0;
  height: 20px;
  width: 20px;
  background-color: var(--color-success);
  mask: var(--icon-check);
}
ul.list-check li ul,
ul.list-check li ol,
ol.list-check li ul,
ol.list-check li ol {
  margin: 0;
}

:root {
  --z-base: 0;
  --z-overlay: 9;
  --z-header: 10;
  --z-input-icon: 5;
  --z-searchbar: 12;
  --z-searchsuggestion: 13;
  --compare-popup: 14;
  --z-sortplaceholder: 1;
  --z-filteroverlay: 2;
  --z-filteroverlayspinner: 3;
  --z-menuoverlay: -1;
  --z-searchoverlay: 11;
  --z-bedblock-bg: -1;
  --z-stickybar: 15;
  --z-popup: 200;
}

:root {
  --outline: 2px solid var(--color-blue-dark);
  --tr-delay: 0s;
  --tr-delay-overlay: 0.15s;
  --tr-transition: ease-in-out;
  --bs-top: 0 -14px 20px 16px rgba(0, 0, 0, 0.04);
  --bs-bottom: 0 6px 14px 0 rgba(0, 0, 0, 0.05), 0 16px 38px 0 rgba(0, 0, 0, 0.04), 0 2.01px 8.488px 0 rgba(0, 0, 0, 0.01), 0 0.599px 2.527px 0 rgba(0, 0, 0, 0.03);
  --bs-product: 1px -4px 4px 0 rgba(0, 0, 0, 0.10) inset, 21px 15px 9px 0 rgba(48, 51, 54, 0.03), 13px 15px 0 0 rgba(48, 51, 54, 0.01), 8px 8px 7px 0 rgba(48, 51, 54, 0.01), 3px 4px 5px 0 rgba(48, 51, 54, 0.05), 1px 1px 3px 0 rgba(48, 51, 54, 0.05);
}

@media only screen and (max-width: 768px) {
  .show-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) {
  .show-mobile {
    display: none !important;
  }
}
/*#region Container */
html {
  height: 100%;
}

html, body {
  margin: 0;
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: -0.14px;
  color: var(--shade-600);
}

canvas,
img,
svg,
video {
  border: 0;
  vertical-align: middle;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

fieldset {
  width: auto;
  min-width: 0;
  max-width: none;
}

.w-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.w-main {
  flex: 1 0 auto;
}

.w-footer {
  flex-shrink: 0;
}

div {
  position: relative;
}

svg *:focus {
  outline: none;
}

.u-block {
  display: block;
}

.hidden,
.is-hidden {
  display: none !important;
}

.u-scroll-observer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0;
  visibility: hidden;
  pointer-events: none;
}

.iti ul li:before,
.iti ol li:before {
  display: none;
}

@media only screen and (min-width: 769px) {
  .u-col-2 {
    display: flex;
    gap: var(--px-6);
  }
  .u-col-2 > * {
    flex: 1;
  }
  .u-col-3 {
    display: flex;
    gap: var(--px-4);
  }
  .u-col-3 > * {
    flex: 1;
  }
}
@media only screen and (max-width: 768px) {
  .u-col-2 {
    display: flex;
    flex-direction: column;
    gap: var(--px-6);
  }
  .u-col-2 > * {
    flex: 1;
  }
  .u-col-3 {
    display: flex;
    flex-direction: column;
    gap: var(--px-4);
  }
  .u-col-3 > * {
    flex: 1;
  }
}
/*#endregion Container */
/*#region reCaptcha */
.grecaptcha-badge {
  display: none !important;
}

/*#endregion */
/*#region Alignment */
.align-right-mobile {
  margin-left: auto;
}

@media only screen and (min-width: 769px) {
  .align-right-mobile {
    margin-left: 0;
  }
  .align-right-desktop {
    margin-left: auto;
  }
}
.u-align-center {
  align-self: center;
}

.u-align-right {
  align-self: flex-end;
}

.u-space-between {
  display: flex;
  justify-content: space-between;
}

/*#endregion Alignment */
/*#region Overlay */
.u-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-overlay);
  z-index: var(--z-overlay);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility var(--tr-delay-overlay) var(--tr-transition), opacity var(--tr-delay-overlay) var(--tr-transition);
}
.u-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*        -webkit-ackdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  transition:
      -webkit-backdrop-filter var(--tr-delay-overlay) var(--tr-transition) var(--tr-delay-overlay),
      backdrop-filter var(--tr-delay-overlay) var(--tr-transition) var(--tr-delay-overlay);*/
}

body.u-overlay__active .u-overlay {
  /*-webkit-ackdrop-filter: blur($_overlay-blur);
  backdrop-filter: blur($_overlay-blur);*/
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/*#endregion Overlay */
/*#region Outline */
*:focus,
*:focus-visible {
  outline: none;
}

button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: var(--outline);
  outline-offset: 2px;
}

.outline-hover:hover {
  outline: var(--outline);
  outline-offset: 2px;
}

a {
  position: relative;
}
a:focus, a:focus-visible {
  outline: none;
}
a[class*=btn-]:focus-visible, a[class*=ol-self]:focus-visible {
  outline: var(--outline);
  outline-offset: 2px;
}
a:not([class*=btn-], [class*=ol-self]):focus-visible:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -4px;
  right: -4px;
  bottom: 0;
  border-radius: var(--br-round);
  outline: var(--outline);
  outline-offset: 2px;
}
a.o-2xl:focus-visible:after {
  left: 0;
  right: 0;
  border-radius: var(--br-2xl);
}

/*#endregion Outline */
/*#region Box shadow */
.bs-top {
  box-shadow: var(--bs-top);
}

.bs-btm {
  box-shadow: var(--bs-bottom);
}

.bs-prod {
  box-shadow: var(--bs-product);
}

/*#endregion Box shadow */
/*#region general */
.u-popup--active,
.u-overlay-active {
  overflow: hidden;
  overflow-y: clip;
  touch-action: none;
  scrollbar-gutter: stable;
}
.u-popup--active body,
.u-overlay-active body {
  overflow-y: visible;
}

.g-popup {
  position: fixed;
  inset: 0;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
  z-index: var(--z-popup);
  display: none;
}
.g-popup--is-active {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (min-width: 769px) {
  .g-popup-d--left, .g-popup-d--right {
    justify-content: flex-end;
    align-items: stretch;
    flex: 1 0 0;
  }
  .g-popup-d--left {
    justify-content: flex-start;
  }
}

.g-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: none;
}
@media only screen and (min-width: 769px) {
  .g-popup__overlay {
    background: var(--transparency-overlay);
  }
}
.g-popup--visible .g-popup__overlay {
  display: block;
}

/*#endregion general */
/*#region container */
.g-popup__container {
  position: relative;
  background: #fff;
  width: 90%;
  max-width: 480px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  border-radius: var(--br-2xl);
  overflow: hidden;
  transform: translateY(100%);
  transition: transform 0.5s ease;
}
@media only screen and (min-width: 769px) {
  .g-popup-d--right .g-popup__container, .g-popup-d--left .g-popup__container {
    width: 100%;
    max-width: 480px;
    max-height: none;
    height: 100%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    transform: translateX(100%);
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
  }
  .g-popup--visible .g-popup-d--right .g-popup__container, .g-popup--visible .g-popup-d--left .g-popup__container {
    transform: translateX(0);
  }
  .g-popup-d--left .g-popup__container {
    justify-content: flex-start;
    transform: translateX(-100%);
    right: auto;
    border-radius: 0 var(--br-2xl) var(--br-2xl) 0;
  }
  .g-popup-d--right .g-popup__container {
    left: auto;
    border-radius: var(--br-2xl) 0 0 var(--br-2xl);
  }
  .g-popup-d--center .g-popup__container {
    width: 100%;
    max-width: 976px;
  }
  .g-popup-d--center--small .g-popup__container {
    width: 100%;
    max-width: 777px;
  }
}
@media only screen and (max-width: 768px) {
  .g-popup-m--fullscreen .g-popup__container {
    max-height: 100%;
    width: 100%;
    max-width: none;
    height: 100vh;
    border-radius: 0;
    transform: translateX(-100%);
  }
  .g-popup-m--drawer .g-popup__container {
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: var(--br-2xl) var(--br-2xl) 0 0;
  }
  .g-popup__container .g-popup__header,
  .g-popup__container .g-popup__content {
    padding: var(--px-4);
  }
  .g-popup-m--popup .g-popup__container {
    border-radius: var(--br-2xl);
  }
}

.g-popup--visible .g-popup__container {
  transform: translateY(0) !important;
}

/*#endregion container */
/*#region Header */
.g-popup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--shade-100);
  padding: var(--px-4) var(--px-6);
}
.g-popup-d--center .g-popup__header {
  padding: var(--px-6) var(--px-8);
}
.g-popup-d--center--small .g-popup__header {
  padding: var(--px-6) var(--px-8);
}

.g-popup__title {
  margin: 0;
  flex-shrink: 0;
  display: block;
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--shade-950);
}

.g-popup__subtitle {
  margin: 0;
  flex-shrink: 0;
  display: block;
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
}

button.g-popup__close {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--px-2);
  margin-left: auto;
  border: 1px solid var(--shade-400);
  border-radius: var(--br-round);
  padding: var(--px-1);
  height: var(--px-10);
  width: var(--px-10);
  background: var(--color-white);
  cursor: pointer;
}
button.g-popup__close:after {
  content: "";
  height: var(--px-6);
  width: var(--px-6);
  mask: var(--icon-x);
  background-color: var(--color-blue-darker);
}
button.g-popup__close:hover {
  border: 2px solid var(--color-blue-dark);
}

.g-popup__linkbutton {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  text-decoration: underline;
  border: none;
  padding: 0;
  color: var(--shade-950);
}
.g-popup__linkbutton:hover {
  text-decoration: none;
  background: none;
}

.g-popup__backbutton {
  width: var(--px-8);
  height: var(--px-8);
  display: flex;
  padding: var(--px-1);
  justify-content: center;
  align-items: center;
  gap: var(--px-2);
  border-radius: var(--br-round);
  border: 1px solid var(--shade-400);
  background: var(--color-white);
  opacity: 0;
  cursor: pointer;
  height: var(--px-10);
  width: var(--px-10);
  border-radius: var 1000px --br-round;
}
.g-popup__backbutton:after {
  content: "";
  mask: var(--icon-chevron-left);
  width: var(--px-6);
  height: var(--px-6);
  background-color: var(--color-blue-darker);
}
.g-popup__backbutton.btn-text-link {
  opacity: 1;
}

.g-popup__backbutton.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.g-popup__logo {
  background: url("/designimages/smulders/logo.svg") no-repeat;
  width: 137px;
  height: 20px;
  background-size: contain;
}
.g-popup__logo--centered {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.g-popup__linkbutton + .g-popup__titleholder,
.g-popup__backbutton + .g-popup__titleholder {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}

.g-popup-header__icon {
  margin-right: var(--px-4);
}

/*#endregion Header */
/*#region Content */
.g-popup__contentholder {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
  overflow-y: auto;
  flex: 1 1 auto;
}

.g-popup__contentholder-inner {
  display: grid;
  width: 100%;
  height: fit-content;
  transition: transform 0.4s ease;
}
.g-popup__contentholder-inner--list {
  padding: var(--px-4) var(--px-4) var(--px-10);
  align-self: stretch;
  gap: var(--px-4);
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 var(--px-4);
  flex-direction: column;
}
.g-popup__contentholder-inner--list.g-popup__contentholder-inner--grid {
  align-items: flex-start;
  gap: var(--margin-padding-px-2, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  align-content: initial;
  flex-direction: row;
  justify-content: space-between;
}
.g-popup__contentholder-inner--list.g-popup__contentholder-inner--grid .u-customradio__span {
  display: none;
}
.g-popup__contentholder-inner--list.g-popup__contentholder-inner--grid .c-popup__radio-holder {
  display: flex;
  width: 76px;
  padding: var(--px-2) 0;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--shade-400);
  border-radius: var(--br-2xl);
  background: var(--color-white);
}
.g-popup__contentholder-inner--list.g-popup__contentholder-inner--grid .c-popup__radio-holder:hover {
  border: 2px solid var(--shade-950);
  font-weight: 600;
}
.g-popup__contentholder-inner--list.g-popup__contentholder-inner--grid .c-popup__radio-holder--active {
  border: 2px solid var(--color-blue-dark);
}
.g-popup__contentholder-inner--list.g-popup__contentholder-inner--grid .c-popup__radio-holder .u-customradio__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}
.g-popup__contentholder-inner--list.g-popup__contentholder-inner--grid .c-popup__radio-holder .u-customradio__image {
  display: block;
  width: 100%;
  height: 76px;
  padding: var(--px-1);
  object-fit: contain;
}
.g-popup__contentholder-inner--list .c-popup__radio-holder {
  display: flex;
  align-items: flex-start;
  gap: var(--px-2);
  align-self: stretch;
  border-radius: var(--br-2xl);
  border: 1px solid var(--shade-400);
  width: 100%;
}
.g-popup__contentholder-inner--list .c-popup__radio-holder--active {
  border: 2px solid var(--color-blue-dark);
}
.g-popup__contentholder-inner--list .u-customradio__label {
  display: flex;
  align-items: center;
  padding: var(--px-4);
  width: 100%;
}

.g-popup__content {
  min-width: 100%;
  box-sizing: border-box;
  padding: var(--px-8);
}

/*#endregion Content */
/*#region Buttons */
.g-popup__footer-button-continue {
  margin: 0;
  margin-right: auto;
}

.g-popup__footer {
  padding: 12px 16px;
  border-top: 1px solid #eee;
  background: #fff;
  flex-shrink: 0;
}
.g-popup__content--shadow .g-popup__footer {
  box-shadow: 0 -14px 20px 16px rgba(0, 0, 0, 0.04);
}
@media (min-width: 769px) {
  .g-popup__footer {
    padding: var(--px-6) var(--px-8);
  }
}
.g-popup__footer-content {
  margin-bottom: var(--px-4);
}
.g-popup__footer-buttons {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.g-popup__buttons--center .g-popup__footer-buttons {
  justify-content: center;
}
.g-popup__buttons--space-between .g-popup__footer-buttons {
  justify-content: space-between;
}
.g-popup__buttons--evenly .g-popup__footer-buttons {
  justify-content: space-between;
}
.g-popup__buttons--evenly .g-popup__footer-buttons .btn {
  width: 100%;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .g-popup__buttons--evenly .g-popup__footer-buttons .btn {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .g-popup-m--drawer .g-popup__footer-buttons {
    flex-direction: column-reverse;
  }
}
.g-popup__footer:empty {
  display: none;
}

.g-popup__button.is-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

@media only screen and (min-width: 769px) {
  .g-popup__footer-buttons--add-to-cart .g-popup__footer-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.g-popup__button--margin-right {
  margin-right: auto;
}

/*#endregion Buttons */
@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.tooltip:before {
  content: "";
  background: var(--icon-information-circle);
  height: var(--px-4) !important;
  width: var(--px-4);
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: var(--px-1);
}

.uk-tooltip {
  max-width: 450px;
  background: var(--color-blue-light);
  color: var(--shade-950);
  font-size: var(--text-base);
  font-family: var(--font-title-base);
  padding: var(--px-4);
  border-radius: var(--br);
  overflow: hidden;
  border: 2px solid var(--color-blue);
}
.uk-tooltip p {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .uk-tooltip {
    max-width: 320px;
  }
}

.u-status-info {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.u-status-info:before {
  content: "";
  background: var(--icon-information-circle);
  height: var(--px-4);
  width: var(--px-4);
  display: inline-block;
  vertical-align: text-top;
  margin-right: var(--px-2);
}

.u-stockmessage {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-top: var(--px-4);
  z-index: 2;
  display: block;
  width: fit-content;
}
.u-stockmessage--availability {
  color: var(--color-green-darker);
}
.u-stockmessage--availability:after {
  background-color: var(--color-green-darker);
}
.u-stockmessage--soldout :after {
  display: none;
}
.u-stockmessage--border {
  border-radius: var(--br-round);
  border: 1px solid var(--shade-600);
  background: var(--color-white);
  padding: var(--px-1) var(--px-3);
}
.u-stockmessage--warning {
  border: 1px solid var(--color-red-dark);
  color: var(--color-red-dark);
}
.u-stockmessage--no-icon:after {
  display: none;
}

.u-stockmessage-delivery {
  display: block;
  width: 100%;
}
.u-stockmessage-delivery .spec-content {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  z-index: 2;
  display: block;
  width: fit-content;
}
.u-stockmessage-delivery .spec-content:after {
  content: "";
  mask: var(--icon-information-circle);
  height: var(--px-4);
  width: var(--px-4);
  display: inline-block;
  vertical-align: text-top;
  margin-right: var(--px-2);
  background-color: var(--shade-600);
}
.u-stockmessage-delivery .spec-content.available {
  color: var(--color-green-darker);
}
.u-stockmessage-delivery .spec-content.available:after {
  background-color: var(--color-green-darker);
}
.u-stockmessage-delivery .spec-content--soldout :after {
  display: none;
}
.u-stockmessage-delivery .spec-content--warning {
  border: 1px solid var(--color-red-dark);
  color: var(--color-red-dark);
}
.u-stockmessage-delivery .delivery {
  display: inline-block;
}
.u-stockmessage-delivery .deliveryStats {
  display: inline-block;
}
.u-stockmessage-delivery .deliveryStats.free, .u-stockmessage-delivery .deliveryStats.costs, .u-stockmessage-delivery .deliveryStats.clear {
  display: none;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.u-container-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--px-6);
}
.u-container-sidebar__section {
  display: flex;
  gap: var(--px-6);
  flex-direction: column;
}

.u-fixed-right,
.u-fixed-left {
  position: absolute !important;
}

.u-fixed-right {
  left: auto;
  right: -50%;
}

.u-fixed-left {
  right: auto;
  left: 0;
}

.u-container-full-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100vw - 15px);
  height: 100%;
  transform: translateX(-50%);
  background: var(--color-white);
  z-index: -1;
  border-radius: var(--br-2xl);
}
.u-container-full-bg--shade-50:before {
  background: var(--shade-50);
}

@media only screen and (min-width: 769px) {
  .u-container-sidebar {
    flex-direction: row;
  }
  .u-container-sidebar__aside {
    display: flex;
    width: calc(300px - var(--px-6));
    flex-direction: column;
    align-items: flex-start;
    gap: var(--px-6);
  }
  .u-container-sidebar__aside--376 {
    min-width: 376px;
  }
  .u-container-sidebar--sticky .u-container-sidebar__aside {
    height: fit-content;
    position: sticky;
    top: calc(150px + var(--px-6));
  }
  .u-container-sidebar__section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--px-10);
    flex: 1 0 0;
  }
}
.u-progress-spinner {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-filteroverlayspinner);
  transition: background 300ms 50ms ease-in;
}
.u-progress-spinner.is-active {
  display: block;
}
.u-progress-spinner--fixed {
  position: fixed;
}

.u-progress-spinner__loader {
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  height: 50px;
  width: 50px;
  z-index: var(--z-filteroverlayspinner);
  position: absolute;
}
.u-progress-spinner__loader--smulders {
  animation: rotating 1s linear 500ms infinite, fade 500ms;
}
.u-progress-spinner__loader--alt {
  animation: rotatingalt 1s linear infinite;
}
.u-progress-spinner--fixed .u-progress-spinner__loader {
  position: fixed;
  top: 50%;
}
.u-progress-spinner--absolute-top .u-progress-spinner__loader {
  position: absolute;
  top: 48px;
}
.u-progress-spinner--absolute-bottom .u-progress-spinner__loader {
  position: absolute;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotating {
  from {
    transform: translateX(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes rotatingalt {
  from {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
.j-category > *:not(.u-progress-spinner):after {
  content: "";
  position: absolute;
  opacity: 1;
  transition: opacity 1500ms;
  z-index: var(--z-filteroverlay);
}

.is-blurred > *:not(.u-progress-spinner):after,
.u-progress-spinner.is-blurred:after {
  transition: opacity 1500ms;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: calc(-1 * var(--px-1));
  background-color: var(--color-white);
  opacity: 0.5;
  z-index: var(--z-filteroverlay);
}

.uk-notification {
  width: auto;
  max-width: 768px;
}

.uk-notification-message {
  padding: 0;
  border-radius: var(--br-2xl);
}
.uk-notification-message > div {
  width: 100%;
}
.uk-notification-message .uk-notification-close {
  z-index: 2;
  right: var(--px-6);
  top: 50%;
  transform: translateY(-50%);
}

.uk-notification-holder {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  border-radius: 6px;
  padding: 0;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.uk-notification-holder .uk-notification-inner {
  padding: var(--px-6) var(--px-10) var(--px-6) var(--px-6);
}
.uk-notification-holder .uk-notification-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  flex-shrink: 0;
}
.uk-notification-holder .uk-notification-icon:after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  mask: var(--icon-check);
  background-color: var(--shade-950);
  vertical-align: middle;
}
.uk-notification-holder .uk-notification-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  flex: 1;
  color: var(--shade-600);
}
.uk-notification-holder .uk-notification-title {
  flex: 1;
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  font-weight: 700;
}
.uk-notification-holder .uk-notification-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 0;
  border-radius: 0 0 6px 6px;
}
.uk-notification-holder.uk-notification-success {
  background-color: var(--color-green-light);
  color: var(--shade-950);
}
.uk-notification-holder.uk-notification-success .uk-notification-progress {
  background-color: var(--color-green-dark);
}
.uk-notification-holder.uk-notification-warning {
  background-color: var(--color-yellow-light);
  color: var(--shade-950);
}
.uk-notification-holder.uk-notification-warning .uk-notification-progress {
  background-color: var(--color-yellow-dark);
}
.uk-notification-holder.uk-notification-danger {
  background-color: var(--color-red-light);
  color: var(--shade-950);
}
.uk-notification-holder.uk-notification-danger .uk-notification-progress {
  background-color: var(--color-red-dark);
}
.uk-notification-holder.uk-notification-primary {
  background-color: var(--color-blue-light);
  color: var(--shade-950);
}
.uk-notification-holder.uk-notification-primary .uk-notification-progress {
  background-color: var(--color-blue-darker);
}

#estrategy-cc-popupwall {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#estrategy-cc-popupwall .uk-modal-dialog {
  margin: 0 auto !important;
  border-radius: var(--br-2xl) var(--br-2xl) 0 0;
  width: 700px;
}
@media only screen and (min-width: 769px) {
  #estrategy-cc-popupwall {
    justify-content: center;
    align-items: center;
  }
  #estrategy-cc-popupwall .uk-modal-dialog {
    margin: 0 !important;
    border-radius: var(--br-2xl);
  }
}

.estrategy-cc-logo {
  display: none;
}
.estrategy-cc-content {
  border-radius: var(--br-2xl) var(--br-2xl) 0 0;
  padding: var(--px-8);
  background-color: var(--color-white);
}
.estrategy-cc-header {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  margin-bottom: var(--px-4);
}
.estrategy-cc-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-bottom: var(--px-8);
}
.estrategy-cc-categories {
  display: none;
  margin-bottom: var(--px-8);
  margin-top: -12px;
}
.estrategy-cc-categories input {
  display: block;
  position: relative;
  margin: 0;
  margin-bottom: var(--px-4);
}
.estrategy-cc-categories label {
  position: absolute;
  margin-top: -34px;
  padding-left: 25px;
  cursor: pointer;
}
.estrategy-cc-checkbox-label:not(label[for=estrategy-cc-category-necessary]) {
  color: var(--shade-950);
}
.estrategy-cc-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.estrategy-cc-button-wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 769px) {
  .estrategy-cc-button-wrapper {
    flex-direction: row-reverse;
  }
}
.estrategy-cc-button > * {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .estrategy-cc-button *:not(:last-child) {
    margin-bottom: var(--px-2);
  }
}
.estrategy-cc-preference {
  border: none;
  width: auto;
  text-decoration: underline;
  margin: auto;
  margin-top: var(--px-4);
  font-weight: normal;
}
.estrategy-cc-preference:hover {
  filter: none !important;
}
@media only screen and (min-width: 769px) {
  .estrategy-cc-content {
    border-radius: var(--br-2xl);
    padding: var(--px-10);
    background-color: var(--color-white);
  }
  .estrategy-cc-button {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--px-2);
  }
  .estrategy-cc-button > * {
    margin-bottom: 0;
  }
  .estrategy-cc-button-wrapper {
    width: 65%;
    display: flex;
    gap: var(--px-2);
  }
  .estrategy-cc-button-wrapper button {
    flex: 1 0 0;
  }
  .estrategy-cc-categories {
    margin-bottom: var(--px-8);
  }
  .estrategy-cc-preference {
    width: fit-content;
    padding: 0;
    margin: 0;
    margin-right: auto;
  }
}

/*#region Link */
a,
.link {
  box-sizing: border-box;
  text-decoration: underline;
}
a, a:hover,
.link,
.link:hover {
  color: var(--shade-600);
  cursor: pointer;
}
a:hover,
.link:hover {
  text-decoration: none;
}

.link {
  border-radius: var(--br-btn);
}

/*#endregion Link */
/*#region Button */
@layer {
  button:not(.btn-none):not(.btn-icon):not(.btn-link):not(.btn-arrow):not(.btn-text-link):not(.btn-blue-link) {
    border: 1px solid var(--shade-400);
    border-radius: var(--br-btn);
    padding: var(--pd-btn);
    font-family: var(--font-button);
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--shade-950);
    cursor: pointer;
  }
  button:not(.btn-none):not(.btn-icon):not(.btn-link):not(.btn-arrow):not(.btn-text-link):not(.btn-blue-link):hover:disabled, button:not(.btn-none):not(.btn-icon):not(.btn-link):not(.btn-arrow):not(.btn-text-link):not(.btn-blue-link):disabled {
    border: none;
    background-color: var(--shade-200);
    color: var(--shade-400);
    cursor: default;
    pointer-events: none;
  }
  button:not(.btn-none):not(.btn-icon):not(.btn-link):not(.btn-arrow):not(.btn-text-link):not(.btn-blue-link).btn-green, button:not(.btn-none):not(.btn-icon):not(.btn-link):not(.btn-arrow):not(.btn-text-link):not(.btn-blue-link).btn-red, button:not(.btn-none):not(.btn-icon):not(.btn-link):not(.btn-arrow):not(.btn-text-link):not(.btn-blue-link).btn-pink {
    border: none;
  }
}
.btn-none {
  background: none;
  border: 0;
  -webkit-appearance: none;
  border-radius: 0;
}
.btn-none:hover {
  background: none;
}

.btn,
.btn-green,
.btn-red,
.btn-pink {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--br-btn);
  padding: var(--pd-btn);
  height: var(--h-btn);
  min-height: var(--h-btn);
  line-height: 140%;
  width: auto;
  min-width: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: var(--font-button);
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--shade-950);
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
}
.btn:not(.no-filter):hover,
.btn-green:not(.no-filter):hover,
.btn-red:not(.no-filter):hover,
.btn-pink:not(.no-filter):hover {
  filter: brightness(0.9) contrast(1.1);
}
.btn:hover:disabled, .btn:disabled, .btn.disabled, .btn:hover.disabled,
.btn-green:hover:disabled,
.btn-green:disabled,
.btn-green.disabled,
.btn-green:hover.disabled,
.btn-red:hover:disabled,
.btn-red:disabled,
.btn-red.disabled,
.btn-red:hover.disabled,
.btn-pink:hover:disabled,
.btn-pink:disabled,
.btn-pink.disabled,
.btn-pink:hover.disabled {
  border: none;
  background-color: var(--shade-200);
  color: var(--shade-400);
  cursor: default;
  pointer-events: none;
}
.btn.btn-arrow-left:before,
.btn-green.btn-arrow-left:before,
.btn-red.btn-arrow-left:before,
.btn-pink.btn-arrow-left:before {
  content: "";
  margin-right: var(--px-2);
  height: var(--px-4);
  width: var(--px-4);
  mask: var(--icon-chevron-left);
  background-color: var(--shade-950);
}
.btn.btn-arrow-right:after,
.btn-green.btn-arrow-right:after,
.btn-red.btn-arrow-right:after,
.btn-pink.btn-arrow-right:after {
  content: "";
  margin-left: var(--px-2);
  height: var(--px-4);
  width: var(--px-4);
  mask: var(--icon-chevron-right);
  background-color: var(--shade-950);
}
.btn.btn-text-blue,
.btn-green.btn-text-blue,
.btn-red.btn-text-blue,
.btn-pink.btn-text-blue {
  color: var(--color-blue-darker);
}
.btn.btn-text-blue:after,
.btn-green.btn-text-blue:after,
.btn-red.btn-text-blue:after,
.btn-pink.btn-text-blue:after {
  background-color: var(--color-blue-darker);
}
.btn span.btn,
.btn-green span.btn,
.btn-red span.btn,
.btn-pink span.btn {
  margin-top: 1px;
  min-height: calc(var(--h-btn) - 3px);
  height: calc(var(--h-btn) - 3px);
}
.btn--56,
.btn-green--56,
.btn-red--56,
.btn-pink--56 {
  height: 56px;
  min-height: 56px;
}
.btn span.btn--56,
.btn-green span.btn--56,
.btn-red span.btn--56,
.btn-pink span.btn--56 {
  height: 52px;
  min-height: 52px;
}
.btn.br-2xl,
.btn-green.br-2xl,
.btn-red.br-2xl,
.btn-pink.br-2xl {
  border-radius: var(--br-2xl);
}
.btn.full-width,
.btn-green.full-width,
.btn-red.full-width,
.btn-pink.full-width {
  width: 100%;
}

button,
.btn {
  border: 1px solid var(--shade-400);
  background-color: var(--color-white);
}

.btn-green,
a.btn-green,
button.btn-green,
input.btn-green {
  border: none;
  background-color: var(--color-green);
}

.btn-red,
a.btn-red,
button.btn-red,
input.btn-red {
  border: none;
  background-color: var(--color-red);
}

.btn-pink,
a.btn-pink,
button.btn-pink,
input.btn-pink {
  border: none;
  background-color: var(--color-pink-light);
}

.btn-blue,
a.btn-blue,
button.btn-blue,
input.btn-blue {
  border: none;
  color: var(--color-blue-darker);
}
.btn-blue:before,
a.btn-blue:before,
button.btn-blue:before,
input.btn-blue:before {
  background-color: var(--color-blue-darker);
}

.btn-small {
  max-width: fit-content;
}

.btn-center {
  justify-self: center;
}

/*#endregion Button */
/*#region Button link */
.btn-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--br-btn);
  padding: var(--pd-btn);
  max-width: fit-content;
  line-height: 140%;
  box-sizing: border-box;
  text-decoration: none;
  font-family: var(--font-button);
  font-weight: 700;
  font-size: 1.125rem;
  cursor: pointer;
}
.btn-link.cl-white:after {
  background-color: var(--color-white);
}
.btn-link.cl-white:hover {
  color: var(--color-white);
}
.btn-link:before {
  position: absolute;
  left: var(--px-6);
  right: calc(var(--px-6) + var(--px-1));
  bottom: 2px;
  height: 1px;
  background-color: var(--color-blue-darker);
}
.btn-link.btn-border-flow:hover:before {
  width: calc(100% - 2 * var(--px-6) - var(--px-1));
}
.btn-link.p-none:before {
  left: 0;
  right: var(--px-1);
}
.btn-link.p-none.btn-border-flow:hover:before {
  width: calc(100% - var(--px-1));
}
.btn-link.p-linkicon:before {
  left: var(--px-1);
  right: calc(var(--px-1) + var(--px-1));
}
.btn-link.p-linkicon.btn-border-flow:hover:before {
  width: calc(100% - 2 * var(--px-1) - var(--px-1));
}
.btn-link:after {
  content: "";
  display: block;
  height: 100%;
  width: 20px;
  height: 20px;
  mask: var(--icon-chevron-right);
  background-color: var(--color-blue-dark);
}
.btn-link, .btn-link:hover {
  background-color: transparent;
  color: var(--color-blue-darker);
}
.btn-link:hover:before {
  content: "";
}

.btn-text-link {
  border: none;
  border-radius: 0;
  font-family: var(--font-button);
  font-size: var(--text-sm);
  color: var(--shade-600);
  text-decoration: underline;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: -0.14px;
}
.btn-text-link:hover {
  text-decoration: none;
}

/*#endregion Button link */
/*#region Button arrow */
.btn-arrow,
.btn-arrow-blue {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--br-round);
  padding: 0;
  height: var(--h-btn);
  width: var(--h-btn);
  aspect-ratio: 1;
  box-sizing: border-box;
  color: var(--color-blue-darker);
  cursor: pointer;
}
.btn-arrow, .btn-arrow:hover,
.btn-arrow-blue,
.btn-arrow-blue:hover {
  background-color: var(--color-white);
}
.btn-arrow:after,
.btn-arrow-blue:after {
  content: "";
  height: 24px;
  width: 24px;
  -webkit-mask: var(--icon-chevron-right);
  mask: var(--icon-chevron-right);
}
.btn-arrow.btn-arrow-left:after,
.btn-arrow-blue.btn-arrow-left:after {
  -webkit-mask: var(--icon-chevron-left);
  mask: var(--icon-chevron-left);
}
.btn-arrow > svg,
.btn-arrow-blue > svg {
  display: none;
}

.btn-arrow {
  border: 1px solid var(--shade-400);
}
.btn-arrow:hover, .btn-arrow:focus-visible {
  border: 2px solid var(--color-blue-dark);
}
.btn-arrow:after {
  background-color: var(--color-blue-darker);
}
.btn-arrow:disabled, .btn-arrow:disabled:hover {
  border: 1px solid var(--shade-400);
  background-color: var(--color-white);
  opacity: 0.5;
}

.btn-arrow-blue {
  border: none;
  background-color: var(--color-blue-dark);
}
.btn-arrow-blue:after {
  background-color: var(--color-white);
}
.btn-arrow-blue:disabled:after {
  background-color: var(--shade-300);
}

.btn-blue-link {
  border: 0;
  color: var(--color-blue-darker);
}
.btn-blue-link:after {
  background-color: var(--color-blue-darker);
}

/*#endregion Button arrow */
/*#region spinner*/
.btn-loader:not(.btn-arrow-left):after {
  content: "";
  height: 24px;
  width: 24px;
}
.btn-loader:not(.btn-arrow-left).is-loading:after {
  content: "";
  animation: spin-pulse 1.2s linear infinite;
  transform-origin: center;
  mask: var(--icon-spinner-solid);
  background-image: none;
  background-color: var(--shade-950);
}

.btn-loader.btn-arrow-left:before {
  content: "";
  height: 24px;
  width: 24px;
}
.btn-loader.btn-arrow-left.is-loading:before {
  content: "";
  animation: spin-pulse 1.2s linear infinite;
  transform-origin: center;
  mask: var(--icon-spinner-solid);
  background-image: none;
  background-color: var(--shade-950);
}

/*#endregion spinner*/
/*#region cart */
.btn-icon-cart:before {
  content: "";
  background-color: var(--shade-950);
  mask: var(--icon-shopping-cart);
  width: 20px;
  height: 20px;
  margin-right: var(--px-2);
}

/*#endregion cart */
/*#region Button icon */
.btn-icon,
.btn-icon-small,
.btn-icon-tiny {
  display: flex;
  gap: var(--px-1);
  border-radius: var(--br-btn);
  align-items: center;
  justify-content: center;
  border: none;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
}
.btn-icon.btn,
.btn-icon-small.btn,
.btn-icon-tiny.btn {
  flex-shrink: 0;
  border-radius: var(--br-btn);
  padding: var(--pd-btn);
  height: var(--h-btn);
  min-height: var(--h-btn);
  line-height: 140%;
  width: auto;
  min-width: 0;
  box-sizing: border-box;
}

.btn-icon {
  padding: var(--px-2);
  height: calc(var(--h-btn-icon) + 2 * var(--px-2));
  width: max-content;
  min-width: calc(var(--h-btn-icon) + 2 * var(--px-2));
  box-sizing: border-box;
  white-space: nowrap;
}
.btn-icon:before, .btn-icon:after {
  height: var(--h-btn-icon);
  min-width: var(--h-btn-icon);
}

.btn-icon-small {
  padding: var(--px-1);
  height: calc(var(--h-btn-icon-s) + 2 * var(--px-1));
  width: max-content;
  min-width: calc(var(--h-btn-icon-s) + 2 * var(--px-1));
  box-sizing: border-box;
  white-space: nowrap;
}
.btn-icon-small:before, .btn-icon-small:after {
  height: var(--h-btn-icon-s);
  min-width: var(--h-btn-icon-s);
}

.btn-icon-tiny {
  padding: var(--px-1);
  height: calc(var(--h-btn-icon-xs) + 2 * var(--px-1));
  width: max-content;
  min-width: calc(var(--h-btn-icon-xs) + 2 * var(--px-1));
  box-sizing: border-box;
  white-space: nowrap;
}
.btn-icon-tiny:before, .btn-icon-tiny:after {
  height: var(--h-btn-icon-xs);
  min-width: var(--h-btn-icon-xs);
}

.btn-icon-before:before,
.btn-icon-small-before:before,
.btn-icon-tiny-before:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  aspect-ratio: 1;
}
.btn-icon-before:hover,
.btn-icon-small-before:hover,
.btn-icon-tiny-before:hover {
  background-color: transparent;
}
.btn-icon-before.ic-darkblue:before,
.btn-icon-small-before.ic-darkblue:before,
.btn-icon-tiny-before.ic-darkblue:before {
  background-color: var(--color-blue-dark);
}

.btn-icon-after:after,
.btn-icon-small-after:after,
.btn-icon-tiny-after:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  aspect-ratio: 1;
}
.btn-icon-after:hover,
.btn-icon-small-after:hover,
.btn-icon-tiny-after:hover {
  background-color: transparent;
}
.btn-icon-after.ic-darkblue:after,
.btn-icon-small-after.ic-darkblue:after,
.btn-icon-tiny-after.ic-darkblue:after {
  background-color: var(--color-blue-dark);
}

.btn-icon-trash:before {
  content: "";
  background-color: var(--color-blue-dark);
  mask: var(--icon-trash);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.btn-icon-plus:before {
  content: "";
  background-color: var(--shade-950);
  mask: var(--icon-plus);
  width: 20px;
  height: 20px;
  margin-right: var(--px-2);
}

.btn-icon-plus-alt:before {
  content: "";
  background-color: var(--color-blue-dark);
  mask: var(--icon-plus);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/*#endregion Button icon */
/*#region Button transition */
.btn-border-flow {
  position: relative;
  width: fit-content;
}
.btn-border-flow:before {
  content: "";
  bottom: 1px;
  width: 0;
  background: currentColor;
  opacity: 0;
  transition: width 0.5s ease, opacity 0.5s ease;
  position: absolute;
  height: 1px;
}
.btn-border-flow:hover:before {
  width: calc(100% - var(--px-1));
  opacity: 1;
}
.btn-border-flow:hover {
  filter: none !important;
}
.btn-border-flow.btn:before {
  bottom: 14px;
  left: var(--px-6);
}
.btn-border-flow.btn:hover:before {
  width: calc(100% - var(--px-6) * 2);
}

/*#endregion Button transition */
.c-tab-button {
  position: fixed;
  z-index: 910;
  outline: 0 !important;
  pointer-events: none;
  opacity: 0;
}
.c-tab-button:focus-visible {
  pointer-events: auto;
  opacity: 100;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-pulse {
  0% {
    transform: rotate(0deg) scale(1);
  }
  10% {
    transform: rotate(36deg) scale(1.05);
  }
  20% {
    transform: rotate(72deg) scale(1);
  }
  30% {
    transform: rotate(108deg) scale(1.05);
  }
  40% {
    transform: rotate(144deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.05);
  }
  60% {
    transform: rotate(216deg) scale(1);
  }
  70% {
    transform: rotate(252deg) scale(1.05);
  }
  80% {
    transform: rotate(288deg) scale(1);
  }
  90% {
    transform: rotate(324deg) scale(1.05);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@media only screen and (max-width: 768) {
  .btn:hover {
    filter: none !important;
  }
}
/*#region Check/radio */
@layer {
  .u-checkradio-holder {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .u-checkradio-holder input ~ * {
    flex: 1;
  }
  .u-checkradio-block {
    display: flex;
    align-items: center;
    border: 1px solid var(--shade-400);
    border-radius: var(--br-input);
    padding: var(--px-3) var(--px-4);
    width: 100%;
    box-sizing: border-box;
  }
  input[type=radio],
  input[type=checkbox],
  .u-radio,
  .u-check {
    position: relative;
    margin: 1px 8px 1px 0;
    border: 1px solid var(--shade-400);
    padding: 0;
    box-sizing: border-box;
    background-color: var(--color-white);
    appearance: none;
    cursor: pointer;
  }
  input[type=radio] ~ label,
  input[type=radio] + span,
  input[type=checkbox] ~ label,
  input[type=checkbox] + span,
  .u-radio ~ label,
  .u-radio + span,
  .u-check ~ label,
  .u-check + span {
    line-height: 140%;
    font-family: var(--font-title-base);
    font-size: 0.875rem;
    color: var(--shade-600);
    cursor: pointer;
  }
  input[type=radio] + * ~ span,
  input[type=checkbox] + * ~ span,
  .u-radio + * ~ span,
  .u-check + * ~ span {
    flex-basis: 100%;
    line-height: 140%;
    font-family: var(--font-title-base);
    font-size: 0.75rem;
    color: var(--shade-500);
  }
  input[type=radio]:hover,
  input[type=checkbox]:hover,
  .u-radio:hover,
  .u-check:hover {
    border: 2px solid var(--color-blue-dark);
  }
  .u-checkradio-holder:hover input[type=radio],
  .u-checkradio-holder:hover input[type=checkbox],
  .u-checkradio-holder:hover .u-radio,
  .u-checkradio-holder:hover .u-check {
    border: 2px solid var(--color-blue-dark);
  }
  input[type=radio]:checked, input[type=radio].checked,
  input[type=checkbox]:checked,
  input[type=checkbox].checked,
  .u-radio:checked,
  .u-radio.checked,
  .u-check:checked,
  .u-check.checked {
    border: 1px solid var(--color-blue-dark);
    background-color: var(--color-blue-dark);
  }
  input[type=radio]:checked:hover, input[type=radio].checked:hover,
  input[type=checkbox]:checked:hover,
  input[type=checkbox].checked:hover,
  .u-radio:checked:hover,
  .u-radio.checked:hover,
  .u-check:checked:hover,
  .u-check.checked:hover {
    border: 1px solid var(--color-blue-dark);
    background-color: var(--color-blue-darker);
  }
  input[type=radio]:checked:after, input[type=radio].checked:after,
  input[type=checkbox]:checked:after,
  input[type=checkbox].checked:after,
  .u-radio:checked:after,
  .u-radio.checked:after,
  .u-check:checked:after,
  .u-check.checked:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  input[type=radio]:checked ~ label, input[type=radio].checked ~ label,
  input[type=checkbox]:checked ~ label,
  input[type=checkbox].checked ~ label,
  .u-radio:checked ~ label,
  .u-radio.checked ~ label,
  .u-check:checked ~ label,
  .u-check.checked ~ label {
    font-family: var(--font-title);
    color: var(--shade-950);
  }
  input[type=radio]:disabled, input[type=radio]:disabled ~ label, input[type=radio].disabled, input[type=radio].disabled ~ label,
  input[type=checkbox]:disabled,
  input[type=checkbox]:disabled ~ label,
  input[type=checkbox].disabled,
  input[type=checkbox].disabled ~ label,
  .u-radio:disabled,
  .u-radio:disabled ~ label,
  .u-radio.disabled,
  .u-radio.disabled ~ label,
  .u-check:disabled,
  .u-check:disabled ~ label,
  .u-check.disabled,
  .u-check.disabled ~ label {
    color: var(--shade-400);
    cursor: default;
  }
  input[type=radio]:disabled, input[type=radio]:disabled:hover, input[type=radio].disabled, input[type=radio].disabled:hover,
  input[type=checkbox]:disabled,
  input[type=checkbox]:disabled:hover,
  input[type=checkbox].disabled,
  input[type=checkbox].disabled:hover,
  .u-radio:disabled,
  .u-radio:disabled:hover,
  .u-radio.disabled,
  .u-radio.disabled:hover,
  .u-check:disabled,
  .u-check:disabled:hover,
  .u-check.disabled,
  .u-check.disabled:hover {
    border: 1px solid var(--shade-200);
    background-color: var(--shade-200);
  }
  input[type=radio]:disabled:after, input[type=radio].disabled:after,
  input[type=checkbox]:disabled:after,
  input[type=checkbox].disabled:after,
  .u-radio:disabled:after,
  .u-radio.disabled:after,
  .u-check:disabled:after,
  .u-check.disabled:after {
    background-color: var(--shade-400);
  }
  input[type=radio]:after,
  input[type=checkbox]:after,
  .u-radio:after,
  .u-check:after {
    background-color: var(--color-white);
  }
  input[type=radio],
  .u-radio {
    border-radius: var(--br-round);
    height: var(--rad-size);
    width: var(--rad-size);
  }
  input[type=radio]:checked:after, input[type=radio].checked:after,
  .u-radio:checked:after,
  .u-radio.checked:after {
    border-radius: var(--br-round);
    height: 50%;
    width: 50%;
  }
  input[type=radio] + * ~ span,
  .u-radio + * ~ span {
    margin-left: calc(var(--rad-size) + 8px);
  }
  input[type=checkbox],
  .u-check {
    border-radius: var(--br-chk);
    border-image: none;
    height: var(--chk-size);
    width: var(--chk-size);
  }
  input[type=checkbox]:checked:after, input[type=checkbox].checked:after,
  .u-check:checked:after,
  .u-check.checked:after {
    height: 100%;
    width: 100%;
    -webkit-mask: var(--icon-check);
    mask: var(--icon-check);
  }
  input[type=checkbox] + * ~ span,
  .u-check + * ~ span {
    margin-left: calc(var(--chk-size) + 8px);
  }
  .u-checkbox-div .u-checkbox-replacement {
    position: relative;
    margin: 1px 8px 1px 0;
    border: 1px solid var(--shade-400);
    border-radius: var(--br-chk);
    padding: 0;
    height: var(--chk-size);
    width: var(--chk-size);
    box-sizing: border-box;
    appearance: none;
    cursor: pointer;
    display: block;
  }
  .selected .u-checkbox-div .u-checkbox-replacement, .is-selected .u-checkbox-div .u-checkbox-replacement {
    background-color: var(--color-blue-dark);
  }
  .selected .u-checkbox-div .u-checkbox-replacement:after, .is-selected .u-checkbox-div .u-checkbox-replacement:after {
    content: "";
    height: 100%;
    width: 100%;
    -webkit-mask: var(--icon-check);
    mask: var(--icon-check);
    -webkit-mask-size: 125%;
    mask-size: 125%;
    display: block;
    background-color: var(--color-white);
  }
}
/*#endregion Check/radio */
input::placeholder {
  color: var(--shade-500);
}

.u-text-wrapper,
.u-text-holder {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
}

.u-text-wrapper {
  flex-direction: row;
  gap: var(--px-4);
}

.u-text-holder {
  flex-direction: column;
  gap: var(--px-1);
}
.u-text-holder label {
  color: var(--shade-950);
}

.u-password-holder {
  position: relative;
}
.u-password-holder--show-active .u-password-icon:after {
  -webkit-mask: var(--icon-eye-off);
  mask: var(--icon-eye-off);
}
.u-password-holder .u-password-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 10px auto 0;
  z-index: var(--z-input-icon);
  cursor: pointer;
}
.u-password-holder .u-password-icon:after {
  background-color: var(--color-blue-dark);
}
.u-password-holder .u-password-icon ~ input {
  padding-right: calc(20px + var(--px-6));
}
.u-password-holder input {
  width: 100%;
}

.u-select-holder {
  position: relative;
  display: flex;
  align-items: center;
}
.u-select-holder:after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--pd-input-h);
  transform: translate(0, -50%);
  height: 16px;
  width: 16px;
  background: var(--icon-chevron-down);
  pointer-events: none;
}
.u-select-holder select {
  width: 100%;
  border-radius: var(--br-input);
}
.u-select-holder select.u-select-input {
  border-radius: var(--br-input);
}

.u-select-input {
  border-radius: var(--br-input);
}

select,
input[type=text],
input[type=search],
input[type=number],
input[type=email],
input[type=password],
input[type=tel],
input[type=url] {
  appearance: none;
  position: relative;
  border: 1px solid var(--shade-400);
  border-radius: var(--br-input);
  padding: var(--pd-input);
  height: var(--h-input);
  line-height: 140%;
  box-sizing: border-box;
  background-color: var(--color-white);
  font-family: var(--font-title-base);
  font-size: 0.875rem;
  color: var(--shade-950);
}
select::placeholder,
input[type=text]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder {
  color: var(--shade-500);
}

input[type=search] {
  padding-right: 46px;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  border: 2px solid var(--shade-500);
  border-radius: var(--br-round);
  height: var(--px-4);
  width: var(--px-4);
  background: var(--icon-x);
  background-color: var(--shade-500);
  filter: invert(1);
  cursor: pointer;
}
input[type=search]::-moz-search-clear-button {
  border: 2px solid var(--shade-500);
  border-radius: var(--br-round);
  height: var(--px-4);
  width: var(--px-4);
  background: var(--icon-x);
  background-color: var(--shade-500);
  filter: invert(1);
  cursor: pointer;
}

select {
  padding-right: calc(4px + var(--pd-input-h) + 16px);
  cursor: pointer;
}
select:hover {
  border: 1px solid var(--shade-950);
}

form {
  margin: 0;
}

.u-customradio__input {
  display: none;
}

.u-customradio__span {
  display: inline-flex;
  position: relative;
  margin: 1px 8px 0 0;
  border: 1px solid var(--shade-400);
  padding: 0;
  height: var(--rad-size);
  width: var(--rad-size);
  box-sizing: border-box;
  appearance: none;
  cursor: pointer;
  border-radius: var(--br-round);
}

.u-customradio__input:checked + .u-customradio__label .u-customradio__span {
  border: 1px solid var(--color-blue-dark);
  background-color: var(--color-blue-dark);
}
.u-customradio__input:checked + .u-customradio__label .u-customradio__span:hover {
  background-color: var(--color-blue-darker);
}
.u-customradio__input:checked + .u-customradio__label .u-customradio__span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--br-round);
  height: 50%;
  width: 50%;
}
.u-customradio__input:checked + .u-customradio__label .u-customradio__span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--br-round);
  height: 5px;
  width: 5px;
  background-color: var(--color-white);
}

.u-checkbox-toggle label {
  position: relative;
  display: inline-block;
  height: 31px;
  width: 51px;
}
.u-checkbox-toggle label input {
  margin: 0;
  border: 0;
  padding: 0;
  height: 0;
  width: 0;
  opacity: 0;
}
.u-checkbox-toggle label input:checked + span {
  background-color: var(--color-blue-dark);
}
.u-checkbox-toggle label input:checked + span:before {
  transform: translateX(20px);
}
.u-checkbox-toggle label span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 31px;
  border-radius: var(--br-round);
  background-color: var(--shade-200);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  margin: 0;
}
.u-checkbox-toggle label span:before {
  content: "";
  position: absolute;
  margin: 2px;
  height: 27px;
  width: 27px;
  border-radius: var(--br-round);
  background-color: var(--color-white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*#region Number select */
.u-number-input {
  padding: 0.4rem;
  font-size: 1rem;
  border-radius: var(--br-input);
  width: 100%;
}

.u-number-select {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.u-number-select .number-select,
.u-number-select input[type=number] {
  padding: 0.4rem;
  font-size: 1rem;
  border-radius: var(--br-input);
}

/*#endregion Number select*/
@media only screen and (max-width: 376px) {
  input[type=search] {
    padding-right: 43px;
  }
}
.c-breadcrumbs {
  display: flex;
  padding: var(--px-6) 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.c-breadcrumbs__holder {
  display: flex;
  align-items: center;
  gap: var(--px-2);
}
@media (max-width: 767px) {
  .c-breadcrumbs__holder {
    display: none;
  }
}
.c-breadcrumbs__item {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.c-breadcrumbs__item::after {
  content: "/";
  margin-left: var(--px-2);
  color: var(--shade-400);
  font-size: var(--text-xs);
  line-height: 140%;
}
.c-breadcrumbs__item:last-child::after {
  content: none;
}
.c-breadcrumbs__link {
  text-decoration: none;
}
.c-breadcrumbs__text {
  color: var(--shade-600);
  text-align: center;
  font-family: var(--font-title-base);
  font-size: var(--text-xs);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.12px;
}
@media (max-width: 767px) {
  .c-breadcrumbs {
    padding: var(--px-4) 0;
  }
}

.c-breadcrumb__controls {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
@media only screen and (min-width: 769px) {
  .c-breadcrumb__controls {
    display: none;
  }
}
.c-breadcrumb__controls-back {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.c-breadcrumb__controls-back:before {
  content: "";
  margin-right: var(--px-2);
  height: var(--px-4);
  width: var(--px-4);
  mask: var(--icon-chevron-left);
  background-color: var(--shade-950);
  display: inline-block;
}

.c-slider {
  overflow: visible;
}
.c-slider__outline-offset {
  margin: -4px;
  padding: 4px;
  overflow: hidden;
}
.c-slider--partial .uk-slider-items li:first-child > * {
  margin-left: var(--px-4);
}
.c-slider--partial .uk-slider-items li:last-child > * {
  margin-right: var(--px-4);
}
.c-slider--items-1 > *, .c-slider--items-xs-1 > * {
  width: 100%;
}
.c-slider--items-2 > *, .c-slider--items-xs-2 > * {
  width: 50%;
}
.c-slider--items-3 > *, .c-slider--items-xs-3 > * {
  width: 33.3333333333%;
}
.c-slider--items-4 > *, .c-slider--items-xs-4 > * {
  width: 25%;
}
.c-slider--items-5 > *, .c-slider--items-xs-5 > * {
  width: 20%;
}
.c-slider--items-6 > *, .c-slider--items-xs-6 > * {
  width: 16.6666666667%;
}
.c-slider--items-7 > *, .c-slider--items-xs-7 > * {
  width: 14.2857142857%;
}
.c-slider--items-8 > *, .c-slider--items-xs-8 > * {
  width: 12.5%;
}
.c-slider--items-9 > *, .c-slider--items-xs-9 > * {
  width: 11.1111111111%;
}
.c-slider--items ul li:before,
.c-slider--items ol li:before {
  content: none;
}

ul.c-slider__content-holder,
.uk-slider-items.c-slider__content-holder {
  margin-left: calc(-1 * var(--px-6) / 2);
  margin-right: calc(-1 * var(--px-6) / 2);
  padding: 0;
  list-style-type: none;
}
.c-cart-related-container ul.c-slider__content-holder,
.c-cart-related-container .uk-slider-items.c-slider__content-holder {
  margin-left: 0;
}
ul.c-slider__content-holder li,
.uk-slider-items.c-slider__content-holder li {
  margin: 0;
  padding: 0 calc(var(--px-6) / 2);
}

.uk-slider .c-slider__content-holder.c-slider-margin > * {
  margin-left: calc(var(--px-6) / 2);
  margin-right: calc(var(--px-6) / 2);
}

ul.c-slider__content-holder:not(.list-num, .list-check) li:before,
ol.c-slider__content-holder:not(.list-num, .list-check) li:before {
  content: none;
}

.c-overflow-nav__holder {
  display: flex;
  flex-wrap: nowrap;
  margin: var(--px-4) auto 0;
  padding: 0;
  width: 108px;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.c-overflow-nav__holder .c-overflow-nav__list {
  flex-wrap: nowrap;
  margin: auto;
  transition: transform 0.2s ease;
}
.c-overflow-nav__holder .c-overflow-nav__list li {
  margin: 0 calc(var(--px-2) / 2);
  padding: 0;
  height: 6px;
  width: 6px;
}
.c-overflow-nav__holder .c-overflow-nav__list li a {
  height: 100%;
  width: 100%;
}
.c-overflow-nav__holder .c-overflow-nav__list > .uk-active {
  width: 16px;
}
.c-overflow-nav__holder .c-overflow-nav__list > .uk-active a {
  border-radius: var(--br-round);
  width: 16px;
  background-color: var(--color-blue-dark);
}

.c-slider__nav-arrow {
  display: none;
  transform: translateY(-100%);
}
.c-slider__nav-arrow.btn-arrow-left {
  left: calc(-1 * var(--h-btn) / 2 - var(--px-2));
}
.c-slider__nav-arrow:not(.btn-arrow-left) {
  right: calc(-1 * var(--h-btn) / 2 - var(--px-2));
}

.c-slider--partial .uk-slider-items.uk-child-width-1-1 li:first-child, .c-slider--partial .uk-slider-items.uk-child-width-1-1 li:last-child {
  max-width: 90%;
}
.c-slider--partial .uk-slider-items.uk-child-width-1-2 li:first-child, .c-slider--partial .uk-slider-items.uk-child-width-1-2 li:last-child {
  max-width: 45%;
}

/* slider partial item */
@media (max-width: 768px) {
  .o-container-full-mobile.o-container-full-mobile-infinite {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% + var(--pd-page));
  }
  .o-container-full-mobile.o-container-full-mobile-infinite .c-slider__outline-offset {
    margin-right: 0;
    padding-right: 0;
  }
  .o-container-full-mobile.o-container-full-mobile-infinite .c-slider__content-holder {
    margin-left: 0;
    margin-right: 0;
  }
  .u-mobile-items-partial > * {
    width: 45% !important;
  }
}
/*#endregion slider partial item */
@media only screen and (min-width: 376px) {
  .c-slider--items-s-1 > * {
    width: 100%;
  }
  .c-slider--items-s-2 > * {
    width: 50%;
  }
  .c-slider--items-s-3 > * {
    width: 33.3333333333%;
  }
  .c-slider--items-s-4 > * {
    width: 25%;
  }
  .c-slider--items-s-5 > * {
    width: 20%;
  }
  .c-slider--items-s-6 > * {
    width: 16.6666666667%;
  }
  .c-slider--items-s-7 > * {
    width: 14.2857142857%;
  }
  .c-slider--items-s-8 > * {
    width: 12.5%;
  }
  .c-slider--items-s-9 > * {
    width: 11.1111111111%;
  }
}
@media only screen and (min-width: 768px) {
  .c-slider--items-m-1 > * {
    width: 100%;
  }
  .c-slider--items-m-2 > * {
    width: 50%;
  }
  .c-slider--items-m-3 > * {
    width: 33.3333333333%;
  }
  .c-slider--items-m-4 > * {
    width: 25%;
  }
  .c-slider--items-m-5 > * {
    width: 20%;
  }
  .c-slider--items-m-6 > * {
    width: 16.6666666667%;
  }
  .c-slider--items-m-7 > * {
    width: 14.2857142857%;
  }
  .c-slider--items-m-8 > * {
    width: 12.5%;
  }
  .c-slider--items-m-9 > * {
    width: 11.1111111111%;
  }
}
@media only screen and (min-width: 769px) {
  .c-slider__nav-arrow {
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .c-slider--items-l-1 > * {
    width: 100%;
  }
  .c-slider--items-l-2 > * {
    width: 50%;
  }
  .c-slider--items-l-3 > * {
    width: 33.3333333333%;
  }
  .c-slider--items-l-4 > * {
    width: 25%;
  }
  .c-slider--items-l-5 > * {
    width: 20%;
  }
  .c-slider--items-l-6 > * {
    width: 16.6666666667%;
  }
  .c-slider--items-l-7 > * {
    width: 14.2857142857%;
  }
  .c-slider--items-l-8 > * {
    width: 12.5%;
  }
  .c-slider--items-l-9 > * {
    width: 11.1111111111%;
  }
}
@media only screen and (min-width: 1280px) {
  .c-slider--items-xl-1 > * {
    width: 100%;
  }
  .c-slider--items-xl-2 > * {
    width: 50%;
  }
  .c-slider--items-xl-3 > * {
    width: 33.3333333333%;
  }
  .c-slider--items-xl-4 > * {
    width: 25%;
  }
  .c-slider--items-xl-5 > * {
    width: 20%;
  }
  .c-slider--items-xl-6 > * {
    width: 16.6666666667%;
  }
  .c-slider--items-xl-7 > * {
    width: 14.2857142857%;
  }
  .c-slider--items-xl-8 > * {
    width: 12.5%;
  }
  .c-slider--items-xl-9 > * {
    width: 11.1111111111%;
  }
}
.c-slider .w-productcard__holder {
  border: none;
}

.w-notification {
  display: flex;
  align-items: center;
  max-height: 36px;
  box-sizing: border-box;
  overflow: hidden;
  transition: max-height var(--tr-delay) var(--tr-transition);
}

.w-notification__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: var(--px-2);
  padding-bottom: var(--px-2);
  min-height: 36px;
}

.w-notification__text {
  text-decoration: none;
}
.w-notification__text:hover {
  text-decoration: underline;
}

.w-notification__close {
  margin: 0 var(--pd-page);
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .w-notification {
    max-height: 60px;
  }
}
.c-header-country {
  display: flex;
  gap: var(--px-1);
  align-self: center;
}

.c-header-country__link {
  display: flex;
}

a.c-header-country__flag {
  border: 1px solid var(--shade-100);
}

.c-header-country__arrow:after {
  background-color: var(--color-blue-dark);
}

.c-countrydropdown__text {
  margin: 0;
}
.c-countrydropdown__subtitle {
  margin-top: var(--px-6);
  display: block;
}
.c-countrydropdown__label {
  display: flex;
  align-items: center;
  border: 1px solid var(--shade-400);
  border-radius: var(--br-2xl);
  padding: var(--px-4);
  width: 100%;
  box-sizing: border-box;
}
.c-countrydropdown__item {
  padding-top: var(--px-4);
}

.c-countrydropdown__input:checked + .c-countrydropdown__label,
.c-countrydropdown__input:hover + .c-countrydropdown__label {
  border-radius: var(--br-2xl);
  border: 2px solid var(--color-blue-dark);
  background: var(--color-blue-light);
}

.c-countrydropdown-radio__text {
  width: 120px;
}

.c-header-topbar a {
  text-decoration: none;
}
.c-header-topbar a:hover {
  text-decoration: underline;
}

.c-header-icons {
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  .c-header-icons {
    gap: var(--px-2);
  }
}
.c-header-icons .btn-icon {
  position: relative;
}
.c-header-icons .btn-icon:before {
  background-color: var(--color-blue-dark);
}

.c-header-icon-counter {
  position: absolute;
  top: 0;
  right: 0;
  height: 17px;
  line-height: 17px;
  min-width: 17px;
  width: fit-content;
  padding: 0 2px;
  box-sizing: border-box;
  border-radius: var(--br-round);
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
  background-color: var(--color-green);
  pointer-events: none;
  transition: 0.7s;
  font-family: var(--font-primary);
  color: var(--shade-950);
  display: flex;
  justify-content: center;
}
.c-header-icon-counter:empty {
  display: none;
}
.c-header-icon-counter--login {
  background-color: var(--color-blue-dark);
}
.c-header-icon-counter--login:before {
  content: "";
  mask: var(--icon-x);
  background-color: var(--color-white);
  width: 12px;
  height: 12px;
  margin-top: 2px;
  margin-left: 1px;
}
.c-header-icon-counter--login:empty {
  display: flex;
}
.c-header-icon-counter--loggedin {
  background-color: var(--color-blue-dark);
}
.c-header-icon-counter--loggedin:before {
  content: "";
  mask: var(--icon-check);
  background-color: var(--color-white);
  width: 12px;
  height: 12px;
  margin-top: 2px;
  margin-left: 1px;
}
.c-header-icon-counter--loggedin:empty {
  display: flex;
}

@media only screen and (min-width: 1025px) {
  .c-header-icons button span {
    display: block;
  }
}
.c-header-usp__holder {
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .c-header-usp__holder {
    overflow: hidden !important;
  }
}

body ul.c-slider__content-holder.c-header-usp {
  display: flex;
  justify-content: space-between;
  gap: var(--px-8);
  max-width: 100%;
}
body ul.c-slider__content-holder.c-header-usp li {
  padding-right: 0;
  padding-left: var(--px-6);
}
body ul.c-slider__content-holder.c-header-usp a,
body ul.c-slider__content-holder.c-header-usp span {
  white-space: nowrap;
  color: var(--shade-600);
}

.c-logo {
  display: flex;
}
.c-logo img {
  width: 100%;
}

.c-headermenu {
  display: block;
}

.c-headermenu__content {
  position: static;
  display: flex;
}

.c-headermenu__item {
  position: static;
}
.c-headermenu__item:hover {
  cursor: pointer;
}
.c-headermenu__item:hover .c-headermenu__link:before {
  display: block;
}
.c-headermenu__item:hover .c-headermenu__category-wrapper, .c-headermenu__item:focus-within .c-headermenu__category-wrapper {
  display: block;
}
.c-headermenu__item .c-headermenu__link:before {
  left: calc(var(--px-10) / 2);
  right: calc(var(--px-10) / 2);
}
.c-headermenu__item .c-headermenu__link:focus-visible:after {
  top: var(--px-4);
  bottom: var(--px-4);
  left: calc(var(--px-10) / 2);
  right: calc(var(--px-10) / 2);
}
.c-headermenu__item:first-child .c-headermenu__link {
  padding-left: 0;
}
.c-headermenu__item:first-child .c-headermenu__link:before {
  left: 0;
}
.c-headermenu__item:first-child .c-headermenu__link:focus-visible:after {
  left: 0;
}

.c-headermenu__link {
  position: relative;
  display: block;
  padding: var(--px-4) calc(var(--px-10) / 2);
  text-decoration: none;
  color: var(--shade-950);
}
.c-headermenu__link:before {
  display: none;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  border-radius: var(--br-s) var(--br-s) 0 0;
  background-color: var(--color-blue-dark);
}

.c-headermenu__category-wrapper {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  padding: var(--px-14) 0;
  border-top: 1px solid var(--shade-100);
  border-radius: 0 0 var(--br-2xl) var(--br-2xl);
  box-sizing: border-box;
  background-color: var(--color-white);
  cursor: default;
}

.c-headermenu__category-holder {
  display: flex;
  justify-content: space-between;
  gap: var(--px-10);
}

.c-headermenu__smallmenu .c-headermenu__category-column-holder {
  grid-auto-flow: row;
  gap: var(--px-2);
  width: fit-content;
}
.c-headermenu__smallmenu .c-headermenu__category-column {
  min-height: var(--px-6);
  line-height: var(--px-6);
}

.c-headermenu__category {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--px-10);
}

.c-headermenu__category-column-holder {
  display: grid;
  align-items: flex-start;
  gap: var(--px-10);
  grid-template-columns: repeat(4, 1fr);
}
.c-headermenu__category-column-holder:has(> :nth-child(5)) {
  grid-template-columns: repeat(4, 1fr) 350px;
}

.c-headermenu__category-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  gap: var(--px-2);
}

.c-headermenu__category-title {
  margin: 0;
  margin-bottom: var(--px-2);
}

a.c-headermenu__category-title-link {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  text-decoration: none;
  color: var(--shade-950);
  margin-bottom: var(--px-2);
}
a.c-headermenu__category-title-link:hover {
  text-decoration: underline;
}

.c-headermenu__category-list {
  display: flex;
  flex-direction: column;
  gap: var(--px-2);
}

a.c-headermenu__category-link {
  text-decoration: none;
}
a.c-headermenu__category-link:hover {
  text-decoration: underline;
}
a.c-headermenu__category-link, a.c-headermenu__category-link:hover {
  color: var(--shade-600);
}

a.c-headermenu__showall-link {
  margin-left: 0;
  padding-left: 0;
  font-family: var(--font-title);
  font-weight: bold;
  text-decoration: none;
}
a.c-headermenu__showall-link:hover {
  text-decoration: underline;
}
a.c-headermenu__showall-link, a.c-headermenu__showall-link:hover {
  color: var(--color-blue-darker);
}

.c-headermenu__image-link {
  display: block;
}

.c-headermenu__image {
  display: block;
  overflow: hidden;
  width: 350px;
  height: 200px;
  max-width: unset;
  object-fit: cover;
}

body.c-menuoverlay__active .u-overlay {
  z-index: var(--z-menuoverlay);
}

.c-mobilemenu-showall__link {
  display: flex;
  align-items: center;
  color: var(--color-blue-darker);
  padding: var(--px-2) 0;
  text-decoration: none;
  font-weight: 700;
}
.c-mobilemenu-showall__link:after {
  content: "";
  mask: var(--icon-chevron-right);
  background-color: var(--color-blue-darker);
  height: 12px;
  width: 12px;
}

.c-mobilemenu__category-list {
  display: flex;
  flex-direction: column;
  gap: var(--px-2);
}

.c-mobilemenu__category-picture-link {
  display: block;
  border-radius: var(--br-2xl);
  overflow: hidden;
  margin-top: var(--px-6);
}

.c-mobilemenu__category-picture {
  width: 100%;
  max-height: 200px;
  height: 300px;
  object-fit: cover;
}

.c-mobilemenu__list {
  margin-top: var(--px-4);
}

.c-mobilemenu__category-column {
  padding: var(--px-4) 0;
}

.c-mobilemenu__categories {
  padding: 0 0 var(--px-4);
}

.c-mobilemenu__account {
  padding: var(--px-4) 0;
}

.c-mobilemenu__customerservice {
  padding: var(--px-4) 0;
}

.c-mobilemenu__heading {
  text-decoration: none;
  padding-bottom: var(--px-4);
  display: block;
}

.c-mobilemenu__image {
  display: block;
  border-radius: var(--br-round);
  width: 50px;
  height: 50px;
  background: var(--shade-50) 0px 4.996px/100% 100% no-repeat;
}

.c-mobilemenu__item {
  display: flex;
  align-items: center;
  gap: var(--px-2);
  padding: var(--px-2) 0;
  text-decoration: none;
}

.c-mobilemenu__link {
  align-self: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
  align-self: center;
}

.c-mobilemenu__span {
  align-self: center;
  padding-left: var(--px-4);
  width: 100%;
  box-sizing: border-box;
  color: var(--shade-950);
}

.c-mobilemenu-footer__item {
  display: flex;
  align-items: center;
  gap: var(--px-2);
  padding: var(--px-2) 0;
  text-decoration: none;
}

.c-mobilemenu-footer-item__text {
  align-self: stretch;
  display: block;
  width: 100%;
}

.c-mobilemenu__link-arrow {
  mask: var(--icon-chevron-right);
  width: 16px;
  height: 16px;
  background-color: var(--color-blue-darker);
  display: flex;
  justify-self: flex-end;
}

.c-mobilemenu__country {
  display: flex;
  margin-left: var(--px-4);
}

.c-mobilemenu-country__nl:before,
.c-mobilemenu-country__be:before,
.c-mobilemenu-country__fr:before {
  display: inline-block;
  content: "";
  width: var(--px-4);
  height: var(--px-4);
}

.c-mobilemenu-country__nl:before {
  background: var(--icon-country-nl);
}

.c-mobilemenu-country__be:before {
  background: var(--icon-country-be);
}

.c-mobilemenu-country__fr:before {
  background: var(--icon-country-fr);
}

.c-searchbar {
  transition: padding var(--tr-delay) var(--tr-transition), max-height var(--tr-delay) var(--tr-transition);
}

.c-searchbar__holder {
  position: relative;
  margin: 0;
  max-height: 100%;
  z-index: var(--z-searchbar);
}

.c-searchbar__form {
  position: relative;
  margin: 0;
  max-height: 100%;
}
.c-searchbar__form-cancel {
  display: none;
}

input[type=search].c-searchbar__input {
  border-radius: calc(var(--h-input) / 2);
  padding-top: 0;
  padding-bottom: 0;
  max-height: 100%;
  width: 100%;
  transition: border-color var(--tr-delay-overlay) var(--tr-transition), border-radius var(--tr-delay-overlay) var(--tr-transition), opacity var(--tr-delay-overlay) var(--tr-transition);
}
input[type=search].c-searchbar__input::placeholder {
  color: var(--shade-500);
}
input[type=search].c-searchbar__input:focus {
  outline: none;
}

button.c-searchbar__button {
  content: "";
  display: flex;
  position: absolute;
  top: var(--px-1);
  right: var(--px-1);
  bottom: var(--px-1);
  height: calc(100% - 2 * var(--px-1));
  min-width: auto;
  aspect-ratio: 1;
  transition: background var(--tr-delay-overlay) var(--tr-transition), opacity var(--tr-delay-overlay) var(--tr-transition);
}
button.c-searchbar__button:hover {
  background-color: var(--color-blue-dark);
}
button.c-searchbar__button:hover:after {
  background-color: var(--color-white);
}
button.c-searchbar__button:after {
  height: 60%;
  width: 60%;
  background-color: var(--color-blue-dark);
  transition: background var(--tr-delay-overlay) var(--tr-transition);
}

/*#region Search suggestion */
.c-searchbar__suggestion {
  position: absolute;
  top: var(--h-input);
  left: 0;
  right: 0;
  border-radius: var(--br-2xl);
  padding: 0;
  overflow: hidden;
  background-color: var(--color-white);
  z-index: var(--z-searchsuggestion);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: border-radius var(--tr-delay-overlay) var(--tr-transition), visibility var(--tr-delay-overlay) var(--tr-transition), opacity var(--tr-delay-overlay) var(--tr-transition);
}
.c-searchbar__suggestion li.c-searchbar__suggestion-item {
  display: flex;
  align-items: center;
  margin: 0;
  padding: var(--pd-input-v) var(--px-8) var(--pd-input-v) var(--px-4);
  min-height: calc(var(--h-input) - 2 * var(--pd-input-v));
  box-sizing: border-box;
}
.c-searchbar__suggestion li.c-searchbar__suggestion-item--redirect {
  white-space: pre-wrap;
}
.c-searchbar__suggestion li.c-searchbar__suggestion-item a {
  color: var(--shade-950);
}
.c-searchbar__suggestion li.c-searchbar__suggestion-item:hover:not(.c-searchbar__suggestion-title) {
  background-color: var(--color-blue-light);
}
.c-searchbar__suggestion li.c-searchbar__suggestion-title {
  margin-top: 0;
  padding-top: var(--pd-input-v);
  min-height: calc(var(--h-input) - 1 * var(--pd-input-v));
}
.c-searchbar__suggestion-list {
  max-height: calc(100vh - 250px);
  overflow-y: auto;
}
:where(:not(.c-searchbar__suggestion)) > .c-searchbar__suggestion-list {
  display: none !important;
}

.c-searchbar__selected-line:not(.c-searchbar__suggestion-title) {
  background-color: var(--color-blue-light);
  padding: 6px var(--px-8);
}
.c-searchbar__selected-line:not(.c-searchbar__suggestion-title):last-child {
  border-radius: 0 0 var(--br-2xl) var(--br-2xl);
}

.c-searchbar__suggestion-title {
  border-top: 1px solid var(--shade-100);
  color: var(--shade-400);
}

a.c-searchbar__suggestion-link {
  display: flex;
  flex-grow: 1;
  text-decoration: none;
}
a.c-searchbar__suggestion-link strong {
  font-family: var(--font-title);
}

a.c-searchbar__suggestion-product {
  gap: var(--px-4);
}

.c-searchbar__selected-line a:after {
  border-radius: var(--br-2xl);
}

.c-searchbar__suggestion-image {
  height: 96px;
  width: 96px;
}

.c-searchbar__suggestion-item-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.c-searchbar__suggestion-item-title {
  font-family: var(--font-title);
}

.c-searchbar__suggestion-item-content-text {
  margin-top: var(--px-05);
}

.c-searchbar__suggestion-item-content-price {
  margin-top: var(--px-2);
}
.c-searchbar__suggestion-item-content-price .c-oldprice {
  text-decoration: line-through;
  color: var(--shade-600);
  font-size: var(--text-sm);
  font-weight: 400;
}

.c-searchbar__suggestion-button-holder {
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--shade-100);
  padding: var(--pd-input-v) var(--pd-input-h);
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.c-searchbar__suggestion-button-holder:hover .c-searchbar__suggestion-list-button:before {
  content: none;
}
.c-searchbar__suggestion-button-holder:hover .c-searchbar__suggestion-list-button span:before {
  content: "";
}

.c-searchbar__suggestion-list-button {
  padding: var(--px-2);
  width: 100%;
  max-width: none;
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-family: var(--font-title);
}
.c-searchbar__suggestion-list-button span {
  position: relative;
}
.c-searchbar__suggestion-list-button span:before {
  position: absolute;
  left: 0;
  right: -16px;
  bottom: -2px;
  height: 1px;
  background-color: var(--color-blue-darker);
}

#modal-mobile-searchbar .g-popup__header {
  display: none;
}
#modal-mobile-searchbar .g-popup__content {
  padding: 0;
}
#modal-mobile-searchbar .c-searchbar__form {
  padding: var(--px-4);
  display: flex;
  gap: var(--px-2);
  align-items: center;
  justify-content: center;
}
#modal-mobile-searchbar .c-searchbar__form .input[type=search].c-searchbar__input {
  border: 10px solid var(--shade-400);
}
#modal-mobile-searchbar .c-searchbar__form .c-searchbar__button {
  right: var(--px-18);
}
#modal-mobile-searchbar .c-searchbar__form .c-searchbar__button:after {
  height: var(--px-6);
  width: var(--px-6);
}
#modal-mobile-searchbar .c-searchbar__form-cancel {
  display: inline-block;
  color: var(--shade-950);
}
#modal-mobile-searchbar .c-searchbar__suggestion {
  position: relative;
  top: 0;
}
#modal-mobile-searchbar .c-searchbar__suggestion .c-searchbar__suggestion-item:last-child {
  border-bottom: 1px solid var(--shade-100);
}

/*#endregion Search suggestion */
body.c-searchoverlay__active .u-overlay {
  z-index: var(--z-searchoverlay);
}
body.c-searchoverlay__active input[type=search].c-searchbar__input {
  border-color: transparent;
  border-radius: var(--br-2xl) var(--br-2xl) 0 0;
}

body.c-searchoverlay__active .c-searchbar__suggestion,
body .g-popup__container .c-searchbar__suggestion {
  display: block !important;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  border-radius: 0 0 var(--br-2xl) var(--br-2xl);
}

.c-header-topbar {
  position: relative;
  max-height: calc(var(--px-6) + 2 * var(--px-2));
  background-color: var(--color-blue-light);
  overflow: hidden;
  transition: max-height var(--tr-delay) var(--tr-transition);
}

.c-header-topbar__content {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: var(--px-4);
  padding-top: var(--px-2);
  padding-bottom: var(--px-2);
}

.c-header-topbar__right {
  display: flex;
  gap: var(--px-6);
}

.c-header-topbar__links {
  display: none;
  gap: var(--px-6);
}
.c-header-topbar__links a, .c-header-topbar__links a:hover {
  color: var(--shade-600);
}

@media only screen and (min-width: 769px) {
  .c-header-topbar__content {
    gap: var(--px-8);
  }
}
@media only screen and (min-width: 1025px) {
  .c-header-topbar__links {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  .c-header-topbar {
    max-height: calc(var(--px-6) + var(--px-2));
  }
  .c-header-topbar__content {
    padding-top: var(--px-1);
    padding-bottom: var(--px-1);
  }
}
.bullet {
  border-radius: var(--br-round);
  padding: var(--px-1) var(--px-3);
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 500;
  color: var(--shade-950);
}
.bullet > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--px-1);
}
.bullet cite {
  font-style: normal;
}
.bullet big {
  font-size: var(--text-sm);
}
.w-actionbox__content .bullet {
  font-family: var(--font-primary);
  font-weight: bold;
}
.bullet div:empty {
  display: none;
}
.bullet.black {
  background-color: var(--shade-950);
}
.bullet.gray {
  background-color: var(--shade-600);
}
.bullet.red {
  background-color: var(--color-red-dark);
}
.bullet.orange {
  background-color: var(--color-orange);
}
.bullet.gold {
  background-color: var(--color-yellow-dark);
}
.bullet.yellow {
  background-color: var(--color-yellow);
}
.bullet.sand {
  background-color: var(--color-yellow-light);
}
.bullet.green {
  background-color: var(--color-green);
}
.bullet.lime {
  background-color: var(--color-green-light);
}
.bullet.dark-blue {
  background-color: var(--color-blue-dark);
}
.bullet.blue {
  background-color: var(--color-blue);
}
.bullet.light-blue {
  background-color: var(--color-blue-light);
}
.bullet.purple {
  background-color: var(--color-pink-dark);
}
.bullet.vivid-pink {
  background-color: var(--color-pink);
}
.bullet.soft-pink {
  background-color: var(--color-pink-light);
}
.bullet.black, .bullet.gray, .bullet.red, .bullet.dark-blue, .bullet.purple {
  color: var(--color-white);
}

/* product list cards */
/* - shoppingcart */
/* - cart popup */
@media only screen and (min-width: 1025px) {
  .cart-show-mobile {
    display: none !important;
  }
}

@media only screen and (max-width: 1024px) {
  .cart-show-desktop {
    display: none !important;
  }
}

.w-productlist {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--px-4);
  align-self: stretch;
}
@media only screen and (max-width: 768px) {
  .w-productlist {
    margin-top: var(--px-6);
  }
}
.g-popup__content .w-productlist {
  margin-top: 0;
}

.w-productlist__header {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .w-productlist__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
  }
}

.w-productlist-header__title {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-family: var(--font-primary);
  font-weight: bold;
}

.w-productlist-card-content__quantityprice {
  display: flex;
  width: 100%;
  justify-content: end;
  gap: var(--px-4);
}

.w-productlist__items {
  margin: 0 auto;
  width: 100%;
}

.w-productlist-header--fixed,
.w-productlist-card-content--fixed {
  display: block;
  box-sizing: border-box;
  width: calc(90px + var(--px-2));
}
@media only screen and (max-width: 768px) {
  .w-productlist-header--fixed,
  .w-productlist-card-content--fixed {
    width: calc(25% - 10px);
  }
}
.w-productlist-header--right,
.w-productlist-card-content--right {
  text-align: right;
}
.w-productlist-header__title,
.w-productlist-card-content__title {
  color: var(--shade-950);
}
.w-productlist-header--stretch,
.w-productlist-card-content--stretch {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: var(--px-4);
  align-self: stretch;
  flex-wrap: wrap;
  flex: 1 0 0;
}
.w-productlist-header__specs,
.w-productlist-card-content__specs {
  display: flex;
  flex-direction: column;
  gap: var(--px-1);
}
.w-productlist-header__info .u-stockmessage,
.w-productlist-card-content__info .u-stockmessage {
  margin: 0;
}
.w-productlist-header__info-price,
.w-productlist-card-content__info-price {
  display: block;
  width: 100%;
}
.w-productlist-header__info-price .w-productlist-card-content-price__before,
.w-productlist-header__info-price .w-productlist-card-content-price__after,
.w-productlist-card-content__info-price .w-productlist-card-content-price__before,
.w-productlist-card-content__info-price .w-productlist-card-content-price__after {
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .w-productlist-header--spacebetween-desktop,
  .w-productlist-card-content--spacebetween-desktop {
    display: flex;
    justify-content: space-between;
  }
}
.w-productlist-header__buttons,
.w-productlist-card-content__buttons {
  display: flex;
  gap: var(--px-4);
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .w-productlist-header__buttons,
  .w-productlist-card-content__buttons {
    width: 200px;
  }
}

@media only screen and (min-width: 769px) {
  .w-productlist__items--fullwidth-desktop {
    display: inline-block;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .w-productlist__header {
    display: none;
  }
}
.w-productlist__card {
  display: flex;
  padding: var(--px-6) 0;
  align-items: flex-start;
  gap: var(--px-4);
  align-self: stretch;
  border-top: 1px solid var(--shade-100);
  border-bottom: 1px solid var(--shade-100);
  position: relative;
}
#modal-add-to-cart-popup .w-productlist__card {
  padding: 0;
}
.w-productlist__card:not(.w-productlist__card--border):first-child {
  border-top: none;
}
.w-productlist__card:not(.w-productlist__card--border):last-child {
  border-bottom: none;
}
.w-productlist__card--border:not(:first-child) {
  border-top: 0;
}
.w-productlist__card--border:last-child {
  border-bottom: none;
}
.w-productlist__card.w-productlist__card--cart[data-stock=false]:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.w-productlist__card--minimal:first-child {
  border-top: 0;
  padding-top: 0;
}
.w-productlist__card--rounded {
  border: 1px solid var(--shade-100);
  border-radius: var(--br-2xl);
  padding: var(--px-4);
}
@media only screen and (min-width: 769px) {
  .w-productlist__card--rounded {
    padding: var(--px-8);
  }
}
@media only screen and (max-width: 768px) {
  .w-productlist__card--rounded .w-productlist-card-content--fixed {
    width: 20px;
  }
}

.w-productlist-card__content {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--px-4);
  flex: 1;
}
.w-productlist-card__content-row {
  margin-top: var(--px-6);
  display: flex;
  justify-content: flex-end;
  gap: var(--px-4);
}
.w-productlist-card__content-container {
  flex: 1;
}
.w-productlist-card__content--grid {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: var(--px-6);
}
.w-productlist-card__content--grid--flexitem {
  display: flex;
  flex-direction: column;
  gap: var(--px-4);
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .w-productlist-card__content--grid {
    grid-template-columns: 96px 1fr 180px;
  }
}
@media only screen and (max-width: 768px) {
  .w-productlist-card__content {
    flex-wrap: wrap;
  }
  .w-productlist-card__content-row {
    justify-content: right;
  }
}

.w-productlist-card-content__image {
  height: 96px;
  width: 96px;
  margin: auto;
}
.w-productlist-card__content--cartpopup .w-productlist-card-content__image {
  margin: var(--px-6) 0 0 0;
}
.w-productlist-card-content__image img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .w-productlist-card-content__image--top-mobile {
    margin: 0 auto;
  }
}

.w-productlist-card-content_info__name {
  display: block;
  width: 100%;
  text-decoration: none;
  color: var(--shade-950);
}
#modal-add-to-cart-popup .w-productlist-card-content_info__name {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  font-weight: 700;
}
.w-productlist-card-content_info__name--description {
  color: var(--shade-600);
  padding-bottom: var(--px-2);
}
#modal-add-to-cart-popup .w-productlist-card-content_info__name--description {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: normal;
  padding-bottom: var(--px-4);
  padding-top: var(--px-2);
}
.w-productlist-card-content_info__name:hover {
  color: var(--shade-950);
}

.w-productlist__card-content-info-summary {
  display: block;
  margin-top: var(--px-1);
  color: var(--shade-600);
}

.w-productlist-card-content__specs {
  padding-bottom: var(--px-2);
}
#modal-add-to-cart-popup .w-productlist-card-content__specs {
  padding-bottom: var(--px-4);
}

.w-productlist-card-content__specs li {
  display: flex;
  align-items: flex-start;
  gap: var(--px-1);
  align-self: stretch;
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
  color: var(--shade-600);
}
.w-productlist-card__content--cartpopup .w-productlist-card-content__specs li {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
}

.w-productlist-card-content-specs__title {
  color: var(--shade-950);
  min-width: 45px;
}
.w-productlist-card__content--cartpopup .w-productlist-card-content-specs__title {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
  font-weight: 700;
}

.w-productlist-card__content--cartpopup .w-productlist-card-content-specs__item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.w-productlist-card-content__price {
  margin-top: 12px;
  width: fit-content;
  align-self: normal;
  width: 90px;
}
.w-productlist__card--cart .w-productlist-card-content__price {
  margin-top: 0;
}
.w-productlist__card--cart .w-productlist-card-content__price .js-oldprice:empty + .js-currentprice {
  margin-top: 12px;
}

.w-productlist-card-content-price {
  margin-top: var(--px-3);
}
.w-productlist-card-content-price__before {
  text-decoration: line-through;
}
.w-productlist-card-content-price__before, .w-productlist-card-content-price__after {
  color: var(--shade-600);
  text-align: right;
  font-weight: 400;
}

.g-popup__content .w-productlist-card-content__price {
  margin: auto 0;
}
.w-productlist__card--minimal .w-productlist-card-content__price, .w-productlist__card--rounded .w-productlist-card-content__price {
  align-self: center;
}

.w-productlist-card-content__delete {
  width: 100%;
  z-index: 2;
  align-self: center;
}
.w-productlist-card-content__delete button {
  font-family: var(--font-title-base);
}
@media only screen and (max-width: 768px) {
  .w-productlist-card-content__delete {
    width: calc(50% - 12px);
  }
}

.w-productlist__empty {
  padding: var(--px-2);
  background-color: var(--color-yellow-light);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--br-l);
}
.w-productlist__empty-title {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
}

.c-pricedetails {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  display: flex;
  flex-direction: column;
}
.c-pricedetails__divider {
  width: 100%;
  height: 1px;
  background-color: var(--color-blue);
  margin: var(--px-2) 0;
}
.c-pricedetails__item {
  display: flex;
  justify-content: space-between;
  padding: var(--px-1) 0;
}
.c-pricedetails__item--total {
  font-weight: 700;
  color: var(--shade-950);
}
.c-pricedetails__item .noshipping {
  color: var(--color-success);
}
.c-pricedetails__item-sub {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-500);
}
.c-pricedetails__item-label {
  display: flex;
  align-items: center;
  gap: var(--px-1);
}
.c-pricedetails__item .tooltip {
  padding: 0;
  height: var(--px-4);
  width: var(--px-4);
  min-width: var(--px-4);
  margin-left: var(--px-1);
  justify-content: end;
}

.w-header__sticky-observer {
  height: 100px !important;
}

.w-header {
  z-index: var(--z-header);
}
.w-header:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-white);
}
.w-header--orderprocess .c-logo {
  margin: 0 auto;
}
.w-header__back-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  font-weight: 700;
}
.w-header__back-btn, .w-header__back-btn:hover {
  color: var(--color-blue-darker);
}
.w-header__back-btn:hover {
  text-decoration: underline;
}

.w-header__sticky {
  box-shadow: var(--bs-bottom);
}
.w-header__sticky .w-notification,
.w-header__sticky .c-header-topbar {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
  max-height: 0;
}

.w-header__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: var(--px-2);
}

/*#region Component positioning */
.c-logo {
  max-width: 140px;
}
@media (min-width: 769px) {
  .c-logo {
    max-width: calc(100% - 4 * var(--h-btn-icon) - 2 * var(--px-2) - 8 * var(--px-2) - 2 * var(--px-2));
  }
}

.c-searchbar {
  flex-grow: 1;
  flex-basis: 100%;
  padding-top: var(--px-2);
  max-height: calc(var(--h-input) + var(--px-2));
}

/*#endregion Component positioning */
@media only screen and (max-width: 1024px) {
  .show-desktop-header {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .show-mobile-header {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .w-header__sticky .c-searchbar {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
    max-height: 0;
  }
  .w-header__sticky .c-searchbar__form {
    overflow: hidden;
    pointer-events: none;
  }
  .w-header__sticky .c-searchbar__form button {
    opacity: 0;
  }
  .w-header__sticky input[type=search].c-searchbar__input {
    border-color: transparent;
    opacity: 0;
  }
}
@media only screen and (min-width: 769px) {
  .w-header {
    border-bottom: 1px solid var(--shade-100);
  }
  .w-header__inner {
    margin-top: var(--px-6);
    margin-bottom: var(--px-6);
    gap: var(--px-6);
  }
  .c-searchbar {
    flex-basis: auto;
    padding-top: 0;
    max-height: var(--h-input);
    max-width: 600px;
  }
  .c-header-icons__right {
    order: 1;
  }
}
.u-accordion.u-accordion__active::before {
  content: none;
  display: none;
}
.u-accordion.u-accordion__active:not(.u-accordion--nostyle) .u-accordion__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.u-accordion.u-accordion__active .u-accordion__title {
  padding-right: var(--px-6);
}
.u-accordion__default .u-accordion.u-accordion__active .u-accordion__title {
  color: var(--shade-950);
  font-family: var(--font-button);
  font-size: var(--text-sm);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.14px;
  text-decoration: none;
}
.u-accordion.u-accordion__active .u-accordion__title:after {
  content: "";
  display: block;
  height: 100%;
  width: 20px;
  height: 20px;
  mask: var(--icon-chevron-down);
}
.u-accordion__default .u-accordion.u-accordion__active .u-accordion__title:after {
  background-color: var(--shade-950);
}
.u-accordion.u-accordion__active .u-accordion__content {
  overflow: hidden;
  width: 100%;
  display: none;
  padding: var(--px-4) 0 var(--px-2) 0;
}
.u-accordion.u-accordion__active.is-open .u-accordion__title:after {
  mask: var(--icon-chevron-up);
}

.c-footer-review {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--px-6);
}
.c-footer-review__logo {
  display: flex;
  align-items: center;
  gap: var(--px-2);
}
.c-footer-review__ekomi-logo {
  display: block;
  width: 113px;
  height: 36px;
  border-radius: 0;
  background: url("/designimages/smulders/logo/logo-ekomi.png") no-repeat;
}
.c-footer-review__feedback-company-logo {
  display: block;
  width: 113px;
  height: 32px;
  border-radius: 0;
  background: url("/designimages/smulders/logo/logo-feedback-company.svg") no-repeat;
}
.c-footer-review__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--px-1);
}
.c-footer-review__stars {
  color: var(--color-white);
  display: flex;
  font-family: var(--font-title);
  font-weight: 700;
  line-height: 140%;
}
.c-footer-review__rating {
  color: var(--color-white);
}

[class*=c-footer-review-stars__] {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: var(--px-3);
}

[class*=c-footer-review-star__]:after {
  background-color: var(--color-orange);
  width: var(--px-4);
  height: var(--px-4);
  display: inline-block;
}

.c-footer-socialmedia {
  display: flex;
  align-items: center;
  gap: var(--px-4);
  justify-content: center;
  padding-bottom: var(--px-10);
}

@media only screen and (min-width: 769px) {
  .c-footer-socialmedia {
    justify-content: left;
    padding-bottom: 0;
  }
}
.c-paymentlogos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--px-6);
}

.c-paymentlogos__idealwero {
  width: 32px;
  height: 24px;
  background: url("/designimages/smulders/logo/logo-ideal-wero.svg") no-repeat;
  background-size: contain;
}

.c-paymentlogos__applepay {
  width: 32px;
  height: 24px;
  background: url("/designimages/smulders/logo/logo-apple-pay.svg") no-repeat;
  background-size: contain;
}

.c-paymentlogos__klarna {
  width: 32px;
  height: 24px;
  background: url("/designimages/smulders/logo/logo-klarna.svg") no-repeat;
  background-size: contain;
}

.c-paymentlogos__dhl {
  width: 32px;
  height: 24px;
  background: url("/designimages/smulders/logo/logo-dhl.svg") no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 769px) {
  .c-paymentlogos {
    justify-content: right;
    gap: var(--px-2);
  }
}
.w-footer {
  background-color: var(--color-blue-darkest);
  border-top-left-radius: var(--br-2xl);
  border-top-right-radius: var(--br-2xl);
  margin-top: 128px;
}
.w-footer__inner {
  padding: var(--px-8) 0 0 0;
}
.w-footer.w-footer--orderprocess {
  margin-top: 0;
}
.w-footer--orderprocess {
  padding-top: var(--px-12);
  padding-bottom: var(--px-12);
  background: none;
}
.w-footer--orderprocess-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--px-4);
}
.w-footer--orderprocess .c-footer-thuiswinkel__logo {
  display: flex;
  gap: var(--px-2);
  text-decoration: none;
}
.w-footer--orderprocess .c-footer-thuiswinkel__logo img {
  height: revert-layer;
  width: 19px;
  aspect-ratio: 54/47;
}
.w-footer--orderprocess .c-footer-copyright {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.w-footer--orderprocess .c-footer-copyright, .w-footer--orderprocess .c-footer-copyright a {
  color: var(--shade-950);
}

body .c-footer__title {
  color: var(--color-white);
  display: block;
  font-weight: 700;
}

.c-footer__textblock {
  gap: 20px;
  display: flex;
  flex-flow: column;
}

.c-footer__link {
  display: block;
  color: var(--color-blue-light);
  text-decoration: none;
  margin: var(--px-4) 0 0;
}
.c-footer__link:hover {
  color: var(--color-blue-light);
  text-decoration: underline;
}
.c-footer__link:first-child {
  margin: 0;
}
.c-footer__link:last-child {
  margin-bottom: var(--px-4);
}

.w-footer__logo {
  display: block;
  text-align: center;
}

.c-footer__text {
  color: var(--color-blue-light);
}

.c-footer-reviews {
  padding: var(--px-14) 0;
}

.c-footer-thuiswinkel {
  text-align: center;
}

.c-footer-thuiswinkel__logo {
  display: inline-block;
}

.c-footer-logos {
  padding: var(--px-10) 0;
}

.c-footer-copyright {
  text-align: center;
  color: var(--color-blue-light);
  padding-bottom: var(--px-14);
}
.c-footer-copyright a {
  color: var(--color-white);
  text-decoration: none;
}

.c-footer-copyright__title {
  display: block;
  font-family: var(--font-title);
  font-weight: 700;
}

.c-footer-copyright__subtitle {
  font-family: var(--font-title-base);
  font-weight: 400;
}

.u-accordion__title:after {
  background-color: var(--color-blue-light);
}

.u-accordion__active .c-footer__title {
  border-top: 1px solid var(--color-blue-darker);
  padding: var(--px-6) 0;
}

.u-accordion__active.c-footer__textblock {
  gap: 0;
  margin: 0;
}

.w-footer-logo__image {
  width: 193px;
  height: 28px;
}

@media only screen and (min-width: 769px) {
  .w-footer {
    margin-top: 104px;
  }
  .w-footer__logo {
    display: inline-block;
  }
  .w-footer__inner {
    padding-bottom: var(--px-14);
  }
  .w-footer-logo__image {
    width: 248px;
    height: 36px;
  }
  .w-footer--orderprocess {
    padding-top: var(--px-14);
    padding-bottom: var(--px-14);
  }
  .w-footer--orderprocess-inner {
    flex-direction: row;
  }
  .w-footer--orderprocess .c-footer-copyright {
    flex-direction: row;
    gap: var(--px-1);
  }
  .c-footer-logos {
    padding: var(--px-14) 0;
  }
  .c-footer-copyright__title {
    display: inline-block;
  }
}
.w-filter {
  display: flex;
  flex-direction: column;
  gap: var(--px-4);
}
.w-filter__remove {
  text-decoration: underline;
}
.w-filter__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.w-filter__top-title {
  display: flex;
  align-items: center;
  min-height: var(--h-input);
  color: var(--shade-950);
}
.w-filter__buttons {
  display: flex;
  gap: var(--px-2);
}
.w-filter__btn.btn-icon-small, .w-filter__column-btn.btn-icon {
  height: 44px;
  min-height: 44px;
}
.w-filter__sort-holder {
  flex-grow: 1;
  border-radius: var(--br-2xl);
}
.w-filter__btn {
  flex-grow: 1;
}
.w-filter__btn.btn-icon-small {
  border: 1px solid var(--shade-400) !important;
  border-radius: var(--br-2xl) !important;
}
.w-filter__btn--filter:after, .w-filter__btn--sort:after {
  background-color: var(--shade-950);
}
.w-filter__btn--filter span:empty, .w-filter__btn--sort span:empty {
  display: none;
}
.w-filter__sort-holder .w-filter__btn {
  z-index: var(--z-sortplaceholder);
  background-color: var(--color-white);
  pointer-events: none;
}
.w-filter__sort-holder select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 var(--px-3);
}
.w-filter__column-btn {
  cursor: pointer;
}
.w-filter__column-btn.selected {
  border-color: var(--color-blue-dark);
  background-color: var(--color-blue-dark);
}
.w-filter__column-btn.selected:after {
  background-color: var(--color-white);
}
.w-filter__column-btn.selected#w-filter__column-double:after {
  -webkit-mask: var(--icon-view-grid-full);
  mask: var(--icon-view-grid-full);
}
.w-filter__column-btn.btn-icon {
  border: 1px solid var(--shade-400);
  border-radius: var(--br-2xl);
  width: 44px;
  min-width: 44px;
}
.w-filter__column-btn:after {
  background-color: var(--color-blue-dark);
}
.w-filter__searchextraform {
  display: none;
}
.w-filter__title {
  position: relative;
  line-height: 26px;
  color: var(--shade-950);
}
.w-filter__option-title {
  text-decoration: none;
}
.w-filter__list-item--show-all .w-filter__sublist-pinned {
  display: none !important;
}
.w-filter__list-item--show-all .w-filter__sublist {
  display: block !important;
}
.w-filter__list-item--show-all .w-filter__show-toggle:after {
  -webkit-mask: var(--icon-chevron-up);
  mask: var(--icon-chevron-up);
}
.w-filter__show-toggle {
  display: flex;
  align-items: center;
  gap: var(--px-1);
  text-decoration: none;
}
.w-filter__show-toggle, .w-filter__show-toggle:hover {
  color: var(--color-blue-darker);
}
.w-filter__show-toggle:after {
  content: "";
  display: inline-block;
  height: var(--px-4);
  width: var(--px-4);
  background-color: var(--color-blue-dark);
  -webkit-mask: var(--icon-chevron-down);
  mask: var(--icon-chevron-down);
}
.w-filter__price-slide-top {
  display: flex;
  align-items: center;
  gap: var(--px-2);
}
.w-filter__price-slide-top span {
  color: var(--shade-600);
}
.w-filter__price-curmin input, .w-filter__price-curmax input {
  width: 100%;
  text-align: center;
}
.w-filter__slide {
  display: flex;
  flex-direction: column;
  gap: var(--px-2);
  width: 100%;
}
.w-filter__slide-units {
  display: flex;
  justify-content: space-between;
}
.w-filter__slide.noUi-horizontal.noUi-target {
  border: 1px solid transparent;
  height: auto;
  background: 0;
  box-shadow: none;
}
.w-filter__slide.noUi-horizontal .noUi-base {
  height: 8px;
}
.w-filter__slide.noUi-horizontal .noUi-connects {
  border: 1px solid var(--color-blue-dark);
  opacity: 0.5;
  cursor: pointer;
}
.w-filter__slide.noUi-horizontal .noUi-connects .noUi-connect {
  background: var(--color-blue-dark);
}
.w-filter__slide.noUi-horizontal .noUi-origin .noUi-handle {
  top: -4px;
  right: -8px;
  border-radius: var(--br-round);
  height: 16px;
  width: 16px;
  background: var(--color-blue-dark);
  cursor: pointer;
}
.w-filter__slide.noUi-horizontal .noUi-origin .noUi-handle:before, .w-filter__slide.noUi-horizontal .noUi-origin .noUi-handle:after,
.w-filter__slide.noUi-horizontal .noUi-origin .noUi-handle .noUi-touch-area {
  display: none;
}

.w-filtermobile .g-popup__content {
  padding-top: 0;
}
.w-filtermobile__list .w-filter__title {
  cursor: pointer;
}
.w-filtermobile__list .w-filter__title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: var(--px-4);
  width: var(--px-4);
  background-color: var(--color-blue-dark);
  -webkit-mask: var(--icon-chevron-up);
  mask: var(--icon-chevron-up);
}
.w-filtermobile__list .w-filter__list-item-content {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  transition: grid-template-rows var(--tr-delay) var(--tr-transition);
}
.w-filtermobile__list .w-filter__sublist {
  min-height: 0;
}
.w-filtermobile .w-filtermobile__footer-button {
  display: flex;
  gap: var(--px-1);
  width: 100%;
}

body .w-filter__list,
body .w-filtermobile__list {
  width: 100%;
}
body .w-filter__list li.w-filter__list-item,
body .w-filtermobile__list li.w-filter__list-item {
  display: flex;
  flex-direction: column;
  gap: var(--px-4);
  border-top: 1px solid var(--shade-100);
  padding: var(--px-6) 0;
}
body .w-filter__list li.w-filter__list-item:has(.w-filter__slide),
body .w-filtermobile__list li.w-filter__list-item:has(.w-filter__slide) {
  gap: var(--px-2);
}
body .w-filtermobile__list li.w-filter__list-item {
  transition: gap var(--tr-delay) var(--tr-transition);
}
body .w-filtermobile__list li.w-filter__list-item:first-child {
  border-top: none;
}
body .w-filtermobile__list li.w-filter__list-item.w-filter--collapsed {
  gap: 0;
}
body .w-filtermobile__list .w-filter--collapsed .w-filter__title:after {
  -webkit-mask: var(--icon-chevron-down);
  mask: var(--icon-chevron-down);
}
body .w-filtermobile__list .w-filter--collapsed .w-filter__list-item-content {
  grid-template-rows: 0fr;
}
body .w-filtermobile__list li.w-filter__slide {
  padding: 0 8px 8px;
}
body .w-filtermobile__list li.w-filter__slide .range-holder {
  margin: 0 -8px;
}

.w-filter__option-title {
  color: var(--shade-600);
}
.w-filter__option-title:hover {
  color: var(--shade-600);
}
input[checked=checked] ~ .w-filter__option-title {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--shade-950);
}

.w-filter__sublist li,
.w-filter__sublist-pinned li {
  margin-top: var(--px-2);
  cursor: pointer;
}
.w-filter__sublist li:nth-child(1),
.w-filter__sublist-pinned li:nth-child(1) {
  margin-top: 0;
}
.w-filter__sublist--color {
  column-count: 2;
}
.w-filter__sublist--color li {
  display: flex;
  align-items: center;
  break-inside: avoid;
}

.w-filter__list-item-color {
  display: flex;
  margin-right: var(--px-2);
  border: 1px solid var(--shade-100);
  border-radius: var(--br-round);
  height: 20px;
  width: 20px;
  max-width: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.w-filter__list-item-color span {
  flex-grow: 1;
  width: 50%;
}

.c-quickfilter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--br-2xl);
  background-color: var(--color-blue-light);
}
.c-quickfilter__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  gap: var(--px-4);
  padding: var(--px-4);
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  .c-quickfilter__title-block {
    max-width: 160px;
  }
}
@media (max-width: 768px) {
  .c-quickfilter__title-block {
    align-self: flex-start;
  }
}
.c-quickfilter__title {
  width: 100%;
  color: var(--shade-950);
  font-family: var(--font-secondary);
  font-size: var(--text-xl);
  line-height: 140%;
}
.c-quickfilter__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--px-4) var(--px-16);
  flex-grow: 1;
  width: 100%;
}
.c-quickfilter__holder {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: var(--px-4);
}
@media only screen and (min-width: 360px) {
  .c-quickfilter__holder:has(> :nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 550px) {
  .c-quickfilter__holder:has(> :nth-child(3)):not(:has(> :nth-child(4))), .c-quickfilter__holder:has(> :nth-child(5)) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 861px) {
  .c-quickfilter__holder:has(> :nth-child(3)) {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-quickfilter__holder:has(> :nth-child(4)):not(:has(> :nth-child(5))) {
    grid-template-columns: repeat(4, 1fr);
  }
  .c-quickfilter__holder:has(> :nth-child(6)) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1100px) {
  .c-quickfilter__holder:has(> :nth-child(5)):not(:has(> :nth-child(6))) {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width: 1250px) {
  .c-quickfilter__holder:has(> :nth-child(6)) {
    grid-template-columns: repeat(6, 1fr);
  }
}
.c-quickfilter__item {
  width: 100%;
  text-decoration: none;
}
.c-quickfilter__image-holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--px-2) var(--px-8);
}
.c-quickfilter .c-quickfilter__image-overlay {
  width: 140px;
  height: auto;
  position: relative;
  background-color: #f4fcff;
  /* Toegevoegde mask-properties voor browsercompatibiliteit */
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  /* Geoptimaliseerde SVG met fill='white' (zorgt dat de inhoud zichtbaar blijft binnen de vorm) */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,50 C0,5 5,0 50,0 C95,0 100,5 100,50 C100,95 95,100 50,100 C5,100 0,95 0,50 Z' fill='white'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,50 C0,5 5,0 50,0 C95,0 100,5 100,50 C100,95 95,100 50,100 C5,100 0,95 0,50 Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.c-quickfilter__image {
  height: auto;
  width: 100%;
  max-width: 150px;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.c-quickfilter__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-quickfilter__label,
.c-quickfilter .c-quickfilter__text {
  color: var(--color-blue-darker);
  text-align: center;
  font-family: var(--font-title);
  font-size: var(--text-base);
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}
.c-quickfilter__size {
  color: var(--color-blue-darker);
  text-align: center;
  font-family: var(--font-secondary);
  font-size: var(--text-sm);
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .c-quickfilter__inner {
    flex-direction: row;
    gap: var(--px-10);
    padding: var(--px-6) var(--px-12);
  }
  .c-quickfilter__title-block {
    width: 150px;
  }
}
@media only screen and (max-width: 420px) {
  .w-filter__buttons .w-filter__btn {
    padding: 0;
    font-weight: 400;
  }
}
@media only screen and (max-width: 380px) {
  .w-filter__sort-holder select {
    padding: 0 var(--px-1);
  }
}
:root {
  --product-image-hoverzoom: scale(1.04);
}

.w-productcard__title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--shade-950);
  font-weight: normal;
}

.w-productcard__items {
  display: flex;
  flex-direction: row;
  gap: var(--px-4);
}
@media only screen and (max-width: 768px) {
  .w-productcard__items--mobile-1 .w-productcard__holder {
    display: none;
  }
  .w-productcard__items--mobile-1 .w-productcard__holder:first-child {
    display: flex;
    width: 100%;
  }
}

.dynamic-collection .w-productcard__holder {
  border-top: 0;
}
.dynamic-collection .w-productcard__content-view {
  display: none;
}
.dynamic-collection__header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--px-2);
}

.w-productcard__holder {
  display: flex;
  padding: 0 calc(var(--px-6) / 2);
  min-width: 0;
  border-top: 1px solid var(--shade-100);
}
.w-productcard__items--related .w-productcard__holder {
  border-top: none;
}
.w-productcard__holder--pnone {
  padding: 0;
}
.w-productcard__items .w-productcard__holder {
  width: 33.3222259247%;
}
.w-productcard__holder-favorites {
  display: flex;
  align-items: center;
  gap: var(--px-2);
  align-self: stretch;
  margin-top: var(--px-4);
  padding: 0 var(--px-4);
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

.w-productcard {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .w-productcard--related {
    flex-direction: row;
    gap: var(--px-4);
  }
  .w-productcard--related .w-productcard__image-holder {
    width: 90px;
  }
  .w-productcard--related .w-productcard__content-priceblock {
    padding: var(--px-4) 0;
  }
}
.w-productcard--related .w-productcard__content-prices {
  justify-content: left;
}
.w-productcard--related .w-productcard__content-priceblock {
  flex-direction: column;
  gap: var(--px-3);
  padding: var(--px-3) 0;
  background-color: transparent !important;
}
.w-productcard--small {
  display: flex;
  flex-direction: row;
  padding: var(--px-4) 0 var(--px-12);
  overflow: visible;
}
.w-productcard--small .c-productcompare__product-block {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: var(--px-4) var(--px-2) !important;
}
.w-productcard:has(.w-productcard__content-priceblock:focus-visible) {
  outline: var(--outline);
  outline-offset: 2px;
}
.w-productcard.w-productcard__small {
  border: 0;
  margin: 0;
  gap: 0;
  width: 100%;
  box-sizing: border-box;
}
.w-productcard__image-holder {
  display: inline-block;
  padding: var(--px-2) 0;
  border-radius: 0;
}
.w-productcard__image-holder:hover img {
  transform: var(--product-image-hoverzoom);
  clip-path: inset(0 0 2.1% 0);
}
.w-productcard--small .w-productcard__image-holder {
  width: 150px;
  min-width: 125px;
  padding: 0;
  display: block;
}
@media (min-width: 769px) {
  .w-productcard__image-holder {
    padding: var(--px-2);
  }
}
.w-productcard__image {
  display: block;
  border-radius: var(--br-2xl);
  height: auto;
  width: 100%;
  object-fit: contain;
  clip-path: inset(0 0 0 0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), clip-path 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.w-productcard--small .w-productcard__image {
  margin-left: 10px;
}
.w-productcard__image:nth-child(n+2) {
  display: none !important;
}
.w-productcard__content-holder {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--px-3);
}
#modal-add-to-cart-popup .w-productcard__content-holder {
  gap: 0;
}
.w-productcard__content {
  order: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--px-3);
}
.w-productcard__content-title {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  font-weight: 700;
  color: var(--shade-950);
}
.w-productcard__content-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.w-productcard__content-link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  text-decoration: none;
  width: fit-content;
}
@media (min-width: 769px) {
  .w-productcard__content-link {
    gap: var(--px-2);
    padding: 0 var(--px-4);
  }
  #modal-add-to-cart-popup .w-productcard__content-link {
    gap: 0;
  }
}
.w-productcard .c-productcompare__product-block {
  margin-top: auto;
}
@media (min-width: 769px) {
  .w-productcard .c-productcompare__product-block {
    padding: 0 var(--px-4);
  }
}
.w-productcard__content-priceblock {
  order: 2;
  display: flex;
  justify-content: space-between;
  border-radius: 0;
  text-decoration: none;
  gap: var(--px-3);
}
.w-productcard--ty .w-productcard__content-priceblock {
  flex-direction: column;
  gap: var(--px-3);
  padding: var(--px-3);
}
.w-productcard__content-priceblock:after {
  content: none !important;
}
@media (min-width: 769px) {
  .w-productcard__content-priceblock {
    padding: var(--px-2) var(--px-4);
  }
}
.w-productcard__content-prices {
  display: flex;
  align-items: center;
  gap: var(--px-2);
  justify-content: flex-end;
  flex-direction: row;
}
.w-productcard__content-prices--from {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.w-productcard__content-prices--old {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  text-decoration: line-through;
  color: var(--shade-400);
}
.w-productcard__content-prices--old--cat {
  color: var(--shade-600);
  text-decoration: none;
}
.w-productcard__content-prices--old--cat::before {
  content: "";
  position: absolute;
  display: block;
  top: 48%;
  left: -2px;
  right: -2px;
  width: auto;
  height: 1px;
  background: currentColor;
  transform-origin: center;
  pointer-events: none;
}
.w-productcard__content-prices--new {
  font-family: var(--font-primary);
  font-weight: bold;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--shade-950);
}
.w-productcard__content-prices--new--cat {
  color: var(--color-red-dark);
}
.w-productcard__content-prices--from, .w-productcard__content-prices--old, .w-productcard__content-prices--new {
  line-height: 25px !important;
  vertical-align: text-bottom;
}
.hidden ~ .w-productcard__content-prices--new {
  color: var(--shade-950);
}
.w-productcard__content-price-holder {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  order: 3;
}
.w-productcard__content-view {
  display: flex;
  align-items: flex-end;
  margin-right: calc(-1 * var(--px-2));
}
.w-productcard__content-view-btn {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  font-weight: 700;
}
.w-productcard .bullet {
  position: absolute;
  top: var(--px-4);
  left: var(--px-4);
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .w-productcard--favorite {
    flex-direction: row !important;
    flex-wrap: wrap;
    border-top: 1px solid var(--shade-100) !important;
  }
  .w-productcard--favorite .w-productcard {
    border: 0;
    flex: 1 0 0;
    padding: 0;
  }
  .w-productcard--favorite .w-productcard__holder-favorites {
    flex-basis: 100%;
    order: 3;
  }
}
.w-productcard--favorite .w-productcard__content-priceblock {
  gap: var(--px-2);
  flex-direction: row;
  display: flex;
}
.w-productcard--related {
  background-color: var(--shade-50);
}

.w-productcard__holder-favorites .custom-select-item-wrapper {
  position: relative;
}
.w-productcard__holder-favorites .custom-select-item-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--px-4);
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-color: currentColor;
  mask: var(--icon-chevron-down);
  pointer-events: none;
}
.w-productcard__holder-favorites .custom-select {
  width: 100%;
  appearance: none;
  padding-right: var(--px-10);
  cursor: pointer;
}

a.w-productcard__content-view-btn:focus-visible {
  outline: none;
}

.w-productcard__favorite-block {
  position: absolute;
  top: 0;
  right: 0;
  margin: calc(var(--px-4) / 2);
}
.w-productcard--small .w-productcard__favorite-block {
  left: -5px;
  right: auto;
  margin: var(--px-4) 0;
}
.w-productcard__favorite-block:not(.active) .w-productcard__favorite-active {
  display: none;
}
.w-productcard__favorite-block.active .w-productcard__favorite-inactive {
  display: none;
}
.w-productcard__favorite-block:hover .w-productcard__favorite-active,
.w-productcard__favorite-block:hover .w-productcard__favorite-inactive {
  padding: var(--px-1);
}

.c-product-detail__actions .w-productcard__favorite-block {
  margin-top: 0;
  margin-bottom: 0;
}

.w-productcard__favorite-in-cart {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.w-productcard__favorite-active,
.w-productcard__favorite-inactive {
  cursor: pointer;
  transition: padding 0.3s var(--tr-transition);
}
.w-productcard__favorite-active:after,
.w-productcard__favorite-inactive:after {
  background-color: var(--shade-400);
}

.w-productcard__favorite-active:after {
  background-color: var(--color-red-dark);
}

.w-productcard__small .w-productcard__image-holder {
  width: 136px;
  margin: 0;
}

.w-productcard__holder {
  flex-direction: column;
}

.w-productcard-small__content {
  flex: 1;
  gap: var(--px-4);
  display: flex;
  flex-direction: column;
}

.w-productcard-small__name {
  text-decoration: none;
}

.w-productcard-small__price {
  margin-top: var(--px-4);
  display: block;
  flex-grow: 1;
}

.w-productcard-small__buttons {
  display: flex;
  flex-wrap: nowrap;
}

.w-productcard__small .w-productcard__content-view-btn {
  align-self: flex-end;
}

.w-productcard__small .w-productcard__holder {
  padding: var(--px-4) 0;
  box-sizing: border-box;
  border-top: 1px solid var(--shade-100);
  width: 100%;
  margin: 0;
}
.w-productcard__small .w-productcard__holder:first-child {
  border: 0;
  padding-top: 0;
}

@media only screen and (max-width: 768px) {
  .w-productcard__holder {
    padding-left: 0;
    padding-right: 0;
  }
  .c-productview:not(.c-productview--single-column) .w-productcard__holder {
    border-top: none;
    border-bottom: 1px solid var(--shade-100);
    padding-bottom: var(--px-2);
  }
  .c-productview:not(.c-productview--single-column) .w-productcard__holder:nth-child(-n+2) {
    border-top: 1px solid var(--shade-100);
  }
  .w-productcard__content-priceblock {
    flex-wrap: wrap;
  }
  .w-productcard .w-productcard__content-view-btn {
    padding-left: 0 !important;
  }
  .w-productcard:not(.w-productcard--small) .w-productcard__content-view {
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (min-width: 769px) {
  .w-productcard__holder {
    border: 0;
  }
  .w-productcard {
    border: 1px solid var(--shade-100);
  }
  .w-productcard.w-productcard__small {
    height: calc(100% - 25px);
  }
  .w-productcard--related {
    border: none;
  }
  .w-productcard:not(.w-productcard--ty) .w-productcard__content-priceblock {
    background-color: var(--color-blue-light);
  }
}
/* Classes for fixed / smaller productcards */
.u-productcard-fixed.fixed .w-productcard {
  display: flex;
  flex-direction: row;
  padding: var(--px-2);
  align-items: center;
}
.u-productcard-fixed.fixed .w-productcard .w-productcard__image-holder {
  width: 56px;
  height: 56px;
  padding: 0;
}
.u-productcard-fixed.fixed .w-productcard .w-productcard__image-holder img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.u-productcard-fixed.fixed .c-productcompare__product-block {
  display: none;
}

@media only screen and (max-width: 768px) {
  .w-productcard__holder.w-productcard__holder--pnone.c-favorite-item__article {
    padding: var(--px-6) 0;
    display: flex;
    flex-direction: column;
    gap: var(--px-3);
    width: 100%;
  }
  .w-productcard__holder.w-productcard__holder--pnone.c-favorite-item__article:first-child {
    padding-top: var(--px-4);
  }
  .w-productcard--favorite.w-productcard--small {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    grid-template-areas: "image content" "compare compare";
    column-gap: var(--px-4);
    row-gap: var(--px-3);
    width: 100%;
    padding: 0;
    overflow: visible;
    align-items: start;
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__image-holder {
    grid-area: image;
    width: 105px;
    min-width: 105px;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__image {
    width: 100%;
    height: auto;
    max-height: 125px;
    margin: 0;
    object-fit: contain;
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__favorite-block {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    margin: 0;
    z-index: 2;
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__content-holder {
    grid-area: content;
    width: 100%;
    min-width: 0;
    gap: var(--px-2);
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__content {
    width: 100%;
    gap: var(--px-2);
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__content-link {
    width: 100%;
    padding: 0;
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__content-priceblock {
    padding: 0;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--px-2);
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__content-price-holder {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--px-2);
  }
  .w-productcard--favorite.w-productcard--small .c-productcompare__product-block {
    grid-area: compare;
    position: static;
    width: 100%;
    padding: 0 !important;
    margin: 0;
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__favorite-in-cart {
    width: 100%;
  }
  .w-productcard--favorite.w-productcard--small .w-productcard__favorite-in-cart .btn {
    width: 100%;
  }
  .w-productcard__holder-favorites {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--px-3);
    order: 3;
  }
  .w-productcard__holder-favorites > div {
    flex: 0 1 auto;
  }
  .w-productcard__holder-favorites .custom-select-item-wrapper {
    width: auto;
  }
  .w-productcard__holder-favorites .custom-select {
    width: auto;
    min-width: 118px;
  }
  .c-favorite-item__footer-share {
    display: flex;
    align-items: center;
    gap: var(--px-3);
    margin-left: auto;
  }
}
/*#region Blog List Page */
.wp-entry-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  padding-bottom: var(--px-3);
}
@media (min-width: 764px) {
  .wp-entry-title {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 120%;
    font-size: var(--text-3xl);
    letter-spacing: -0.3px;
  }
}

.wp-entry-meta {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}

.wp-term-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 764px) {
  .wp-term-image {
    display: block;
  }
}

.wp-entry-highlighted-image {
  display: flex;
  flex-direction: column-reverse;
  background-color: var(--shade-50);
  border-radius: var(--br-2xl);
  overflow: hidden;
}
.wp-entry-highlighted-image__content {
  padding: var(--px-6);
}
.wp-entry-highlighted-image__image {
  height: var(--px-24);
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 764px) {
  .wp-entry-highlighted-image {
    flex-direction: row-reverse;
    align-items: stretch;
  }
  .wp-entry-highlighted-image__image {
    height: auto;
    width: 40%;
  }
  .wp-entry-highlighted-image__content {
    padding: var(--px-10);
    width: 60%;
  }
}

.wp-sub-nav {
  background-color: var(--color-blue-light);
  border-radius: var(--br-round);
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
}
.wp-sub-nav .btn {
  margin: var(--px-2);
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  background-color: transparent;
  border: none;
  font-weight: 700;
}
.wp-sub-nav .is-active .btn {
  background-color: var(--color-blue-darker);
  color: var(--color-white);
}
.wp-sub-nav ul {
  display: flex;
  flex-wrap: nowrap;
}
.wp-sub-nav ul li {
  padding-left: 0 !important;
}
.wp-sub-nav ul li::before {
  content: none;
  display: none;
}

/*#endregion*/
/*#region Content*/
.blog-category-content h1, .blog-user-content h1 {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  color: var(--shade-950);
  margin-bottom: var(--px-6);
  margin-top: var(--px-6);
}
.blog-category-content .blog-category-posts, .blog-category-content .blog-user-posts, .blog-user-content .blog-category-posts, .blog-user-content .blog-user-posts {
  display: grid;
  gap: var(--px-4);
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: stretch;
  align-items: stretch;
  margin: 0;
}
@media (max-width: 764px) {
  .blog-category-content .blog-category-posts, .blog-category-content .blog-user-posts, .blog-user-content .blog-category-posts, .blog-user-content .blog-user-posts {
    grid-template-columns: 1fr;
  }
}

.blog-category-content .wp-entry, .blog-user-content .wp-entry {
  width: 100%;
  border: 1px solid var(--shade-100);
  border-radius: var(--br-2xl);
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.blog-category-content .wp-entry-header, .blog-user-content .wp-entry-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.blog-category-content .wp-entry-header .wp-entry-meta, .blog-user-content .wp-entry-header .wp-entry-meta {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
  margin-top: var(--px-4);
  font-size: var(--text-xs);
  color: var(--shade-600);
}
.blog-category-content .wp-entry-header .wp-entry-link, .blog-user-content .wp-entry-header .wp-entry-link {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  text-decoration: none;
  position: unset;
}
.blog-category-content .wp-entry-header .wp-entry-link::after, .blog-user-content .wp-entry-header .wp-entry-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 768px) {
  .blog-category-content .wp-entry-header .wp-entry-link::after, .blog-user-content .wp-entry-header .wp-entry-link::after {
    top: -60px;
    bottom: -20px;
    right: -20px;
    left: -150px;
  }
}
.blog-category-content .wp-entry-header .wp-entry-categories, .blog-user-content .wp-entry-header .wp-entry-categories {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
}
.blog-category-content .wp-entry-header .wp-entry-categories, .blog-user-content .wp-entry-header .wp-entry-categories {
  position: absolute;
  top: var(--px-3);
  left: var(--px-3);
  z-index: 2;
  border-radius: var(--br-round);
  padding: var(--px-1) var(--px-2);
  background-color: var(--color-blue-light);
}
.blog-category-content .wp-entry-header :not(:first-child), .blog-user-content .wp-entry-header :not(:first-child) {
  padding: 0 var(--px-4);
}
.blog-category-content .wp-entry-header *:nth-child(3), .blog-user-content .wp-entry-header *:nth-child(3) {
  margin-bottom: var(--px-4);
}
.blog-category-content .wp-entry-header .wp-entry-highlighted-image, .blog-user-content .wp-entry-header .wp-entry-highlighted-image {
  border-radius: 0;
  background-color: transparent;
  display: inline-block;
  width: 100%;
  margin: 0;
}
.blog-category-content .wp-entry-header .wp-entry-highlighted-image img, .blog-user-content .wp-entry-header .wp-entry-highlighted-image img {
  height: 275px;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 764px) {
  .blog-category-content .wp-entry-header, .blog-user-content .wp-entry-header {
    align-items: center;
    display: grid;
    grid-template-columns: 40% 1fr;
  }
  .blog-category-content .wp-entry-header .wp-entry-highlighted-image, .blog-user-content .wp-entry-header .wp-entry-highlighted-image {
    height: 100%;
  }
  .blog-category-content .wp-entry-header .wp-entry-highlighted-image img, .blog-user-content .wp-entry-header .wp-entry-highlighted-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .blog-category-content .wp-entry-header .wp-entry-categories, .blog-user-content .wp-entry-header .wp-entry-categories {
    max-width: 30%;
    padding: var(--px-1) var(--px-1);
    text-align: center;
  }
  .blog-category-content .wp-entry-header :first-child, .blog-user-content .wp-entry-header :first-child {
    grid-column: 1;
    grid-row: 1/span 3;
    margin: 0;
  }
  .blog-category-content .wp-entry-header :first-child img, .blog-user-content .wp-entry-header :first-child img {
    display: block;
    object-fit: cover;
    height: 100%;
  }
  .blog-category-content .wp-entry-header *:nth-child(n+2), .blog-user-content .wp-entry-header *:nth-child(n+2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .blog-category-content .wp-entry-header *:nth-child(2), .blog-user-content .wp-entry-header *:nth-child(2) {
    margin-top: var(--px-4);
  }
  .blog-category-content .wp-entry-header *:nth-child(3), .blog-user-content .wp-entry-header *:nth-child(3) {
    margin-top: var(--px-4);
  }
  .blog-category-content .wp-entry-header .wp-entry-link, .blog-user-content .wp-entry-header .wp-entry-link {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-lg);
    letter-spacing: -0.18px;
    text-decoration: none;
  }
}

/*#endregion*/
/*#region Blog Detail Page */
.controls {
  display: none;
}

.c-breadcrumb__controls a {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
  text-decoration: none;
  color: var(--shade-600);
  margin-left: 20px;
}
.c-breadcrumb__controls a::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: -20px;
  margin-top: -1px;
  background-color: var(--shade-600);
  mask: var(--icon-chevron-left);
}

#blogpost-backurl {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
  color: var(--shade-600);
  text-decoration: none;
  text-transform: capitalize;
}

@media (min-width: 764px) {
  .blog-post {
    width: 80%;
    margin: auto;
  }
}

.blog-post-left .wp-entry-meta {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
  color: var(--shade-600);
}
.blog-post-left .wp-entry-highlighted-image {
  position: relative;
  padding: var(--px-6);
  padding-bottom: 0;
  margin-bottom: 28%;
  overflow: visible;
  z-index: 1;
}
.blog-post-left .wp-entry-highlighted-image__content {
  margin: 0;
  padding: 0 0 var(--px-6) 0;
}
.blog-post-left .wp-entry-highlighted-image__image {
  margin-top: -30%;
  transform: translateY(50%);
  height: 100%;
}
.blog-post-left .wp-entry-highlighted-image__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: var(--br-2xl);
}
@media (min-width: 764px) {
  .blog-post-left .wp-entry-highlighted-image {
    flex-direction: column-reverse;
    align-items: stretch;
    padding: var(--px-20);
    padding-bottom: 0;
  }
  .blog-post-left .wp-entry-highlighted-image__image {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    margin-top: -28%;
  }
}
.blog-post-left .wp-entry-content p {
  padding: 0;
  margin: 0;
  margin-top: var(--px-4);
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.blog-post-left .wp-entry-content p a {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  text-decoration: underline;
}
.blog-post-left .wp-entry-content p em {
  display: block;
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--color-blue-darker);
  font-style: normal;
  margin-top: var(--px-4);
}
.blog-post-left .wp-entry-content .wp-block-heading {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--color-blue-darker);
  margin-top: var(--px-8);
}
.blog-post-left .wp-entry-content .wp-block-column {
  height: 100%;
}
.blog-post-left .wp-entry-content .wp-block-column .wp-block-heading {
  margin-top: 0;
}
.blog-post-left .wp-entry-content .wp-block-list {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.blog-post-left .wp-entry-content .wp-block-list li::before {
  background-color: var(--shade-600);
}
.blog-post-left .wp-entry-content .wp-block-image {
  margin: 0 auto;
  padding: 0;
  height: 100%;
}
.blog-post-left .wp-entry-content .wp-block-image img {
  border-radius: var(--br-2xl);
  max-height: 650px;
  height: 100%;
  object-fit: cover;
}
.blog-post-left .wp-entry-content .wp-block-image :not(:last-child) {
  margin-bottom: var(--px-6);
}
.blog-post-left .wp-entry-content .wp-block-gallery {
  margin-bottom: 0;
}
.blog-post-left .wp-entry-content .wp-block-columns {
  background-color: var(--color-blue-light);
  padding: var(--px-8);
  border-radius: var(--br-2xl);
  margin: var(--px-6) 0;
}
.blog-post-left .wp-entry-content .wp-block-columns figure {
  margin: 0;
}
.blog-post-left .wp-entry-content .wp-block-columns .wp-element-caption {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  margin-top: var(--px-6);
}
.blog-post-left .wp-entry-content .wp-block-columns :not(:last-child) {
  margin-bottom: var(--px-4);
}
@media (min-width: 764px) {
  .blog-post-left .wp-entry-content .wp-block-columns :not(:last-child) {
    margin-bottom: var(--px-6);
  }
}
.blog-post-left .wp-entry-content .wp-block-buttons {
  width: 100%;
}
.blog-post-left .wp-entry-content .wp-block-button {
  border-radius: var(--br-round);
  width: fit-content;
  padding: var(--px-3) var(--px-4);
  background-color: var(--color-green);
  margin: var(--px-4) auto;
  margin-bottom: 0;
}
.blog-post-left .wp-entry-content .wp-block-button__link, .blog-post-left .wp-entry-content .wp-block-button em {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
  color: var(--shade-950);
  text-decoration: none;
  margin: var(--px-4) auto;
  margin-bottom: 0;
}
.blog-post-left .wp-entry-content .wp-block-gallery .wp-element-caption, .blog-post-left .wp-entry-content .wp-block-gallery .wp-block-heading {
  padding-top: var(--px-2);
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.blog-post-left .wp-entry-content .wp-block-gallery-is-layout-flex {
  display: flex;
  flex-direction: row;
  gap: var(--px-4);
}
.blog-post-left .wp-entry-content .wp-block-gallery-2 {
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog-post-left .wp-entry-content .wp-block-table table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--shade-100);
  border-radius: var(--br-2xl);
  overflow: hidden;
  width: 100%;
}
.blog-post-left .wp-entry-content .wp-block-table td span {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
  color: var(--shade-950);
}
.blog-post-left .wp-entry-content .wp-block-table td, .blog-post-left .wp-entry-content .wp-block-table td, .blog-post-left .wp-entry-content .wp-block-table a, .blog-post-left .wp-entry-content .wp-block-table th {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.blog-post-left .wp-entry-content .wp-block-table th {
  font-weight: 700;
}
.blog-post-left .wp-entry-content .wp-block-table td, .blog-post-left .wp-entry-content .wp-block-table th {
  padding: var(--px-3);
  text-align: left;
  border-bottom: 1px solid var(--shade-100);
}
.blog-post-left .wp-entry-content .wp-block-table tbody tr:last-child td {
  border-bottom: none;
}
.blog-post-left .wp-entry-content .wp-block-columns-is-layout-flex {
  display: flex;
  gap: var(--px-8);
  align-items: stretch;
}
.blog-post-left .wp-entry-content .wp-block-columns-is-layout-flex > * {
  width: 100%;
}
.blog-post-left .wp-entry-content .wp-block-columns-is-layout-flex .wp-block-column {
  margin-bottom: 0;
}
.blog-post-left .wp-entry-content .wp-block-columns-is-layout-flex .wp-element-caption {
  margin: 0;
}
@media (max-width: 764px) {
  .blog-post-left .wp-entry-content .wp-block-columns-is-layout-flex {
    flex-direction: column;
    gap: var(--px-4);
  }
}

.blog-post-right .sticky-holder .tl {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--shade-950);
  margin-top: var(--px-4);
}
.blog-post-right .alternative-products {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: var(--px-6);
  padding: var(--px-4) 0;
  scroll-snap-type: x mandatory;
}
.blog-post-right .alternative-products a {
  flex: 0 0 calc((100% - var(--px-6) * 2) / 2);
  font-family: var(--font-primary);
  font-weight: bold;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  font-weight: 700;
  color: var(--shade-950);
  text-decoration: none;
  font-style: normal;
}
@media (min-width: 764px) {
  .blog-post-right .alternative-products a {
    flex: 0 0 calc((100% - var(--px-6) * 2) / 3);
  }
}
.blog-post-right .alternative-products .product-block {
  border: 1px solid var(--shade-100);
  border-radius: var(--br-2xl);
  overflow: hidden;
}
.blog-post-right .alternative-products .product-block img {
  display: block;
  margin: auto;
  height: 200px;
  object-fit: cover;
}
.blog-post-right .alternative-products .inner {
  background-color: var(--color-blue-light);
  padding: var(--px-2) var(--px-4);
}
.blog-post-right .related-posts {
  margin-top: var(--px-4);
}
.blog-post-right .related-posts .tl {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--shade-950);
}
.blog-post-right .wp-related-posts {
  padding-top: var(--px-6);
  margin: 0;
}
@media (max-width: 764px) {
  .blog-post-right .wp-related-posts :not(:last-child) {
    margin-bottom: var(--px-6);
  }
}
@media (min-width: 764px) {
  .blog-post-right .wp-related-posts {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: var(--px-6);
    padding: var(--px-4) 0;
    scroll-snap-type: x mandatory;
  }
  .blog-post-right .wp-related-posts .wp-entry {
    flex: 0 0 calc((100% - var(--px-6) * 2) / 3);
  }
}
.blog-post-right .wp-entry {
  width: 100%;
  border: 1px solid var(--shade-100);
  border-radius: var(--br-2xl);
  padding: 0;
}
.blog-post-right .wp-entry .wp-entry-header {
  margin: 0;
  padding: 0;
  position: relative;
  display: grid;
  grid-template-columns: 40% 1fr;
}
@media (min-width: 764px) {
  .blog-post-right .wp-entry .wp-entry-header {
    display: block;
  }
}
.blog-post-right .wp-entry .wp-entry-header .wp-entry-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  padding: var(--px-6) var(--px-4);
}
.blog-post-right .wp-entry .wp-entry-header .wp-entry-title a {
  text-decoration: none;
}
.blog-post-right .wp-entry .wp-entry-header .wp-entry-highlighted-image {
  margin: 0;
  border-radius: var(--br-2xl) 0 0 var(--br-2xl);
}
@media (min-width: 764px) {
  .blog-post-right .wp-entry .wp-entry-header .wp-entry-highlighted-image {
    border-radius: var(--br-2xl) var(--br-2xl) 0 0;
    height: 190px;
  }
}
.blog-post-right .wp-entry .wp-entry-header .wp-entry-highlighted-image__image {
  height: 100%;
}
@media (min-width: 764px) {
  .blog-post-right .wp-entry .wp-entry-header .wp-entry-highlighted-image__image {
    height: auto;
    width: 100%;
  }
}
.blog-post-right .wp-entry .wp-entry-header .wp-entry-highlighted-image__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/*#endregion*/
/*#region Author*/
.wp-author-footer {
  /* TODO: Important must be removed */
  margin: var(--px-6) auto 0 auto !important;
}

.wp-author-header {
  /* TODO: Important must be removed */
  margin: 0 auto var(--px-4) auto !important;
}
@media (min-width: 764px) {
  .wp-author-header {
    max-width: 800px;
  }
}

.wp-author-footer, .wp-author-header {
  background-color: var(--color-blue-light);
  overflow: hidden;
  border-radius: var(--br-2xl);
  display: flex;
  flex-direction: column;
  align-content: center;
}
.wp-author-footer .wp-author-content, .wp-author-header .wp-author-content {
  padding: var(--px-6);
}
.wp-author-footer .wp-author-content :not(:first-child), .wp-author-header .wp-author-content :not(:first-child) {
  padding-top: var(--px-6);
}
.wp-author-footer .wp-author-content p, .wp-author-header .wp-author-content p {
  /* TODO: Important must be removed */
  text-align: left !important;
  margin: 0;
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.wp-author-footer .wp-author-content p > strong, .wp-author-header .wp-author-content p > strong {
  font-weight: 400;
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  color: var(--shade-950);
}
.wp-author-footer .wp-author-content__description, .wp-author-header .wp-author-content__description {
  margin: 0;
}
.wp-author-footer .wp-author-content__description .tl, .wp-author-header .wp-author-content__description .tl {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  color: var(--shade-950);
}
.wp-author-footer .wp-author-content__description p, .wp-author-header .wp-author-content__description p {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin: 0;
}
.wp-author-footer .wp-author-content a, .wp-author-header .wp-author-content a {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
  color: var(--color-blue-darker);
  display: block;
  border: none;
  background-color: transparent;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}
@media (min-width: 764px) {
  .wp-author-footer .wp-author-content, .wp-author-header .wp-author-content {
    padding: var(--px-8);
  }
}
.wp-author-footer .wp-author-image, .wp-author-header .wp-author-image {
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 450px;
  border-radius: 0;
}
.wp-author-footer .wp-author-image img, .wp-author-header .wp-author-image img {
  object-fit: cover;
  height: 100%;
}
@media (min-width: 550px) {
  .wp-author-footer, .wp-author-header {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}
/*#endregion*/
:root {
  --productcomparer-width: 344px;
}

.c-productcomparer-widget {
  position: fixed;
  right: 20px;
  left: 20px;
  bottom: 0;
  z-index: var(--compare-popup);
  box-shadow: 0 -8px 12px 0 rgba(0, 0, 0, 0.11), 0 -16px 38px 0 rgba(0, 0, 0, 0.04), 0 -2.01px 8.488px 0 rgba(0, 0, 0, 0.01), 0 -0.6px 2.527px 0 rgba(0, 0, 0, 0.03);
  overflow: hidden;
  border-radius: var(--br-2xl) var(--br-2xl) 0 0;
}
@media only screen and (min-width: 769px) {
  .c-productcomparer-widget {
    width: var(--productcomparer-width);
    right: auto;
  }
}

.c-productcomparer-widget--collapsed .c-productcomparer-widget__content {
  max-height: 0 !important;
}

.c-productcomparer-widget__header {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: var(--px-4);
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  background: var(--color-blue-dark);
  /* top */
  box-shadow: var(--bs-top);
  cursor: pointer;
}

.c-productcomparer-widget-header__toggle {
  order: 1;
  width: 24px;
  height: 24px;
  mask: var(--icon-chevron-down);
  background-color: var(--color-white);
}
.c-productcomparer-widget--collapsed .c-productcomparer-widget-header__toggle {
  transform: rotate(180deg);
}

.c-productcomparer-widget-header__text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  line-height: 70%;
  display: flex;
  align-items: center;
  gap: var(--px-2);
  color: var(--color-white);
  font-weight: 700;
  letter-spacing: -0.16px;
}

.c-productcomparer-widget__content {
  max-width: 100%;
  overflow: hidden;
}

.c-productcomparer-widget-content__text {
  display: flex;
  padding: var(--px-4);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--px-3);
  align-self: stretch;
  background-color: var(--color-white);
}

.c-productcomparer-product__article {
  display: flex;
  align-items: flex-start;
  gap: var(--px-4);
  align-self: stretch;
  text-decoration: none;
  position: relative;
  padding-top: var(--px-3);
  padding-bottom: var(--px-3);
  border-bottom: 1px solid var(--shade-100);
  border-radius: 0;
}
.c-productcomparer-product__article:first-child {
  padding-top: 0;
}
.c-productcomparer-product__article:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.c-productcomparer-product__imageholder {
  display: flex;
  width: 96px;
  height: 96px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--px-2);
  aspect-ratio: 1/1;
}

.c-productcomparer-product__image {
  max-width: 100%;
}

.c-productcomparer-product__articledata {
  flex-direction: column;
  display: flex;
  height: 96px;
  margin-right: var(--px-2);
}

.c-productcomparer-product__brand {
  display: block;
}

.c-productcomparer-product__name {
  display: block;
}

.c-productcomparer-product__price {
  display: block;
  margin-top: auto;
}

.c-productcomparer-product__remove {
  z-index: calc(var(--compare-popup) + 1);
  position: absolute;
  right: 0;
  top: 0;
  width: var(--px-6);
  height: var(--px-6);
  mask: var(--icon-x);
  padding: var(--px-2);
  mask-size: var(--px-6);
  background-color: var(--color-blue-dark);
  transition: transform 0.2s ease-in-out;
}
.c-productcomparer-product__remove:hover {
  transform: rotate(90deg);
}

.c-productcomparer-widget-content-footer {
  background-color: var(--color-white);
  padding: var(--px-4);
}

.c-productcomparer-widget .simplebar-content {
  width: var(--productcomparer-width);
  box-sizing: border-box;
}

.c-productcomparer-widget-fiiter__removeall {
  text-align: center;
  text-decoration: underline;
  display: block;
  margin-top: var(--px-4);
}
.c-productcomparer-widget-fiiter__removeall:hover {
  text-decoration: none;
}

.c-newsletter {
  margin: 0 var(--pd-page);
  box-sizing: border-box;
  transform: translateY(-50%);
  margin-bottom: -75px;
}

.c-newletter__inner {
  background-color: var(--color-blue-light);
  padding: var(--px-6) var(--px-4);
  border-radius: var(--br-2xl);
  text-align: center;
}
.c-newletter__inner-title {
  display: block;
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--shade-950);
  font-weight: 400;
}
.c-newletter__inner-subtitle {
  display: block;
  margin-top: var(--px-1);
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}

.c-newsletter__title {
  color: var(--color-black);
}

input[type=email].c-newsletter__input {
  width: 100%;
  border-radius: var(--br-round);
  height: 54px;
  box-sizing: border-box;
  padding-right: 140px;
}

.c-newsletter__button {
  position: absolute;
  right: 3px;
  top: 3px;
}

.field-holder {
  margin-top: var(--px-4);
}

@media only screen and (min-width: 769px) {
  .c-newsletter {
    max-width: 976px;
    margin: 0 auto;
  }
  .c-newletter__inner {
    padding: var(--px-10) var(--px-14);
    text-align: left;
  }
  .field-holder {
    margin-top: 0;
  }
}
.c-customerservice__block {
  padding: var(--px-10) 0;
}
.c-customerservice__block--dark {
  padding: var(--px-6) 0;
}
@media only screen and (min-width: 769) {
  .c-customerservice__block--dark {
    padding: 0;
  }
}

.c-customerservice__title {
  color: var(--color-white);
  display: block;
}
.c-customerservice__block--dark .c-customerservice__title {
  color: var(--shade-950);
}
.c-customerservice-content__title {
  display: none;
}
.c-customerservice__block--block .c-customerservice-content__title {
  color: var(--shade-950);
  display: block;
}

.c-customerservice__text {
  color: var(--color-blue-light);
  display: block;
}
.c-customerservice__block--dark .c-customerservice__text {
  color: var(--shade-600);
}

.c-customerservice__icon {
  width: var(--px-10);
}
.c-customerservice__icon i:after {
  background-color: var(--color-white);
}
.c-customerservice__block--dark .c-customerservice__icon i:after {
  background-color: var(--color-blue-darker);
}
.c-customerservice__block--block .c-customerservice__icon i:after {
  width: var(--px-10);
  height: var(--px-10);
  margin-bottom: var(--px-4);
}

.c-customerservice__content {
  color: var(--color-blue-light);
}
.c-customerservice__block--dark .c-customerservice__content {
  color: var(--shade-600);
}
.c-customerservice__block--block .c-customerservice__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-customerservice__link {
  color: var(--color-white);
  text-decoration: none;
  font-weight: 700;
  font-family: var(--font-title-base);
  font-size: 0.875rem;
  padding-left: 0;
  padding-right: 0;
  line-height: 25px;
}
.c-customerservice__link i:after {
  background-color: var(--color-white);
}
.c-customerservice__block--dark .c-customerservice__link {
  color: var(--color-blue-darker);
  font-weight: 700;
}
.c-customerservice__block--dark .c-customerservice__link:hover {
  color: var(--color-blue-darker);
}
.c-customerservice__block--dark .c-customerservice__link:after {
  background-color: var(--color-blue-darker);
}
.c-customerservice__link:before {
  left: 0;
}
.c-customerservice__block--block .c-customerservice__link {
  order: 1;
}

.c-customerservice__subtitle {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  display: block;
}

.c-customerservice__phone,
.c-customerservice__mail {
  display: flex;
  padding-top: var(--px-4);
}
.c-customerservice__block--block .c-customerservice__phone,
.c-customerservice__block--block .c-customerservice__mail {
  display: block;
  padding: var(--px-6) var(--px-4);
  border-radius: var(--br-2xl);
  border: 1px solid var(--shade-100);
  text-align: center;
  justify-items: center;
}
@media only screen and (max-width: 768px) {
  .c-customerservice__block--block .c-customerservice__phone,
  .c-customerservice__block--block .c-customerservice__mail {
    margin-bottom: var(--px-4);
  }
}

.c-customerservice__arrow:after {
  display: inline-block;
  background-color: var(--color-white);
}
.c-customerservice__block--dark .c-customerservice__arrow:after {
  background-color: var(--color-blue-darker);
}

.c-customerservice__phone-available,
.c-customerservice__phone-unavailable {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: var(--br-round);
  margin-right: var(--px-3);
}

.c-customerservice__phone-available {
  background-color: var(--color-green-darker);
  border: 1px solid var(--color-green);
}

.c-customerservice__phone-unavailable {
  background-color: var(--color-red-dark);
  border: 1px solid var(--color-red);
}

.k-header {
  background-color: var(--shade-50);
  padding: 0 var(--px-4);
  border-radius: var(--br-2xl);
  display: flex;
  justify-content: center;
}
.k-header__content {
  width: 70%;
  margin: var(--px-24) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--px-4);
  text-align: center;
}
.k-header__title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  color: var(--shade-950);
}
.k-header__text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.k-header__buttons {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-950);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: var(--px-6);
}
.k-header__buttons i {
  margin-top: -2px;
}

.k-main {
  margin-top: var(--px-10);
}
.k-main h2 {
  font-family: var(--font-title-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  font-weight: 700;
}
.k-main__content {
  display: flex;
  flex-direction: column;
  gap: var(--px-10);
}
.k-main__content .faq_showmore {
  display: none;
}
.k-main__category-items {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--px-4);
  column-gap: var(--px-6);
  margin-top: var(--px-4);
}
.k-main__category-items a {
  width: 23%;
}
.k-main__category-items a:before {
  margin-top: calc(-1 * var(--px-05));
  margin-right: var(--px-2);
  background-color: var(--color-blue-dark);
}
.k-main__faqs-items {
  padding: var(--px-4) 0 0 var(--px-4);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding-left: 0;
  column-gap: var(--px-6);
}
.k-main__faqs-items li {
  display: flex;
  padding: var(--px-4) 0;
  flex-direction: column;
  border-top: 1px solid var(--shade-100);
  width: calc(50% - var(--px-6));
}
.k-main__faqs-items li:before {
  content: none;
}
.k-main__faqs-items li a {
  color: var(--shade-950);
  text-decoration: none;
  font-size: var(--text-sm);
  font-weight: 700;
  line-height: 140%;
}
.k-main__faqs-items li a:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  mask: var(--icon-chevron-down);
  background-color: var(--shade-950);
  position: absolute;
  top: 0;
  right: 0;
}
.k-main__faqs-items li.active a:after {
  mask: var(--icon-chevron-up);
}
.k-main__faqs-items li .slide {
  margin-top: var(--px-4);
}
.k-main__faqs-items li .slide p,
.k-main__faqs-items li .slide .customer-service {
  font-size: var(--text-sm);
  margin: var(--px-2) 0 var(--px-2) var(--px-2);
}
.k-main__faqs-items li .slide .customer-service .icon-holder a {
  color: var(--color-blue-dark);
  text-decoration: underline;
}
.k-main__faqs-items li .slide .customer-service .icon-holder .phonedetail:after,
.k-main__faqs-items li .slide .customer-service .icon-holder .emaildetail:after {
  content: none;
}
.k-main__contact-container {
  display: flex;
  gap: var(--px-6);
  margin-top: var(--px-4);
}
.k-main__contact-phone, .k-main__contact-email {
  border: 1px solid var(--shade-100);
  padding: 0 var(--px-4);
  border-radius: var(--br-2xl);
  width: calc(50% - var(--px-6));
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--px-6) 0;
}
.k-main__contact-phone i:after, .k-main__contact-email i:after {
  background-color: var(--color-blue-dark);
}
.k-main__contact-phone-name, .k-main__contact-email-name {
  font-size: var(--text-base);
  font-weight: 700;
  line-height: 140%;
}
.k-main__contact-phone-link, .k-main__contact-email-link {
  font-size: var(--text-xs);
}
.k-main__contact-phone-link:after, .k-main__contact-email-link:after {
  height: 15px;
}
.k-main__contact-phone-available {
  background-color: var(--color-green-darker);
  border: 1px solid var(--color-green);
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: var(--br-round);
}
.k-main__contact-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (max-width: 950px) {
  .k-main__category-items a {
    width: 31%;
  }
}
@media only screen and (max-width: 768px) {
  .k-header {
    justify-content: normal;
  }
  .k-header__content {
    width: 100%;
    text-align: start;
    margin: var(--px-12) 0;
  }
  .k-header__buttons {
    flex-direction: column;
  }
  .k-main {
    margin-top: var(--px-4);
  }
  .k-main__category-items a {
    width: 100%;
    justify-content: normal;
  }
  .k-main__content {
    margin-top: var(--px-8);
  }
  .k-main__faqs-items li {
    width: 100%;
  }
  .k-main__contact-container {
    flex-direction: column;
  }
  .k-main__contact-phone, .k-main__contact-email {
    flex-direction: row;
    padding-left: var(--px-6);
    width: 100%;
    align-items: start;
    gap: var(--px-4);
  }
  .k-main__contact-phone-link, .k-main__contact-email-link {
    padding-left: 0;
  }
  .k-main__contact-block {
    align-items: start;
  }
}
.w-paging {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--px-6);
  padding: var(--px-4) 0;
  width: 100%;
}
.w-paging:empty {
  display: none;
}
.w-paging__top {
  display: flex;
}
.w-paging__top-btn {
  min-width: 280px;
}
.w-paging__buttons {
  display: flex;
}
.w-paging__text, .w-paging__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  box-sizing: border-box;
  text-decoration: none;
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.w-paging__text {
  width: 20px;
}
.w-paging__btn {
  border-radius: var(--br-round);
  width: 44px;
}
.w-paging__btn--num:hover {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
}
.w-paging__btn.pagenrlinksel {
  background-color: var(--color-blue-darker);
  color: var(--color-white);
}

p {
  margin: 0;
  padding: 0;
}

.c-homebtn {
  padding: var(--px-4) 0;
}
.c-homebtn a {
  text-decoration: none;
  color: var(--shade-600);
  text-align: center;
  font-family: var(--font-title-base);
  font-size: var(--text-xs);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.12px;
}
.c-homebtn i::after {
  background-color: var(--shade-600);
  height: 16px;
  width: 16px;
  margin-top: -1px;
}
@media only screen and (min-width: 769px) {
  .c-homebtn {
    display: none;
  }
}

.c-banner {
  background-color: var(--shade-50);
  padding: var(--px-12) var(--px-4);
  border-radius: var(--br-2xl);
  margin-bottom: var(--px-4);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.c-banner__title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  margin-bottom: var(--px-4);
  z-index: 2;
}
.c-banner__text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  z-index: 2;
}
.c-banner__btn {
  margin-top: var(--px-4);
  z-index: 2;
}
.c-banner__btn > i::after {
  margin-right: var(--px-2);
}
.c-banner__image {
  position: absolute;
  z-index: 1;
}
.c-banner__image-1 {
  right: -20px;
  bottom: -45px;
  height: 160px;
  object-fit: scale-down;
  transform: rotate(-18deg);
}
.c-banner__image-2 {
  display: none;
}
@media only screen and (min-width: 769px) {
  .c-banner {
    margin-bottom: var(--px-12);
    padding: var(--px-22) var(--px-22);
    text-align: center;
  }
  .c-banner__btn {
    width: fit-content;
    margin: var(--px-4) auto;
  }
  .c-banner__image-1 {
    left: -150px;
    bottom: -65px;
    height: 300px;
    transform: rotate(35deg) scaleX(-1);
  }
  .c-banner__image-2 {
    display: block;
    right: -160px;
    top: -110px;
    transform: rotate(-20deg);
  }
}
@media only screen and (min-width: 769px) and (max-width: 832px) {
  .c-banner__image-1 {
    left: -180px;
  }
  .c-banner__image-2 {
    right: -200px;
  }
}

@media only screen and (min-width: 769px) {
  .c-content {
    width: 70%;
    margin: auto;
  }
}

.c-services__title {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  font-weight: 700;
  margin-bottom: var(--px-4);
}
.c-services__buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--px-2);
}
.c-services__btn {
  justify-content: left;
}
.c-services__btn i::after {
  margin-top: -2px;
  margin-right: var(--px-2);
  background-color: var(--color-blue-dark);
}
@media only screen and (min-width: 769px) {
  .c-services__title {
    margin-bottom: var(--px-6);
  }
  .c-services__buttons {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--px-4);
  }
  .c-services__btn {
    justify-content: center;
  }
}

.c-divider {
  display: flex;
  align-items: center;
  margin: var(--px-8) 0;
}
.c-divider__line {
  height: 1px;
  background-color: var(--shade-200);
  width: 100%;
}
.c-divider__text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  padding: 0 var(--px-4);
}
@media only screen and (min-width: 769px) {
  .c-divider {
    margin: var(--px-10) 0;
  }
}

.c-contact h1, .c-contact__form-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  margin-bottom: var(--px-2);
}
.c-contact__form-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  margin-bottom: var(--px-2);
}
.c-contact__form-errors {
  display: flex;
  flex-direction: column;
  gap: var(--px-0);
  margin-bottom: var(--px-4);
  color: var(--color-red);
}
.c-contact__form-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-bottom: var(--px-4);
}
.c-contact__form-items {
  display: flex;
  flex-direction: column;
  gap: var(--px-4);
  margin-bottom: var(--px-4);
}
.c-contact__form-item {
  display: flex;
  flex-direction: column;
  transition: height 0.3s;
}
.c-contact__form-item--fullwidth {
  width: 100%;
}
.c-contact__form-item--row {
  display: flex;
  flex-direction: row;
  gap: var(--px-4);
}
.c-contact__form-item--column {
  display: flex;
  flex-direction: column;
  gap: var(--px-4);
}
.c-contact__form-item--w200 {
  width: 200px;
}
.c-contact__form-item input:not(input[type=radio]):not(.not-overwrite), .c-contact__form-item select:not(.not-overwrite) {
  all: initial;
  font-family: var(--font-title-base);
  font-size: 0.875rem;
  color: var(--shade-950);
  line-height: 140%;
  width: 100%;
}
.c-contact__form-item-input-wrapper {
  border: 1px solid var(--shade-400);
  border-radius: var(--br-input);
  padding: var(--pd-input);
  height: var(--h-input);
  background-color: var(--color-white);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.c-contact__form-item-input-wrapper--textarea {
  height: auto;
}
.c-contact__form-item-input-wrapper--radio {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c-contact__form-item-input-wrapper--small {
  width: 200px;
}
.c-contact__form-item-input-wrapper:focus-within {
  outline: var(--outline);
  outline-offset: 2px;
}
.c-contact__form-item-input-wrapper[data-error]:not([data-error=""]) {
  border: 1px solid var(--color-alert);
  padding-right: 38px;
}
.c-contact__form-item-input-wrapper[data-error]:not([data-error=""])::after {
  content: "";
  position: absolute;
  top: 30px;
  right: 8px;
  width: 32px;
  height: 32px;
  background: var(--color-alert);
  mask: var(--icon-exclamation);
}
.c-contact__form-item-input-selector {
  width: 100%;
}
.c-contact__form-item-input-selector-placeholder {
  color: var(--shade-600);
}
.c-contact__form-item-input-selector-icon::after {
  width: 24px;
  height: 24px;
  background-color: var(--shade-600);
  transition: ease-in-out 0.2s;
}
.c-contact__form-item-input-textarea {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  height: 200px;
  min-height: 200px;
  max-height: 400px;
  resize: vertical;
  width: 100%;
  border: none;
}
.c-contact__form-item-input-textarea::placeholder {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-500);
}
.c-contact__form-item-input-checkbox {
  width: var(--px-4);
  height: var(--px-4);
  border: 1px solid var(--shade-400);
  border-radius: var(--br-s);
  cursor: pointer;
}
.c-contact__form-item-input-checkbox--active {
  border: 1px solid var(--color-blue-dark);
  background-color: var(--color-blue-dark);
}
.c-contact__form-item-input-checkbox--active::after {
  content: "";
  display: inline-block;
  mask: var(--icon-check);
  height: var(--px-4);
  width: var(--px-4);
  background-color: var(--color-white);
}
.c-contact__form-item-input-radio {
  border-radius: var(--br-round);
  height: var 16px --rad-size;
  width: var(--rad-size);
}
.c-contact__form-item-input-customcheckbox-wrapper {
  border: 1px solid var(--shade-400);
  background-color: var(--color-white);
  border-radius: var(--br-l);
  padding: var(--px-4);
  display: flex;
  color: var(--shade-600);
  font-weight: 400;
  gap: var(--px-4);
  cursor: pointer;
}
.c-contact__form-item-input-customcheckbox-wrapper--active {
  border: 1px solid var(--color-blue-dark);
  background-color: var(--color-blue-light);
  color: var(--shade-950);
  font-weight: 700;
}
.c-contact__form-item-input-customcheckbox-checkbox {
  width: var(--px-4);
  height: var(--px-4);
  border: 1px solid var(--shade-400);
  border-radius: var(--br-s);
  margin-right: var(--px-2);
}
.c-contact__form-item-input-customcheckbox-checkbox--active {
  border: 1px solid var(--color-blue-dark);
  background-color: var(--color-blue-dark);
}
.c-contact__form-item-input-customcheckbox-checkbox--active::after {
  content: "";
  display: inline-block;
  mask: var(--icon-check);
  height: var(--px-4);
  width: var(--px-4);
  background-color: var(--color-white);
}
.c-contact__form-item-input[data-error]:not([data-error=""]) {
  border: 1px solid var(--color-alert);
}
.c-contact__form-item-error {
  color: var(--color-red);
  margin-top: var(--px-1);
}
.c-contact__form-item-label {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
  margin-bottom: var(--px-1);
}
.c-contact__form-item-radiofield {
  display: flex;
  flex-direction: column;
  gap: var(--px-1);
}
.c-contact__form-item-description {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-top: 0;
}
.c-contact__form-item-description--checkbox {
  margin-top: 1px;
  margin-left: -10px;
  cursor: pointer;
}
.c-contact__form-item-description--marginbottom {
  margin: 0 0 var(--px-2) 0;
}
.c-contact__form-item-description--active {
  font-weight: 700;
  color: var(--shade-950);
}
.c-contact__form-item--text {
  background-color: var(--color-blue-light);
  border-radius: var(--br-2xl);
  padding: var(--px-8) var(--px-6);
}
.c-contact__form-item-title {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  font-weight: 700;
  margin-bottom: var(--px-4);
}
.c-contact__form-item-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-bottom: var(--px-4);
}
.c-contact__form-item-list {
  display: flex;
  flex-direction: column;
  gap: var(--px-4);
}
.c-contact__form-item-list-item-link {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
}
.c-contact__form-item-list-item-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.c-contact__form-item-multiplecheckboxes {
  margin-left: var(--px-2);
  margin-top: var(--px-2);
}
.c-contact__form-item-multiplecheckboxes > *:not(:last-child) {
  margin-bottom: var(--px-1);
}
.c-contact__form-item-submit {
  width: 100%;
  margin-bottom: var(--px-6);
}
.c-contact__sent {
  margin: var(--px-8) 0;
}
.c-contact__sent-text {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  color: var(--color-blue-darker);
  width: 100%;
  text-align: center;
}

.c-information {
  display: flex;
  flex-direction: column;
  gap: var(--px-6);
}
.c-information__content {
  background-color: var(--color-blue-light);
  border-radius: var(--br-2xl);
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  box-sizing: border-box;
}
.c-information__content .h1, .c-information__content h1 {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-2xs);
  letter-spacing: -0.1px;
  color: var(--shade-500);
  margin-bottom: var(--px-2);
}
.c-information__content p {
  margin-bottom: var(--px-4);
}
.c-information__content a {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.c-information__content-wrapper {
  padding: var(--px-8);
}
.c-information__image {
  border-radius: var(--br-2xl);
  overflow: hidden;
  height: 300px;
}
.c-information__image img {
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 769px) {
  .c-information {
    flex-direction: row;
  }
  .c-information__content {
    flex: 1;
    box-sizing: border-box;
  }
  .c-information__image {
    display: block;
    flex: 1;
    height: auto;
  }
}

@media only screen and (min-width: 769px) {
  .c-contact__form-flex-row-desktop {
    display: flex;
    gap: var(--px-4);
  }
  .c-contact__form-flex-row-desktop > * {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .c-contact__form-flex-column-mobile {
    display: flex;
    flex-direction: column;
    gap: var(--px-4);
  }
}

.t-section table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--shade-100);
  border-radius: var(--br-2xl);
  overflow: auto;
  width: 100%;
  margin-bottom: var(--px-4);
}
.t-section table * {
  margin: 0;
}
.t-section td span {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
  color: var(--shade-950);
}
.t-section td, .t-section td a {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.t-section td, .t-section th {
  padding: var(--px-3);
  text-align: left;
  border: none;
  border-bottom: 1px solid var(--shade-100);
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.t-section tbody tr:last-child td {
  border-bottom: none;
}
.t-section > * {
  margin-bottom: var(--px-6);
}
@media only screen and (min-width: 769px) {
  .t-section {
    width: 70%;
    margin: auto;
  }
  .t-section > * {
    margin-bottom: var(--px-8);
  }
  .t-section--width-80 {
    width: 80%;
  }
}
.t-section__text h1, .t-section__text h2, .t-section__text h3, .t-section__text-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  color: var(--color-blue-darker);
  margin: var(--px-4) 0 var(--px-2) 0;
}
.t-section__text p {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-bottom: var(--px-1);
}
.t-section__text a {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.t-section__text-wrapper img {
  border-radius: var(--br-2xl);
}
.t-section__text-wrapper .video-container {
  position: relative;
  height: 0;
  padding-bottom: 56.3%;
  overflow: hidden;
  border-radius: var(--br-2xl);
}
.t-section__text-wrapper .video-container > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.t-section__text-wrapper--filled {
  padding: var(--px-6);
  background-color: var(--color-blue-light);
  border-radius: var(--br-2xl);
}
.t-section__text-wrapper--filled .t-section__text-wrapper-title {
  color: var(--shade-950);
  margin-top: 0;
}
@media only screen and (min-width: 769px) {
  .t-section__text {
    display: flex;
    gap: var(--px-8);
  }
  .t-section__text-right {
    display: grid;
    gap: var(--px-8);
    grid-template-columns: 3fr 4fr;
  }
  .t-section__text-left {
    display: grid;
    gap: var(--px-8);
    grid-template-columns: 4fr 3fr;
  }
  .t-section__text h1, .t-section__text h2 {
    margin-top: 0;
  }
  .t-section__text-wrapper {
    width: 100%;
  }
  .t-section__text-wrapper--filled {
    margin: 0;
  }
}
.t-section__quote-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  color: var(--color-blue-darker);
  margin-bottom: var(--px-4);
  margin-top: var(--px-2);
}
.t-section__quote-items {
  display: flex;
  overflow-x: scroll;
  padding-bottom: var(--px-4);
  gap: var(--px-8);
}
.t-section__quote-item {
  background-color: var(--color-blue-light);
  border-radius: var(--br-2xl);
  min-width: 300px;
  overflow: hidden;
}
.t-section__quote-item-image {
  width: 300px;
}
.t-section__quote-item-image img {
  width: 300px;
  height: 100%;
  max-width: 300px;
  object-fit: cover;
}
.t-section__quote-item-content {
  padding: var(--px-6);
}
.t-section__quote-item-content-name {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  color: var(--shade-950);
}
.t-section__quote-item-content-title {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xs);
  letter-spacing: -0.12px;
  color: var(--shade-600);
  margin-bottom: var(--px-6);
}
.t-section__quote-item-content-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
@media only screen and (min-width: 1025px) {
  .t-section__quote-items {
    overflow: hidden;
    flex-direction: column;
  }
  .t-section__quote-item {
    min-width: auto;
    display: flex;
  }
  .t-section__quote-item-content {
    padding: var(--px-12);
  }
  .t-section__quote-item-image {
    width: 100%;
  }
  .t-section__quote-item-image img {
    min-width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .t-section__quote {
    margin-bottom: var(--px-6);
  }
}
.t-section__banner {
  overflow: hidden;
  border-radius: var(--br-2xl);
}
.t-section__banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.t-section__textphoto-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  color: var(--color-blue-darker);
  margin-bottom: var(--px-2);
}
.t-section__textphoto-content-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-bottom: var(--px-6);
}
.t-section__textphoto-content-image {
  border-radius: var(--br-2xl);
  overflow: hidden;
}
.t-section__textphoto-content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 769px) {
  .t-section__textphoto-content {
    display: flex;
    gap: var(--px-6);
  }
  .t-section__textphoto-content > * {
    width: 100%;
  }
}
.t-section__assortment-content {
  padding: var(--px-6);
  background-color: var(--color-blue-light);
  border-radius: var(--br-2xl);
}
.t-section__assortment-content-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
  margin-bottom: var(--px-2);
}
.t-section__assortment-content-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.t-section__assortment-content-text .button {
  display: flex;
  margin: auto;
  margin-top: var(--px-4);
  padding: var(--px-4) var(--px-6);
  border-radius: var(--br-round);
  background-color: var(--color-green);
  text-decoration: none;
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
  align-items: center;
  justify-items: center;
  width: fit-content;
}
.t-section__assortment-content-text .button:after {
  content: "";
  margin-left: var(--px-1);
  margin-top: -1px;
  height: 20px;
  width: 20px;
  mask: var(--icon-chevron-right);
  background-color: var(--shade-950);
}
.t-section__grid {
  display: flex;
  flex-direction: column;
  gap: var(--px-4);
  margin: var(--px-4) 0;
}
@media only screen and (min-width: 769px) {
  .t-section__grid {
    flex-direction: row;
    gap: var(--px-12);
  }
}
.t-section__grid--even > * {
  width: 100%;
}
.t-section__paragraphs h1 {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  color: var(--color-blue-darker);
  margin-bottom: var(--px-2);
}
.t-section__paragraphs h2 {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--color-blue-darker);
  margin-bottom: var(--px-2);
}
.t-section__paragraphs h2 strong {
  font-family: var(--font-primary);
  font-weight: bold;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  margin-bottom: var(--px-2);
  font-weight: 700;
}
.t-section__paragraphs .h1 {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
}
.t-section__paragraphs p, .t-section__paragraphs li, .t-section__paragraphs a {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-bottom: var(--px-2);
}
.t-section__paragraphs li::before {
  background-color: var(--shade-400);
}
.t-section__paragraphs .btn {
  display: flex;
  margin-top: var(--px-4);
  margin-bottom: var(--px-4);
  padding: var(--px-4) var(--px-6);
  border: none;
  border-radius: var(--br-round);
  background-color: var(--color-green);
  text-decoration: none;
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  font-weight: 700;
  align-items: center;
  justify-items: center;
  width: fit-content;
}
.t-section__paragraphs .btn:after {
  content: "";
  margin-left: var(--px-1);
  margin-top: -1px;
  height: 20px;
  width: 20px;
  mask: var(--icon-chevron-right);
  background-color: var(--shade-950);
}
.t-section__brands-letterrow {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: auto;
  margin-bottom: var(--px-12);
}
.t-section__brands-letterrow-divider {
  display: flex;
}
.t-section__brands-letterrow-divider-line {
  height: 1px;
  width: 40%;
  margin: auto;
  background-color: var(--color-blue);
}
.t-section__brands-letterrow-letter {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-lg);
  letter-spacing: -0.18px;
  color: var(--color-blue-darker);
  text-align: center;
  width: 20%;
}
.t-section__brands-letterrow-brand {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--px-8);
  row-gap: var(--px-2);
}
.t-section__brands-letterrow-brand .branditem {
  text-decoration: none;
  vertical-align: middle;
  height: 100%;
  width: fit-content;
  margin: auto;
}
.t-section__brands-letterrow-brand .branditem .brandlogo {
  display: flex;
  justify-content: center;
}
.t-section__brands-letterrow-brand .branditem img {
  width: 100%;
  max-width: 300px;
  height: 80px;
  margin: auto;
}
.t-section__brands-letterrow-brand .branditem .brandname h2 {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  color: var(--color-blue-darker);
  text-align: center;
  margin-top: var(--px-2);
}
@media only screen and (min-width: 769px) {
  .t-section__brands-letterrow {
    margin-bottom: var(--px-16);
    width: 100%;
  }
  .t-section__brands-letterrow-divider {
    margin: auto;
    margin-bottom: var(--px-6);
    width: 100%;
  }
  .t-section__brands-letterrow-divider-line--1 {
    display: none;
  }
  .t-section__brands-letterrow-divider-line--2 {
    width: 90%;
  }
  .t-section__brands-letterrow-letter {
    width: fit-content;
  }
  .t-section__brands-letterrow-brand {
    row-gap: var(--px-8);
    grid-template-columns: repeat(3, 1fr);
    width: 90%;
    margin: auto;
  }
  .t-section__brands-letterrow-brand .branditem img {
    height: 110px;
    max-width: 250px;
  }
}
.t-section__overviewsidebanner {
  border-radius: var(--br-2xl);
  overflow: hidden;
}
.t-section__overviewsidebanner img {
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}
.t-section__overviewsidebanner-content {
  background-color: var(--shade-50);
  padding: var(--px-8);
}
.t-section__overviewsidebanner-content-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-2xl);
  letter-spacing: -0.24px;
  margin-bottom: var(--px-4);
}
.t-section__overviewsidebanner-content-text {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin: 0;
}
.t-section__overviewsidebanner-content-text ul {
  margin: 0;
  padding: 0;
}
.t-section__overviewsidebanner-content-text li::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  margin-top: -7px;
  margin-left: -10px;
  mask: var(--icon-chevron-right);
}
.t-section__textimage-text p {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  color: var(--shade-600);
  margin-bottom: var(--px-2);
}
.t-section__textimage-text p strong {
  color: var(--shade-600);
}
.t-section__textimage-text ul, .t-section__textimage-text ol {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-base);
  letter-spacing: -0.16px;
  color: var(--shade-600);
}
.t-section__textimage-text ul li, .t-section__textimage-text ol li {
  margin-bottom: var(--px-2);
}
.t-section__textimage-text ul li::before, .t-section__textimage-text ol li::before {
  background-color: var(--shade-400);
}
.t-section__textimage-text table {
  margin-bottom: 0;
}
.t-section__link a {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.t-section__imageblock-image img {
  border-radius: var(--px-2xl);
  width: 100%;
  height: 100%;
}
.t-section__sitemap-title {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 120%;
  font-size: var(--text-5xl);
  letter-spacing: -0.44px;
  margin-bottom: var(--px-4);
}
.t-section__sitemap-categories {
  column-count: 1;
  width: fit-content;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .t-section__sitemap-categories {
    column-count: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .t-section__sitemap-categories {
    column-count: 3;
    margin: 0;
    width: 100%;
  }
}
.t-section__sitemap-category {
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
  margin-bottom: var(--px-4);
  break-inside: avoid;
}
.t-section__sitemap-category-title {
  font-family: var(--font-primary);
  font-weight: bold;
  line-height: 140%;
  font-size: var(--text-xl);
  letter-spacing: -0.2px;
}
.t-section__sitemap-category-title:hover {
  color: var(--shade-600);
}
.t-section__sitemap-group-link {
  margin: 0 var(--px-4);
  font-family: var(--font-primary-base);
  font-weight: normal;
  line-height: 140%;
  font-size: var(--text-sm);
  letter-spacing: -0.14px;
  color: var(--shade-600);
}
.t-section__sitemap-group-link:hover {
  color: var(--shade-400);
}
.t-section__sitemap-group-name {
  color: var(--shade-950);
  margin-top: var(--px-2);
}
.t-section .img-block-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: var(--px-4);
  margin: var(--px-4) 0;
}
.t-section .img-block-container .block-item-container {
  width: fit-content;
  padding: 0;
}
.t-section .img-block-container .block-img img {
  width: 100%;
  max-width: fit-content;
  max-height: fit-content;
  border-radius: var(--br-2xl);
}
@media only screen and (min-width: 769px) {
  .t-section .img-block-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    margin: var(--px-8) 0;
  }
  .t-section .img-block-container > * {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .c-content-header {
    display: flex;
    padding: var(--px-14) var(--px-12);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--br-2xl);
    background-color: var(--color-blue-light);
    overflow: hidden;
    margin-top: 0;
  }
  .c-content-header--mt10 {
    margin-top: var(--px-10);
  }
  .c-content-header--50 {
    background-color: var(--shade-50);
  }
  .c-content-header--large {
    padding: var(--px-16);
  }
  .c-content-header__wrapper {
    display: flex;
    flex-direction: row;
    gap: var(--px-14);
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
  }
  .c-content-header--large .c-content-header__wrapper {
    gap: var(--px-12);
  }
  .c-content-header__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--px-1);
  }
  .c-content-header--large .c-content-header__content {
    width: 50%;
  }
  .c-content-header__summary {
    color: var(--shade-600);
    font-family: var(--font-title-base);
    font-size: var(--text-sm);
    line-height: 140%;
  }
  .c-content-header__summary ul {
    font-family: var(--font-primary-base);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-sm);
    letter-spacing: -0.14px;
    color: var(--shade-600);
    margin-top: var(--px-4);
    padding: 0;
    display: flex;
  }
  .c-content-header__summary ul li::before {
    content: none;
  }
  .c-content-header__summary ul li i::before {
    margin-right: var(--px-2);
  }
  .c-content-header__summary h1 {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 120%;
    font-size: var(--text-2xl);
    letter-spacing: -0.24px;
    color: var(--shade-950);
    margin-bottom: var(--px-2);
  }
  .c-content-header__images {
    position: relative;
    width: 100%;
    max-width: 470px;
    display: flex;
  }
  .c-content-header--large .c-content-header__images {
    width: 50%;
    max-width: none;
  }
  .c-content-header__images .c-balloon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--px-8);
    z-index: 1;
    white-space: nowrap;
    padding: var(--px-12) var(--px-12) var(--px-4) var(--px-4);
  }
  .c-content-header__images--fixed-width--desktop {
    width: 450px;
    object-fit: cover;
  }
  .c-content-header__title {
    white-space: nowrap;
  }
  .c-content-header__title-icon {
    margin-top: -10px;
  }
  .c-content-header__image {
    position: relative;
    width: 100%;
    flex-grow: 1;
    margin-top: calc(var(--px-14) * -1);
    margin-bottom: calc(var(--px-14) * -1);
    margin-right: calc(var(--px-14) * -1);
    overflow: hidden;
  }
  .c-content-header--large .c-content-header__image {
    margin-top: calc(var(--px-16) * -1);
    margin-bottom: calc(var(--px-16) * -1);
    margin-right: calc(var(--px-16) * -1);
  }
  .c-content-header__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .c-content-header__image-overlay img {
    clip-path: ellipse(101% 115% at 103% 50%);
  }
  .c-content-header__image-overlay--small img {
    clip-path: ellipse(101% 140% at 103% 50%);
  }
  .c-content-header__image--fixed-height {
    height: 200px;
  }
  .c-content-header .c-content-header__images--mobile {
    display: none;
  }
  .c-content-header--image-only {
    padding: 0;
  }
  .c-content-header--image-only .c-content-header__wrapper {
    display: block;
  }
  .c-content-header--image-only .c-content-header__images {
    max-width: none;
  }
  .c-content-header--image-only .c-content-header__image {
    margin: 0;
  }
  .c-content-header--image-only .c-content-header__image img {
    height: 200px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .c-content-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--br-2xl);
    background-color: var(--color-blue-light);
    overflow: hidden;
    margin-top: 0;
  }
  .c-content-header--mt10 {
    margin-top: var(--px-10);
  }
  .c-content-header.u-no-bg-mobile {
    background-color: transparent;
  }
  .c-content-header--50 {
    background-color: var(--shade-50);
  }
  .c-content-header__wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .c-content-header__wrapper--mobile-reverse {
    flex-direction: column-reverse;
  }
  .c-content-header__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--px-1);
    padding: var(--px-6);
    align-self: stretch;
  }
  .c-content-header__summary {
    color: var(--shade-600);
    font-family: var(--font-title-base);
    font-size: var(--text-sm);
    line-height: 140%;
  }
  .c-content-header__summary ul {
    font-family: var(--font-primary-base);
    font-weight: normal;
    line-height: 140%;
    font-size: var(--text-sm);
    letter-spacing: -0.14px;
    color: var(--shade-600);
    margin-top: var(--px-4);
    padding: 0;
  }
  .c-content-header__summary ul li::before {
    content: none;
  }
  .c-content-header__summary ul li i::before {
    margin-right: var(--px-2);
  }
  .c-content-header__summary h1 {
    font-family: var(--font-secondary);
    font-weight: normal;
    line-height: 120%;
    font-size: var(--text-2xl);
    letter-spacing: -0.24px;
    color: var(--shade-950);
    margin-bottom: var(--px-2);
  }
  .c-content-header__title-icon {
    margin-top: -4px;
  }
  .c-content-header__image-overlay > img {
    clip-path: ellipse(100% 100% at 50% 100%);
  }
  .c-content-header__wrapper--mobile-reverse .c-content-header__image-overlay > img {
    clip-path: ellipse(100% 100% at 50% 0%);
  }
  .c-content-header__images {
    position: relative;
    width: 100%;
    max-width: 470px;
    display: flex;
  }
  .c-content-header--large .c-content-header__images {
    width: 100%;
    min-height: 200px;
    max-width: none;
    height: 200px;
  }
  .c-content-header__images .c-balloon {
    position: absolute;
    top: 87px;
    transform: translateY(-50%);
    right: 10px;
    z-index: 1;
    white-space: nowrap;
    padding: var(--px-12) var(--px-12) var(--px-4) var(--px-4);
  }
  .c-content-header__images--fixed-width--desktop {
    width: 450px;
    object-fit: cover;
  }
  .c-content-header__image {
    height: 100%;
    width: 100%;
  }
  .c-content-header__image img {
    width: 100%;
    object-fit: cover;
  }
  .c-content-header__image--fixed-height {
    height: 200px;
  }
  .c-content-header .c-content-header__images--desktop {
    display: none;
  }
  .c-content-header:not(.c-content-header--mobile) {
    background: none;
  }
  .c-content-header:not(.c-content-header--mobile) .c-content-header__content {
    padding: 0;
  }
  .c-content-header:not(.c-content-header--mobile) .c-content-header__summary, .c-content-header:not(.c-content-header--mobile) .c-content-header__images:not(.c-content-header__images--mobile), .c-content-header:not(.c-content-header--mobile) .filter-wizard-block {
    display: none;
  }
  body .c-content-header__title {
    font-size: var(--text-2xl);
  }
}