/* css/tokens.css */

:root {
  
  --primary-red-orange: #d73717;
  --primary-black: #383838;
  --secondary-dark-grey: #787979;
  --secondary-light-grey: #c8c7c5;
  --secondary-grey-white: #f3f3f4;
  --secondary-off-white: #fdfdfd;
  --greyscale-1: #111111;
  --greyscale-2: #353a3c;
  --greyscale-3: #767676;
  --greyscale-6: #f7f7f7;
  --greyscale-7: #fafafa;
  --surfaces-warm-100: #f9f4ec;
  --semantic-destructive-prime: #8b2635;
  --semantic-destructive-text: #7e2635;
  --semantic-destructive-hover: #721e2a;
  --semantic-destructive-border: #d4a0aa;
  --semantic-destructive-soft: #f2dce1;
  --semantic-destructive-subtle: #f9eef0;
  --semantic-success-prime: #356b4d;
  --semantic-success-text: #2f6047;
  --semantic-success-hover: #28563d;
  --semantic-success-border: #a8c0ae;
  --semantic-success-soft: #dde9e0;
  --semantic-success-subtle: #eff5f1;
  --semantic-alert-prime: #805713;
  --semantic-alert-text: #765216;
  --semantic-alert-hover: #68460f;
  --semantic-alert-border: #d2b576;
  --semantic-alert-soft: #f2e5c8;
  --semantic-alert-subtle: #fbf5e9;

  
  --global-text-color: #383838;
  --global-primary-contrast: #ffffff;
  --global-primary-brand-primary: #d73717;
  --global-primary-brand-secondary: #383838;
  --global-secondary-dark-grey: #787979;
  --global-secondary-grey-white: #f3f3f4;
  --global-secondary-off-white: #fdfdfd;

  
  --elevation-surface-light: #ffffff;
  --elevation-surface-dark: #383838; 
  
  --elevation-l1-warm-light: var(--surfaces-warm-100); 
  --elevation-l1-warm-dark: #45403a;
  --elevation-l1-cool-light: var(--global-secondary-grey-white); 
  --elevation-l1-cool-dark: #444546;
  --elevation-01-chrome: 0 1px 3px rgb(23 23 23 / 0.08), 0 1px 2px -1px rgb(23 23 23 / 0.06);
  --elevation-02-card: 0 2px 6px -1px rgb(22 22 22 / 0.1), 0 1px 3px -1px rgb(22 22 22 / 0.1);
  --elevation-03-raised: 0 6px 14px -3px rgb(23 23 23 / 0.1), 0 3px 6px -3px rgb(23 23 23 / 0.08);
  --elevation-04-float: 0 22px 40px -8px rgb(23 23 23 / 0.16);
  --atoms-text-text-accent: #d73717;

  
  --greyscale-4: #d4d4d4;
  --greyscale-5: #eeeeee;
  --greyscale-black: #000000;

  
  --atoms-text-text-dark: #111111;
  --atoms-text-text-secondary: #767676;
  --atoms-text-label-default: #383838;
  --atoms-link-link-default: #383838;
  --atoms-button-primary-fill-default: #d73717;
  --atoms-button-primary-label-default: #ffffff;
  --atoms-button-secondary-fill-default: #383838;
  --atoms-button-secondary-border-default: #383838;
  --atoms-button-secondary-label-default: #ffffff;

  
  --components-breadcrumb-fill-seperator: #787979;
  --components-divider-fill: #d4d4d4;
  --components-divider-fill-dark: #767676; 
  --form-components-input-field-icons: #383838;
  --form-components-input-field-enabled-placeholder: #767676;
  --form-components-input-field-enabled-accent: #d4d4d4;
  --form-components-checkbox-fill-default: #ffffff;
  --form-components-checkbox-border-default: #767676;

  
  --templates-page-surface: #ffffff;
  --templates-page-surface-divider: #eeeeee;
  --templates-page-l1-tint: #f9f4ec;
  --templates-page-l1-divider: #e5d2b9;

  
  --primary-2: #0b0b0b;

  
  --rating-star: #f5a524;

  
  --heading-font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --paragraph-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  --label-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;

  
  --heading-sizes-h1-size: 40px;
  --heading-line-height-h1-line-height: 44px;
  --heading-sizes-h2-size: 30px;
  --heading-line-height-h2-line-height: 36px;
  --heading-sizes-h4-size: 20px;
  --heading-line-height-h4-line-height: 24px;
  --heading-sizes-subsection-size: 20px;
  --heading-line-height-subsection-line-height: 24px;

  
  --body-sizes-body-large-size: 24px;
  --body-sizes-body-large-line-height: 32px;
  --body-sizes-body-size: 18px;
  --body-sizes-body-line-height: 28px;
  --body-sizes-body-small-size: 16px;
  --body-sizes-body-small-line-height: 24px;

  
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 40px;
  --spacing-related: 16px;
  --spacing-child: 32px;
  --spacing-parent: 64px;
  --spacing-margin: 16px;
  --spacing-page-section: 64px;
  --spacing-page-subsection-divided: 32px;
  --section-header-top-spacing: 24px;

  
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;

  
  --container-xl: 1140px;
  --container-xxl: 1320px;
}

@media (min-width: 992px) {
  :root {
    --heading-sizes-h1-size: 60px;
    --heading-line-height-h1-line-height: 68px;
    --heading-sizes-h2-size: 48px;
    --heading-line-height-h2-line-height: 56px;
    --heading-sizes-h4-size: 30px;
    --heading-line-height-h4-line-height: 40px;
    --heading-sizes-subsection-size: 24px;
    --heading-line-height-subsection-line-height: 30px;
    --spacing-margin: 32px;
    --spacing-page-section: 96px; 
    --spacing-page-subsection-divided: 40px;
  }
}

/* css/components.css */



*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--templates-page-surface);
  color: var(--global-text-color);
  font-family: var(--paragraph-font-family);
  font-size: var(--body-sizes-body-size);
  line-height: var(--body-sizes-body-line-height);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, p { margin: 0; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { max-width: 100%; display: block; }
:focus-visible { outline: 2px solid var(--global-primary-brand-primary); outline-offset: 2px; }


.cw-icon { display: inline-block; flex: none; width: 24px; height: 24px; background: currentColor; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
.cw-icon.is-12 { width: 12px; height: 12px; }
.cw-icon.is-16 { width: 16px; height: 16px; }
.cw-icon.is-40 { width: 40px; height: 40px; }


.cw-text-h1 { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--heading-sizes-h1-size); line-height: var(--heading-line-height-h1-line-height); color: var(--atoms-text-text-dark); text-wrap: balance; }
.cw-text-h2 { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--heading-sizes-h2-size); line-height: var(--heading-line-height-h2-line-height); color: var(--atoms-text-text-dark); }
.cw-text-h2.is-regular { font-weight: 500; }
.cw-text-h4 { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--heading-sizes-h4-size); line-height: var(--heading-line-height-h4-line-height); }
.cw-text-subsection { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--heading-sizes-subsection-size); line-height: var(--heading-line-height-subsection-line-height); color: var(--atoms-text-text-dark); }
.cw-text-body { font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-text-body-lg { font-size: var(--body-sizes-body-large-size); line-height: var(--body-sizes-body-large-line-height); }
.cw-text-body-sm { font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); }
.cw-text-label { font-family: var(--label-font-family); font-size: 14px; font-weight: 500; line-height: 1.2; }
.cw-text-label-lg-bold { font-family: var(--label-font-family); font-size: 18px; font-weight: 700; line-height: 1.2; }
.cw-text-label-sm { font-family: var(--label-font-family); font-size: 12px; font-weight: 400; line-height: 1.2; }


.cw-container { width: 100%; max-width: var(--container-xl); margin-inline: auto; }
.cw-container.is-xxl { max-width: var(--container-xxl); }


