:root {
  --xlarge-text: 2.2rem;
  --large-text: 1.6rem;
  --medium-text: 1rem;
  --small-text: 0.8rem;
  --body-font-size: 1rem;
  --dropdown-z-index: 5;
  --modal-z-index: 20;
  --tooltip-z-index: 1;
  --navbar-z-index: 4;
  --primary-transition: 0.2s;
  --avatar-size: 45px;
  --avatar-size-small: 30px;
  --avatar-size-large: 56px;
  --body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --anchor-border-width: 2px;
  --button-margin: 0px 8px 8px 0px;
  --button-border-radius: 6px;
  --button-border-width: 2px;
  --button-border-spread: 4px;
  --button-outlined-border-width: 2px;
  --chip-border-radius: 1000px;
  --chip-margin: 0 8px 8px 0;
  --icon-size-small: 0.8rem;
  --icon-size-default: 1.2rem;
  --icon-size-large: 1.6rem;
  --icon-size-xlarge: 2rem;
  --note-block-border-radius: 10px;
  --note-block-margin: 20px 0;
  --note-block-padding: 3px 18px;
  --note-block-line-width: 4px;
  --progress-bar-border-radius: 6px;
  --table-cell-border-width: 2px;
  --table-cell-padding: 5px 10px;
  --tooltip-margin: 10px;
  --tooltip-translate: 20px;
  --tooltip-font-size: 12px;
  --tooltip-border-radius: 8px;
  --tooltip-padding: 5px 10px;
  --tooltip-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.08);
  --container-margin: 5px;
  --container-padding: 0px;
  --container-column-margin: 10px;
  --container-column-padding: 5px;
  --form-label-margin: 5px;
  --form-label-font-size: 1rem;
  --form-help-margin: 5px;
  --form-help-font-size: 0.8rem;
  --checkbox-margin: 0 0 6px 6px;
  --checkbox-border-width: 2px;
  --checkbox-border-radius: 8px;
  --checkbox-padding: 10px;
  --checkbox-label-margin: 8px;
  --input-margin: 4px;
  --input-border-radius: 8px;
  --input-border-spread: 2px;
  --radio-margin: 0 0 6px 6px;
  --radio-border-width: 2px;
  --radio-border-radius: 100px;
  --radio-padding: 10px;
  --radio-label-margin: 8px;
  --range-height: 5px;
  --range-border-radius: 9999px;
  --range-thumb-height: 18px;
  --range-thumb-width: 18px;
  --range-thumb-border-radius: 6px;
  --select-border-radius: 8px;
  --select-border-spread: 2px;
  --switch-border-width: 2px;
  --switch-border-radius: 100px;
  --switch-margin: 0 0 8px 8px;
  --switch-label-margin: 8px;
  --textarea-border-radius: 8px;
  --textarea-border-spread: 2px;
  --badge-border-radius: 6px;
  --badge-font-size: 0.8em;
  --breadcrumb-font-size: 1rem;
  --card-border-radius: 10px;
  --card-padding: 10px 20px;
  --card-margin: 10px;
  --card-max-width: 200px;
  --card-min-width: 180px;
  --card-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
  --card-border-width: 2px;
  --card-landscape-max-width: 350px;
  --card-landscape-min-width: 260px;
  --card-hover-translate: -8px;
  --card-hovered-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  --dropdown-margin: 12px;
  --dropdown-child-margin: 12px;
  --dropdown-translate: 10px;
  --dropdown-shadow: 0 3px 12px rgba(27, 31, 35, 0.04);
  --dropdown-border-radius: 8px;
  --dropdown-item-border-radius: 6px;
  --dropdown-padding: 4px;
  --dropdown-child-padding: 4px;
  --dropdown-item-padding: 10px;
  --dropdown-item-margin: 0px;
  --modal-border-radius: 14px;
  --modal-transition: 0.3s;
  --navbar-shadow: 0px 3px 3px var(--navbar-shadow-color);
  --navbar-border-bottom-width: 2px;
  --navbar-selected-indicator-height: 3px;
  --pagination-item-margin: 5px 10px;
  --pagination-item-padding: 8px 12px;
  --pagination-item-border-width: 2px;
  --pagination-item-border-radius: 8px;
  --tab-top-border-radius: 4px;
  --tab-border-bottom-width: 2px;
}