:root {
  /* Root Typography */
  --perxis-auto-root-typography-font-family: 'Space Grotesk', Arial, Helvetica, sans-serif;

  --perxis-auto-root-typography-h1-font-weight: 400;
  --perxis-auto-root-typography-h2-font-weight: 400;
  --perxis-auto-root-typography-h3-font-weight: 400;
  --perxis-auto-root-typography-h4-font-weight: 400;
  --perxis-auto-root-typography-h5-font-weight: 400;

  --perxis-auto-root-typography-marker-font-size-xxl: 11px;
  --perxis-auto-root-typography-marker-line-height-xxl: 1.1;

  --perxis-auto-root-typography-super-small-line-height-xxl: 1.28;
  --perxis-auto-root-typography-small-line-height-xxl: 1.44;

  --perxis-auto-root-typography-main-line-height: 1.5;

  --perxis-auto-root-typography-color-darkest: rgba(35, 45, 50, 1);
  --perxis-auto-root-typography-color-dark: rgba(35, 45, 50, 1);
  --perxis-auto-root-typography-color-dark-light: rgba(35, 45, 50, 0.53);
  --perxis-auto-root-typography-color-light: #000;
  --perxis-auto-root-typography-color-lightest: #ffffff;
  --perxis-auto-root-typography-color-darkest-colorful: #a7a8a9;
  --perxis-auto-root-typography-color-dark-colorful: #f5f6f7;
  --perxis-auto-root-typography-color-lightest-colorful: #ffffff;
  /* End Root Typography */

  /* Colors */
  --perxis-auto-root-first-color: #ffffff;
  --perxis-auto-root-second-color: #000;
  --perxis-auto-root-third-color: rgba(35, 45, 50, 1);
  --perxis-auto-root-seventh-color: #fff;
  --perxis-auto-root-eighth-color: #101820;
  --perxis-auto-root-ninth-color: #f5f6f7;
  --perxis-auto-root-tenth-color: #a7a8a9;
  --perxis-auto-root-eleven-color: #a7a8a9;
  /* End Colors */
}