.cw-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: var(--spacing-md) var(--spacing-xl); border: 2px solid transparent; border-radius: var(--radius-full); font-family: var(--label-font-family); font-size: 18px; font-weight: 700; line-height: 1.2; white-space: nowrap; cursor: pointer; transition: background-color 150ms ease, border-color 150ms ease; }
.cw-button.is-primary { background: var(--atoms-button-primary-fill-default); color: var(--atoms-button-primary-label-default); }
.cw-button.is-primary:hover { background: #7a2410; }
.cw-button.is-secondary { background: var(--atoms-button-secondary-fill-default); border-color: var(--atoms-button-secondary-border-default); color: var(--atoms-button-secondary-label-default); }
.cw-button.is-secondary:hover { background: var(--global-primary-brand-primary); border-color: var(--global-primary-brand-primary); }
.cw-button.is-compact { padding: var(--spacing-md) var(--spacing-lg); }
.cw-button.is-full { width: 100%; }


.cw-promo-banner { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px var(--spacing-margin); background: var(--global-primary-brand-primary); color: var(--global-primary-contrast); text-align: center; font-size: 16px; line-height: 24px; }
.cw-promo-banner strong { font-weight: 700; }
@media (min-width: 992px) { .cw-promo-banner { font-size: 18px; line-height: 26px; } }


.cw-site-header { position: sticky; top: 0; z-index: 20; background: var(--templates-page-surface); border-bottom: 1px solid var(--templates-page-surface-divider); }
.cw-site-header__nav { display: flex; align-items: center; gap: 16px; height: 72px; padding-inline: var(--spacing-margin); }
.cw-site-header__logo { width: 120px; flex: none; } 
.cw-site-header__links { display: none; flex: 1; justify-content: center; }
.cw-site-header__link { padding: 20px; color: var(--global-text-color); }
.cw-site-header__link:hover { color: var(--global-primary-brand-primary); }
.cw-site-header__actions { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.cw-site-header__cta { display: none; }
.cw-phone-number { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: color-mix(in srgb, var(--global-primary-brand-primary) 18%, white); color: var(--global-primary-brand-primary); }
.cw-menu-button { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid var(--atoms-text-text-dark); border-radius: 50%; background: var(--global-primary-contrast); color: var(--atoms-text-text-dark); cursor: pointer; }
@media (min-width: 992px) {
  .cw-site-header__links { display: flex; }
  .cw-site-header__cta { display: inline-flex; }
  
  .cw-site-header .cw-site-header__cta.cw-button { height: 48px; padding-block: 0; }
}

.cw-site-header.is-branding-only .cw-site-header__links { display: none; }


.cw-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px var(--spacing-margin); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-breadcrumbs__node { color: var(--atoms-link-link-default); }
a.cw-breadcrumbs__node:hover { text-decoration: underline; } 
.cw-breadcrumbs__sep, .cw-breadcrumbs__node[aria-current="page"] { color: var(--components-breadcrumb-fill-seperator); }


.cw-lockup { display: flex; flex-direction: column; gap: var(--spacing-related); width: 100%; color: var(--atoms-text-text-dark); }
.cw-lockup.is-center { align-items: center; text-align: center; }


.cw-input-field { display: flex; align-items: center; gap: 8px; height: 60px; padding: 16px; background: var(--global-secondary-off-white); border: 1px solid var(--form-components-input-field-enabled-accent); border-radius: var(--radius-md); color: var(--form-components-input-field-icons); }
.cw-input-field:focus-within { border-color: var(--form-components-input-field-active-accent, var(--greyscale-black)); box-shadow: 0 0 0 1px var(--form-components-input-field-active-accent, var(--greyscale-black)); }
.cw-input-field input { flex: 1; min-width: 0; padding: 0; border: 0; background: none; color: var(--global-text-color); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); outline: none; }
.cw-input-field input::placeholder { color: var(--form-components-input-field-enabled-placeholder); }


.cw-location-card { position: relative; display: flex; flex-direction: column; overflow: hidden; background: var(--templates-page-surface); border: 1px solid var(--greyscale-5); border-radius: var(--radius-lg); color: inherit; transition: box-shadow 150ms ease, border-color 150ms ease; }
.cw-location-card:hover, .cw-location-card.is-highlighted { border-color: var(--greyscale-4); box-shadow: 0 6px 18px rgb(0 0 0 / 0.08); }
.cw-location-card__media { position: relative; aspect-ratio: 400 / 300; background: var(--templates-page-l1-tint); }
.cw-location-card__media img { width: 100%; height: 100%; object-fit: cover; }
.cw-location-card__body { display: flex; flex-direction: column; gap: 16px; padding: 24px 16px; }
.cw-location-card__title { font-weight: 700; font-size: var(--body-sizes-body-large-size); line-height: var(--body-sizes-body-large-line-height); color: var(--global-text-color); }
.cw-location-card__rating { display: flex; align-items: center; gap: 8px; color: var(--greyscale-black); }
.cw-stars { display: inline-flex; gap: 2px; color: var(--rating-star); }
.cw-stars .cw-icon { width: 15px; height: 15px; }
.cw-location-card__details { display: flex; flex-direction: column; gap: 8px; }
.cw-location-card__hours { display: flex; gap: 8px; color: var(--greyscale-black); }
.cw-location-card__detail { display: flex; align-items: center; gap: 8px; color: var(--atoms-text-text-secondary); }
.cw-location-card__detail .cw-icon { color: var(--atoms-text-text-dark); }
.cw-location-card__detail a:hover { color: var(--global-text-color); text-decoration: underline; }
[data-card-link]::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.cw-location-card__detail a { position: relative; z-index: 2; }

@media (min-width: 768px) {
  .cw-location-card.is-inline { flex-direction: row; align-items: stretch; }
  .cw-location-card.is-inline .cw-location-card__media { width: 400px; max-width: 45%; flex: none; aspect-ratio: auto; min-height: 300px; }
  .cw-location-card.is-inline .cw-location-card__body { flex: 1; justify-content: center; padding: 24px var(--radius-xl); }
  .cw-location-card.is-inline .cw-location-card__title { font-family: var(--heading-font-family); font-size: var(--heading-sizes-h4-size); line-height: var(--heading-line-height-h4-line-height); }
}


.cw-image-placeholder { position: absolute; inset: 0; display: grid; place-items: center; padding: 16px; background: repeating-linear-gradient(135deg, var(--templates-page-l1-tint) 0 12px, #f3ece0 12px 24px); color: var(--atoms-text-text-secondary); font: 500 12px/1.4 var(--label-font-family); text-align: center; }

.cw-image-placeholder + img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.cw-image-placeholder:has(+ img) { visibility: hidden; }


.cw-map-section { position: relative; overflow: hidden; background: #e5e5e5; }
.cw-map-section iframe, .cw-map-section__canvas { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.cw-map-section iframe { filter: grayscale(1) contrast(1.05); }
.cw-map-section__placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; background: repeating-linear-gradient(45deg, #ececec 0 14px, #e4e4e4 14px 28px); color: var(--atoms-text-text-secondary); text-align: center; }
.cw-map-section__placeholder strong { color: var(--global-text-color); font: 700 16px/1.3 var(--heading-font-family); }
.cw-map-pin { width: 40px; height: 40px; color: var(--greyscale-black); }

.cw-map-hovercard { width: 306px; }
.cw-map-hovercard .cw-location-card { border: 0; box-shadow: 0 8px 24px rgb(0 0 0 / 0.18); }


.cw-locations { display: flex; flex-direction: column; }
.cw-locations__list { display: flex; flex-direction: column; gap: 24px; padding: 24px var(--spacing-margin) var(--spacing-page-subsection-divided); }
.cw-locations__cards { display: flex; flex-direction: column; gap: 32px; }
.cw-locations__empty { padding: 24px; border: 1px dashed var(--greyscale-4); border-radius: var(--radius-lg); color: var(--atoms-text-text-secondary); text-align: center; }
.cw-locations__map { order: -1; height: 320px; }
@media (min-width: 992px) {
  .cw-locations { flex-direction: row; align-items: flex-start; }
  .cw-locations__list { flex: 1; max-width: var(--container-xxl); }
  .cw-locations__map { order: 0; flex: 1; position: sticky; top: 112px; height: calc(100vh - 112px); min-height: 560px; max-height: 1080px; }
}


.cw-accordion-group { width: 100%; overflow: hidden; background: var(--templates-page-l1-tint); border-radius: var(--radius-lg); }
.cw-accordion + .cw-accordion { border-top: 1px solid var(--templates-page-l1-divider); }
.cw-faq.is-cool .cw-accordion-group { background: var(--elevation-l1-cool-light); } 
.cw-faq.is-cool .cw-accordion + .cw-accordion { border-top-color: var(--components-divider-fill); }
.cw-accordion__header { display: flex; align-items: center; gap: var(--spacing-md); width: 100%; padding: var(--spacing-xxl) var(--spacing-xl); border: 0; background: none; color: var(--greyscale-black); text-align: left; cursor: pointer; font-size: var(--body-sizes-body-large-size); line-height: var(--body-sizes-body-large-line-height); }
.cw-accordion__label { flex: 1; }
.cw-accordion__action .is-collapse { display: none; }
.cw-accordion.is-expanded .cw-accordion__action .is-expand { display: none; }
.cw-accordion.is-expanded .cw-accordion__action .is-collapse { display: inline-block; }
.cw-accordion__panel { padding: 0 var(--spacing-xl) var(--spacing-xl); color: var(--atoms-text-text-dark); }
.cw-accordion__panel[hidden] { display: none; }
@media (max-width: 767px) { .cw-accordion__header { padding: var(--spacing-lg); } .cw-accordion__panel { padding: 0 var(--spacing-lg) var(--spacing-lg); } }


.cw-faq { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); }
.cw-faq__inner { display: flex; flex-direction: column; gap: var(--spacing-xl); max-width: var(--container-xl); margin-inline: auto; }


.cw-text-input { display: flex; align-items: center; height: 60px; padding: 16px; background: var(--global-secondary-off-white); border: 1px solid var(--greyscale-4); border-radius: var(--radius-md); }
.cw-text-input:focus-within { border-color: var(--form-components-input-field-active-accent, var(--greyscale-black)); box-shadow: 0 0 0 1px var(--form-components-input-field-active-accent, var(--greyscale-black)); }
.cw-text-input input { flex: 1; min-width: 0; padding: 0; border: 0; background: none; outline: none; color: var(--global-text-color); }
.cw-text-input input::placeholder { color: var(--global-secondary-dark-grey); }
.cw-checkbox { --cw-checkbox-size: 24px; display: flex; align-items: flex-start; gap: 8px; color: var(--atoms-text-label-default); cursor: pointer; }
.cw-checkbox > span { padding-top: max(0px, calc((var(--cw-checkbox-size) - 1lh) / 2)); } 
.cw-checkbox input { appearance: none; flex: none; width: 24px; height: 24px; margin: 0; border: 1.5px solid var(--form-components-checkbox-border-default); border-radius: 4px; background: var(--form-components-checkbox-fill-default); cursor: pointer; }
.cw-checkbox input:checked { border-color: var(--atoms-button-secondary-fill-default); background: var(--atoms-button-secondary-fill-default) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat; }


.cw-schedule { display: flex; flex-direction: column; align-items: center; gap: 32px; padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-l1-tint); }
.cw-schedule__title { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--heading-sizes-h2-size); line-height: var(--heading-line-height-h2-line-height); color: var(--atoms-text-text-dark); }
.cw-schedule__card { display: flex; gap: 40px; width: 100%; max-width: var(--container-xl); padding: 24px; background: var(--templates-page-surface); border: 1px solid #e7e7e7; border-radius: 16px; }
.cw-schedule__form { flex: 1; display: flex; flex-direction: column; gap: 24px; padding-inline: 16px; }
.cw-schedule__form-title { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--heading-sizes-h4-size); line-height: var(--heading-line-height-h4-line-height); color: var(--atoms-text-text-dark);  }
.cw-schedule__fields { display: flex; flex-direction: column; gap: 8px; }

.cw-schedule__form [hidden] { display: none !important; }
.cw-schedule__disclaimer { padding: 10px 20px; font-size: 12px; line-height: 20px; color: var(--atoms-text-text-dark); }
.cw-schedule__image { position: relative; flex: none; width: 545px; max-width: 45%; overflow: hidden; border-radius: 16px; min-height: 420px; }
.cw-schedule__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgb(0 0 0 / 0) 80%, rgb(0 0 0 / 0.32) 100%), linear-gradient(180deg, rgb(0 0 0 / 0) 87%, rgb(0 0 0 / 0.5) 100%); pointer-events: none; }
@media (max-width: 899px) { .cw-schedule__image { display: none; } .cw-schedule__card { padding: 16px 0; } }

.cw-schedule.is-no-image { align-items: stretch; background: var(--templates-page-surface); }
.cw-schedule.is-no-image.is-warm { background: var(--elevation-l1-warm-light); } 

.cw-schedule.is-no-image.is-dark { background: var(--elevation-surface-dark); }
.cw-schedule.is-dark :is(.cw-lockup, .cw-schedule__title, .cw-text-body-lg, .cw-schedule__label, .cw-form-label__header, .cw-schedule__choice-label, .cw-checkbox) { color: var(--global-primary-contrast); }
.cw-schedule.is-no-image.is-dark .cw-checkbox-pill-set > .cw-form-label .cw-form-label__header { color: var(--global-primary-contrast); } 
.cw-schedule.is-dark .cw-schedule__disclaimer { color: var(--greyscale-4); }
.cw-schedule.is-dark :is(.cw-schedule__disclaimer, .cw-text-body-lg) a { color: var(--global-primary-contrast); }
.cw-schedule.is-dark [data-step-next], .cw-schedule.is-dark [data-step-submit] { background: var(--atoms-button-primary-fill-default); border-color: var(--atoms-button-primary-fill-default); color: var(--atoms-button-primary-label-default); }
.cw-schedule.is-dark [data-step-back] { background: transparent; border-color: var(--global-primary-contrast); color: var(--global-primary-contrast); }
.cw-schedule.is-no-image > .cw-lockup, .cw-schedule.is-no-image .cw-schedule__card { max-width: var(--container-xxl); margin-inline: auto; }
.cw-schedule.is-no-image .cw-schedule__card { padding: 0; border: 0; border-radius: 0; background: none; }
.cw-schedule.is-no-image .cw-schedule__form { padding-inline: 0; }

.cw-schedule.is-no-image .cw-schedule__form { gap: 32px; }
.cw-schedule__group { display: flex; flex-direction: column; gap: 16px; min-width: 0; margin: 0; padding: 0; border: 0; }
.cw-schedule__group > legend { margin-bottom: 16px; } 
.cw-schedule__label, .cw-schedule.is-no-image .cw-checkbox-pill-set > .cw-form-label .cw-form-label__header { padding: 0; font: 500 var(--heading-sizes-h4-size)/var(--heading-line-height-h4-line-height) var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-schedule.is-no-image .cw-checkbox-pill-set > .cw-form-label { margin-bottom: 16px; }
.cw-schedule__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cw-schedule__row.is-names { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
.cw-schedule__row.is-stacked { grid-template-columns: minmax(0, 1fr); } 
.cw-schedule__fields .cw-schedule__row { gap: 8px; } 
.cw-schedule__row.is-choices { gap: 40px; }
.cw-schedule__choice { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cw-schedule__choice-label { font: 700 14px/17px var(--label-font-family); color: var(--atoms-text-text-dark); }
.cw-schedule.is-no-image .cw-button-set { justify-content: center; }
.cw-schedule.is-no-image .cw-button-set:has([data-step-back]:not([hidden])) { justify-content: space-between; } 
.cw-schedule.is-no-image [data-step-next] { width: 300px; } 
.cw-schedule.is-no-image .cw-schedule__disclaimer { padding: 0; }
@media (max-width: 767px) {
  .cw-schedule__row:not(.is-names) { grid-template-columns: minmax(0, 1fr); }
  .cw-schedule__row.is-choices { gap: 24px; }
  .cw-schedule.is-no-image .cw-button-set > .cw-button:not([data-step-back]) { flex: 1; width: auto; min-width: 0 !important; }
}


.cw-site-footer { background: var(--global-secondary-grey-white); padding-block: 40px; }
.cw-site-footer__top { display: flex; flex-direction: column; gap: 40px; max-width: var(--container-xxl); margin-inline: auto; padding-inline: var(--spacing-xxl); }
.cw-site-footer__contact { display: flex; flex-direction: column; gap: 40px; flex: none; width: 100%; max-width: 400px; }
.cw-site-footer__phone { color: var(--global-primary-brand-primary); font-weight: 900; font-size: 20px; line-height: 32px; }
.cw-site-footer__hours-title { font-weight: 800; color: var(--global-text-color); }
.cw-site-footer__hours { color: var(--global-secondary-dark-grey); }
.cw-newsletter { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 4px 24px; background: var(--global-primary-contrast); border: 1px solid var(--form-components-input-field-enabled-accent); border-radius: 70px; }
.cw-newsletter input { flex: 1; min-width: 0; width: 100%; border: 0; outline: none; background: none; }
.cw-newsletter input::placeholder { color: var(--form-components-input-field-enabled-placeholder); }
.cw-site-footer__social { display: flex; gap: 8px; }
.cw-site-footer__social a { display: grid; place-items: center; width: 24px; height: 24px; color: var(--global-text-color); }
.cw-site-footer__social .is-missing { border-radius: 50%; background: var(--global-text-color); color: var(--global-primary-contrast); font: 700 8px/1 var(--label-font-family); }
.cw-site-footer__links { display: grid; grid-template-columns: minmax(0, 1fr); flex: 1; }
.cw-site-footer__col h3 { font-size: 16px; line-height: 24px; font-weight: 800; color: var(--greyscale-black); }
.cw-site-footer__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 0; border: 0; border-bottom: 1px solid var(--greyscale-4); background: none; color: inherit; font: inherit; cursor: pointer; }
.cw-site-footer__col ul { display: none; }
.cw-site-footer__col.is-open ul { display: flex; padding-bottom: 16px; }
.cw-site-footer__col.is-open .cw-site-footer__toggle .cw-icon { transform: rotate(45deg); }
.cw-site-footer__col ul { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 0; padding: 0; list-style: none; }
.cw-site-footer__col a { display: inline-block; padding-block: 4px; color: var(--global-secondary-dark-grey); }
.cw-site-footer__col a:hover { color: var(--global-text-color); }
.cw-divider { height: 2px; margin-block: 40px; background: var(--components-divider-fill); border: 0; }
.cw-site-footer__legal { display: flex; flex-direction: column; align-items: center; gap: 24px; max-width: var(--container-xxl); margin-inline: auto; padding-inline: 16px; text-align: center; }
.cw-site-footer__legal img { width: 190px; }
.cw-site-footer__licenses { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; font: 700 12px/1.3 var(--label-font-family); color: var(--greyscale-black); }
.cw-site-footer__policy { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; font: 400 12px/1.6 var(--label-font-family); color: var(--global-secondary-dark-grey); }
@media (min-width: 768px) { .cw-site-footer__policy a + a { padding-left: 16px; border-left: 1px solid var(--global-secondary-dark-grey); } }
.cw-site-footer__fine { max-width: 768px; font: 400 12px/1.4 var(--label-font-family); color: var(--global-secondary-dark-grey); text-align: left; }
@media (min-width: 992px) {
  .cw-site-footer__top { flex-direction: row; gap: 120px; }
  .cw-site-footer__links { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; }
  .cw-site-footer__toggle { padding: 4px 0; border: 0; pointer-events: none; }
  .cw-site-footer__toggle .cw-icon { display: none; }
  .cw-site-footer__col ul { display: flex; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }


.cw-mobile-cta { position: fixed; right: max(24px, env(safe-area-inset-right, 0px)); bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 45; display: flex; flex-direction: column; gap: 12px; width: min(380px, calc(100vw - 48px)); padding: 16px 20px 20px; border: 1px solid var(--templates-page-surface-divider); border-radius: 20px; background: var(--templates-page-surface); box-shadow: var(--elevation-04-float, 0 12px 32px rgb(0 0 0 / 0.14)); transition: transform 300ms ease, visibility 0s; }
.cw-mobile-cta__note { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; line-height: 20px; color: var(--atoms-text-text-secondary); }
.cw-mobile-cta__note .cw-icon { color: var(--atoms-text-text-accent); }
.cw-mobile-cta__note b { font-weight: 700; color: var(--atoms-text-text-dark); }
.cw-mobile-cta__count { color: var(--atoms-text-text-accent); }
.cw-mobile-cta__actions { display: flex; align-items: center; gap: 12px; }
.cw-mobile-cta__book { flex: 1; min-width: 0; min-height: 52px; gap: 10px; padding-block: 0; font-size: 16px; box-shadow: 0 8px 18px rgb(215 55 23 / 0.25); } 
.cw-mobile-cta__book .cw-icon { width: 20px; height: 20px; }
.cw-mobile-cta__call { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border: 1.5px solid var(--atoms-text-text-dark); border-radius: 50%; color: var(--atoms-text-text-dark); }
.cw-mobile-cta__call .cw-icon { width: 22px; height: 22px; }
.cw-mobile-cta.is-hidden { transform: translateY(calc(100% + 48px)); visibility: hidden; transition: transform 300ms ease, visibility 0s 300ms; }
.cw-chat-launcher { transition: bottom 300ms ease; }
body:has(.cw-mobile-cta:not(.is-hidden)) .cw-chat-launcher { bottom: calc(168px + env(safe-area-inset-bottom, 0px)); } 
@media (prefers-reduced-motion: reduce) { .cw-mobile-cta, .cw-mobile-cta.is-hidden, .cw-chat-launcher { transition: none; } }
@media (max-width: 991px) {
  .cw-mobile-cta { inset: auto 0 0; gap: 10px; width: auto; padding: 12px var(--spacing-margin) calc(12px + env(safe-area-inset-bottom, 0px)); border: 0; border-top: 1px solid var(--templates-page-surface-divider); border-radius: 0; background: rgb(255 255 255 / 0.94); backdrop-filter: blur(8px); box-shadow: 0 -6px 18px rgb(0 0 0 / 0.06); }
  .cw-mobile-cta__note { font-size: 15px; }
  .cw-mobile-cta__book { min-height: 56px; font-size: 18px; }
  .cw-mobile-cta__call { width: 56px; height: 56px; }
  .cw-mobile-cta.is-hidden { transform: translateY(calc(100% + 24px)); }
  body:has(.cw-mobile-cta) { padding-bottom: 128px; } 
  body:has(.cw-mobile-cta:not(.is-hidden)) .cw-chat-launcher { bottom: calc(140px + env(safe-area-inset-bottom, 0px)); } 
}

/* css/icons.css */

.i-add { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H136v80a8%2C8%2C0%2C0%2C1-16%2C0V136H40a8%2C8%2C0%2C0%2C1%2C0-16h80V40a8%2C8%2C0%2C0%2C1%2C16%2C0v80h80A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H136v80a8%2C8%2C0%2C0%2C1-16%2C0V136H40a8%2C8%2C0%2C0%2C1%2C0-16h80V40a8%2C8%2C0%2C0%2C1%2C16%2C0v80h80A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-collapse { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-minus { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-x { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M205.66%2C194.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31%2C61.66%2C205.66a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C50.34%2C61.66A8%2C8%2C0%2C0%2C1%2C61.66%2C50.34L128%2C116.69l66.34-66.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L139.31%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M205.66%2C194.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31%2C61.66%2C205.66a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C50.34%2C61.66A8%2C8%2C0%2C0%2C1%2C61.66%2C50.34L128%2C116.69l66.34-66.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L139.31%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-search { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M229.66%2C218.34l-50.07-50.06a88.11%2C88.11%2C0%2C1%2C0-11.31%2C11.31l50.06%2C50.07a8%2C8%2C0%2C0%2C0%2C11.32-11.32ZM40%2C112a72%2C72%2C0%2C1%2C1%2C72%2C72A72.08%2C72.08%2C0%2C0%2C1%2C40%2C112Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M229.66%2C218.34l-50.07-50.06a88.11%2C88.11%2C0%2C1%2C0-11.31%2C11.31l50.06%2C50.07a8%2C8%2C0%2C0%2C0%2C11.32-11.32ZM40%2C112a72%2C72%2C0%2C1%2C1%2C72%2C72A72.08%2C72.08%2C0%2C0%2C1%2C40%2C112Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-filter { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M40%2C88H73a32%2C32%2C0%2C0%2C0%2C62%2C0h81a8%2C8%2C0%2C0%2C0%2C0-16H135a32%2C32%2C0%2C0%2C0-62%2C0H40a8%2C8%2C0%2C0%2C0%2C0%2C16Zm64-24A16%2C16%2C0%2C1%2C1%2C88%2C80%2C16%2C16%2C0%2C0%2C1%2C104%2C64ZM216%2C168H199a32%2C32%2C0%2C0%2C0-62%2C0H40a8%2C8%2C0%2C0%2C0%2C0%2C16h97a32%2C32%2C0%2C0%2C0%2C62%2C0h17a8%2C8%2C0%2C0%2C0%2C0-16Zm-48%2C24a16%2C16%2C0%2C1%2C1%2C16-16A16%2C16%2C0%2C0%2C1%2C168%2C192Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M40%2C88H73a32%2C32%2C0%2C0%2C0%2C62%2C0h81a8%2C8%2C0%2C0%2C0%2C0-16H135a32%2C32%2C0%2C0%2C0-62%2C0H40a8%2C8%2C0%2C0%2C0%2C0%2C16Zm64-24A16%2C16%2C0%2C1%2C1%2C88%2C80%2C16%2C16%2C0%2C0%2C1%2C104%2C64ZM216%2C168H199a32%2C32%2C0%2C0%2C0-62%2C0H40a8%2C8%2C0%2C0%2C0%2C0%2C16h97a32%2C32%2C0%2C0%2C0%2C62%2C0h17a8%2C8%2C0%2C0%2C0%2C0-16Zm-48%2C24a16%2C16%2C0%2C1%2C1%2C16-16A16%2C16%2C0%2C0%2C1%2C168%2C192Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-change-club { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M117.66%2C170.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-32%2C32a8%2C8%2C0%2C0%2C1-11.32%2C0l-32-32a8%2C8%2C0%2C0%2C1%2C11.32-11.32L72%2C188.69V48a8%2C8%2C0%2C0%2C1%2C16%2C0V188.69l18.34-18.35A8%2C8%2C0%2C0%2C1%2C117.66%2C170.34Zm96-96-32-32a8%2C8%2C0%2C0%2C0-11.32%2C0l-32%2C32a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32L168%2C67.31V208a8%2C8%2C0%2C0%2C0%2C16%2C0V67.31l18.34%2C18.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M117.66%2C170.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-32%2C32a8%2C8%2C0%2C0%2C1-11.32%2C0l-32-32a8%2C8%2C0%2C0%2C1%2C11.32-11.32L72%2C188.69V48a8%2C8%2C0%2C0%2C1%2C16%2C0V188.69l18.34-18.35A8%2C8%2C0%2C0%2C1%2C117.66%2C170.34Zm96-96-32-32a8%2C8%2C0%2C0%2C0-11.32%2C0l-32%2C32a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32L168%2C67.31V208a8%2C8%2C0%2C0%2C0%2C16%2C0V67.31l18.34%2C18.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-refresh { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C48V96a8%2C8%2C0%2C0%2C1-8%2C8H168a8%2C8%2C0%2C0%2C1%2C0-16h28.69L182.06%2C73.37a79.56%2C79.56%2C0%2C0%2C0-56.13-23.43h-.45A79.52%2C79.52%2C0%2C0%2C0%2C69.59%2C72.71%2C8%2C8%2C0%2C0%2C1%2C58.41%2C61.27a96%2C96%2C0%2C0%2C1%2C135%2C.79L208%2C76.69V48a8%2C8%2C0%2C0%2C1%2C16%2C0ZM186.41%2C183.29a80%2C80%2C0%2C0%2C1-112.47-.66L59.31%2C168H88a8%2C8%2C0%2C0%2C0%2C0-16H40a8%2C8%2C0%2C0%2C0-8%2C8v48a8%2C8%2C0%2C0%2C0%2C16%2C0V179.31l14.63%2C14.63A95.43%2C95.43%2C0%2C0%2C0%2C130%2C222.06h.53a95.36%2C95.36%2C0%2C0%2C0%2C67.07-27.33%2C8%2C8%2C0%2C0%2C0-11.18-11.44Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C48V96a8%2C8%2C0%2C0%2C1-8%2C8H168a8%2C8%2C0%2C0%2C1%2C0-16h28.69L182.06%2C73.37a79.56%2C79.56%2C0%2C0%2C0-56.13-23.43h-.45A79.52%2C79.52%2C0%2C0%2C0%2C69.59%2C72.71%2C8%2C8%2C0%2C0%2C1%2C58.41%2C61.27a96%2C96%2C0%2C0%2C1%2C135%2C.79L208%2C76.69V48a8%2C8%2C0%2C0%2C1%2C16%2C0ZM186.41%2C183.29a80%2C80%2C0%2C0%2C1-112.47-.66L59.31%2C168H88a8%2C8%2C0%2C0%2C0%2C0-16H40a8%2C8%2C0%2C0%2C0-8%2C8v48a8%2C8%2C0%2C0%2C0%2C16%2C0V179.31l14.63%2C14.63A95.43%2C95.43%2C0%2C0%2C0%2C130%2C222.06h.53a95.36%2C95.36%2C0%2C0%2C0%2C67.07-27.33%2C8%2C8%2C0%2C0%2C0-11.18-11.44Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-rotate-back { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a96%2C96%2C0%2C0%2C1-94.71%2C96H128A95.38%2C95.38%2C0%2C0%2C1%2C62.1%2C197.8a8%2C8%2C0%2C0%2C1%2C11-11.63A80%2C80%2C0%2C1%2C0%2C71.43%2C71.39a3.07%2C3.07%2C0%2C0%2C1-.26.25L44.59%2C96H72a8%2C8%2C0%2C0%2C1%2C0%2C16H24a8%2C8%2C0%2C0%2C1-8-8V56a8%2C8%2C0%2C0%2C1%2C16%2C0V85.8L60.25%2C60A96%2C96%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a96%2C96%2C0%2C0%2C1-94.71%2C96H128A95.38%2C95.38%2C0%2C0%2C1%2C62.1%2C197.8a8%2C8%2C0%2C0%2C1%2C11-11.63A80%2C80%2C0%2C1%2C0%2C71.43%2C71.39a3.07%2C3.07%2C0%2C0%2C1-.26.25L44.59%2C96H72a8%2C8%2C0%2C0%2C1%2C0%2C16H24a8%2C8%2C0%2C0%2C1-8-8V56a8%2C8%2C0%2C0%2C1%2C16%2C0V85.8L60.25%2C60A96%2C96%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-upload { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C144v64a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1-8-8V144a8%2C8%2C0%2C0%2C1%2C16%2C0v56H208V144a8%2C8%2C0%2C0%2C1%2C16%2C0ZM93.66%2C77.66%2C120%2C51.31V144a8%2C8%2C0%2C0%2C0%2C16%2C0V51.31l26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32l-40-40a8%2C8%2C0%2C0%2C0-11.32%2C0l-40%2C40A8%2C8%2C0%2C0%2C0%2C93.66%2C77.66Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C144v64a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1-8-8V144a8%2C8%2C0%2C0%2C1%2C16%2C0v56H208V144a8%2C8%2C0%2C0%2C1%2C16%2C0ZM93.66%2C77.66%2C120%2C51.31V144a8%2C8%2C0%2C0%2C0%2C16%2C0V51.31l26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32l-40-40a8%2C8%2C0%2C0%2C0-11.32%2C0l-40%2C40A8%2C8%2C0%2C0%2C0%2C93.66%2C77.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-upload-file { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C82.34l-56-56A8%2C8%2C0%2C0%2C0%2C152%2C24H56A16%2C16%2C0%2C0%2C0%2C40%2C40V216a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V88A8%2C8%2C0%2C0%2C0%2C213.66%2C82.34ZM160%2C51.31%2C188.69%2C80H160ZM200%2C216H56V40h88V88a8%2C8%2C0%2C0%2C0%2C8%2C8h48V216Zm-42.34-77.66a8%2C8%2C0%2C0%2C1-11.32%2C11.32L136%2C139.31V184a8%2C8%2C0%2C0%2C1-16%2C0V139.31l-10.34%2C10.35a8%2C8%2C0%2C0%2C1-11.32-11.32l24-24a8%2C8%2C0%2C0%2C1%2C11.32%2C0Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C82.34l-56-56A8%2C8%2C0%2C0%2C0%2C152%2C24H56A16%2C16%2C0%2C0%2C0%2C40%2C40V216a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V88A8%2C8%2C0%2C0%2C0%2C213.66%2C82.34ZM160%2C51.31%2C188.69%2C80H160ZM200%2C216H56V40h88V88a8%2C8%2C0%2C0%2C0%2C8%2C8h48V216Zm-42.34-77.66a8%2C8%2C0%2C0%2C1-11.32%2C11.32L136%2C139.31V184a8%2C8%2C0%2C0%2C1-16%2C0V139.31l-10.34%2C10.35a8%2C8%2C0%2C0%2C1-11.32-11.32l24-24a8%2C8%2C0%2C0%2C1%2C11.32%2C0Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-document-uploaded { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C82.34l-56-56A8%2C8%2C0%2C0%2C0%2C152%2C24H56A16%2C16%2C0%2C0%2C0%2C40%2C40V216a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V88A8%2C8%2C0%2C0%2C0%2C213.66%2C82.34ZM160%2C51.31%2C188.69%2C80H160ZM200%2C216H56V40h88V88a8%2C8%2C0%2C0%2C0%2C8%2C8h48V216Zm-32-80a8%2C8%2C0%2C0%2C1-8%2C8H96a8%2C8%2C0%2C0%2C1%2C0-16h64A8%2C8%2C0%2C0%2C1%2C168%2C136Zm0%2C32a8%2C8%2C0%2C0%2C1-8%2C8H96a8%2C8%2C0%2C0%2C1%2C0-16h64A8%2C8%2C0%2C0%2C1%2C168%2C168Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C82.34l-56-56A8%2C8%2C0%2C0%2C0%2C152%2C24H56A16%2C16%2C0%2C0%2C0%2C40%2C40V216a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V88A8%2C8%2C0%2C0%2C0%2C213.66%2C82.34ZM160%2C51.31%2C188.69%2C80H160ZM200%2C216H56V40h88V88a8%2C8%2C0%2C0%2C0%2C8%2C8h48V216Zm-32-80a8%2C8%2C0%2C0%2C1-8%2C8H96a8%2C8%2C0%2C0%2C1%2C0-16h64A8%2C8%2C0%2C0%2C1%2C168%2C136Zm0%2C32a8%2C8%2C0%2C0%2C1-8%2C8H96a8%2C8%2C0%2C0%2C1%2C0-16h64A8%2C8%2C0%2C0%2C1%2C168%2C168Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-view-show { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M247.31%2C124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57%2C61.26%2C162.88%2C48%2C128%2C48S61.43%2C61.26%2C36.34%2C86.35C17.51%2C105.18%2C9%2C124%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208s66.57-13.26%2C91.66-38.34c18.83-18.83%2C27.3-37.61%2C27.65-38.4A8%2C8%2C0%2C0%2C0%2C247.31%2C124.76ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.47%2C133.47%2C0%2C0%2C1%2C25%2C128%2C133.33%2C133.33%2C0%2C0%2C1%2C48.07%2C97.25C70.33%2C75.19%2C97.22%2C64%2C128%2C64s57.67%2C11.19%2C79.93%2C33.25A133.46%2C133.46%2C0%2C0%2C1%2C231.05%2C128C223.84%2C141.46%2C192.43%2C192%2C128%2C192Zm0-112a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M247.31%2C124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57%2C61.26%2C162.88%2C48%2C128%2C48S61.43%2C61.26%2C36.34%2C86.35C17.51%2C105.18%2C9%2C124%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208s66.57-13.26%2C91.66-38.34c18.83-18.83%2C27.3-37.61%2C27.65-38.4A8%2C8%2C0%2C0%2C0%2C247.31%2C124.76ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.47%2C133.47%2C0%2C0%2C1%2C25%2C128%2C133.33%2C133.33%2C0%2C0%2C1%2C48.07%2C97.25C70.33%2C75.19%2C97.22%2C64%2C128%2C64s57.67%2C11.19%2C79.93%2C33.25A133.46%2C133.46%2C0%2C0%2C1%2C231.05%2C128C223.84%2C141.46%2C192.43%2C192%2C128%2C192Zm0-112a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-view-hide { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M53.92%2C34.62A8%2C8%2C0%2C1%2C0%2C42.08%2C45.38L61.32%2C66.55C25%2C88.84%2C9.38%2C123.2%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208a127.11%2C127.11%2C0%2C0%2C0%2C52.07-10.83l22%2C24.21a8%2C8%2C0%2C1%2C0%2C11.84-10.76Zm47.33%2C75.84%2C41.67%2C45.85a32%2C32%2C0%2C0%2C1-41.67-45.85ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.16%2C133.16%2C0%2C0%2C1%2C25%2C128c4.69-8.79%2C19.66-33.39%2C47.35-49.38l18%2C19.75a48%2C48%2C0%2C0%2C0%2C63.66%2C70l14.73%2C16.2A112%2C112%2C0%2C0%2C1%2C128%2C192Zm6-95.43a8%2C8%2C0%2C0%2C1%2C3-15.72%2C48.16%2C48.16%2C0%2C0%2C1%2C38.77%2C42.64%2C8%2C8%2C0%2C0%2C1-7.22%2C8.71%2C6.39%2C6.39%2C0%2C0%2C1-.75%2C0%2C8%2C8%2C0%2C0%2C1-8-7.26A32.09%2C32.09%2C0%2C0%2C0%2C134%2C96.57Zm113.28%2C34.69c-.42.94-10.55%2C23.37-33.36%2C43.8a8%2C8%2C0%2C1%2C1-10.67-11.92A132.77%2C132.77%2C0%2C0%2C0%2C231.05%2C128a133.15%2C133.15%2C0%2C0%2C0-23.12-30.77C185.67%2C75.19%2C158.78%2C64%2C128%2C64a118.37%2C118.37%2C0%2C0%2C0-19.36%2C1.57A8%2C8%2C0%2C1%2C1%2C106%2C49.79%2C134%2C134%2C0%2C0%2C1%2C128%2C48c34.88%2C0%2C66.57%2C13.26%2C91.66%2C38.35%2C18.83%2C18.83%2C27.3%2C37.62%2C27.65%2C38.41A8%2C8%2C0%2C0%2C1%2C247.31%2C131.26Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M53.92%2C34.62A8%2C8%2C0%2C1%2C0%2C42.08%2C45.38L61.32%2C66.55C25%2C88.84%2C9.38%2C123.2%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208a127.11%2C127.11%2C0%2C0%2C0%2C52.07-10.83l22%2C24.21a8%2C8%2C0%2C1%2C0%2C11.84-10.76Zm47.33%2C75.84%2C41.67%2C45.85a32%2C32%2C0%2C0%2C1-41.67-45.85ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.16%2C133.16%2C0%2C0%2C1%2C25%2C128c4.69-8.79%2C19.66-33.39%2C47.35-49.38l18%2C19.75a48%2C48%2C0%2C0%2C0%2C63.66%2C70l14.73%2C16.2A112%2C112%2C0%2C0%2C1%2C128%2C192Zm6-95.43a8%2C8%2C0%2C0%2C1%2C3-15.72%2C48.16%2C48.16%2C0%2C0%2C1%2C38.77%2C42.64%2C8%2C8%2C0%2C0%2C1-7.22%2C8.71%2C6.39%2C6.39%2C0%2C0%2C1-.75%2C0%2C8%2C8%2C0%2C0%2C1-8-7.26A32.09%2C32.09%2C0%2C0%2C0%2C134%2C96.57Zm113.28%2C34.69c-.42.94-10.55%2C23.37-33.36%2C43.8a8%2C8%2C0%2C1%2C1-10.67-11.92A132.77%2C132.77%2C0%2C0%2C0%2C231.05%2C128a133.15%2C133.15%2C0%2C0%2C0-23.12-30.77C185.67%2C75.19%2C158.78%2C64%2C128%2C64a118.37%2C118.37%2C0%2C0%2C0-19.36%2C1.57A8%2C8%2C0%2C1%2C1%2C106%2C49.79%2C134%2C134%2C0%2C0%2C1%2C128%2C48c34.88%2C0%2C66.57%2C13.26%2C91.66%2C38.35%2C18.83%2C18.83%2C27.3%2C37.62%2C27.65%2C38.41A8%2C8%2C0%2C0%2C1%2C247.31%2C131.26Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-overflow { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M140%2C128a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C128Zm56-12a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C196%2C116ZM60%2C116a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C60%2C116Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M140%2C128a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C128Zm56-12a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C196%2C116ZM60%2C116a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C60%2C116Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-menu { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM40%2C72H216a8%2C8%2C0%2C0%2C0%2C0-16H40a8%2C8%2C0%2C0%2C0%2C0%2C16ZM216%2C184H40a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM40%2C72H216a8%2C8%2C0%2C0%2C0%2C0-16H40a8%2C8%2C0%2C0%2C0%2C0%2C16ZM216%2C184H40a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-expand { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2C48V96a8%2C8%2C0%2C0%2C1-16%2C0V67.31l-50.34%2C50.35a8%2C8%2C0%2C0%2C1-11.32-11.32L188.69%2C56H160a8%2C8%2C0%2C0%2C1%2C0-16h48A8%2C8%2C0%2C0%2C1%2C216%2C48ZM106.34%2C138.34%2C56%2C188.69V160a8%2C8%2C0%2C0%2C0-16%2C0v48a8%2C8%2C0%2C0%2C0%2C8%2C8H96a8%2C8%2C0%2C0%2C0%2C0-16H67.31l50.35-50.34a8%2C8%2C0%2C0%2C0-11.32-11.32Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2C48V96a8%2C8%2C0%2C0%2C1-16%2C0V67.31l-50.34%2C50.35a8%2C8%2C0%2C0%2C1-11.32-11.32L188.69%2C56H160a8%2C8%2C0%2C0%2C1%2C0-16h48A8%2C8%2C0%2C0%2C1%2C216%2C48ZM106.34%2C138.34%2C56%2C188.69V160a8%2C8%2C0%2C0%2C0-16%2C0v48a8%2C8%2C0%2C0%2C0%2C8%2C8H96a8%2C8%2C0%2C0%2C0%2C0-16H67.31l50.35-50.34a8%2C8%2C0%2C0%2C0-11.32-11.32Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-shrink { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C53.66%2C163.31%2C104H192a8%2C8%2C0%2C0%2C1%2C0%2C16H144a8%2C8%2C0%2C0%2C1-8-8V64a8%2C8%2C0%2C0%2C1%2C16%2C0V92.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32ZM112%2C136H64a8%2C8%2C0%2C0%2C0%2C0%2C16H92.69L42.34%2C202.34a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32L104%2C163.31V192a8%2C8%2C0%2C0%2C0%2C16%2C0V144A8%2C8%2C0%2C0%2C0%2C112%2C136Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C53.66%2C163.31%2C104H192a8%2C8%2C0%2C0%2C1%2C0%2C16H144a8%2C8%2C0%2C0%2C1-8-8V64a8%2C8%2C0%2C0%2C1%2C16%2C0V92.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32ZM112%2C136H64a8%2C8%2C0%2C0%2C0%2C0%2C16H92.69L42.34%2C202.34a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32L104%2C163.31V192a8%2C8%2C0%2C0%2C0%2C16%2C0V144A8%2C8%2C0%2C0%2C0%2C112%2C136Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-arrow { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M221.66%2C133.66l-72%2C72a8%2C8%2C0%2C0%2C1-11.32-11.32L196.69%2C136H40a8%2C8%2C0%2C0%2C1%2C0-16H196.69L138.34%2C61.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l72%2C72A8%2C8%2C0%2C0%2C1%2C221.66%2C133.66Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M221.66%2C133.66l-72%2C72a8%2C8%2C0%2C0%2C1-11.32-11.32L196.69%2C136H40a8%2C8%2C0%2C0%2C1%2C0-16H196.69L138.34%2C61.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l72%2C72A8%2C8%2C0%2C0%2C1%2C221.66%2C133.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-arrow-left { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H59.31l58.35%2C58.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-72-72a8%2C8%2C0%2C0%2C1%2C0-11.32l72-72a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L59.31%2C120H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H59.31l58.35%2C58.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-72-72a8%2C8%2C0%2C0%2C1%2C0-11.32l72-72a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L59.31%2C120H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-chevron-up { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C165.66a8%2C8%2C0%2C0%2C1-11.32%2C0L128%2C91.31%2C53.66%2C165.66a8%2C8%2C0%2C0%2C1-11.32-11.32l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C0l80%2C80A8%2C8%2C0%2C0%2C1%2C213.66%2C165.66Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C165.66a8%2C8%2C0%2C0%2C1-11.32%2C0L128%2C91.31%2C53.66%2C165.66a8%2C8%2C0%2C0%2C1-11.32-11.32l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C0l80%2C80A8%2C8%2C0%2C0%2C1%2C213.66%2C165.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-chevron-down { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C101.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32%2C0l-80-80A8%2C8%2C0%2C0%2C1%2C53.66%2C90.34L128%2C164.69l74.34-74.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M213.66%2C101.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32%2C0l-80-80A8%2C8%2C0%2C0%2C1%2C53.66%2C90.34L128%2C164.69l74.34-74.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-chevron-left { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M165.66%2C202.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-80-80a8%2C8%2C0%2C0%2C1%2C0-11.32l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L91.31%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M165.66%2C202.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-80-80a8%2C8%2C0%2C0%2C1%2C0-11.32l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L91.31%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-chevron-right { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M181.66%2C133.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32-11.32L164.69%2C128%2C90.34%2C53.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l80%2C80A8%2C8%2C0%2C0%2C1%2C181.66%2C133.66Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M181.66%2C133.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32-11.32L164.69%2C128%2C90.34%2C53.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l80%2C80A8%2C8%2C0%2C0%2C1%2C181.66%2C133.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240%2C128a15.74%2C15.74%2C0%2C0%2C1-7.6%2C13.51L88.32%2C229.65a16%2C16%2C0%2C0%2C1-16.2.3A15.86%2C15.86%2C0%2C0%2C1%2C64%2C216.13V39.87a15.86%2C15.86%2C0%2C0%2C1%2C8.12-13.82%2C16%2C16%2C0%2C0%2C1%2C16.2.3L232.4%2C114.49A15.74%2C15.74%2C0%2C0%2C1%2C240%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240%2C128a15.74%2C15.74%2C0%2C0%2C1-7.6%2C13.51L88.32%2C229.65a16%2C16%2C0%2C0%2C1-16.2.3A15.86%2C15.86%2C0%2C0%2C1%2C64%2C216.13V39.87a15.86%2C15.86%2C0%2C0%2C1%2C8.12-13.82%2C16%2C16%2C0%2C0%2C1%2C16.2.3L232.4%2C114.49A15.74%2C15.74%2C0%2C0%2C1%2C240%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-skip-backward { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M199.81%2C34a16%2C16%2C0%2C0%2C0-16.24.43L64%2C109.23V40a8%2C8%2C0%2C0%2C0-16%2C0V216a8%2C8%2C0%2C0%2C0%2C16%2C0V146.77l119.57%2C74.78A15.95%2C15.95%2C0%2C0%2C0%2C208%2C208.12V47.88A15.86%2C15.86%2C0%2C0%2C0%2C199.81%2C34ZM192%2C208%2C64.16%2C128%2C192%2C48.07Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M199.81%2C34a16%2C16%2C0%2C0%2C0-16.24.43L64%2C109.23V40a8%2C8%2C0%2C0%2C0-16%2C0V216a8%2C8%2C0%2C0%2C0%2C16%2C0V146.77l119.57%2C74.78A15.95%2C15.95%2C0%2C0%2C0%2C208%2C208.12V47.88A15.86%2C15.86%2C0%2C0%2C0%2C199.81%2C34ZM192%2C208%2C64.16%2C128%2C192%2C48.07Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-skip-forward { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M200%2C32a8%2C8%2C0%2C0%2C0-8%2C8v69.23L72.43%2C34.45A15.95%2C15.95%2C0%2C0%2C0%2C48%2C47.88V208.12a16%2C16%2C0%2C0%2C0%2C24.43%2C13.43L192%2C146.77V216a8%2C8%2C0%2C0%2C0%2C16%2C0V40A8%2C8%2C0%2C0%2C0%2C200%2C32ZM64%2C207.93V48.05l127.84%2C80Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M200%2C32a8%2C8%2C0%2C0%2C0-8%2C8v69.23L72.43%2C34.45A15.95%2C15.95%2C0%2C0%2C0%2C48%2C47.88V208.12a16%2C16%2C0%2C0%2C0%2C24.43%2C13.43L192%2C146.77V216a8%2C8%2C0%2C0%2C0%2C16%2C0V40A8%2C8%2C0%2C0%2C0%2C200%2C32ZM64%2C207.93V48.05l127.84%2C80Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-photo-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2C40H40A16%2C16%2C0%2C0%2C0%2C24%2C56V200a16%2C16%2C0%2C0%2C0%2C16%2C16H216a16%2C16%2C0%2C0%2C0%2C16-16V56A16%2C16%2C0%2C0%2C0%2C216%2C40Zm0%2C16V158.75l-26.07-26.06a16%2C16%2C0%2C0%2C0-22.63%2C0l-20%2C20-44-44a16%2C16%2C0%2C0%2C0-22.62%2C0L40%2C149.37V56ZM40%2C172l52-52%2C80%2C80H40Zm176%2C28H194.63l-36-36%2C20-20L216%2C181.38V200ZM144%2C100a12%2C12%2C0%2C1%2C1%2C12%2C12A12%2C12%2C0%2C0%2C1%2C144%2C100Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2C40H40A16%2C16%2C0%2C0%2C0%2C24%2C56V200a16%2C16%2C0%2C0%2C0%2C16%2C16H216a16%2C16%2C0%2C0%2C0%2C16-16V56A16%2C16%2C0%2C0%2C0%2C216%2C40Zm0%2C16V158.75l-26.07-26.06a16%2C16%2C0%2C0%2C0-22.63%2C0l-20%2C20-44-44a16%2C16%2C0%2C0%2C0-22.62%2C0L40%2C149.37V56ZM40%2C172l52-52%2C80%2C80H40Zm176%2C28H194.63l-36-36%2C20-20L216%2C181.38V200ZM144%2C100a12%2C12%2C0%2C1%2C1%2C12%2C12A12%2C12%2C0%2C0%2C1%2C144%2C100Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-success { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm45.66%2C85.66-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm45.66%2C85.66-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-success-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M173.66%2C98.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35A8%2C8%2C0%2C0%2C1%2C173.66%2C98.34ZM232%2C128A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M173.66%2C98.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35A8%2C8%2C0%2C0%2C1%2C173.66%2C98.34ZM232%2C128A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-warning { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M236.8%2C188.09%2C149.35%2C36.22h0a24.76%2C24.76%2C0%2C0%2C0-42.7%2C0L19.2%2C188.09a23.51%2C23.51%2C0%2C0%2C0%2C0%2C23.72A24.35%2C24.35%2C0%2C0%2C0%2C40.55%2C224h174.9a24.35%2C24.35%2C0%2C0%2C0%2C21.33-12.19A23.51%2C23.51%2C0%2C0%2C0%2C236.8%2C188.09ZM120%2C104a8%2C8%2C0%2C0%2C1%2C16%2C0v40a8%2C8%2C0%2C0%2C1-16%2C0Zm8%2C88a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C128%2C192Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M236.8%2C188.09%2C149.35%2C36.22h0a24.76%2C24.76%2C0%2C0%2C0-42.7%2C0L19.2%2C188.09a23.51%2C23.51%2C0%2C0%2C0%2C0%2C23.72A24.35%2C24.35%2C0%2C0%2C0%2C40.55%2C224h174.9a24.35%2C24.35%2C0%2C0%2C0%2C21.33-12.19A23.51%2C23.51%2C0%2C0%2C0%2C236.8%2C188.09ZM120%2C104a8%2C8%2C0%2C0%2C1%2C16%2C0v40a8%2C8%2C0%2C0%2C1-16%2C0Zm8%2C88a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C128%2C192Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-warning-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M236.8%2C188.09%2C149.35%2C36.22h0a24.76%2C24.76%2C0%2C0%2C0-42.7%2C0L19.2%2C188.09a23.51%2C23.51%2C0%2C0%2C0%2C0%2C23.72A24.35%2C24.35%2C0%2C0%2C0%2C40.55%2C224h174.9a24.35%2C24.35%2C0%2C0%2C0%2C21.33-12.19A23.51%2C23.51%2C0%2C0%2C0%2C236.8%2C188.09ZM222.93%2C203.8a8.5%2C8.5%2C0%2C0%2C1-7.48%2C4.2H40.55a8.5%2C8.5%2C0%2C0%2C1-7.48-4.2%2C7.59%2C7.59%2C0%2C0%2C1%2C0-7.72L120.52%2C44.21a8.75%2C8.75%2C0%2C0%2C1%2C15%2C0l87.45%2C151.87A7.59%2C7.59%2C0%2C0%2C1%2C222.93%2C203.8ZM120%2C144V104a8%2C8%2C0%2C0%2C1%2C16%2C0v40a8%2C8%2C0%2C0%2C1-16%2C0Zm20%2C36a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C180Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M236.8%2C188.09%2C149.35%2C36.22h0a24.76%2C24.76%2C0%2C0%2C0-42.7%2C0L19.2%2C188.09a23.51%2C23.51%2C0%2C0%2C0%2C0%2C23.72A24.35%2C24.35%2C0%2C0%2C0%2C40.55%2C224h174.9a24.35%2C24.35%2C0%2C0%2C0%2C21.33-12.19A23.51%2C23.51%2C0%2C0%2C0%2C236.8%2C188.09ZM222.93%2C203.8a8.5%2C8.5%2C0%2C0%2C1-7.48%2C4.2H40.55a8.5%2C8.5%2C0%2C0%2C1-7.48-4.2%2C7.59%2C7.59%2C0%2C0%2C1%2C0-7.72L120.52%2C44.21a8.75%2C8.75%2C0%2C0%2C1%2C15%2C0l87.45%2C151.87A7.59%2C7.59%2C0%2C0%2C1%2C222.93%2C203.8ZM120%2C144V104a8%2C8%2C0%2C0%2C1%2C16%2C0v40a8%2C8%2C0%2C0%2C1-16%2C0Zm20%2C36a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C180Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-error-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M165.66%2C101.66%2C139.31%2C128l26.35%2C26.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31l-26.34%2C26.35a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C90.34%2C101.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C116.69l26.34-26.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32ZM232%2C128A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M165.66%2C101.66%2C139.31%2C128l26.35%2C26.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31l-26.34%2C26.35a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C90.34%2C101.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C116.69l26.34-26.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32ZM232%2C128A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-info-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm16-40a8%2C8%2C0%2C0%2C1-8%2C8%2C16%2C16%2C0%2C0%2C1-16-16V128a8%2C8%2C0%2C0%2C1%2C0-16%2C16%2C16%2C0%2C0%2C1%2C16%2C16v40A8%2C8%2C0%2C0%2C1%2C144%2C176ZM112%2C84a12%2C12%2C0%2C1%2C1%2C12%2C12A12%2C12%2C0%2C0%2C1%2C112%2C84Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm16-40a8%2C8%2C0%2C0%2C1-8%2C8%2C16%2C16%2C0%2C0%2C1-16-16V128a8%2C8%2C0%2C0%2C1%2C0-16%2C16%2C16%2C0%2C0%2C1%2C16%2C16v40A8%2C8%2C0%2C0%2C1%2C144%2C176ZM112%2C84a12%2C12%2C0%2C1%2C1%2C12%2C12A12%2C12%2C0%2C0%2C1%2C112%2C84Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-star { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M234.29%2C114.85l-45%2C38.83L203%2C211.75a16.4%2C16.4%2C0%2C0%2C1-24.5%2C17.82L128%2C198.49%2C77.47%2C229.57A16.4%2C16.4%2C0%2C0%2C1%2C53%2C211.75l13.76-58.07-45-38.83A16.46%2C16.46%2C0%2C0%2C1%2C31.08%2C86l59-4.76%2C22.76-55.08a16.36%2C16.36%2C0%2C0%2C1%2C30.27%2C0l22.75%2C55.08%2C59%2C4.76a16.46%2C16.46%2C0%2C0%2C1%2C9.37%2C28.86Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M234.29%2C114.85l-45%2C38.83L203%2C211.75a16.4%2C16.4%2C0%2C0%2C1-24.5%2C17.82L128%2C198.49%2C77.47%2C229.57A16.4%2C16.4%2C0%2C0%2C1%2C53%2C211.75l13.76-58.07-45-38.83A16.46%2C16.46%2C0%2C0%2C1%2C31.08%2C86l59-4.76%2C22.76-55.08a16.36%2C16.36%2C0%2C0%2C1%2C30.27%2C0l22.75%2C55.08%2C59%2C4.76a16.46%2C16.46%2C0%2C0%2C1%2C9.37%2C28.86Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-pin { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C16a88.1%2C88.1%2C0%2C0%2C0-88%2C88c0%2C75.3%2C80%2C132.17%2C83.41%2C134.55a8%2C8%2C0%2C0%2C0%2C9.18%2C0C136%2C236.17%2C216%2C179.3%2C216%2C104A88.1%2C88.1%2C0%2C0%2C0%2C128%2C16Zm0%2C56a32%2C32%2C0%2C1%2C1-32%2C32A32%2C32%2C0%2C0%2C1%2C128%2C72Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C16a88.1%2C88.1%2C0%2C0%2C0-88%2C88c0%2C75.3%2C80%2C132.17%2C83.41%2C134.55a8%2C8%2C0%2C0%2C0%2C9.18%2C0C136%2C236.17%2C216%2C179.3%2C216%2C104A88.1%2C88.1%2C0%2C0%2C0%2C128%2C16Zm0%2C56a32%2C32%2C0%2C1%2C1-32%2C32A32%2C32%2C0%2C0%2C1%2C128%2C72Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-pin-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C64a40%2C40%2C0%2C1%2C0%2C40%2C40A40%2C40%2C0%2C0%2C0%2C128%2C64Zm0%2C64a24%2C24%2C0%2C1%2C1%2C24-24A24%2C24%2C0%2C0%2C1%2C128%2C128Zm0-112a88.1%2C88.1%2C0%2C0%2C0-88%2C88c0%2C31.4%2C14.51%2C64.68%2C42%2C96.25a254.19%2C254.19%2C0%2C0%2C0%2C41.45%2C38.3%2C8%2C8%2C0%2C0%2C0%2C9.18%2C0A254.19%2C254.19%2C0%2C0%2C0%2C174%2C200.25c27.45-31.57%2C42-64.85%2C42-96.25A88.1%2C88.1%2C0%2C0%2C0%2C128%2C16Zm0%2C206c-16.53-13-72-60.75-72-118a72%2C72%2C0%2C0%2C1%2C144%2C0C200%2C161.23%2C144.53%2C209%2C128%2C222Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C64a40%2C40%2C0%2C1%2C0%2C40%2C40A40%2C40%2C0%2C0%2C0%2C128%2C64Zm0%2C64a24%2C24%2C0%2C1%2C1%2C24-24A24%2C24%2C0%2C0%2C1%2C128%2C128Zm0-112a88.1%2C88.1%2C0%2C0%2C0-88%2C88c0%2C31.4%2C14.51%2C64.68%2C42%2C96.25a254.19%2C254.19%2C0%2C0%2C0%2C41.45%2C38.3%2C8%2C8%2C0%2C0%2C0%2C9.18%2C0A254.19%2C254.19%2C0%2C0%2C0%2C174%2C200.25c27.45-31.57%2C42-64.85%2C42-96.25A88.1%2C88.1%2C0%2C0%2C0%2C128%2C16Zm0%2C206c-16.53-13-72-60.75-72-118a72%2C72%2C0%2C0%2C1%2C144%2C0C200%2C161.23%2C144.53%2C209%2C128%2C222Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-phone { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M231.88%2C175.08A56.26%2C56.26%2C0%2C0%2C1%2C176%2C224C96.6%2C224%2C32%2C159.4%2C32%2C80A56.26%2C56.26%2C0%2C0%2C1%2C80.92%2C24.12a16%2C16%2C0%2C0%2C1%2C16.62%2C9.52l21.12%2C47.15%2C0%2C.12A16%2C16%2C0%2C0%2C1%2C117.39%2C96c-.18.27-.37.52-.57.77L96%2C121.45c7.49%2C15.22%2C23.41%2C31%2C38.83%2C38.51l24.34-20.71a8.12%2C8.12%2C0%2C0%2C1%2C.75-.56%2C16%2C16%2C0%2C0%2C1%2C15.17-1.4l.13.06%2C47.11%2C21.11A16%2C16%2C0%2C0%2C1%2C231.88%2C175.08Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M231.88%2C175.08A56.26%2C56.26%2C0%2C0%2C1%2C176%2C224C96.6%2C224%2C32%2C159.4%2C32%2C80A56.26%2C56.26%2C0%2C0%2C1%2C80.92%2C24.12a16%2C16%2C0%2C0%2C1%2C16.62%2C9.52l21.12%2C47.15%2C0%2C.12A16%2C16%2C0%2C0%2C1%2C117.39%2C96c-.18.27-.37.52-.57.77L96%2C121.45c7.49%2C15.22%2C23.41%2C31%2C38.83%2C38.51l24.34-20.71a8.12%2C8.12%2C0%2C0%2C1%2C.75-.56%2C16%2C16%2C0%2C0%2C1%2C15.17-1.4l.13.06%2C47.11%2C21.11A16%2C16%2C0%2C0%2C1%2C231.88%2C175.08Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-calendar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2C32H184V24a8%2C8%2C0%2C0%2C0-16%2C0v8H88V24a8%2C8%2C0%2C0%2C0-16%2C0v8H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C208%2C32ZM72%2C48v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h80v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h24V80H48V48ZM208%2C208H48V96H208V208Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2C32H184V24a8%2C8%2C0%2C0%2C0-16%2C0v8H88V24a8%2C8%2C0%2C0%2C0-16%2C0v8H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C208%2C32ZM72%2C48v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h80v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h24V80H48V48ZM208%2C208H48V96H208V208Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-clock { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm64-88a8%2C8%2C0%2C0%2C1-8%2C8H128a8%2C8%2C0%2C0%2C1-8-8V72a8%2C8%2C0%2C0%2C1%2C16%2C0v48h48A8%2C8%2C0%2C0%2C1%2C192%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm64-88a8%2C8%2C0%2C0%2C1-8%2C8H128a8%2C8%2C0%2C0%2C1-8-8V72a8%2C8%2C0%2C0%2C1%2C16%2C0v48h48A8%2C8%2C0%2C0%2C1%2C192%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-home { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C120v96a8%2C8%2C0%2C0%2C1-8%2C8H160a8%2C8%2C0%2C0%2C1-8-8V164a4%2C4%2C0%2C0%2C0-4-4H108a4%2C4%2C0%2C0%2C0-4%2C4v52a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1-8-8V120a16%2C16%2C0%2C0%2C1%2C4.69-11.31l80-80a16%2C16%2C0%2C0%2C1%2C22.62%2C0l80%2C80A16%2C16%2C0%2C0%2C1%2C224%2C120Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C120v96a8%2C8%2C0%2C0%2C1-8%2C8H160a8%2C8%2C0%2C0%2C1-8-8V164a4%2C4%2C0%2C0%2C0-4-4H108a4%2C4%2C0%2C0%2C0-4%2C4v52a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1-8-8V120a16%2C16%2C0%2C0%2C1%2C4.69-11.31l80-80a16%2C16%2C0%2C0%2C1%2C22.62%2C0l80%2C80A16%2C16%2C0%2C0%2C1%2C224%2C120Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-home-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M219.31%2C108.68l-80-80a16%2C16%2C0%2C0%2C0-22.62%2C0l-80%2C80A15.87%2C15.87%2C0%2C0%2C0%2C32%2C120v96a8%2C8%2C0%2C0%2C0%2C8%2C8h64a8%2C8%2C0%2C0%2C0%2C8-8V160h32v56a8%2C8%2C0%2C0%2C0%2C8%2C8h64a8%2C8%2C0%2C0%2C0%2C8-8V120A15.87%2C15.87%2C0%2C0%2C0%2C219.31%2C108.68ZM208%2C208H160V152a8%2C8%2C0%2C0%2C0-8-8H104a8%2C8%2C0%2C0%2C0-8%2C8v56H48V120l80-80%2C80%2C80Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M219.31%2C108.68l-80-80a16%2C16%2C0%2C0%2C0-22.62%2C0l-80%2C80A15.87%2C15.87%2C0%2C0%2C0%2C32%2C120v96a8%2C8%2C0%2C0%2C0%2C8%2C8h64a8%2C8%2C0%2C0%2C0%2C8-8V160h32v56a8%2C8%2C0%2C0%2C0%2C8%2C8h64a8%2C8%2C0%2C0%2C0%2C8-8V120A15.87%2C15.87%2C0%2C0%2C0%2C219.31%2C108.68ZM208%2C208H160V152a8%2C8%2C0%2C0%2C0-8-8H104a8%2C8%2C0%2C0%2C0-8%2C8v56H48V120l80-80%2C80%2C80Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-headset { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M201.89%2C54.66A103.43%2C103.43%2C0%2C0%2C0%2C128.79%2C24H128A104%2C104%2C0%2C0%2C0%2C24%2C128v56a24%2C24%2C0%2C0%2C0%2C24%2C24H64a24%2C24%2C0%2C0%2C0%2C24-24V144a24%2C24%2C0%2C0%2C0-24-24H40.36A88.12%2C88.12%2C0%2C0%2C1%2C190.54%2C65.93%2C87.39%2C87.39%2C0%2C0%2C1%2C215.65%2C120H192a24%2C24%2C0%2C0%2C0-24%2C24v40a24%2C24%2C0%2C0%2C0%2C24%2C24h24a24%2C24%2C0%2C0%2C1-24%2C24H136a8%2C8%2C0%2C0%2C0%2C0%2C16h56a40%2C40%2C0%2C0%2C0%2C40-40V128A103.41%2C103.41%2C0%2C0%2C0%2C201.89%2C54.66ZM64%2C136a8%2C8%2C0%2C0%2C1%2C8%2C8v40a8%2C8%2C0%2C0%2C1-8%2C8H48a8%2C8%2C0%2C0%2C1-8-8V136Zm128%2C56a8%2C8%2C0%2C0%2C1-8-8V144a8%2C8%2C0%2C0%2C1%2C8-8h24v56Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M201.89%2C54.66A103.43%2C103.43%2C0%2C0%2C0%2C128.79%2C24H128A104%2C104%2C0%2C0%2C0%2C24%2C128v56a24%2C24%2C0%2C0%2C0%2C24%2C24H64a24%2C24%2C0%2C0%2C0%2C24-24V144a24%2C24%2C0%2C0%2C0-24-24H40.36A88.12%2C88.12%2C0%2C0%2C1%2C190.54%2C65.93%2C87.39%2C87.39%2C0%2C0%2C1%2C215.65%2C120H192a24%2C24%2C0%2C0%2C0-24%2C24v40a24%2C24%2C0%2C0%2C0%2C24%2C24h24a24%2C24%2C0%2C0%2C1-24%2C24H136a8%2C8%2C0%2C0%2C0%2C0%2C16h56a40%2C40%2C0%2C0%2C0%2C40-40V128A103.41%2C103.41%2C0%2C0%2C0%2C201.89%2C54.66ZM64%2C136a8%2C8%2C0%2C0%2C1%2C8%2C8v40a8%2C8%2C0%2C0%2C1-8%2C8H48a8%2C8%2C0%2C0%2C1-8-8V136Zm128%2C56a8%2C8%2C0%2C0%2C1-8-8V144a8%2C8%2C0%2C0%2C1%2C8-8h24v56Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-chat { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M140%2C128a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C128ZM84%2C116a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C84%2C116Zm88%2C0a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C172%2C116Zm60%2C12A104%2C104%2C0%2C0%2C1%2C79.12%2C219.82L45.07%2C231.17a16%2C16%2C0%2C0%2C1-20.24-20.24l11.35-34.05A104%2C104%2C0%2C1%2C1%2C232%2C128Zm-16%2C0A88%2C88%2C0%2C1%2C0%2C51.81%2C172.06a8%2C8%2C0%2C0%2C1%2C.66%2C6.54L40%2C216%2C77.4%2C203.53a7.85%2C7.85%2C0%2C0%2C1%2C2.53-.42%2C8%2C8%2C0%2C0%2C1%2C4%2C1.08A88%2C88%2C0%2C0%2C0%2C216%2C128Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M140%2C128a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C128ZM84%2C116a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C84%2C116Zm88%2C0a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C172%2C116Zm60%2C12A104%2C104%2C0%2C0%2C1%2C79.12%2C219.82L45.07%2C231.17a16%2C16%2C0%2C0%2C1-20.24-20.24l11.35-34.05A104%2C104%2C0%2C1%2C1%2C232%2C128Zm-16%2C0A88%2C88%2C0%2C1%2C0%2C51.81%2C172.06a8%2C8%2C0%2C0%2C1%2C.66%2C6.54L40%2C216%2C77.4%2C203.53a7.85%2C7.85%2C0%2C0%2C1%2C2.53-.42%2C8%2C8%2C0%2C0%2C1%2C4%2C1.08A88%2C88%2C0%2C0%2C0%2C216%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-profile { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M230.93%2C220a8%2C8%2C0%2C0%2C1-6.93%2C4H32a8%2C8%2C0%2C0%2C1-6.92-12c15.23-26.33%2C38.7-45.21%2C66.09-54.16a72%2C72%2C0%2C1%2C1%2C73.66%2C0c27.39%2C8.95%2C50.86%2C27.83%2C66.09%2C54.16A8%2C8%2C0%2C0%2C1%2C230.93%2C220Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M230.93%2C220a8%2C8%2C0%2C0%2C1-6.93%2C4H32a8%2C8%2C0%2C0%2C1-6.92-12c15.23-26.33%2C38.7-45.21%2C66.09-54.16a72%2C72%2C0%2C1%2C1%2C73.66%2C0c27.39%2C8.95%2C50.86%2C27.83%2C66.09%2C54.16A8%2C8%2C0%2C0%2C1%2C230.93%2C220Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-profile-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M230.92%2C212c-15.23-26.33-38.7-45.21-66.09-54.16a72%2C72%2C0%2C1%2C0-73.66%2C0C63.78%2C166.78%2C40.31%2C185.66%2C25.08%2C212a8%2C8%2C0%2C1%2C0%2C13.85%2C8c18.84-32.56%2C52.14-52%2C89.07-52s70.23%2C19.44%2C89.07%2C52a8%2C8%2C0%2C1%2C0%2C13.85-8ZM72%2C96a56%2C56%2C0%2C1%2C1%2C56%2C56A56.06%2C56.06%2C0%2C0%2C1%2C72%2C96Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M230.92%2C212c-15.23-26.33-38.7-45.21-66.09-54.16a72%2C72%2C0%2C1%2C0-73.66%2C0C63.78%2C166.78%2C40.31%2C185.66%2C25.08%2C212a8%2C8%2C0%2C1%2C0%2C13.85%2C8c18.84-32.56%2C52.14-52%2C89.07-52s70.23%2C19.44%2C89.07%2C52a8%2C8%2C0%2C1%2C0%2C13.85-8ZM72%2C96a56%2C56%2C0%2C1%2C1%2C56%2C56A56.06%2C56.06%2C0%2C0%2C1%2C72%2C96Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-settings-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C80a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Zm88-29.84q.06-2.16%2C0-4.32l14.92-18.64a8%2C8%2C0%2C0%2C0%2C1.48-7.06%2C107.21%2C107.21%2C0%2C0%2C0-10.88-26.25%2C8%2C8%2C0%2C0%2C0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186%2C40.54a8%2C8%2C0%2C0%2C0-3.94-6%2C107.71%2C107.71%2C0%2C0%2C0-26.25-10.87%2C8%2C8%2C0%2C0%2C0-7.06%2C1.49L130.16%2C40Q128%2C40%2C125.84%2C40L107.2%2C25.11a8%2C8%2C0%2C0%2C0-7.06-1.48A107.6%2C107.6%2C0%2C0%2C0%2C73.89%2C34.51a8%2C8%2C0%2C0%2C0-3.93%2C6L67.32%2C64.27q-1.56%2C1.49-3%2C3L40.54%2C70a8%2C8%2C0%2C0%2C0-6%2C3.94%2C107.71%2C107.71%2C0%2C0%2C0-10.87%2C26.25%2C8%2C8%2C0%2C0%2C0%2C1.49%2C7.06L40%2C125.84Q40%2C128%2C40%2C130.16L25.11%2C148.8a8%2C8%2C0%2C0%2C0-1.48%2C7.06%2C107.21%2C107.21%2C0%2C0%2C0%2C10.88%2C26.25%2C8%2C8%2C0%2C0%2C0%2C6%2C3.93l23.72%2C2.64q1.49%2C1.56%2C3%2C3L70%2C215.46a8%2C8%2C0%2C0%2C0%2C3.94%2C6%2C107.71%2C107.71%2C0%2C0%2C0%2C26.25%2C10.87%2C8%2C8%2C0%2C0%2C0%2C7.06-1.49L125.84%2C216q2.16.06%2C4.32%2C0l18.64%2C14.92a8%2C8%2C0%2C0%2C0%2C7.06%2C1.48%2C107.21%2C107.21%2C0%2C0%2C0%2C26.25-10.88%2C8%2C8%2C0%2C0%2C0%2C3.93-6l2.64-23.72q1.56-1.48%2C3-3L215.46%2C186a8%2C8%2C0%2C0%2C0%2C6-3.94%2C107.71%2C107.71%2C0%2C0%2C0%2C10.87-26.25%2C8%2C8%2C0%2C0%2C0-1.49-7.06Zm-16.1-6.5a73.93%2C73.93%2C0%2C0%2C1%2C0%2C8.68%2C8%2C8%2C0%2C0%2C0%2C1.74%2C5.48l14.19%2C17.73a91.57%2C91.57%2C0%2C0%2C1-6.23%2C15L187%2C173.11a8%2C8%2C0%2C0%2C0-5.1%2C2.64%2C74.11%2C74.11%2C0%2C0%2C1-6.14%2C6.14%2C8%2C8%2C0%2C0%2C0-2.64%2C5.1l-2.51%2C22.58a91.32%2C91.32%2C0%2C0%2C1-15%2C6.23l-17.74-14.19a8%2C8%2C0%2C0%2C0-5-1.75h-.48a73.93%2C73.93%2C0%2C0%2C1-8.68%2C0%2C8%2C8%2C0%2C0%2C0-5.48%2C1.74L100.45%2C215.8a91.57%2C91.57%2C0%2C0%2C1-15-6.23L82.89%2C187a8%2C8%2C0%2C0%2C0-2.64-5.1%2C74.11%2C74.11%2C0%2C0%2C1-6.14-6.14%2C8%2C8%2C0%2C0%2C0-5.1-2.64L46.43%2C170.6a91.32%2C91.32%2C0%2C0%2C1-6.23-15l14.19-17.74a8%2C8%2C0%2C0%2C0%2C1.74-5.48%2C73.93%2C73.93%2C0%2C0%2C1%2C0-8.68%2C8%2C8%2C0%2C0%2C0-1.74-5.48L40.2%2C100.45a91.57%2C91.57%2C0%2C0%2C1%2C6.23-15L69%2C82.89a8%2C8%2C0%2C0%2C0%2C5.1-2.64%2C74.11%2C74.11%2C0%2C0%2C1%2C6.14-6.14A8%2C8%2C0%2C0%2C0%2C82.89%2C69L85.4%2C46.43a91.32%2C91.32%2C0%2C0%2C1%2C15-6.23l17.74%2C14.19a8%2C8%2C0%2C0%2C0%2C5.48%2C1.74%2C73.93%2C73.93%2C0%2C0%2C1%2C8.68%2C0%2C8%2C8%2C0%2C0%2C0%2C5.48-1.74L155.55%2C40.2a91.57%2C91.57%2C0%2C0%2C1%2C15%2C6.23L173.11%2C69a8%2C8%2C0%2C0%2C0%2C2.64%2C5.1%2C74.11%2C74.11%2C0%2C0%2C1%2C6.14%2C6.14%2C8%2C8%2C0%2C0%2C0%2C5.1%2C2.64l22.58%2C2.51a91.32%2C91.32%2C0%2C0%2C1%2C6.23%2C15l-14.19%2C17.74A8%2C8%2C0%2C0%2C0%2C199.87%2C123.66Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C80a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Zm88-29.84q.06-2.16%2C0-4.32l14.92-18.64a8%2C8%2C0%2C0%2C0%2C1.48-7.06%2C107.21%2C107.21%2C0%2C0%2C0-10.88-26.25%2C8%2C8%2C0%2C0%2C0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186%2C40.54a8%2C8%2C0%2C0%2C0-3.94-6%2C107.71%2C107.71%2C0%2C0%2C0-26.25-10.87%2C8%2C8%2C0%2C0%2C0-7.06%2C1.49L130.16%2C40Q128%2C40%2C125.84%2C40L107.2%2C25.11a8%2C8%2C0%2C0%2C0-7.06-1.48A107.6%2C107.6%2C0%2C0%2C0%2C73.89%2C34.51a8%2C8%2C0%2C0%2C0-3.93%2C6L67.32%2C64.27q-1.56%2C1.49-3%2C3L40.54%2C70a8%2C8%2C0%2C0%2C0-6%2C3.94%2C107.71%2C107.71%2C0%2C0%2C0-10.87%2C26.25%2C8%2C8%2C0%2C0%2C0%2C1.49%2C7.06L40%2C125.84Q40%2C128%2C40%2C130.16L25.11%2C148.8a8%2C8%2C0%2C0%2C0-1.48%2C7.06%2C107.21%2C107.21%2C0%2C0%2C0%2C10.88%2C26.25%2C8%2C8%2C0%2C0%2C0%2C6%2C3.93l23.72%2C2.64q1.49%2C1.56%2C3%2C3L70%2C215.46a8%2C8%2C0%2C0%2C0%2C3.94%2C6%2C107.71%2C107.71%2C0%2C0%2C0%2C26.25%2C10.87%2C8%2C8%2C0%2C0%2C0%2C7.06-1.49L125.84%2C216q2.16.06%2C4.32%2C0l18.64%2C14.92a8%2C8%2C0%2C0%2C0%2C7.06%2C1.48%2C107.21%2C107.21%2C0%2C0%2C0%2C26.25-10.88%2C8%2C8%2C0%2C0%2C0%2C3.93-6l2.64-23.72q1.56-1.48%2C3-3L215.46%2C186a8%2C8%2C0%2C0%2C0%2C6-3.94%2C107.71%2C107.71%2C0%2C0%2C0%2C10.87-26.25%2C8%2C8%2C0%2C0%2C0-1.49-7.06Zm-16.1-6.5a73.93%2C73.93%2C0%2C0%2C1%2C0%2C8.68%2C8%2C8%2C0%2C0%2C0%2C1.74%2C5.48l14.19%2C17.73a91.57%2C91.57%2C0%2C0%2C1-6.23%2C15L187%2C173.11a8%2C8%2C0%2C0%2C0-5.1%2C2.64%2C74.11%2C74.11%2C0%2C0%2C1-6.14%2C6.14%2C8%2C8%2C0%2C0%2C0-2.64%2C5.1l-2.51%2C22.58a91.32%2C91.32%2C0%2C0%2C1-15%2C6.23l-17.74-14.19a8%2C8%2C0%2C0%2C0-5-1.75h-.48a73.93%2C73.93%2C0%2C0%2C1-8.68%2C0%2C8%2C8%2C0%2C0%2C0-5.48%2C1.74L100.45%2C215.8a91.57%2C91.57%2C0%2C0%2C1-15-6.23L82.89%2C187a8%2C8%2C0%2C0%2C0-2.64-5.1%2C74.11%2C74.11%2C0%2C0%2C1-6.14-6.14%2C8%2C8%2C0%2C0%2C0-5.1-2.64L46.43%2C170.6a91.32%2C91.32%2C0%2C0%2C1-6.23-15l14.19-17.74a8%2C8%2C0%2C0%2C0%2C1.74-5.48%2C73.93%2C73.93%2C0%2C0%2C1%2C0-8.68%2C8%2C8%2C0%2C0%2C0-1.74-5.48L40.2%2C100.45a91.57%2C91.57%2C0%2C0%2C1%2C6.23-15L69%2C82.89a8%2C8%2C0%2C0%2C0%2C5.1-2.64%2C74.11%2C74.11%2C0%2C0%2C1%2C6.14-6.14A8%2C8%2C0%2C0%2C0%2C82.89%2C69L85.4%2C46.43a91.32%2C91.32%2C0%2C0%2C1%2C15-6.23l17.74%2C14.19a8%2C8%2C0%2C0%2C0%2C5.48%2C1.74%2C73.93%2C73.93%2C0%2C0%2C1%2C8.68%2C0%2C8%2C8%2C0%2C0%2C0%2C5.48-1.74L155.55%2C40.2a91.57%2C91.57%2C0%2C0%2C1%2C15%2C6.23L173.11%2C69a8%2C8%2C0%2C0%2C0%2C2.64%2C5.1%2C74.11%2C74.11%2C0%2C0%2C1%2C6.14%2C6.14%2C8%2C8%2C0%2C0%2C0%2C5.1%2C2.64l22.58%2C2.51a91.32%2C91.32%2C0%2C0%2C1%2C6.23%2C15l-14.19%2C17.74A8%2C8%2C0%2C0%2C0%2C199.87%2C123.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-notifications { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M221.8%2C175.94C216.25%2C166.38%2C208%2C139.33%2C208%2C104a80%2C80%2C0%2C1%2C0-160%2C0c0%2C35.34-8.26%2C62.38-13.81%2C71.94A16%2C16%2C0%2C0%2C0%2C48%2C200H88.81a40%2C40%2C0%2C0%2C0%2C78.38%2C0H208a16%2C16%2C0%2C0%2C0%2C13.8-24.06ZM128%2C216a24%2C24%2C0%2C0%2C1-22.62-16h45.24A24%2C24%2C0%2C0%2C1%2C128%2C216Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M221.8%2C175.94C216.25%2C166.38%2C208%2C139.33%2C208%2C104a80%2C80%2C0%2C1%2C0-160%2C0c0%2C35.34-8.26%2C62.38-13.81%2C71.94A16%2C16%2C0%2C0%2C0%2C48%2C200H88.81a40%2C40%2C0%2C0%2C0%2C78.38%2C0H208a16%2C16%2C0%2C0%2C0%2C13.8-24.06ZM128%2C216a24%2C24%2C0%2C0%2C1-22.62-16h45.24A24%2C24%2C0%2C0%2C1%2C128%2C216Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-notifications-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M221.8%2C175.94C216.25%2C166.38%2C208%2C139.33%2C208%2C104a80%2C80%2C0%2C1%2C0-160%2C0c0%2C35.34-8.26%2C62.38-13.81%2C71.94A16%2C16%2C0%2C0%2C0%2C48%2C200H88.81a40%2C40%2C0%2C0%2C0%2C78.38%2C0H208a16%2C16%2C0%2C0%2C0%2C13.8-24.06ZM128%2C216a24%2C24%2C0%2C0%2C1-22.62-16h45.24A24%2C24%2C0%2C0%2C1%2C128%2C216ZM48%2C184c7.7-13.24%2C16-43.92%2C16-80a64%2C64%2C0%2C1%2C1%2C128%2C0c0%2C36.05%2C8.28%2C66.73%2C16%2C80Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M221.8%2C175.94C216.25%2C166.38%2C208%2C139.33%2C208%2C104a80%2C80%2C0%2C1%2C0-160%2C0c0%2C35.34-8.26%2C62.38-13.81%2C71.94A16%2C16%2C0%2C0%2C0%2C48%2C200H88.81a40%2C40%2C0%2C0%2C0%2C78.38%2C0H208a16%2C16%2C0%2C0%2C0%2C13.8-24.06ZM128%2C216a24%2C24%2C0%2C0%2C1-22.62-16h45.24A24%2C24%2C0%2C0%2C1%2C128%2C216ZM48%2C184c7.7-13.24%2C16-43.92%2C16-80a64%2C64%2C0%2C1%2C1%2C128%2C0c0%2C36.05%2C8.28%2C66.73%2C16%2C80Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-favorite-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M178%2C40c-20.65%2C0-38.73%2C8.88-50%2C23.89C116.73%2C48.88%2C98.65%2C40%2C78%2C40a62.07%2C62.07%2C0%2C0%2C0-62%2C62c0%2C70%2C103.79%2C126.66%2C108.21%2C129a8%2C8%2C0%2C0%2C0%2C7.58%2C0C136.21%2C228.66%2C240%2C172%2C240%2C102A62.07%2C62.07%2C0%2C0%2C0%2C178%2C40ZM128%2C214.8C109.74%2C204.16%2C32%2C155.69%2C32%2C102A46.06%2C46.06%2C0%2C0%2C1%2C78%2C56c19.45%2C0%2C35.78%2C10.36%2C42.6%2C27a8%2C8%2C0%2C0%2C0%2C14.8%2C0c6.82-16.67%2C23.15-27%2C42.6-27a46.06%2C46.06%2C0%2C0%2C1%2C46%2C46C224%2C155.61%2C146.24%2C204.15%2C128%2C214.8Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M178%2C40c-20.65%2C0-38.73%2C8.88-50%2C23.89C116.73%2C48.88%2C98.65%2C40%2C78%2C40a62.07%2C62.07%2C0%2C0%2C0-62%2C62c0%2C70%2C103.79%2C126.66%2C108.21%2C129a8%2C8%2C0%2C0%2C0%2C7.58%2C0C136.21%2C228.66%2C240%2C172%2C240%2C102A62.07%2C62.07%2C0%2C0%2C0%2C178%2C40ZM128%2C214.8C109.74%2C204.16%2C32%2C155.69%2C32%2C102A46.06%2C46.06%2C0%2C0%2C1%2C78%2C56c19.45%2C0%2C35.78%2C10.36%2C42.6%2C27a8%2C8%2C0%2C0%2C0%2C14.8%2C0c6.82-16.67%2C23.15-27%2C42.6-27a46.06%2C46.06%2C0%2C0%2C1%2C46%2C46C224%2C155.61%2C146.24%2C204.15%2C128%2C214.8Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-cart-outline { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M230.14%2C58.87A8%2C8%2C0%2C0%2C0%2C224%2C56H62.68L56.6%2C22.57A8%2C8%2C0%2C0%2C0%2C48.73%2C16H24a8%2C8%2C0%2C0%2C0%2C0%2C16h18L67.56%2C172.29a24%2C24%2C0%2C0%2C0%2C5.33%2C11.27%2C28%2C28%2C0%2C1%2C0%2C44.4%2C8.44h45.42A27.75%2C27.75%2C0%2C0%2C0%2C160%2C204a28%2C28%2C0%2C1%2C0%2C28-28H91.17a8%2C8%2C0%2C0%2C1-7.87-6.57L80.13%2C152h116a24%2C24%2C0%2C0%2C0%2C23.61-19.71l12.16-66.86A8%2C8%2C0%2C0%2C0%2C230.14%2C58.87ZM104%2C204a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C104%2C204Zm96%2C0a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C200%2C204Zm4-74.57A8%2C8%2C0%2C0%2C1%2C196.1%2C136H77.22L65.59%2C72H214.41Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M230.14%2C58.87A8%2C8%2C0%2C0%2C0%2C224%2C56H62.68L56.6%2C22.57A8%2C8%2C0%2C0%2C0%2C48.73%2C16H24a8%2C8%2C0%2C0%2C0%2C0%2C16h18L67.56%2C172.29a24%2C24%2C0%2C0%2C0%2C5.33%2C11.27%2C28%2C28%2C0%2C1%2C0%2C44.4%2C8.44h45.42A27.75%2C27.75%2C0%2C0%2C0%2C160%2C204a28%2C28%2C0%2C1%2C0%2C28-28H91.17a8%2C8%2C0%2C0%2C1-7.87-6.57L80.13%2C152h116a24%2C24%2C0%2C0%2C0%2C23.61-19.71l12.16-66.86A8%2C8%2C0%2C0%2C0%2C230.14%2C58.87ZM104%2C204a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C104%2C204Zm96%2C0a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C200%2C204Zm4-74.57A8%2C8%2C0%2C0%2C1%2C196.1%2C136H77.22L65.59%2C72H214.41Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-hourglass { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M200%2C75.64V40a16%2C16%2C0%2C0%2C0-16-16H72A16%2C16%2C0%2C0%2C0%2C56%2C40V76a16.07%2C16.07%2C0%2C0%2C0%2C6.4%2C12.8L114.67%2C128%2C62.4%2C167.2A16.07%2C16.07%2C0%2C0%2C0%2C56%2C180v36a16%2C16%2C0%2C0%2C0%2C16%2C16H184a16%2C16%2C0%2C0%2C0%2C16-16V180.36a16.09%2C16.09%2C0%2C0%2C0-6.35-12.77L141.27%2C128l52.38-39.6A16.05%2C16.05%2C0%2C0%2C0%2C200%2C75.64ZM184%2C216H72V180l56-42%2C56%2C42.35Zm0-140.36L128%2C118%2C72%2C76V40H184Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M200%2C75.64V40a16%2C16%2C0%2C0%2C0-16-16H72A16%2C16%2C0%2C0%2C0%2C56%2C40V76a16.07%2C16.07%2C0%2C0%2C0%2C6.4%2C12.8L114.67%2C128%2C62.4%2C167.2A16.07%2C16.07%2C0%2C0%2C0%2C56%2C180v36a16%2C16%2C0%2C0%2C0%2C16%2C16H184a16%2C16%2C0%2C0%2C0%2C16-16V180.36a16.09%2C16.09%2C0%2C0%2C0-6.35-12.77L141.27%2C128l52.38-39.6A16.05%2C16.05%2C0%2C0%2C0%2C200%2C75.64ZM184%2C216H72V180l56-42%2C56%2C42.35Zm0-140.36L128%2C118%2C72%2C76V40H184Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-compass { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216ZM172.42%2C72.84l-64%2C32a8.05%2C8.05%2C0%2C0%2C0-3.58%2C3.58l-32%2C64A8%2C8%2C0%2C0%2C0%2C80%2C184a8.1%2C8.1%2C0%2C0%2C0%2C3.58-.84l64-32a8.05%2C8.05%2C0%2C0%2C0%2C3.58-3.58l32-64a8%2C8%2C0%2C0%2C0-10.74-10.74ZM138%2C138%2C97.89%2C158.11%2C118%2C118l40.15-20.07Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216ZM172.42%2C72.84l-64%2C32a8.05%2C8.05%2C0%2C0%2C0-3.58%2C3.58l-32%2C64A8%2C8%2C0%2C0%2C0%2C80%2C184a8.1%2C8.1%2C0%2C0%2C0%2C3.58-.84l64-32a8.05%2C8.05%2C0%2C0%2C0%2C3.58-3.58l32-64a8%2C8%2C0%2C0%2C0-10.74-10.74ZM138%2C138%2C97.89%2C158.11%2C118%2C118l40.15-20.07Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-ruler { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M235.32%2C73.37%2C182.63%2C20.69a16%2C16%2C0%2C0%2C0-22.63%2C0L20.68%2C160a16%2C16%2C0%2C0%2C0%2C0%2C22.63l52.69%2C52.68a16%2C16%2C0%2C0%2C0%2C22.63%2C0L235.32%2C96A16%2C16%2C0%2C0%2C0%2C235.32%2C73.37ZM84.68%2C224%2C32%2C171.31l32-32%2C26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L75.31%2C128%2C96%2C107.31l26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L107.31%2C96%2C128%2C75.31l26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L139.31%2C64l32-32L224%2C84.69Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M235.32%2C73.37%2C182.63%2C20.69a16%2C16%2C0%2C0%2C0-22.63%2C0L20.68%2C160a16%2C16%2C0%2C0%2C0%2C0%2C22.63l52.69%2C52.68a16%2C16%2C0%2C0%2C0%2C22.63%2C0L235.32%2C96A16%2C16%2C0%2C0%2C0%2C235.32%2C73.37ZM84.68%2C224%2C32%2C171.31l32-32%2C26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L75.31%2C128%2C96%2C107.31l26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L107.31%2C96%2C128%2C75.31l26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L139.31%2C64l32-32L224%2C84.69Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-scales { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M239.43%2C133l-32-80h0a8%2C8%2C0%2C0%2C0-9.16-4.84L136%2C62V40a8%2C8%2C0%2C0%2C0-16%2C0V65.58L54.26%2C80.19A8%2C8%2C0%2C0%2C0%2C48.57%2C85h0v.06L16.57%2C165a7.92%2C7.92%2C0%2C0%2C0-.57%2C3c0%2C23.31%2C24.54%2C32%2C40%2C32s40-8.69%2C40-32a7.92%2C7.92%2C0%2C0%2C0-.57-3L66.92%2C93.77%2C120%2C82V208H104a8%2C8%2C0%2C0%2C0%2C0%2C16h48a8%2C8%2C0%2C0%2C0%2C0-16H136V78.42L187%2C67.1%2C160.57%2C133a7.92%2C7.92%2C0%2C0%2C0-.57%2C3c0%2C23.31%2C24.54%2C32%2C40%2C32s40-8.69%2C40-32A7.92%2C7.92%2C0%2C0%2C0%2C239.43%2C133ZM56%2C184c-7.53%2C0-22.76-3.61-23.93-14.64L56%2C109.54l23.93%2C59.82C78.76%2C180.39%2C63.53%2C184%2C56%2C184Zm144-32c-7.53%2C0-22.76-3.61-23.93-14.64L200%2C77.54l23.93%2C59.82C222.76%2C148.39%2C207.53%2C152%2C200%2C152Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M239.43%2C133l-32-80h0a8%2C8%2C0%2C0%2C0-9.16-4.84L136%2C62V40a8%2C8%2C0%2C0%2C0-16%2C0V65.58L54.26%2C80.19A8%2C8%2C0%2C0%2C0%2C48.57%2C85h0v.06L16.57%2C165a7.92%2C7.92%2C0%2C0%2C0-.57%2C3c0%2C23.31%2C24.54%2C32%2C40%2C32s40-8.69%2C40-32a7.92%2C7.92%2C0%2C0%2C0-.57-3L66.92%2C93.77%2C120%2C82V208H104a8%2C8%2C0%2C0%2C0%2C0%2C16h48a8%2C8%2C0%2C0%2C0%2C0-16H136V78.42L187%2C67.1%2C160.57%2C133a7.92%2C7.92%2C0%2C0%2C0-.57%2C3c0%2C23.31%2C24.54%2C32%2C40%2C32s40-8.69%2C40-32A7.92%2C7.92%2C0%2C0%2C0%2C239.43%2C133ZM56%2C184c-7.53%2C0-22.76-3.61-23.93-14.64L56%2C109.54l23.93%2C59.82C78.76%2C180.39%2C63.53%2C184%2C56%2C184Zm144-32c-7.53%2C0-22.76-3.61-23.93-14.64L200%2C77.54l23.93%2C59.82C222.76%2C148.39%2C207.53%2C152%2C200%2C152Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-ticket { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M232%2C104a8%2C8%2C0%2C0%2C0%2C8-8V64a16%2C16%2C0%2C0%2C0-16-16H32A16%2C16%2C0%2C0%2C0%2C16%2C64V96a8%2C8%2C0%2C0%2C0%2C8%2C8%2C24%2C24%2C0%2C0%2C1%2C0%2C48%2C8%2C8%2C0%2C0%2C0-8%2C8v32a16%2C16%2C0%2C0%2C0%2C16%2C16H224a16%2C16%2C0%2C0%2C0%2C16-16V160a8%2C8%2C0%2C0%2C0-8-8%2C24%2C24%2C0%2C0%2C1%2C0-48ZM32%2C167.2a40%2C40%2C0%2C0%2C0%2C0-78.4V64H88V192H32Zm192%2C0V192H104V64H224V88.8a40%2C40%2C0%2C0%2C0%2C0%2C78.4Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M232%2C104a8%2C8%2C0%2C0%2C0%2C8-8V64a16%2C16%2C0%2C0%2C0-16-16H32A16%2C16%2C0%2C0%2C0%2C16%2C64V96a8%2C8%2C0%2C0%2C0%2C8%2C8%2C24%2C24%2C0%2C0%2C1%2C0%2C48%2C8%2C8%2C0%2C0%2C0-8%2C8v32a16%2C16%2C0%2C0%2C0%2C16%2C16H224a16%2C16%2C0%2C0%2C0%2C16-16V160a8%2C8%2C0%2C0%2C0-8-8%2C24%2C24%2C0%2C0%2C1%2C0-48ZM32%2C167.2a40%2C40%2C0%2C0%2C0%2C0-78.4V64H88V192H32Zm192%2C0V192H104V64H224V88.8a40%2C40%2C0%2C0%2C0%2C0%2C78.4Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-gift { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2C72H180.92c.39-.33.79-.65%2C1.17-1A29.53%2C29.53%2C0%2C0%2C0%2C192%2C49.57%2C32.62%2C32.62%2C0%2C0%2C0%2C158.44%2C16%2C29.53%2C29.53%2C0%2C0%2C0%2C137%2C25.91a54.94%2C54.94%2C0%2C0%2C0-9%2C14.48%2C54.94%2C54.94%2C0%2C0%2C0-9-14.48A29.53%2C29.53%2C0%2C0%2C0%2C97.56%2C16%2C32.62%2C32.62%2C0%2C0%2C0%2C64%2C49.57%2C29.53%2C29.53%2C0%2C0%2C0%2C73.91%2C71c.38.33.78.65%2C1.17%2C1H40A16%2C16%2C0%2C0%2C0%2C24%2C88v32a16%2C16%2C0%2C0%2C0%2C16%2C16v64a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V136a16%2C16%2C0%2C0%2C0%2C16-16V88A16%2C16%2C0%2C0%2C0%2C216%2C72ZM149%2C36.51a13.69%2C13.69%2C0%2C0%2C1%2C10-4.5h.49A16.62%2C16.62%2C0%2C0%2C1%2C176%2C49.08a13.69%2C13.69%2C0%2C0%2C1-4.5%2C10c-9.49%2C8.4-25.24%2C11.36-35%2C12.4C137.7%2C60.89%2C141%2C45.5%2C149%2C36.51Zm-64.09.36A16.63%2C16.63%2C0%2C0%2C1%2C96.59%2C32h.49a13.69%2C13.69%2C0%2C0%2C1%2C10%2C4.5c8.39%2C9.48%2C11.35%2C25.2%2C12.39%2C34.92-9.72-1-25.44-4-34.92-12.39a13.69%2C13.69%2C0%2C0%2C1-4.5-10A16.6%2C16.6%2C0%2C0%2C1%2C84.87%2C36.87ZM40%2C88h80v32H40Zm16%2C48h64v64H56Zm144%2C64H136V136h64Zm16-80H136V88h80v32Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2C72H180.92c.39-.33.79-.65%2C1.17-1A29.53%2C29.53%2C0%2C0%2C0%2C192%2C49.57%2C32.62%2C32.62%2C0%2C0%2C0%2C158.44%2C16%2C29.53%2C29.53%2C0%2C0%2C0%2C137%2C25.91a54.94%2C54.94%2C0%2C0%2C0-9%2C14.48%2C54.94%2C54.94%2C0%2C0%2C0-9-14.48A29.53%2C29.53%2C0%2C0%2C0%2C97.56%2C16%2C32.62%2C32.62%2C0%2C0%2C0%2C64%2C49.57%2C29.53%2C29.53%2C0%2C0%2C0%2C73.91%2C71c.38.33.78.65%2C1.17%2C1H40A16%2C16%2C0%2C0%2C0%2C24%2C88v32a16%2C16%2C0%2C0%2C0%2C16%2C16v64a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V136a16%2C16%2C0%2C0%2C0%2C16-16V88A16%2C16%2C0%2C0%2C0%2C216%2C72ZM149%2C36.51a13.69%2C13.69%2C0%2C0%2C1%2C10-4.5h.49A16.62%2C16.62%2C0%2C0%2C1%2C176%2C49.08a13.69%2C13.69%2C0%2C0%2C1-4.5%2C10c-9.49%2C8.4-25.24%2C11.36-35%2C12.4C137.7%2C60.89%2C141%2C45.5%2C149%2C36.51Zm-64.09.36A16.63%2C16.63%2C0%2C0%2C1%2C96.59%2C32h.49a13.69%2C13.69%2C0%2C0%2C1%2C10%2C4.5c8.39%2C9.48%2C11.35%2C25.2%2C12.39%2C34.92-9.72-1-25.44-4-34.92-12.39a13.69%2C13.69%2C0%2C0%2C1-4.5-10A16.6%2C16.6%2C0%2C0%2C1%2C84.87%2C36.87ZM40%2C88h80v32H40Zm16%2C48h64v64H56Zm144%2C64H136V136h64Zm16-80H136V88h80v32Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-package { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M223.68%2C66.15%2C135.68%2C18a15.88%2C15.88%2C0%2C0%2C0-15.36%2C0l-88%2C48.17a16%2C16%2C0%2C0%2C0-8.32%2C14v95.64a16%2C16%2C0%2C0%2C0%2C8.32%2C14l88%2C48.17a15.88%2C15.88%2C0%2C0%2C0%2C15.36%2C0l88-48.17a16%2C16%2C0%2C0%2C0%2C8.32-14V80.18A16%2C16%2C0%2C0%2C0%2C223.68%2C66.15ZM128%2C32l80.34%2C44-29.77%2C16.3-80.35-44ZM128%2C120%2C47.66%2C76l33.9-18.56%2C80.34%2C44ZM40%2C90l80%2C43.78v85.79L40%2C175.82Zm176%2C85.78h0l-80%2C43.79V133.82l32-17.51V152a8%2C8%2C0%2C0%2C0%2C16%2C0V107.55L216%2C90v85.77Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M223.68%2C66.15%2C135.68%2C18a15.88%2C15.88%2C0%2C0%2C0-15.36%2C0l-88%2C48.17a16%2C16%2C0%2C0%2C0-8.32%2C14v95.64a16%2C16%2C0%2C0%2C0%2C8.32%2C14l88%2C48.17a15.88%2C15.88%2C0%2C0%2C0%2C15.36%2C0l88-48.17a16%2C16%2C0%2C0%2C0%2C8.32-14V80.18A16%2C16%2C0%2C0%2C0%2C223.68%2C66.15ZM128%2C32l80.34%2C44-29.77%2C16.3-80.35-44ZM128%2C120%2C47.66%2C76l33.9-18.56%2C80.34%2C44ZM40%2C90l80%2C43.78v85.79L40%2C175.82Zm176%2C85.78h0l-80%2C43.79V133.82l32-17.51V152a8%2C8%2C0%2C0%2C0%2C16%2C0V107.55L216%2C90v85.77Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-wrench { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M226.76%2C69a8%2C8%2C0%2C0%2C0-12.84-2.88l-40.3%2C37.19-17.23-3.7-3.7-17.23%2C37.19-40.3A8%2C8%2C0%2C0%2C0%2C187%2C29.24%2C72%2C72%2C0%2C0%2C0%2C88%2C96%2C72.34%2C72.34%2C0%2C0%2C0%2C94%2C124.94L33.79%2C177c-.15.12-.29.26-.43.39a32%2C32%2C0%2C0%2C0%2C45.26%2C45.26c.13-.13.27-.28.39-.42L131.06%2C162A72%2C72%2C0%2C0%2C0%2C232%2C96%2C71.56%2C71.56%2C0%2C0%2C0%2C226.76%2C69ZM160%2C152a56.14%2C56.14%2C0%2C0%2C1-27.07-7%2C8%2C8%2C0%2C0%2C0-9.92%2C1.77L67.11%2C211.51a16%2C16%2C0%2C0%2C1-22.62-22.62L109.18%2C133a8%2C8%2C0%2C0%2C0%2C1.77-9.93%2C56%2C56%2C0%2C0%2C1%2C58.36-82.31l-31.2%2C33.81a8%2C8%2C0%2C0%2C0-1.94%2C7.1L141.83%2C108a8%2C8%2C0%2C0%2C0%2C6.14%2C6.14l26.35%2C5.66a8%2C8%2C0%2C0%2C0%2C7.1-1.94l33.81-31.2A56.06%2C56.06%2C0%2C0%2C1%2C160%2C152Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M226.76%2C69a8%2C8%2C0%2C0%2C0-12.84-2.88l-40.3%2C37.19-17.23-3.7-3.7-17.23%2C37.19-40.3A8%2C8%2C0%2C0%2C0%2C187%2C29.24%2C72%2C72%2C0%2C0%2C0%2C88%2C96%2C72.34%2C72.34%2C0%2C0%2C0%2C94%2C124.94L33.79%2C177c-.15.12-.29.26-.43.39a32%2C32%2C0%2C0%2C0%2C45.26%2C45.26c.13-.13.27-.28.39-.42L131.06%2C162A72%2C72%2C0%2C0%2C0%2C232%2C96%2C71.56%2C71.56%2C0%2C0%2C0%2C226.76%2C69ZM160%2C152a56.14%2C56.14%2C0%2C0%2C1-27.07-7%2C8%2C8%2C0%2C0%2C0-9.92%2C1.77L67.11%2C211.51a16%2C16%2C0%2C0%2C1-22.62-22.62L109.18%2C133a8%2C8%2C0%2C0%2C0%2C1.77-9.93%2C56%2C56%2C0%2C0%2C1%2C58.36-82.31l-31.2%2C33.81a8%2C8%2C0%2C0%2C0-1.94%2C7.1L141.83%2C108a8%2C8%2C0%2C0%2C0%2C6.14%2C6.14l26.35%2C5.66a8%2C8%2C0%2C0%2C0%2C7.1-1.94l33.81-31.2A56.06%2C56.06%2C0%2C0%2C1%2C160%2C152Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-cube { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M223.68%2C66.15%2C135.68%2C18h0a15.88%2C15.88%2C0%2C0%2C0-15.36%2C0l-88%2C48.17a16%2C16%2C0%2C0%2C0-8.32%2C14v95.64a16%2C16%2C0%2C0%2C0%2C8.32%2C14l88%2C48.17a15.88%2C15.88%2C0%2C0%2C0%2C15.36%2C0l88-48.17a16%2C16%2C0%2C0%2C0%2C8.32-14V80.18A16%2C16%2C0%2C0%2C0%2C223.68%2C66.15ZM128%2C32h0l80.34%2C44L128%2C120%2C47.66%2C76ZM40%2C90l80%2C43.78v85.79L40%2C175.82Zm96%2C129.57V133.82L216%2C90v85.78Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M223.68%2C66.15%2C135.68%2C18h0a15.88%2C15.88%2C0%2C0%2C0-15.36%2C0l-88%2C48.17a16%2C16%2C0%2C0%2C0-8.32%2C14v95.64a16%2C16%2C0%2C0%2C0%2C8.32%2C14l88%2C48.17a15.88%2C15.88%2C0%2C0%2C0%2C15.36%2C0l88-48.17a16%2C16%2C0%2C0%2C0%2C8.32-14V80.18A16%2C16%2C0%2C0%2C0%2C223.68%2C66.15ZM128%2C32h0l80.34%2C44L128%2C120%2C47.66%2C76ZM40%2C90l80%2C43.78v85.79L40%2C175.82Zm96%2C129.57V133.82L216%2C90v85.78Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-shield-check { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2C40H48A16%2C16%2C0%2C0%2C0%2C32%2C56v56c0%2C52.72%2C25.52%2C84.67%2C46.93%2C102.19%2C23.06%2C18.86%2C46%2C25.26%2C47%2C25.53a8%2C8%2C0%2C0%2C0%2C4.2%2C0c1-.27%2C23.91-6.67%2C47-25.53C198.48%2C196.67%2C224%2C164.72%2C224%2C112V56A16%2C16%2C0%2C0%2C0%2C208%2C40Zm0%2C72c0%2C37.07-13.66%2C67.16-40.6%2C89.42A129.3%2C129.3%2C0%2C0%2C1%2C128%2C223.62a128.25%2C128.25%2C0%2C0%2C1-38.92-21.81C61.82%2C179.51%2C48%2C149.3%2C48%2C112l0-56%2C160%2C0ZM82.34%2C141.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32l-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2C40H48A16%2C16%2C0%2C0%2C0%2C32%2C56v56c0%2C52.72%2C25.52%2C84.67%2C46.93%2C102.19%2C23.06%2C18.86%2C46%2C25.26%2C47%2C25.53a8%2C8%2C0%2C0%2C0%2C4.2%2C0c1-.27%2C23.91-6.67%2C47-25.53C198.48%2C196.67%2C224%2C164.72%2C224%2C112V56A16%2C16%2C0%2C0%2C0%2C208%2C40Zm0%2C72c0%2C37.07-13.66%2C67.16-40.6%2C89.42A129.3%2C129.3%2C0%2C0%2C1%2C128%2C223.62a128.25%2C128.25%2C0%2C0%2C1-38.92-21.81C61.82%2C179.51%2C48%2C149.3%2C48%2C112l0-56%2C160%2C0ZM82.34%2C141.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32l-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-users { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M244.8%2C150.4a8%2C8%2C0%2C0%2C1-11.2-1.6A51.6%2C51.6%2C0%2C0%2C0%2C192%2C128a8%2C8%2C0%2C0%2C1-7.37-4.89%2C8%2C8%2C0%2C0%2C1%2C0-6.22A8%2C8%2C0%2C0%2C1%2C192%2C112a24%2C24%2C0%2C1%2C0-23.24-30%2C8%2C8%2C0%2C1%2C1-15.5-4A40%2C40%2C0%2C1%2C1%2C219%2C117.51a67.94%2C67.94%2C0%2C0%2C1%2C27.43%2C21.68A8%2C8%2C0%2C0%2C1%2C244.8%2C150.4ZM190.92%2C212a8%2C8%2C0%2C1%2C1-13.84%2C8%2C57%2C57%2C0%2C0%2C0-98.16%2C0%2C8%2C8%2C0%2C1%2C1-13.84-8%2C72.06%2C72.06%2C0%2C0%2C1%2C33.74-29.92%2C48%2C48%2C0%2C1%2C1%2C58.36%2C0A72.06%2C72.06%2C0%2C0%2C1%2C190.92%2C212ZM128%2C176a32%2C32%2C0%2C1%2C0-32-32A32%2C32%2C0%2C0%2C0%2C128%2C176ZM72%2C120a8%2C8%2C0%2C0%2C0-8-8A24%2C24%2C0%2C1%2C1%2C87.24%2C82a8%2C8%2C0%2C1%2C0%2C15.5-4A40%2C40%2C0%2C1%2C0%2C37%2C117.51%2C67.94%2C67.94%2C0%2C0%2C0%2C9.6%2C139.19a8%2C8%2C0%2C1%2C0%2C12.8%2C9.61A51.6%2C51.6%2C0%2C0%2C1%2C64%2C128%2C8%2C8%2C0%2C0%2C0%2C72%2C120Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M244.8%2C150.4a8%2C8%2C0%2C0%2C1-11.2-1.6A51.6%2C51.6%2C0%2C0%2C0%2C192%2C128a8%2C8%2C0%2C0%2C1-7.37-4.89%2C8%2C8%2C0%2C0%2C1%2C0-6.22A8%2C8%2C0%2C0%2C1%2C192%2C112a24%2C24%2C0%2C1%2C0-23.24-30%2C8%2C8%2C0%2C1%2C1-15.5-4A40%2C40%2C0%2C1%2C1%2C219%2C117.51a67.94%2C67.94%2C0%2C0%2C1%2C27.43%2C21.68A8%2C8%2C0%2C0%2C1%2C244.8%2C150.4ZM190.92%2C212a8%2C8%2C0%2C1%2C1-13.84%2C8%2C57%2C57%2C0%2C0%2C0-98.16%2C0%2C8%2C8%2C0%2C1%2C1-13.84-8%2C72.06%2C72.06%2C0%2C0%2C1%2C33.74-29.92%2C48%2C48%2C0%2C1%2C1%2C58.36%2C0A72.06%2C72.06%2C0%2C0%2C1%2C190.92%2C212ZM128%2C176a32%2C32%2C0%2C1%2C0-32-32A32%2C32%2C0%2C0%2C0%2C128%2C176ZM72%2C120a8%2C8%2C0%2C0%2C0-8-8A24%2C24%2C0%2C1%2C1%2C87.24%2C82a8%2C8%2C0%2C1%2C0%2C15.5-4A40%2C40%2C0%2C1%2C0%2C37%2C117.51%2C67.94%2C67.94%2C0%2C0%2C0%2C9.6%2C139.19a8%2C8%2C0%2C1%2C0%2C12.8%2C9.61A51.6%2C51.6%2C0%2C0%2C1%2C64%2C128%2C8%2C8%2C0%2C0%2C0%2C72%2C120Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-facebook { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm8%2C191.63V152h24a8%2C8%2C0%2C0%2C0%2C0-16H136V112a16%2C16%2C0%2C0%2C1%2C16-16h16a8%2C8%2C0%2C0%2C0%2C0-16H152a32%2C32%2C0%2C0%2C0-32%2C32v24H96a8%2C8%2C0%2C0%2C0%2C0%2C16h24v63.63a88%2C88%2C0%2C1%2C1%2C16%2C0Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm8%2C191.63V152h24a8%2C8%2C0%2C0%2C0%2C0-16H136V112a16%2C16%2C0%2C0%2C1%2C16-16h16a8%2C8%2C0%2C0%2C0%2C0-16H152a32%2C32%2C0%2C0%2C0-32%2C32v24H96a8%2C8%2C0%2C0%2C0%2C0%2C16h24v63.63a88%2C88%2C0%2C1%2C1%2C16%2C0Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-instagram { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C80a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160ZM176%2C24H80A56.06%2C56.06%2C0%2C0%2C0%2C24%2C80v96a56.06%2C56.06%2C0%2C0%2C0%2C56%2C56h96a56.06%2C56.06%2C0%2C0%2C0%2C56-56V80A56.06%2C56.06%2C0%2C0%2C0%2C176%2C24Zm40%2C152a40%2C40%2C0%2C0%2C1-40%2C40H80a40%2C40%2C0%2C0%2C1-40-40V80A40%2C40%2C0%2C0%2C1%2C80%2C40h96a40%2C40%2C0%2C0%2C1%2C40%2C40ZM192%2C76a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C192%2C76Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C80a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160ZM176%2C24H80A56.06%2C56.06%2C0%2C0%2C0%2C24%2C80v96a56.06%2C56.06%2C0%2C0%2C0%2C56%2C56h96a56.06%2C56.06%2C0%2C0%2C0%2C56-56V80A56.06%2C56.06%2C0%2C0%2C0%2C176%2C24Zm40%2C152a40%2C40%2C0%2C0%2C1-40%2C40H80a40%2C40%2C0%2C0%2C1-40-40V80A40%2C40%2C0%2C0%2C1%2C80%2C40h96a40%2C40%2C0%2C0%2C1%2C40%2C40ZM192%2C76a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C192%2C76Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-x-logo { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M214.75%2C211.71l-62.6-98.38%2C61.77-67.95a8%2C8%2C0%2C0%2C0-11.84-10.76L143.24%2C99.34%2C102.75%2C35.71A8%2C8%2C0%2C0%2C0%2C96%2C32H48a8%2C8%2C0%2C0%2C0-6.75%2C12.3l62.6%2C98.37-61.77%2C68a8%2C8%2C0%2C1%2C0%2C11.84%2C10.76l58.84-64.72%2C40.49%2C63.63A8%2C8%2C0%2C0%2C0%2C160%2C224h48a8%2C8%2C0%2C0%2C0%2C6.75-12.29ZM164.39%2C208%2C62.57%2C48h29L193.43%2C208Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M214.75%2C211.71l-62.6-98.38%2C61.77-67.95a8%2C8%2C0%2C0%2C0-11.84-10.76L143.24%2C99.34%2C102.75%2C35.71A8%2C8%2C0%2C0%2C0%2C96%2C32H48a8%2C8%2C0%2C0%2C0-6.75%2C12.3l62.6%2C98.37-61.77%2C68a8%2C8%2C0%2C1%2C0%2C11.84%2C10.76l58.84-64.72%2C40.49%2C63.63A8%2C8%2C0%2C0%2C0%2C160%2C224h48a8%2C8%2C0%2C0%2C0%2C6.75-12.29ZM164.39%2C208%2C62.57%2C48h29L193.43%2C208Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-tiktok { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C72a48.05%2C48.05%2C0%2C0%2C1-48-48%2C8%2C8%2C0%2C0%2C0-8-8H128a8%2C8%2C0%2C0%2C0-8%2C8V156a20%2C20%2C0%2C1%2C1-28.57-18.08A8%2C8%2C0%2C0%2C0%2C96%2C130.69V88a8%2C8%2C0%2C0%2C0-9.4-7.88C50.91%2C86.48%2C24%2C119.1%2C24%2C156a76%2C76%2C0%2C0%2C0%2C152%2C0V116.29A103.25%2C103.25%2C0%2C0%2C0%2C224%2C128a8%2C8%2C0%2C0%2C0%2C8-8V80A8%2C8%2C0%2C0%2C0%2C224%2C72Zm-8%2C39.64a87.19%2C87.19%2C0%2C0%2C1-43.33-16.15A8%2C8%2C0%2C0%2C0%2C160%2C102v54a60%2C60%2C0%2C0%2C1-120%2C0c0-25.9%2C16.64-49.13%2C40-57.6v27.67A36%2C36%2C0%2C1%2C0%2C136%2C156V32h24.5A64.14%2C64.14%2C0%2C0%2C0%2C216%2C87.5Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C72a48.05%2C48.05%2C0%2C0%2C1-48-48%2C8%2C8%2C0%2C0%2C0-8-8H128a8%2C8%2C0%2C0%2C0-8%2C8V156a20%2C20%2C0%2C1%2C1-28.57-18.08A8%2C8%2C0%2C0%2C0%2C96%2C130.69V88a8%2C8%2C0%2C0%2C0-9.4-7.88C50.91%2C86.48%2C24%2C119.1%2C24%2C156a76%2C76%2C0%2C0%2C0%2C152%2C0V116.29A103.25%2C103.25%2C0%2C0%2C0%2C224%2C128a8%2C8%2C0%2C0%2C0%2C8-8V80A8%2C8%2C0%2C0%2C0%2C224%2C72Zm-8%2C39.64a87.19%2C87.19%2C0%2C0%2C1-43.33-16.15A8%2C8%2C0%2C0%2C0%2C160%2C102v54a60%2C60%2C0%2C0%2C1-120%2C0c0-25.9%2C16.64-49.13%2C40-57.6v27.67A36%2C36%2C0%2C1%2C0%2C136%2C156V32h24.5A64.14%2C64.14%2C0%2C0%2C0%2C216%2C87.5Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-youtube { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M164.44%2C121.34l-48-32A8%2C8%2C0%2C0%2C0%2C104%2C96v64a8%2C8%2C0%2C0%2C0%2C12.44%2C6.66l48-32a8%2C8%2C0%2C0%2C0%2C0-13.32ZM120%2C145.05V111l25.58%2C17ZM234.33%2C69.52a24%2C24%2C0%2C0%2C0-14.49-16.4C185.56%2C39.88%2C131%2C40%2C128%2C40s-57.56-.12-91.84%2C13.12a24%2C24%2C0%2C0%2C0-14.49%2C16.4C19.08%2C79.5%2C16%2C97.74%2C16%2C128s3.08%2C48.5%2C5.67%2C58.48a24%2C24%2C0%2C0%2C0%2C14.49%2C16.41C69%2C215.56%2C120.4%2C216%2C127.34%2C216h1.32c6.94%2C0%2C58.37-.44%2C91.18-13.11a24%2C24%2C0%2C0%2C0%2C14.49-16.41c2.59-10%2C5.67-28.22%2C5.67-58.48S236.92%2C79.5%2C234.33%2C69.52Zm-15.49%2C113a8%2C8%2C0%2C0%2C1-4.77%2C5.49c-31.65%2C12.22-85.48%2C12-86%2C12H128c-.54%2C0-54.33.2-86-12a8%2C8%2C0%2C0%2C1-4.77-5.49C34.8%2C173.39%2C32%2C156.57%2C32%2C128s2.8-45.39%2C5.16-54.47A8%2C8%2C0%2C0%2C1%2C41.93%2C68c30.52-11.79%2C81.66-12%2C85.85-12h.27c.54%2C0%2C54.38-.18%2C86%2C12a8%2C8%2C0%2C0%2C1%2C4.77%2C5.49C221.2%2C82.61%2C224%2C99.43%2C224%2C128S221.2%2C173.39%2C218.84%2C182.47Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M164.44%2C121.34l-48-32A8%2C8%2C0%2C0%2C0%2C104%2C96v64a8%2C8%2C0%2C0%2C0%2C12.44%2C6.66l48-32a8%2C8%2C0%2C0%2C0%2C0-13.32ZM120%2C145.05V111l25.58%2C17ZM234.33%2C69.52a24%2C24%2C0%2C0%2C0-14.49-16.4C185.56%2C39.88%2C131%2C40%2C128%2C40s-57.56-.12-91.84%2C13.12a24%2C24%2C0%2C0%2C0-14.49%2C16.4C19.08%2C79.5%2C16%2C97.74%2C16%2C128s3.08%2C48.5%2C5.67%2C58.48a24%2C24%2C0%2C0%2C0%2C14.49%2C16.41C69%2C215.56%2C120.4%2C216%2C127.34%2C216h1.32c6.94%2C0%2C58.37-.44%2C91.18-13.11a24%2C24%2C0%2C0%2C0%2C14.49-16.41c2.59-10%2C5.67-28.22%2C5.67-58.48S236.92%2C79.5%2C234.33%2C69.52Zm-15.49%2C113a8%2C8%2C0%2C0%2C1-4.77%2C5.49c-31.65%2C12.22-85.48%2C12-86%2C12H128c-.54%2C0-54.33.2-86-12a8%2C8%2C0%2C0%2C1-4.77-5.49C34.8%2C173.39%2C32%2C156.57%2C32%2C128s2.8-45.39%2C5.16-54.47A8%2C8%2C0%2C0%2C1%2C41.93%2C68c30.52-11.79%2C81.66-12%2C85.85-12h.27c.54%2C0%2C54.38-.18%2C86%2C12a8%2C8%2C0%2C0%2C1%2C4.77%2C5.49C221.2%2C82.61%2C224%2C99.43%2C224%2C128S221.2%2C173.39%2C218.84%2C182.47Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-pinterest { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C112c0%2C22.57-7.9%2C43.2-22.23%2C58.11C188.39%2C184%2C170.25%2C192%2C152%2C192c-17.88%2C0-29.82-5.86-37.43-12l-10.78%2C45.82A8%2C8%2C0%2C0%2C1%2C96%2C232a8.24%2C8.24%2C0%2C0%2C1-1.84-.21%2C8%2C8%2C0%2C0%2C1-6-9.62l32-136a8%2C8%2C0%2C0%2C1%2C15.58%2C3.66l-16.9%2C71.8C122%2C166%2C131.3%2C176%2C152%2C176c27.53%2C0%2C56-23.94%2C56-64A72%2C72%2C0%2C1%2C0%2C73.63%2C148a8%2C8%2C0%2C0%2C1-13.85%2C8A88%2C88%2C0%2C1%2C1%2C224%2C112Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2C112c0%2C22.57-7.9%2C43.2-22.23%2C58.11C188.39%2C184%2C170.25%2C192%2C152%2C192c-17.88%2C0-29.82-5.86-37.43-12l-10.78%2C45.82A8%2C8%2C0%2C0%2C1%2C96%2C232a8.24%2C8.24%2C0%2C0%2C1-1.84-.21%2C8%2C8%2C0%2C0%2C1-6-9.62l32-136a8%2C8%2C0%2C0%2C1%2C15.58%2C3.66l-16.9%2C71.8C122%2C166%2C131.3%2C176%2C152%2C176c27.53%2C0%2C56-23.94%2C56-64A72%2C72%2C0%2C1%2C0%2C73.63%2C148a8%2C8%2C0%2C0%2C1-13.85%2C8A88%2C88%2C0%2C1%2C1%2C224%2C112Z%22%2F%3E%3C%2Fsvg%3E"); }
.i-placeholder { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2C32H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C208%2C32ZM48%2C208V59.31L196.69%2C208ZM59.31%2C48H208V196.7Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%2C32H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C208%2C32ZM48%2C208V59.31L196.69%2C208ZM59.31%2C48H208V196.7Z%22%2F%3E%3C%2Fsvg%3E"); }

/* css/components/atoms.css */


:root {
   --atoms-badge-counter-badge-counter-fill: #d73717;
   --atoms-badge-counter-badge-counter-text: #ffffff;
   --atoms-tag-tag-fill: #ffffff;
   --atoms-tag-tag-text: #d73717;
   --atoms-tag-tag-border: #d4d4d4; 
   --atoms-status-label-status-indicator-success: #356b4d;
   --atoms-status-label-status-indicator-neutral: #d4d4d4;
   --atoms-status-label-status-indicator-yellow: #805713;
   --atoms-status-label-status-indicator-fail: #8b2635;
   --atoms-status-label-status-label-text: #383838;
   --atoms-button-tertiary-fill-default: #ffffff;
   --atoms-button-tertiary-border-default: #d4d4d4;
   --organisms-carousel-page-indicator-fill-active: #383838;
   --organisms-carousel-page-indicator-fill-inactive: #c8c7c5;
   --spacing-xs: 4px;
   --spacing-sm: 8px;
   --spacing-internal-component: 8px;
   --components-avatar-fill-default: #eeeeee;
   --components-avatar-border-default: #d4d4d4;
   --components-avatar-label-default: #383838;
   --components-content-switcher-fill-inactive: #eeeeee;
   --atoms-inline-actions-fill-default: #ffffff;
   --atoms-inline-actions-border-default: #d73717;
   --atoms-inline-actions-label-default: #383838;
   --atoms-pagination-fill-default: #ffffff;
   --atoms-pagination-fill-active: #d73717;
   --atoms-pagination-label-default: #383838;
   --atoms-pagination-label-active: #ffffff;
   --form-components-input-field-enabled-label-enabled: #383838;
}


.cw-badge-counter { display: inline-flex; width: fit-content; align-items: center; justify-content: center; flex: none; min-width: 16px; height: 16px; padding: 0 var(--spacing-xs); border-radius: var(--radius-full); background: var(--atoms-badge-counter-badge-counter-fill); color: var(--atoms-badge-counter-badge-counter-text); font: 500 10px/1 var(--label-font-family); text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cw-badge-counter.is-large { min-width: 24px; height: 24px; padding: 0 var(--spacing-sm); font-size: 12px; font-weight: 400; }

.cw-badge-counter.is-1-99 { padding: 0; }
.cw-badge-counter.is-large.is-1-99 { padding: 0; }

.cw-badge-counter.is-none { min-width: 0; width: 12px; height: 12px; padding: 0; }
.cw-badge-counter.is-large.is-none { width: 16px; height: 16px; }


.cw-tag { display: inline-flex; width: fit-content; align-items: center; max-width: 100%; padding: var(--spacing-xs) var(--spacing-md); border-radius: var(--radius-full); background: var(--atoms-tag-tag-fill); box-shadow: inset 0 0 0 1px var(--atoms-tag-tag-border); color: var(--atoms-tag-tag-text); font: 700 12px/1.25 var(--label-font-family); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cw-tm { font-size: 0.5em; vertical-align: 0.8em; line-height: 0; } 
.cw-tag[hidden] { display: none; } 
.cw-tag.is-large { padding: var(--spacing-sm) var(--spacing-md); font-size: 18px; line-height: 1.2; }
.cw-tag.is-small { padding: var(--spacing-xs) var(--spacing-sm); }


.cw-link-label { display: inline-flex; width: fit-content; align-items: center; gap: var(--spacing-internal-component); max-width: 100%; color: var(--atoms-link-link-default); font-family: var(--paragraph-font-family); font-weight: 400; font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); text-decoration: none; cursor: pointer; }
button.cw-link-label { padding: 0; border: 0; background: none; } 
.cw-link-label .cw-icon { width: 16px; height: 16px; }
.cw-link-label.is-large { font-size: var(--body-sizes-body-large-size); line-height: var(--body-sizes-body-large-line-height); }
.cw-link-label.is-large .cw-icon { width: 24px; height: 24px; }
.cw-link-label.is-small { font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); }
.cw-link-label.is-small .cw-icon { width: 12px; height: 12px; }
.cw-link-label__text { text-decoration: underline transparent; text-underline-offset: 3px; transition: text-decoration-color 150ms ease, color 150ms ease; }

.cw-link-label:hover .cw-link-label__text { text-decoration-color: currentColor; }
.cw-link-label:active { color: var(--global-primary-brand-primary); }


.cw-media { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--radius-lg); background: var(--templates-page-l1-tint); }
.cw-media > img, .cw-media > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cw-media.is-1-1 { aspect-ratio: 1 / 1; }
.cw-media.is-4-3 { aspect-ratio: 4 / 3; }
.cw-media.is-3-4 { aspect-ratio: 3 / 4; }
.cw-media.is-3-2 { aspect-ratio: 3 / 2; }
.cw-media.is-2-3 { aspect-ratio: 2 / 3; }
.cw-media.is-16-9 { aspect-ratio: 16 / 9; }
.cw-media.is-9-16 { aspect-ratio: 9 / 16; }

.cw-media__play { position: absolute; top: 50%; left: 50%; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; padding: 0; margin: -32px 0 0 -32px; border: 0; border-radius: var(--radius-full); background: var(--global-primary-contrast); color: var(--greyscale-black); cursor: pointer; transition: transform 150ms ease; }
.cw-media__play:hover { transform: scale(1.06); }
.cw-media__play .cw-icon { width: 32px; height: 32px; margin-left: 3px; }

.cw-media.is-carousel { border-radius: 32px; }
.cw-media__slide { position: absolute; inset: 0; transition: opacity 250ms ease; }
.cw-media__slide[hidden] { display: block; opacity: 0; visibility: hidden; }
.cw-media__controls { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: flex-end; justify-content: flex-end; padding: var(--radius-lg); pointer-events: none; }
.cw-media__controls > * { pointer-events: auto; }
.cw-media__indicator { position: absolute; left: 50%; bottom: var(--radius-lg); display: flex; gap: 8px; align-items: center; height: 40px; transform: translateX(-50%); }
.cw-media__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: var(--radius-md); background: var(--organisms-carousel-page-indicator-fill-inactive); cursor: pointer; transition: width 200ms ease, background-color 200ms ease; }
.cw-media__dot[aria-current="true"] { width: 32px; background: var(--organisms-carousel-page-indicator-fill-active); }
.cw-media__nav { display: flex; gap: var(--spacing-internal-component); }
.cw-media__fab { display: grid; place-items: center; width: 40px; height: 40px; padding: 8px; border: 1px solid var(--atoms-button-tertiary-border-default); border-radius: var(--radius-full); background: var(--atoms-button-tertiary-fill-default); color: var(--global-text-color); cursor: pointer; }
.cw-media__fab:hover { border-color: var(--global-text-color); }
@media (max-width: 479px) { .cw-media__indicator { left: var(--radius-lg); transform: none; } }


.cw-status-label { display: inline-flex; width: fit-content; align-items: center; gap: 8px; color: var(--semantic-success-text); font: 500 14px/1.2 var(--label-font-family); white-space: nowrap; }
.cw-status-label::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--atoms-status-label-status-indicator-success); }
.cw-status-label.is-large::before { width: 12px; height: 12px; }
.cw-status-label.is-positive { color: var(--semantic-success-text); }
.cw-status-label.is-positive::before { background: var(--atoms-status-label-status-indicator-success); }
.cw-status-label.is-neutral { color: var(--atoms-status-label-status-label-text); }
.cw-status-label.is-neutral::before { background: var(--atoms-status-label-status-indicator-neutral); }
.cw-status-label.is-warning { color: var(--semantic-alert-text); }
.cw-status-label.is-warning::before { background: var(--atoms-status-label-status-indicator-yellow); }
.cw-status-label.is-negative { color: var(--semantic-destructive-text); }
.cw-status-label.is-negative::before { background: var(--atoms-status-label-status-indicator-fail); }


.cw-thumbnail { position: relative; display: inline-grid; place-items: center; flex: none; width: 80px; height: 80px; color: var(--atoms-text-text-dark); }
.cw-thumbnail.is-icon .cw-icon { width: 80px; height: 80px; }
.cw-thumbnail.is-image { overflow: hidden; border-radius: var(--radius-lg); background: var(--templates-page-l1-tint); }
.cw-thumbnail.is-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cw-thumbnail.is-closed-icon { padding: var(--spacing-md); border-radius: var(--radius-full); background: var(--templates-page-l1-tint); }
.cw-thumbnail.is-closed-icon .cw-icon { width: 48px; height: 48px; }
.cw-thumbnail.is-number { width: 40px; height: 40px; border-radius: var(--radius-full); background: var(--templates-page-l1-tint); font: 700 18px/1 var(--label-font-family); }


.cw-avatar { position: relative; display: inline-grid; place-items: center; flex: none; width: 80px; height: 80px; overflow: hidden; border: 2px solid var(--components-avatar-border-default); border-radius: var(--radius-full); background: var(--components-avatar-fill-default); color: var(--components-avatar-label-default); font: 700 var(--body-sizes-body-large-size)/var(--body-sizes-body-large-line-height) var(--paragraph-font-family); }
.cw-avatar > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cw-avatar .cw-image-placeholder { padding: 0; font-size: 10px; }

.cw-avatar.is-medium, .cw-avatar.is-small { border-color: var(--components-content-switcher-fill-inactive); color: var(--greyscale-black); }
.cw-avatar.is-medium { width: 56px; height: 56px; font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-avatar.is-small { width: 40px; height: 40px; font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); }


.cw-divider.is-horizontal { display: block; width: 100%; height: 2px; margin: 0; border: 0; background: var(--components-divider-fill); }
.cw-divider.is-verticle, .cw-divider.is-vertical { display: block; flex: none; align-self: stretch; width: 2px; height: auto; min-height: 24px; margin: 0; border: 0; background: var(--components-divider-fill); }
.cw-divider.is-dark { background: var(--components-divider-fill-dark); } 


.cw-activity-icon { position: relative; display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; padding: 0; border: 0; background: none; color: var(--global-text-color); cursor: pointer; }
.cw-activity-icon .cw-badge-counter { position: absolute; top: -6px; right: -4px; }


.cw-inline-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-xs); }
.cw-inline-actions__button { display: inline-flex; align-items: center; gap: 16px; padding: var(--spacing-sm) var(--spacing-md); border: 1px solid var(--atoms-inline-actions-border-default); border-radius: var(--radius-full); background: var(--atoms-inline-actions-fill-default); color: var(--atoms-inline-actions-label-default); font: 700 14px/1.2 var(--label-font-family); white-space: nowrap; cursor: pointer; transition: background-color 150ms ease; }
.cw-inline-actions__button .cw-icon { width: 16px; height: 16px; }

.cw-inline-actions__button:hover { background: color-mix(in srgb, var(--atoms-inline-actions-border-default) 8%, var(--atoms-inline-actions-fill-default)); }


.cw-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; width: 100%; color: var(--atoms-pagination-label-default); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-pagination__controls { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 40px; }
.cw-pagination__pages { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }

.cw-pagination__button { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--radius-full); background: var(--atoms-pagination-fill-default); color: var(--atoms-pagination-label-default); font: 700 14px/1 var(--label-font-family); cursor: pointer; transition: background-color 150ms ease, color 150ms ease; }
.cw-pagination__button .cw-icon { width: 16px; height: 16px; }
.cw-pagination__button:hover { background: var(--greyscale-5); }
.cw-pagination__button[aria-current="page"] { background: var(--atoms-pagination-fill-active); color: var(--atoms-pagination-label-active); }
.cw-pagination__button:disabled { opacity: 0.4; cursor: default; background: var(--atoms-pagination-fill-default); }

.cw-pagination__rows { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.cw-pagination__select { position: relative; display: inline-flex; width: 80px; }
.cw-pagination__select select { width: 100%; height: 48px; padding: 12px 40px 8px 16px; border: 1px solid var(--form-components-input-field-enabled-accent); border-radius: var(--radius-md); background: var(--templates-page-surface); color: var(--form-components-input-field-enabled-label-enabled); font: inherit; appearance: none; cursor: pointer; }
.cw-pagination__select select:focus-visible { outline: none; border-color: var(--global-primary-brand-primary); box-shadow: 0 0 0 1px var(--global-primary-brand-primary); }
.cw-pagination__select .cw-icon { position: absolute; top: 50%; right: 12px; margin-top: -10px; width: 20px; height: 20px; pointer-events: none; }
.cw-pagination__select.is-page { width: 160px; }
.cw-pagination__count { flex: 1 1 auto; margin: 0; color: var(--greyscale-black); text-align: right; white-space: nowrap; }

.cw-pagination.is-half-stacked { flex-direction: column; align-items: center; }
.cw-pagination.is-half-stacked .cw-pagination__controls { justify-content: center; }
.cw-pagination.is-half-stacked .cw-pagination__count { flex: none; text-align: center; }
.cw-pagination.is-half-stacked.is-condensed .cw-pagination__select.is-page { width: 100%; max-width: 632px; }
.cw-pagination.is-half-stacked.is-condensed .cw-pagination__controls { width: 100%; }

.cw-pagination.is-stacked { flex-direction: column; align-items: center; }
.cw-pagination.is-stacked .cw-pagination__controls { flex-direction: column; align-items: stretch; gap: 24px; width: 100%; max-width: 352px; }
.cw-pagination.is-stacked .cw-pagination__rows .cw-pagination__select { flex: 1; width: auto; }
.cw-pagination.is-stacked .cw-pagination__select.is-page { width: 100%; }
.cw-pagination.is-stacked .cw-pagination__count { flex: none; text-align: center; }
@media (max-width: 479px) { .cw-pagination__pages { gap: 4px; } }
@media (max-width: 767px) { .cw-pagination:not(.is-half-stacked):not(.is-stacked) .cw-pagination__count { flex-basis: 100%; text-align: left; } }

/* css/components/controls.css */


:root {
  
   --spacing-xs: 4px;
   --spacing-sm: 8px;

  
   --atoms-button-primary-border-default: #d73717;
   --atoms-button-secondary-fill-hover: #d73717;
   --atoms-button-secondary-border-hover: #d73717;
   --atoms-button-secondary-label-hover: #ffffff;
   --atoms-button-secondary-fill-disabled: #eeeeee;
   --atoms-button-secondary-border-disabled: #d4d4d4;
   --atoms-button-secondary-label-disabled: #d4d4d4;
   --atoms-button-tertiary-fill-default: #ffffff;
   --atoms-button-tertiary-border-default: #d4d4d4;
   --atoms-button-tertiary-label-default: #383838;
   --atoms-button-tertiary-fill-hover: #383838; 
   --atoms-button-tertiary-border-hover: #383838;
   --atoms-button-tertiary-label-hover: #ffffff;
   --atoms-button-tertiary-fill-disabled: #eeeeee;
   --atoms-button-tertiary-border-disabled: #d4d4d4;
   --atoms-button-tertiary-label-disabled: #d4d4d4;
   --atoms-button-ghost-label-default: #d73717;
   --atoms-button-ghost-label-hover: #383838;
   --atoms-button-ghost-label-disabled: #d4d4d4;
   --atoms-button-destructive-fill-default: #8b2635;
   --atoms-button-destructive-border-default: #8b2635;
   --atoms-button-destructive-fill-hover: #721e2a;
   --atoms-button-destructive-fill-disabled: #8b2635;
   --atoms-button-destructive-label-default: #ffffff;
   --atoms-button-destructive-label-hover: #ffffff;
   --atoms-button-destructive-label-disabled: #ffffff;

  
   --components-content-switcher-background: #eeeeee;
   --components-content-switcher-fill-active: #111111;
   --components-content-switcher-fill-inactive: #eeeeee;
   --components-content-switcher-fill-hover: #d4d4d4;
   --components-content-switcher-label-active: #ffffff;
   --components-content-switcher-label-inactive: #767676;
   --components-content-switcher-label-hover: #ffffff;
  
   --elevation-01-chrome: 0 1px 3px rgb(23 23 23 / 0.08), 0 1px 2px -1px rgb(23 23 23 / 0.06);

  
   --components-filter-pills-fill-default: #eeeeee;
   --components-filter-pills-stroke-default: #eeeeee;
   --components-filter-pills-label-default: #383838;
   --components-filter-pills-fill-active: var(--global-primary-brand-secondary); 
   --components-filter-pills-stroke-active: var(--global-primary-brand-secondary);
   --components-filter-pills-label-active: #ffffff;

  
   --components-progress-indicator-fill-default: #383838;
   --components-progress-indicator-fill-not-started: #eeeeee;
   --components-progress-indicator-fill-completed: #383838;
   --components-progress-indicator-icon-completed: #ffffff;
   --components-progress-indicator-label: #383838;

  
   --components-tabbed-highlight-menu-border-active: #d73717;
   --components-tabbed-highlight-menu-border-inactive: #eeeeee;
   --components-tabbed-highlight-menu-label-active: #383838;
   --components-tabbed-highlight-menu-label-inactive: #383838;

  
   --components-tooltip-background: #ffffff;
   --templates-page-shadow-chrome: rgb(22 22 22 / 0.08);

  
   --components-notifications-notification-background: #ffffff;
   --components-notifications-notification-label-default: #383838;
   --components-notifications-notification-accent-successful: #356b4d;
   --components-notifications-notification-accent-info: #d4d4d4;
   --components-notifications-notification-accent-warning: #805713;
   --components-notifications-notification-accent-error: #8b2635;
   --components-notifications-toast-background: #383838;
   --components-notifications-toast-label-default: #ffffff;
}


.cw-visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }


.cw-button.is-tertiary { background: var(--atoms-button-tertiary-fill-default); border-color: var(--atoms-button-tertiary-border-default); color: var(--atoms-button-tertiary-label-default); }
.cw-button.is-tertiary:hover { background: var(--atoms-button-tertiary-fill-hover); border-color: var(--atoms-button-tertiary-border-hover); color: var(--atoms-button-tertiary-label-hover); }
.cw-button.is-ghost { background: transparent; border-color: transparent; color: var(--atoms-button-ghost-label-default); }
.cw-button.is-ghost:hover { color: var(--atoms-button-ghost-label-hover); }
.cw-button.is-destructive { background: var(--atoms-button-destructive-fill-default); border-color: var(--atoms-button-destructive-border-default); color: var(--atoms-button-destructive-label-default); }
.cw-button.is-destructive:hover { background: var(--atoms-button-destructive-fill-hover); border-color: var(--atoms-button-destructive-fill-hover); color: var(--atoms-button-destructive-label-hover); }


.cw-button.is-default { gap: var(--spacing-md); height: 40px; padding: 0 calc(var(--spacing-md) - 1px); border-width: 1px; font-size: 14px; line-height: 1; } 
.cw-button.is-default .cw-icon { width: 16px; height: 16px; }

.cw-button.is-small { gap: var(--spacing-sm); padding: calc(var(--spacing-xs) - 1px) calc(var(--spacing-sm) - 1px); border-width: 1px; font-size: 12px; }
.cw-button.is-small.is-primary { gap: var(--spacing-xs); }
.cw-button.is-small .cw-icon { width: 12px; height: 12px; }


.cw-button:is(:disabled, [aria-disabled="true"]) { opacity: 0.6; cursor: not-allowed; }
.cw-button.is-primary:is(:disabled, [aria-disabled="true"]) { background: var(--atoms-button-primary-fill-default); }
.cw-button.is-secondary:is(:disabled, [aria-disabled="true"]) { background: var(--atoms-button-secondary-fill-disabled); border-color: var(--atoms-button-secondary-border-disabled); color: var(--atoms-button-secondary-label-disabled); }
.cw-button.is-tertiary:is(:disabled, [aria-disabled="true"]) { background: var(--atoms-button-tertiary-fill-disabled); border-color: var(--atoms-button-tertiary-border-disabled); color: var(--atoms-button-tertiary-label-disabled); }
.cw-button.is-ghost:is(:disabled, [aria-disabled="true"]) { background: transparent; color: var(--atoms-button-ghost-label-disabled); }
.cw-button.is-destructive:is(:disabled, [aria-disabled="true"]) { background: var(--atoms-button-destructive-fill-disabled); border-color: var(--atoms-button-destructive-fill-disabled); color: var(--atoms-button-destructive-label-disabled); }


.cw-fab { display: inline-grid; place-items: center; flex: none; width: 40px; height: 40px; padding: calc(var(--spacing-sm) - 1px); border: 1px solid transparent; border-radius: var(--radius-full); background: transparent; color: var(--atoms-button-tertiary-label-default); cursor: pointer; transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease; }
.cw-fab.is-primary { background: var(--atoms-button-primary-fill-default); border-color: var(--atoms-button-primary-border-default); color: var(--atoms-button-primary-label-default); }
.cw-fab.is-primary:hover { background: color-mix(in srgb, var(--atoms-button-primary-fill-default) 60%, black); border-color: color-mix(in srgb, var(--atoms-button-primary-fill-default) 60%, black); }
.cw-fab.is-secondary { background: var(--atoms-button-secondary-fill-default); border-color: var(--atoms-button-secondary-border-default); color: var(--atoms-button-secondary-label-default); }
.cw-fab.is-secondary:hover { background: var(--atoms-button-secondary-fill-hover); border-color: var(--atoms-button-secondary-border-hover); }
.cw-fab.is-tertiary { background: var(--atoms-button-tertiary-fill-default); border-color: var(--atoms-button-tertiary-border-default); color: var(--atoms-button-tertiary-label-default); }
.cw-fab.is-tertiary:hover { background: var(--atoms-button-tertiary-fill-hover); border-color: var(--atoms-button-tertiary-border-hover); color: var(--atoms-button-tertiary-label-hover); }
.cw-fab.is-ghost { color: var(--atoms-button-tertiary-label-default); }
.cw-fab.is-ghost:hover { color: var(--atoms-button-ghost-label-default); }
.cw-fab.is-destructive { background: var(--atoms-button-destructive-fill-default); border-color: var(--atoms-button-destructive-border-default); color: var(--atoms-button-destructive-label-default); }
.cw-fab.is-destructive:hover { background: var(--atoms-button-destructive-fill-hover); border-color: var(--atoms-button-destructive-fill-hover); }
.cw-fab:disabled { opacity: 0.6; cursor: not-allowed; }


.cw-button-set { display: flex; gap: var(--spacing-md); width: 100%; }
.cw-button-set > .cw-button { min-width: fit-content; }

.cw-button-set.is-inline { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.cw-button-set.is-inline.is-auto > .is-ghost:first-child { margin-right: auto; }
.cw-button-set.is-inline.is-full > .cw-button,
.cw-button-set.is-inline.is-equal > .cw-button { flex: 1 1 0; }
.cw-button-set.is-inline.is-full > .is-ghost:first-child { justify-content: flex-start; }

.cw-button-set.is-inline.is-full:has(> :nth-child(3):last-child) > .is-ghost:first-child { flex-grow: 2.12; }

.cw-button-set.is-stacked { flex-direction: column-reverse; align-items: center; }
.cw-button-set.is-stacked.is-full { align-items: stretch; }
.cw-button-set.is-stacked.is-equal { width: fit-content; max-width: 100%; align-items: stretch; margin-inline: auto; }


.cw-content-switcher { width: 100%; }
.cw-content-switcher__list { display: flex; padding: var(--spacing-xs); background: var(--components-content-switcher-background); border-radius: 1000px; }
.cw-content-switcher__item { display: flex; align-items: center; justify-content: center; flex: 1 1 0; min-width: max-content; padding: var(--spacing-sm) var(--spacing-md); border: 0; border-radius: 1000px; background: var(--components-content-switcher-fill-inactive); color: var(--components-content-switcher-label-inactive); font: 500 14px/1.2 var(--label-font-family); white-space: nowrap; cursor: pointer; transition: background-color 150ms ease, color 150ms ease; }
.cw-content-switcher__item:hover { background: var(--components-content-switcher-fill-hover); color: var(--components-content-switcher-label-hover); font-weight: 700; }
.cw-content-switcher__item[aria-selected="true"] { background: var(--components-content-switcher-fill-active); color: var(--components-content-switcher-label-active); font-weight: 700; box-shadow: var(--elevation-01-chrome); }
.cw-content-switcher__panel { padding-top: var(--spacing-lg); }
.cw-content-switcher__panel[hidden] { display: none; }

.cw-content-switcher.is-inline .cw-content-switcher__list { overflow-x: auto; scrollbar-width: none; }
.cw-content-switcher.is-inline .cw-content-switcher__list::-webkit-scrollbar { display: none; }

.cw-content-switcher.is-stacked .cw-content-switcher__list { flex-direction: column; gap: var(--spacing-xs); border-radius: var(--radius-xl); }
.cw-content-switcher.is-stacked .cw-content-switcher__item { flex: none; width: 100%; min-width: 0; }


.cw-filter-pills { display: flex; flex-wrap: wrap; gap: var(--spacing-sm); margin: 0; padding: 0; list-style: none; }
.cw-filter-pill { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-xs); max-width: 100%; padding: var(--spacing-sm) var(--spacing-md); border: 1px solid var(--components-filter-pills-stroke-default); border-radius: 1000px; background: var(--components-filter-pills-fill-default); color: var(--components-filter-pills-label-default); font: 700 12px/1.2 var(--label-font-family); white-space: nowrap; cursor: pointer; transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease; }
.cw-filter-pill:hover { border-color: var(--greyscale-4); }
.cw-filter-pill:is([aria-pressed="true"], .is-active) { background: var(--components-filter-pills-fill-active); border-color: var(--components-filter-pills-stroke-active); color: var(--components-filter-pills-label-active); }
.cw-filter-pill .cw-icon { width: 16px; height: 16px; }
.cw-filter-pill__label { overflow: hidden; text-overflow: ellipsis; }

.cw-filter-pill.is-general { width: 32px; height: 32px; padding: 0; }


.cw-loader { display: flex; align-items: center; gap: var(--spacing-lg); color: var(--atoms-text-text-dark); }
.cw-loader.is-stacked { flex-direction: column; text-align: center; }
.cw-loader.is-inline { flex-direction: row; text-align: left; }
.cw-loader__title { min-width: 0; }
.cw-loader__spinner { display: inline-block; flex: none; width: 80px; height: 80px; color: var(--global-text-color); animation: cw-loader-spin 1.2s linear infinite; }
.cw-loader__spinner.is-small { width: 40px; height: 40px; }
@keyframes cw-loader-spin { to { transform: rotate(-360deg); } }
@media (prefers-reduced-motion: reduce) { .cw-loader__spinner { animation-duration: 4s; } }


.cw-progress-indicator { display: flex; width: 100%; margin: 0; padding: 0; list-style: none; }
.cw-progress-indicator__step { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-sm); flex: 1 1 0; min-width: 0; padding-block: var(--spacing-sm); }
.cw-progress-indicator__track { display: flex; align-items: center; width: 100%; }
.cw-progress-indicator__track::before,
.cw-progress-indicator__track::after { content: ""; flex: 1 1 0; height: 4px; background: var(--components-progress-indicator-fill-not-started); }
.cw-progress-indicator__bullet { position: relative; flex: none; width: 24px; height: 24px; border-radius: 1000px; overflow: hidden; background: var(--components-progress-indicator-fill-not-started); }
.cw-progress-indicator__label { width: 100%; color: var(--components-progress-indicator-label); font: 500 14px/1.2 var(--label-font-family); text-align: center; overflow-wrap: anywhere; }

.cw-progress-indicator__step.is-active .cw-progress-indicator__bullet { background: var(--components-progress-indicator-fill-default); }
.cw-progress-indicator__step:is(.is-active, .is-completed) .cw-progress-indicator__track::before { background: var(--components-progress-indicator-fill-default); }

.cw-progress-indicator__step.is-completed .cw-progress-indicator__bullet { background: var(--components-progress-indicator-icon-completed); }
.cw-progress-indicator__step.is-completed .cw-progress-indicator__bullet::after { content: ""; position: absolute; inset: 0; background: var(--components-progress-indicator-fill-completed); -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm45.66%2C85.66-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm45.66%2C85.66-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.cw-progress-indicator__step.is-completed .cw-progress-indicator__track::after { background: var(--components-progress-indicator-fill-completed); }

.cw-progress-indicator__step:first-child .cw-progress-indicator__track::before,
.cw-progress-indicator__step:last-child .cw-progress-indicator__track::after { background: transparent; }


.cw-tabbed-highlight-menu { width: 100%; }
.cw-tabbed-highlight-menu__list { display: flex; overflow-x: auto; scrollbar-width: none; }
.cw-tabbed-highlight-menu__list::-webkit-scrollbar { display: none; }
.cw-tabbed-highlight-menu__item { display: flex; align-items: center; justify-content: center; flex: none; height: 48px; padding: var(--spacing-sm) var(--spacing-md); border: 0; background: none; box-shadow: inset 0 -1px 0 var(--components-tabbed-highlight-menu-border-inactive); color: var(--components-tabbed-highlight-menu-label-inactive); font: 700 14px/1.2 var(--label-font-family); white-space: nowrap; cursor: pointer; transition: box-shadow 150ms ease; }
.cw-tabbed-highlight-menu__item:hover { box-shadow: inset 0 -1px 0 var(--greyscale-4); }
.cw-tabbed-highlight-menu__item[aria-selected="true"] { box-shadow: inset 0 -4px 0 var(--components-tabbed-highlight-menu-border-active); color: var(--components-tabbed-highlight-menu-label-active); }
.cw-tabbed-highlight-menu__item:focus-visible { outline-offset: -2px; }
.cw-tabbed-highlight-menu.is-equal-widths .cw-tabbed-highlight-menu__item { flex: 1 0 auto; min-width: max-content; flex-basis: 0; }
.cw-tabbed-highlight-menu__panel { padding-top: var(--spacing-lg); }
.cw-tabbed-highlight-menu__panel[hidden] { display: none; }


.cw-tooltip { position: relative; display: flex; flex-direction: column; gap: var(--spacing-child); width: min(375px, calc(100vw - 32px)); max-width: 100%; padding: var(--spacing-md); background: var(--components-tooltip-background); color: var(--atoms-text-text-dark); filter: drop-shadow(0 2px 2px var(--templates-page-shadow-chrome)); text-align: left; }
.cw-tooltip__text-container { display: flex; flex-direction: column; gap: var(--spacing-related); }
.cw-tooltip__title { margin: 0; font: 800 16px/1.3 var(--heading-font-family); }
.cw-tooltip__text { margin: 0; font: 400 var(--body-sizes-body-small-size)/var(--body-sizes-body-small-line-height) var(--paragraph-font-family); }
.cw-tooltip::after { content: ""; position: absolute; background: var(--components-tooltip-background); }
.cw-tooltip.is-arrow-bottom::after { top: 100%; left: calc(50% - 8px); width: 16px; height: 8px; clip-path: polygon(0 0, 100% 0, 50% 100%); }
.cw-tooltip.is-arrow-top::after { bottom: 100%; left: calc(50% - 8px); width: 16px; height: 8px; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.cw-tooltip.is-arrow-right::after { left: 100%; top: calc(50% - 8px); width: 8px; height: 16px; clip-path: polygon(0 0, 100% 50%, 0 100%); }
.cw-tooltip.is-arrow-left::after { right: 100%; top: calc(50% - 8px); width: 8px; height: 16px; clip-path: polygon(100% 0, 100% 100%, 0 50%); }
.cw-tooltip.is-arrow-none::after { display: none; }

.cw-tooltip .cw-button-set { flex-wrap: nowrap; }
.cw-tooltip.is-action .cw-button-set { justify-content: flex-start; }

.cw-tooltip-anchor { position: relative; display: inline-flex; width: fit-content; max-width: 100%; }
.cw-tooltip-anchor > .cw-tooltip { position: absolute; z-index: 40; display: none; max-width: none; }
.cw-tooltip-anchor:is(:hover, :focus-within):not(.is-dismissed) > .cw-tooltip { display: flex; }

.cw-tooltip-anchor > .cw-tooltip.is-arrow-bottom { bottom: calc(100% + 12px); left: 50%; transform: translateX(calc(-50% + var(--cw-tooltip-shift, 0px))); }
.cw-tooltip-anchor > .cw-tooltip.is-arrow-top,
.cw-tooltip-anchor > .cw-tooltip.is-arrow-none { top: calc(100% + 12px); left: 50%; transform: translateX(calc(-50% + var(--cw-tooltip-shift, 0px))); }
.cw-tooltip-anchor > .cw-tooltip:is(.is-arrow-bottom, .is-arrow-top)::after { left: calc(50% - 8px - var(--cw-tooltip-shift, 0px)); }
.cw-tooltip-anchor > .cw-tooltip.is-arrow-right { right: calc(100% + 12px); top: 50%; transform: translateY(-50%); }
.cw-tooltip-anchor > .cw-tooltip.is-arrow-left { left: calc(100% + 12px); top: 50%; transform: translateY(-50%); }

.cw-tooltip-anchor > .cw-tooltip::before { content: ""; position: absolute; inset: -14px; z-index: -1; }


.cw-notification { --cw-notification-accent: var(--components-notifications-notification-accent-info); display: flex; align-items: flex-start; gap: var(--spacing-sm); width: 100%; padding: 12px var(--spacing-md); color: var(--components-notifications-notification-label-default); font: 400 var(--body-sizes-body-size)/var(--body-sizes-body-line-height) var(--paragraph-font-family); }
.cw-notification.is-success { --cw-notification-accent: var(--components-notifications-notification-accent-successful); }
.cw-notification.is-info { --cw-notification-accent: var(--components-notifications-notification-accent-info); }
.cw-notification.is-warning { --cw-notification-accent: var(--components-notifications-notification-accent-warning); }
.cw-notification.is-error { --cw-notification-accent: var(--components-notifications-notification-accent-error); }
.cw-notification__icon { color: var(--cw-notification-accent); }
.cw-notification__message { flex: 1 1 0; min-width: 0; margin: 0; }

.cw-notification.is-notification { background: var(--components-notifications-notification-background); border-left: 2px solid var(--cw-notification-accent); }

.cw-notification.is-toast { background: var(--components-notifications-toast-background); color: var(--components-notifications-toast-label-default); }
.cw-notification.is-toast .cw-notification__icon { color: var(--components-notifications-toast-label-default); }

.cw-notification.is-stacked { max-width: 348px; }
.cw-notification.is-inline { max-width: 768px; }

/* css/components/forms.css */


:root {
  
  --form-components-input-field-enabled-label: #383838; 
  --form-components-input-field-enabled-required: #8b2635; 
  
  --form-components-input-field-hover-accent: #767676; 
  --form-components-input-field-hover-placeholder: #c8c7c5; 
  --form-components-input-field-active-accent: var(--greyscale-black); 
  --form-components-input-field-active-placeholder: #c8c7c5; 
  --form-components-input-field-disabled-accent: #eeeeee; 
  --form-components-input-field-disabled-placeholder: #c8c7c5; 
  --form-components-input-field-error-accent: #8b2635; 
  --form-components-input-field-error-placeholder: #8b2635; 
  --form-components-input-field-read-only-label: #383838; 
  --atoms-text-label-error: #8b2635; 
  
  --form-components-checkbox-fill-selected: #383838; 
  --form-components-checkbox-check: #ffffff; 
  --form-components-checkbox-highlight: #0084d1; 
  --form-components-checkbox-button-fill-default: #ffffff; 
  --form-components-checkbox-button-border-default: #383838; 
  
  --form-components-radio-fill-default: #ffffff; 
  --form-components-radio-border-default: #383838; 
  --form-components-radio-fill-selected: #383838; 
  --form-components-radio-highlight: #dde9e0; 
  
  --form-components-switch-toggle-on-fill-enabled: #356b4d; 
  --form-components-switch-toggle-on-fill-disabled: #d3e1b7; 
  --form-components-switch-toggle-off-fill-enabled: #d4d4d4; 
  --form-components-switch-toggle-off-fill-disabled: #eeeeee; 
  --form-components-switch-toggle-toggle-default: #ffffff; 
  
  --form-components-dropdown-list-fill-unselected: #ffffff; 
  --form-components-dropdown-list-fill-selected: #eeeeee; 
  --form-components-dropdown-list-fill-disabled: #ffffff; 
  --form-components-dropdown-list-label-unselected: #383838; 
  --form-components-dropdown-list-label-selected: #383838; 
  --form-components-dropdown-list-label-disabled: #d4d4d4; 
  --templates-page-shadow-chrome: rgba(22, 22, 22, 0.08); 
  
  --form-components-slider-input-background-default: #eeeeee; 
  --form-components-slider-input-background-active: #d73717; 
  --form-components-slider-input-slider-control: #d73717; 
  
  --spacing-sm: 8px; 
}


.cw-form-label { display: flex; flex-direction: column; gap: 4px; width: 100%; margin: 0; padding: 0; border: 0; font-family: var(--label-font-family); color: var(--atoms-text-label-default); }
.cw-form-label__header { display: flex; gap: 4px; font-size: 10px; font-weight: 700; line-height: 1.2; }
.cw-form-label__required { color: var(--form-components-input-field-enabled-required); }
.cw-form-label__description { font-size: 12px; font-weight: 400; line-height: 1.3; }
.cw-form-label.is-large .cw-form-label__header { font-size: 18px; font-weight: 500; }
.cw-form-label.is-large .cw-form-label__description { font-size: 14px; font-weight: 500; }
.cw-form-label.is-error .cw-form-label__header { color: var(--atoms-text-label-error); }
legend.cw-form-label { float: left; margin-bottom: 8px; } 
legend.cw-form-label + * { clear: both; }
.cw-error-message { display: flex; align-items: center; gap: 8px; margin: 0; padding: 4px 8px; font: 500 10px/1.2 var(--label-font-family); color: var(--atoms-text-label-error); }
.cw-error-message .cw-icon { width: 16px; height: 16px; }
.cw-error-message[hidden] { display: none; }


.cw-input { display: flex; flex-direction: column; width: 100%; min-width: 0; }
.cw-input__field { position: relative; display: flex; align-items: center; gap: 8px; min-height: 60px; padding: 0 16px; background: var(--global-secondary-off-white); border: 1px solid var(--form-components-input-field-enabled-accent); border-radius: var(--radius-md); color: var(--form-components-input-field-icons); transition: border-color 150ms ease, box-shadow 150ms ease; }
.cw-input__field:hover { border-color: var(--form-components-input-field-hover-accent); }
.cw-input__field:focus-within { border-color: var(--form-components-input-field-active-accent); box-shadow: 0 0 0 1px var(--form-components-input-field-active-accent); }
.cw-input__control { flex: 1; align-self: stretch; min-width: 0; width: 100%; margin: 0; padding: 23px 0 10px; border: 0; border-radius: 0; background: none; outline: none; color: var(--form-components-input-field-enabled-label); font-family: var(--paragraph-font-family); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); -webkit-appearance: none; appearance: none; }
.cw-input__control::placeholder { color: transparent; }
.cw-input__label { position: absolute; top: 12px; left: 16px; right: 16px; display: flex; gap: 4px; overflow: hidden; font: 700 10px/1.2 var(--label-font-family); color: var(--atoms-text-label-default); white-space: nowrap; pointer-events: none; transition: top 150ms ease, font-size 150ms ease, color 150ms ease; }
.cw-input__label .cw-input__required { color: var(--form-components-input-field-enabled-required); }

.cw-input__control:placeholder-shown:not(:focus) ~ .cw-input__label,
.cw-input__field:has(select option[value=""]:checked):not(:focus-within) .cw-input__label,
.cw-input__field:has([data-cw-dropdown-value]:empty):not(:focus-within) .cw-input__label { top: 17px; font: 400 var(--body-sizes-body-size)/var(--body-sizes-body-line-height) var(--paragraph-font-family); color: var(--form-components-input-field-enabled-placeholder); }
.cw-input__control:placeholder-shown:not(:focus) ~ .cw-input__label .cw-input__required,
.cw-input__field:has(select option[value=""]:checked):not(:focus-within) .cw-input__required,
.cw-input__field:has([data-cw-dropdown-value]:empty):not(:focus-within) .cw-input__required { display: none; }
.cw-input__field:hover .cw-input__control:placeholder-shown:not(:focus) ~ .cw-input__label { color: var(--form-components-input-field-hover-placeholder); }
.cw-input__field:has(.cw-input__icon, .cw-input__action) .cw-input__label { right: 48px; }
.cw-input__icon, .cw-input__action { flex: none; width: 24px; height: 24px; color: var(--form-components-input-field-icons); }
.cw-input__icon { pointer-events: none; }
.cw-input__action { display: grid; place-items: center; padding: 0; border: 0; border-radius: 4px; background: none; cursor: pointer; }
.cw-input__action .cw-icon { width: 24px; height: 24px; }
.cw-input__prefix { flex: none; color: var(--greyscale-black); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-input > .cw-form-label { margin-bottom: 4px; }

.cw-input__field:has([aria-invalid="true"]) { border-color: var(--form-components-input-field-error-accent); }
.cw-input__field:has([aria-invalid="true"]):focus-within { box-shadow: 0 0 0 1px var(--form-components-input-field-error-accent); }
.cw-input__field:has([aria-invalid="true"]) .cw-input__label,
.cw-input__field:has([aria-invalid="true"]) .cw-input__control:placeholder-shown:not(:focus) ~ .cw-input__label { color: var(--form-components-input-field-error-placeholder); }
.cw-input:has([aria-invalid="true"]) > .cw-form-label .cw-form-label__header { color: var(--atoms-text-label-error); }

.cw-input__field:has(.cw-input__control:disabled) { border-color: var(--form-components-input-field-disabled-accent); background: transparent; cursor: not-allowed; }
.cw-input__field:has(.cw-input__control:disabled) .cw-input__control { cursor: not-allowed; color: var(--form-components-input-field-disabled-placeholder); }
.cw-input__field:has(.cw-input__control:disabled) .cw-input__label,
.cw-input__field:has(.cw-input__control:disabled) .cw-input__control::placeholder { color: var(--form-components-input-field-disabled-placeholder); }
.cw-input__field:has(.cw-input__control:disabled) .cw-input__icon { opacity: 0.4; }

.cw-input__field:has(.cw-input__control[readonly]) { min-height: 0; padding: 4px 0; border-color: transparent; background: transparent; box-shadow: none; }
.cw-input__field:has(.cw-input__control[readonly]) .cw-input__control { padding: 0; color: var(--form-components-input-field-read-only-label); }
.cw-input__field:has(.cw-input__control[readonly]) .cw-input__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cw-input__field:has(.cw-input__control[readonly]) .cw-input__icon, .cw-input__field:has(.cw-input__control[readonly]) .cw-input__action { display: none; }


.cw-input.is-select select.cw-input__control { padding-right: 32px; cursor: pointer; }
.cw-input.is-no-label .cw-input__control { padding-block: 16.5px; } 
.cw-input.is-select .cw-input__icon,
.cw-input.is-date .cw-input__icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); }

.cw-input.is-date .cw-input__control { padding-right: 32px; }
.cw-input.is-date .cw-input__control::-webkit-calendar-picker-indicator { position: absolute; right: 16px; top: 50%; width: 24px; height: 24px; margin: -12px 0 0; padding: 0; opacity: 0; cursor: pointer; }
.cw-input.is-date .cw-input__control::-webkit-datetime-edit { padding: 0; }
.cw-input.is-date .cw-input__field:has(.cw-input__control:not(:focus):invalid) .cw-input__control { color: var(--form-components-input-field-enabled-placeholder); }

.cw-input.is-textarea .cw-input__field { align-items: flex-start; min-height: 86px; padding: 16px; }
.cw-input.is-textarea .cw-input__control { min-height: 52px; padding: 0; resize: vertical; }

.cw-input.is-phone .cw-input__control { padding: 0; }
.cw-input:is(.is-textarea, .is-phone) .cw-input__control::placeholder { color: var(--form-components-input-field-enabled-placeholder); }
.cw-input:is(.is-textarea, .is-phone) .cw-input__field:hover .cw-input__control::placeholder,
.cw-input:is(.is-textarea, .is-phone) .cw-input__control:focus::placeholder { color: var(--form-components-input-field-hover-placeholder); }


.cw-address-input { display: flex; flex-direction: column; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; }
.cw-address-input__fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--spacing-md); }
.cw-address-input.is-inline .cw-address-input__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--spacing-md); }
.cw-address-input.is-stacked .cw-address-input__row { display: contents; }


.cw-input-with-button { display: flex; width: 100%; min-width: 0; }
.cw-input-with-button.is-inline { align-items: center; gap: 8px; padding: 4px 4px 4px 24px; background: var(--global-primary-contrast); border: 1px solid var(--form-components-input-field-enabled-accent); border-radius: 70px; transition: border-color 150ms ease; }
.cw-input-with-button.is-inline:hover { border-color: var(--form-components-input-field-hover-accent); }
.cw-input-with-button.is-inline:focus-within { border-color: var(--form-components-input-field-active-accent); box-shadow: 0 0 0 1px var(--form-components-input-field-active-accent); }
.cw-input-with-button.is-inline > input { flex: 1; min-width: 0; padding: 0; border: 0; outline: none; background: none; color: var(--form-components-input-field-enabled-label); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-input-with-button.is-inline > input::placeholder { color: var(--form-components-input-field-enabled-placeholder); }
.cw-input-with-button.is-inline .cw-button { flex: none; padding: var(--spacing-md) var(--spacing-lg); }
.cw-input-with-button.is-stacked { flex-direction: column; gap: var(--spacing-sm); }
.cw-input-with-button.is-stacked .cw-button { width: 100%; }


.cw-checkbox-set, .cw-radio-set { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; }
.cw-checkbox-set__options, .cw-radio-set__options { display: flex; flex-direction: column; gap: var(--spacing-sm); }
.cw-checkbox-set > .cw-error-message, .cw-radio-set > .cw-error-message { margin-top: var(--spacing-sm); }
.cw-checkbox-set .cw-checkbox { align-items: center; font: 500 14px/1.2 var(--label-font-family); }

:is(.cw-checkbox-set, .cw-acknowledgement-bar, .cw-data-table) .cw-checkbox > span, .cw-checkbox.is-button > span { padding-top: 0; }
.cw-checkbox input { transition: box-shadow 150ms ease; }
.cw-checkbox input:hover:not(:disabled) { box-shadow: 0 0 0 4px var(--form-components-checkbox-highlight); }
.cw-checkbox input:focus-visible { outline: 4px solid var(--form-components-checkbox-highlight); outline-offset: 0; }
.cw-checkbox input:indeterminate { border-color: var(--form-components-checkbox-fill-selected); background: var(--form-components-checkbox-fill-selected) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 18px no-repeat; }
.cw-checkbox:has(input:disabled) { cursor: not-allowed; }
.cw-checkbox input:disabled { opacity: 0.4; cursor: not-allowed; }

.cw-checkbox.is-small { --cw-checkbox-size: 16px; }
.cw-checkbox.is-small input { width: 16px; height: 16px; border-radius: 3px; }
.cw-checkbox.is-small input:is(:checked, :indeterminate) { background-size: 12px; }
.cw-checkbox.is-large { font-size: 18px; font-weight: 500; }
.cw-checkbox.is-large { --cw-checkbox-size: 32px; }
.cw-checkbox.is-large input { width: 32px; height: 32px; border-radius: 5px; }
.cw-checkbox.is-large input:is(:checked, :indeterminate) { background-size: 24px; }

.cw-checkbox.is-alternate, .cw-radio.is-alternate { flex-direction: row-reverse; justify-content: space-between; }

.cw-checkbox.is-button, .cw-radio.is-button { flex-direction: row-reverse; align-items: center; padding: 12px; background: var(--form-components-checkbox-button-fill-default); border: 1px solid var(--form-components-checkbox-button-border-default); }
.cw-checkbox.is-button > span, .cw-radio.is-button > span { flex: 1; min-width: 0; padding-left: 24px; text-align: center; }
.cw-checkbox.is-button.is-large > span, .cw-radio.is-button.is-large > span { padding-left: var(--spacing-child); }

.cw-checkbox-set.is-error > .cw-form-label .cw-form-label__header,
.cw-radio-set.is-error > .cw-form-label .cw-form-label__header,
.cw-checkbox-pill-set.is-error > .cw-form-label .cw-form-label__header { color: var(--atoms-text-label-error); }


.cw-checkbox-pill-set { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; }
.cw-checkbox-pill-set > .cw-form-label .cw-form-label__header { font-size: 14px; font-weight: 500; }
.cw-checkbox-pill-set__options { display: flex; flex-wrap: wrap; gap: var(--spacing-sm); }
.cw-checkbox-pill-set > .cw-error-message { margin-top: var(--spacing-sm); }
.cw-checkbox-pill { position: relative; display: inline-flex; }
.cw-checkbox-pill input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.cw-checkbox-pill__label { display: inline-flex; align-items: center; justify-content: center; padding: var(--spacing-md) var(--spacing-lg); background: var(--secondary-off-white); border: 1px solid var(--secondary-light-grey); border-radius: var(--radius-full); color: var(--secondary-dark-grey); font: 400 var(--body-sizes-body-small-size)/var(--body-sizes-body-small-line-height) var(--paragraph-font-family); white-space: nowrap; transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease; }
.cw-checkbox-pill:hover .cw-checkbox-pill__label { border-color: var(--secondary-dark-grey); }
.cw-checkbox-pill input:checked + .cw-checkbox-pill__label { background: var(--primary-black); border-color: var(--primary-black); color: var(--secondary-off-white); }
.cw-checkbox-pill input:focus-visible + .cw-checkbox-pill__label { outline: 2px solid var(--global-primary-brand-primary); outline-offset: 2px; }
.cw-checkbox-pill input:disabled { cursor: not-allowed; }
.cw-checkbox-pill input:disabled + .cw-checkbox-pill__label { opacity: 0.4; }


.cw-radio { display: flex; align-items: center; gap: 8px; color: var(--atoms-text-label-default); font: 500 14px/1.2 var(--label-font-family); cursor: pointer; }
.cw-radio input { flex: none; width: 24px; height: 24px; margin: 0; border: 1.5px solid var(--form-components-radio-border-default); border-radius: 50%; background: var(--form-components-radio-fill-default); cursor: pointer; -webkit-appearance: none; appearance: none; transition: box-shadow 150ms ease; }
.cw-radio input:checked { background: radial-gradient(circle closest-side, var(--form-components-radio-fill-selected) 0 64%, var(--form-components-radio-fill-default) calc(64% + 1px)); }
.cw-radio input:hover:not(:disabled) { box-shadow: 0 0 0 4px var(--form-components-radio-highlight); }
.cw-radio input:focus-visible { box-shadow: 0 0 0 4px var(--form-components-radio-highlight); outline: 2px solid var(--global-primary-brand-primary); outline-offset: 5px; }
.cw-radio:has(input:disabled) { cursor: not-allowed; }
.cw-radio input:disabled { opacity: 0.4; cursor: not-allowed; }
.cw-radio.is-small input { width: 16px; height: 16px; border-width: 1px; }
.cw-radio.is-large { font-size: 18px; }
.cw-radio.is-large input { width: 32px; height: 32px; border-width: 2px; }


.cw-switch-toggle { display: inline-flex; align-items: center; gap: 12px; color: var(--atoms-text-label-default); font: 500 14px/1.2 var(--label-font-family); cursor: pointer; }
.cw-switch-toggle input { position: relative; flex: none; width: 51px; height: 31px; margin: 0; border: 0; border-radius: var(--radius-full); background: var(--form-components-switch-toggle-off-fill-enabled); cursor: pointer; -webkit-appearance: none; appearance: none; transition: background-color 150ms ease; }
.cw-switch-toggle input::before { content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%; background: var(--form-components-switch-toggle-toggle-default); box-shadow: 0 3px 8px rgb(0 0 0 / 0.15), 0 3px 1px rgb(0 0 0 / 0.06); transition: transform 150ms ease; }
.cw-switch-toggle input:checked { background: var(--form-components-switch-toggle-on-fill-enabled); }
.cw-switch-toggle input:checked::before { transform: translateX(20px); }
.cw-switch-toggle:has(input:disabled) { cursor: not-allowed; }
.cw-switch-toggle input:disabled { background: var(--form-components-switch-toggle-off-fill-disabled); cursor: not-allowed; }
.cw-switch-toggle input:checked:disabled { background: var(--form-components-switch-toggle-on-fill-disabled); }


.cw-dropdown-list { display: flex; flex-direction: column; width: 100%; max-width: 320px; margin: 0; padding: 0; overflow: auto; list-style: none; background: var(--form-components-dropdown-list-fill-unselected); border-radius: var(--radius-md); box-shadow: 0 2px 4px var(--templates-page-shadow-chrome), 0 0 0 1px var(--templates-page-shadow-chrome); }
.cw-dropdown-list[hidden] { display: none; }
.cw-dropdown-list__item { display: flex; align-items: center; gap: 8px; padding: 12px 8px; background: var(--form-components-dropdown-list-fill-unselected); color: var(--form-components-dropdown-list-label-unselected); font: 500 14px/17px var(--label-font-family); cursor: pointer; outline: none; }
.cw-dropdown-list__item:hover, .cw-dropdown-list__item:focus { background: var(--greyscale-6); }
.cw-dropdown-list__item:focus-visible { box-shadow: inset 0 0 0 2px var(--global-primary-brand-primary); }
.cw-dropdown-list__item[aria-selected="true"] { background: var(--form-components-dropdown-list-fill-selected); color: var(--form-components-dropdown-list-label-selected); }
.cw-dropdown-list__item[aria-disabled="true"] { background: var(--form-components-dropdown-list-fill-disabled); color: var(--form-components-dropdown-list-label-disabled); cursor: not-allowed; }
.cw-dropdown-list__item .cw-icon { width: 24px; height: 24px; }
.cw-input.is-dropdown { position: relative; }
.cw-input.is-dropdown .cw-input__control { display: block; padding-right: 32px; text-align: left; cursor: pointer; }
.cw-input.is-dropdown .cw-input__icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); transition: transform 150ms ease; }
.cw-input.is-dropdown .cw-input__control[aria-expanded="true"] ~ .cw-input__icon { transform: translateY(-50%) rotate(180deg); }
.cw-input.is-dropdown .cw-dropdown-list { position: absolute; z-index: 10; top: calc(100% + 4px); left: 0; max-width: none; max-height: 246px; }


.cw-search-input { display: flex; flex-direction: column; width: 100%; min-width: 0; }
.cw-search-input__row { display: flex; align-items: center; gap: var(--spacing-sm); }
.cw-search-input__row .cw-input-field { flex: 1; min-width: 0; }
.cw-search-input__row .cw-input-field:hover { border-color: var(--form-components-input-field-hover-accent); }
.cw-search-input__row .cw-input-field:has([aria-invalid="true"]) { border-color: var(--form-components-input-field-error-accent); box-shadow: none; }
.cw-search-input__button { flex: none; padding: var(--spacing-sm) var(--spacing-md); border: 0; border-radius: var(--radius-full); background: var(--atoms-button-primary-fill-default); color: var(--atoms-button-primary-label-default); font: 700 14px/1.2 var(--label-font-family); white-space: nowrap; cursor: pointer; transition: background-color 150ms ease; }
.cw-search-input__button:hover { background: color-mix(in srgb, var(--atoms-button-primary-fill-default) 75%, black); }


.cw-quantity-input { display: inline-flex; flex-direction: column; max-width: 100%; }
.cw-quantity-input__controls { display: flex; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-sm) 0; }
.cw-quantity-input__button { display: grid; place-items: center; flex: none; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--radius-full); background: var(--atoms-button-primary-fill-default); color: var(--atoms-button-primary-label-default); cursor: pointer; transition: background-color 150ms ease, opacity 150ms ease; }
.cw-quantity-input__button:hover:not(:disabled) { background: color-mix(in srgb, var(--atoms-button-primary-fill-default) 75%, black); }
.cw-quantity-input__button:disabled { opacity: 0.4; cursor: not-allowed; }
.cw-quantity-input__button .cw-icon { width: 16px; height: 16px; }
.cw-quantity-input__value { width: 56px; height: 60px; margin: 0; padding: 0 4px; background: var(--global-secondary-off-white); border: 1px solid var(--form-components-input-field-enabled-accent); border-radius: var(--radius-md); color: var(--form-components-input-field-enabled-label); font: 400 var(--body-sizes-body-size)/var(--body-sizes-body-line-height) var(--paragraph-font-family); text-align: center; outline: none; -moz-appearance: textfield; appearance: textfield; }
.cw-quantity-input__value::-webkit-inner-spin-button, .cw-quantity-input__value::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.cw-quantity-input__value:hover { border-color: var(--form-components-input-field-hover-accent); }
.cw-quantity-input__value:focus { border-color: var(--form-components-input-field-active-accent); box-shadow: 0 0 0 1px var(--form-components-input-field-active-accent); }
.cw-quantity-input__value[aria-invalid="true"] { border-color: var(--form-components-input-field-error-accent); }
.cw-quantity-input:has([aria-invalid="true"]) > .cw-form-label .cw-form-label__header { color: var(--atoms-text-label-error); }


.cw-slider-input { display: flex; flex-direction: column; width: 100%; max-width: 370px; min-width: 0; margin: 0; padding: 0; border: 0; }
.cw-slider-input__body { display: flex; flex-direction: column; gap: var(--spacing-md); padding: var(--spacing-md) 0; }
.cw-slider-input__row { display: flex; align-items: center; gap: var(--spacing-sm); color: var(--atoms-text-label-default); font: 500 14px/1.2 var(--label-font-family); }
.cw-slider-input__track { --from: 0; --to: 0.5; position: relative; flex: 1; min-width: 0; height: 24px; }
.cw-slider-input__track::before { content: ""; position: absolute; left: 0; right: 0; top: 10px; height: 4px; background: var(--form-components-slider-input-background-default); }
.cw-slider-input__fill { position: absolute; top: 10px; height: 4px; left: calc(12px + (100% - 24px) * var(--from)); right: calc(12px + (100% - 24px) * (1 - var(--to))); background: var(--form-components-slider-input-background-active); }
.cw-slider-input.is-single .cw-slider-input__fill { left: 0; }
.cw-slider-input__range { position: absolute; inset: 0; width: 100%; height: 24px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.cw-slider-input.is-single .cw-slider-input__range { pointer-events: auto; cursor: pointer; }
.cw-slider-input__range:focus { outline: none; }
.cw-slider-input__range::-webkit-slider-runnable-track { height: 24px; background: transparent; }
.cw-slider-input__range::-moz-range-track { height: 24px; background: transparent; }
.cw-slider-input__range::-webkit-slider-thumb { width: 24px; height: 24px; border: 0; border-radius: 50%; background: var(--form-components-slider-input-slider-control); cursor: grab; pointer-events: auto; -webkit-appearance: none; appearance: none; }
.cw-slider-input__range::-moz-range-thumb { width: 24px; height: 24px; border: 0; border-radius: 50%; background: var(--form-components-slider-input-slider-control); cursor: grab; pointer-events: auto; }
.cw-slider-input__range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--global-primary-contrast), 0 0 0 4px var(--global-primary-brand-primary); }
.cw-slider-input__range:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 2px var(--global-primary-contrast), 0 0 0 4px var(--global-primary-brand-primary); }
.cw-slider-input__inputs { display: flex; gap: clamp(16px, 8vw, 40px); padding: 0 clamp(0px, 6vw, 40px); }
.cw-slider-input__inputs .cw-input { flex: 1; }
.cw-slider-input__inputs .cw-input__control { text-align: center; -moz-appearance: textfield; appearance: textfield; }
.cw-slider-input__inputs .cw-input__control::-webkit-inner-spin-button, .cw-slider-input__inputs .cw-input__control::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.cw-slider-input.is-error > .cw-form-label .cw-form-label__header { color: var(--atoms-text-label-error); }

/* css/components/organisms.css */


:root {
   --templates-page-shadow-chrome: rgb(22 22 22 / 0.08);
   --organisms-carousel-page-indicator-fill-active: #383838;
   --organisms-carousel-page-indicator-fill-inactive: #c8c7c5;
   --atoms-button-tertiary-fill-default: #ffffff;
   --atoms-button-tertiary-border-default: #d4d4d4;
   --atoms-button-ghost-label-default: #d73717;
   --spacing-sm: 8px;
   --spacing-internal-component: 8px;
   --components-content-switcher-fill-inactive: #eeeeee;
   --form-components-switch-toggle-on-fill-enabled: #356b4d;
   --form-components-switch-toggle-toggle-default: #ffffff;
}


.cw-button.is-ghost { background: transparent; color: var(--atoms-button-ghost-label-default); }
.cw-button.is-ghost:hover { background: color-mix(in srgb, var(--atoms-button-ghost-label-default) 8%, transparent); }
.cw-button:disabled { opacity: 0.4; cursor: not-allowed; }


.cw-card { position: relative; display: flex; overflow: hidden; width: 100%; background: var(--templates-page-surface); border-radius: var(--radius-lg); box-shadow: 0 2px 4px var(--templates-page-shadow-chrome); color: var(--atoms-text-text-dark); transition: box-shadow 150ms ease; }
.cw-card:hover { box-shadow: 0 6px 18px var(--templates-page-shadow-chrome), 0 2px 4px var(--templates-page-shadow-chrome); }
.cw-card:focus-within { outline: 2px solid var(--global-primary-brand-primary); outline-offset: 2px; }
.cw-card__thumb { display: flex; align-items: center; justify-content: center; flex: none; padding: var(--spacing-md); background: var(--global-primary-brand-primary); color: var(--greyscale-black); }
.cw-card__thumb .cw-icon { width: 80px; height: 80px; }
.cw-card__body { display: flex; align-items: center; gap: var(--spacing-md); flex: 1; min-width: 0; padding: var(--spacing-md); }
.cw-card__text { display: flex; flex-direction: column; gap: var(--spacing-related); flex: 1; min-width: 0; overflow-wrap: break-word; }
.cw-card__title { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--heading-sizes-h4-size); line-height: var(--heading-line-height-h4-line-height); }
.cw-card__title a::after { content: ""; position: absolute; inset: 0; }
.cw-card__title a:focus-visible { outline: none; }
.cw-card__desc { font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-card__chevron { flex: none; }

.cw-card.is-inline { align-items: stretch; min-height: 201px; }

.cw-card.is-stacked { flex-direction: column; }
.cw-card.is-stacked .cw-card__thumb { width: 100%; }

.cw-card__thumb.is-photo { position: relative; padding: 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(--greyscale-6); }
.cw-card__thumb.is-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cw-card__thumb.is-photo.is-portrait { aspect-ratio: 3 / 4; } 
.cw-card.is-center .cw-card__body { align-items: flex-start; }
.cw-card.is-center .cw-card__text { text-align: center; }

.cw-card.is-containerless { overflow: visible; background: none; border-radius: 0; box-shadow: none; }
.cw-card.is-containerless:hover { box-shadow: none; }
.cw-card.is-containerless .cw-card__thumb { border-radius: var(--radius-lg); }
.cw-card.is-containerless .cw-card__body { align-items: flex-start; padding: var(--spacing-md) 0 0; }
@media (max-width: 479px) {
  .cw-card.is-inline { min-height: 0; }
  .cw-card.is-inline .cw-card__thumb .cw-icon { width: 48px; height: 48px; }
}


.cw-carousel { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-md); width: 100%; }
.cw-carousel__container { display: flex; align-items: center; gap: var(--spacing-related); width: 100%; }
.cw-carousel.is-stacked .cw-carousel__container { gap: var(--spacing-sm); }
.cw-carousel__viewport { flex: 1; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; border-radius: var(--radius-lg); }
.cw-carousel__viewport::-webkit-scrollbar { display: none; }

.cw-carousel__fab { display: grid; place-items: center; flex: none; width: 40px; height: 40px; padding: calc(var(--spacing-sm) - 1px); border: 1px solid var(--atoms-button-tertiary-border-default); border-radius: var(--radius-full); background: var(--atoms-button-tertiary-fill-default); color: var(--atoms-text-text-dark); cursor: pointer; transition: border-color 150ms ease, background-color 150ms ease; }
.cw-carousel__fab:hover { border-color: var(--atoms-text-text-dark); }
.cw-carousel__fab:disabled { opacity: 0.4; cursor: default; border-color: var(--atoms-button-tertiary-border-default); }
.cw-carousel.is-stacked .cw-carousel__fab { display: none; }

.cw-media-container { display: flex; align-items: flex-start; gap: var(--spacing-related); margin: 0; padding: 0; list-style: none; }
.cw-media-container > * { position: relative; flex: none; aspect-ratio: 1; overflow: hidden; border-radius: var(--radius-lg); scroll-snap-align: start; }
.cw-media-container.is-media-container { width: 300px; max-width: 100%; }
.cw-media-container.is-media-container > * { width: 100%; }
.cw-media-container.is-overflow { gap: var(--spacing-internal-component); }
.cw-media-container.is-overflow > * { width: 300px; max-width: 80%; }
.cw-media-container.is-equal-width > * { width: calc((100% - 3 * var(--spacing-related)) / 4); }
@media (max-width: 767px) { .cw-media-container.is-equal-width > * { width: calc((100% - var(--spacing-related)) / 2); } }
.cw-media-container img { width: 100%; height: 100%; object-fit: cover; }

.cw-page-indicator { display: flex; align-items: center; gap: 8px; }
.cw-page-indicator__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: var(--radius-md); background: var(--organisms-carousel-page-indicator-fill-inactive); cursor: pointer; transition: width 200ms ease, background-color 200ms ease; }
.cw-page-indicator__dot[aria-current="true"], .cw-page-indicator__dot.is-active { width: 32px; background: var(--organisms-carousel-page-indicator-fill-active); }

.cw-page-indicator__dot { position: relative; }
.cw-page-indicator__dot::after { content: ""; position: absolute; inset: -8px -4px; }


.cw-image-section { display: flex; flex-direction: column; gap: var(--spacing-md); width: 100%; }
.cw-image-section__media { position: relative; flex: none; width: 100%; max-width: 384px; aspect-ratio: 1; overflow: hidden; border-radius: var(--radius-lg); }
.cw-image-section__media img { width: 100%; height: 100%; object-fit: cover; }
.cw-image-section__lockup, .cw-image-section-banner__lockup { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-child); flex: 1; min-width: 0; }
.cw-image-section__text, .cw-image-section-banner__text { display: flex; flex-direction: column; gap: var(--spacing-related); width: 100%; color: var(--atoms-text-text-dark); overflow-wrap: break-word; }
.cw-image-section__title, .cw-image-section-banner__title { font-family: var(--heading-font-family); font-weight: 700; font-size: var(--heading-sizes-h1-size); line-height: var(--heading-line-height-h1-line-height); }
.cw-image-section__actions, .cw-image-section-banner__actions { display: flex; flex-wrap: wrap; gap: var(--spacing-md); }
.cw-image-section.is-image-below .cw-image-section__media { order: 2; }
@media (min-width: 768px) {
  .cw-image-section.is-image-left, .cw-image-section.is-image-right { flex-direction: row; align-items: center; }
  .cw-image-section.is-image-left .cw-image-section__media, .cw-image-section.is-image-right .cw-image-section__media { width: 50%; }
  .cw-image-section.is-image-right .cw-image-section__media { order: 2; }
}

.cw-image-section-banner { position: relative; display: flex; align-items: center; width: 100%; min-height: 432px; overflow: hidden; border-radius: var(--radius-lg); background: var(--greyscale-2); }
.cw-image-section-banner__media { position: absolute; inset: 0; }
.cw-image-section-banner__media img { width: 100%; height: 100%; object-fit: cover; }
.cw-image-section-banner__media::after { content: ""; position: absolute; inset: 0; background: rgb(0 0 0 / 0.2); }
.cw-image-section-banner.is-scrim-strong .cw-image-section-banner__media::after { background: rgb(0 0 0 / 0.5); } 
.cw-image-section-banner__lockup { position: relative; z-index: 1; width: 100%; max-width: 539px; margin-inline: auto; padding: var(--spacing-xl) var(--spacing-margin); }
.cw-image-section-banner__text { color: var(--global-primary-contrast); }

.cw-image-section-banner.is-center .cw-image-section-banner__lockup { max-width: 960px; align-items: center; text-align: center; }
.cw-image-section-banner.is-center .cw-image-section-banner__actions { justify-content: center; }


.cw-list { display: flex; flex-direction: column; width: 100%; margin: 0; padding: 0; background: var(--templates-page-surface); list-style: none; }
.cw-list__section { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.cw-list__section + .cw-list__section { margin-top: 0; }
.cw-list.is-navigation { gap: var(--spacing-md); }

.cw-cell-header { display: flex; align-items: center; height: 32px; margin: 0; padding: 8px 16px; background: var(--components-content-switcher-fill-inactive); color: var(--greyscale-black); font: 700 18px/1 var(--label-font-family); }

.cw-list-item { position: relative; display: flex; align-items: center; gap: 8px; width: 100%; padding: 16px; color: var(--atoms-text-text-dark); }
a.cw-list-item, label.cw-list-item { cursor: pointer; }
a.cw-list-item:hover, label.cw-list-item:hover { background: var(--greyscale-7); }
.cw-list-item__text { display: flex; flex-direction: column; gap: var(--spacing-related); flex: 1; min-width: 0; overflow-wrap: break-word; }
.cw-list-item__title { font: 500 18px/1.2 var(--label-font-family); }
.cw-list-item__desc { font: 500 14px/1.2 var(--label-font-family); }
.cw-list-item__icon { flex: none; }
.cw-list-item__avatar { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border: 2px solid var(--components-content-switcher-fill-inactive); border-radius: var(--radius-full); background: var(--components-content-switcher-fill-inactive); color: var(--greyscale-black); font: 700 var(--body-sizes-body-small-size)/var(--body-sizes-body-small-line-height) var(--paragraph-font-family); }
.cw-list-item__label { flex: none; color: var(--greyscale-black); font: 400 12px/1 var(--label-font-family); white-space: nowrap; }
.cw-list-item__action { display: flex; align-items: center; gap: 8px; flex: none; color: var(--atoms-link-link-default); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); white-space: nowrap; }

.cw-list-item__toggle { appearance: none; position: relative; flex: none; width: 51px; height: 31px; margin: 0; border-radius: var(--radius-full); background: var(--secondary-light-grey); cursor: pointer; transition: background-color 150ms ease; }
.cw-list-item__toggle::before { content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%; background: var(--form-components-switch-toggle-toggle-default); box-shadow: 0 3px 8px rgb(0 0 0 / 0.15), 0 1px 1px rgb(0 0 0 / 0.16); transition: transform 150ms ease; }
.cw-list-item__toggle:checked { background: var(--form-components-switch-toggle-on-fill-enabled); }
.cw-list-item__toggle:checked::before { transform: translateX(20px); }

.cw-list.is-navigation .cw-list-item__title { font-weight: 500; }

.cw-benefits-list { display: flex; flex-direction: column; width: 100%; margin: 0; padding: 0; background: var(--templates-page-surface); list-style: none; }
.cw-benefits-list.is-inline { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.cw-benefit-item { display: flex; align-items: center; gap: var(--spacing-md); padding: 8px; color: var(--atoms-text-text-dark); }
.cw-benefit-item .cw-icon { width: 56px; height: 56px; }
.cw-benefit-item__text { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cw-benefit-item__title { font: 500 20px/1.2 var(--label-font-family); }
.cw-benefit-item__desc { font: 400 14px/1.4 var(--label-font-family); }
.cw-benefit-item.is-stacked { flex-direction: column; text-align: center; }

.cw-link-list { display: flex; flex-direction: column; gap: var(--spacing-md); margin: 0; padding: 0; list-style: none; }
.cw-link-list__title { color: var(--greyscale-black); font: 700 18px/1.2 var(--label-font-family); }
.cw-link-list a { color: var(--atoms-link-link-default); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-link-list a:hover { text-decoration: underline; }


.cw-app-header { display: flex; flex-direction: column; width: 100%; background: var(--templates-page-surface); box-shadow: 0 2px 4px var(--templates-page-shadow-chrome); color: var(--atoms-text-text-dark); }

.cw-app-header__nav { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; }
.cw-app-header__left, .cw-app-header__right { display: flex; align-items: center; gap: 8px; min-width: 0; }
.cw-app-header__right { justify-content: flex-end; }
.cw-app-header__action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0; border: 0; background: none; color: inherit; font: 400 14px/1 var(--label-font-family); cursor: pointer; white-space: nowrap; }
.cw-app-header__action:hover { color: var(--global-primary-brand-primary); }
.cw-app-header__title { font: 700 18px/1.2 var(--label-font-family); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cw-app-header__logo { width: 72px; }

.cw-app-header__badge-wrap { position: relative; display: inline-flex; }
.cw-app-header__badge { position: absolute; top: -6px; right: -6px; display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: var(--radius-full); background: var(--global-primary-brand-primary); color: var(--global-primary-contrast); font: 700 10px/1 var(--label-font-family); }

.cw-app-header__large-title { padding: 8px 16px; font: 700 18px/1.3 var(--label-font-family); font-size: 20px; }

.cw-app-header__search { display: flex; align-items: center; gap: 8px; padding: 8px 16px; }
.cw-app-header__search .cw-input-field { flex: 1; min-width: 0; }

.cw-app-header__menu { display: flex; border-bottom: 1px solid var(--templates-page-surface-divider); }
.cw-app-header__menu-item { flex: 1; min-width: 0; padding: 12px 8px; border: 0; border-bottom: 4px solid transparent; background: none; color: var(--global-text-color); font: 700 14px/1.2 var(--label-font-family); text-align: center; cursor: pointer; }
.cw-app-header__menu-item[aria-selected="true"] { border-bottom-color: var(--global-primary-brand-primary); }
.cw-app-header__menu-item:hover { color: var(--global-primary-brand-primary); }

.cw-app-header__count { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 16px; font: 400 12px/1 var(--label-font-family); color: var(--greyscale-black); }
.cw-app-header__count .cw-button { padding: 4px 0; }

.cw-app-header__switcher { display: flex; margin: 8px 16px 16px; padding: 4px; border-radius: var(--radius-full); background: var(--components-content-switcher-fill-inactive); }
.cw-app-header__switcher button { flex: 1; padding: 10px 8px; border: 0; border-radius: var(--radius-full); background: none; color: var(--atoms-text-text-secondary); font: 700 14px/1 var(--label-font-family); cursor: pointer; }
.cw-app-header__switcher button[aria-pressed="true"] { background: var(--greyscale-1); color: var(--global-primary-contrast); }


.cw-tab-bar { display: flex; justify-content: space-around; width: 100%; padding: 0 8px env(safe-area-inset-bottom); background: var(--templates-page-surface); box-shadow: 0 0 8px rgb(0 0 0 / 0.16); }
.cw-tab-bar__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; flex: 1 1 0; min-width: 0; max-width: 80px; height: 59px; padding: 8px 4px; color: var(--greyscale-black); font: 700 12px/1 var(--label-font-family); text-align: center; }
.cw-tab-bar__item span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--atoms-text-text-secondary); }
.cw-tab-bar__item[aria-current="page"] span:last-child { color: var(--greyscale-black); }
.cw-tab-bar__item:hover span:last-child { color: var(--greyscale-black); }


.cw-action-bar { width: 100%; padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); background: var(--templates-page-surface); box-shadow: 0 0 8px rgb(0 0 0 / 0.16); }
.cw-action-bar__set { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.cw-action-bar__left { display: flex; gap: 16px; flex: 1; min-width: 0; }
.cw-action-bar.is-stacked .cw-action-bar__set { flex-direction: column-reverse; align-items: stretch; }
.cw-action-bar.is-stacked .cw-action-bar__left { justify-content: center; }
.cw-action-bar.is-stacked .cw-button { width: 100%; }


.cw-modal { position: relative; container-type: inline-size; display: flex; flex-direction: column; width: 100%; max-width: 620px; overflow: hidden; border-radius: var(--radius-lg); background: var(--templates-page-surface); box-shadow: 0 2px 4px var(--templates-page-shadow-chrome); color: var(--atoms-text-text-dark); }
dialog.cw-modal { position: fixed; inset: 0; height: fit-content; max-width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow: auto; border: 0; } 
dialog.cw-modal:not([open]) { display: none; }
dialog.cw-modal::backdrop { background: rgb(17 17 17 / 0.5); }
dialog.cw-modal[open] { animation: cw-fade-up 200ms ease; }
.cw-modal__close { position: absolute; top: 8px; right: 8px; z-index: 1; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--radius-full); background: var(--global-primary-contrast); color: var(--atoms-text-text-dark); cursor: pointer; }
.cw-modal__close:hover { background: var(--greyscale-5); }
.cw-modal__media { position: relative; width: 100%; aspect-ratio: 300 / 169; overflow: hidden; }
.cw-modal__media img { width: 100%; height: 100%; object-fit: cover; }
.cw-modal__content { display: flex; flex-direction: column; gap: var(--spacing-related); padding: 40px 16px 16px; text-align: center; overflow-wrap: break-word; }
.cw-modal.is-campaign .cw-modal__content { padding-top: 16px; }

.cw-modal__title { font-family: var(--heading-font-family); font-weight: 800; font-size: 40px; line-height: 1.2; } 
.cw-modal__desc { font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-modal__actions { display: flex; flex-direction: column; gap: 16px; padding: 16px; }
.cw-modal__actions .cw-button { width: 100%; }
.cw-modal.is-confirmation .cw-modal__actions { flex-direction: row; justify-content: flex-end; }
.cw-modal.is-confirmation .cw-modal__actions .cw-button { width: auto; }

dialog.cw-modal.is-gallery { max-width: min(940px, calc(100vw - 32px)); }
.cw-modal.is-gallery { max-width: 940px; }
.cw-modal.is-gallery .cw-modal__media { aspect-ratio: 4 / 3; background: var(--global-secondary-off-white); }
.cw-modal.is-gallery .cw-modal__media img { object-fit: contain; }
.cw-modal__caption { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 24px 24px 8px; }
.cw-modal__caption > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cw-modal.is-gallery .cw-modal__title { font: 700 20px/28px var(--heading-font-family); }
.cw-modal.is-gallery .cw-modal__desc { color: var(--atoms-text-text-secondary); }
.cw-modal__caption .cw-tag { flex: none; }
.cw-modal__controls { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 8px 24px 24px; }
.cw-modal__count { min-width: 48px; text-align: center; font: 500 14px/20px var(--label-font-family); color: var(--atoms-text-text-secondary); }

dialog.cw-modal.is-review { max-width: min(800px, calc(100vw - 32px)); }
.cw-modal.is-review { max-width: 800px; }
.cw-modal__header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 16px 16px 24px; background: var(--templates-page-surface); border-bottom: 1px solid var(--components-divider-fill); }
.cw-modal__header-title { font: 700 20px/28px var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-modal__header .cw-modal__close { position: static; flex: none; margin-left: auto; width: 40px; height: 40px; border: 1px solid var(--greyscale-5); background: var(--templates-page-surface); }
.cw-modal__header .cw-modal__close:hover { background: var(--global-secondary-grey-white); }
.cw-modal__body { display: flex; flex-direction: column; gap: 24px; min-width: 0; padding: 24px; }
.cw-modal__body .cw-testimonial-card__text { display: block; overflow: visible; -webkit-line-clamp: unset; line-clamp: none; font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); white-space: pre-line; }
.cw-modal__photos { display: flex; gap: 8px; margin: 0 -24px; padding: 0 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 24px; list-style: none; } 
.cw-modal__photos li { position: relative; flex: 0 0 min(560px, 85%); aspect-ratio: 4 / 5; overflow: hidden; border-radius: 8px; scroll-snap-align: start; }
.cw-modal__photos img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 599px) { .cw-modal__caption { flex-direction: column; padding: 16px 16px 8px; } .cw-modal__controls { padding: 8px 16px 16px; } }

@container (min-width: 600px) {
  .cw-modal__close { top: 16px; right: 16px; }
  .cw-modal__title { font-weight: 500; font-size: var(--heading-sizes-h2-size); line-height: var(--heading-line-height-h2-line-height); }
  .cw-modal__actions { flex-direction: row-reverse; justify-content: space-between; }
  .cw-modal__actions .cw-button { width: auto; }
}
@keyframes cw-fade-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }


.cw-sheet { display: flex; flex-direction: column; width: 100%; max-width: 600px; overflow: hidden; border-radius: var(--radius-md) var(--radius-md) 0 0; background: var(--templates-page-surface); color: var(--atoms-text-text-dark); }
dialog.cw-sheet { position: fixed; inset: auto 0 0; max-height: 85dvh; margin: auto auto 0; padding: 0; border: 0; }
dialog.cw-sheet:not([open]) { display: none; }
dialog.cw-sheet::backdrop { background: rgb(17 17 17 / 0.5); }
dialog.cw-sheet[open] { animation: cw-slide-up 220ms ease; }
.cw-sheet__header { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 8px; }
.cw-sheet__handle { width: 36px; height: 4px; border-radius: 100px; background: var(--components-content-switcher-fill-inactive); }
.cw-sheet__title { color: var(--greyscale-black); font-size: var(--body-sizes-body-large-size); font-weight: 400; line-height: var(--body-sizes-body-large-line-height); text-align: center; }
.cw-sheet__body { flex: 1; min-height: 0; overflow-y: auto; }
.cw-sheet .cw-action-bar { flex: none; }
.cw-sheet .cw-action-bar .cw-button { flex: 1; }
@keyframes cw-slide-up { from { transform: translateY(100%); } to { transform: none; } }


.cw-side-panel { display: flex; flex-direction: column; width: 100%; max-width: 400px; background: var(--templates-page-surface); color: var(--atoms-text-text-dark); box-shadow: -2px 0 8px rgb(0 0 0 / 0.16); }
dialog.cw-side-panel { position: fixed; inset: 0 0 0 auto; width: min(400px, 100vw); height: 100dvh; max-height: none; margin: 0 0 0 auto; padding: 0; border: 0; }
dialog.cw-side-panel:not([open]) { display: none; }
dialog.cw-side-panel::backdrop { background: rgb(17 17 17 / 0.5); }
dialog.cw-side-panel[open] { animation: cw-slide-in 220ms ease; }
.cw-side-panel__header { display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 16px; border-bottom: 1px solid var(--templates-page-surface-divider); }
.cw-side-panel__title { flex: 1; min-width: 0; font: 700 18px/1.3 var(--label-font-family); }
.cw-side-panel__close { display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--radius-full); background: none; color: inherit; cursor: pointer; }
.cw-side-panel__close:hover { background: var(--greyscale-5); }
.cw-side-panel__body { flex: 1; min-height: 0; overflow-y: auto; }
.cw-side-panel .cw-action-bar { flex: none; }
@keyframes cw-slide-in { from { transform: translateX(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { dialog.cw-modal[open], dialog.cw-sheet[open], dialog.cw-side-panel[open] { animation: none; } }
html:has(dialog.cw-modal[open], dialog.cw-sheet[open], dialog.cw-side-panel[open]) { overflow: hidden; }



.cw-page { display: flex; flex-direction: column; min-height: 100dvh; background: var(--templates-page-surface); }
.cw-page__chrome { position: sticky; top: 0; z-index: 20; }
.cw-page__chrome .cw-site-header { position: static; }
.cw-page__content { flex: 1; display: flex; flex-direction: column; }
.cw-page__footer { position: sticky; bottom: 0; z-index: 20; }

.cw-page.is-app .cw-page__chrome .cw-app-header { box-shadow: 0 2px 4px var(--templates-page-shadow-chrome); }

.cw-page-frame { width: 100%; overflow: hidden; border: 1px solid var(--greyscale-5); border-radius: 12px; background: var(--templates-page-surface); }
.cw-page-frame .cw-page { min-height: 0; height: 100%; }
.cw-page-frame .cw-page__chrome, .cw-page-frame .cw-page__footer { position: relative; }
.cw-page-slot { display: grid; place-items: center; flex: 1; min-height: 200px; padding: 24px; border: 2px dashed var(--greyscale-4); margin: 16px; border-radius: var(--radius-md); color: var(--atoms-text-text-dark); font: 700 var(--heading-sizes-subsection-size)/1.2 var(--heading-font-family); text-align: center; }

/* css/components/sections.css */



.cw-feature-tile { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-l1-tint); overflow: clip; }
.cw-feature-tile__container { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xxl); max-width: 1320px; margin-inline: auto; }
.cw-feature-tile__headline { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-child); max-width: 1140px; width: 100%; margin-inline: auto; text-align: center; }
.cw-feature-tile__headline .cw-text-body-lg { color: var(--atoms-text-text-secondary); }
.cw-feature-tile__headline.is-start { align-items: flex-start; max-width: none; text-align: left; } 
.cw-feature-tile__headline.is-start .cw-lockup { max-width: 760px; }
.cw-feature-tile__headline.is-start.is-wide .cw-lockup { max-width: 960px; } 
.cw-feature-tile__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--spacing-md); width: 100%; margin: 0; padding: 0; list-style: none; }


.cw-eyebrow { font: 700 16px/1 var(--heading-font-family); letter-spacing: 0.18em; text-transform: uppercase; color: var(--atoms-text-text-accent); }


.cw-feature-card { position: relative; display: flex; flex-direction: column; gap: var(--spacing-md); height: 100%; padding: 24px; border-radius: var(--radius-lg); color: var(--atoms-text-text-dark); transition: box-shadow 150ms ease; }
.cw-feature-card.is-inline { flex-direction: row; align-items: flex-start; }
.cw-feature-tile.is-border .cw-feature-card, .cw-feature-card.is-border { border: 1px solid var(--templates-page-surface-divider); background: var(--templates-page-surface); }
.cw-feature-tile.is-raised .cw-feature-card, .cw-feature-card.is-boxed { border: 1px solid var(--templates-page-surface-divider); background: var(--templates-page-surface); box-shadow: var(--elevation-03-raised); }
.cw-feature-tile.is-containerless .cw-feature-card { padding: 0; }
.cw-feature-card__thumb { display: grid; place-items: center; flex: none; width: 40px; height: 40px; color: var(--atoms-text-text-accent); }
.cw-feature-card__thumb .cw-icon { width: 32px; height: 32px; }
.cw-feature-card__text { display: flex; flex-direction: column; gap: var(--spacing-related); min-width: 0; }
.cw-feature-card__title { font: 700 var(--heading-sizes-h4-size)/var(--heading-line-height-h4-line-height) var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-feature-card__title a { color: inherit; }
.cw-feature-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.cw-feature-card__desc { font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); color: var(--atoms-text-text-secondary); }
.cw-feature-card .cw-tag { align-self: flex-start; }

.cw-feature-card__actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: var(--spacing-sm) var(--spacing-md); margin-top: auto; } 
.cw-feature-card__actions .cw-link-label__text { overflow-wrap: anywhere; } 
.cw-feature-card:has(a:hover) { box-shadow: var(--elevation-04-float); }
.cw-feature-card:has(a:focus-visible) { outline: 2px solid var(--global-primary-brand-primary); outline-offset: 2px; }

.cw-steps-number { font: 700 16px/1 var(--heading-font-family); letter-spacing: 0.18em; color: var(--atoms-text-text-accent); } 
.cw-feature-tile__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--spacing-md); }


.cw-feature-tile.is-dark { background: var(--elevation-surface-dark); }
.cw-feature-tile.is-dark .cw-lockup, .cw-feature-tile.is-dark .cw-text-h2 { color: var(--global-primary-contrast); }
.cw-feature-tile.is-dark .cw-feature-tile__headline .cw-text-body-lg { color: var(--greyscale-4); }
.cw-feature-tile.is-dark .cw-feature-tile__headline .cw-eyebrow { color: var(--global-primary-contrast); } 


.cw-before-after { display: flex; flex-direction: column; gap: var(--spacing-md); height: 100%; margin: 0; padding: var(--spacing-md); border-radius: var(--radius-lg); background: var(--templates-page-surface); box-shadow: var(--elevation-03-raised); }
.cw-before-after__media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-sm); }
.cw-before-after__photo { position: relative; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius-md); }
.cw-before-after__photo .cw-tag { position: absolute; top: var(--spacing-sm); left: var(--spacing-sm); z-index: 1; }
.cw-before-after__caption { display: flex; flex-direction: column; gap: var(--spacing-xs); padding-inline: var(--spacing-sm); }
.cw-before-after__title { font: 700 var(--heading-sizes-subsection-size)/var(--heading-line-height-subsection-line-height) var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-feature-tile__row.is-2-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px) { .cw-feature-tile__row.is-2-up { grid-template-columns: minmax(0, 1fr); } }
.cw-before-after__desc { font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); color: var(--atoms-text-text-secondary); }


:root {
  --hero-section-overlay-light: rgb(0 0 0 / 0.2); 
  
  --hero-section-overlay-dark: rgb(0 0 0 / 0.55);
}
.cw-hero { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: min(720px, 80vh); padding: 24px var(--spacing-margin); overflow: hidden; color: var(--global-primary-contrast); }
.cw-hero__media { position: absolute; inset: 0; }
.cw-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.cw-hero__media::after { content: ""; position: absolute; inset: 0; background: var(--hero-section-overlay-dark); }
.cw-hero__wrapper { position: relative; width: 100%; max-width: var(--container-xxl); margin-inline: auto; }
.cw-hero__content { display: flex; flex-direction: column; gap: var(--spacing-xl); max-width: 640px; }
.cw-hero.is-center .cw-hero__content { margin-inline: auto; align-items: center; text-align: center; }
.cw-hero.is-wide .cw-hero__content { max-width: 920px; } 
.cw-hero.is-band { min-height: 0; padding-block: var(--spacing-page-section); } 


.cw-split-hero { padding: var(--spacing-xl) var(--spacing-margin) var(--spacing-page-section); }
.cw-split-hero__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--spacing-xxl); align-items: center; max-width: var(--container-xxl); margin-inline: auto; }
.cw-split-hero__copy { display: flex; flex-direction: column; gap: var(--spacing-lg); min-width: 0; }
.cw-split-hero__copy .cw-text-body-lg { color: var(--global-text-color); max-width: 60ch; }
.cw-split-hero__finder { display: flex; flex-direction: column; gap: 12px; max-width: 520px; }
.cw-split-hero__result { min-height: 24px; color: var(--global-text-color); }
.cw-split-hero__result strong { font-weight: 700; }
.cw-split-hero__result.is-error { color: var(--semantic-destructive-text); }
.cw-split-hero__rating { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--global-text-color); text-decoration: underline; text-underline-offset: 3px; }
.cw-split-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.cw-split-hero__actions .cw-button { max-width: 100%; white-space: normal; text-align: center; } 
.cw-split-hero__actions a:not(.cw-button) { color: var(--global-text-color); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.cw-split-hero__fine { color: var(--atoms-text-text-secondary); }
.cw-split-hero__gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-md); min-width: 0; }
.cw-split-hero__photo { position: relative; margin: 0; aspect-ratio: 1; overflow: hidden; border-radius: var(--radius-lg); }
.cw-split-hero__photo.is-main { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
@media (max-width: 899px) { .cw-split-hero__inner { grid-template-columns: minmax(0, 1fr); } }
.cw-hero .cw-eyebrow, .cw-hero .cw-text-h1, .cw-hero .cw-text-h2, .cw-hero .cw-lockup { color: var(--global-primary-contrast); }
.cw-hero__rating { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.cw-hero__actions { display: flex; flex-wrap: wrap; gap: var(--spacing-md); }


.cw-testimonials { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); overflow-x: clip; }
.cw-testimonials__container { display: flex; flex-direction: column; gap: var(--spacing-parent); max-width: var(--container-xxl); margin-inline: auto; }
.cw-testimonials__body { display: flex; flex-direction: column; gap: var(--spacing-xl); }


.cw-testimonial { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); }
.cw-testimonial.is-tint { background: var(--templates-page-l1-tint); }
.cw-testimonial__container { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xl); max-width: 960px; margin-inline: auto; text-align: center; }
.cw-testimonial__slides { display: grid; width: 100%; margin: 0; padding: 0; list-style: none; }
.cw-testimonial__slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity 300ms ease, visibility 300ms; }
.cw-testimonial__slide.is-active { opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: reduce) { .cw-testimonial__slide { transition: none; } }
.cw-testimonial__figure { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-lg); margin: 0; }
.cw-testimonial__quote { margin: 0; font: 500 clamp(24px, 3vw, 36px)/1.35 var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-testimonial__quote p { margin: 0; }
.cw-testimonial__by { display: inline-flex; align-items: center; gap: var(--spacing-md); text-align: left; }
.cw-testimonial__name { display: block; font: 700 18px/1.3 var(--label-font-family); color: var(--atoms-text-text-dark); }
.cw-testimonial__place { display: block; font: 400 14px/1.4 var(--label-font-family); color: var(--atoms-text-text-secondary); }
.cw-testimonial__nav { display: flex; align-items: center; justify-content: center; gap: var(--spacing-md); }
.cw-testimonial__count { min-width: 48px; font: 500 14px/1 var(--label-font-family); font-variant-numeric: tabular-nums; color: var(--atoms-text-text-secondary); }
.cw-testimonial.has-photo .cw-testimonial__container { align-items: flex-start; max-width: var(--container-xxl); text-align: left; }
.cw-testimonial.has-photo .cw-testimonial__figure { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: var(--spacing-xxl) 80px; }
.cw-testimonial.has-photo .cw-testimonial__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-lg); }
.cw-testimonial__photo { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--radius-lg); }
.cw-testimonial__photo img { width: 100%; height: 100%; object-fit: cover; }
.cw-testimonial.has-photo .cw-testimonial__nav { align-self: flex-end; }
@media (max-width: 899px) {
  .cw-testimonial.has-photo .cw-testimonial__figure { grid-template-columns: minmax(0, 1fr); }
  .cw-testimonial.has-photo .cw-testimonial__nav { align-self: center; }
}

.cw-testimonials__row { --bleed: max(var(--spacing-margin), (100vw - var(--container-xxl)) / 2); display: flex; gap: var(--spacing-md); margin: 0 calc(-1 * var(--bleed)); padding: 4px var(--bleed) 8px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--bleed); scrollbar-width: none; }
.cw-testimonials__row::-webkit-scrollbar { display: none; }
.cw-testimonials__nav { display: flex; justify-content: flex-end; gap: var(--spacing-sm); }

.cw-testimonials__panel { display: flex; flex-direction: column; gap: var(--spacing-md); width: 100%; max-width: 940px; margin-inline: auto; padding: 24px; background: var(--elevation-l1-cool-light); border-radius: var(--radius-xl); }
.cw-testimonials__panel-head { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-md); }
.cw-testimonials__panel-title { font: 500 var(--heading-sizes-h4-size)/var(--heading-line-height-h4-line-height) var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-testimonials__panel .cw-testimonials__nav { flex: none; }
.cw-testimonials__summary { display: flex; flex-direction: column; gap: var(--spacing-sm); padding: 24px; background: var(--templates-page-surface); border: 1px solid var(--greyscale-5); border-radius: var(--radius-md); }
.cw-testimonials__score { display: inline-flex; align-items: center; gap: var(--spacing-sm); font: 700 32px/1 var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-testimonials__score .cw-stars .cw-icon { width: 20px; height: 20px; }
.cw-testimonials__summary-note { font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); color: var(--atoms-text-text-secondary); }
.cw-testimonials.is-birdeye .cw-testimonials__row { --bleed: 0px; margin: 0; padding: 0; scroll-padding-inline: 0; }
.cw-testimonial-card.is-compact { flex-basis: calc((100% - 2 * var(--spacing-md)) / 3); min-width: 240px; gap: 12px; padding: 20px; box-shadow: none; }
.cw-testimonial-card.is-compact .cw-testimonial-card__user { align-items: flex-start; gap: 12px; }
.cw-testimonial-card.is-compact .cw-testimonial-card__avatar { width: 40px; height: 40px; font-size: var(--body-sizes-body-small-size); }
.cw-testimonial-card.is-compact .cw-testimonial-card__who { display: flex; flex-direction: column; gap: 4px; }
.cw-testimonial-card.is-compact .cw-testimonial-card__name { font-size: 16px; }
.cw-testimonial-card__source { font: 400 14px/1.2 var(--label-font-family); color: var(--atoms-text-text-secondary); }
.cw-testimonial-card.is-compact .cw-testimonial-card__date { font: 400 12px/1.2 var(--label-font-family); color: var(--atoms-text-text-secondary); }
.cw-testimonial-card.is-compact .cw-testimonial-card__text { -webkit-line-clamp: 5; line-clamp: 5; }
@media (max-width: 767px) { .cw-testimonials__panel { padding: 16px; } .cw-testimonial-card.is-compact { flex-basis: 85%; } }
.cw-testimonial-card { flex: 0 0 min(318px, 85%); scroll-snap-align: start; display: flex; flex-direction: column; gap: var(--spacing-md); padding: 24px; background: var(--templates-page-surface); border: 1px solid var(--greyscale-5); border-radius: var(--radius-md); box-shadow: 0 2px 4px var(--templates-page-shadow-chrome); color: var(--greyscale-black); }
.cw-testimonial-card__user { display: flex; align-items: center; gap: var(--spacing-md); }
.cw-testimonial-card__avatar { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border-radius: 50%; background: var(--greyscale-5); font: 700 var(--body-sizes-body-size)/1 var(--paragraph-font-family, var(--label-font-family)); }
.cw-testimonial-card__name { font: 700 18px/1.2 var(--label-font-family); }
.cw-testimonial-card__place { font: 400 12px/1.2 var(--label-font-family); }
.cw-testimonial-card__meta { display: flex; justify-content: space-between; align-items: center; gap: var(--spacing-sm); }
.cw-testimonial-card__rating { display: inline-flex; align-items: center; gap: var(--spacing-sm); font: 700 18px/1 var(--label-font-family); }
.cw-testimonial-card__date { font: 500 14px/1 var(--label-font-family); }
.cw-testimonial-card__text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); } 
.cw-testimonial-card__photos { display: flex; gap: var(--spacing-md); margin: 0; padding: 0; list-style: none; }
.cw-testimonial-card__photos li { position: relative; width: 80px; height: 80px; border-radius: 4px; overflow: hidden; }
.cw-testimonial-card__photo { position: absolute; inset: 0; display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.cw-testimonial-card__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cw-testimonial-card__photos li.is-more .cw-image-placeholder { font-size: 0; }
.cw-testimonial-card__photos li.is-more span { position: absolute; inset: 0; display: grid; place-items: center; background: rgb(0 0 0 / 0.2); color: var(--global-primary-contrast); font: 500 24px/32px var(--label-font-family); }


.cw-feature-tile.is-surface { background: var(--templates-page-surface); }


.cw-hero.has-form .cw-hero__wrapper { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 540px); gap: 80px; align-items: center; }
.cw-hero.has-form .cw-hero__content { max-width: 700px; }
.cw-hero__form { display: flex; flex-direction: column; gap: var(--spacing-xl); padding: 40px 32px; background: var(--elevation-surface-light); border-radius: var(--radius-lg); color: var(--atoms-text-text-dark); }
.cw-hero__form .cw-lockup { align-items: center; text-align: center; color: var(--atoms-text-text-dark); gap: var(--spacing-sm); }
.cw-hero__form-title { font: 700 var(--heading-sizes-h4-size)/var(--heading-line-height-h4-line-height) var(--heading-font-family); }
.cw-hero__form fieldset { display: flex; flex-direction: column; gap: var(--spacing-md); margin: 0; padding: 0; border: 0; min-width: 0; }
.cw-hero__form legend { margin-bottom: var(--spacing-md); padding: 0; font: 700 18px/1.2 var(--label-font-family); color: var(--atoms-text-text-dark); }
.cw-hero__form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-md); }
.cw-hero__form .cw-button { width: 100%; }
.cw-hero__form .cw-button.is-centered { align-self: center; width: min(100%, 300px); } 
@media (max-width: 991px) { .cw-hero.has-form .cw-hero__wrapper { grid-template-columns: minmax(0, 1fr); gap: var(--spacing-xl); } }
@media (max-width: 479px) { .cw-hero__form { padding: 24px 16px; } .cw-hero__form-row { gap: var(--spacing-sm); } } 


.cw-hero.has-form.is-gradient .cw-hero__media::after { background: linear-gradient(90deg, rgb(0 0 0 / 0.72) 0%, rgb(0 0 0 / 0.64) 52%, rgb(0 0 0 / 0) 80%); } 
.cw-hero.has-form.is-gradient .cw-hero__form, .cw-hero.has-form.is-stacked .cw-hero__form { box-shadow: var(--elevation-04-float); }
@media (max-width: 991px) { .cw-hero.has-form.is-gradient .cw-hero__media::after { background: linear-gradient(180deg, rgb(0 0 0 / 0.72) 0%, rgb(0 0 0 / 0.64) 38%, rgb(0 0 0 / 0) 60%); } }

.cw-hero.has-form.is-stacked { justify-content: flex-start; min-height: 0; padding: 0 var(--spacing-margin) var(--spacing-page-section); background: var(--templates-page-surface); color: var(--atoms-text-text-dark); }
.cw-hero.has-form.is-stacked .cw-hero__media { position: relative; inset: auto; aspect-ratio: 21 / 9; max-height: 560px; margin: 0 calc(var(--spacing-margin) * -1); } 
.cw-hero.has-form.is-stacked .cw-hero__media::after { background: none; }
.cw-hero.has-form.is-stacked .cw-hero__wrapper { align-items: start; padding-top: var(--spacing-xxl); }
.cw-hero.has-form.is-stacked .cw-hero__form { margin-top: calc(-1 * clamp(200px, 24vw, 360px) - var(--spacing-xxl)); }
.cw-hero.has-form.is-stacked .cw-text-h1, .cw-hero.has-form.is-stacked .cw-lockup { color: var(--atoms-text-text-dark); }
.cw-hero.has-form.is-stacked .cw-eyebrow { color: var(--atoms-text-text-accent); }
.cw-hero.has-form.is-stacked .cw-lockup .cw-text-body-lg { color: var(--atoms-text-text-secondary); }
.cw-hero.has-form.is-stacked .cw-hero__highlights li { color: var(--atoms-text-text-dark); }
.cw-hero.has-form.is-stacked .cw-hero__highlights .cw-icon { color: var(--atoms-text-text-accent); }
@media (max-width: 991px) { .cw-hero.has-form.is-stacked .cw-hero__media { aspect-ratio: 16 / 9; } .cw-hero.has-form.is-stacked .cw-hero__form { margin-top: 0; } }


.cw-hero__m { display: none; } 
.cw-hero__proof { display: none; } 
@media (max-width: 991px) {
  .cw-hero.has-form.is-m-stacked { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; min-height: 0; padding: 0 0 var(--spacing-page-section); background: var(--templates-page-surface); color: var(--atoms-text-text-dark); }
  .cw-hero.has-form.is-m-stacked .cw-hero__wrapper { display: contents; }
  .cw-hero.has-form.is-m-stacked .cw-hero__content { grid-row: 1; max-width: none; gap: var(--spacing-lg); padding: var(--spacing-lg) var(--spacing-margin); } 
  .cw-hero.has-form.is-m-stacked .cw-hero__content .cw-text-h1 { font-size: 32px; line-height: 36px; } 
  .cw-hero.has-form.is-m-stacked .cw-hero__content .cw-text-body-lg { font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); color: var(--atoms-text-text-secondary); } 
  .cw-hero.has-form.is-m-stacked :is(.cw-text-h1, .cw-lockup) { color: var(--atoms-text-text-dark); }
  .cw-hero.has-form.is-m-stacked .cw-eyebrow { color: var(--atoms-text-text-accent); }
  .cw-hero.has-form.is-m-stacked .cw-offer-lockup { color: var(--atoms-text-text-dark); } 
  .cw-hero.has-form.is-m-stacked .cw-hero__highlights { display: none; }
  .cw-hero.has-form.is-m-stacked.is-m-no-body .cw-lockup > .cw-text-body-lg { display: none; } 
  .cw-hero.has-form.is-m-stacked .cw-hero__media { position: relative; inset: auto; grid-row: 2; margin: 0; max-height: none; aspect-ratio: 16 / 9; }
  .cw-hero.has-form.is-m-stacked .cw-hero__media img { position: absolute; inset: 0; object-position: var(--hero-m-focus, 50% 50%); } 
  .cw-hero.has-form.is-m-stacked .cw-hero__media::after { background: none; }
  .cw-hero.has-form.is-m-stacked .cw-hero__proof { grid-row: 3; display: block; padding-block: var(--spacing-md); } 
  .cw-hero.has-form.is-m-stacked .cw-hero__proof .cw-social-proof { flex-direction: row; align-items: center; gap: var(--spacing-md); font-size: 16px; } 
  .cw-hero.has-form.is-m-stacked .cw-hero__form { grid-row: 4; margin: 0; padding: var(--spacing-xl) var(--spacing-margin) 0; border-radius: 0; box-shadow: none; background: var(--templates-page-surface); }
  .cw-hero.has-form.is-m-stacked .cw-hero__d { display: none; }
  .cw-hero.has-form.is-m-stacked .cw-hero__m { display: inline; }
  .cw-hero.has-form.is-m-stacked .cw-hero__form-title { display: none; } 
  .cw-hero.has-form.is-m-stacked + .cw-social-banner :is(.cw-social-proof, .cw-social-proof + .cw-social-banner__divider) { display: none; } 
  
  .cw-hero.has-form.is-m-stacked + .cw-social-banner { padding: var(--spacing-xxl) var(--spacing-margin); background: var(--templates-page-l1-tint); color: var(--atoms-text-text-dark); }
  .cw-hero.has-form.is-m-stacked + .cw-social-banner .cw-social-banner__inner { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: var(--spacing-md); }
  .cw-hero.has-form.is-m-stacked + .cw-social-banner .cw-social-banner__eyebrow { display: block; margin-bottom: var(--spacing-sm); text-align: center; }
  .cw-hero.has-form.is-m-stacked + .cw-social-banner .cw-social-banner__item { flex: none; display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-lg); border: 1px solid var(--templates-page-surface-divider); border-radius: var(--radius-lg); background: var(--templates-page-surface); box-shadow: var(--elevation-03-raised); font-size: 16px; line-height: 22px; }
  .cw-hero.has-form.is-m-stacked + .cw-social-banner .cw-social-banner__icon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; color: var(--atoms-text-text-accent); }
  .cw-hero.has-form.is-m-stacked + .cw-social-banner .cw-social-banner__icon .cw-icon { width: 32px; height: 32px; }
}


.cw-social-banner { padding: var(--spacing-xl) var(--spacing-margin); background: var(--elevation-surface-dark); color: var(--global-primary-contrast); }
.cw-social-banner__inner { display: flex; align-items: center; gap: var(--spacing-xxl); max-width: var(--container-xxl); margin-inline: auto; }
.cw-social-banner__item { flex: 1; min-width: 0; font: 500 18px/1.3 var(--label-font-family); }
.cw-social-banner__divider { align-self: stretch; width: 2px; background: var(--components-divider-fill-dark); }
.cw-social-proof { display: flex; flex-direction: column; gap: 11px; }
.cw-social-proof__avatars { display: flex; }
.cw-social-proof__avatars .cw-avatar { border-color: var(--global-primary-contrast); }
.cw-social-proof__avatars .cw-avatar + .cw-avatar { margin-left: -16px; }
.cw-social-proof__rating { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cw-social-proof__rating .cw-stars .cw-icon { width: 16px; height: 16px; }
.cw-social-proof__source { font-size: 14px; opacity: 0.85; }
.cw-social-banner__icon, .cw-social-banner__eyebrow { display: none; } 
@media (max-width: 899px) {
  .cw-social-banner__inner { flex-wrap: wrap; gap: var(--spacing-lg); }
  .cw-social-banner__item { flex: 1 1 40%; }
  .cw-social-banner__divider { display: none; }
}



.cw-category-list { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); }
.cw-category-list.is-tint { background: var(--templates-page-l1-tint); } 
.cw-category-list__container { display: flex; flex-direction: column; gap: var(--spacing-parent); max-width: var(--container-xxl); margin-inline: auto; }
.cw-category-list__headline { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-child); max-width: 720px; width: 100%; margin-inline: auto; text-align: center; }
.cw-category-list__headline.is-left { align-items: flex-start; max-width: 760px; margin-inline: 0; text-align: left; }
.cw-category-list__headline .cw-text-body-lg { color: var(--atoms-text-text-secondary); }
.cw-category-list__row { display: grid; gap: var(--spacing-lg); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) {
  .cw-category-list.is-count-2 .cw-category-list__row { grid-template-columns: repeat(2, 1fr); }
  .cw-category-list.is-count-3 .cw-category-list__row, .cw-category-list.is-count-4 .cw-category-list__row { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
  .cw-category-list.is-count-3 .cw-category-list__row { grid-template-columns: repeat(3, 1fr); }
  .cw-category-list.is-count-4 .cw-category-list__row { grid-template-columns: repeat(4, 1fr); }
}


.cw-category-item { display: flex; flex-direction: column; gap: var(--spacing-child); height: 100%; }
.cw-category-item__media { position: relative; aspect-ratio: 300 / 225; overflow: hidden; border-radius: var(--radius-lg); }
.cw-category-item__media .cw-tag { position: absolute; top: 16px; left: 0; z-index: 1; }
.cw-category-item__title { font: 700 var(--heading-sizes-subsection-size)/var(--heading-line-height-subsection-line-height) var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-category-item__desc { font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); color: var(--atoms-text-text-dark); }
.cw-category-item .cw-lockup { gap: var(--spacing-child); }
.cw-category-item__text { display: flex; flex-direction: column; gap: var(--spacing-related); }
.cw-category-item .cw-button { align-self: flex-start; }
.cw-category-list.is-raised .cw-category-item { padding: var(--radius-lg); border-radius: var(--radius-lg); background: var(--templates-page-surface); box-shadow: 0 2px 4px var(--templates-page-shadow-chrome); }
.cw-category-list.is-raised .cw-category-item__media { border-radius: var(--radius-md); }


.cw-carousel-section { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); overflow-x: clip; }
.cw-carousel-section .cw-card__title { font-size: 20px; line-height: 1.3; } 
.cw-carousel-section.is-warm { background: var(--elevation-l1-warm-light); }
.cw-carousel-section.is-cool { background: var(--elevation-l1-cool-light); }
.cw-carousel-section__container { display: flex; flex-direction: column; gap: var(--spacing-parent); max-width: var(--container-xxl); margin-inline: auto; }
.cw-carousel-section__head .cw-lockup { max-width: 760px; }
.cw-carousel-section.is-inline .cw-carousel-section__head { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-child); text-align: center; }
.cw-carousel-section.is-inline .cw-carousel-section__head .cw-lockup { align-items: center; }
.cw-carousel-section__head .cw-text-body-lg { color: var(--atoms-text-text-secondary); }

.cw-carousel-section .cw-media-container { align-items: stretch; gap: var(--spacing-md); padding: 4px 2px 8px; }
.cw-carousel-section .cw-media-container > * { display: flex; width: min(300px, 100%); aspect-ratio: auto; overflow: visible; border-radius: 0; }

.cw-carousel-section__body { display: flex; flex-direction: column; gap: var(--spacing-xl); }
.cw-carousel-section__row { --bleed: max(var(--spacing-margin), (100vw - var(--container-xxl)) / 2); display: flex; gap: var(--spacing-md); margin: 0 calc(-1 * var(--bleed)); padding: 4px var(--bleed) 8px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--bleed); scrollbar-width: none; }
.cw-carousel-section__row::-webkit-scrollbar { display: none; }
.cw-carousel-section__row > li { display: flex; flex: 0 0 min(306px, 80%); scroll-snap-align: start; }
.cw-carousel-section__nav { display: flex; justify-content: flex-end; gap: var(--spacing-sm); }


.cw-product-types { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); }

.cw-category-list:has(+ .cw-product-types) { padding-bottom: var(--spacing-page-subsection-divided); }
.cw-category-list + .cw-product-types { padding-top: var(--spacing-page-subsection-divided); }
.cw-product-types__container { display: flex; flex-direction: column; gap: var(--spacing-parent); max-width: var(--container-xxl); margin-inline: auto; }
.cw-product-types__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--spacing-lg); }
.cw-product-types__head .cw-lockup { max-width: 760px; }
.cw-product-types__head.is-wide .cw-lockup { max-width: 960px; } 
.cw-product-types__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--spacing-xl); margin: 0; padding: 0; list-style: none; }

.cw-product-types:has(.is-scroll) { overflow-x: clip; }
.cw-product-types__row.is-scroll { --bleed: max(var(--spacing-margin), (100vw - var(--container-xxl)) / 2); display: flex; gap: var(--spacing-md); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(-1 * var(--bleed)); padding: 4px var(--bleed) 8px; scroll-padding-inline: var(--bleed); }
.cw-product-types__row.is-scroll::-webkit-scrollbar { display: none; }
.cw-product-types__row.is-scroll > li { flex: 0 0 min(306px, 80%); scroll-snap-align: start; }
.cw-product-types__body { display: flex; flex-direction: column; gap: var(--spacing-xl); }
.cw-product-types__nav { display: flex; justify-content: flex-end; gap: var(--spacing-sm); } 
.cw-collection-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; background: var(--templates-page-surface); border: 1px solid var(--greyscale-5); border-radius: 32px; }
.cw-collection-card__media { position: relative; aspect-ratio: 276 / 159.5; }
.cw-collection-card__body { display: flex; flex-direction: column; gap: var(--spacing-xl); flex: 1; padding: var(--spacing-md); }
.cw-collection-card__text { display: flex; flex-direction: column; gap: var(--spacing-sm); flex: 1; padding-inline: var(--spacing-sm); color: var(--global-text-color); }
.cw-collection-card__title { font: 700 var(--body-sizes-body-size)/var(--body-sizes-body-line-height) var(--paragraph-font-family, var(--label-font-family)); }
.cw-collection-card__desc { font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); }
.cw-collection-card .cw-button { width: 100%; }


