@font-face {
  font-display: swap;
  font-family: 'Shantell';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/Shantell_Sans-Informal_Medium_Italic-4e95cace.woff2") format('woff2');
}

/* Typography
 * -------------------------------------------------------------------------- */

:root {
  --font-family: -apple-system, BlinkMacSystemFont, Aptos, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-family--handwritten: "Shantell", -apple-system, BlinkMacSystemFont, Aptos, Roboto, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-size-base: 10px;
  --font-size-xxxx-small: 0.9rem;
  --font-size-xxx-small: 1.0rem;
  --font-size-xx-small: 1.1rem;
  --font-size-x-small: 1.2rem;
  --font-size-small: 1.4rem;
  --font-size-medium: 1.6rem;
  --font-size-large: 1.8rem;
  --font-size-x-large: 2.4rem;
  --font-size-xx-large: 3.4rem;

  &[data-text-size=xlarge] { --font-size-base: 11px; }

  &[data-text-size=xxlarge] { --font-size-base: 13px; }

  &[data-text-size=xxxlarge] { --font-size-base: 14px; }

  &[data-text-size=accessibility-medium] { --font-size-base: 16px; }

  &[data-text-size=accessibility-large] { --font-size-base: 18px; }

  &[data-text-size=accessibility-xlarge],
  &[data-text-size=accessibility-xxlarge],
  &[data-text-size=accessibility-xxxlarge] {
    --font-size-base: 20px;
  }
}

.hdg, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1;
}

h6, .hdg--x-small { font-size: var(--font-size-x-small); }
h5, .hdg--small { font-size: var(--font-size-small); }
h4, .hdg--medium { font-size: var(--font-size-medium); }
h3, .hdg--large { font-size: var(--font-size-large); }
h2, .hdg--x-large { font-size: var(--font-size-x-large); }
h1, .hdg--xx-large { font-size: var(--font-size-xx-large); }

.hdg--caps { text-transform: uppercase; }
.hdg--leaded { line-height: 1.3; }

.hdg--icon::after {
  content: ' ';
  display: inline-block;
  margin-left: 0.2em;
  width: 0.9em;
  height: 0.9em;
  position: relative;
  top: -0.075em;
  vertical-align: middle;
  background: center / 100% no-repeat;
}

.hdg--icon-secure::after { background-image: url("/assets/icons/shield-a4851e03.svg"); }
.hdg--icon-warning::after { background-image: url("/assets/icons/warning-1f965358.svg"); }
.hdg--icon-recycling::after { background-image: url("/assets/icons/recycling-38c0c079.svg"); }

/* Browsers */
.hdg--icon-default::after { background-image: url("/assets/logos/default-browser-logo-2e7ebc2a.svg"); }
.hdg--icon-chrome::after { background-image: url("/assets/logos/chrome-logo-875560b8.svg"); }
.hdg--icon-edge::after { background-image: url("/assets/logos/edge-logo-a6c656a4.svg"); }
.hdg--icon-firefox::after { background-image: url("/assets/logos/firefox-logo-4cb6ccb6.svg"); }
.hdg--icon-internet-explorer::after { background-image: url("/assets/logos/internet-explorer-logo-207bcb8e.svg"); }
.hdg--icon-opera::after { background-image: url("/assets/logos/opera-logo-d9a03ad5.svg"); }
.hdg--icon-safari::after { background-image: url("/assets/logos/safari-logo-d7bba975.svg"); }

/* Platforms */
.hdg--icon-device-unknown::after { background-image: url("/assets/icons/device-unknown-b09c35bc.svg"); }
.hdg--icon-windows::after { background-image: url("/assets/icons/device-windows-b4e31af1.svg"); }
.hdg--icon-mac::after { background-image: url("/assets/icons/device-mac-7db7a6c3.svg"); }
.hdg--icon-linux::after { background-image: url("/assets/icons/device-linux-76d02f2c.svg"); }
.hdg--icon-iphone::after { background-image: url("/assets/icons/device-iphone-9f8327e9.svg"); }
.hdg--icon-ipad::after { background-image: url("/assets/icons/device-ipad-e2c09692.svg"); }
.hdg--icon-android::after { background-image: url("/assets/icons/device-android-8409e13e.svg"); }

.hdg--icon-home::after {
  filter: var(--colorize-ink);
  background-image: url("/assets/icons/home-ef4d1658.svg");
}

.hdg--icon-work::after {
  filter: var(--colorize-ink);
  background-image: url("/assets/icons/work-ed3565fd.svg");
}

