@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: normal;
	font-weight: 100;
	src:
		url(../static/media/HelveticaNeue-UltraLight.85758d67.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: normal;
	font-weight: 300;
	src:
		url(../static/media/NeueHelveticaforZara-Lt.c3fdc7d4.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: condensed;
	font-weight: 300;
	src:
		url(../static/media/NeueHelveticaforZara-LtCn.bf14e2b4.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: normal;
	font-weight: 400;
	src:
		url(../static/media/NeueHelveticaforZara-Roman.2e3e13bd.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: condensed;
	font-weight: 400;
	src:
		url(../static/media/NeueHelveticaforZara-Cn.79855a00.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: normal;
	font-weight: 500;
	src:
		url(../static/media/NeueHelveticaforZara-Medium.8456b130.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: condensed;
	font-weight: 500;
	src:
		url(../static/media/NeueHelveticaforZara-MdCn.2d80f50c.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: normal;
	font-weight: 700;
	src:
		url(../static/media/NeueHelveticaforZara-Bold.a523c9eb.woff2) format('woff2');
}

@font-face {
	font-display: swap;
	font-family: Neue Helvetica for Zara;
	font-stretch: condensed;
	font-weight: 700;
	src:
		url(../static/media/NeueHelveticaforZara-BoldCn.f58d8948.woff2) format('woff2');
}
/**
 * Do not edit directly, this file was auto-generated.
 */

[data-mds-theme="zara-light"] {
  --mds-typo-action-m-font-family: "Neue Helvetica for Zara";
  --mds-typo-action-m-font-weight: 300;
  --mds-typo-action-m-font-size: 0.6875rem;
  --mds-typo-action-m-line-height: 1rem;
  --mds-typo-action-m-letter-spacing: 0.05rem;
  --mds-typo-action-m-text-transform: uppercase;
  --mds-typo-body-s-font-family: "Neue Helvetica for Zara";
  --mds-typo-body-s-font-weight: 300;
  --mds-typo-body-s-font-size: 0.625rem;
  --mds-typo-body-s-line-height: 1rem;
  --mds-typo-body-s-letter-spacing: 0.025rem;
  --mds-typo-body-s-text-transform: none;
  --mds-typo-body-m-font-family: "Neue Helvetica for Zara";
  --mds-typo-body-m-font-weight: 300;
  --mds-typo-body-m-font-size: 0.6875rem;
  --mds-typo-body-m-line-height: 1rem;
  --mds-typo-body-m-letter-spacing: 0.025rem;
  --mds-typo-body-m-text-transform: none;
  --mds-typo-body-l-font-family: "Neue Helvetica for Zara";
  --mds-typo-body-l-font-weight: 300;
  --mds-typo-body-l-font-size: 0.8125rem;
  --mds-typo-body-l-line-height: 1.25rem;
  --mds-typo-body-l-letter-spacing: 0.025rem;
  --mds-typo-body-l-text-transform: none;
  --mds-typo-font-family-za: "Neue Helvetica for Zara";
  --mds-typo-label-xs-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-xs-font-weight: 300;
  --mds-typo-label-xs-font-size: 0.625rem;
  --mds-typo-label-xs-line-height: 1rem;
  --mds-typo-label-xs-letter-spacing: 0.05rem;
  --mds-typo-label-xs-text-transform: uppercase;
  --mds-typo-label-xs-highlight-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-xs-highlight-font-weight: 500;
  --mds-typo-label-xs-highlight-font-size: 0.625rem;
  --mds-typo-label-xs-highlight-line-height: 1rem;
  --mds-typo-label-xs-highlight-letter-spacing: 0.05rem;
  --mds-typo-label-xs-highlight-text-transform: uppercase;
  --mds-typo-label-s-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-s-font-weight: 300;
  --mds-typo-label-s-font-size: 0.625rem;
  --mds-typo-label-s-line-height: 1rem;
  --mds-typo-label-s-letter-spacing: 0.05rem;
  --mds-typo-label-s-text-transform: uppercase;
  --mds-typo-label-s-highlight-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-s-highlight-font-weight: 500;
  --mds-typo-label-s-highlight-font-size: 0.625rem;
  --mds-typo-label-s-highlight-line-height: 1rem;
  --mds-typo-label-s-highlight-letter-spacing: 0.05rem;
  --mds-typo-label-s-highlight-text-transform: uppercase;
  --mds-typo-label-m-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-m-font-weight: 300;
  --mds-typo-label-m-font-size: 0.6875rem;
  --mds-typo-label-m-line-height: 1rem;
  --mds-typo-label-m-letter-spacing: 0.05rem;
  --mds-typo-label-m-text-transform: uppercase;
  --mds-typo-label-m-highlight-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-m-highlight-font-weight: 500;
  --mds-typo-label-m-highlight-font-size: 0.6875rem;
  --mds-typo-label-m-highlight-line-height: 1rem;
  --mds-typo-label-m-highlight-letter-spacing: 0.05rem;
  --mds-typo-label-m-highlight-text-transform: uppercase;
  --mds-elevation-shadow-below-position-x: 0rem;
  --mds-elevation-shadow-below-position-y: 0rem;
  --mds-elevation-shadow-below-blur: 0rem;
  --mds-elevation-shadow-below-color: rgba(0, 0, 0, 0);
  --mds-elevation-shadow-above-position-x: 0rem;
  --mds-elevation-shadow-above-position-y: 0rem;
  --mds-elevation-shadow-above-blur: 0rem;
  --mds-elevation-shadow-above-color: rgba(0, 0, 0, 0);
  --mds-size-border-none: 0rem;
  --mds-size-border-low: 0.03125rem;
  --mds-size-border-mid: 0.03125rem;
  --mds-size-border-high: 0.125rem;
  --mds-size-radius-none: 0rem;
  --mds-size-radius-low: 0rem;
  --mds-size-radius-mid: 0rem;
  --mds-size-radius-high: 0rem;
  --mds-size-radius-full: 20rem;
  --mds-button-color-bg-secondary-default: rgba(255, 255, 255, 0);
  --mds-button-color-bg-secondary-hover: rgba(255, 255, 255, 0);
  --mds-button-color-bg-secondary-press: rgba(255, 255, 255, 0);
  --mds-button-color-bg-secondary-focus: rgba(255, 255, 255, 0);
  --mds-button-color-bg-secondary-loading: rgba(255, 255, 255, 0);
  --mds-button-color-bg-secondary-disabled: rgba(255, 255, 255, 0);
  --mds-button-size-padding-l-l: 0.75rem;
  --mds-button-size-padding-l-r: 0.75rem;
  --mds-button-size-padding-m-l: 0.75rem;
  --mds-button-size-padding-m-r: 0.75rem;
  --mds-button-size-padding-s-l: 0.75rem;
  --mds-button-size-padding-s-r: 0.75rem;
  --mds-button-size-gap-l-vertical: 0rem;
  --mds-button-size-gap-l-horizontal: 0.25rem;
  --mds-button-size-gap-m-vertical: 0rem;
  --mds-button-size-gap-m-horizontal: 0.25rem;
  --mds-button-size-gap-s-vertical: 0rem;
  --mds-button-size-gap-s-horizontal: 0.25rem;
  --mds-button-size-border-secondary-l-lrtb: 0.03125rem;
  --mds-button-size-border-secondary-m-lrtb: 0.03125rem;
  --mds-button-size-border-secondary-s-lrtb: 0.03125rem;
  --mds-button-size-radius-l-square: 0rem;
  --mds-button-size-radius-l-pill: 20rem;
  --mds-button-size-radius-m-square: 0rem;
  --mds-button-size-radius-m-pill: 20rem;
  --mds-button-size-radius-s-square: 0rem;
  --mds-button-size-radius-s-pill: 20rem;
  --mds-button-size-radius-only-icon-l-pill: 20rem;
  --mds-button-size-radius-only-icon-l-square: 0rem;
  --mds-button-size-radius-only-icon-m-pill: 20rem;
  --mds-button-size-radius-only-icon-m-square: 0rem;
  --mds-button-size-radius-only-icon-s-pill: 20rem;
  --mds-button-size-radius-only-icon-s-square: 0rem;
  --mds-button-size-height-l: 2.5rem;
  --mds-button-size-height-m: 2rem;
  --mds-button-size-height-s: 2rem;
  --mds-button-size-height-only-icon-l-icon: 1rem;
  --mds-button-size-height-only-icon-m-icon: 1rem;
  --mds-button-size-height-only-icon-s-icon: 1rem;
  --mds-button-size-height-icon-left-l: 1rem;
  --mds-button-size-height-icon-left-m: 1rem;
  --mds-button-size-height-icon-left-s: 1rem;
  --mds-button-size-height-icon-right-l: 1rem;
  --mds-button-size-height-icon-right-m: 1rem;
  --mds-button-size-height-icon-right-s: 1rem;
  --mds-button-size-min-width-l: 10rem;
  --mds-button-size-min-width-m: 10rem;
  --mds-button-size-min-width-s: 10rem;
  --mds-button-size-min-width-only-icon-l: 10rem;
  --mds-button-size-min-width-only-icon-m: 10rem;
  --mds-button-size-min-width-only-icon-s: 10rem;
  --mds-button-size-width-icon-left-l: 1rem;
  --mds-button-size-width-icon-left-m: 1rem;
  --mds-button-size-width-icon-left-s: 1rem;
  --mds-button-size-width-icon-right-l: 1rem;
  --mds-button-size-width-icon-right-m: 1rem;
  --mds-button-size-width-icon-right-s: 1rem;
  --mds-button-size-width-only-icon-l-icon: 1rem;
  --mds-button-size-width-only-icon-m-icon: 1rem;
  --mds-button-size-width-only-icon-s-icon: 1rem;
  --mds-button-size-max-width-only-icon-l: 24rem;
  --mds-button-size-max-width-only-icon-m: 24rem;
  --mds-button-size-max-width-only-icon-s: 24rem;
  --mds-checkboxgroup-size-gap-vertical: 0.25rem;
  --mds-checkboxgroup-size-gap-items-vertical: 1rem;
  --mds-checkboxgroup-size-helper-gap-horizontal: 0.25rem;
  --mds-checkboxgroup-size-helper-padding-lr: 0rem;
  --mds-checkboxgroup-layout-direction-ltr: row;
  --mds-checkboxgroup-layout-direction-rtl: row-reverse;
  --mds-checkbox-color-bg-check-selected-default: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-selected-hover: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-selected-focus: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-selected-error: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-selected-disabled: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-indeterminate-default: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-indeterminate-hover: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-indeterminate-focus: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-indeterminate-error: rgba(255, 255, 255, 0);
  --mds-checkbox-color-bg-check-indeterminate-disabled: rgba(255, 255, 255, 0);
  --mds-checkbox-color-check-mark-default: #000000;
  --mds-checkbox-color-check-mark-hover: #6b6b6b;
  --mds-checkbox-color-check-mark-focus: #0170e9;
  --mds-checkbox-color-check-mark-error: #cc3229;
  --mds-checkbox-color-check-mark-disabled: #c9c9c9;
  --mds-checkbox-size-check-width: 0.75rem;
  --mds-checkbox-size-check-height: 0.75rem;
  --mds-checkbox-size-border-check-unfilled: 0.03125rem;
  --mds-checkbox-size-border-check-filled: 0.03125rem;
  --mds-checkbox-size-gap-horizontal: 0.25rem;
  --mds-checkbox-size-padding-check-wrapper-l: 0rem;
  --mds-checkbox-size-padding-check-wrapper-r: 0rem;
  --mds-checkbox-size-padding-check-wrapper-t: 0.1875rem;
  --mds-checkbox-size-padding-check-wrapper-b: 0rem;
  --mds-checkbox-size-padding-text-wrapper-t: 0rem;
  --mds-dropdown-color-border: #000000;
  --mds-dropdown-size-radius: 0rem;
  --mds-dropdown-size-border: 0.03125rem;
  --mds-dropdown-size-padding-lr: 0rem;
  --mds-dropdown-size-padding-tb: 0.5rem;
  --mds-dropdown-size-item-padding-lr: 1rem;
  --mds-dropdown-size-item-padding-tb: 0.75rem;
  --mds-dropdown-size-item-gap-horizontal: 0.25rem;
  --mds-dropdown-size-item-border-b: 0rem;
  --mds-dropdown-size-lefticon-width: 1rem;
  --mds-dropdown-size-lefticon-height: 1rem;
  --mds-dropdown-size-righticon-width: 1rem;
  --mds-dropdown-size-righticon-height: 1rem;
  --mds-radiogroup-color-item-label-error: #000000;
  --mds-radiogroup-color-radio-border-unselected-default: #000000;
  --mds-radiogroup-color-radio-border-selected-default: #000000;
  --mds-radiogroup-color-radio-border-selected-hover: #6b6b6b;
  --mds-radiogroup-color-radio-bg-selected-default: rgba(255, 255, 255, 0);
  --mds-radiogroup-color-radio-bg-selected-hover: rgba(255, 255, 255, 0);
  --mds-radiogroup-color-radio-bg-selected-error: rgba(255, 255, 255, 0);
  --mds-radiogroup-color-radio-bg-selected-disabled: rgba(255, 255, 255, 0);
  --mds-radiogroup-color-radio-dot-default: #000000;
  --mds-radiogroup-color-radio-dot-hover: #6b6b6b;
  --mds-radiogroup-color-radio-dot-focus: #0170e9;
  --mds-radiogroup-color-radio-dot-error: #cc3229;
  --mds-radiogroup-color-radio-dot-disabled: #c9c9c9;
  --mds-radiogroup-size-radius-radio: 20rem;
  --mds-radiogroup-size-radius-dot: 20rem;
  --mds-radiogroup-size-item-dot: 0.25rem;
  --mds-radiogroup-size-item-radiowrapper-padding-t: 0.125rem;
  --mds-radiogroup-size-item-radiowrapper-padding-b: 0rem;
  --mds-radiogroup-size-item-radiowrapper-padding-lr: 0rem;
  --mds-radiogroup-size-item-labelwrapper-padding-t: 0rem;
  --mds-radiogroup-size-radio-base: 0.75rem;
  --mds-radiogroup-size-radio-border-unselected: 0.03125rem;
  --mds-radiogroup-size-radio-border-selected: 0.03125rem;
  --mds-radiogroup-size-items-gap-vertical: 1.5rem;
  --mds-radiogroup-size-items-gap-horizontal: 1rem;
  --mds-radiogroup-size-helper-gap-horizontal: 0.25rem;
  --mds-radiogroup-size-helper-padding-lr: 0rem;
  --mds-radiogroup-size-gap-vertical: 0.25rem;
  --mds-select-size-gap-vertical: 0rem;
  --mds-slider-color-knobs-bg-default: #000000;
  --mds-slider-color-knobs-bg-hover: #363636;
  --mds-slider-color-knobs-bg-focus: #363636;
  --mds-slider-color-knobs-bg-disabled: #f2f2f2;
  --mds-slider-color-knobs-border: rgba(255, 255, 255, 0);
  --mds-slider-color-selection-bg: #000000;
  --mds-slider-color-track-bg: #e4e4e4;
  --mds-slider-size-knobs-width: 0.5rem;
  --mds-slider-size-knobs-height: 0.5rem;
  --mds-slider-size-track-height: 0.03125rem;
  --mds-slider-size-container-height: 2.5rem;
  --mds-slider-size-border-knobs: 0rem;
  --mds-slider-size-radius-knobs: 20rem;
  --mds-slider-size-radius-track: 0rem;
  --mds-switch-color-track-bg-inactive-default: #797979;
  --mds-switch-color-track-bg-inactive-disabled: #e4e4e4;
  --mds-switch-color-track-bg-active-default: #000000;
  --mds-switch-color-track-bg-active-disabled: #c9c9c9;
  --mds-switch-color-track-border-inactive-default: #000000;
  --mds-switch-color-track-border-inactive-disabled: #c9c9c9;
  --mds-switch-color-track-border-active-default: #000000;
  --mds-switch-color-track-border-active-disabled: #c9c9c9;
  --mds-switch-color-knob-bg-inactive-default: #ffffff;
  --mds-switch-color-knob-bg-inactive-disabled: #ffffff;
  --mds-switch-color-knob-bg-active-default: #ffffff;
  --mds-switch-color-knob-bg-active-disabled: #ffffff;
  --mds-switch-size-width: 2.5rem;
  --mds-switch-size-height: 1.5rem;
  --mds-switch-size-track-width: 2.5rem;
  --mds-switch-size-track-height: 1.5rem;
  --mds-switch-size-track-border-inactive: 0rem;
  --mds-switch-size-track-border-active: 0rem;
  --mds-switch-size-track-padding-inactive-lr: 0.125rem;
  --mds-switch-size-track-padding-active-lr: 0.125rem;
  --mds-switch-size-knob-inactive-width: 1.25rem;
  --mds-switch-size-knob-inactive-height: 1.25rem;
  --mds-switch-size-knob-active-width: 1.25rem;
  --mds-switch-size-knob-active-height: 1.25rem;
  --mds-switch-elevation-knob-inactive-default-y: 0.0625rem;
  --mds-switch-elevation-knob-inactive-default-blur: 0.125rem;
  --mds-switch-elevation-knob-inactive-default-color: #00000008;
  --mds-switch-elevation-knob-active-default-y: 0rem;
  --mds-switch-elevation-knob-active-default-blur: 0rem;
  --mds-switch-elevation-knob-active-default-color: rgba(0, 0, 0, 0);
  --mds-field-color-label-error: #6b6b6b;
  --mds-field-color-field-bg-default: rgba(255, 255, 255, 0);
  --mds-field-color-field-bg-active: rgba(255, 255, 255, 0);
  --mds-field-color-field-bg-focus: rgba(255, 255, 255, 0);
  --mds-field-color-field-bg-error: rgba(255, 255, 255, 0);
  --mds-field-color-field-bg-disabled: rgba(255, 255, 255, 0);
  --mds-field-size-gap-vertical: 0.25rem;
  --mds-field-size-field-base: 2.5rem;
  --mds-field-size-field-radius: 0rem;
  --mds-field-size-field-padding-lr: 0rem;
  --mds-field-size-field-padding-tb: 0rem;
  --mds-field-size-field-gap-vertical: 0rem;
  --mds-field-size-field-gap-horizontal: 0.5rem;
  --mds-field-size-field-border-default-b: 0.03125rem;
  --mds-field-size-field-border-default-t: 0rem;
  --mds-field-size-field-border-default-l: 0rem;
  --mds-field-size-field-border-default-r: 0rem;
  --mds-field-size-field-border-active-b: 0.03125rem;
  --mds-field-size-field-border-active-t: 0rem;
  --mds-field-size-field-border-active-l: 0rem;
  --mds-field-size-field-border-active-r: 0rem;
  --mds-field-size-field-border-focus-b: 0.125rem;
  --mds-field-size-field-border-focus-t: 0rem;
  --mds-field-size-field-border-focus-l: 0rem;
  --mds-field-size-field-border-focus-r: 0rem;
  --mds-field-size-field-border-error-b: 0.03125rem;
  --mds-field-size-field-border-error-t: 0rem;
  --mds-field-size-field-border-error-l: 0rem;
  --mds-field-size-field-border-error-r: 0rem;
  --mds-field-size-icon-width: 1.25rem;
  --mds-field-size-icon-height: 1.25rem;
  --mds-field-size-helper-gap-horizontal: 0.25rem;
  --mds-field-size-helper-padding-lr: 0rem;
  --mds-textarea-size-field-minsize: 2.5rem;
  --mds-textarea-size-field-padding-open-tb: 0.125rem;
  --mds-textarea-size-contentwrapper-padding-open-tb: 0rem;
  --mds-color-basic-transparent: rgba(0, 0, 0, 0);
  --mds-color-danger-mid: #cc3229;
  --mds-color-danger-low: #ffd8d6;
  --mds-color-success-mid: #1f7735;
  --mds-color-success-low: #d6f4de;
  --mds-color-warning-mid: #995900;
  --mds-color-warning-low: #ffeacc;
  --mds-color-info-mid: #0170e9;
  --mds-color-info-low: #cce2fb;
  --mds-color-content-default: #000000;
  --mds-color-content-mid: #6b6b6b;
  --mds-color-content-low: #bcbcbc;
  --mds-color-content-inverse: #ffffff;
  --mds-color-content-none: rgba(255, 255, 255, 0);
  --mds-color-content-hover: #6b6b6b;
  --mds-color-content-press: #6b6b6b;
  --mds-color-content-loading: #000000;
  --mds-color-content-disabled: #c9c9c9;
  --mds-color-bg-default: #ffffff;
  --mds-color-bg-mid: #e4e4e4;
  --mds-color-bg-low: #797979;
  --mds-color-bg-inverse: #000000;
  --mds-color-bg-overlay: rgba(255, 255, 255, 0.7);
  --mds-color-bg-none: rgba(255, 255, 255, 0);
  --mds-color-bg-hover: #f2f2f2;
  --mds-color-bg-press: #d7d7d7;
  --mds-color-bg-loading: #ffffff;
  --mds-color-bg-disabled: #c9c9c9;
  --mds-color-bg-primary-default: #000000;
  --mds-color-bg-primary-hover: #363636;
  --mds-color-bg-primary-press: #363636;
  --mds-color-bg-primary-loading: #000000;
  --mds-color-bg-primary-disabled: #f2f2f2;
  --mds-color-border-default: #000000;
  --mds-color-border-mid: #797979;
  --mds-color-border-low: #c9c9c9;
  --mds-color-border-inverse: #ffffff;
  --mds-color-border-none: rgba(255, 255, 255, 0);
  --mds-color-border-hover: #6b6b6b;
  --mds-color-border-press: #6b6b6b;
  --mds-color-border-focus: #0170e9;
  --mds-color-border-loading: #000000;
  --mds-color-border-disabled: #c9c9c9;
}

@media (min-width: 64rem) {
  [data-mds-theme="zara-light"] {
    --mds-typo-action-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-action-m-font-weight: 300;
    --mds-typo-action-m-font-size: 0.6875rem;
    --mds-typo-action-m-line-height: 1rem;
    --mds-typo-action-m-letter-spacing: 0.05rem;
    --mds-typo-action-m-text-transform: uppercase;
    --mds-typo-body-s-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-s-font-weight: 300;
    --mds-typo-body-s-font-size: 0.625rem;
    --mds-typo-body-s-line-height: 1rem;
    --mds-typo-body-s-letter-spacing: 0.025rem;
    --mds-typo-body-s-text-transform: none;
    --mds-typo-body-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-m-font-weight: 300;
    --mds-typo-body-m-font-size: 0.6875rem;
    --mds-typo-body-m-line-height: 1rem;
    --mds-typo-body-m-letter-spacing: 0.025rem;
    --mds-typo-body-m-text-transform: none;
    --mds-typo-body-l-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-l-font-weight: 300;
    --mds-typo-body-l-font-size: 0.8125rem;
    --mds-typo-body-l-line-height: 1.25rem;
    --mds-typo-body-l-letter-spacing: 0.025rem;
    --mds-typo-body-l-text-transform: none;
    --mds-typo-label-xs-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-xs-font-weight: 300;
    --mds-typo-label-xs-font-size: 0.625rem;
    --mds-typo-label-xs-line-height: 1rem;
    --mds-typo-label-xs-letter-spacing: 0.05rem;
    --mds-typo-label-xs-text-transform: uppercase;
    --mds-typo-label-xs-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-xs-highlight-font-weight: 500;
    --mds-typo-label-xs-highlight-font-size: 0.625rem;
    --mds-typo-label-xs-highlight-line-height: 1rem;
    --mds-typo-label-xs-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-xs-highlight-text-transform: uppercase;
    --mds-typo-label-s-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-s-font-weight: 300;
    --mds-typo-label-s-font-size: 0.625rem;
    --mds-typo-label-s-line-height: 1rem;
    --mds-typo-label-s-letter-spacing: 0.05rem;
    --mds-typo-label-s-text-transform: uppercase;
    --mds-typo-label-s-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-s-highlight-font-weight: 500;
    --mds-typo-label-s-highlight-font-size: 0.625rem;
    --mds-typo-label-s-highlight-line-height: 1rem;
    --mds-typo-label-s-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-s-highlight-text-transform: uppercase;
    --mds-typo-label-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-m-font-weight: 300;
    --mds-typo-label-m-font-size: 0.6875rem;
    --mds-typo-label-m-line-height: 1rem;
    --mds-typo-label-m-letter-spacing: 0.05rem;
    --mds-typo-label-m-text-transform: uppercase;
    --mds-typo-label-m-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-m-highlight-font-weight: 500;
    --mds-typo-label-m-highlight-font-size: 0.6875rem;
    --mds-typo-label-m-highlight-line-height: 1rem;
    --mds-typo-label-m-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-m-highlight-text-transform: uppercase;
    --mds-checkbox-size-padding-check-wrapper-t: 0.1875rem;
  }
}

@media (min-width: 120rem) {
  [data-mds-theme="zara-light"] {
    --mds-typo-action-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-action-m-font-weight: 300;
    --mds-typo-action-m-font-size: 0.8125rem;
    --mds-typo-action-m-line-height: 1.25rem;
    --mds-typo-action-m-letter-spacing: 0.05rem;
    --mds-typo-action-m-text-transform: uppercase;
    --mds-typo-body-s-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-s-font-weight: 300;
    --mds-typo-body-s-font-size: 0.75rem;
    --mds-typo-body-s-line-height: 1.25rem;
    --mds-typo-body-s-letter-spacing: 0.01875rem;
    --mds-typo-body-s-text-transform: none;
    --mds-typo-body-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-m-font-weight: 300;
    --mds-typo-body-m-font-size: 0.8125rem;
    --mds-typo-body-m-line-height: 1.25rem;
    --mds-typo-body-m-letter-spacing: 0.01875rem;
    --mds-typo-body-m-text-transform: none;
    --mds-typo-body-l-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-l-font-weight: 300;
    --mds-typo-body-l-font-size: 0.9375rem;
    --mds-typo-body-l-line-height: 1.5rem;
    --mds-typo-body-l-letter-spacing: 0.01875rem;
    --mds-typo-body-l-text-transform: none;
    --mds-typo-label-xs-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-xs-font-weight: 300;
    --mds-typo-label-xs-font-size: 0.75rem;
    --mds-typo-label-xs-line-height: 1.25rem;
    --mds-typo-label-xs-letter-spacing: 0.05rem;
    --mds-typo-label-xs-text-transform: uppercase;
    --mds-typo-label-xs-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-xs-highlight-font-weight: 500;
    --mds-typo-label-xs-highlight-font-size: 0.75rem;
    --mds-typo-label-xs-highlight-line-height: 1.25rem;
    --mds-typo-label-xs-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-xs-highlight-text-transform: uppercase;
    --mds-typo-label-s-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-s-font-weight: 300;
    --mds-typo-label-s-font-size: 0.75rem;
    --mds-typo-label-s-line-height: 1.25rem;
    --mds-typo-label-s-letter-spacing: 0.05rem;
    --mds-typo-label-s-text-transform: uppercase;
    --mds-typo-label-s-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-s-highlight-font-weight: 500;
    --mds-typo-label-s-highlight-font-size: 0.75rem;
    --mds-typo-label-s-highlight-line-height: 1.25rem;
    --mds-typo-label-s-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-s-highlight-text-transform: uppercase;
    --mds-typo-label-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-m-font-weight: 300;
    --mds-typo-label-m-font-size: 0.8125rem;
    --mds-typo-label-m-line-height: 1.25rem;
    --mds-typo-label-m-letter-spacing: 0.05rem;
    --mds-typo-label-m-text-transform: uppercase;
    --mds-typo-label-m-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-m-highlight-font-weight: 500;
    --mds-typo-label-m-highlight-font-size: 0.8125rem;
    --mds-typo-label-m-highlight-line-height: 1.25rem;
    --mds-typo-label-m-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-m-highlight-text-transform: uppercase;
    --mds-checkbox-size-padding-check-wrapper-t: 0.3125rem;
  }
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-mds-theme="zara-dark"] {
  --mds-typo-action-m-font-family: "Neue Helvetica for Zara";
  --mds-typo-action-m-font-weight: 300;
  --mds-typo-action-m-font-size: 0.6875rem;
  --mds-typo-action-m-line-height: 1rem;
  --mds-typo-action-m-letter-spacing: 0.05rem;
  --mds-typo-action-m-text-transform: uppercase;
  --mds-typo-body-s-font-family: "Neue Helvetica for Zara";
  --mds-typo-body-s-font-weight: 300;
  --mds-typo-body-s-font-size: 0.625rem;
  --mds-typo-body-s-line-height: 1rem;
  --mds-typo-body-s-letter-spacing: 0.025rem;
  --mds-typo-body-s-text-transform: none;
  --mds-typo-body-m-font-family: "Neue Helvetica for Zara";
  --mds-typo-body-m-font-weight: 300;
  --mds-typo-body-m-font-size: 0.6875rem;
  --mds-typo-body-m-line-height: 1rem;
  --mds-typo-body-m-letter-spacing: 0.025rem;
  --mds-typo-body-m-text-transform: none;
  --mds-typo-body-l-font-family: "Neue Helvetica for Zara";
  --mds-typo-body-l-font-weight: 300;
  --mds-typo-body-l-font-size: 0.8125rem;
  --mds-typo-body-l-line-height: 1.25rem;
  --mds-typo-body-l-letter-spacing: 0.025rem;
  --mds-typo-body-l-text-transform: none;
  --mds-typo-font-family-za: "Neue Helvetica for Zara";
  --mds-typo-label-xs-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-xs-font-weight: 300;
  --mds-typo-label-xs-font-size: 0.625rem;
  --mds-typo-label-xs-line-height: 1rem;
  --mds-typo-label-xs-letter-spacing: 0.05rem;
  --mds-typo-label-xs-text-transform: uppercase;
  --mds-typo-label-xs-highlight-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-xs-highlight-font-weight: 500;
  --mds-typo-label-xs-highlight-font-size: 0.625rem;
  --mds-typo-label-xs-highlight-line-height: 1rem;
  --mds-typo-label-xs-highlight-letter-spacing: 0.05rem;
  --mds-typo-label-xs-highlight-text-transform: uppercase;
  --mds-typo-label-s-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-s-font-weight: 300;
  --mds-typo-label-s-font-size: 0.625rem;
  --mds-typo-label-s-line-height: 1rem;
  --mds-typo-label-s-letter-spacing: 0.05rem;
  --mds-typo-label-s-text-transform: uppercase;
  --mds-typo-label-s-highlight-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-s-highlight-font-weight: 500;
  --mds-typo-label-s-highlight-font-size: 0.625rem;
  --mds-typo-label-s-highlight-line-height: 1rem;
  --mds-typo-label-s-highlight-letter-spacing: 0.05rem;
  --mds-typo-label-s-highlight-text-transform: uppercase;
  --mds-typo-label-m-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-m-font-weight: 300;
  --mds-typo-label-m-font-size: 0.6875rem;
  --mds-typo-label-m-line-height: 1rem;
  --mds-typo-label-m-letter-spacing: 0.05rem;
  --mds-typo-label-m-text-transform: uppercase;
  --mds-typo-label-m-highlight-font-family: "Neue Helvetica for Zara";
  --mds-typo-label-m-highlight-font-weight: 500;
  --mds-typo-label-m-highlight-font-size: 0.6875rem;
  --mds-typo-label-m-highlight-line-height: 1rem;
  --mds-typo-label-m-highlight-letter-spacing: 0.05rem;
  --mds-typo-label-m-highlight-text-transform: uppercase;
  --mds-elevation-shadow-below-position-x: 0rem;
  --mds-elevation-shadow-below-position-y: 0rem;
  --mds-elevation-shadow-below-blur: 0rem;
  --mds-elevation-shadow-below-color: rgba(0, 0, 0, 0);
  --mds-elevation-shadow-above-position-x: 0rem;
  --mds-elevation-shadow-above-position-y: 0rem;
  --mds-elevation-shadow-above-blur: 0rem;
  --mds-elevation-shadow-above-color: rgba(0, 0, 0, 0);
  --mds-size-border-none: 0rem;
  --mds-size-border-low: 0.03125rem;
  --mds-size-border-mid: 0.03125rem;
  --mds-size-border-high: 0.125rem;
  --mds-size-radius-none: 0rem;
  --mds-size-radius-low: 0rem;
  --mds-size-radius-mid: 0rem;
  --mds-size-radius-high: 0rem;
  --mds-size-radius-full: 20rem;
  --mds-button-color-bg-secondary-default: rgba(0, 0, 0, 0);
  --mds-button-color-bg-secondary-hover: rgba(0, 0, 0, 0);
  --mds-button-color-bg-secondary-press: rgba(0, 0, 0, 0);
  --mds-button-color-bg-secondary-focus: rgba(0, 0, 0, 0);
  --mds-button-color-bg-secondary-loading: rgba(0, 0, 0, 0);
  --mds-button-color-bg-secondary-disabled: rgba(0, 0, 0, 0);
  --mds-button-size-padding-l-l: 0.75rem;
  --mds-button-size-padding-l-r: 0.75rem;
  --mds-button-size-padding-m-l: 0.75rem;
  --mds-button-size-padding-m-r: 0.75rem;
  --mds-button-size-padding-s-l: 0.75rem;
  --mds-button-size-padding-s-r: 0.75rem;
  --mds-button-size-gap-l-vertical: 0rem;
  --mds-button-size-gap-l-horizontal: 0.25rem;
  --mds-button-size-gap-m-vertical: 0rem;
  --mds-button-size-gap-m-horizontal: 0.25rem;
  --mds-button-size-gap-s-vertical: 0rem;
  --mds-button-size-gap-s-horizontal: 0.25rem;
  --mds-button-size-border-secondary-l-lrtb: 0.03125rem;
  --mds-button-size-border-secondary-m-lrtb: 0.03125rem;
  --mds-button-size-border-secondary-s-lrtb: 0.03125rem;
  --mds-button-size-radius-l-square: 0rem;
  --mds-button-size-radius-l-pill: 20rem;
  --mds-button-size-radius-m-square: 0rem;
  --mds-button-size-radius-m-pill: 20rem;
  --mds-button-size-radius-s-square: 0rem;
  --mds-button-size-radius-s-pill: 20rem;
  --mds-button-size-radius-only-icon-l-pill: 20rem;
  --mds-button-size-radius-only-icon-l-square: 0rem;
  --mds-button-size-radius-only-icon-m-pill: 20rem;
  --mds-button-size-radius-only-icon-m-square: 0rem;
  --mds-button-size-radius-only-icon-s-pill: 20rem;
  --mds-button-size-radius-only-icon-s-square: 0rem;
  --mds-button-size-height-l: 2.5rem;
  --mds-button-size-height-m: 2rem;
  --mds-button-size-height-s: 2rem;
  --mds-button-size-height-only-icon-l-icon: 1rem;
  --mds-button-size-height-only-icon-m-icon: 1rem;
  --mds-button-size-height-only-icon-s-icon: 1rem;
  --mds-button-size-height-icon-left-l: 1rem;
  --mds-button-size-height-icon-left-m: 1rem;
  --mds-button-size-height-icon-left-s: 1rem;
  --mds-button-size-height-icon-right-l: 1rem;
  --mds-button-size-height-icon-right-m: 1rem;
  --mds-button-size-height-icon-right-s: 1rem;
  --mds-button-size-min-width-l: 10rem;
  --mds-button-size-min-width-m: 10rem;
  --mds-button-size-min-width-s: 10rem;
  --mds-button-size-min-width-only-icon-l: 10rem;
  --mds-button-size-min-width-only-icon-m: 10rem;
  --mds-button-size-min-width-only-icon-s: 10rem;
  --mds-button-size-width-icon-left-l: 1rem;
  --mds-button-size-width-icon-left-m: 1rem;
  --mds-button-size-width-icon-left-s: 1rem;
  --mds-button-size-width-icon-right-l: 1rem;
  --mds-button-size-width-icon-right-m: 1rem;
  --mds-button-size-width-icon-right-s: 1rem;
  --mds-button-size-width-only-icon-l-icon: 1rem;
  --mds-button-size-width-only-icon-m-icon: 1rem;
  --mds-button-size-width-only-icon-s-icon: 1rem;
  --mds-button-size-max-width-only-icon-l: 24rem;
  --mds-button-size-max-width-only-icon-m: 24rem;
  --mds-button-size-max-width-only-icon-s: 24rem;
  --mds-checkboxgroup-size-gap-vertical: 0.25rem;
  --mds-checkboxgroup-size-gap-items-vertical: 1rem;
  --mds-checkboxgroup-size-helper-gap-horizontal: 0.25rem;
  --mds-checkboxgroup-size-helper-padding-lr: 0rem;
  --mds-checkboxgroup-layout-direction-ltr: row;
  --mds-checkboxgroup-layout-direction-rtl: row-reverse;
  --mds-checkbox-color-bg-check-selected-default: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-selected-hover: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-selected-focus: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-selected-error: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-selected-disabled: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-indeterminate-default: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-indeterminate-hover: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-indeterminate-focus: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-indeterminate-error: rgba(0, 0, 0, 0);
  --mds-checkbox-color-bg-check-indeterminate-disabled: rgba(0, 0, 0, 0);
  --mds-checkbox-color-check-mark-default: #ffffff;
  --mds-checkbox-color-check-mark-hover: #949494;
  --mds-checkbox-color-check-mark-focus: #348ded;
  --mds-checkbox-color-check-mark-error: #ff3e33;
  --mds-checkbox-color-check-mark-disabled: #a1a1a1;
  --mds-checkbox-size-check-width: 0.75rem;
  --mds-checkbox-size-check-height: 0.75rem;
  --mds-checkbox-size-border-check-unfilled: 0.03125rem;
  --mds-checkbox-size-border-check-filled: 0.03125rem;
  --mds-checkbox-size-gap-horizontal: 0.25rem;
  --mds-checkbox-size-padding-check-wrapper-l: 0rem;
  --mds-checkbox-size-padding-check-wrapper-r: 0rem;
  --mds-checkbox-size-padding-check-wrapper-t: 0.1875rem;
  --mds-checkbox-size-padding-check-wrapper-b: 0rem;
  --mds-checkbox-size-padding-text-wrapper-t: 0rem;
  --mds-dropdown-color-border: #ffffff;
  --mds-dropdown-size-radius: 0rem;
  --mds-dropdown-size-border: 0.03125rem;
  --mds-dropdown-size-padding-lr: 0rem;
  --mds-dropdown-size-padding-tb: 0.5rem;
  --mds-dropdown-size-item-padding-lr: 1rem;
  --mds-dropdown-size-item-padding-tb: 0.75rem;
  --mds-dropdown-size-item-gap-horizontal: 0.25rem;
  --mds-dropdown-size-item-border-b: 0rem;
  --mds-dropdown-size-lefticon-width: 1rem;
  --mds-dropdown-size-lefticon-height: 1rem;
  --mds-dropdown-size-righticon-width: 1rem;
  --mds-dropdown-size-righticon-height: 1rem;
  --mds-radiogroup-color-item-label-error: #ffffff;
  --mds-radiogroup-color-radio-border-unselected-default: #ffffff;
  --mds-radiogroup-color-radio-border-selected-default: #ffffff;
  --mds-radiogroup-color-radio-border-selected-hover: #ffffff;
  --mds-radiogroup-color-radio-bg-selected-default: rgba(0, 0, 0, 0);
  --mds-radiogroup-color-radio-bg-selected-hover: rgba(0, 0, 0, 0);
  --mds-radiogroup-color-radio-bg-selected-error: rgba(0, 0, 0, 0);
  --mds-radiogroup-color-radio-bg-selected-disabled: rgba(0, 0, 0, 0);
  --mds-radiogroup-color-radio-dot-default: #ffffff;
  --mds-radiogroup-color-radio-dot-hover: #949494;
  --mds-radiogroup-color-radio-dot-focus: #348ded;
  --mds-radiogroup-color-radio-dot-error: #ff3e33;
  --mds-radiogroup-color-radio-dot-disabled: #a1a1a1;
  --mds-radiogroup-size-radius-radio: 20rem;
  --mds-radiogroup-size-radius-dot: 20rem;
  --mds-radiogroup-size-item-dot: 0.25rem;
  --mds-radiogroup-size-item-radiowrapper-padding-t: 0.125rem;
  --mds-radiogroup-size-item-radiowrapper-padding-b: 0rem;
  --mds-radiogroup-size-item-radiowrapper-padding-lr: 0rem;
  --mds-radiogroup-size-item-labelwrapper-padding-t: 0rem;
  --mds-radiogroup-size-radio-base: 0.75rem;
  --mds-radiogroup-size-radio-border-unselected: 0.03125rem;
  --mds-radiogroup-size-radio-border-selected: 0.03125rem;
  --mds-radiogroup-size-items-gap-vertical: 1.5rem;
  --mds-radiogroup-size-items-gap-horizontal: 1rem;
  --mds-radiogroup-size-helper-gap-horizontal: 0.25rem;
  --mds-radiogroup-size-helper-padding-lr: 0rem;
  --mds-radiogroup-size-gap-vertical: 0.25rem;
  --mds-select-size-gap-vertical: 0rem;
  --mds-slider-color-knobs-bg-default: #ffffff;
  --mds-slider-color-knobs-bg-hover: #c9c9c9;
  --mds-slider-color-knobs-bg-focus: #c9c9c9;
  --mds-slider-color-knobs-bg-disabled: #1b1b1b;
  --mds-slider-color-knobs-border: rgba(0, 0, 0, 0);
  --mds-slider-color-selection-bg: #ffffff;
  --mds-slider-color-track-bg: #1b1b1b;
  --mds-slider-size-knobs-width: 0.5rem;
  --mds-slider-size-knobs-height: 0.5rem;
  --mds-slider-size-track-height: 0.03125rem;
  --mds-slider-size-container-height: 2.5rem;
  --mds-slider-size-border-knobs: 0rem;
  --mds-slider-size-radius-knobs: 20rem;
  --mds-slider-size-radius-track: 0rem;
  --mds-switch-color-track-bg-inactive-default: #6b6b6b;
  --mds-switch-color-track-bg-inactive-disabled: #1b1b1b;
  --mds-switch-color-track-bg-active-default: #ffffff;
  --mds-switch-color-track-bg-active-disabled: #797979;
  --mds-switch-color-track-border-inactive-default: #ffffff;
  --mds-switch-color-track-border-inactive-disabled: #5e5e5e;
  --mds-switch-color-track-border-active-default: #ffffff;
  --mds-switch-color-track-border-active-disabled: #5e5e5e;
  --mds-switch-color-knob-bg-inactive-default: #000000;
  --mds-switch-color-knob-bg-inactive-disabled: #000000;
  --mds-switch-color-knob-bg-active-default: #000000;
  --mds-switch-color-knob-bg-active-disabled: #000000;
  --mds-switch-size-width: 2.5rem;
  --mds-switch-size-height: 1.5rem;
  --mds-switch-size-track-width: 2.5rem;
  --mds-switch-size-track-height: 1.5rem;
  --mds-switch-size-track-border-inactive: 0rem;
  --mds-switch-size-track-border-active: 0rem;
  --mds-switch-size-track-padding-inactive-lr: 0.125rem;
  --mds-switch-size-track-padding-active-lr: 0.125rem;
  --mds-switch-size-knob-inactive-width: 1.25rem;
  --mds-switch-size-knob-inactive-height: 1.25rem;
  --mds-switch-size-knob-active-width: 1.25rem;
  --mds-switch-size-knob-active-height: 1.25rem;
  --mds-switch-elevation-knob-inactive-default-y: 0.0625rem;
  --mds-switch-elevation-knob-inactive-default-blur: 0.125rem;
  --mds-switch-elevation-knob-inactive-default-color: #00000008;
  --mds-switch-elevation-knob-active-default-y: 0rem;
  --mds-switch-elevation-knob-active-default-blur: 0rem;
  --mds-switch-elevation-knob-active-default-color: rgba(0, 0, 0, 0);
  --mds-field-color-label-error: #949494;
  --mds-field-color-field-bg-default: rgba(0, 0, 0, 0);
  --mds-field-color-field-bg-active: rgba(0, 0, 0, 0);
  --mds-field-color-field-bg-focus: rgba(0, 0, 0, 0);
  --mds-field-color-field-bg-error: rgba(0, 0, 0, 0);
  --mds-field-color-field-bg-disabled: rgba(0, 0, 0, 0);
  --mds-field-size-gap-vertical: 0.25rem;
  --mds-field-size-field-base: 2.5rem;
  --mds-field-size-field-radius: 0rem;
  --mds-field-size-field-padding-lr: 0rem;
  --mds-field-size-field-padding-tb: 0rem;
  --mds-field-size-field-gap-vertical: 0rem;
  --mds-field-size-field-gap-horizontal: 0.5rem;
  --mds-field-size-field-border-default-b: 0.03125rem;
  --mds-field-size-field-border-default-t: 0rem;
  --mds-field-size-field-border-default-l: 0rem;
  --mds-field-size-field-border-default-r: 0rem;
  --mds-field-size-field-border-active-b: 0.03125rem;
  --mds-field-size-field-border-active-t: 0rem;
  --mds-field-size-field-border-active-l: 0rem;
  --mds-field-size-field-border-active-r: 0rem;
  --mds-field-size-field-border-focus-b: 0.125rem;
  --mds-field-size-field-border-focus-t: 0rem;
  --mds-field-size-field-border-focus-l: 0rem;
  --mds-field-size-field-border-focus-r: 0rem;
  --mds-field-size-field-border-error-b: 0.03125rem;
  --mds-field-size-field-border-error-t: 0rem;
  --mds-field-size-field-border-error-l: 0rem;
  --mds-field-size-field-border-error-r: 0rem;
  --mds-field-size-icon-width: 1.25rem;
  --mds-field-size-icon-height: 1.25rem;
  --mds-field-size-helper-gap-horizontal: 0.25rem;
  --mds-field-size-helper-padding-lr: 0rem;
  --mds-textarea-size-field-minsize: 2.5rem;
  --mds-textarea-size-field-padding-open-tb: 0.125rem;
  --mds-textarea-size-contentwrapper-padding-open-tb: 0rem;
  --mds-color-basic-transparent: rgba(0, 0, 0, 0);
  --mds-color-danger-mid: #ff3e33;
  --mds-color-danger-low: #330c0a;
  --mds-color-success-mid: #34c759;
  --mds-color-success-low: #0a2812;
  --mds-color-warning-mid: #ffaa33;
  --mds-color-warning-low: #331e00;
  --mds-color-info-mid: #348ded;
  --mds-color-info-low: #00162f;
  --mds-color-content-default: #ffffff;
  --mds-color-content-mid: #949494;
  --mds-color-content-low: #6b6b6b;
  --mds-color-content-inverse: #000000;
  --mds-color-content-hover: #949494;
  --mds-color-content-press: #949494;
  --mds-color-content-loading: #ffffff;
  --mds-color-content-disabled: #a1a1a1;
  --mds-color-bg-default: #000000;
  --mds-color-bg-mid: #1b1b1b;
  --mds-color-bg-low: #6b6b6b;
  --mds-color-bg-inverse: #ffffff;
  --mds-color-bg-overlay: rgba(0, 0, 0, 0.7);
  --mds-color-bg-none: rgba(0, 0, 0, 0);
  --mds-color-bg-hover: #363636;
  --mds-color-bg-press: #1b1b1b;
  --mds-color-bg-loading: #000000;
  --mds-color-bg-disabled: #797979;
  --mds-color-bg-primary-default: #ffffff;
  --mds-color-bg-primary-hover: #c9c9c9;
  --mds-color-bg-primary-press: #c9c9c9;
  --mds-color-bg-primary-loading: #ffffff;
  --mds-color-bg-primary-disabled: #1b1b1b;
  --mds-color-border-default: #ffffff;
  --mds-color-border-mid: #949494;
  --mds-color-border-low: #6b6b6b;
  --mds-color-border-inverse: #000000;
  --mds-color-border-none: rgba(0, 0, 0, 0);
  --mds-color-border-hover: #ffffff;
  --mds-color-border-press: #ffffff;
  --mds-color-border-focus: #348ded;
  --mds-color-border-loading: #ffffff;
  --mds-color-border-disabled: #5e5e5e;
}

@media (min-width: 64rem) {
  [data-mds-theme="zara-dark"] {
    --mds-typo-action-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-action-m-font-weight: 300;
    --mds-typo-action-m-font-size: 0.6875rem;
    --mds-typo-action-m-line-height: 1rem;
    --mds-typo-action-m-letter-spacing: 0.05rem;
    --mds-typo-action-m-text-transform: uppercase;
    --mds-typo-body-s-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-s-font-weight: 300;
    --mds-typo-body-s-font-size: 0.625rem;
    --mds-typo-body-s-line-height: 1rem;
    --mds-typo-body-s-letter-spacing: 0.025rem;
    --mds-typo-body-s-text-transform: none;
    --mds-typo-body-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-m-font-weight: 300;
    --mds-typo-body-m-font-size: 0.6875rem;
    --mds-typo-body-m-line-height: 1rem;
    --mds-typo-body-m-letter-spacing: 0.025rem;
    --mds-typo-body-m-text-transform: none;
    --mds-typo-body-l-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-l-font-weight: 300;
    --mds-typo-body-l-font-size: 0.8125rem;
    --mds-typo-body-l-line-height: 1.25rem;
    --mds-typo-body-l-letter-spacing: 0.025rem;
    --mds-typo-body-l-text-transform: none;
    --mds-typo-label-xs-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-xs-font-weight: 300;
    --mds-typo-label-xs-font-size: 0.625rem;
    --mds-typo-label-xs-line-height: 1rem;
    --mds-typo-label-xs-letter-spacing: 0.05rem;
    --mds-typo-label-xs-text-transform: uppercase;
    --mds-typo-label-xs-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-xs-highlight-font-weight: 500;
    --mds-typo-label-xs-highlight-font-size: 0.625rem;
    --mds-typo-label-xs-highlight-line-height: 1rem;
    --mds-typo-label-xs-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-xs-highlight-text-transform: uppercase;
    --mds-typo-label-s-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-s-font-weight: 300;
    --mds-typo-label-s-font-size: 0.625rem;
    --mds-typo-label-s-line-height: 1rem;
    --mds-typo-label-s-letter-spacing: 0.05rem;
    --mds-typo-label-s-text-transform: uppercase;
    --mds-typo-label-s-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-s-highlight-font-weight: 500;
    --mds-typo-label-s-highlight-font-size: 0.625rem;
    --mds-typo-label-s-highlight-line-height: 1rem;
    --mds-typo-label-s-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-s-highlight-text-transform: uppercase;
    --mds-typo-label-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-m-font-weight: 300;
    --mds-typo-label-m-font-size: 0.6875rem;
    --mds-typo-label-m-line-height: 1rem;
    --mds-typo-label-m-letter-spacing: 0.05rem;
    --mds-typo-label-m-text-transform: uppercase;
    --mds-typo-label-m-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-m-highlight-font-weight: 500;
    --mds-typo-label-m-highlight-font-size: 0.6875rem;
    --mds-typo-label-m-highlight-line-height: 1rem;
    --mds-typo-label-m-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-m-highlight-text-transform: uppercase;
    --mds-checkbox-size-padding-check-wrapper-t: 0.1875rem;
  }
}

@media (min-width: 120rem) {
  [data-mds-theme="zara-dark"] {
    --mds-typo-action-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-action-m-font-weight: 300;
    --mds-typo-action-m-font-size: 0.8125rem;
    --mds-typo-action-m-line-height: 1.25rem;
    --mds-typo-action-m-letter-spacing: 0.05rem;
    --mds-typo-action-m-text-transform: uppercase;
    --mds-typo-body-s-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-s-font-weight: 300;
    --mds-typo-body-s-font-size: 0.75rem;
    --mds-typo-body-s-line-height: 1.25rem;
    --mds-typo-body-s-letter-spacing: 0.01875rem;
    --mds-typo-body-s-text-transform: none;
    --mds-typo-body-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-m-font-weight: 300;
    --mds-typo-body-m-font-size: 0.8125rem;
    --mds-typo-body-m-line-height: 1.25rem;
    --mds-typo-body-m-letter-spacing: 0.01875rem;
    --mds-typo-body-m-text-transform: none;
    --mds-typo-body-l-font-family: "Neue Helvetica for Zara";
    --mds-typo-body-l-font-weight: 300;
    --mds-typo-body-l-font-size: 0.9375rem;
    --mds-typo-body-l-line-height: 1.5rem;
    --mds-typo-body-l-letter-spacing: 0.01875rem;
    --mds-typo-body-l-text-transform: none;
    --mds-typo-label-xs-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-xs-font-weight: 300;
    --mds-typo-label-xs-font-size: 0.75rem;
    --mds-typo-label-xs-line-height: 1.25rem;
    --mds-typo-label-xs-letter-spacing: 0.05rem;
    --mds-typo-label-xs-text-transform: uppercase;
    --mds-typo-label-xs-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-xs-highlight-font-weight: 500;
    --mds-typo-label-xs-highlight-font-size: 0.75rem;
    --mds-typo-label-xs-highlight-line-height: 1.25rem;
    --mds-typo-label-xs-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-xs-highlight-text-transform: uppercase;
    --mds-typo-label-s-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-s-font-weight: 300;
    --mds-typo-label-s-font-size: 0.75rem;
    --mds-typo-label-s-line-height: 1.25rem;
    --mds-typo-label-s-letter-spacing: 0.05rem;
    --mds-typo-label-s-text-transform: uppercase;
    --mds-typo-label-s-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-s-highlight-font-weight: 500;
    --mds-typo-label-s-highlight-font-size: 0.75rem;
    --mds-typo-label-s-highlight-line-height: 1.25rem;
    --mds-typo-label-s-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-s-highlight-text-transform: uppercase;
    --mds-typo-label-m-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-m-font-weight: 300;
    --mds-typo-label-m-font-size: 0.8125rem;
    --mds-typo-label-m-line-height: 1.25rem;
    --mds-typo-label-m-letter-spacing: 0.05rem;
    --mds-typo-label-m-text-transform: uppercase;
    --mds-typo-label-m-highlight-font-family: "Neue Helvetica for Zara";
    --mds-typo-label-m-highlight-font-weight: 500;
    --mds-typo-label-m-highlight-font-size: 0.8125rem;
    --mds-typo-label-m-highlight-line-height: 1.25rem;
    --mds-typo-label-m-highlight-letter-spacing: 0.05rem;
    --mds-typo-label-m-highlight-text-transform: uppercase;
    --mds-checkbox-size-padding-check-wrapper-t: 0.3125rem;
  }
}