.cw-split { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); }
.cw-split__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--spacing-parent); align-items: center; max-width: var(--container-xxl); margin-inline: auto; }
.cw-split__copy { display: flex; flex-direction: column; gap: var(--spacing-xl); min-width: 0; }
.cw-split__copy .cw-lockup .cw-text-body-lg { color: var(--global-text-color); }
.cw-split.is-dark { background: var(--elevation-surface-dark); color: var(--global-primary-contrast); }
.cw-split.is-dark .cw-eyebrow, .cw-split.is-dark .cw-lockup, .cw-split.is-dark .cw-text-h2, .cw-split.is-dark .cw-lockup .cw-text-body-lg { color: var(--global-primary-contrast); }
.cw-split.is-dark .cw-button.is-tertiary { background: transparent; border-color: var(--global-primary-contrast); color: var(--global-primary-contrast); }
.cw-split.is-dark .cw-button.is-tertiary:hover { background: rgb(255 255 255 / 0.1); }
.cw-split__media { position: relative; aspect-ratio: 649 / 487; overflow: hidden; border-radius: var(--radius-xl); }
.cw-split__media.is-square { aspect-ratio: 1; border-radius: var(--radius-lg); }
.cw-split__media.is-wide { aspect-ratio: 3 / 2; border-radius: var(--radius-lg); } 