.hdg--icon-lock::after { background-image: url("/assets/icons/lock-c609ac29.svg"); }

/* Heading with a background line */
.hdg--divider {
  position: relative;
  z-index: 4;

  > span {
    background-color: var(--color-bg--main);
    padding: 0 0.5em 0 0;
  }

  &::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    z-index: -1;
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-tertiary) 100%);
  }
}

.hdg--divider-centered {
  @media (max-width: 39.95em) {
    &::before { display: none; }
  }

  > span {
    padding: 0 0.25em 0 0;

    @media (min-width: 40em) {
      padding: 0 0.25em;
    }
  }
}

.hdg--left-icon {
  position: relative;
  padding-left: 1.25em !important;
  margin-left: -1rem !important;

  @media (min-width: 40em) { margin-left: 0; }

  &::before {
    content: "";
    width: 0.75em;
    height: 1.2em;
    position: absolute;
    top: 0.05em;
    left: 0.25em;
    background: center center / 100% auto no-repeat;
  }
}

.hdg--left-icon-habits::before { background-image: url("/assets/icons/calendar-habits-fa0622f0.svg"); }
.hdg--left-icon-extenzion::before { background-image: url("/assets/icons/extenzion-71013e1a.svg"); }
.hdg--left-icon-folder::before { background-image: url("/assets/icons/folder-outlined-02e1c8b5.svg"); }
.hdg--left-icon-folders::before { background-image: url("/assets/icons/folders-0a968731.svg"); }
.hdg--left-icon-collection::before { background-image: url("/assets/icons/collection-e2a7cb63.svg"); }
.hdg--left-icon-collections::before { background-image: url("/assets/icons/collections-bf1ac860.svg"); }
.hdg--left-icon-screened-out::before { background-image: url("/assets/icons/screened-out-3e8a20e2.svg"); }
.hdg--left-icon-spam::before { background-image: url("/assets/icons/spam-bbfc0609.svg"); }
.hdg--left-icon-trash::before { background-image: url("/assets/icons/trash-71dc6f08.svg"); }
.hdg--left-icon-everything::before { background-image: url("/assets/icons/everything-58bea179.svg"); }
.hdg--left-icon-sent::before { background-image: url("/assets/icons/sent-aaad3d9d.svg"); }
.hdg--left-icon-recycling::before { background-image: url("/assets/icons/recycling-38c0c079.svg"); top: -0.05em; }
.hdg--left-icon-catchall::before { background-image: url("/assets/icons/catchall-0eeeb8e3.svg"); }
.hdg--left-icon-link::before { background-image: url("/assets/icons/link-6db04267.svg"); }
.hdg--left-icon-workflows::before { background-image: url("/assets/icons/workflows-204c78c6.svg"); top: -0.05em; }
.hdg--left-icon-calendars::before { background-image: url("/assets/icons/calendar-invites-d084ca93.svg"); }
.hdg--left-icon-notifications::before { background-image: url("/assets/icons/notification-bell-c3046781.svg"); }
.hdg--left-icon-note::before { background-image: url("/assets/icons/note-3ca458e2.svg"); }
.hdg--left-icon-time-clock::before { background-image: url("/assets/icons/time-clock-afb81a54.svg"); }
.hdg--left-icon-archive-folder::before { background-image: url("/assets/icons/archive-folder-4faf941a.svg"); }

.hdg--left-icon-time-clock::before {
  filter: var(--colorize-ink);
  background-image: url("/assets/icons/time-clock-afb81a54.svg");
  top: -0.05em;
}

