@layer reset,
  default,
  layout,
  container,
  pattern,
  component,
  modifier,
  theme,
  utility;
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  /* Prevent font size inflation */
  html {
    text-size-adjust: none;
  }
  /* Remove default margin in favour of better control in authored CSS */
  body, h1, h2, h3, h4, p,
  figure, blockquote, dl, dd, pre, code {
    margin: 0;
    overflow-wrap: break-word;
  }
  /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
  ul[role=list],
  ol[role=list] {
    list-style: none;
  }
  /* Set core body defaults */
  body {
    min-height: 100vh;
    line-height: 1.5;
  }
  /* Set shorter line heights on headings and interactive elements */
  h1, h2, h3, h4,
  button, input, label {
    line-height: 1.1;
  }
  /* A elements that don't have a class get default styles */
  a:not([class]) {
    text-decoration-skip-ink: auto;
    color: currentcolor;
  }
  /* Make images easier to work with */
  img,
  picture {
    max-width: 100%;
    display: block;
  }
  /* Inherit fonts for inputs and buttons */
  input, button,
  textarea, select {
    font: inherit;
  }
  /* Anything that has been anchored to should have extra scroll margin */
  :target {
    scroll-margin-block: 5ex;
  }
}
@layer default {
  :root {
    --base-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --base-font-size: medium;
    --base-line-height: 1.5;
    --base-text-color: rgb(0, 0, 0);
    --base-background-color: transparent;
    font-family: var(--base-font-family);
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    background-color: var(--base-background-color);
    color: var(--base-text-color);
  }
}
/* ========================================================================
  Color utilities. To find color variables see the tokens file
======================================================================== */
@property --background-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@layer utility {
  .miz-text--white {
    color: rgb(255, 255, 255);
  }
  .miz-background-color--white {
    --background-color: rgb(255, 255, 255);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--white {
    border-color: rgb(255, 255, 255);
  }
  .miz-text--black {
    color: rgb(0, 0, 0);
  }
  .miz-background-color--black {
    --background-color: rgb(0, 0, 0);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--black {
    border-color: rgb(0, 0, 0);
  }
  .miz-text--black-050 {
    color: rgb(249, 249, 249);
  }
  .miz-background-color--black-050 {
    --background-color: rgb(249, 249, 249);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--black-050 {
    border-color: rgb(249, 249, 249);
  }
  .miz-text--black-100 {
    color: #e5e5e5;
  }
  .miz-background-color--black-100 {
    --background-color: #e5e5e5;
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--black-100 {
    border-color: #e5e5e5;
  }
  .miz-text--black-200 {
    color: rgb(212, 212, 212);
  }
  .miz-background-color--black-200 {
    --background-color: rgb(212, 212, 212);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--black-200 {
    border-color: rgb(212, 212, 212);
  }
  .miz-text--black-300 {
    color: rgb(152, 152, 152);
  }
  .miz-background-color--black-300 {
    --background-color: rgb(152, 152, 152);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--black-300 {
    border-color: rgb(152, 152, 152);
  }
  .miz-text--black-400 {
    color: rgb(96, 96, 96);
  }
  .miz-background-color--black-400 {
    --background-color: rgb(96, 96, 96);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--black-400 {
    border-color: rgb(96, 96, 96);
  }
  .miz-text--black-500 {
    color: rgb(70, 70, 70);
  }
  .miz-background-color--black-500 {
    --background-color: rgb(70, 70, 70);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--black-500 {
    border-color: rgb(70, 70, 70);
  }
  .miz-text--black-600 {
    color: rgb(51, 51, 51);
  }
  .miz-background-color--black-600 {
    --background-color: rgb(51, 51, 51);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--black-600 {
    border-color: rgb(51, 51, 51);
  }
  .miz-text--gold {
    color: rgb(253, 184, 25);
  }
  .miz-background-color--gold {
    --background-color: rgb(253, 184, 25);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--gold {
    border-color: rgb(253, 184, 25);
  }
  .miz-text--gold-100 {
    color: rgb(255, 237, 207);
  }
  .miz-background-color--gold-100 {
    --background-color: rgb(255, 237, 207);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--gold-100 {
    border-color: rgb(255, 237, 207);
  }
  .miz-text--gold-200 {
    color: rgb(255, 223, 165);
  }
  .miz-background-color--gold-200 {
    --background-color: rgb(255, 223, 165);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--gold-200 {
    border-color: rgb(255, 223, 165);
  }
  .miz-text--gold-300 {
    color: rgb(255, 209, 125);
  }
  .miz-background-color--gold-300 {
    --background-color: rgb(255, 209, 125);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--gold-300 {
    border-color: rgb(255, 209, 125);
  }
  .miz-text--gold-400 {
    color: rgb(253, 184, 25);
  }
  .miz-background-color--gold-400 {
    --background-color: rgb(253, 184, 25);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--gold-400 {
    border-color: rgb(253, 184, 25);
  }
  .miz-text--bluff {
    color: rgb(69, 61, 63);
  }
  .miz-background-color--bluff {
    --background-color: rgb(69, 61, 63);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--bluff {
    border-color: rgb(69, 61, 63);
  }
  .miz-text--bluff-100 {
    color: rgb(192, 187, 188);
  }
  .miz-background-color--bluff-100 {
    --background-color: rgb(192, 187, 188);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--bluff-100 {
    border-color: rgb(192, 187, 188);
  }
  .miz-text--bluff-200 {
    color: rgb(157, 151, 153);
  }
  .miz-background-color--bluff-200 {
    --background-color: rgb(157, 151, 153);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--bluff-200 {
    border-color: rgb(157, 151, 153);
  }
  .miz-text--bluff-300 {
    color: rgb(123, 116, 118);
  }
  .miz-background-color--bluff-300 {
    --background-color: rgb(123, 116, 118);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--bluff-300 {
    border-color: rgb(123, 116, 118);
  }
  .miz-text--bluff-400 {
    color: rgb(69, 61, 63);
  }
  .miz-background-color--bluff-400 {
    --background-color: rgb(69, 61, 63);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--bluff-400 {
    border-color: rgb(69, 61, 63);
  }
  .miz-text--bluff-500 {
    color: rgb(46, 40, 42);
  }
  .miz-background-color--bluff-500 {
    --background-color: rgb(46, 40, 42);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--bluff-500 {
    border-color: rgb(46, 40, 42);
  }
  .miz-text--bluff-600 {
    color: rgb(23, 20, 21);
  }
  .miz-background-color--bluff-600 {
    --background-color: rgb(23, 20, 21);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--bluff-600 {
    border-color: rgb(23, 20, 21);
  }
  .miz-text--limestone {
    color: rgb(212, 212, 212);
  }
  .miz-background-color--limestone {
    --background-color: rgb(212, 212, 212);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--limestone {
    border-color: rgb(212, 212, 212);
  }
  .miz-text--burr-oak {
    color: rgb(127, 74, 15);
  }
  .miz-background-color--burr-oak {
    --background-color: rgb(127, 74, 15);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--burr-oak {
    border-color: rgb(127, 74, 15);
  }
  .miz-text--burr-oak-100 {
    color: rgb(202, 184, 162);
  }
  .miz-background-color--burr-oak-100 {
    --background-color: rgb(202, 184, 162);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--burr-oak-100 {
    border-color: rgb(202, 184, 162);
  }
  .miz-text--burr-oak-200 {
    color: rgb(149, 118, 85);
  }
  .miz-background-color--burr-oak-200 {
    --background-color: rgb(149, 118, 85);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--burr-oak-200 {
    border-color: rgb(149, 118, 85);
  }
  .miz-text--burr-oak-300 {
    color: rgb(143, 99, 49);
  }
  .miz-background-color--burr-oak-300 {
    --background-color: rgb(143, 99, 49);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--burr-oak-300 {
    border-color: rgb(143, 99, 49);
  }
  .miz-text--burr-oak-400 {
    color: rgb(127, 74, 15);
  }
  .miz-background-color--burr-oak-400 {
    --background-color: rgb(127, 74, 15);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--burr-oak-400 {
    border-color: rgb(127, 74, 15);
  }
  .miz-text--burr-oak-500 {
    color: rgb(110, 64, 13);
  }
  .miz-background-color--burr-oak-500 {
    --background-color: rgb(110, 64, 13);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--burr-oak-500 {
    border-color: rgb(110, 64, 13);
  }
  .miz-text--burr-oak-600 {
    color: rgb(47, 29, 5);
  }
  .miz-background-color--burr-oak-600 {
    --background-color: rgb(47, 29, 5);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--burr-oak-600 {
    border-color: rgb(47, 29, 5);
  }
  .miz-text--slate {
    color: rgb(74, 89, 110);
  }
  .miz-background-color--slate {
    --background-color: rgb(74, 89, 110);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--slate {
    border-color: rgb(74, 89, 110);
  }
  .miz-text--slate-100 {
    color: rgb(210, 214, 219);
  }
  .miz-background-color--slate-100 {
    --background-color: rgb(210, 214, 219);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--slate-100 {
    border-color: rgb(210, 214, 219);
  }
  .miz-text--slate-200 {
    color: rgb(175, 180, 186);
  }
  .miz-background-color--slate-200 {
    --background-color: rgb(175, 180, 186);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--slate-200 {
    border-color: rgb(175, 180, 186);
  }
  .miz-text--slate-300 {
    color: rgb(141, 146, 153);
  }
  .miz-background-color--slate-300 {
    --background-color: rgb(141, 146, 153);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--slate-300 {
    border-color: rgb(141, 146, 153);
  }
  .miz-text--slate-400 {
    color: rgb(74, 89, 110);
  }
  .miz-background-color--slate-400 {
    --background-color: rgb(74, 89, 110);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--slate-400 {
    border-color: rgb(74, 89, 110);
  }
  .miz-text--slate-500 {
    color: rgb(72, 78, 88);
  }
  .miz-background-color--slate-500 {
    --background-color: rgb(72, 78, 88);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--slate-500 {
    border-color: rgb(72, 78, 88);
  }
  .miz-text--slate-600 {
    color: rgb(37, 44, 55);
  }
  .miz-background-color--slate-600 {
    --background-color: rgb(37, 44, 55);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--slate-600 {
    border-color: rgb(37, 44, 55);
  }
  .miz-text--mulberry {
    color: rgb(110, 0, 38);
  }
  .miz-background-color--mulberry {
    --background-color: rgb(110, 0, 38);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--mulberry {
    border-color: rgb(110, 0, 38);
  }
  .miz-text--mulberry-100 {
    color: rgb(240, 200, 210);
  }
  .miz-background-color--mulberry-100 {
    --background-color: rgb(240, 200, 210);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--mulberry-100 {
    border-color: rgb(240, 200, 210);
  }
  .miz-text--mulberry-200 {
    color: rgb(180, 90, 110);
  }
  .miz-background-color--mulberry-200 {
    --background-color: rgb(180, 90, 110);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--mulberry-200 {
    border-color: rgb(180, 90, 110);
  }
  .miz-text--mulberry-300 {
    color: rgb(140, 30, 60);
  }
  .miz-background-color--mulberry-300 {
    --background-color: rgb(140, 30, 60);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--mulberry-300 {
    border-color: rgb(140, 30, 60);
  }
  .miz-text--mulberry-400 {
    color: rgb(110, 0, 38);
  }
  .miz-background-color--mulberry-400 {
    --background-color: rgb(110, 0, 38);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--mulberry-400 {
    border-color: rgb(110, 0, 38);
  }
  .miz-text--mulberry-500 {
    color: rgb(80, 0, 28);
  }
  .miz-background-color--mulberry-500 {
    --background-color: rgb(80, 0, 28);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--mulberry-500 {
    border-color: rgb(80, 0, 28);
  }
  .miz-text--mulberry-600 {
    color: rgb(55, 0, 19);
  }
  .miz-background-color--mulberry-600 {
    --background-color: rgb(55, 0, 19);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--mulberry-600 {
    border-color: rgb(55, 0, 19);
  }
  .miz-text--sunrise {
    color: rgb(239, 85, 63);
  }
  .miz-background-color--sunrise {
    --background-color: rgb(239, 85, 63);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--sunrise {
    border-color: rgb(239, 85, 63);
  }
  .miz-text--sunrise-100 {
    color: rgb(255, 152, 139);
  }
  .miz-background-color--sunrise-100 {
    --background-color: rgb(255, 152, 139);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--sunrise-100 {
    border-color: rgb(255, 152, 139);
  }
  .miz-text--sunrise-200 {
    color: rgb(244, 134, 119);
  }
  .miz-background-color--sunrise-200 {
    --background-color: rgb(244, 134, 119);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--sunrise-200 {
    border-color: rgb(244, 134, 119);
  }
  .miz-text--sunrise-300 {
    color: rgb(242, 113, 95);
  }
  .miz-background-color--sunrise-300 {
    --background-color: rgb(242, 113, 95);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--sunrise-300 {
    border-color: rgb(242, 113, 95);
  }
  .miz-text--sunrise-400 {
    color: rgb(239, 85, 63);
  }
  .miz-background-color--sunrise-400 {
    --background-color: rgb(239, 85, 63);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--sunrise-400 {
    border-color: rgb(239, 85, 63);
  }
  .miz-text--sunrise-500 {
    color: rgb(203, 72, 53);
  }
  .miz-background-color--sunrise-500 {
    --background-color: rgb(203, 72, 53);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--sunrise-500 {
    border-color: rgb(203, 72, 53);
  }
  .miz-text--sunrise-600 {
    color: rgb(153, 52, 41);
  }
  .miz-background-color--sunrise-600 {
    --background-color: rgb(153, 52, 41);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--sunrise-600 {
    border-color: rgb(153, 52, 41);
  }
  .miz-text--botanic {
    color: rgb(0, 132, 134);
  }
  .miz-background-color--botanic {
    --background-color: rgb(0, 132, 134);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--botanic {
    border-color: rgb(0, 132, 134);
  }
  .miz-text--botanic-100 {
    color: rgb(191, 224, 225);
  }
  .miz-background-color--botanic-100 {
    --background-color: rgb(191, 224, 225);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--botanic-100 {
    border-color: rgb(191, 224, 225);
  }
  .miz-text--botanic-200 {
    color: rgb(153, 193, 193);
  }
  .miz-background-color--botanic-200 {
    --background-color: rgb(153, 193, 193);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--botanic-200 {
    border-color: rgb(153, 193, 193);
  }
  .miz-text--botanic-300 {
    color: rgb(153, 206, 207);
  }
  .miz-background-color--botanic-300 {
    --background-color: rgb(153, 206, 207);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--botanic-300 {
    border-color: rgb(153, 206, 207);
  }
  .miz-text--botanic-400 {
    color: rgb(0, 132, 134);
  }
  .miz-background-color--botanic-400 {
    --background-color: rgb(0, 132, 134);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--botanic-400 {
    border-color: rgb(0, 132, 134);
  }
  .miz-text--botanic-500 {
    color: rgb(38, 98, 99);
  }
  .miz-background-color--botanic-500 {
    --background-color: rgb(38, 98, 99);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--botanic-500 {
    border-color: rgb(38, 98, 99);
  }
  .miz-text--botanic-600 {
    color: rgb(0, 66, 67);
  }
  .miz-background-color--botanic-600 {
    --background-color: rgb(0, 66, 67);
    container-name: background-color;
    background-color: var(--background-color);
  }
  .miz-border-color--botanic-600 {
    border-color: rgb(0, 66, 67);
  }
}
@layer utility {
  @property --mode-text-color {
    .miz-mode {
      syntax: "<color>";
      inherits: true;
      initial-value: rgb(0, 0, 0);
    }
  }
  @property --mode-title-text-color {
    .miz-mode {
      syntax: "<color>";
      inherits: true;
      initial-value: var(--mode-text-color);
    }
  }
  @property --mode-background-color {
    .miz-mode {
      syntax: "<color>";
      inherits: true;
      initial-value: transparent;
    }
  }
  @property --mode-border-color {
    .miz-mode {
      syntax: "<color>";
      inherits: true;
    }
  }
  .miz-mode {
    color: var(--mode-text-color);
    background-color: var(--mode-background-color);
  }
  .miz-mode--light {
    --mode-text-color: rgb(0, 0, 0);
    --mode-background-color: rgb(255, 255, 255);
    --mode-border-color: rgb(212, 212, 212);
  }
  .miz-mode--dark {
    --mode-text-color: rgb(255, 255, 255);
    --mode-title-text-color: rgb(253, 184, 25);
    --mode-background-color: rgb(31, 31, 31);
    --mode-border-color: rgb(70, 70, 70);
  }
  .miz-mode--darker {
    --mode-text-color: rgb(255, 255, 255);
    --mode-title-text-color: rgb(253, 184, 25);
    --mode-background-color: rgb(31, 31, 31);
    --mode-border-color: rgb(70, 70, 70);
  }
  .miz-mode--darkest {
    --mode-text-color: rgb(255, 255, 255);
    --mode-title-text-color: rgb(253, 184, 25);
    --mode-background-color: rgb(0, 0, 0);
    --mode-border-color: rgb(70, 70, 70);
  }
}
@layer utility {
  .miz-background-overlay,
  .miz-background-gel--dark-gold,
  .miz-background-gel--gold,
  .miz-background-gel--light,
  .miz-background-gel--dark {
    position: relative;
  }
  .miz-background-overlay::before,
  .miz-background-gel--dark-gold::before,
  .miz-background-gel--gold::before,
  .miz-background-gel--light::before,
  .miz-background-gel--dark::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@layer utility {
  .miz-background-gel--dark::before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  }
}
@layer utility {
  .miz-background-gel--light::before {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  }
}
@layer utility {
  .miz-background-gel--gold::before {
    background: linear-gradient(rgba(253, 184, 25, 0.85), rgba(253, 184, 25, 0.85));
  }
}
@layer utility {
  .miz-background-gel--dark-gold::before {
    background: linear-gradient(rgba(253, 184, 25, 0.6), rgba(253, 184, 25, 0.6));
  }
}
@layer utility {
  .miz-text--level-7 {
    font-size: 2.986rem;
  }
  .miz-text--level-6 {
    font-size: 2.488rem;
  }
  .miz-text--level-5 {
    font-size: 2.074rem;
  }
  .miz-text--level-4 {
    font-size: 1.728rem;
  }
  .miz-text--level-3 {
    font-size: 1.44rem;
  }
  .miz-text--level-2 {
    font-size: 1.2rem;
  }
  .miz-text--level-1 {
    font-size: medium;
  }
  .miz-text-size--small {
    font-size: 0.833rem;
  }
  .miz-text-size--medium {
    font-size: medium;
  }
  .miz-text-size--large {
    font-size: 1.2rem;
  }
  .miz-text-weight--light {
    font-weight: 300;
  }
  .miz-text-weight--regular {
    font-weight: 400;
  }
  .miz-text-weight--medium {
    font-weight: 500;
  }
  .miz-text-weight--semi-bold {
    font-weight: 600;
  }
  .miz-text-weight--bold {
    font-weight: 700;
  }
  .miz-text-weight--bolder {
    font-weight: 800;
  }
  .miz-text-stretch--semi-condensed {
    font-stretch: 87.5%;
  }
  .miz-text-stretch--condensed {
    font-stretch: 75%;
  }
  .miz-text-align--center {
    text-align: center;
  }
  .miz-lead,
  .lead {
    font-size: 1.2rem;
    font-family: "Open Sans", "Segoe UI", tahoma, sans-serif;
  }
  .miz-text--uppercase {
    text-transform: uppercase;
  }
}
@layer layout {
  .miz-flex,
  .miz-flex--row {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
  }
  .miz-flex > *,
  .miz-flex--row > * {
    flex: 1 1 auto;
  }
  .miz-flex--column {
    display: flex;
    flex-flow: column wrap;
    align-items: stretch;
  }
  .miz-flex--column > * {
    flex: 1 1 auto;
  }
  .miz-flex-item--push {
    margin-left: auto;
  }
  .miz-flex__item--grow-1 {
    flex-grow: 1;
  }
}
@layer layout {
  .miz-wrapper {
    position: relative;
    container-type: inline-size;
    container-name: wrapper;
    min-height: 100vh;
    width: 100%;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
  }
  .miz-container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .miz-container {
      max-width: 736px;
    }
  }
  @media (min-width: 768px) {
    .miz-container {
      max-width: 960px;
    }
  }
  @media (min-width: 1024px) {
    .miz-container {
      max-width: 1152px;
    }
  }
  @media (min-width: 1280px) {
    .miz-container {
      max-width: 1248px;
    }
  }
  @media (min-width: 1440px) {
    .miz-container {
      max-width: 1600px;
    }
  }
  .miz-container--no-padding {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .miz-container--no-padding {
      max-width: 736px;
    }
  }
  @media (min-width: 768px) {
    .miz-container--no-padding {
      max-width: 960px;
    }
  }
  @media (min-width: 1024px) {
    .miz-container--no-padding {
      max-width: 1152px;
    }
  }
  @media (min-width: 1280px) {
    .miz-container--no-padding {
      max-width: 1248px;
    }
  }
  @media (min-width: 1440px) {
    .miz-container--no-padding {
      max-width: 1600px;
    }
  }
  .miz-main-grid__main,
  .miz-main-grid__article,
  .miz-main-grid__sidebar {
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .miz-main-grid__main,
    .miz-main-grid__article,
    .miz-main-grid__sidebar {
      max-width: 736px;
    }
  }
  @media (min-width: 768px) {
    .miz-main-grid__main,
    .miz-main-grid__article,
    .miz-main-grid__sidebar {
      max-width: 960px;
    }
  }
  @media (min-width: 1024px) {
    .miz-main-grid__main,
    .miz-main-grid__article,
    .miz-main-grid__sidebar {
      max-width: 1152px;
    }
  }
  @media (min-width: 1280px) {
    .miz-main-grid__main,
    .miz-main-grid__article,
    .miz-main-grid__sidebar {
      max-width: 1248px;
    }
  }
  @media (min-width: 1440px) {
    .miz-main-grid__main,
    .miz-main-grid__article,
    .miz-main-grid__sidebar {
      max-width: 1600px;
    }
  }
  @supports (display: grid) {
    .miz-main-grid {
      display: grid;
      grid-template-columns: [full-start] 1rem [main-start] repeat(12, 1fr) [main-end] 1rem [full-end];
      grid-auto-flow: column;
    }
    .miz-main-grid > * {
      grid-column: full;
    }
    @media (min-width: 576px) {
      .miz-main-grid {
        grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, 13px) [main-end] minmax(0, 1fr) [full-end];
        grid-gap: 0 2rem;
      }
    }
    @media (min-width: 768px) {
      .miz-main-grid {
        grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, 28px) [main-end] minmax(0, 1fr) [full-end];
      }
    }
    @media (min-width: 1024px) {
      .miz-main-grid {
        grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, 48px) [main-end] minmax(0, 1fr) [full-end];
      }
    }
    @media (min-width: 1280px) {
      .miz-main-grid {
        grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, minmax(65px, 68px)) [main-end] minmax(0, 1fr) [full-end];
      }
    }
    .miz-main-grid__main {
      grid-column: main;
      margin-right: 0;
      margin-left: 0;
      width: 100%;
    }
    .miz-main-grid__article {
      grid-column: main;
      margin-right: 0;
      margin-left: 0;
      width: 100%;
    }
    @media (min-width: 1024px) {
      .miz-main-grid__article {
        grid-column: main/span 8;
      }
    }
    .miz-main-grid__sidebar {
      grid-column: main;
      margin-right: 0;
      margin-left: 0;
      width: 100%;
    }
    @media (min-width: 1024px) {
      .miz-main-grid__sidebar {
        grid-column: 10/span 4;
      }
    }
    .miz-main-grid__full {
      grid-column: full;
    }
    @media (min-width: 1024px) {
      .miz-main-grid--reverse .miz-main-grid__article {
        grid-column: 6/span 8;
      }
    }
    @media (min-width: 1024px) {
      .miz-main-grid--reverse .miz-main-grid__sidebar {
        grid-column: main/span 4;
      }
    }
  }
}
@layer layout {
  .miz-layer {
    padding: 2rem 0 2rem;
  }
  .miz-layer__header {
    display: flex;
    flex-flow: column wrap;
    align-items: stretch;
  }
  .miz-layer__header > * {
    flex: 1 1 auto;
  }
  .miz-layer__header {
    align-items: flex-start;
    position: relative;
    z-index: 10;
  }
  .miz-layer__header > * {
    margin-bottom: 0;
  }
  .miz-layer__header > * + * {
    margin-top: 1.5rem;
  }
  .miz-layer__header--center {
    align-items: center;
    text-align: center;
  }
  .miz-layer__title {
    font-size: 2.074rem;
    margin-bottom: 0;
    max-width: 15em;
  }
  .miz-layer__content {
    position: relative;
    z-index: 10;
    margin-top: 2rem;
  }
  .miz-layer__content > * {
    margin: 0;
  }
  .miz-layer__content > * + * {
    margin-top: 1.5rem;
  }
  .miz-layer__content--center {
    align-items: center;
    text-align: center;
  }
}
@layer layout {
  .miz-page-content {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .miz-page-content {
      max-width: 736px;
    }
  }
  @media (min-width: 768px) {
    .miz-page-content {
      max-width: 960px;
    }
  }
  @media (min-width: 1024px) {
    .miz-page-content {
      max-width: 1152px;
    }
  }
  @media (min-width: 1280px) {
    .miz-page-content {
      max-width: 1248px;
    }
  }
  @media (min-width: 1440px) {
    .miz-page-content {
      max-width: 1600px;
    }
  }
  .miz-page-content__layer {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
  }
  .miz-page-content__layer > * {
    flex: 1 1 auto;
  }
  .miz-page-content__layer {
    justify-content: space-between;
  }
  .miz-page-content__full {
    position: relative;
    /* Prevent columns from becoming too narrow when at smaller grid tiers by
       always setting `width: 100%;`. This works because we use `flex` values
       later on to override this initial width. */
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .miz-page-content__single,
  .miz-page-content__article {
    position: relative;
    /* Prevent columns from becoming too narrow when at smaller grid tiers by
       always setting `width: 100%;`. This works because we use `flex` values
       later on to override this initial width. */
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .miz-page-content__single img,
  .miz-page-content__article img {
    max-width: 100%;
    height: auto;
  }
  @media (min-width: 1024px) {
    .miz-page-content__single,
    .miz-page-content__article {
      display: flex;
      flex-flow: 8 wrap;
      align-items: stretch;
    }
    .miz-page-content__single > *,
    .miz-page-content__article > * {
      flex: 1 1 auto;
    }
  }
  .miz-page-content__aside {
    position: relative;
    /* Prevent columns from becoming too narrow when at smaller grid tiers by
       always setting `width: 100%;`. This works because we use `flex` values
       later on to override this initial width. */
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 1024px) {
    .miz-page-content__aside {
      display: flex;
      flex-flow: 4 wrap;
      align-items: stretch;
    }
    .miz-page-content__aside > * {
      flex: 1 1 auto;
    }
  }
}
@layer layout {
  .miz-l-halves > * {
    width: calc(48% - 2rem);
  }
  .miz-l-thirds > * {
    width: calc(33.333% - 2rem);
  }
  .miz-width--10 {
    width: 10%;
  }
  .miz-width--25 {
    width: 25%;
  }
  .miz-width--33 {
    width: 33.333%;
  }
  .miz-width--50 {
    width: 50%;
  }
  .miz-width--66 {
    width: 66.666%;
  }
  .miz-width--75 {
    width: 75%;
  }
  .miz-width--100 {
    width: 100%;
  }
  .miz-stack-sandwich--small {
    margin: 0.5rem 0 0.5rem;
  }
  .miz-stack-sandwich--medium {
    margin: 1rem 0 1rem;
  }
  .miz-stack-sandwich--large {
    margin: 1.5rem 0 1.5rem;
  }
  .miz-stack-sandwich--x-large {
    margin: 2rem 0 2rem;
  }
  .miz-stack-sandwich--xx-large {
    margin: 3.5rem 0 3.5rem;
  }
  .miz-space--inset-xx-small {
    padding: 0.125rem 0.125rem 0.125rem 0.125rem;
  }
  .miz-space--inset-x-small {
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  }
  .miz-space--inset-small {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
  .miz-space--inset-medium {
    padding: 1rem 1rem 1rem 1rem;
  }
  .miz-space--inset-large {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  }
  .miz-space--inset-x-large {
    padding: 2rem 2rem 2rem 2rem;
  }
  .miz-space--inset-xx-large {
    padding: 3.5rem 3.5rem 3.5rem 3.5rem;
  }
  .miz-space--inset-squish-x-small {
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  }
  .miz-space--inset-squish-small {
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  }
  .miz-space--inset-squish-medium {
    padding: 0.75rem 1rem 0.5rem 1rem;
  }
  .miz-space--inset-squish-large {
    padding: 1rem 1.5rem 1rem 1.5rem;
  }
}
/*# sourceMappingURL=miz-slim.css.map */