.cw-split__media.is-natural { aspect-ratio: auto; border-radius: var(--radius-lg); }
.cw-split__media.is-natural > img { position: static; display: block; height: auto; }
.cw-split__media.is-natural:not(:has(> img)) { aspect-ratio: 1; }

.cw-split.is-bleed { padding: 0; background: var(--templates-page-l1-tint); }
.cw-split.is-bleed .cw-split__inner { max-width: none; gap: var(--spacing-parent); }
.cw-split.is-bleed .cw-split__media { aspect-ratio: 300 / 225; border-radius: 0; }
.cw-split.is-bleed .cw-split__copy { max-width: 540px; padding: var(--spacing-xl) var(--spacing-margin) var(--spacing-xl) 0; }
@media (max-width: 899px) {
  .cw-split__inner { grid-template-columns: minmax(0, 1fr); gap: var(--spacing-xl); }
  .cw-split.is-bleed .cw-split__copy { padding: 0 var(--spacing-margin) var(--spacing-page-section); }
}


.cw-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spacing-md); margin: 0; padding: 0; list-style: none; }
.cw-benefits li { display: flex; flex-direction: column; gap: var(--spacing-lg); color: var(--atoms-text-text-dark); font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-benefits .cw-icon { width: 32px; height: 32px; color: var(--atoms-text-text-accent); }
@media (max-width: 599px) { .cw-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cw-benefits.is-2-up { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-xl) var(--spacing-lg); } 


.cw-media-link__caption { position: absolute; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 4px; padding: 8px 16px; background: rgb(255 255 255 / 0.8); border-top-left-radius: var(--radius-md); color: var(--atoms-text-text-dark); }
.cw-media-link__caption b { font: 700 14px/1.2 var(--label-font-family); }


.cw-step-section { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); }
.cw-step-section__container { display: flex; flex-direction: column; gap: var(--spacing-xl); max-width: var(--container-xxl); margin-inline: auto; }
.cw-step-section__video { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 420px; aspect-ratio: 1320 / 742.5; padding: var(--spacing-xxl); overflow: hidden; border-radius: var(--radius-xl); }
.cw-step-section__video > .cw-image-placeholder, .cw-step-section__video > img { border-radius: inherit; }