.hdg--left-icon-art::before { background-image: url("/assets/icons/habits/art-fbc2f8e1.svg"); }
.hdg--left-icon-baseball::before { background-image: url("/assets/icons/habits/baseball-e562abf0.svg"); }
.hdg--left-icon-basketball::before { background-image: url("/assets/icons/habits/basketball-a2e4be4b.svg"); }
.hdg--left-icon-bed::before { background-image: url("/assets/icons/habits/bed-64bf4410.svg"); }
.hdg--left-icon-bicycle::before { background-image: url("/assets/icons/habits/bicycle-527a1664.svg"); }
.hdg--left-icon-brain::before { background-image: url("/assets/icons/habits/brain-f01c0686.svg"); }
.hdg--left-icon-breathe::before { background-image: url("/assets/icons/habits/breathe-83086063.svg"); }
.hdg--left-icon-camera::before { background-image: url("/assets/icons/habits/camera-e9147b58.svg"); }
.hdg--left-icon-cat::before { background-image: url("/assets/icons/habits/cat-b4e03ffa.svg"); }
.hdg--left-icon-church::before { background-image: url("/assets/icons/habits/church-5c7b82e7.svg"); }
.hdg--left-icon-clean::before { background-image: url("/assets/icons/habits/clean-02115164.svg"); }
.hdg--left-icon-cook::before { background-image: url("/assets/icons/habits/cook-03bb559d.svg"); }
.hdg--left-icon-dog::before { background-image: url("/assets/icons/habits/dog-1af49182.svg"); }
.hdg--left-icon-drink::before { background-image: url("/assets/icons/habits/drink-4626e277.svg"); }
.hdg--left-icon-football::before { background-image: url("/assets/icons/habits/football-c9f64413.svg"); }
.hdg--left-icon-fruit::before { background-image: url("/assets/icons/habits/fruit-7ff37204.svg"); }
.hdg--left-icon-game::before { background-image: url("/assets/icons/habits/game-a9c9acd6.svg"); }
.hdg--left-icon-garden::before { background-image: url("/assets/icons/habits/garden-c2961cf5.svg"); }
.hdg--left-icon-guitar::before { background-image: url("/assets/icons/habits/guitar-49656cdf.svg"); }
.hdg--left-icon-heart::before { background-image: url("/assets/icons/habits/heart-11237326.svg"); }
.hdg--left-icon-heat::before { background-image: url("/assets/icons/habits/heat-8fbb0292.svg"); }
.hdg--left-icon-hydrate::before { background-image: url("/assets/icons/habits/hydrate-c40db391.svg"); }
.hdg--left-icon-ice::before { background-image: url("/assets/icons/habits/ice-4ddc3f3d.svg"); }
.hdg--left-icon-lotus::before { background-image: url("/assets/icons/habits/lotus-2f112546.svg"); }
.hdg--left-icon-meditate::before { background-image: url("/assets/icons/habits/meditate-22087a42.svg"); }
.hdg--left-icon-money::before { background-image: url("/assets/icons/habits/money-92ee9b4e.svg"); }
.hdg--left-icon-music::before { background-image: url("/assets/icons/habits/music-8e35945d.svg"); }
.hdg--left-icon-piano::before { background-image: url("/assets/icons/habits/piano-63465ff2.svg"); }
.hdg--left-icon-pill::before { background-image: url("/assets/icons/habits/pill-932c38cc.svg"); }
.hdg--left-icon-plant::before { background-image: url("/assets/icons/habits/plant-b791050d.svg"); }
.hdg--left-icon-read::before { background-image: url("/assets/icons/habits/read-a6a441e5.svg"); }
.hdg--left-icon-run::before { background-image: url("/assets/icons/habits/run-368458cf.svg"); }
.hdg--left-icon-smoke::before { background-image: url("/assets/icons/habits/smoke-4763260c.svg"); }
.hdg--left-icon-soccer::before { background-image: url("/assets/icons/habits/soccer-916e6d0d.svg"); }
.hdg--left-icon-star::before { background-image: url("/assets/icons/habits/star-b27047de.svg"); }
.hdg--left-icon-study::before { background-image: url("/assets/icons/habits/study-5a799a54.svg"); }
.hdg--left-icon-swim::before { background-image: url("/assets/icons/habits/swim-43027be9.svg"); }
.hdg--left-icon-tea::before { background-image: url("/assets/icons/habits/tea-eab56b23.svg"); }
.hdg--left-icon-toothbrush::before { background-image: url("/assets/icons/habits/toothbrush-d52266f7.svg"); }
.hdg--left-icon-tree::before { background-image: url("/assets/icons/habits/tree-3f89f5e1.svg"); }
.hdg--left-icon-tv::before { background-image: url("/assets/icons/habits/tv-27f517c1.svg"); }
.hdg--left-icon-vegetable::before { background-image: url("/assets/icons/habits/vegetable-a5bd8fb5.svg"); }
.hdg--left-icon-walk::before { background-image: url("/assets/icons/habits/walk-35d97c34.svg"); }
.hdg--left-icon-water::before { background-image: url("/assets/icons/habits/water-0bd3c51c.svg"); }
.hdg--left-icon-weights::before { background-image: url("/assets/icons/habits/weights-413ce90b.svg"); }
.hdg--left-icon-write::before { background-image: url("/assets/icons/habits/write-402c9852.svg"); }
.hdg--left-icon-yoga::before { background-image: url("/assets/icons/habits/yoga-ce643269.svg"); }