@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..24,200..500,0..1,0&display=swap');

:root{
  --default-vertical-gap: 12px;
  --regular-icon-weight: 300;
  --bold-icon-weight: 500;
  --icon-weight: var(--regular-icon-weight);
  --icon-family: 'Material Symbols Outlined';
  --checkbox-content-size: 16px;
  --checkbox-margin: 2px;
  @media (max-width: 450px) {
    --bold-icon-weight: 400;
    --regular-icon-weight: 200;
    --checkbox-content-size: 20px;
    --checkbox-margin: 4px;
  }
}