.cw-step-section__clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.cw-step-section__clip[hidden] { display: none; }
.cw-step-section__video > .cw-image-placeholder:has(~ .cw-step-section__clip[poster]) { visibility: hidden; }
.cw-process { position: relative; display: flex; flex-direction: column; gap: var(--spacing-sm); width: min(370px, 100%); margin: 0; padding: 0; list-style: none; }
.cw-process-box { border-radius: var(--radius-full); background: rgb(0 0 0 / 0.4); color: var(--global-primary-contrast); backdrop-filter: blur(6px); }
.cw-process-box__head { display: flex; align-items: center; gap: var(--spacing-md); width: 100%; padding: 16px 16px 16px 32px; border: 0; background: none; color: inherit; font: 400 var(--body-sizes-body-large-size)/var(--body-sizes-body-large-line-height) var(--paragraph-font-family, var(--label-font-family)); text-align: left; cursor: pointer; }
.cw-process-box__title { flex: 1; }
.cw-process-box__fab { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid currentColor; border-radius: var(--radius-full); }
.cw-process-box__fab .cw-icon { width: 20px; height: 20px; }
.cw-process-box__body { display: flex; flex-direction: column; gap: var(--spacing-md); padding: 0 32px 32px; }
.cw-process-box__body[hidden] { display: none; }
.cw-process-box__body p { font-size: var(--body-sizes-body-size); line-height: var(--body-sizes-body-line-height); }
.cw-process-box__actions { display: flex; flex-wrap: wrap; gap: var(--spacing-md); }
.cw-process-box.is-open { border-radius: 32px; background: rgb(255 255 255 / 0.8); color: var(--atoms-text-text-dark); }
.cw-process-box.is-open .cw-process-box__head { padding-top: 32px; padding-bottom: 8px; }
.cw-process-box.is-open .cw-process-box__fab { display: none; }
.cw-process-box__tab, .cw-process-box__card-title { display: none; } 