body {
  /* Button */
  --perxis-auto-button-font-size: 12px;
  --perxis-auto-button-font-weight: 400;
  --perxis-auto-button-line-height: 1.5;
  --perxis-auto-button-text-transform: none;

  --perxis-auto-button-border-radius: 6px;
  --perxis-auto-button-border-width: 1px;
  --perxis-auto-button-padding: 16px 24px;

  --perxis-auto-button-icon-font-size: 18px;
  --perxis-auto-button-icon-only-padding: 16px;
  --perxis-auto-button-icon-gap-large: 16px;

  --perxis-auto-button-primary-color: rgba(255, 255, 255, 1);
  --perxis-auto-button-primary-icon-color: rgba(255, 255, 255, 1);
  --perxis-auto-button-primary-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-primary-background-color: rgba(35, 45, 50, 1);

  --perxis-auto-button-primary-hover-color: #ffffff;
  --perxis-auto-button-primary-hover-icon-color: #ffffff;
  --perxis-auto-button-primary-hover-border-color: rgba(21, 27, 31, 1);
  --perxis-auto-button-primary-hover-background-color: rgba(21, 27, 31, 1);

  --perxis-auto-button-primary-active-border-color: rgba(21, 27, 31, 1);
  --perxis-auto-button-primary-active-background-color: rgba(21, 27, 31, 1);

  --perxis-auto-button-primary-disabled-color: rgba(35, 45, 50, 0.38);
  --perxis-auto-button-primary-disabled-icon-color: rgba(35, 45, 50, 0.38);
  --perxis-auto-button-primary-disabled-border-color: rgba(35, 45, 50, 0.09);
  --perxis-auto-button-primary-disabled-background-color: rgba(35, 45, 50, 0.09);

  --perxis-auto-button-ghost-color: rgba(18, 19, 20, 1);
  --perxis-auto-button-ghost-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-ghost-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-ghost-background-color: transparent;

  --perxis-auto-button-ghost-hover-color: #ffffff;
  --perxis-auto-button-ghost-hover-icon-color: #ffffff;
  --perxis-auto-button-ghost-hover-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-ghost-hover-background-color: rgba(35, 45, 50, 1);

  --perxis-auto-button-ghost-active-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-ghost-active-background-color: rgba(35, 45, 50, 1);

  --perxis-auto-button-ghost-disabled-color: rgba(35, 45, 50, 0.38);
  --perxis-auto-button-ghost-disabled-icon-color: rgba(35, 45, 50, 0.38);
  --perxis-auto-button-ghost-disabled-border-color: rgba(35, 45, 50, 0.09);
  --perxis-auto-button-ghost-disabled-background-color: rgba(35, 45, 50, 0.09);

  --perxis-auto-button-link-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-link-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-link-hover-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-link-icon-hover-color: rgba(35, 45, 50, 1);

  --perxis-auto-button-text-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-text-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-text-hover-color: rgba(35, 45, 50, 1);
  --perxis-auto-button-text-icon-hover-color: rgba(35, 45, 50, 1);
  /* End Button */

  /* Checkbox */
  --perxis-auto-checkbox-font-size: 14px;
  --perxis-auto-checkbox-line-height: 1.44;
  --perxis-auto-checkbox-icon-font-size: 24px;
  --perxis-auto-checkbox-icon-line-height: 1;

  --perxis-auto-checkbox-border-radius: 4px;
  --perxis-auto-checkbox-border-width: 1px;
  --perxis-auto-checkbox-width: 32px;
  --perxis-auto-checkbox-height: 32px;
  --perxis-auto-checkbox-gap: 12px;

  --perxis-auto-checkbox-third-color: rgba(35, 45, 50, 1);

  --perxis-auto-checkbox-background-color: #ffffff;
  --perxis-auto-checkbox-disabled-background-color: #ffffff;
  --perxis-auto-checkbox-disabled-checked-background-color: rgba(35, 45, 50, 0.09);
  --perxis-auto-checkbox-checked-background-color: rgba(35, 45, 50, 1);
  --perxis-auto-checkbox-hover-background-color: #fff;
  --perxis-auto-checkbox-color: rgba(35, 45, 50, 1);
  --perxis-auto-checkbox-disabled-color: rgba(35, 45, 50, 0.38);

  --perxis-auto-checkbox-border-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-checkbox-disabled-border-color: rgba(35, 45, 50, 0.09);
  --perxis-auto-checkbox-checked-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-checkbox-hover-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-checkbox-error-border-color: rgba(221, 16, 36, 1);

  --perxis-auto-checkbox-disabled-icon-color: rgba(35, 45, 50, 0.38);
  /* End Checkbox */

  /* Radio */
  --perxis-auto-radio-font-size: 14px;
  --perxis-auto-radio-line-height: 1.44;
  --perxis-auto-radio-icon-font-size: 24px;
  --perxis-auto-radio-icon-line-height: 1;

  --perxis-auto-radio-border-width: 1px;
  --perxis-auto-radio-width: 32px;
  --perxis-auto-radio-height: 32px;
  --perxis-auto-radio-check-width: 24px;
  --perxis-auto-radio-check-height: 24px;
  --perxis-auto-radio-gap: 8px;

  --perxis-auto-radio-first-color: #ffffff;
  --perxis-auto-radio-second-color: rgba(35, 45, 50, 1);
  --perxis-auto-radio-third-color: rgba(35, 45, 50, 1);

  --perxis-auto-radio-background-color: #ffffff;
  --perxis-auto-radio-disabled-background-color: #ffffff;
  --perxis-auto-radio-checked-background-color: #ffffff;
  --perxis-auto-radio-hover-background-color: #ffffff;
  --perxis-auto-radio-hover-checked-background-color: #ffffff;

  --perxis-auto-radio-check-background-color: rgba(35, 45, 50, 1);
  --perxis-auto-radio-check-disabled-background-color: rgba(35, 45, 50, 0.09);
  --perxis-auto-radio-check-hover-background-color: rgba(35, 45, 50, 1);

  --perxis-auto-radio-border-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-radio-disabled-border-color: rgba(35, 45, 50, 0.09);
  --perxis-auto-radio-checked-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-radio-error-border-color: rgba(221, 16, 36, 1);
  --perxis-auto-radio-hover-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-radio-disabled-color: rgba(35, 45, 50, 0.38);
  --perxis-auto-radio-hover-checked-border-color: rgba(35, 45, 50, 1);
  /* End Radio */

  /* Map */
  --perxis-auto-map-zoom-control-button-divider-color: rgba(245, 238, 234, 1);
  --perxis-auto-map-zoom-control-border-radius: 6px;
  --perxis-auto-map-zoom-control-icon-font-size: 24px;
  --perxis-auto-map-zoom-control-button-icon-color: rgb(35, 45, 50, 1);
  --perxis-auto-map-zoom-control-button-hover-icon-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-map-zoom-control-button-active-icon-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-map-zoom-control-button-background-color: #ffffff;
  --perxis-auto-map-zoom-control-button-hover-background-color: #ffffff;
  --perxis-auto-map-zoom-control-button-active-background-color: #ffffff;

  --perxis-auto-map-fullscreen-control-button-border: 1px;
  --perxis-auto-map-fullscreen-control-border-radius: 6px;
  --perxis-auto-map-fullscreen-control-button-hover-icon-color: rgba(255, 255, 255, 1);

  --perxis-auto-map-balloon-border-radius: 6px;
  --perxis-auto-map-cluster-color: rgba(255, 255, 255, 1);
  --perxis-auto-map-cluster-hover-color: rgba(255, 255, 255, 1);
  --perxis-auto-map-cluster-font-family: var(--perxis-auto-root-typography-font-family);
  --perxis-auto-map-cluster-font-size: 20px;
  --perxis-auto-map-cluster-font-weight: 400;
  --perxis-auto-map-cluster-line-height: 1;
  /* End Map */

  /* AutoComplete */
  --perxis-auto-auto-complete-border-radius: 4px;

  --perxis-auto-auto-complete-border: 1px solid rgba(35, 45, 50, 0.15);
  --perxis-auto-auto-complete-active-border: 1px solid rgba(35, 45, 50, 1);
  --perxis-auto-auto-complete-filled-border: 1px solid rgba(35, 45, 50, 1);
  --perxis-auto-auto-complete-error-border: 1px solid rgba(221, 16, 36, 1);

  --perxis-auto-auto-complete-dropdown-border-radius: 0 0 4px 4px;

  --perxis-auto-auto-complete-dropdown-border: 1px solid rgba(35, 45, 50, 1);
  --perxis-auto-auto-complete-dropdown-active-border: 1px solid rgba(35, 45, 50, 1);
  --perxis-auto-auto-complete-dropdown-filled-border: 1px solid rgba(35, 45, 50, 1);

  --perxis-auto-auto-complete-details-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-auto-complete-title-suffix-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-auto-complete-error-color: rgba(221, 16, 36, 1);

  --perxis-auto-auto-complete-divider-background-color: rgba(16, 24, 32, 0.07);

  --perxis-auto-auto-complete-height: 50px;
  --perxis-auto-auto-complete-search-icon-size: 18px;
  --perxis-auto-auto-complete-discard-icon-size: 18px;
  /* End AutoComplete */

  /* Tooltip */
  --perxis-auto-tooltip-border-radius: 2px;
  /* End Tooltip */

  /* Empty */
  --perxis-auto-empty-title-font-size-sm-xxl: 24px;
  --perxis-auto-empty-title-font-size-xxs-xs: 18px;
  --perxis-auto-empty-title-font-weight: 600;
  /* End Empty */

  /* Dealers List */
  --perxis-auto-dealers-list-item-title-font-weight: 600;
  --perxis-auto-dealers-list-item-hover-background-color: rgba(245, 234, 234, 0.5);
  --perxis-auto-dealers-list-item-forward-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-list-item-phone-font-weight: 500;

  --perxis-auto-dealers-list-scrollbar-thumb-border-radius: 3px;
  --perxis-auto-dealers-list-scrollbar-track-background-color: rgba(255, 255, 255, 1);
  --perxis-auto-dealers-list-scrollbar-thumb-background-color: rgba(35, 45, 50, 1);
  /* End Dealers List */

  /* Dealers Info */
  --perxis-auto-dealer-info-header-label-font-size-xxl: 14px;

  --perxis-auto-dealer-info-title-name-font-weight: 600;
  --perxis-auto-dealer-info-title-name-line-height: 1;

  --perxis-auto-dealer-info-title-location-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-dealer-info-title-location-line-height: 1.2;

  --perxis-auto-dealer-info-title-address-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-info-title-address-line-height: 1.5;

  --perxis-auto-dealer-info-phones-label-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-dealer-info-phones-value-font-weight: 700;
  --perxis-auto-dealer-info-phones-value-color: rgba(35, 45, 50, 1);

  --perxis-auto-dealer-info-schedule-label-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-dealer-info-schedule-phone-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-info-schedule-timetable-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-info-schedule-phone-font-weight: 700;

  --perxis-auto-dealer-info-site-label-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-dealer-info-site-value-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-info-site-value-font-weight: 600;

  --perxis-auto-dealer-info-rating-label-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-dealer-info-rating-value-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-info-rating-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-info-rating-name-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-dealer-info-rating-value-font-weight: 500;
  --perxis-auto-dealer-info-rating-value-line-height: 1.5;
  --perxis-auto-dealer-info-rating-name-font-size: 14px;
  --perxis-auto-dealer-info-rating-name-line-height: 1;

  --perxis-auto-dealer-info-extra-label-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-dealer-info-extra-value-color: rgba(16, 24, 32, 0.89);

  --perxis-auto-dealer-info-services-label-color: rgba(35, 45, 50, 0.53);
  --perxis-auto-dealer-info-services-value-color: rgba(35, 45, 50, 1);

  --perxis-auto-dealer-info-scrollbar-thumb-border-radius: 3px;
  --perxis-auto-dealer-info-scrollbar-track-background-color: rgba(255, 255, 255, 1);
  --perxis-auto-dealer-info-scrollbar-thumb-background-color: rgba(35, 45, 50, 1);

  --perxis-auto-dealer-info-buttons-font-weight: 400;

  --perxis-auto-dealer-info-header-icon-size: 24px;
  /* End Dealers Info */

  /* Dealer Balloon */
  --perxis-auto-dealer-balloon-title-font-weight: 600;
  --perxis-auto-dealer-balloon-address-color: rgba(35, 45, 50, 0.53);

  --perxis-auto-dealer-balloon-phone-color: rgba(35, 45, 50, 1);

  --perxis-auto-dealer-balloon-forward-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-balloon-close-icon-color: rgba(35, 45, 50, 1);
  /* End Dealer Balloon */

  /* Input */
  --perxis-auto-input-placeholder-color: rgba(35, 45, 50, 0.53);
  /* End Input */

  /* Loader */
  --perxis-auto-loader-second-color: #f5f6f7;
  /* End Loader */

  /* Dealer Details */
  --perxis-auto-dealer-details-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-details-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-details-icon-hover-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealer-details-background-color: transparent;
  --perxis-auto-dealer-details-border-color: rgba(35, 45, 50, 0.15);
  --perxis-auto-dealer-details-hover-border-color: rgba(35, 45, 50, 0.15);

  --perxis-auto-dealer-details-tooltip-color: rgba(35, 45, 50, 1);

  --perxis-auto-dealer-details-font-size: 11px;
  --perxis-auto-dealer-details-font-weight: 400;
  --perxis-auto-dealer-details-line-height: 1.1;

  --perxis-auto-dealer-details-border-radius: 13px;
  --perxis-auto-dealer-details-padding-block: 6px;
  --perxis-auto-dealer-details-padding-inline: 8px 12px;
  --perxis-auto-dealer-details-icon-only-padding-block: 6px;
  --perxis-auto-dealer-details-icon-only-padding-inline: 6px;
  --perxis-auto-dealer-details-icon-only-border-radius: 50%;
  /* End Dealer Details */

  /* Switcher */
  --perxis-auto-dealers-locator-switcher-border-radius: 0;
  /* End Switcher */

  /* Dealers Locator */
  --perxis-auto-dealers-locator-content-background-color: #fff;

  --perxis-auto-dealers-locator-tag-close-color: rgba(35, 45, 50, 0.38);
  --perxis-auto-dealers-locator-tag-open-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealers-locator-tag-sales-rating-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealers-locator-tag-service-rating-color: rgba(35, 45, 50, 1);

  --perxis-auto-dealers-locator-tag-close-icon-color: rgba(35, 45, 50, 0.38);
  --perxis-auto-dealers-locator-tag-open-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealers-locator-tag-sales-rating-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealers-locator-tag-sales-rating-icon-hover-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealers-locator-tag-service-rating-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealers-locator-tag-service-rating-icon-hover-color: rgba(35, 45, 50, 1);

  --perxis-auto-dealers-locator-tag-close-background-color: rgba(35, 45, 50, 0.09);
  --perxis-auto-dealers-locator-tag-open-background-color: transparent;
  --perxis-auto-dealers-locator-tag-sales-rating-background-color: transparent;
  --perxis-auto-dealers-locator-tag-service-rating-background-color: transparent;

  --perxis-auto-dealers-locator-tag-close-border-color: rgba(35, 45, 50, 0.09);
  --perxis-auto-dealers-locator-tag-open-border-color: rgba(35, 45, 50, 0.15);
  --perxis-auto-dealers-locator-tag-sales-rating-border-color: rgba(35, 45, 50, 0.15);
  --perxis-auto-dealers-locator-tag-sales-rating-hover-border-color: rgba(
    35,
    45,
    50,
    0.15
  );
  --perxis-auto-dealers-locator-tag-service-rating-border-color: rgba(35, 45, 50, 0.15);
  --perxis-auto-dealers-locator-tag-service-rating-hover-border-color: rgba(
    35,
    45,
    50,
    0.15
  );

  --perxis-auto-dealers-locator-header-padding: 12px 18px;
  --perxis-auto-dealers-locator-header-border-bottom: 1px solid rgba(245, 234, 234, 0.5);
  --perxis-auto-dealers-locator-header-min-height: 74px;

  --perxis-auto-dealers-locator-close-button-border-color: rgba(35, 45, 50, 0.15);
  --perxis-auto-dealers-locator-close-button-border-width: 1px;
  --perxis-auto-dealers-locator-close-button-border-radius: 6px;
  --perxis-auto-dealers-locator-close-button-hover-border-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealers-locator-close-button-hover-background-color: transparent;

  --perxis-auto-dealers-locator-filters-hover-icon-color: rgba(35, 45, 50, 1);
  --perxis-auto-dealers-locator-filters-active-icon-color: rgba(255, 255, 255, 1);

  --perxis-auto-dealers-locator-filters-checkboxes-title-color: rgba(35, 45, 50, 0.53);

  --perxis-auto-dealers-locator-filters-button-border-radius: 6px;

  --perxis-auto-dealers-locator-filters-title-font-weight: 600;

  --perxis-auto-dealers-locator-filters-buttons-line-height: 1.5;
  --perxis-auto-dealers-locator-filters-buttons-font-size: 12px;
  --perxis-auto-dealers-locator-filters-buttons-font-weight: 400;

  --perxis-auto-filters-reset-button-icon-font-size: 18px;
  --perxis-auto-filters-confirm-button-icon-font-size: 18px;

  --perxis-auto-dealers-locator-balloon-border-radius: 6px;

  --perxis-auto-dealers-locator-dealer-mini-card-border-top-radius: 0px;

  --perxis-auto-dealers-locator-info-mini-button-padding: 12px 18px;
  --perxis-auto-dealers-locator-info-mini-button-font-size: 12px;
  --perxis-auto-dealers-locator-info-mini-button-line-height: 1.5;

  --perxis-auto-dealers-locator-info-button-icon-font-size: 18px;
  /* End Dealers Locator */
}