:root {
  --air-toggle-host-display: inline-flex;
  --air-toggle-host-vertical-align: top;
  --air-toggle-host-flex-direction: column;
  --air-toggle-font-size: var(--air-body-font-size);
  --air-toggle-font-family: var(--air-body-font-family);
  --air-toggle-font-weight: 500;
  --air-toggle-line-height: var(--air-body-line-height);
  --air-toggle-margin-top: 0;
  --air-toggle-margin-right: 0;
  --air-toggle-margin-bottom: 0;
  --air-toggle-margin-left: 0;
  --air-toggle-padding-top: var(--air-spacing-02);
  --air-toggle-padding-right: var(--air-spacing-03);
  --air-toggle-padding-bottom: var(--air-spacing-02);
  --air-toggle-padding-left: var(--air-spacing-03);
  --air-toggle-border-radius: var(--air-form-element-border-radius);
  --air-toggle-border-width: 1px;
  --air-toggle-box-shadow: var(--air-box-shadow-01);
  --air-toggle-focus-outline-width: var(--air-focus-outline-width, 2px);
  --air-toggle-focus-outline-color: var(--air-focus-outline-color, var(--air-color-denim, #2e71bd));
  --air-toggle-progress-line-height: 4px;
  --air-toggle-progress-line-color: var(--air-color-denim, #2e71bd);
  --air-toggle-color: var(--air-color-eclipse, #3a3a3a);
  --air-toggle-background-color: var(--air-color-white, #ffffff);
  --air-toggle-border-color: var(--air-color-eclipse, #3a3a3a);
  --air-toggle-wrapper-width: fit-content;
  --air-toggle-wrapper-height: auto;
  --air-toggle-wrapper-position: relative;
  --air-toggle-wrapper-display: inline-flex;
  --air-toggle-color: var(--air-body-color);
  --air-toggle-mark-required-color: var(--air-color-error);
  --air-toggle-button-min-height: 3rem;
  --air-toggle-button-align-items: center;


  /** Hover */
  --air-toggle-hover-color: var(--air-color-eclipse, #4e4e4e);
  --air-toggle-hover-background-color: var(--air-color-snow, #fbfafa);
  --air-toggle-hover-border-color: var(--air-color-matterhorn, #4e4e4e);
  
  /** Focus */
  --air-toggle-focus-color: var(--air-toggle-hover-color);
  --air-toggle-focus-background-color: var(--air-toggle-hover-background-color);
  --air-toggle-focus-border-color: var(--air-toggle-hover-border-color);
  
  /** Active */
  --air-toggle-active-color: var(--air-color-denim, #2e71bd);
  --air-toggle-active-background-color: var(--air-color-white, #ffffff);
  --air-toggle-active-border-color: var(--air-color-denim, #2e71bd);
  
  /** Disabled */
  --air-toggle-disabled-color: var(--air-color-gainsboro, #d8d8d8);
  --air-toggle-disabled-background-color: var(--air-color-white, #ffffff);
  --air-toggle-disabled-border-color: var(--air-color-gainsboro, #d8d8d8);
 
  /** Selected */
  --air-toggle-selected-color: var(--air-color-white, #ffffff);
  --air-toggle-selected-background-color: var(--air-color-eclipse, #3a3a3a);
  --air-toggle-selected-border-color: var(--air-color-eclipse, #3a3a3a);
  --air-toggle-selected-hover-color: var(--air-color-white, #ffffff);
  --air-toggle-selected-hover-background-color: var(--air-color-matterhorn, #4e4e4e);
  --air-toggle-selected-hover-border-color: var(--air-color-matterhorn, #4e4e4e);
  --air-toggle-selected-focus-color: var(--air-toggle-selected-hover-color);
  --air-toggle-selected-focus-background-color: var(--air-toggle-selected-hover-background-color);
  --air-toggle-selected-focus-border-color: var(--air-toggle-selected-hover-border-color);
  --air-toggle-selected-active-color: var(--air-color-white, #ffffff);
  --air-toggle-selected-active-background-color: var(--air-color-denim, #2e71bd);
  --air-toggle-selected-active-border-color: var(--air-color-denim, #2e71bd);
  --air-toggle-selected-disabled-color: var(--air-color-dim-grey, #717171);
  --air-toggle-selected-disabled-background-color: var(--air-color-gainsboro, #d8d8d8);
  --air-toggle-selected-disabled-border-color: var(--air-color-gainsboro, #d8d8d8);


  /** Validation states */
  --air-toggle-error-border-color: var(--air-color-error);
  --air-toggle-error-color: var(--air-color-error);
  --air-toggle-success-border-color: var(--air-color-success);
  --air-toggle-success-color: var(--air-color-success);

  /** Validation message */
  --air-toggle-status-text-margin-top: var(--air-spacing-02);
  --air-toggle-status-text-margin-right: 0;
  --air-toggle-status-text-margin-bottom: 0;
  --air-toggle-status-text-margin-left: 0;

  /** Label */
  --air-toggle-label-display: block;
  --air-toggle-label-font-family: var(--air-body-font-family);
  --air-toggle-label-margin-top: 0;
  --air-toggle-label-margin-right: 0;
  --air-toggle-label-margin-bottom: var(--air-spacing-03);
  --air-toggle-label-margin-left: 0;

  /** Mobile button */
  --air-mobile-button-margin-top: var(--air-spacing-01);
  --air-mobile-button-margin-left: 0;
  --air-mobile-button-margin-bottom: var(--air-spacing-01);
  --air-mobile-button-margin-right: 0;
}