@media (max-width: 767px) {
  .cw-step-section .cw-lockup .cw-button.is-tertiary { padding: 12px var(--spacing-xl); border: 1.5px solid currentColor; border-radius: var(--radius-full); font-size: 16px; font-weight: 500; text-decoration: none; }
  .cw-step-section__video { justify-content: flex-end; min-height: 0; aspect-ratio: 3 / 5; margin-inline: calc(-1 * var(--spacing-margin)); padding: 0 var(--spacing-md) var(--spacing-lg); border-radius: 0; }
  .cw-step-section__video > .cw-image-placeholder, .cw-step-section__video > img { border-radius: 0; }
  .cw-process { display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between; gap: var(--spacing-lg) 6px; width: 100%; }
  .cw-process-box, .cw-process-box.is-open { display: contents; }
  .cw-process-box__head, .cw-process-box.is-open .cw-process-box__head { grid-row: 2; gap: 6px; width: auto; padding: 8px 14px; border-radius: var(--radius-full); background: rgb(30 20 15 / 0.6); color: var(--global-primary-contrast); font-size: 16px; line-height: 22px; white-space: nowrap; backdrop-filter: blur(6px); }
  .cw-process-box.is-open .cw-process-box__head { background: var(--templates-page-surface); color: var(--atoms-text-text-dark); }
  .cw-process-box__head .cw-process-box__title, .cw-process-box__head .cw-process-box__fab { display: none; }
  .cw-process-box__tab { display: inline; }
  .cw-process-box__body { grid-row: 1; grid-column: 1 / -1; gap: var(--spacing-md); padding: var(--spacing-xl) var(--spacing-lg) var(--spacing-lg); border-radius: 32px; background: rgb(255 255 255 / 0.8); color: var(--atoms-text-text-dark); backdrop-filter: blur(12px); }
  .cw-process-box__card-title { display: flex; gap: var(--spacing-md); font: 400 24px/1.25 var(--paragraph-font-family, var(--label-font-family)); }
}


.cw-transformation { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); }
.cw-transformation__container { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-parent); max-width: 940px; margin-inline: auto; }
.cw-transformation__videos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-xl); width: 100%; margin: 0; padding: 0; list-style: none; }
.cw-transformation__video { position: relative; display: grid; place-items: center; aspect-ratio: 300 / 524; overflow: hidden; border-radius: var(--radius-xl); }
.cw-transformation__play { position: relative; display: grid; place-items: center; width: 64px; height: 64px; border: 0; border-radius: 50%; background: var(--global-primary-contrast); color: var(--greyscale-black); cursor: pointer; }
.cw-transformation__play .cw-icon { width: 28px; height: 28px; margin-left: 4px; }
.cw-transformation__caption { position: absolute; left: 12px; right: 12px; bottom: 12px; color: var(--global-primary-contrast); font: 700 14px/1.3 var(--label-font-family); text-shadow: 0 1px 4px rgb(0 0 0 / 0.5); }
.cw-rating-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--spacing-md); }
.cw-rating-button { display: flex; align-items: center; justify-content: center; gap: var(--spacing-sm); width: 200px; height: 56px; border: 1px solid var(--atoms-button-tertiary-border-default, var(--greyscale-4)); border-radius: var(--radius-md); font: 400 12px/1 var(--label-font-family); color: var(--atoms-text-text-secondary); }
.cw-rating-button b { color: var(--atoms-text-text-dark); }
.cw-rating-button__logo { font: 700 14px/1 var(--label-font-family); color: var(--atoms-text-text-dark); }
@media (max-width: 767px) { .cw-transformation__videos { grid-template-columns: repeat(3, minmax(220px, 1fr)); overflow-x: auto; scroll-snap-type: x mandatory; } .cw-transformation__videos > li { scroll-snap-align: start; } }


.cw-offer-hero { position: relative; padding: var(--spacing-page-section) var(--spacing-margin); overflow: hidden; background: var(--elevation-surface-dark); color: var(--global-primary-contrast); text-align: center; }
.cw-offer-hero__inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xl); max-width: 640px; margin-inline: auto; }
.cw-offer-hero__title { font: 500 var(--heading-sizes-h4-size)/var(--heading-line-height-h4-line-height) var(--heading-font-family); }
.cw-offer-lockup { display: flex; align-items: center; justify-content: center; gap: 12px; font-family: var(--heading-font-family); font-weight: 800; line-height: 0.85; }
.cw-offer-lockup__pct { display: grid; grid-template-columns: auto auto; align-items: end; }
.cw-offer-lockup__num { font-size: clamp(64px, 12vw, 108px); letter-spacing: -0.04em; }
.cw-offer-lockup__unit { display: flex; flex-direction: column; font-size: clamp(28px, 5vw, 48px); }
.cw-offer-lockup__unit small { font-size: 0.75em; }
.cw-offer-lockup__fine { grid-column: 1 / -1; justify-self: end; margin-top: 6px; font: 400 10px/1 var(--label-font-family); }
.cw-offer-lockup__plus { font-size: clamp(32px, 6vw, 56px); font-weight: 300; }
.cw-offer-lockup__free { display: flex; flex-direction: column; align-items: flex-start; }
.cw-offer-lockup__free b { font-size: clamp(48px, 9vw, 78px); letter-spacing: -0.02em; }
.cw-offer-lockup__free span { margin-top: 8px; font-size: clamp(11px, 1.6vw, 15px); letter-spacing: 0.3em; line-height: 1.3; text-align: left; }
.cw-offer-hero__actions { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xl); }
.cw-offer-hero .cw-link-label, .cw-offer-hero .cw-link-label__text { color: var(--global-primary-contrast); }

.cw-hero .cw-offer-lockup { justify-content: flex-start; color: var(--global-primary-contrast); }


.cw-countdown { display: flex; justify-content: center; gap: var(--spacing-md); margin: 0; padding: 0; list-style: none; }
.cw-countdown__unit { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xs); min-width: 96px; padding: var(--spacing-md) var(--spacing-sm); border: 1px solid rgb(255 255 255 / 0.16); border-radius: var(--radius-md); background: rgb(255 255 255 / 0.06); }
.cw-countdown__num { font: 800 clamp(36px, 6vw, 56px)/1 var(--heading-font-family); font-variant-numeric: tabular-nums; }
.cw-countdown__label { font: 700 12px/1 var(--heading-font-family); letter-spacing: 0.18em; text-transform: uppercase; color: var(--greyscale-4); }
.cw-countdown__ended { font: 500 var(--body-sizes-body-large-size)/var(--body-sizes-body-large-line-height) var(--paragraph-font-family); }
@media (max-width: 599px) { .cw-countdown { gap: var(--spacing-sm); } .cw-countdown__unit { min-width: 0; flex: 1; } }


.cw-offer-terms { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--elevation-surface-dark); }
.cw-offer-terms__inner { max-width: var(--container-xxl); margin-inline: auto; font: 400 12px/18px var(--paragraph-font-family); color: var(--greyscale-4); }
.cw-split__copy .cw-button, .cw-step-section .cw-lockup .cw-button { max-width: 100%; white-space: normal; text-align: center; }
.cw-rating-button__star { width: 14px; height: 14px; color: var(--rating-star); }




.cw-hero__highlights { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-lg); margin: 0; padding: 0; list-style: none; }
.cw-hero__highlights li { display: inline-flex; align-items: center; gap: var(--spacing-sm); font-size: var(--body-sizes-body-large-size); line-height: var(--body-sizes-body-large-line-height); color: var(--global-primary-contrast); }
.cw-hero__highlights .cw-icon { width: 20px; height: 20px; color: var(--global-primary-contrast); flex: none; }


.cw-section-headline { padding: var(--spacing-page-section) var(--spacing-margin) 0; background: var(--templates-page-surface); }
.cw-section-headline__inner { display: flex; flex-direction: column; gap: var(--spacing-child); max-width: var(--container-xxl); margin-inline: auto; }
.cw-section-headline__inner .cw-lockup { max-width: 720px; }
.cw-section-headline__inner .cw-text-body-lg { color: var(--atoms-text-text-secondary); }


@media (min-width: 992px) {
  .cw-split.is-bleed .cw-split__copy:first-child { justify-self: end; width: 100%; padding: var(--spacing-xl) 0 var(--spacing-xl) var(--spacing-margin); }
}
.cw-split.is-surface { background: var(--templates-page-surface); }
.cw-split.is-warm { background: var(--templates-page-l1-tint); } 

.cw-location-pills__groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-xl); }
.cw-location-pills { display: flex; flex-direction: column; gap: var(--spacing-md); min-width: 0; }
.cw-location-pills__title { margin: 0; font: 700 18px/1.3 var(--label-font-family); color: var(--atoms-text-text-secondary); }
.cw-location-pills__list { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.cw-location-pills .cw-filter-pill { cursor: default; }
@media (max-width: 599px) { .cw-location-pills__groups { grid-template-columns: minmax(0, 1fr); } }


.cw-styles { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); overflow-x: clip; }
.cw-styles__container { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xxl); max-width: var(--container-xxl); margin-inline: auto; }
.cw-styles .cw-content-switcher { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xxl); }
.cw-styles .cw-content-switcher__list { width: 100%; max-width: 720px; }
.cw-styles .cw-content-switcher__panel { width: 100%; padding: 0; }
.cw-styles__lead { color: var(--atoms-text-text-dark); font-weight: 700; }


.cw-expanding-images { display: flex; gap: var(--spacing-lg); width: 100%; margin: 0; padding: 0; list-style: none; }
.cw-expanding-image { position: relative; flex: 1 1 0; min-width: 0; aspect-ratio: 2 / 3; overflow: hidden; border-radius: var(--radius-xl); }
.cw-expanding-image .cw-fab { position: absolute; top: var(--spacing-md); right: var(--spacing-md); z-index: 1; }
@media (min-width: 768px) {
  .cw-expanding-image { aspect-ratio: auto; height: min(636px, 48vw); }
}
@media (max-width: 767px) {
  .cw-expanding-images { --bleed: var(--spacing-margin); width: auto; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(-1 * var(--bleed)); padding-inline: var(--bleed); scroll-padding-inline: var(--bleed); }
  .cw-expanding-images::-webkit-scrollbar { display: none; }
  .cw-expanding-image { flex: 0 0 78%; scroll-snap-align: start; }
}


.cw-blog-list { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); overflow-x: clip; }
.cw-blog-list__container { display: flex; flex-direction: column; gap: var(--spacing-parent); max-width: var(--container-xxl); margin-inline: auto; }
.cw-blog-list__body { display: flex; flex-direction: column; gap: var(--spacing-xl); }
.cw-blog-list__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-md); margin: 0; padding: 0; list-style: none; }
.cw-blog-list__row > li { display: flex; min-width: 0; }

.cw-blog-list__row:has(> li:nth-child(4)) { --bleed: max(var(--spacing-margin), (100vw - var(--container-xxl)) / 2); display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(-1 * var(--bleed)); padding: 4px var(--bleed) 8px; scroll-padding-inline: var(--bleed); }
.cw-blog-list__row:has(> li:nth-child(4)) > li { flex: 0 0 calc((100% - 2 * var(--spacing-md)) / 3); scroll-snap-align: start; }
.cw-blog-list__row::-webkit-scrollbar { display: none; }
.cw-blog-list__nav { display: none; justify-content: flex-end; gap: var(--spacing-sm); }
.cw-blog-list__body:has(.cw-blog-list__row > li:nth-child(4)) .cw-blog-list__nav { display: flex; }
@media (max-width: 767px) {
  .cw-blog-list__row { --bleed: var(--spacing-margin); display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(-1 * var(--bleed)); padding: 4px var(--bleed) 8px; scroll-padding-inline: var(--bleed); }
  .cw-blog-list__row > li, .cw-blog-list__row:has(> li:nth-child(4)) > li { flex: 0 0 85%; scroll-snap-align: start; }
  .cw-blog-list__nav { display: flex; } 
}


.cw-blog-card { display: flex; flex-direction: column; width: 100%; overflow: hidden; background: var(--templates-page-surface); border: 1px solid var(--greyscale-5); border-radius: var(--radius-md); box-shadow: var(--elevation-02-card); color: var(--atoms-text-text-dark); }
.cw-blog-card__media { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.cw-blog-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cw-blog-card__body { display: flex; flex-direction: column; flex: 1; gap: 12px; padding: 20px 16px; }
.cw-blog-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cw-blog-card__tags { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; font: 700 11px/1.3 var(--label-font-family); color: var(--global-primary-brand-primary); }
.cw-blog-card__date { flex: none; font: 400 14px/1.3 var(--label-font-family); color: var(--atoms-text-text-secondary); }
.cw-blog-card__title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; font: 700 16px/1.4 var(--label-font-family); }
.cw-blog-card__title a { color: inherit; text-decoration: none; }
.cw-blog-card__title a:hover { text-decoration: underline; text-underline-offset: 3px; }
.cw-blog-card__excerpt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); }
.cw-blog-card__more { margin-top: auto; padding-top: 8px; color: var(--global-primary-brand-primary); font-weight: 700; font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); }


.cw-service-area { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--elevation-l1-warm-light); }
.cw-service-area__container { max-width: var(--container-xxl); margin-inline: auto; }
.cw-service-area__initial { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--spacing-parent); align-items: center; } 
.cw-service-area__initial[hidden], .cw-service-area__result[hidden] { display: none; }
.cw-service-area__copy { display: flex; flex-direction: column; gap: var(--spacing-xl); min-width: 0; }
.cw-service-area__note { font-size: 12px; line-height: 18px; color: var(--atoms-text-text-secondary); }
.cw-service-area__card { display: flex; flex-direction: column; gap: var(--spacing-lg); padding: 28px; background: var(--elevation-surface-light); border-radius: var(--radius-lg); box-shadow: var(--elevation-03-raised); }
.cw-service-area__map { border: 0; border-radius: 12px; }
.cw-service-area__map .cw-region-map__name { font-size: 10px; }
.cw-service-area__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-md); margin: 0; padding-top: var(--spacing-lg); border-top: 1px solid var(--components-divider-fill); }
.cw-service-area__stats div { display: flex; flex-direction: column-reverse; gap: 2px; }
.cw-service-area__stats dd { margin: 0; font: 500 40px/1.1 var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-service-area__stats dt { font-size: 12px; line-height: 16px; color: var(--atoms-text-text-secondary); }

.cw-service-area__result { display: flex; flex-direction: column; gap: 48px; }
.cw-service-area__head { display: flex; flex-direction: column; gap: var(--spacing-lg); }
.cw-service-area__head [data-area-title]:focus { outline: none; }
.cw-service-area__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-md) var(--spacing-xl); }
.cw-service-area__reset, .cw-service-area__more { color: var(--global-primary-brand-primary); font-weight: 700; }
.cw-service-area__highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-lg); margin: 0; padding: 0; list-style: none; }
.cw-service-area__highlight { display: flex; flex-direction: column; gap: var(--spacing-lg); padding: 40px; background: var(--elevation-surface-light); border-radius: var(--radius-lg); box-shadow: var(--elevation-03-raised); }
.cw-service-area__highlight[hidden] { display: none; }
.cw-service-area__label { font: 500 12px/1.2 var(--label-font-family); letter-spacing: 0.12em; text-transform: uppercase; color: var(--atoms-text-text-dark); }
.cw-service-area__detail { display: flex; gap: var(--spacing-md); }
.cw-service-area__detail > .cw-icon { flex: none; width: 28px; height: 28px; margin: 4px 6px; color: var(--global-primary-brand-primary); }
.cw-service-area__detail > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cw-service-area__value { font: 500 var(--heading-sizes-h4-size)/var(--heading-line-height-h4-line-height) var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-service-area__sub { font-size: 14px; line-height: 20px; color: var(--atoms-text-text-secondary); }
.cw-service-area__quote { font-size: 14px; line-height: 22px; color: var(--atoms-text-text-dark); }
.cw-service-area__also { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-md); }
.cw-service-area__also[hidden] { display: none; }
.cw-service-area__also > span { font-size: 14px; line-height: 20px; color: var(--atoms-text-text-dark); }
.cw-service-area__also ul { display: flex; flex-wrap: wrap; gap: var(--spacing-sm) var(--spacing-md); margin: 0; padding: 0; list-style: none; }
.cw-service-area.is-no-service .cw-service-area__highlights { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: calc((100% - var(--spacing-lg)) * 2 / 3 + var(--spacing-lg)); }
@media (max-width: 899px) {
  .cw-service-area__initial { grid-template-columns: minmax(0, 1fr); gap: var(--spacing-xl); }
  .cw-service-area__highlights, .cw-service-area.is-no-service .cw-service-area__highlights { grid-template-columns: minmax(0, 1fr); max-width: none; }
  .cw-service-area__highlight { padding: 24px; }
}
@media (max-width: 599px) {
  .cw-service-area__copy .cw-input-with-button { flex-direction: column; align-items: stretch; }
  .cw-service-area__actions { flex-direction: column; align-items: stretch; }
  .cw-service-area__actions .cw-button { width: 100%; }
  .cw-service-area__reset { align-self: center; }
  .cw-service-area__card { padding: 16px; }
  .cw-service-area__stats dd { font-size: 28px; }
}


.cw-project-gallery { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); }
.cw-project-gallery__container { display: flex; flex-direction: column; gap: var(--spacing-parent); max-width: var(--container-xxl); margin-inline: auto; }

.cw-project-gallery .cw-feature-tile__headline { max-width: none; }
.cw-project-gallery .cw-feature-tile__headline .cw-text-body-lg { max-width: 1140px; margin-inline: auto; }
.cw-project-gallery__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-xl) var(--spacing-lg); margin: 0; padding: 0; list-style: none; }
.cw-project-gallery__actions { display: flex; justify-content: center; }
.cw-project-card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.cw-project-card__open { position: relative; display: block; width: 100%; aspect-ratio: 3 / 2; padding: 0; overflow: hidden; border: 0; border-radius: var(--radius-lg); background: none; cursor: zoom-in; }
.cw-project-card__open img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.cw-project-card__open:hover img { transform: scale(1.03); }
.cw-project-card__open:focus-visible { outline: 2px solid var(--global-text-color); outline-offset: 3px; }
.cw-project-card__caption { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.cw-project-card__title { font: 700 18px/1.3 var(--label-font-family); color: var(--atoms-text-text-dark); }
.cw-project-card__place { font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); color: var(--atoms-text-text-secondary); }
@media (max-width: 899px) { .cw-project-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-lg) var(--spacing-md); } .cw-project-card__title { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .cw-project-card__open img { transition: none; } }

.cw-project-gallery.is-inline { overflow-x: clip; }
.cw-project-gallery__grid.is-inline { --bleed: max(var(--spacing-margin), (100vw - var(--container-xxl)) / 2); display: flex; gap: var(--spacing-lg); margin: 0 calc(-1 * var(--bleed)); padding: 4px var(--bleed) 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--bleed); scrollbar-width: none; }
.cw-project-gallery__grid.is-inline::-webkit-scrollbar { display: none; }
.cw-project-gallery__grid.is-inline > .cw-project-card { flex: 0 0 min(420px, 85%); scroll-snap-align: start; }
.cw-project-gallery__footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--spacing-md); }
.cw-project-gallery__nav { display: flex; gap: var(--spacing-sm); margin-left: auto; } 


.cw-custom-section { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--elevation-surface-light); }
.cw-custom-section.is-warm { background: var(--elevation-l1-warm-light); }
.cw-custom-section.is-cool { background: var(--elevation-l1-cool-light); }
.cw-custom-section.is-dark { background: var(--elevation-surface-dark); color: var(--global-primary-contrast); }
.cw-custom-section.is-dark :is(.cw-lockup, .cw-text-h2, .cw-text-body-lg, .cw-text-body) { color: var(--global-primary-contrast); }
.cw-custom-section__container { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-xl); max-width: var(--container-xxl); margin-inline: auto; }
.cw-custom-section__container.is-narrow { max-width: 800px; }
.cw-custom-section__container.is-center { align-items: center; text-align: center; }


.cw-options { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-surface); overflow-x: clip; }
.cw-options__container { display: flex; flex-direction: column; gap: var(--spacing-xxl); max-width: var(--container-xxl); margin-inline: auto; }
.cw-options .cw-content-switcher { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-xl); }
.cw-options .cw-content-switcher__list { width: 100%; max-width: 560px; overflow-x: auto; scrollbar-width: none; }
.cw-options .cw-content-switcher__list::-webkit-scrollbar { display: none; }
.cw-options .cw-content-switcher__panel { display: flex; flex-direction: column; gap: var(--spacing-lg); width: 100%; padding: 0; }
.cw-options .cw-content-switcher__panel[hidden] { display: none; }
.cw-options__lead { max-width: 760px; color: var(--atoms-text-text-secondary); }
.cw-options__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spacing-xl) var(--spacing-lg); margin: 0; padding: 0; list-style: none; }
.cw-option-card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.cw-option-card__open { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; padding: 0; overflow: hidden; border: 0; border-radius: var(--radius-lg); background: var(--templates-page-surface); cursor: zoom-in; }
.cw-option-card.is-swatch .cw-option-card__open { aspect-ratio: 1; outline: 1px solid var(--components-divider-fill); outline-offset: -1px; } 
.cw-option-card__open img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.cw-option-card__open:hover img { transform: scale(1.03); }
.cw-option-card__open:focus-visible { outline: 2px solid var(--global-text-color); outline-offset: 3px; }
.cw-option-card__caption { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.cw-option-card__title { font: 700 18px/1.3 var(--label-font-family); color: var(--atoms-text-text-dark); }
.cw-option-card__desc { font-size: var(--body-sizes-body-small-size); line-height: var(--body-sizes-body-small-line-height); color: var(--atoms-text-text-secondary); }
.cw-option-card .cw-tag { margin-top: 4px; }
@media (max-width: 599px) { .cw-options .cw-content-switcher__item { min-width: 0; padding-inline: 8px; font-size: 13px; } } 
@media (max-width: 899px) { .cw-options__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-lg) var(--spacing-md); } .cw-option-card__title { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .cw-option-card__open img { transition: none; } }


main > .w-embed > .is-continued { padding-top: var(--spacing-page-subsection-divided); }
main > .w-embed > :has(+ .is-continued) { padding-bottom: var(--spacing-page-subsection-divided); }

main > .w-embed > .is-divided { border-top: 2px solid var(--components-divider-fill); }

/* css/components/locations-page.css */




.cw-region-map { margin: 0; overflow: hidden; background: var(--templates-page-surface); border: 1px solid var(--greyscale-5); border-radius: var(--radius-lg); }
.cw-region-map__stage { position: relative; aspect-ratio: 800 / 720; max-width: 100%; background: var(--secondary-grey-white); }
.cw-region-map__stage svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.cw-region-map .m-context { fill: var(--greyscale-6); stroke: var(--greyscale-4); stroke-width: 0.8; }
.cw-region-map .m-land { fill: var(--templates-page-surface); }
.cw-region-map .m-county { fill: none; stroke: var(--templates-page-l1-tint); stroke-width: 0.8; }
.cw-region-map .m-state { fill: none; stroke: var(--greyscale-4); stroke-width: 1.4; }
.cw-region-map .m-text { font: 500 13px var(--label-font-family); fill: var(--atoms-text-text-secondary); letter-spacing: 0.04em; }
.cw-region-map .m-text.is-caps { font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; }
.cw-region-map .m-text.is-sea { font-style: italic; }
.cw-region-map .m-city { fill: var(--atoms-text-text-secondary); }
.cw-region-map__region { fill: color-mix(in srgb, var(--global-primary-brand-primary) 14%, white); stroke: color-mix(in srgb, var(--global-primary-brand-primary) 55%, white); stroke-width: 1.2; stroke-linejoin: round; cursor: pointer; outline: none; transition: fill 180ms ease; }
.cw-region-map__region:hover, .cw-region-map__region:focus-visible { fill: color-mix(in srgb, var(--global-primary-brand-primary) 32%, white); }
.cw-region-map__region:focus-visible { stroke: var(--global-text-color); stroke-width: 2; }
.cw-region-map[data-region] .cw-region-map__region { fill: color-mix(in srgb, var(--global-primary-brand-primary) 6%, white); }
.cw-region-map[data-region] .cw-region-map__region.is-active { fill: color-mix(in srgb, var(--global-primary-brand-primary) 38%, white); stroke: var(--global-primary-brand-primary); }
.cw-region-map__overlay { position: absolute; inset: 0; pointer-events: none; }
.cw-region-map__pin { position: absolute; width: 0; height: 0; transition: opacity 180ms ease; }
.cw-region-map[data-region] .cw-region-map__pin.is-dim { opacity: 0.35; }
.cw-region-map__dot { position: absolute; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: var(--global-text-color); box-shadow: 0 0 0 1.5px var(--templates-page-surface); }
.cw-region-map__leader { position: absolute; height: 1.5px; background: var(--global-text-color); transform-origin: 0 50%; opacity: 0.6; }
.cw-region-map__marker { position: absolute; display: grid; place-items: center; width: 34px; height: 34px; margin: -34px 0 0 -17px; padding: 0; border: 0; background: none; color: var(--global-primary-brand-primary); cursor: pointer; pointer-events: auto; filter: drop-shadow(0 2px 3px rgb(0 0 0 / 0.25)); transition: transform 150ms ease; transform-origin: 50% 100%; }
.cw-region-map__marker .cw-icon { width: 34px; height: 34px; }
.cw-region-map__marker.is-factory { color: var(--global-primary-brand-secondary); }
.cw-region-map__marker:hover, .cw-region-map__marker:focus-visible, .cw-region-map__marker.is-active { transform: scale(1.18); }
.cw-region-map__name { position: absolute; top: -22px; white-space: nowrap; font: 700 12px/1.15 var(--label-font-family); color: var(--global-text-color); text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff; pointer-events: none; }
.cw-region-map__name.is-right { left: 20px; }
.cw-region-map__name.is-left { right: 20px; text-align: right; }
.cw-region-map__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; padding: 12px 16px; border-top: 1px solid var(--greyscale-5); color: var(--atoms-text-text-secondary); }
.cw-region-map__legend { display: flex; flex-wrap: wrap; gap: 12px; }
.cw-region-map__legend span { display: inline-flex; align-items: center; gap: 6px; }
.cw-region-map__legend .cw-icon { width: 14px; height: 14px; color: var(--global-primary-brand-primary); }
.cw-region-map__legend .is-factory { color: var(--global-primary-brand-secondary); }
@media (max-width: 479px) { .cw-region-map__name { display: none; } }


.cw-eyebrow.is-small { font-size: 12px; }
.cw-region-card__rating { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--global-text-color); }
.cw-region-card__rating .cw-stars .cw-icon { width: 14px; height: 14px; }
.cw-feature-card .cw-link-label { margin-top: auto; }
.cw-feature-card[data-region-card] .cw-feature-card__text { flex: 1; }
.cw-feature-card.is-highlighted, .cw-feature-tile.is-raised .cw-feature-card.is-highlighted { box-shadow: var(--elevation-04-float); } 


.cw-locations-list { display: flex; flex-direction: column; gap: var(--spacing-xl); scroll-margin-top: 96px; }
.cw-locations-list__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 24px; }
.cw-locations-list__summary { color: var(--atoms-text-text-secondary); }
.cw-locations-list__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: var(--spacing-lg); }
.cw-locations-list__grid > [hidden] { display: none; }


.cw-location-card__media .cw-tag { position: absolute; top: 12px; left: 12px; z-index: 1; }
.cw-location-card__status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cw-location-card__cities summary { display: inline-flex; align-items: center; gap: 6px; color: var(--global-text-color); font-weight: 500; cursor: pointer; list-style: none; position: relative; z-index: 2; }
.cw-location-card__cities summary::-webkit-details-marker { display: none; }
.cw-location-card__cities summary .cw-icon { width: 12px; height: 12px; transition: transform 150ms ease; }
.cw-location-card__cities[open] summary .cw-icon { transform: rotate(180deg); }
.cw-location-card__cities p { margin-top: 8px; color: var(--atoms-text-text-secondary); line-height: 1.5; max-height: 132px; overflow: auto; }
.cw-location-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: auto; padding-top: 4px; position: relative; z-index: 2; }
.cw-location-card.is-stacked { height: 100%; }
.cw-location-card.is-stacked .cw-location-card__body { flex: 1; }


.cw-site-footer.is-expanded { padding-block: 24px 40px; }
.cw-footer-offer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 24px; padding-bottom: 24px; color: var(--atoms-text-text-secondary); font-size: 12px; line-height: 18px; }
.cw-footer-offer__links { display: flex; gap: 16px; }
.cw-footer-offer details summary { display: inline-flex; align-items: center; gap: 4px; color: var(--global-text-color); font-weight: 500; cursor: pointer; list-style: none; }
.cw-footer-offer details summary::-webkit-details-marker { display: none; }
.cw-footer-offer details summary .cw-icon { width: 12px; height: 12px; }
.cw-footer-offer details p { position: absolute; z-index: 5; max-width: 420px; margin-top: 8px; padding: 12px 16px; background: var(--templates-page-surface); border: 1px solid var(--greyscale-5); border-radius: var(--radius-md); box-shadow: 0 8px 20px rgb(0 0 0 / 0.1); }
.cw-footer-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cw-footer-card { display: flex; flex-direction: column; gap: 12px; padding: 20px; background: var(--templates-page-surface); border: 1px solid var(--greyscale-5); border-radius: var(--radius-md); min-width: 0; }
.cw-footer-card__title { font: 700 16px/1.3 var(--heading-font-family); color: var(--global-text-color); }
.cw-footer-card__row { display: flex; gap: 12px; align-items: flex-start; }
.cw-footer-card__row .cw-icon { color: var(--global-primary-brand-primary); }
.cw-footer-card small { color: var(--atoms-text-text-secondary); font-size: 12px; line-height: 18px; }
.cw-footer-card small a { color: var(--global-primary-brand-primary); }
.cw-footer-links { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; padding-block: 32px; }
.cw-footer-links h3 { font: 700 14px/1.3 var(--label-font-family); color: var(--global-text-color); }
.cw-footer-links ul { display: flex; flex-direction: column; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.cw-footer-links a { color: var(--global-secondary-dark-grey); font-size: 14px; line-height: 20px; }
.cw-footer-links a:hover { color: var(--global-text-color); }
.cw-footer-swatches { display: flex; gap: 6px; margin-top: 4px; }
.cw-footer-swatches i { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.12); }
.cw-footer-areas { display: flex; flex-direction: column; gap: 12px; padding-block: 24px; border-top: 1px solid var(--greyscale-4); }
.cw-footer-areas h3 { font: 700 14px/1.3 var(--label-font-family); }
.cw-footer-areas__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: start; }
.cw-footer-areas details { background: var(--templates-page-surface); border: 1px solid var(--greyscale-4); border-radius: var(--radius-md); }
.cw-footer-areas summary { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 12px; font: 500 14px/1.2 var(--label-font-family); cursor: pointer; list-style: none; }
.cw-footer-areas summary::-webkit-details-marker { display: none; }
.cw-footer-areas summary .cw-icon { width: 14px; height: 14px; transition: transform 150ms ease; }
.cw-footer-areas details[open] summary .cw-icon { transform: rotate(180deg); }
.cw-footer-areas details p { padding: 0 12px 12px; color: var(--atoms-text-text-secondary); font-size: 13px; line-height: 20px; max-height: 180px; overflow: auto; }
.cw-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 24px; padding-top: 24px; border-top: 1px solid var(--greyscale-4); }
.cw-footer-bottom__brand { display: flex; flex-direction: column; gap: 10px; color: var(--atoms-text-text-secondary); font-size: 12px; line-height: 18px; }
.cw-footer-bottom__brand img { width: 96px; }
.cw-footer-bottom__licenses { color: var(--greyscale-black); font-weight: 700; }
.cw-footer-bottom__legal { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.cw-footer-bottom__legal a { color: var(--global-secondary-dark-grey); }
.cw-footer-bottom__legal a:hover { color: var(--global-text-color); }

.cw-site-footer.is-minimal :is(.cw-footer-offer, .cw-footer-cards, .cw-footer-links, .cw-footer-areas) { display: none; }
.cw-site-footer.is-minimal .cw-footer-bottom { padding-top: 0; border-top: 0; }
.cw-site-footer:is(.is-minimal, .is-no-chat) + .cw-chat-launcher { display: none; } 
.cw-footer-lang { position: relative; }
.cw-footer-lang select { padding: 4px 24px 4px 10px; border: 1px solid var(--greyscale-4); border-radius: var(--radius-full); background: var(--templates-page-surface); font: 500 12px/1.4 var(--label-font-family); color: var(--global-text-color); appearance: none; cursor: pointer; }
.cw-footer-lang .cw-icon { position: absolute; right: 8px; top: 50%; width: 10px; height: 10px; transform: translateY(-50%); pointer-events: none; }
@media (max-width: 1099px) { .cw-footer-links { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 899px) { .cw-footer-cards, .cw-footer-areas__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 599px) { .cw-footer-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }


.cw-chat-launcher { position: fixed; right: max(20px, env(safe-area-inset-right, 0px)); bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 40; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.cw-chat-launcher__button { display: inline-flex; align-items: center; gap: 10px; padding: 6px 18px 6px 6px; border: 0; border-radius: var(--radius-full); background: var(--global-primary-brand-secondary); color: var(--global-primary-contrast); font: 700 14px/1 var(--label-font-family); box-shadow: 0 8px 24px rgb(0 0 0 / 0.2); cursor: pointer; }
.cw-chat-launcher__button:hover { background: var(--greyscale-1); }
.cw-chat-launcher__avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--global-primary-contrast); color: var(--global-primary-brand-primary); font: 800 12px/1 var(--heading-font-family); }
.cw-chat-launcher__panel { width: min(320px, calc(100vw - 40px)); padding: 20px; background: var(--templates-page-surface); color: var(--global-text-color); border: 1px solid var(--greyscale-5); border-radius: var(--radius-lg); box-shadow: 0 16px 40px rgb(0 0 0 / 0.18); display: flex; flex-direction: column; gap: 12px; }
.cw-chat-launcher__panel[hidden] { display: none; }
.cw-chat-launcher__panel p { color: var(--atoms-text-text-secondary); font-size: 14px; line-height: 20px; }
.cw-location-card.is-inline .cw-location-card__body { justify-content: flex-start; }

/* css/components/region-page.css */



.cw-image-placeholder.is-dark { background: repeating-linear-gradient(135deg, #4a4a4a 0 12px, #424242 12px 24px); color: var(--greyscale-4); align-items: end; justify-items: end; }


.cw-region-locations { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--spacing-xxl); align-items: start; }
.cw-region-locations__list { display: flex; flex-direction: column; gap: var(--spacing-xl); }
.cw-region-locations__intro { color: var(--atoms-text-text-secondary); }
.cw-region-locations__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: var(--spacing-lg); }
.cw-region-map.is-zoomed { position: sticky; top: 96px; }
@media (max-width: 899px) { .cw-region-locations { grid-template-columns: minmax(0, 1fr); } .cw-region-map.is-zoomed { position: static; } }


.cw-cities { padding: var(--spacing-page-section) var(--spacing-margin); background: var(--templates-page-l1-tint); }
.cw-cities.is-surface { background: var(--templates-page-surface); } 
.cw-cities.is-surface .cw-cities__county { border-bottom-color: var(--components-divider-fill); } 
.cw-cities__inner { display: flex; flex-direction: column; gap: var(--spacing-xl); }
.cw-cities__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--spacing-lg); }
.cw-cities__head .cw-lockup { max-width: 640px; }
.cw-cities__summary { color: var(--atoms-text-text-secondary); }
.cw-cities__search { width: min(100%, 360px); background: var(--templates-page-surface); }
.cw-cities__groups { display: flex; flex-direction: column; gap: var(--spacing-xl); }
.cw-cities__group[hidden] { display: none; }
.cw-cities__county { display: flex; align-items: baseline; gap: var(--spacing-sm); margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--templates-page-l1-divider); font: 700 20px/1.3 var(--heading-font-family); color: var(--atoms-text-text-dark); }
.cw-cities__county span { font: 500 14px/1 var(--label-font-family); color: var(--atoms-text-text-secondary); }
.cw-cities__list { columns: 5 160px; column-gap: var(--spacing-lg); margin: 0; padding: 0; list-style: none; }
.cw-cities__list li { break-inside: avoid; }
.cw-cities__list li[hidden] { display: none; }

.cw-cities__group.is-collapsed .cw-cities__list li:nth-child(n+21) { display: none; }
.cw-cities__more { margin-top: 12px; padding: 0; border: 0; background: none; cursor: pointer; }
.cw-cities.is-searching .cw-cities__group.is-collapsed .cw-cities__list li:nth-child(n+21):not([hidden]) { display: list-item; }
.cw-cities.is-searching .cw-cities__more { display: none; }
.cw-cities__list a { display: inline-block; padding: 3px 0; color: var(--global-text-color); font-size: 15px; line-height: 22px; }
.cw-cities__list a:hover { color: var(--global-primary-brand-primary); text-decoration: underline; text-underline-offset: 3px; }
.cw-cities__list mark { background: color-mix(in srgb, var(--global-primary-brand-primary) 18%, white); color: inherit; border-radius: 2px; }

/* webflow embed wrappers */
body > .w-embed, main > .w-embed { display: contents; }
body > .w-embed::before, body > .w-embed::after, main > .w-embed::before, main > .w-embed::after { content: none; }