@layer reset,
default,
layout,
container,
pattern,
component,
theme,
modifier,
utility;

@layer reset {

  *,
  *::before,
  *::after {
    box-sizing: border-box
  }

  html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
  }

  :where(body, h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd, pre, code) {
    margin: 0;
    overflow-wrap: break-word
  }

  ul[role=list],
  ol[role=list] {
    list-style: none
  }

  body {
    min-height: 100vh;
    line-height: 1.5
  }

  h1,
  h2,
  h3,
  h4,
  button,
  input,
  label {
    line-height: 1.1
  }

  a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    color: currentcolor
  }

  img,
  picture {
    max-width: 100%;
    display: block
  }

  input,
  button,
  textarea,
  select {
    font: inherit
  }

  :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)
  }
}

@property --background-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent
}

@layer utility {
  .miz-text--white {
    color: #fff
  }

  .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: #fff
  }

  .miz-text--black {
    color: #000
  }

  .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: #000
  }

  .miz-text--black-050 {
    color: #f9f9f9
  }

  .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: #f9f9f9
  }

  .miz-text--black-100 {
    color: #e5e5e5
  }

  .miz-background-color--black-100 {
    --background-color: rgb(229, 229, 229);
    container-name: background-color;
    background-color: var(--background-color)
  }

  .miz-border-color--black-100 {
    border-color: #e5e5e5
  }

  .miz-text--black-200 {
    color: #d4d4d4
  }

  .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: #d4d4d4
  }

  .miz-text--black-300 {
    color: #989898
  }

  .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: #989898
  }

  .miz-text--black-400 {
    color: #606060
  }

  .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: #606060
  }

  .miz-text--black-500 {
    color: #464646
  }

  .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: #464646
  }

  .miz-text--black-600 {
    color: #333
  }

  .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: #333
  }

  .miz-text--black-700 {
    color: #1f1f1f
  }

  .miz-background-color--black-700 {
    --background-color: rgb(31, 31, 31);
    container-name: background-color;
    background-color: var(--background-color)
  }

  .miz-border-color--black-700 {
    border-color: #1f1f1f
  }

  .miz-text--gold {
    color: #fdb719
  }

  .miz-background-color--gold {
    --background-color: rgb(253, 183, 25);
    container-name: background-color;
    background-color: var(--background-color)
  }

  .miz-border-color--gold {
    border-color: #fdb719
  }

  .miz-text--gold-100 {
    color: #ffedcf
  }

  .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: #ffedcf
  }

  .miz-text--gold-200 {
    color: #ffdfa5
  }

  .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: #ffdfa5
  }

  .miz-text--gold-300 {
    color: #ffd17d
  }

  .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: #ffd17d
  }

  .miz-text--gold-400 {
    color: #fdb719
  }

  .miz-background-color--gold-400 {
    --background-color: rgb(253, 183, 25);
    container-name: background-color;
    background-color: var(--background-color)
  }

  .miz-border-color--gold-400 {
    border-color: #fdb719
  }

  .miz-text--bluff {
    color: #453d3f
  }

  .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: #453d3f
  }

  .miz-text--bluff-100 {
    color: #c0bbbc
  }

  .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: #c0bbbc
  }

  .miz-text--bluff-200 {
    color: #9d9799
  }

  .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: #9d9799
  }

  .miz-text--bluff-300 {
    color: #7b7476
  }

  .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: #7b7476
  }

  .miz-text--bluff-400 {
    color: #453d3f
  }

  .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: #453d3f
  }

  .miz-text--bluff-500 {
    color: #2e282a
  }

  .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: #2e282a
  }

  .miz-text--bluff-600 {
    color: #171415
  }

  .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: #171415
  }

  .miz-text--limestone {
    color: #d4d4d4
  }

  .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: #d4d4d4
  }

  .miz-text--burr-oak {
    color: #7f4a0f
  }

  .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: #7f4a0f
  }

  .miz-text--burr-oak-100 {
    color: #cab8a2
  }

  .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: #cab8a2
  }

  .miz-text--burr-oak-200 {
    color: #957655
  }

  .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: #957655
  }

  .miz-text--burr-oak-300 {
    color: #8f6331
  }

  .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: #8f6331
  }

  .miz-text--burr-oak-400 {
    color: #7f4a0f
  }

  .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: #7f4a0f
  }

  .miz-text--burr-oak-500 {
    color: #6e400d
  }

  .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: #6e400d
  }

  .miz-text--burr-oak-600 {
    color: #2f1d05
  }

  .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: #2f1d05
  }

  .miz-text--slate {
    color: #4a596e
  }

  .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: #4a596e
  }

  .miz-text--slate-100 {
    color: #d2d6db
  }

  .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: #d2d6db
  }

  .miz-text--slate-200 {
    color: #afb4ba
  }

  .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: #afb4ba
  }

  .miz-text--slate-300 {
    color: #8d9299
  }

  .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: #8d9299
  }

  .miz-text--slate-400 {
    color: #4a596e
  }

  .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: #4a596e
  }

  .miz-text--slate-500 {
    color: #484e58
  }

  .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: #484e58
  }

  .miz-text--slate-600 {
    color: #252c37
  }

  .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: #252c37
  }

  .miz-text--mulberry {
    color: #6e0026
  }

  .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: #6e0026
  }

  .miz-text--mulberry-100 {
    color: #f0c8d2
  }

  .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: #f0c8d2
  }

  .miz-text--mulberry-200 {
    color: #b45a6e
  }

  .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: #b45a6e
  }

  .miz-text--mulberry-300 {
    color: #8c1e3c
  }

  .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: #8c1e3c
  }

  .miz-text--mulberry-400 {
    color: #6e0026
  }

  .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: #6e0026
  }

  .miz-text--mulberry-500 {
    color: #50001c
  }

  .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: #50001c
  }

  .miz-text--mulberry-600 {
    color: #370013
  }

  .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: #370013
  }

  .miz-text--sunrise {
    color: #ef553f
  }

  .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: #ef553f
  }

  .miz-text--sunrise-100 {
    color: #ff988b
  }

  .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: #ff988b
  }

  .miz-text--sunrise-200 {
    color: #f48677
  }

  .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: #f48677
  }

  .miz-text--sunrise-300 {
    color: #f2715f
  }

  .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: #f2715f
  }

  .miz-text--sunrise-400 {
    color: #ef553f
  }

  .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: #ef553f
  }

  .miz-text--sunrise-500 {
    color: #cb4835
  }

  .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: #cb4835
  }

  .miz-text--sunrise-600 {
    color: #993429
  }

  .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: #993429
  }

  .miz-text--botanic {
    color: #008486
  }

  .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: #008486
  }

  .miz-text--botanic-100 {
    color: #bfe0e1
  }

  .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: #bfe0e1
  }

  .miz-text--botanic-200 {
    color: #99c1c1
  }

  .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: #99c1c1
  }

  .miz-text--botanic-300 {
    color: #99cecf
  }

  .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: #99cecf
  }

  .miz-text--botanic-400 {
    color: #008486
  }

  .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: #008486
  }

  .miz-text--botanic-500 {
    color: #266263
  }

  .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: #266263
  }

  .miz-text--botanic-600 {
    color: #004243
  }

  .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: #004243
  }
}

@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, 183, 25);
    --mode-background-color: rgb(0, 0, 0);
    --mode-border-color: rgb(96, 96, 96)
  }

  .miz-mode--darker {
    --mode-text-color: rgb(255, 255, 255);
    --mode-title-text-color: rgb(253, 183, 25);
    --mode-background-color: rgb(31, 31, 31);
    --mode-border-color: rgb(96, 96, 96)
  }

  .miz-mode--darkest {
    --mode-text-color: rgb(255, 255, 255);
    --mode-title-text-color: rgb(253, 183, 25);
    --mode-background-color: rgb(0, 0, 0);
    --mode-border-color: rgb(96, 96, 96)
  }
}

@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, 183, 25, 0.85), rgba(253, 183, 25, 0.85))
  }
}

@layer utility {
  .miz-background-gel--dark-gold::before {
    background: linear-gradient(rgba(253, 183, 25, 0.6), rgba(253, 183, 25, 0.6))
  }
}

.miz-space--inset-xx-small {
  padding: .125rem .125rem .125rem .125rem
}

.miz-space--inset-x-small {
  padding: .25rem .25rem .25rem .25rem
}

.miz-space--inset-small {
  padding: .5rem .5rem .5rem .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: .25rem .5rem .25rem .5rem
}

.miz-space--inset-squish-small {
  padding: .5rem .75rem .5rem .75rem
}

.miz-space--inset-squish-medium {
  padding: .75rem 1rem .5rem 1rem
}

.miz-space--inset-squish-large {
  padding: 1rem 1.5rem 1rem 1.5rem
}

@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: 1rem
  }

  .miz-text-size--small {
    font-size: .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
  }
}

.miz-visually-hidden {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.miz-visually-hidden:not(caption) {
  position: absolute
}

@layer utility {
  .miz-highlight-one {
    --highlight-text-color-default: rgb(0, 0, 0);
    --highlight-color-default: rgb(253, 183, 25);
    color: var(--highlight-text-color, var(--highlight-text-color-default));
    -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
    text-decoration-color: var(--highlight-color, var(--highlight-color-default));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: -0.075cap;
    text-decoration-thickness: .138cap
  }

  .miz-highlight-one--gold {
    --highlight-text-color-default: rgb(0, 0, 0);
    --highlight-color-default: rgb(255, 255, 255);
    color: var(--highlight-text-color, var(--highlight-text-color-default));
    -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
    text-decoration-color: var(--highlight-color, var(--highlight-color-default));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: -0.075cap;
    text-decoration-thickness: .138cap
  }
}

@layer utility {
  .miz-highlight-two--black-gold>span {
    --highlight-text-color-default: rgb(0, 0, 0);
    --highlight-color-default: rgb(253, 183, 25);
    color: var(--highlight-text-color, var(--highlight-text-color-default));
    background-color: var(--highlight-color, var(--highlight-color-default));
    padding: 0 .25rem .1cap;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
  }

  .miz-highlight-two--black-white>span {
    --highlight-text-color-default: rgb(0, 0, 0);
    --highlight-color-default: rgb(255, 255, 255);
    color: var(--highlight-text-color, var(--highlight-text-color-default));
    background-color: var(--highlight-color, var(--highlight-color-default));
    padding: 0 .25rem .1cap;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
  }

  .miz-highlight-two--gold-black>span {
    --highlight-text-color-default: rgb(253, 183, 25);
    --highlight-color-default: rgb(0, 0, 0);
    color: var(--highlight-text-color, var(--highlight-text-color-default));
    background-color: var(--highlight-color, var(--highlight-color-default));
    padding: 0 .25rem .1cap;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
  }

  .miz-highlight-two--white-black>span {
    --highlight-text-color-default: rgb(255, 255, 255);
    --highlight-color-default: rgb(0, 0, 0);
    color: var(--highlight-text-color, var(--highlight-text-color-default));
    background-color: var(--highlight-color, var(--highlight-color-default));
    padding: 0 .25rem .1cap;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
  }
}

@layer utility {
  .miz-manuka {
    font-family: "Manuka";
    font-synthesis: none
  }
}

@layer utility {
  .miz-martina {
    font-family: "Martina Plantijn";
    font-synthesis: none
  }
}

@layer layout {
  .miz-grid {
    --miz-grid-grid-container-type: inline-size;
    --miz-grid-grid-position: relative;
    --miz-grid-grid-display: grid;
    --miz-grid-grid-align-items: normal;
    --miz-grid-grid-justify-items: normal;
    --miz-grid-grid-align-content: normal;
    --miz-grid-grid-justify-content: center;
    --miz-grid-grid-row-gap: 0px;
    --miz-grid-grid-col-gap: 0px;
    --miz-grid-grid-gap: var(--miz-grid-grid-row-gap) var(--miz-grid-grid-col-gap);
    --miz-grid-grid-isolation: isolate;
    --miz-grid-grid-overflow: visible;
    --miz-grid-grid-max-width: 1920px;
    --miz-grid-grid-margin-right: auto;
    --miz-grid-grid-margin-left: auto;
    container: miz-grid/var(--miz-grid-grid-container-type);
    position: var(--miz-grid-grid-position);
    display: var(--miz-grid-grid-display);
    place-items: var(--miz-grid-grid-align-items) var(--miz-grid-grid-justify-items);
    place-content: var(--miz-grid-grid-align-content) var(--miz-grid-grid-justify-content);
    gap: var(--miz-grid-grid-gap);
    isolation: var(--miz-grid-grid-isolation);
    overflow: var(--miz-grid-grid-overflow);
    max-width: var(--miz-grid-grid-max-width);
    margin-right: var(--miz-grid-grid-margin-right);
    margin-left: var(--miz-grid-grid-margin-left);
    --miz-grid-grid-template-columns: [full-start main-start] repeat(1, [col] 1fr) [main-end full-end];
    grid-template-columns: var(--miz-grid-grid-template-columns);
    --miz-grid-grid-template-rows: [top main-start] repeat(1, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-grid-grid-template-rows);
    --miz-grid-grid-template-areas: " body";
    grid-template-areas: var(--miz-grid-grid-template-areas)
  }

  .miz-grid:has(>.miz-grid__header),
  .miz-grid:has(>.miz-grid__footer) {
    --miz-grid-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-grid-grid-template-rows)
  }

  .miz-grid:has(>.miz-grid__header):has(>.miz-grid__footer) {
    --miz-grid-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-grid-grid-template-rows)
  }

  .miz-grid:has(>.miz-grid__header) {
    --miz-grid-grid-template-areas: " header" " body";
    grid-template-areas: var(--miz-grid-grid-template-areas)
  }

  .miz-grid:has(>.miz-grid__footer) {
    --miz-grid-grid-template-areas: " body" " footer";
    grid-template-areas: var(--miz-grid-grid-template-areas)
  }

  .miz-grid:has(>.miz-grid__header):has(>.miz-grid__footer) {
    --miz-grid-grid-template-areas: " header" " body" " footer";
    grid-template-areas: var(--miz-grid-grid-template-areas)
  }
}

@layer layout {
  @media(min-width: 768px) {
    .miz-grid--2-up {
      ---grid-template-columns: [full-start main-start] repeat(2, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns)
    }
  }
}

@layer layout {
  @media(min-width: 768px) {
    .miz-grid--3-up {
      ---grid-template-columns: [full-start main-start] repeat(3, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns)
    }
  }
}

@layer layout {
  @media(min-width: 768px) {
    .miz-grid--4-up {
      ---grid-template-columns: [full-start main-start] repeat(4, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns)
    }
  }
}

@layer layout {
  .miz-grid--8-4 {
    --miz-grid-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
    --miz-grid-grid-template-areas: "body" "aside"
  }

  @media(min-width: 768px) {
    .miz-grid--8-4 {
      ---grid-template-columns: [full-start main-start] repeat(3, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns);
      ---grid-template-areas: " body body aside";
      grid-template-areas: var(---grid-template-areas)
    }
  }
}

@layer layout {
  .miz-grid--9-3 {
    --miz-grid-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
    --miz-grid-grid-template-areas: "body" "aside"
  }

  @media(min-width: 768px) {
    .miz-grid--9-3 {
      ---grid-template-columns: [full-start main-start] repeat(4, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns);
      ---grid-template-areas: " body body body aside";
      grid-template-areas: var(---grid-template-areas)
    }
  }
}

@layer layout {
  .miz-grid--4-8 {
    --miz-grid-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
    --miz-grid-grid-template-areas: "body" "aside"
  }

  @media(min-width: 768px) {
    .miz-grid--4-8 {
      ---grid-template-columns: [full-start main-start] repeat(3, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns);
      ---grid-template-areas: " aside body body";
      grid-template-areas: var(---grid-template-areas)
    }
  }
}

@layer layout {
  .miz-grid--3-9 {
    --miz-grid-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
    --miz-grid-grid-template-areas: "body" "aside"
  }

  @media(min-width: 768px) {
    .miz-grid--3-9 {
      ---grid-template-columns: [full-start main-start] repeat(4, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns);
      ---grid-template-areas: " aside body body body";
      grid-template-areas: var(---grid-template-areas)
    }
  }
}

@layer layout {
  .miz-grid__body {
    grid-area: body
  }
}

.miz-grid__aside {
  grid-area: aside
}

@layer component {
  .miz-alert {
    --alert-padding: 1rem 1rem 1rem 1rem;
    --alert-background-color: transparent;
    --alert-font-weight: 600;
    --alert-text-color: rgb(0, 0, 0);
    --alert-background-color-selection: auto;
    position: relative;
    display: grid;
    grid-template-rows: [top main-start] minmax(-webkit-min-content, auto) [main-end bottom];
    grid-template-rows: [top main-start] minmax(min-content, auto) [main-end bottom];
    grid-template-areas: ". body body body body body body body body body body body body .";
    gap: 0;
    padding: var(--alert-padding);
    background-color: var(--alert-background-color);
    color: var(--alert-text-color);
    font-weight: var(--alert-font-weight);
    grid-template-columns: [full-start] 16px [main-start] repeat(12, [col] 1fr) [main-end] 16px [full-end]
  }

  @media(min-width: 576px) {
    .miz-alert {
      grid-template-columns: [full-start] 16px [main-start] repeat(12, [col] 1fr) [main-end] 16px [full-end]
    }
  }

  @media(min-width: 768px) {
    .miz-alert {
      grid-template-columns: [full-start] 32px [main-start] repeat(12, [col] 1fr) [main-end] 32px [full-end]
    }
  }

  @media(min-width: 1024px) {
    .miz-alert {
      grid-template-columns: [full-start] 64px [main-start] repeat(12, [col] 1fr) [main-end] 64px [full-end]
    }
  }

  @media(min-width: 1280px) {
    .miz-alert {
      grid-template-columns: [full-start] 96px [main-start] repeat(12, [col] 1fr) [main-end] 96px [full-end]
    }
  }

  @media(min-width: 1440px) {
    .miz-alert {
      grid-template-columns: [full-start] 160px [main-start] repeat(12, [col] 1fr) [main-end] 160px [full-end]
    }
  }

  .miz-alert ::-moz-selection {
    background-color: var(--alert-background-color-selection)
  }

  .miz-alert ::selection {
    background-color: var(--alert-background-color-selection)
  }
}

@layer component {
  .miz-alert__body {
    grid-column: main;
    display: flex;
    flex-flow: row wrap;
    place-content: center flex-start;
    align-items: flex-start;
    gap: 1rem
  }
}

@layer component {
  .miz-alert__media {
    flex: 0 1 0
  }
}

@layer component {
  .miz-alert__content {
    flex: 1 1 0
  }

  .miz-alert__content :is(a) {
    font-weight: 700
  }

  .miz-alert__content :is(a):hover {
    text-decoration: none
  }
}

@layer component {
  .miz-alert__icon:empty {
    display: none
  }
}

.miz-alert--info {
  --alert-background-color: rgb(0, 119, 230);
  --alert-background-color-selection: hsl(from rgb(0, 119, 230) h s calc(l - 20));
  --alert-text-color: rgb(255, 255, 255)
}

.miz-alert--clear {
  --alert-background-color: rgb(58, 133, 35);
  --alert-background-color-selection: hsl(from rgb(58, 133, 35) h s calc(l - 10));
  --alert-text-color: rgb(255, 255, 255)
}

.miz-alert--warning {
  --alert-background-color: rgb(244, 130, 37);
  --alert-background-color-selection: hsl(from rgb(244, 130, 37) h s calc(l - 10));
  --alert-text-color: rgb(0, 0, 0)
}

.miz-alert--severe {
  --alert-background-color: rgb(237, 2, 18);
  --alert-background-color-selection: hsl(from rgb(237, 2, 18) h s calc(l - 10));
  --alert-text-color: rgb(255, 255, 255)
}

.miz-linked-alert {
  display: block
}

@layer container {
  .miz-article {
    --article-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --article-font-size-default: 1rem;
    --article-font-weight-default: 500;
    --article-line-height-default: 1.875;
    --article-body-font-weight: 500;
    --article-body-font-weight-strong: 700;
    --article-body-font-weight-emphasis: 600;
    --article-h1-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --article-h2-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --article-h3-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --article-h4-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --article-h5-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --article-h1-font-size: 2.488rem;
    --article-h2-font-size: 2.074rem;
    --article-h3-font-size: 1.44rem;
    --article-h4-font-size: 1.44rem;
    --article-h5-font-size: 1.2rem;
    --article-h1-font-weight: 800;
    --article-h2-font-weight: 800;
    --article-h3-font-weight: 700;
    --article-h4-font-weight: 600;
    --article-h5-font-weight: 500;
    --article-h1-font-stretch: 75%;
    --article-h2-font-stretch: 75%;
    --article-h3-font-stretch: 75%;
    --article-h4-font-stretch: 75%;
    --article-h5-font-stretch: 100%;
    --article-headings-font-weight: 700;
    --article-lead-font-size: 1.2rem;
    --article-blockquote-font-size: 1rem;
    --article-small-font-size: 0.833rem;
    --article-margin-top-default: 1.5rem;
    --article-lists-padding-inline-start: 1.5rem;
    --article-li-padding-inline-start: 0.5rem;
    --article-hr-border-width: 2px;
    --article-hr-border-style: solid;
    --article-hr-border-color: rgb(253, 183, 25);
    --article-blockquote-margin-left: 2rem;
    --article-blockquote-margin-right: 2rem;
    container-name: article;
    font-family: var(--article-font-family);
    font-size: var(--article-font-size-default);
    font-weight: var(--article-font-weight-default);
    line-height: var(--article-line-height-default)
  }

  .miz-article>*+* {
    margin-top: var(--article-margin-top-default)
  }

  .miz-article h1:not([class]) {
    font-family: var(--article-h1-font-family);
    font-size: var(--article-h1-font-size);
    font-weight: var(--article-h1-font-weight);
    font-stretch: var(--article-h1-font-stretch)
  }

  .miz-article h2:not([class]) {
    font-family: var(--article-h2-font-family);
    font-size: var(--article-h2-font-size);
    font-weight: var(--article-h2-font-weight);
    font-stretch: var(--article-h2-font-stretch)
  }

  .miz-article h3:not([class]) {
    font-family: var(--article-h3-font-family);
    font-size: var(--article-h3-font-size);
    font-weight: var(--article-h3-font-weight);
    font-stretch: var(--article-h3-font-stretch)
  }

  .miz-article h4:not([class]) {
    font-family: var(--article-h4-font-family);
    font-size: var(--article-h4-font-size);
    font-weight: var(--article-h4-font-weight);
    font-stretch: var(--article-h4-font-stretch)
  }

  .miz-article h5:not([class]) {
    font-family: var(--article-h5-font-family);
    font-size: var(--article-h5-font-size);
    font-weight: var(--article-h5-font-weight);
    font-stretch: var(--article-h5-font-stretch)
  }

  .miz-article p:not([class]) {
    font-weight: var(--article-body-font-weight)
  }

  .miz-article ol:not([class]),
  .miz-article ul:not([class]) {
    -webkit-padding-start: var(--article-lists-padding-inline-start);
    padding-inline-start: var(--article-lists-padding-inline-start)
  }

  .miz-article li:not([class]) {
    -webkit-padding-start: var(--article-li-padding-inline-start);
    padding-inline-start: var(--article-li-padding-inline-start)
  }

  .miz-article hr:not([class]) {
    border: none;
    border-top: var(--article-hr-border-width) var(--article-hr-border-style) var(--article-hr-border-color)
  }

  .miz-article blockquote:not([class]) {
    position: relative;
    margin-left: var(--article-blockquote-margin-left);
    margin-right: var(--article-blockquote-margin-right);
    font-size: var(--article-blockquote-font-size)
  }

  .miz-article blockquote:not([class])+figcaption:not([class]) {
    margin-top: .5rem;
    margin-left: var(--article-blockquote-margin-left);
    margin-right: var(--article-blockquote-margin-right)
  }

  .miz-article small:not([class]) {
    font-size: var(--article-small-font-size)
  }

  .miz-article b:not([class]),
  .miz-article strong:not([class]) {
    font-weight: var(--article-body-font-weight-strong)
  }

  .miz-article i:not([class]),
  .miz-article em:not([class]) {
    font-weight: var(--article-body-font-weight-emphasis)
  }

  .miz-article__lead {
    font-size: var(--article-lead-font-size)
  }
}

@layer component {
  .miz-button {
    --button-padding: 1rem;
    --button-border-width: 2px;
    --button-border-style: solid;
    --button-border-color: transparent;
    --button-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
    --button-background-color: transparent;
    --button-font-color: rgb(0, 0, 0);
    --button-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --button-font-size: medium;
    --button-font-weight: 600;
    --button-line-height: 1.5;
    --button-text-transform: none;
    --button-transition: all 0.1s ease-in-out 0s;
    display: inline-block;
    padding: var(--button-padding);
    border-width: var(--button-border-width);
    border-style: var(--button-border-style);
    border-color: var(--button-border-color);
    border-radius: var(--button-border-radius);
    background-color: var(--button-background-color);
    color: var(--button-font-color);
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    line-height: var(--button-line-height);
    text-transform: var(--button-text-transform);
    text-decoration: none;
    transition: var(--button-transition);
    white-space: nowrap;
    cursor: pointer;
    line-height: 1.3
  }

  .miz-button::before,
  .miz-button::after {
    content: "";
    display: block;
    height: 0;
    width: 0
  }

  .miz-button::before {
    margin-bottom: calc(-0.30625em + 2px)
  }

  .miz-button::after {
    margin-top: calc(-0.275em + 0px)
  }

  .miz-button:focus-visible {
    transition: outline 0s;
    outline: 4px solid #fdb719;
    outline-offset: .25rem;
    background-color: auto
  }

  .miz-button:hover {
    --button-background-color: transparent;
    --button-border-color: transparent
  }

  .miz-button:active {
    --button-background-color: transparent;
    --button-border-color: transparent
  }
}

.miz-button--filled.miz-button--gold {
  --button-font-color: rgb(0, 0, 0);
  --button-background-color: rgb(253, 183, 25);
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--filled.miz-button--gold:hover {
  --button-background-color: rgb(255, 223, 165);
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--filled.miz-button--gold:active {
  --button-background-color: rgb(255, 209, 125);
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--filled.miz-button--black {
  --button-font-color: rgb(255, 255, 255);
  --button-background-color: rgb(0, 0, 0);
  --button-border-color: rgb(0, 0, 0)
}

.miz-button--filled.miz-button--black:hover {
  --button-background-color: rgb(70, 70, 70);
  --button-border-color: rgb(0, 0, 0)
}

.miz-button--filled.miz-button--black:active {
  --button-background-color: rgb(51, 51, 51);
  --button-border-color: rgb(0, 0, 0)
}

.miz-button--filled.miz-button--bluff {
  --button-font-color: rgb(255, 255, 255);
  --button-background-color: rgb(69, 61, 63);
  --button-border-color: rgb(69, 61, 63)
}

.miz-button--filled.miz-button--bluff:hover {
  --button-background-color: rgb(123, 116, 118);
  --button-border-color: rgb(23, 20, 21)
}

.miz-button--filled.miz-button--bluff:active {
  --button-background-color: rgb(23, 20, 21);
  --button-border-color: rgb(69, 61, 63)
}

.miz-button--filled.miz-button--burr-oak {
  --button-font-color: rgb(255, 255, 255);
  --button-background-color: rgb(127, 74, 15);
  --button-border-color: rgb(127, 74, 15)
}

.miz-button--filled.miz-button--burr-oak:hover {
  --button-background-color: rgb(143, 99, 49);
  --button-border-color: rgb(110, 64, 13)
}

.miz-button--filled.miz-button--burr-oak:active {
  --button-background-color: rgb(127, 74, 15);
  --button-border-color: rgb(127, 74, 15)
}

.miz-button--filled.miz-button--limestone {
  --button-font-color: rgb(0, 0, 0);
  --button-background-color: rgb(212, 212, 212);
  --button-border-color: rgb(212, 212, 212)
}

.miz-button--filled.miz-button--limestone:hover {
  --button-background-color: rgb(229, 229, 229);
  --button-border-color: rgb(212, 212, 212)
}

.miz-button--filled.miz-button--limestone:active {
  --button-background-color: rgb(152, 152, 152);
  --button-border-color: rgb(152, 152, 152)
}

.miz-button--outlined.miz-button--gold {
  --button-font-color: rgb(0, 0, 0);
  --button-background-color: rgb(255, 255, 255);
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--outlined.miz-button--gold:hover {
  --button-background-color: rgb(255, 223, 165);
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--outlined.miz-button--gold:active {
  --button-background-color: rgb(255, 209, 125);
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--outlined.miz-button--black {
  --button-font-color: rgb(0, 0, 0);
  --button-background-color: rgb(255, 255, 255);
  --button-border-color: rgb(0, 0, 0)
}

.miz-button--outlined.miz-button--black:hover {
  --button-background-color: rgb(229, 229, 229);
  --button-border-color: rgb(0, 0, 0)
}

.miz-button--outlined.miz-button--black:active {
  --button-background-color: rgb(212, 212, 212);
  --button-border-color: rgb(0, 0, 0)
}

.miz-button--outlined.miz-button--bluff {
  --button-font-color: rgb(69, 61, 63);
  --button-background-color: rgb(255, 255, 255);
  --button-border-color: rgb(69, 61, 63)
}

.miz-button--outlined.miz-button--bluff:hover {
  --button-background-color: rgb(192, 187, 188);
  --button-border-color: rgb(69, 61, 63)
}

.miz-button--outlined.miz-button--bluff:active {
  --button-background-color: rgb(157, 151, 153);
  --button-border-color: rgb(123, 116, 118)
}

.miz-button--outlined.miz-button--burr-oak {
  --button-font-color: rgb(127, 74, 15);
  --button-background-color: rgb(255, 255, 255);
  --button-border-color: rgb(127, 74, 15)
}

.miz-button--outlined.miz-button--burr-oak:hover {
  --button-background-color: rgb(202, 184, 162);
  --button-border-color: rgb(127, 74, 15)
}

.miz-button--outlined.miz-button--burr-oak:active {
  --button-font-color: rgb(47, 29, 5);
  --button-background-color: rgb(149, 118, 85);
  --button-border-color: rgb(143, 99, 49)
}

.miz-button--ghost.miz-button--gold {
  --button-font-color: rgb(253, 183, 25);
  --button-background-color: transparent;
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--ghost.miz-button--gold:hover {
  --button-background-color: rgba(255, 223, 165, 0.25);
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--ghost.miz-button--gold:active {
  --button-font-color: rgb(0, 0, 0);
  --button-background-color: rgb(255, 209, 125);
  --button-border-color: rgb(253, 183, 25)
}

.miz-button--ghost.miz-button--limestone {
  --button-font-color: rgb(212, 212, 212);
  --button-background-color: transparent;
  --button-border-color: rgb(255, 255, 255)
}

.miz-button--ghost.miz-button--limestone:hover {
  --button-background-color: rgba(255, 255, 255, 0.25);
  --button-border-color: rgb(255, 255, 255)
}

.miz-button--ghost.miz-button--limestone:active {
  --button-font-color: rgb(0, 0, 0);
  --button-background-color: rgb(255, 255, 255);
  --button-border-color: rgb(255, 255, 255)
}

.miz-button__icon {
  margin-top: -5px;
  margin-bottom: -2px
}

.miz-button__icon:first-child {
  margin-right: 8px;
  margin-left: -4px
}

.miz-button__icon:last-child {
  margin-right: -4px;
  margin-left: 8px
}

.miz-button__icon:only-child {
  margin: 0 -4px
}

@layer modifer {
  @scope ([data-theme='light']) {
    .miz-button {
      --button-font-color: rgb(0, 0, 0);
      --button-background-color: rgb(255, 255, 255);
      --button-border-color: rgb(253, 183, 25)
    }

    .miz-button:hover {
      --button-background-color: rgb(255, 223, 165);
      --button-border-color: rgb(253, 183, 25)
    }

    .miz-button:active {
      --button-background-color: rgb(255, 209, 125);
      --button-border-color: rgb(253, 183, 25)
    }
  }
}

@layer modifer {
  @scope ([data-theme='dark']) {
    .miz-button {
      --button-font-color: rgb(0, 0, 0);
      --button-background-color: rgb(253, 183, 25);
      --button-border-color: rgb(253, 183, 25)
    }

    .miz-button:hover {
      --button-background-color: rgb(255, 223, 165);
      --button-border-color: rgb(253, 183, 25)
    }

    .miz-button:active {
      --button-background-color: rgb(255, 209, 125);
      --button-border-color: rgb(253, 183, 25)
    }
  }
}

@layer modifer {
  @scope ([data-theme='gold']) {
    .miz-button {
      --button-font-color: rgb(255, 255, 255);
      --button-background-color: rgb(0, 0, 0);
      --button-border-color: rgb(0, 0, 0)
    }

    .miz-button:hover {
      --button-background-color: rgb(70, 70, 70);
      --button-border-color: rgb(0, 0, 0)
    }

    .miz-button:active {
      --button-background-color: rgb(51, 51, 51);
      --button-border-color: rgb(0, 0, 0)
    }
  }
}

.miz-button--text-center {
  text-align: center
}

@layer component {
  .miz-blockquote {
    --blockquote-content-border-color: rgb(253, 183, 25);
    --blockquote-content-border-size: 4px;
    --blockquote-content-border-style: solid;
    --blockquote-content-border: var(--blockquote-content-border-size) var(--blockquote-content-border-style) var(--blockquote-content-border-color);
    padding: 2rem 2rem 2rem 2rem;
    border-left: var(--blockquote-content-border)
  }

  .miz-blockquote>*+* {
    margin: 2rem 0 0 0
  }
}

@layer component {
  .miz-blockquote__quote {
    position: relative;
    font-family: "Martina Plantijn";
    font-size: 1.44rem
  }

  @media(min-width: 768px) {
    .miz-blockquote__quote {
      font-size: 2.074rem;
      line-height: 1.5
    }
  }

  .miz-blockquote__quote::before {
    content: "“";
    position: absolute;
    top: -1.25ex;
    font-family: "Manuka";
    font-size: 4.3rem;
    color: #fdb719
  }
}

@layer component {
  .miz-blockquote__attribution {
    position: relative
  }
}

@layer component {
  .miz-blockquote__name {
    position: relative;
    font-size: 1.44rem;
    font-weight: 600;
    font-style: normal
  }
}

@layer component {
  .miz-blockquote__credential {
    position: relative;
    display: block;
    margin-top: .5rem;
    font-size: 1rem;
    font-style: italic
  }
}

@layer component {
  .miz-card {
    --card-text-color: rgb(0, 0, 0);
    --card-background-color: transparent;
    --card-text-color-selection: rgb(0, 0, 0);
    --card-background-color-selection: rgb(255, 209, 125);
    --card-border-color: transparent;
    --card-border-width: 0;
    --card-border-style: 0;
    --card-border-radius: solid;
    --card-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --card-font-size: 1rem;
    --card-max-width: none;
    --card-min-width: 0;
    --card-header-text-color: rgb(0, 0, 0);
    --card-header-background-color: rgb(255, 223, 165);
    --card-header-border-size: 1px;
    --card-header-border-style: solid;
    --card-header-border-color: transparent;
    --card-header-font-weight: 600;
    --card-header-space: 0.5rem 1.5rem 0.5rem 1.5rem;
    --card-body-padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    --card-body-stack: 1rem 0 0 0;
    --card-title-text-color: ;
    --card-title-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --card-title-font-size: 2.074rem;
    --card-title-font-weight: 700;
    --card-title-font-stretch: 75%;
    --card-subtitle-text-color: rgb(0, 0, 0);
    --card-subtitle-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --card-subtitle-font-size: 1.2rem;
    --card-subtitle-font-weight: 600;
    --card-subtitle-margin-top: 0.5rem;
    --flex-display: flex;
    --flex-direction: column;
    --flex-wrap: nowrap;
    --flex-flow: var(--flex-direction) var(--flex-wrap);
    --flex-justify-content: flex-start;
    --flex-align-items: stretch;
    --flex-align-content: normal;
    --flex-row-gap: 0;
    --flex-column-gap: 0;
    --flex-gap: var(--flex-row-gap) var(--flex-column-gap);
    container: card/inline-size;
    position: relative;
    display: var(--flex-display);
    isolation: isolate;
    overflow: visible;
    flex-flow: var(--flex-flow);
    justify-content: var(--flex-justify-content);
    align-items: var(--flex-align-items);
    gap: var(--flex-gap);
    --flex-item-grow: 1;
    --flex-item-shrink: 1;
    --flex-item-basis: 0
  }

  .miz-card>* {
    flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis)
  }

  .miz-card {
    max-width: var(--card-max-width);
    min-width: var(--card-min-width);
    background-clip: border-box;
    background-color: var(--card-background-color);
    border-width: var(--card-border-width);
    border-style: var(--card-border-style);
    border-color: var(--card-border-color);
    border-radius: var(--card-border-radius);
    color: var(--card-text-color);
    font-family: var(--card-font-family);
    font-size: var(--card-font-size);
    overflow-wrap: break-word
  }

  .miz-card ::-moz-selection {
    color: var(--card-text-color-selection);
    background-color: var(--card-background-color-selection)
  }

  .miz-card ::selection {
    color: var(--card-text-color-selection);
    background-color: var(--card-background-color-selection)
  }
}

@layer component {
  .miz-card__header {
    padding: var(--card-header-space);
    margin-bottom: 0;
    background-color: var(--card-header-background-color);
    border-bottom: var(--card-header-border-size) var(--card-header-border-style) var(--card-header-border-color);
    font-size: .833rem;
    font-weight: var(--card-header-font-weight);
    color: var(--card-header-text-color)
  }

  .miz-card__header>:last-child {
    margin-bottom: 0
  }
}

@layer component {
  .miz-card__body {
    --flex-display: flex;
    --flex-direction: column;
    --flex-wrap: nowrap;
    --flex-flow: var(--flex-direction) var(--flex-wrap);
    --flex-justify-content: flex-start;
    --flex-align-items: stretch;
    --flex-align-content: normal;
    --flex-row-gap: 0;
    --flex-column-gap: 0;
    --flex-gap: var(--flex-row-gap) var(--flex-column-gap);
    container: card-body/inline-size;
    position: relative;
    display: var(--flex-display);
    isolation: isolate;
    overflow: visible;
    flex-flow: var(--flex-flow);
    justify-content: var(--flex-justify-content);
    align-items: var(--flex-align-items);
    gap: var(--flex-gap);
    --flex-item-grow: 0;
    --flex-item-shrink: 1;
    --flex-item-basis: 0
  }

  .miz-card__body>* {
    flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis)
  }

  .miz-card__body {
    padding: var(--card-body-padding)
  }

  .miz-card__body * {
    margin-bottom: 0
  }

  .miz-card__body>*+* {
    margin: var(--card-body-stack)
  }
}

@layer component {
  .miz-card__title {
    font-family: var(--card-title-font-family);
    font-size: var(--card-title-font-size);
    font-weight: var(--card-title-font-weight);
    font-stretch: var(--card-title-font-stretch);
    color: var(--card-title-text-color)
  }

  .miz-card__title:not(:last-child) {
    margin-bottom: .75rem
  }
}

@layer component {
  .miz-card__title-link {
    color: var(--link-text-color);
    --effect-underline-color: rgb(253, 183, 25);
    --effect-underline-thickness: 4px;
    --effect-background-image: linear-gradient(0deg, var(--effect-underline-color) 0%, var(--effect-underline-color) 100%);
    --effect-outline-width: 2px;
    --effect-outline-style: dashed;
    --effect-outline-color: rgb(253, 183, 25);
    --effect-outline-offset: 1px;
    z-index: 1;
    margin: 0 -1px -0.25rem -1px;
    padding: .125rem .125rem .125rem .125rem;
    background-image: var(--effect-background-image);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% var(--effect-underline-thickness);
    text-decoration: none;
    transition: background-size .2s ease-in-out, color 0s
  }

  .miz-card__title-link:hover {
    background-size: 100% 100%
  }

  .miz-card__title-link:focus-visible {
    --effect-underline-color: rgb(255, 223, 165);
    outline: 2px dashed #fdb719;
    outline: var(--effect-outline-color) var(--effect-outline-style) var(--effect-outline-width);
    outline-offset: 1px;
    background-size: 100% 100%
  }

  .miz-card__title-link:active {
    --effect-underline-color: rgb(255, 209, 125);
    background-size: 100% 100%
  }
}

@layer component {
  .miz-card__subtitle {
    margin-top: var(--card-subtitle-margin-top);
    font-family: var(--card-subtitle-font-family);
    font-size: var(--card-subtitle-font-size);
    font-weight: var(--card-subtitle-font-weight);
    color: var(--card-subtitle-text-color)
  }
}

@layer component {
  .miz-card__image {
    width: 100%;
    height: auto
  }
}

@layer component {
  @container card (width < 375px) {
    .miz-card__header {
      --card-header-space: 0.5rem 1rem
    }

    .miz-card__body {
      --card-body-space: 1rem
    }
  }
}

@layer modifier {
  .miz-card--light {
    --card-text-color: rgb(0, 0, 0);
    --card-text-color-selection: rgb(0, 0, 0);
    --card-header-text-color: ;
    --card-header-background-color: rgb(255, 223, 165);
    --card-header-border-color: rgb(212, 212, 212);
    --card-subtitle-text-color: rgb(0, 0, 0);
    --card-background-color: rgb(255, 255, 255);
    --card-background-color-selection: rgb(255, 209, 125)
  }
}

@layer theme {

  .miz-card[data-theme=light],
  *[data-theme=light] .miz-card {
    --card-text-color: rgb(0, 0, 0);
    --card-text-color-selection: rgb(0, 0, 0);
    --card-header-text-color: ;
    --card-header-background-color: rgb(255, 223, 165);
    --card-header-border-color: rgb(212, 212, 212);
    --card-subtitle-text-color: rgb(0, 0, 0);
    --card-background-color: rgb(255, 255, 255);
    --card-background-color-selection: rgb(255, 209, 125)
  }
}

@layer modifier {
  .miz-card--medium {
    --card-text-color: rgb(0, 0, 0);
    --card-text-color-selection: rgb(0, 0, 0);
    --card-header-text-color: ;
    --card-header-background-color: rgb(212, 212, 212);
    --card-header-border-color: rgb(212, 212, 212);
    --card-subtitle-text-color: rgb(0, 0, 0);
    --card-background-color: rgb(249, 249, 249);
    --card-background-color-selection: rgb(255, 209, 125)
  }
}

@layer theme {

  .miz-card[data-theme=medium],
  *[data-theme=medium] .miz-card {
    --card-text-color: rgb(0, 0, 0);
    --card-text-color-selection: rgb(0, 0, 0);
    --card-header-text-color: ;
    --card-header-background-color: rgb(212, 212, 212);
    --card-header-border-color: rgb(212, 212, 212);
    --card-subtitle-text-color: rgb(0, 0, 0);
    --card-background-color: rgb(249, 249, 249);
    --card-background-color-selection: rgb(255, 209, 125)
  }
}

@layer modifier {
  .miz-card--dark {
    --card-text-color: rgb(255, 255, 255);
    --card-text-color-selection: rgb(0, 0, 0);
    --card-title-text-color: rgb(253, 183, 25);
    --card-header-text-color: ;
    --card-header-background-color: rgb(51, 51, 51);
    --card-header-border-color: rgb(96, 96, 96);
    --card-subtitle-text-color: rgb(255, 255, 255);
    --card-background-color: rgb(0, 0, 0);
    --card-background-color-selection: rgb(152, 152, 152)
  }

  .miz-card--dark .miz-card__title-link {
    color: #fff;
    --effect-underline-color: rgb(253, 183, 25);
    --effect-underline-thickness: 4px;
    --effect-background-image: linear-gradient(0deg, var(--effect-underline-color) 0%, var(--effect-underline-color) 100%);
    --effect-outline-width: 2px;
    --effect-outline-style: dashed;
    --effect-outline-color: rgb(253, 183, 25);
    --effect-outline-offset: 1px;
    z-index: 1;
    margin: 0 -1px -0.25rem -1px;
    padding: .125rem .125rem .125rem .125rem;
    background-image: var(--effect-background-image);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% var(--effect-underline-thickness);
    text-decoration: none;
    transition: background-size .2s ease-in-out, color 0s
  }

  .miz-card--dark .miz-card__title-link:hover {
    background-size: 100% 100%
  }

  .miz-card--dark .miz-card__title-link:focus-visible {
    --effect-underline-color: rgb(255, 223, 165);
    outline: 2px dashed #fdb719;
    outline: var(--effect-outline-color) var(--effect-outline-style) var(--effect-outline-width);
    outline-offset: 1px;
    background-size: 100% 100%
  }

  .miz-card--dark .miz-card__title-link:active {
    --effect-underline-color: rgb(255, 209, 125);
    background-size: 100% 100%
  }

  .miz-card--dark .miz-card__title-link:hover {
    color: #000
  }

  .miz-card--dark .miz-card__title-link:focus-visible {
    color: #000
  }
}

@layer theme {

  .miz-card[data-theme=dark],
  *[data-theme=dark] .miz-card {
    --card-text-color: rgb(255, 255, 255);
    --card-text-color-selection: rgb(0, 0, 0);
    --card-title-text-color: rgb(253, 183, 25);
    --card-header-text-color: ;
    --card-header-background-color: rgb(51, 51, 51);
    --card-header-border-color: rgb(96, 96, 96);
    --card-subtitle-text-color: rgb(255, 255, 255);
    --card-background-color: rgb(0, 0, 0);
    --card-background-color-selection: rgb(152, 152, 152)
  }

  .miz-card[data-theme=dark] .miz-card__title-link,
  *[data-theme=dark] .miz-card .miz-card__title-link {
    color: #fff;
    --effect-underline-color: rgb(253, 183, 25);
    --effect-underline-thickness: 4px;
    --effect-background-image: linear-gradient(0deg, var(--effect-underline-color) 0%, var(--effect-underline-color) 100%);
    --effect-outline-width: 2px;
    --effect-outline-style: dashed;
    --effect-outline-color: rgb(253, 183, 25);
    --effect-outline-offset: 1px;
    z-index: 1;
    margin: 0 -1px -0.25rem -1px;
    padding: .125rem .125rem .125rem .125rem;
    background-image: var(--effect-background-image);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% var(--effect-underline-thickness);
    text-decoration: none;
    transition: background-size .2s ease-in-out, color 0s
  }

  .miz-card[data-theme=dark] .miz-card__title-link:hover,
  *[data-theme=dark] .miz-card .miz-card__title-link:hover {
    background-size: 100% 100%
  }

  .miz-card[data-theme=dark] .miz-card__title-link:focus-visible,
  *[data-theme=dark] .miz-card .miz-card__title-link:focus-visible {
    --effect-underline-color: rgb(255, 223, 165);
    outline: 2px dashed #fdb719;
    outline: var(--effect-outline-color) var(--effect-outline-style) var(--effect-outline-width);
    outline-offset: 1px;
    background-size: 100% 100%
  }

  .miz-card[data-theme=dark] .miz-card__title-link:active,
  *[data-theme=dark] .miz-card .miz-card__title-link:active {
    --effect-underline-color: rgb(255, 209, 125);
    background-size: 100% 100%
  }

  .miz-card[data-theme=dark] .miz-card__title-link:hover,
  *[data-theme=dark] .miz-card .miz-card__title-link:hover {
    color: #000
  }

  .miz-card[data-theme=dark] .miz-card__title-link:focus-visible,
  *[data-theme=dark] .miz-card .miz-card__title-link:focus-visible {
    color: #000
  }
}

@layer modifier {
  .miz-card--gold {
    --card-text-color: rgb(0, 0, 0);
    --card-text-color-selection: rgb(0, 0, 0);
    --card-subtitle-text-color: rgb(0, 0, 0);
    --card-header-text-color: ;
    --card-header-background-color: rgb(255, 209, 125);
    --card-header-border-color: rgb(0, 0, 0);
    --card-background-color: rgb(253, 183, 25);
    --card-background-color-selection: rgb(255, 237, 207)
  }
}

@layer theme {

  .miz-card[data-theme=gold],
  *[data-theme=gold] .miz-card {
    --card-text-color: rgb(0, 0, 0);
    --card-text-color-selection: rgb(0, 0, 0);
    --card-subtitle-text-color: rgb(0, 0, 0);
    --card-header-text-color: ;
    --card-header-background-color: rgb(255, 209, 125);
    --card-header-border-color: rgb(0, 0, 0);
    --card-background-color: rgb(253, 183, 25);
    --card-background-color-selection: rgb(255, 237, 207)
  }

  .miz-card[data-theme=gold] .miz-card__title-link,
  *[data-theme=gold] .miz-card .miz-card__title-link {
    --effect-underline-color: rgb(0, 0, 0);
    --effect-underline-thickness: 4px;
    --effect-background-image: linear-gradient(0deg, var(--effect-underline-color) 0%, var(--effect-underline-color) 100%);
    --effect-outline-width: 2px;
    --effect-outline-style: dashed;
    --effect-outline-color: rgb(253, 183, 25);
    --effect-outline-offset: 1px;
    z-index: 1;
    margin: 0 -1px -0.25rem -1px;
    padding: .125rem .125rem .125rem .125rem;
    background-image: var(--effect-background-image);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% var(--effect-underline-thickness);
    text-decoration: none;
    transition: background-size .2s ease-in-out, color 0s
  }

  .miz-card[data-theme=gold] .miz-card__title-link:hover,
  *[data-theme=gold] .miz-card .miz-card__title-link:hover {
    background-size: 100% 100%
  }

  .miz-card[data-theme=gold] .miz-card__title-link:focus-visible,
  *[data-theme=gold] .miz-card .miz-card__title-link:focus-visible {
    --effect-underline-color: rgb(255, 223, 165);
    outline: 2px dashed #fdb719;
    outline: var(--effect-outline-color) var(--effect-outline-style) var(--effect-outline-width);
    outline-offset: 1px;
    background-size: 100% 100%
  }

  .miz-card[data-theme=gold] .miz-card__title-link:active,
  *[data-theme=gold] .miz-card .miz-card__title-link:active {
    --effect-underline-color: rgb(255, 209, 125);
    background-size: 100% 100%
  }

  .miz-card[data-theme=gold] .miz-card__title-link:hover,
  *[data-theme=gold] .miz-card .miz-card__title-link:hover {
    --link-text-color: rgb(253, 183, 25);
    --effect-underline-color: rgb(0, 0, 0)
  }

  .miz-card[data-theme=gold] .miz-card__title-link:focus-visible,
  *[data-theme=gold] .miz-card .miz-card__title-link:focus-visible {
    --link-text-color: rgb(253, 183, 25);
    --effect-underline-color: rgb(0, 0, 0);
    --effect-outline-color: rgb(0, 0, 0)
  }
}

@layer modifier {
  .miz-card--outline {
    --card-border-width: 1px;
    --card-border-style: solid;
    --card-border-color: rgb(212, 212, 212)
  }

  .miz-card--outline.miz-card--light,
  .miz-card--outline[data-theme=light],
  *[data-theme=light] .miz-card--outline {
    --card-border-color: rgb(212, 212, 212)
  }

  .miz-card--outline.miz-card--medium,
  .miz-card--outline[data-theme=medium],
  *[data-theme=medium] .miz-card--outline {
    --card-border-color: rgb(212, 212, 212)
  }

  .miz-card--outline.miz-card--dark,
  .miz-card--outline[data-theme=dark],
  *[data-theme=dark] .miz-card--outline {
    --card-border-color: rgb(96, 96, 96)
  }

  .miz-card--outline.miz-card--gold,
  .miz-card--outline[data-theme=gold],
  *[data-theme=gold] .miz-card--outline {
    --card-border-color: rgb(0, 0, 0)
  }
}

@layer modifier {
  @media(min-width: 768px) {
    .miz-card--inline {
      --flex-direction: row;
      --flex-align-items: stretch
    }

    .miz-card--inline :is(.miz-card__picture),
    .miz-card--inline :has(.miz-card__picture) {
      display: flex;
      min-width: 40%;
      min-height: 200px;
      overflow: hidden
    }

    .miz-card--inline :is(.miz-card__picture) .miz-card__image,
    .miz-card--inline :has(.miz-card__picture) .miz-card__image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover
    }

    .miz-card--inline .miz-card__body {
      --flex-justify-content: flex-start;
      --flex-align-content: flex-start
    }
  }
}

@layer modifier {
  .miz-card__body--flush {
    padding-right: 0;
    padding-left: 0
  }
}

@layer modifier {

  .miz-card__body--center .miz-card__title,
  .miz-card__body--center .miz-card__subtitle {
    text-align: center
  }

  .miz-card__body--center * {
    margin-left: auto;
    margin-right: auto
  }
}

@layer theme {
  .miz-card--special {
    --card-font-size: 1.1em;
    --card-title-font-size: 3em;
    --card-subtitle-font-size: 1.3em;
    --card-title-font-family: Manuka;
    --card-subtitle-font-family: Martina Plantijn;
    --card-body-stack: 2rem 0 0 0
  }
}

.miz-pattern--background {
  --pattern-svg-url: url(none);
  --pattern-background-color: transparent;
  --pattern-foreground-color: transparent
}

.miz-pattern--background::before {
  content: "";
  position: absolute;
  -webkit-mask-image: var(--pattern-svg-url);
  mask-image: var(--pattern-svg-url);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--pattern-foreground-color)
}

.miz-pattern--background {
  overflow: hidden;
  background-color: var(--pattern-background-color)
}

.miz-pattern--background::before {
  height: 600%;
  top: 0;
  left: 0;
  right: 0
}

.miz-pattern--ribbon {
  --pattern-svg-url: url(none);
  --pattern-background-color: transparent;
  --pattern-foreground-color: transparent
}

.miz-pattern--ribbon::before {
  content: "";
  position: absolute;
  -webkit-mask-image: var(--pattern-svg-url);
  mask-image: var(--pattern-svg-url);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--pattern-foreground-color)
}

.miz-pattern--ribbon {
  box-shadow: inset 0 64px var(--pattern-background-color)
}

.miz-pattern--ribbon::before {
  height: 64px;
  top: 0;
  right: 0;
  left: 0
}

.miz-pattern--1839a {
  --pattern-svg-url: url(../images/1839a-full.min.svg)
}

.miz-pattern--columns {
  --pattern-svg-url: url(../images/columns-full.min.svg)
}

.miz-pattern--tiger-stripes {
  --pattern-svg-url: url(../images/tiger-stripes-full.min.svg)
}

.miz-pattern--w20-b {
  --pattern-text-color: rgb(255, 255, 255);
  --pattern-background-color: rgb(0, 0, 0);
  --pattern-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
}

.miz-pattern--w20-g {
  --pattern-text-color: rgb(0, 0, 0);
  --pattern-background-color: rgb(253, 183, 25);
  --pattern-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
}

.miz-pattern--b10-ls {
  --pattern-text-color: ;
  --pattern-background-color: rgb(212, 212, 212);
  --pattern-foreground-color: rgb(from rgb(0, 0, 0) r g b/calc(alpha * 0.1))
}

.miz-pattern--g20-w {
  --pattern-text-color: ;
  --pattern-background-color: rgb(255, 255, 255);
  --pattern-foreground-color: rgb(from rgb(253, 183, 25) r g b/calc(alpha * 0.2))
}

@layer modifier {
  .miz-decoration-container {
    border-top-right-radius: 105px;
    overflow: hidden
  }

  .miz-decoration-container--reverse {
    border-top-left-radius: 105px;
    overflow: hidden
  }

  .miz-decoration-container--double-curve {
    border-top-right-radius: 105px;
    border-bottom-left-radius: 105px;
    overflow: hidden
  }

  .miz-decoration-container--double-curve--reverse {
    border-top-left-radius: 105px;
    border-bottom-right-radius: 105px;
    overflow: hidden
  }

  .miz-decoration-container--layered {
    box-shadow: 1.5rem 1.5rem #fdb719;
    width: calc(100% - 1.5rem);
    margin: 0 1.5rem 1.5rem 0;
    overflow: hidden
  }

  .miz-decoration-container--layered-to-bl {
    box-shadow: -1.5rem 1.5rem #fdb719;
    width: calc(100% - 1.5rem);
    margin: 0 0 1.5rem 1.5rem;
    overflow: hidden
  }
}

@layer modifier {
  .miz-decoration-bg--vertical-gradient::before {
    background: #fdb719;
    background: linear-gradient(90deg, transparent 0%, rgb(253, 183, 25) 51%, transparent 100%)
  }

  .miz-decoration-bg--vertical-gradient-black::before {
    background: #000;
    background: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 51%, transparent 100%)
  }

  .miz-decoration-bg--vertical-gradient-white::before {
    background: #fff;
    background: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 66%, transparent 100%)
  }
}

.miz-dropdown {
  --dropdown-content-min-width: 200px;
  --dropdown-content-max-width: 250px;
  position: relative
}

.miz-dropdown__button {
  position: relative;
  z-index: 2001;
  text-align: left;
  border: none;
  cursor: pointer
}

.miz-dropdown__button-icon {
  transition: transform 100ms
}

.miz-dropdown__button[aria-expanded=true] .miz-dropdown__button-icon {
  transform: rotate(180deg)
}

.miz-dropdown__panel {
  display: grid;
  grid-template-rows: 0fr;
  grid-auto-rows: 0fr;
  transition: border 100ms, padding-top 100ms, padding-bottom 100ms, grid-template-rows 100ms;
  position: absolute;
  overflow: hidden;
  z-index: 2000;
  left: 0
}

.miz-dropdown__panel.expand {
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr
}

.miz-dropdown__panel * {
  min-height: 0
}

@layer component {
  .miz-icon {
    --icon-padding: auto auto;
    --icon-width: 1.5rem;
    --icon-height: 1.5rem;
    --icon-max-width: 6rem;
    --icon-max-height: 6rem;
    --icon-min-width: 1.25rem;
    --icon-min-height: 1.25rem;
    --icon-color: currentcolor;
    --icon-background-color: transparent;
    --icon-user-select: all;
    display: inline-block;
    vertical-align: middle;
    padding: var(--icon-padding);
    max-width: var(--icon-max-width);
    max-height: var(--icon-max-height);
    min-width: var(--icon-min-width);
    min-height: var(--icon-min-height);
    width: var(--icon-width);
    height: var(--icon-height);
    color: var(--icon-color);
    background-color: var(--icon-background-color);
    -webkit-user-select: var(--icon-user-select);
    -moz-user-select: var(--icon-user-select);
    -ms-user-select: var(--icon-user-select);
    user-select: var(--icon-user-select)
  }
}

@layer modifier {
  .miz-icon--fill-circle {
    --icon-background-color: rgb(253, 183, 25);
    --icon-color: rgb(0, 0, 0);
    --icon-padding: 0.5rem 0.5rem;
    box-sizing: content-box;
    border-radius: 50%
  }

  .miz-icon--fill-circle.miz-icon--small {
    --icon-padding: 0.5rem 0.5rem
  }

  .miz-icon--fill-circle.miz-icon--large {
    --icon-padding: 0.75rem 0.75rem
  }

  .miz-icon--fill-circle.miz-icon--x-large {
    --icon-padding: 1rem 1rem
  }
}

@layer modifier {
  .miz-icon--small {
    --icon-width: 1.25rem;
    --icon-height: 1.25rem;
    --icon-max-width: 1.25rem;
    --icon-max-height: 1.25rem
  }

  .miz-icon--large {
    --icon-width: 2.5rem;
    --icon-height: 2.5rem;
    --icon-max-width: 2.5rem;
    --icon-max-height: 2.5rem
  }

  .miz-icon--x-large {
    --icon-width: 3rem;
    --icon-height: 3rem;
    --icon-max-width: 3rem;
    --icon-max-height: 3rem
  }
}

@layer component {
  .miz-image {
    --image-position: relative;
    --image-margin: 0 0;
    --image-width: 100%;
    --image-height: auto;
    --image-max-width: 100%;
    --image-aspect-ratio: auto;
    position: var(--image-position);
    bottom: 0;
    display: block;
    width: var(--image-width);
    height: var(--image-height);
    max-width: var(--image-max-width);
    margin: var(--image-margin);
    aspect-ratio: var(--image-aspect-ratio)
  }
}

@layer modifier {
  .miz-image--curve-container {
    border-top-right-radius: 105px;
    overflow: hidden
  }

  .miz-image--double-curve-container {
    border-top-right-radius: 105px;
    border-bottom-left-radius: 105px;
    overflow: hidden
  }

  .miz-image--layered {
    box-shadow: 1.5rem 1.5rem #fdb719;
    width: calc(100% - 1.5rem);
    margin: 0 1.5rem 1.5rem 0;
    overflow: hidden
  }
}

.miz-input-text {
  border-radius: 0;
  border: 1px solid #d4d4d4;
  padding: .5rem .75rem .5rem .75rem;
  max-height: 32px
}

.miz-input-search {
  border-radius: 0;
  border: 1px solid #d4d4d4;
  padding: .5rem .75rem .5rem .75rem;
  max-height: 32px
}

.miz-input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%
}

.miz-input-group__button {
  flex: 0 0 auto;
  margin: 0 -1px 0 0
}

.miz-input+.miz-input-group__button {
  margin: 0 0 0 -1px
}

.miz-label--hidden {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.miz-label--hidden:not(caption) {
  position: absolute
}

@layer component {

  .miz-link,
  .miz-link-container a:not([aria-hidden=true]) {
    --link-font-size: inherit;
    --link-font-weight: 600;
    --link-font-stretch: inherit;
    --link-text-color: currentcolor;
    --link-background-color: transparent;
    --link-border-color: transparent;
    --effect-underline-color: rgb(253, 183, 25);
    --effect-underline-thickness: 2px;
    --effect-background-image: linear-gradient(0deg, var(--effect-underline-color) 0%, var(--effect-underline-color) 100%);
    --effect-outline-width: 2px;
    --effect-outline-style: dashed;
    --effect-outline-color: rgb(253, 183, 25);
    --effect-outline-offset: 1px;
    z-index: 1;
    margin: 0 -1px -0.25rem -1px;
    padding: .125rem .125rem .125rem .125rem;
    background-image: var(--effect-background-image);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% var(--effect-underline-thickness);
    text-decoration: none;
    transition: background-size .2s ease-in-out, color 0s
  }

  .miz-link:hover,
  .miz-link-container a:hover:not([aria-hidden=true]) {
    background-size: 100% 100%
  }

  .miz-link:focus-visible,
  .miz-link-container a:focus-visible:not([aria-hidden=true]) {
    --effect-underline-color: rgb(255, 223, 165);
    outline: 2px dashed #fdb719;
    outline: var(--effect-outline-color) var(--effect-outline-style) var(--effect-outline-width);
    outline-offset: 1px;
    background-size: 100% 100%
  }

  .miz-link:active,
  .miz-link-container a:active:not([aria-hidden=true]) {
    --effect-underline-color: rgb(255, 209, 125);
    background-size: 100% 100%
  }

  .miz-link,
  .miz-link-container a:not([aria-hidden=true]) {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--link-text-color, var(--link-text-color-override));
    background-color: var(--link-background-color);
    font-size: var(--link-font-size);
    font-stretch: var(--link-font-stretch);
    font-weight: var(--link-font-weight)
  }
}

@layer container {}

@layer component {
  .miz-link-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
  }

  .miz-link-group.miz-link-group--center {
    justify-content: center
  }
}

@layer component {
  .miz-link__icon {
    vertical-align: middle
  }

  .miz-link__icon:first-child {
    margin-right: 12px;
    margin-left: -4px
  }

  .miz-link__icon:last-child {
    margin-right: -4px;
    margin-left: 8px
  }

  .miz-link__icon:only-child {
    margin: 0 -4px
  }
}

@layer modifier {
  .miz-link--condensed {
    font-stretch: condensed
  }
}

@layer modifier {

  .miz-link--light,
  .miz-link[data-theme=light] {
    --link-text-color: rgb(0, 0, 0)
  }

  .miz-link--light:active,
  .miz-link[data-theme=light]:active {
    --link-background-color-hover: rgb(229, 229, 229)
  }

  @scope ([data-theme='light']) {
    .miz-link {
      --link-text-color: rgb(0, 0, 0);
      --link-border-color: rgb(96, 96, 96)
    }

    .miz-link:active {
      --link-background-color-hover: rgb(229, 229, 229)
    }
  }
}

@layer modifier {

  .miz-link--dark,
  .miz-link[data-theme=dark] {
    --link-text-color: rgb(255, 255, 255);
    --effect-underline-color: rgb(253, 183, 25)
  }

  .miz-link--dark:hover,
  .miz-link[data-theme=dark]:hover {
    --link-text-color: rgb(0, 0, 0)
  }

  .miz-link--dark:focus-visible,
  .miz-link[data-theme=dark]:focus-visible {
    --link-text-color: rgb(0, 0, 0);
    --effect-underline-color: rgb(255, 223, 165)
  }

  .miz-link--dark:active,
  .miz-link[data-theme=dark]:active {
    --link-text-color: rgb(0, 0, 0);
    --effect-underline-color: rgb(255, 209, 125)
  }

  @scope ([data-theme='dark']) {
    .miz-link {
      --link-text-color: rgb(255, 255, 255);
      --effect-underline-color: rgb(253, 183, 25)
    }

    .miz-link:hover {
      --link-text-color: rgb(0, 0, 0)
    }

    .miz-link:focus-visible {
      --link-text-color: rgb(0, 0, 0);
      --effect-underline-color: rgb(255, 223, 165)
    }

    .miz-link:active {
      --link-text-color: rgb(0, 0, 0);
      --effect-underline-color: rgb(255, 209, 125)
    }
  }
}

@layer modifier {

  .miz-link--gold,
  .miz-link[data-theme=gold] {
    --link-text-color: rgb(0, 0, 0);
    --effect-underline-color: rgb(0, 0, 0)
  }

  .miz-link--gold:hover,
  .miz-link[data-theme=gold]:hover {
    --link-text-color: rgb(253, 183, 25)
  }

  .miz-link--gold:focus-visible,
  .miz-link[data-theme=gold]:focus-visible {
    --link-text-color: rgb(253, 183, 25);
    --effect-underline-color: rgb(0, 0, 0);
    --effect-outline-color: rgb(0, 0, 0)
  }

  .miz-link--gold:active,
  .miz-link[data-theme=gold]:active {
    --link-text-color: rgb(253, 183, 25);
    --effect-underline-color: rgb(0, 0, 0)
  }

  @scope ([data-theme='gold']) {
    .miz-link {
      --link-text-color: rgb(0, 0, 0);
      --effect-underline-color: rgb(0, 0, 0)
    }

    .miz-link:hover {
      --link-text-color: rgb(253, 183, 25)
    }

    .miz-link:focus-visible {
      --link-text-color: rgb(253, 183, 25);
      --effect-underline-color: rgb(0, 0, 0);
      --effect-outline-color: rgb(0, 0, 0)
    }

    .miz-link:active {
      --link-text-color: rgb(253, 183, 25);
      --effect-underline-color: rgb(0, 0, 0)
    }
  }
}

@layer modifier {
  .miz-link--cta {
    --link-font-weight: 600;
    --link-font-stretch: 75%;
    --effect-underline-thickness: 3px;
    padding-right: 10px
  }

  .miz-link--cta:hover {
    background-size: 0 3px
  }

  .miz-link--cta:focus-visible {
    background-size: 0 3px;
    transition: none
  }

  .miz-link--cta:active {
    background-size: 100% 3px
  }
}

@layer modifier {

  .miz-link--cta.miz-link--dark,
  .miz-link--cta.miz-link[data-theme=dark] {
    --link-text-color: rgb(255, 255, 255);
    --effect-underline-color: rgb(253, 183, 25)
  }

  .miz-link--cta.miz-link--dark:hover,
  .miz-link--cta.miz-link[data-theme=dark]:hover {
    --link-text-color: rgb(255, 255, 255)
  }

  .miz-link--cta.miz-link--dark:focus-visible,
  .miz-link--cta.miz-link[data-theme=dark]:focus-visible {
    --link-text-color: rgb(255, 255, 255)
  }

  .miz-link--cta.miz-link--dark:active,
  .miz-link--cta.miz-link[data-theme=dark]:active {
    --link-text-color: rgb(255, 255, 255)
  }

  @scope ([data-theme='dark']) {
    .miz-link--cta {
      --link-text-color: rgb(255, 255, 255);
      --effect-underline-color: rgb(253, 183, 25)
    }

    .miz-link--cta:hover {
      --link-text-color: rgb(255, 255, 255)
    }

    .miz-link--cta:focus-visible {
      --link-text-color: rgb(255, 255, 255)
    }

    .miz-link--cta:active {
      --link-text-color: rgb(255, 255, 255)
    }
  }
}

@layer modifier {

  .miz-link--cta.miz-link--gold,
  .miz-link--cta.miz-link[data-theme=gold] {
    --effect-underline-color: rgb(0, 0, 0)
  }

  .miz-link--cta.miz-link--gold:hover,
  .miz-link--cta.miz-link[data-theme=gold]:hover {
    --link-text-color: rgb(0, 0, 0)
  }

  .miz-link--cta.miz-link--gold:focus-visible,
  .miz-link--cta.miz-link[data-theme=gold]:focus-visible {
    --link-text-color: rgb(0, 0, 0)
  }

  .miz-link--cta.miz-link--gold:active,
  .miz-link--cta.miz-link[data-theme=gold]:active {
    --link-text-color: rgb(0, 0, 0)
  }

  @scope ([data-theme='gold']) {
    .miz-link--cta {
      --effect-underline-color: rgb(0, 0, 0)
    }

    .miz-link--cta:hover {
      --link-text-color: rgb(0, 0, 0)
    }

    .miz-link--cta:focus-visible {
      --link-text-color: rgb(0, 0, 0)
    }

    .miz-link--cta:active {
      --link-text-color: rgb(0, 0, 0)
    }
  }
}

@layer modifier {
  .miz-link--cta-circle-icon {
    --link-font-weight: 600;
    --link-font-stretch: 75%;
    --effect-underline-thickness: 3px;
    background-image: none;
    padding-right: 8px
  }

  .miz-link--cta-circle-icon span {
    background-size: 0 3px;
    background-image: var(--effect-background-image);
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .2s ease-in-out, color 0s
  }

  .miz-link--cta-circle-icon:hover span {
    background-size: 100% 3px
  }

  .miz-link--cta-circle-icon:focus-visible span {
    background-size: 0 3px;
    transition: none
  }

  .miz-link--cta-circle-icon:active span {
    background-size: 0 3px
  }
}

@layer modifier {

  .miz-link--cta-circle-icon.miz-link--dark,
  .miz-link--cta-circle-icon.miz-link[data-theme=dark] {
    --link-text-color: rgb(255, 255, 255)
  }

  .miz-link--cta-circle-icon.miz-link--dark:hover,
  .miz-link--cta-circle-icon.miz-link[data-theme=dark]:hover {
    --link-text-color: rgb(255, 255, 255);
    --effect-underline-color: rgb(253, 183, 25)
  }

  .miz-link--cta-circle-icon.miz-link--dark:focus-visible,
  .miz-link--cta-circle-icon.miz-link[data-theme=dark]:focus-visible {
    --link-text-color: rgb(255, 255, 255)
  }

  .miz-link--cta-circle-icon.miz-link--dark:active,
  .miz-link--cta-circle-icon.miz-link[data-theme=dark]:active {
    --link-text-color: rgb(255, 255, 255)
  }

  @scope ([data-theme='dark']) {
    .miz-link--cta-circle-icon {
      --link-text-color: rgb(255, 255, 255)
    }

    .miz-link--cta-circle-icon:hover {
      --link-text-color: rgb(255, 255, 255);
      --effect-underline-color: rgb(253, 183, 25)
    }

    .miz-link--cta-circle-icon:focus-visible {
      --link-text-color: rgb(255, 255, 255)
    }

    .miz-link--cta-circle-icon:active {
      --link-text-color: rgb(255, 255, 255)
    }
  }
}

@layer modifier {

  .miz-link--cta-circle-icon.miz-link--gold .miz-link__icon,
  .miz-link--cta-circle-icon.miz-link[data-theme=gold] .miz-link__icon {
    --icon-background-color: rgb(0, 0, 0);
    --icon-color: rgb(255, 255, 255)
  }

  .miz-link--cta-circle-icon.miz-link--gold:hover,
  .miz-link--cta-circle-icon.miz-link[data-theme=gold]:hover {
    --link-text-color: rgb(0, 0, 0)
  }

  .miz-link--cta-circle-icon.miz-link--gold:focus-visible,
  .miz-link--cta-circle-icon.miz-link[data-theme=gold]:focus-visible {
    --link-text-color: rgb(0, 0, 0)
  }

  .miz-link--cta-circle-icon.miz-link--gold:active,
  .miz-link--cta-circle-icon.miz-link[data-theme=gold]:active {
    --link-text-color: rgb(0, 0, 0)
  }

  @scope ([data-theme='gold']) {
    .miz-link--cta-circle-icon .miz-link__icon {
      --icon-background-color: rgb(0, 0, 0);
      --icon-color: rgb(255, 255, 255)
    }

    .miz-link--cta-circle-icon:hover {
      --link-text-color: rgb(0, 0, 0)
    }

    .miz-link--cta-circle-icon:focus-visible {
      --link-text-color: rgb(0, 0, 0)
    }

    .miz-link--cta-circle-icon:active {
      --link-text-color: rgb(0, 0, 0)
    }
  }
}

@layer modifier {
  .miz-link--large {
    --link-font-size: 1.2rem
  }

  .miz-link--x-large {
    --link-font-size: 1.728rem
  }
}

@layer modifier {
  .miz-link--fill {
    display: block;
    text-align: center
  }
}

@layer modifier {
  .miz-link--caps {
    text-transform: uppercase
  }
}

@layer component {
  .miz-link-list {
    --link-list-flex-direction: column;
    --link-list-flex-wrap: nowrap;
    --link-list-flex-align-content: normal;
    --link-list-flex-align-items: flex-start;
    --link-list-flex-justify-content: flex-start;
    --link-list-padding: 0;
    --link-list-width: fit-content;
    --link-list-style: none;
    --link-list-font-size: medium;
    position: relative;
    display: flex;
    flex-flow: var(--link-list-flex-direction) var(--link-list-flex-wrap);
    align-items: var(--link-list-flex-align-items);
    place-content: var(--link-list-flex-align-content) var(--link-list-flex-justify-content);
    padding: var(--link-list-padding);
    width: var(--link-list-width);
    font-size: var(--link-list-link-font-size);
    list-style: var(--link-list-style)
  }
}

@layer component {
  .miz-link-list__item {
    flex: 0 1 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0
  }

  .miz-link-list__item * {
    margin: 0
  }
}

@layer component {
  .miz-link-list__link {
    --link-list-link-display: inline-block;
    --link-list-link-width: 100%;
    --link-list-link-font-size: var(--link-list-font-size);
    --link-list-link-color-default: rgb(0, 0, 0);
    --link-list-link-color-hover-default: rgb(0, 0, 0);
    --link-list-link-background-color: transparent;
    --link-list-link-background-color-hover: transparent;
    --link-list-link-font-weight: normal;
    --link-list-link-text-align: left;
    --link-list-link-text-decoration-default: underline;
    --link-list-link-text-decoration-hover-default: none;
    display: var(--link-list-link-display);
    padding: var(--link-list-link-spacing, 1rem 1rem 1rem 1rem);
    width: var(--link-list-link-width);
    text-align: var(--link-list-link-text-align);
    -webkit-text-decoration: var(--link-list-link-text-decoration, var(--link-list-link-text-decoration-default));
    text-decoration: var(--link-list-link-text-decoration, var(--link-list-link-text-decoration-default));
    color: var(--link-list-link-color, var(--link-list-link-color-default));
    background-color: var(--link-list-link-background-color);
    font-size: var(--link-list-link-font-size);
    font-weight: var(--link-list-link-font-weight);
    line-height: 1.3
  }

  .miz-link-list__link::before,
  .miz-link-list__link::after {
    content: "";
    display: block;
    height: 0;
    width: 0
  }

  .miz-link-list__link::before {
    margin-bottom: calc(-0.30625em + 0px)
  }

  .miz-link-list__link::after {
    margin-top: calc(-0.275em + 0px)
  }

  .miz-link-list__link:hover {
    --link-list-link-color: var(--link-list-link-color-hover, var(--link-list-link-color-hover-default));
    --link-list-link-background-color: var(--link-list-link-background-color-hover);
    --link-list-link-text-decoration: var(--link-list-link-text-decoration-hover, var(--link-list-link-text-decoration-hover-default))
  }
}

.miz-link-list--right {
  margin-left: auto
}

.miz-link-list--fill {
  --link-list-flex-align-items: stretch;
  --link-list-width: 100%
}

.miz-link-list--inline {
  --link-list-flex-align-items: stretch;
  --link-list-flex-align-content: center;
  --link-list-flex-direction: row;
  --link-list-flex-wrap: wrap
}

.miz-link-list--inline>.miz-link-list__item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.miz-link-list--inline.miz-link-list--fill {
  --link-list-flex-align-items: stretch;
  --link-list-flex-justify-content: space-between
}

.miz-link-list--inline.miz-link-list--fill>.miz-link-list__item {
  flex: 1 0 auto
}

.miz-link-list--inline.miz-link-list--right {
  --link-list-flex-align-items: stretch;
  --link-list-flex-justify-content: flex-end
}

.miz-link-list--compact {
  --link-list-link-spacing: 0.5rem 0.5rem 0.5rem 0.5rem
}

@layer modifier {
  .miz-link-list--gap {
    gap: 1rem
  }

  .miz-link-list--gap-tight {
    gap: .5rem
  }

  .miz-link-list--gap-loose {
    gap: 1.5rem
  }
}

.miz-list-group__item-link {
  color: inherit;
  text-decoration: none
}

.miz-list-group__item-link:hover,
.miz-list-group__item-link:active,
.miz-list-group__item-link:focus {
  color: inherit;
  text-decoration: underline
}

.miz-media-object {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}

.miz-media-object__media-container {
  flex: 1 0 auto
}

.miz-media-object__content-container {
  flex: 1 0 auto;
  align-self: stretch
}

@layer component {
  .miz-nav {
    --nav-background-color: var(--component-mode-background-color, transparent);
    --nav-text-color: var(--component-mode-text-color, rgb(0, 0, 0));
    --nav-text-color-selection: var(--component-mode-text-color-selection, rgb(0, 0, 0));
    --nav-text-background-color-selection: var(--component-mode-text-background-color-selection, rgb(255, 209, 125));
    --nav-font-size: var(--component-mode-font-size, medium);
    --nav-list-display: var(--component-mode-nav-list-display, auto);
    --nav-list-flex-direction: var(--component-mode-nav-list-flex-direction, row);
    --nav-list-padding: var(--component-mode-nav-list-padding, 0);
    --nav-list-margin: var(--component-mode-nav-list-margin, 0);
    --nav-list-background-color: var(--component-mode-nav-list-background-color, transparent);
    --nav-list-list-style: var(--component-mode-nav-list-list-style, none);
    --nav-link-display: var(--component-mode-link-display, flex);
    --nav-link-display-flex-gap: var(--component-mode-link-display-flex-gap, 0.75rem);
    --nav-link-display-flex-align-items: var(--component-mode-link-display-flex-align-items, normal);
    --nav-link-space-padding: var(--component-mode-link-space-padding, 1rem 1rem 1rem 1rem);
    --nav-link-background-color: var(--component-mode-link-background-color, transparent);
    --nav-link-background-color-hover: var(--component-mode-link-background-color-hover, rgb(229, 229, 229));
    --nav-link-font-weight: var(--component-mode-link-font-weight, normal);
    --nav-link-font-size: var(--component-mode-link-font-size, medium);
    --nav-link-text-align: var(--component-mode-link-text-align, left);
    --nav-link-text-decoration: var(--component-mode-link-text-decoration, none);
    --nav-link-text-decoration-hover: var(--component-mode-link-text-decoration-hover, underline);
    --nav-link-text-color: var(--component-mode-link-text-color, rgb(0, 0, 0));
    --nav-link-text-color-hover: var(--component-mode-link-text-color-hover, rgb(0, 0, 0));
    display: var(--component-mode-display, var(--nav-display));
    position: relative;
    font-size: var(--component-mode-font-size, var(--nav-font-size));
    color: var(--component-mode-text-color, var(--nav-text-color));
    background-color: var(--component-mode-background-color, var(--nav-background-color))
  }

  .miz-nav ::-moz-selection {
    background-color: var(--nav-text-background-color-selection);
    color: var(--nav-text-color-selection)
  }

  .miz-nav ::selection {
    background-color: var(--nav-text-background-color-selection);
    color: var(--nav-text-color-selection)
  }
}

@layer component {
  .miz-nav__list {
    display: var(--component-mode-nav-list-display, var(--nav-list-display));
    flex-direction: var(--component-mode-nav-list-flex-direction, var(--nav-list-flex-direction));
    padding: var(--component-mode-nav-list-padding, var(--nav-list-padding));
    margin: var(--component-mode-nav-list-margin, var(--nav-list-margin));
    background-color: var(--component-mode-nav-list-background-color, var(--nav-list-background-color));
    list-style: var(--component-mode-nav-list-list-style, var(--nav-list-list-style))
  }
}

@layer component {
  .miz-nav__list-item {
    display: flex;
    flex-direction: row;
    align-items: center
  }
}

@layer modifier {
  .miz-nav--compact {
    --nav-link-space-padding: 0.5rem 0.5rem 0.5rem 0.5rem
  }

  .miz-nav--inline {
    --nav-list-display: flex
  }
}

@layer component {
  .miz-breadcrumbs {
    --breadcrumbs-background-color: var(--component-mode-background-color, transparent);
    --breadcrumbs-text-color: var(--component-mode-text-color, rgb(0, 0, 0));
    --breadcrumbs-text-color-selection: var(--component-mode-text-color-selection, rgb(0, 0, 0));
    --breadcrumbs-text-background-color-selection: var(--component-mode-text-background-color-selection, rgb(255, 209, 125));
    --breadcrumbs-font-size: var(--component-mode-font-size, 0.833rem);
    --breadcrumbs-font-weight: var(--component-mode-font-weight, 400);
    --breadcrumbs-text-decoration: var(--component-mode-text-decoration, underline);
    --breadcrumbs-text-decoration-hover: var(--component-mode-text-decoration-hover, none);
    --breadcrumbs-link-space-padding: var(--component-mode-breadcrumbs-link-space-padding, 0.5rem 0.5rem);
    --nav-background-color: var(--breadcrumbs-background-color);
    --nav-text-color: var(--breadcrumbs-text-color);
    --nav-font-size: var(--breadcrumbs-font-size);
    --nav-list-display: flex;
    --nav-link-text-color: var(--breadcrumbs-text-color);
    --nav-list-background-color: transparent;
    --nav-link-space-padding: var(--breadcrumbs-link-space-padding);
    --nav-link-font-size: var(--breadcrumbs-font-size);
    --nav-link-background-color: var(--breadcrumbs-background-color);
    --nav-link-background-color-hover: transparent;
    --nav-link-text-decoration: var(--breadcrumbs-text-decoration);
    --nav-link-text-decoration-hover: var(--breadcrumbs-text-decoration-hover);
    container: breadcrumbs/inline-size;
    display: block
  }
}

@layer component {
  .miz-breadcrumbs__list {
    --flex-display: flex;
    --flex-direction: row;
    --flex-wrap: nowrap;
    --flex-flow: var(--flex-direction) var(--flex-wrap);
    --flex-justify-content: flex-start;
    --flex-align-items: center;
    --flex-align-content: normal;
    --flex-row-gap: 0;
    --flex-column-gap: 0;
    --flex-gap: var(--flex-row-gap) var(--flex-column-gap);
    container: miz/inline-size;
    position: relative;
    display: var(--flex-display);
    isolation: isolate;
    overflow: visible;
    flex-flow: var(--flex-flow);
    justify-content: var(--flex-justify-content);
    align-items: var(--flex-align-items);
    gap: var(--flex-gap);
    --flex-item-grow: 0;
    --flex-item-shrink: 1;
    --flex-item-basis: auto
  }

  .miz-breadcrumbs__list>* {
    flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis)
  }
}

@layer component {
  .miz-breadcrumbs--is-responsive .miz-breadcrumbs__list-item:not(:nth-last-child(2)) {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
  }

  .miz-breadcrumbs--is-responsive .miz-breadcrumbs__list-item:not(:nth-last-child(2)):not(caption) {
    position: absolute
  }
}

@layer component {}

@layer component {
  .miz-breadcrumbs__current {
    font-weight: 600;
    padding: .5rem
  }
}

@layer modifier {
  .miz-breadcrumbs--light {
    --nav-text-color: rgb(0, 0, 0);
    --nav-background-color: rgb(255, 255, 255);
    --nav-list-background-color: rgb(255, 255, 255);
    --nav-link-text-color: rgb(0, 0, 0);
    --nav-link-background-color: rgb(255, 255, 255);
    --nav-link-background-color-hover: rgb(255, 255, 255)
  }
}

@layer modifier {
  .miz-breadcrumbs--dark {
    --nav-text-color: rgb(255, 255, 255);
    --nav-background-color: rgb(0, 0, 0);
    --nav-list-background-color: rgb(0, 0, 0);
    --nav-link-text-color: rgb(255, 255, 255);
    --nav-link-background-color: rgb(0, 0, 0);
    --nav-link-background-color-hover: rgb(0, 0, 0)
  }
}

@layer modifier {
  .miz-breadcrumbs--on-light {
    --nav-text-color: rgb(0, 0, 0);
    --nav-link-text-color: rgb(0, 0, 0)
  }
}

@layer modifier {
  .miz-breadcrumbs--on-dark {
    --nav-text-color: rgb(255, 255, 255);
    --nav-link-text-color: rgb(255, 255, 255)
  }
}

@layer modifier {
  .miz-breadcrumbs--on-gold {
    --nav-text-color: rgb(0, 0, 0);
    --nav-link-text-color: rgb(0, 0, 0)
  }
}

@layer component {
  .miz-page-header {
    --page-header-background-color: transparent;
    --page-header-text-color: rgb(0, 0, 0);
    --page-header-text-color-selection: rgb(0, 0, 0);
    --page-header-text-background-color-selection: rgb(255, 209, 125);
    --page-header-space-padding: 3rem 0;
    --page-header-title-font-family: Manuka;
    --page-header-title-font-size: 6.192rem;
    --page-header-title-font-stretch: 75%;
    --page-header-title-font-weight: 600;
    --page-header-title-text-color: rgb(0, 0, 0);
    --page-header-section-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --page-header-section-font-size: 1.2rem;
    --page-header-section-font-weight: 500;
    --page-header-section-text-transform: uppercase;
    --component-mode-link-color: var(--page-header-text-color);
    --component-mode-text-color: var(--page-header-text-color);
    background-color: var(--page-header-background-color);
    color: var(--page-header-text-color)
  }

  .miz-page-header ::-moz-selection {
    color: var(--page-header-text-color-selection);
    background-color: var(--page-header-text-background-color-selection)
  }

  .miz-page-header ::selection {
    color: var(--page-header-text-color-selection);
    background-color: var(--page-header-text-background-color-selection)
  }

  .miz-page-header {
    --miz-page-header-grid-container-type: inline-size;
    --miz-page-header-grid-position: relative;
    --miz-page-header-grid-display: grid;
    --miz-page-header-grid-align-items: normal;
    --miz-page-header-grid-justify-items: normal;
    --miz-page-header-grid-align-content: normal;
    --miz-page-header-grid-justify-content: center;
    --miz-page-header-grid-row-gap: 0px;
    --miz-page-header-grid-col-gap: 0px;
    --miz-page-header-grid-gap: var(--miz-page-header-grid-row-gap) var(--miz-page-header-grid-col-gap);
    --miz-page-header-grid-isolation: isolate;
    --miz-page-header-grid-overflow: visible;
    --miz-page-header-grid-max-width: 1920px;
    --miz-page-header-grid-margin-right: auto;
    --miz-page-header-grid-margin-left: auto;
    container: miz-page-header/var(--miz-page-header-grid-container-type);
    position: var(--miz-page-header-grid-position);
    display: var(--miz-page-header-grid-display);
    place-items: var(--miz-page-header-grid-align-items) var(--miz-page-header-grid-justify-items);
    place-content: var(--miz-page-header-grid-align-content) var(--miz-page-header-grid-justify-content);
    gap: var(--miz-page-header-grid-gap);
    isolation: var(--miz-page-header-grid-isolation);
    overflow: var(--miz-page-header-grid-overflow);
    max-width: var(--miz-page-header-grid-max-width);
    margin-right: var(--miz-page-header-grid-margin-right);
    margin-left: var(--miz-page-header-grid-margin-left);
    --miz-page-header-grid-template-columns: [full-start] calc(16px - var(--miz-page-header-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-page-header-grid-col-gap)) [full-end];
    grid-template-columns: var(--miz-page-header-grid-template-columns)
  }

  @media(min-width: 576px) {
    .miz-page-header {
      --miz-page-header-grid-template-columns: [full-start] calc(16px - var(--miz-page-header-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-page-header-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-page-header-grid-template-columns)
    }
  }

  @media(min-width: 768px) {
    .miz-page-header {
      --miz-page-header-grid-template-columns: [full-start] calc(32px - var(--miz-page-header-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-page-header-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-page-header-grid-template-columns)
    }
  }

  @media(min-width: 1024px) {
    .miz-page-header {
      --miz-page-header-grid-template-columns: [full-start] calc(64px - var(--miz-page-header-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-page-header-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-page-header-grid-template-columns)
    }
  }

  @media(min-width: 1280px) {
    .miz-page-header {
      --miz-page-header-grid-template-columns: [full-start] calc(96px - var(--miz-page-header-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-page-header-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-page-header-grid-template-columns)
    }
  }

  @media(min-width: 1440px) {
    .miz-page-header {
      --miz-page-header-grid-template-columns: [full-start] calc(160px - var(--miz-page-header-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-page-header-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-page-header-grid-template-columns)
    }
  }

  .miz-page-header {
    --miz-page-header-grid-template-rows: [top main-start] repeat(1, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-page-header-grid-template-rows);
    --miz-page-header-grid-template-areas: ". body .";
    grid-template-areas: var(--miz-page-header-grid-template-areas)
  }

  .miz-page-header:has(>.miz-page-header__header),
  .miz-page-header:has(>.miz-page-header__footer) {
    --miz-page-header-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-page-header-grid-template-rows)
  }

  .miz-page-header:has(>.miz-page-header__header):has(>.miz-page-header__footer) {
    --miz-page-header-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-page-header-grid-template-rows)
  }

  .miz-page-header:has(>.miz-page-header__header) {
    --miz-page-header-grid-template-areas: ". header ." ". body .";
    grid-template-areas: var(--miz-page-header-grid-template-areas)
  }

  .miz-page-header:has(>.miz-page-header__footer) {
    --miz-page-header-grid-template-areas: ". body ." ". footer .";
    grid-template-areas: var(--miz-page-header-grid-template-areas)
  }

  .miz-page-header:has(>.miz-page-header__header):has(>.miz-page-header__footer) {
    --miz-page-header-grid-template-areas: ". header ." ". body ." ". footer .";
    grid-template-areas: var(--miz-page-header-grid-template-areas)
  }
}

@layer component {
  .miz-page-header__content {
    z-index: 0;
    grid-area: body;
    padding: var(--page-header-space-padding)
  }

  .miz-page-header__content>*+* {
    margin-top: 1rem
  }

  @media(min-width: 768px) {
    .miz-page-header__content {
      --page-header-space-padding: 4rem 0
    }
  }
}

@layer component {
  .miz-page-header__title {
    font-family: var(--page-header-title-font-family);
    font-size: var(--page-header-title-font-size);
    font-weight: var(--page-header-title-font-weight);
    font-stretch: var(--page-header-title-font-stretch);
    color: var(--page-header-title-text-color);
    line-height: .9
  }

  .miz-page-header__title::before,
  .miz-page-header__title::after {
    content: "";
    display: block;
    height: 0;
    width: 0
  }

  .miz-page-header__title::before {
    margin-bottom: calc(-0.0872174156em + 0px)
  }

  .miz-page-header__title::after {
    margin-top: calc(-0.0697739325em + 0px)
  }
}

@layer component {
  .miz-page-header__section-name {
    font-family: var(--page-header-section-font-family);
    font-size: var(--page-header-section-font-size);
    font-weight: var(--page-header-section-font-weight);
    text-transform: var(--page-header-section-text-transform);
    line-height: 1.3
  }

  .miz-page-header__section-name::before,
  .miz-page-header__section-name::after {
    content: "";
    display: block;
    height: 0;
    width: 0
  }

  .miz-page-header__section-name::before {
    margin-bottom: calc(-0.30625em + 0px)
  }

  .miz-page-header__section-name::after {
    margin-top: calc(-0.275em + 0px)
  }
}

@layer component {
  .miz-page-header__breadcrumbs {
    left: -0.625rem
  }
}

@layer component {
  .miz-page-header__intro {
    background-color: #000;
    font-family: "Martina Plantijn";
    font-size: 1rem;
    color: var(--component-mode-text-color)
  }

  @media(min-width: 1024px) {
    .miz-page-header__intro {
      grid-column-end: 8;
      font-size: 1.44rem;
      max-width: 75%
    }
  }
}

@layer component {
  .miz-page-header__background {
    grid-area: top/full-start/bottom/full-end;
    z-index: -100;
    margin: 0
  }
}

@layer modifier {
  .miz-page-header--light {
    --page-header-background-color: rgb(255, 255, 255);
    --page-header-text-color: rgb(0, 0, 0);
    --page-header-text-color-selection: rgb(0, 0, 0);
    --page-header-text-background-color-selection: rgb(255, 209, 125);
    --page-header-link-color: rgb(0, 0, 0);
    --page-header-link-color-hover: rgb(0, 0, 0)
  }

  .miz-page-header--dark {
    --page-header-background-color: rgb(0, 0, 0);
    --page-header-text-color: rgb(255, 255, 255);
    --page-header-text-color-selection: rgb(0, 0, 0);
    --page-header-text-background-color-selection: rgb(152, 152, 152);
    --page-header-title-text-color: rgb(253, 183, 25);
    --page-header-link-color: rgb(255, 255, 255);
    --page-header-link-color-hover: rgb(255, 255, 255)
  }
}

@layer modifier {
  .miz-page-header--compact {
    --page-header-space-padding: 2rem 0;
    --page-header-title-font-size: 4.3rem
  }
}

@layer modifier {
  .miz-page-header--landing-page {
    --component-mode-text-color: rgb(255, 255, 255);
    --component-mode-link-color: rgb(255, 255, 255);
    --page-header-space-padding: 0;
    align-items: end
  }

  .miz-page-header--landing-page .miz-page-header__content {
    position: relative;
    display: grid;
    grid-column: full;
    grid-row: body;
    grid-template-columns: subgrid;
    align-items: end;
    padding: 0 1.5rem 1rem;
    background-color: #000
  }

  .miz-page-header--landing-page .miz-page-header__content>* {
    grid-column: main
  }

  .miz-page-header--landing-page .miz-page-header__title {
    padding: 2rem 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fdb719;
    background-color: #000
  }

  @media(min-width: 768px) {
    .miz-page-header--landing-page .miz-page-header__title {
      position: absolute;
      padding: 2rem 2rem 0;
      bottom: 100%
    }
  }

  @media(min-width: 768px) {
    .miz-page-header--landing-page .miz-page-header__breadcrumbs {
      position: relative;
      margin-left: 2rem
    }

    .miz-page-header--landing-page .miz-page-header__intro {
      position: relative;
      margin-left: 2rem
    }
  }
}

.miz-pagination {
  position: relative
}

.miz-pagination__list {
  padding: 0;
  list-style: none;
  --flex-display: flex;
  --flex-direction: row;
  --flex-wrap: wrap;
  --flex-flow: var(--flex-direction) var(--flex-wrap);
  --flex-justify-content: flex-start;
  --flex-align-items: flex-start;
  --flex-align-content: normal;
  --flex-row-gap: 1rem;
  --flex-column-gap: 1rem;
  --flex-gap: var(--flex-row-gap) var(--flex-column-gap);
  container: miz/inline-size;
  position: relative;
  display: var(--flex-display);
  isolation: isolate;
  overflow: visible;
  flex-flow: var(--flex-flow);
  justify-content: var(--flex-justify-content);
  align-items: var(--flex-align-items);
  gap: var(--flex-gap);
  --flex-item-grow: 0;
  --flex-item-shrink: 1;
  --flex-item-basis: auto
}

.miz-pagination__list>* {
  flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis)
}

.miz-pagination__list-item.is-current {
  padding: .5rem 1rem .5rem 1rem;
  font-weight: 700;
  background-color: #ffedcf
}

.miz-pagination__link {
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 0 0 0 0;
  padding: .5rem 1rem .5rem 1rem;
  text-decoration: none;
  font-weight: 700;
  z-index: 1;
  color: #000
}

.miz-pagination__link::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fdb719;
  transition: height .1s ease-in-out
}

.miz-pagination__link:focus::after {
  background-color: #ffdfa5
}

.miz-pagination__link:focus::after,
.miz-pagination__link:hover::after {
  height: 100%
}

@layer component {
  .miz-pill {
    --miz-pill-background-color: rgb(255, 223, 165);
    --miz-pill-background-color-selection: rgb(255, 255, 255);
    --miz-pill-link-background-color-hover: rgb(253, 183, 25);
    --miz-pill-border-radius: 4px;
    --miz-pill-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
    --miz-pill-font-size: 0.833rem;
    --miz-pill-font-weight: 600;
    --miz-pill-padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    --miz-pill-text-color: rgb(51, 51, 51);
    display: inline-block;
    padding: var(--miz-pill-padding);
    font-family: var(--miz-pill-font-family);
    font-size: var(--miz-pill-font-size);
    background-color: var(--miz-pill-background-color);
    border-radius: var(--miz-pill-border-radius);
    font-weight: var(--miz-pill-font-weight);
    color: var(--miz-pill-text-color)
  }

  .miz-pill:is(a) {
    --miz-pill-font-weight: 700;
    --miz-pill-text-color: rgb(0, 0, 0);
    text-decoration: none;
    transition: all .1s ease-in-out
  }

  .miz-pill:is(a:hover) {
    background-color: var(--miz-pill-link-background-color-hover)
  }

  .miz-pill::-moz-selection {
    background-color: var(--miz-pill-background-color-selection)
  }

  .miz-pill::selection {
    background-color: var(--miz-pill-background-color-selection)
  }
}

@layer component {
  .miz-pill-group {
    display: inline-flex;
    gap: .5rem;
    flex-wrap: wrap
  }

  .miz-pill-group>* {
    margin-top: 0
  }
}

.gsc-control-cse {
  padding: 0 !important;
  border: none !important
}

.gsc-search-box-tools .gsc-search-box td.gsc-input {
  margin: 0 1rem 0 0
}

.gsc-search-box-tools .gsc-search-box input.gsc-input {
  font-size: 1.75rem;
  height: 30px
}

.gsc-search-box-tools .gsc-search-box td.gsc-search-button,
.gsc-search-box-tools .gsc-search-box button.gsc-search-button {
  margin: 0 !important;
  font-size: 1.5rem
}

.gsc-search-box-tools .gsc-search-box button.gsc-search-button {
  padding: 4px 16px
}

.gsc-search-button-v2 {
  background-color: #fdb719 !important;
  background-image: linear-gradient(top, rgb(253, 183, 25), rgb(253, 183, 25)) !important;
  border: none !important
}

.gsc-search-button-v2:hover,
.gsc-search-button-v2:active,
.gsc-search-button-v2:focus {
  background-color: #fdb719;
  border: none;
  background-image: none
}

.gsc-search-button-v2 svg {
  width: 24px;
  height: 24px;
  fill: #fff
}

.gsc-search-button-v2 svg:hover {
  fill: #000
}

.gsc-above-wrapper-area {
  border-bottom: none !important
}

div.gsc-results {
  padding: 0;
  margin: 0;
  width: inherit;
  border-bottom: none
}

div.gsc-result {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem !important;
  font-family: "Open Sans", "Segoe UI", tahoma, sans-serif !important;
  margin-bottom: 2em !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
  background-color: #e5e5e5 !important
}

.gsc-webResult.gsc-result:hover {
  border: none;
  border-bottom: 2px solid #000
}

div.gsc-thumbnail-inside {
  padding: 0
}

div.gs-title {
  margin-bottom: .5rem;
  text-decoration: none !important
}

div.gs-title::before {
  content: " ";
  width: 15px;
  height: 24px;
  background: #fdb719;
  position: absolute;
  left: 0
}

a.gs-title {
  color: #000 !important;
  font-weight: normal
}

a.gs-title b {
  color: #000 !important;
  font-weight: bold
}

a.gs-title:hover,
a.gs-title:active,
a.gs-title:focus {
  text-decoration: none !important
}

.gsc-url-top {
  margin-bottom: 1rem;
  padding: 0 !important
}

.gsc-table-result {
  padding: 0 !important
}

.gsc-table-result b {
  color: #000 !important
}

div.gsc-cursor-box {
  margin-bottom: 1.5rem !important
}

div.gsc-cursor-page {
  color: #000 !important;
  border-color: #fdb719;
  background-color: #fdb719 !important;
  padding: 1rem 1rem 1rem 1rem;
  margin: 0 1rem 0 0 !important;
  font-weight: bold
}

div.gsc-cursor-page:hover {
  text-decoration: none !important;
  border-bottom: 2px solid #000 !important
}

div.gsc-cursor-current-page {
  border: 2px solid #fdb719 !important;
  background-color: #000 !important;
  color: #fff !important
}

div.gsc-cursor-current-page:hover {
  border-bottom: 2px solid #fdb719 !important
}

.miz-social-media-list {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  gap: .5rem;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none
}

.miz-social-media-list__item {
  display: inline-block;
  position: relative;
  flex: 0 1 auto;
  width: 38px;
  height: 38px
}

.miz-social-media-list__link {
  position: relative;
  display: inline-block;
  padding: .25rem .25rem .25rem .25rem;
  color: currentcolor
}

.miz-social-media-list__icon {
  position: relative;
  display: block;
  width: 30px;
  height: 30px
}

.miz-svg--facebook {
  color: #3b5998;
  fill: #3b5998
}

.miz-svg--twitter {
  color: #55acee;
  fill: #55acee
}

.miz-svg--linkedin {
  color: #0077b5;
  fill: #0077b5
}

.miz-svg--youtube {
  color: #cd201f;
  fill: #cd201f
}

.miz-svg--instagram {
  color: #517fa4;
  fill: #517fa4
}

.miz-svg--google {
  color: #dd4b39;
  fill: #dd4b39
}

.miz-svg--snapchat {
  color: #fffc00;
  fill: #fffc00
}

a>.miz-icon__svg:hover,
a>.miz-icon__svg:focus,
a>.miz-icon__svg:active {
  opacity: .75
}

@layer component {
  .miz-statistic {
    --statistic-text-color: rgb(0, 0, 0);
    --statistic-background-color: transparent;
    --statistic-text-color-selection: rgb(0, 0, 0);
    --statistic-background-color-selection: rgb(255, 209, 125);
    --statistic-border-color: rgb(253, 183, 25);
    --statistic-stat-text-color: rgb(0, 0, 0);
    --statistic-stat-text-color-selection: rgb(0, 0, 0);
    --statistic-stat-background-color-selection: rgb(255, 209, 125);
    --statistic-stat-font-family: Manuka;
    --statistic-stat-font-size: 4.3rem;
    --statistic-detail-text-color: rgb(0, 0, 0);
    --statistic-detail-text-color-selection: rgb(0, 0, 0);
    --statistic-detail-background-color-selection: rgb(255, 209, 125);
    --statistic-detail-font-family: Martina Plantijn;
    --statistic-detail-font-size: 1.2rem;
    --statistic-source-text-color: rgb(96, 96, 96);
    --statistic-source-text-color-selection: rgb(0, 0, 0);
    --statistic-source-background-color-selection: rgb(255, 209, 125);
    --statistic-source-font-size: 1rem;
    --statistic-source-font-stretch: 75%;
    --statistic-width: 100%;
    --statistic-min-width: 300px;
    --statistic-max-width: 534px;
    --statistic-border-size: 4px;
    --statistic-border-style: solid;
    --statistic-border: var(--statistic-border-size) var(--statistic-border-style) var(--statistic-border-color);
    --statistic-content-padding: 0;
    --flex-display: flex;
    --flex-direction: row;
    --flex-wrap: nowrap;
    --flex-flow: var(--flex-direction) var(--flex-wrap);
    --flex-justify-content: flex-start;
    --flex-align-items: stretch;
    --flex-align-content: center;
    --flex-row-gap: 0;
    --flex-column-gap: 0;
    --flex-gap: var(--flex-row-gap) var(--flex-column-gap);
    container: miz/inline-size;
    position: relative;
    display: var(--flex-display);
    isolation: isolate;
    overflow: visible;
    flex-flow: var(--flex-flow);
    justify-content: var(--flex-justify-content);
    align-items: var(--flex-align-items);
    gap: var(--flex-gap);
    --flex-item-grow: 1;
    --flex-item-shrink: 1;
    --flex-item-basis: 0
  }

  .miz-statistic>* {
    flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis)
  }

  .miz-statistic {
    width: var(--statistic-width);
    min-width: var(--statistic-min-width);
    max-width: var(--statistic-max-width);
    padding: 2rem 2rem 2rem 2rem;
    border-left: var(--statistic-border);
    background-color: var(--statistic-background-color);
    color: var(--statistic-text-color)
  }

  .miz-statistic ::-moz-selection {
    color: var(--statistic-text-color-selection);
    background-color: var(--statistic-background-color-selection)
  }

  .miz-statistic ::selection {
    color: var(--statistic-text-color-selection);
    background-color: var(--statistic-background-color-selection)
  }
}

@layer component {
  .miz-statistic__media {
    flex: 1 1 0;
    padding: 1rem 1rem 1rem 1rem
  }
}

@layer component {
  .miz-statistic__content {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: var(--statistic-content-padding)
  }
}

@layer component {
  .miz-statistic__stat {
    line-height: .9
  }

  .miz-statistic__stat::before,
  .miz-statistic__stat::after {
    content: "";
    display: block;
    height: 0;
    width: 0
  }

  .miz-statistic__stat::before {
    margin-bottom: calc(-0.0872174156em + 0px)
  }

  .miz-statistic__stat::after {
    margin-top: calc(-0.0697739325em + 0px)
  }

  .miz-statistic__stat {
    font-family: var(--statistic-stat-font-family);
    font-size: var(--statistic-stat-font-size)
  }
}

@layer component {
  .miz-statistic__detail {
    line-height: 1.25
  }

  .miz-statistic__detail::before,
  .miz-statistic__detail::after {
    content: "";
    display: block;
    height: 0;
    width: 0
  }

  .miz-statistic__detail::before {
    margin-bottom: calc(-0.1736111111em + 0px)
  }

  .miz-statistic__detail::after {
    margin-top: calc(-0.2170138889em + 0px)
  }

  .miz-statistic__detail {
    font-family: var(--statistic-detail-font-family);
    font-size: var(--statistic-detail-font-size)
  }
}

@layer component {
  .miz-statistic__source {
    line-height: 1.3
  }

  .miz-statistic__source::before,
  .miz-statistic__source::after {
    content: "";
    display: block;
    height: 0;
    width: 0
  }

  .miz-statistic__source::before {
    margin-bottom: calc(-0.30625em + 0px)
  }

  .miz-statistic__source::after {
    margin-top: calc(-0.275em + 0px)
  }

  .miz-statistic__source {
    font-stretch: var(--statistic-source-font-stretch);
    font-size: var(--statistic-source-font-size);
    color: var(--statistic-source-text-color)
  }

  .miz-statistic__source,
  .miz-statistic__source cite {
    font-style: normal
  }
}

@layer layout {
  .miz-statistic-group {
    --flex-display: flex;
    --flex-direction: row;
    --flex-wrap: nowrap;
    --flex-flow: var(--flex-direction) var(--flex-wrap);
    --flex-justify-content: flex-start;
    --flex-align-items: stretch;
    --flex-align-content: normal;
    --flex-row-gap: 0;
    --flex-column-gap: 2rem;
    --flex-gap: var(--flex-row-gap) var(--flex-column-gap);
    container: miz/inline-size;
    position: relative;
    display: var(--flex-display);
    isolation: isolate;
    overflow: visible;
    flex-flow: var(--flex-flow);
    justify-content: var(--flex-justify-content);
    align-items: var(--flex-align-items);
    gap: var(--flex-gap);
    --flex-item-grow: 1;
    --flex-item-shrink: 1;
    --flex-item-basis: 33.3333333333%
  }

  .miz-statistic-group>* {
    flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis)
  }
}

@layer modifier {

  .miz-statistic--light,
  .miz-statistic[data-theme=light] {
    --statistic-background-color: rgb(255, 255, 255);
    --statistic-text-color: rgb(0, 0, 0);
    --statistic-text-color-selection: rgb(0, 0, 0);
    --statistic-background-color-selection: rgb(255, 209, 125);
    --statistic-border-color: rgb(253, 183, 25)
  }

  @scope ([data-theme='light']) {
    .miz-statistic {
      --statistic-background-color: rgb(255, 255, 255);
      --statistic-text-color: rgb(0, 0, 0);
      --statistic-text-color-selection: rgb(0, 0, 0);
      --statistic-background-color-selection: rgb(255, 209, 125);
      --statistic-border-color: rgb(253, 183, 25)
    }
  }
}

@layer modifier {

  .miz-statistic--dark,
  .miz-statistic[data-theme=dark] {
    --statistic-background-color: rgb(0, 0, 0);
    --statistic-text-color: rgb(255, 255, 255);
    --statistic-text-color-selection: rgb(0, 0, 0);
    --statistic-background-color-selection: rgb(152, 152, 152);
    --statistic-border-color: rgb(253, 183, 25);
    --statistic-source-text-color: var(--statistic-text-color)
  }

  @scope ([data-theme='dark']) {
    .miz-statistic {
      --statistic-background-color: rgb(0, 0, 0);
      --statistic-text-color: rgb(255, 255, 255);
      --statistic-text-color-selection: rgb(0, 0, 0);
      --statistic-background-color-selection: rgb(152, 152, 152);
      --statistic-border-color: rgb(253, 183, 25);
      --statistic-source-text-color: var(--statistic-text-color)
    }
  }
}

@layer modifier {

  .miz-statistic--gold,
  .miz-statistic[data-theme=gold] {
    --statistic-background-color: rgb(253, 183, 25);
    --statistic-text-color: rgb(0, 0, 0);
    --statistic-text-color-selection: rgb(0, 0, 0);
    --statistic-background-color-selection: rgb(255, 237, 207);
    --statistic-border-color: rgb(0, 0, 0);
    --statistic-source-text-color: var(--statistic-text-color)
  }

  @scope ([data-theme='gold']) {
    .miz-statistic {
      --statistic-background-color: rgb(253, 183, 25);
      --statistic-text-color: ;
      --statistic-text-color-selection: rgb(0, 0, 0);
      --statistic-background-color-selection: rgb(255, 237, 207);
      --statistic-border-color: rgb(0, 0, 0);
      --statistic-source-text-color: var(--statistic-text-color)
    }
  }
}

.miz-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  font-weight: normal
}

.miz-table thead {
  text-transform: uppercase;
  border-bottom: thin solid #000
}

.miz-table th {
  font-weight: bold
}

.miz-table th,
.miz-table td {
  padding: 1rem
}

.miz-table tbody tr:not(:last-of-type) {
  border-bottom: thin solid #d4d4d4
}

.miz-table tbody tr:last-of-type {
  border-bottom: thin solid #989898
}

.miz-table--striped :not(thead) tr:nth-child(odd) {
  background: #e5e5e5
}

.miz-table--compact th,
.miz-table--compact td {
  padding: 1.5rem
}

@layer theme {
  .miz-layout__inner-page {
    padding: 2rem 0;
    grid-template-rows: none
  }

  @media(min-width: 768px) {
    .miz-layout__inner-page {
      display: grid;
      -moz-column-gap: 2rem;
      column-gap: 2rem;
      ---grid-template-columns: [full-start main-start] repeat(12, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns);
      ---grid-template-areas: " aside aside aside . article article article article article article article article";
      grid-template-areas: var(---grid-template-areas)
    }
  }

  @media(min-width: 768px) {
    .miz-layout__inner-page.reverse {
      ---grid-template-areas: " article article article article article article article article . aside aside aside";
      grid-template-areas: var(---grid-template-areas)
    }
  }

  .miz-layout__inner-page--no-aside {
    padding: 2rem 0;
    grid-template-rows: none
  }

  @media(min-width: 768px) {
    .miz-layout__inner-page--no-aside {
      display: grid;
      -moz-column-gap: 2rem;
      column-gap: 2rem;
      ---grid-template-columns: [full-start main-start] repeat(12, [col] 1fr) [main-end full-end];
      grid-template-columns: var(---grid-template-columns);
      ---grid-template-areas: " . . article article article article article article article article . .";
      grid-template-areas: var(---grid-template-areas)
    }
  }

  .miz-layout__article {
    grid-area: article
  }

  .miz-layout__aside {
    grid-area: aside
  }
}

@layer pattern {
  .blog .miz-featured-stories {
    --miz-featured-stories-grid-container-type: inline-size;
    --miz-featured-stories-grid-position: relative;
    --miz-featured-stories-grid-display: grid;
    --miz-featured-stories-grid-align-items: normal;
    --miz-featured-stories-grid-justify-items: normal;
    --miz-featured-stories-grid-align-content: normal;
    --miz-featured-stories-grid-justify-content: center;
    --miz-featured-stories-grid-row-gap: 2rem;
    --miz-featured-stories-grid-col-gap: 0px;
    --miz-featured-stories-grid-gap: var(--miz-featured-stories-grid-row-gap) var(--miz-featured-stories-grid-col-gap);
    --miz-featured-stories-grid-isolation: isolate;
    --miz-featured-stories-grid-overflow: visible;
    --miz-featured-stories-grid-max-width: 1920px;
    --miz-featured-stories-grid-margin-right: auto;
    --miz-featured-stories-grid-margin-left: auto;
    container: miz-featured-stories/var(--miz-featured-stories-grid-container-type);
    position: var(--miz-featured-stories-grid-position);
    display: var(--miz-featured-stories-grid-display);
    place-items: var(--miz-featured-stories-grid-align-items) var(--miz-featured-stories-grid-justify-items);
    place-content: var(--miz-featured-stories-grid-align-content) var(--miz-featured-stories-grid-justify-content);
    gap: var(--miz-featured-stories-grid-gap);
    isolation: var(--miz-featured-stories-grid-isolation);
    overflow: var(--miz-featured-stories-grid-overflow);
    max-width: var(--miz-featured-stories-grid-max-width);
    margin-right: var(--miz-featured-stories-grid-margin-right);
    margin-left: var(--miz-featured-stories-grid-margin-left);
    --miz-featured-stories-grid-template-columns: [full-start] calc(16px - var(--miz-featured-stories-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-featured-stories-grid-col-gap)) [full-end];
    grid-template-columns: var(--miz-featured-stories-grid-template-columns)
  }

  @media(min-width: 576px) {
    .blog .miz-featured-stories {
      --miz-featured-stories-grid-template-columns: [full-start] calc(16px - var(--miz-featured-stories-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-featured-stories-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-featured-stories-grid-template-columns)
    }
  }

  @media(min-width: 768px) {
    .blog .miz-featured-stories {
      --miz-featured-stories-grid-template-columns: [full-start] calc(32px - var(--miz-featured-stories-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-featured-stories-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-featured-stories-grid-template-columns)
    }
  }

  @media(min-width: 1024px) {
    .blog .miz-featured-stories {
      --miz-featured-stories-grid-template-columns: [full-start] calc(64px - var(--miz-featured-stories-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-featured-stories-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-featured-stories-grid-template-columns)
    }
  }

  @media(min-width: 1280px) {
    .blog .miz-featured-stories {
      --miz-featured-stories-grid-template-columns: [full-start] calc(96px - var(--miz-featured-stories-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-featured-stories-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-featured-stories-grid-template-columns)
    }
  }

  @media(min-width: 1440px) {
    .blog .miz-featured-stories {
      --miz-featured-stories-grid-template-columns: [full-start] calc(160px - var(--miz-featured-stories-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-featured-stories-grid-col-gap)) [full-end];
      grid-template-columns: var(--miz-featured-stories-grid-template-columns)
    }
  }

  .blog .miz-featured-stories {
    --miz-featured-stories-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-featured-stories-grid-template-rows);
    --miz-featured-stories-grid-template-areas: ". header ." ". body ." ". footer .";
    grid-template-areas: var(--miz-featured-stories-grid-template-areas)
  }

  .blog .miz-featured-stories:has(>.miz-featured-stories__header),
  .blog .miz-featured-stories:has(>.miz-featured-stories__footer) {
    --miz-featured-stories-grid-template-rows: [top main-start] repeat(4, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-featured-stories-grid-template-rows)
  }

  .blog .miz-featured-stories:has(>.miz-featured-stories__header):has(>.miz-featured-stories__footer) {
    --miz-featured-stories-grid-template-rows: [top main-start] repeat(5, [row] auto) [main-end bottom];
    grid-template-rows: var(--miz-featured-stories-grid-template-rows)
  }

  .blog .miz-featured-stories:has(>.miz-featured-stories__header) {
    --miz-featured-stories-grid-template-areas: ". header ." ". header ." ". body ." ". footer .";
    grid-template-areas: var(--miz-featured-stories-grid-template-areas)
  }

  .blog .miz-featured-stories:has(>.miz-featured-stories__footer) {
    --miz-featured-stories-grid-template-areas: ". header ." ". body ." ". footer ." ". footer .";
    grid-template-areas: var(--miz-featured-stories-grid-template-areas)
  }

  .blog .miz-featured-stories:has(>.miz-featured-stories__header):has(>.miz-featured-stories__footer) {
    --miz-featured-stories-grid-template-areas: ". header ." ". header ." ". body ." ". footer ." ". footer .";
    grid-template-areas: var(--miz-featured-stories-grid-template-areas)
  }
}

@layer component {
  .miz-featured-stories__content {
    grid-area: body;
    display: grid;
    gap: var(--wp--preset--spacing--50)
  }
}

@layer component {
  .miz-article {
    --article-font-size-default: var(--wp--preset--font-size--level-2, 1.2rem);
    --article-font-weight-default: var(--wp--custom--typography--font-weight--regular, 400)
  }
}

@layer modifier {
  .miz-button--outline.hover--fill-in {
    --button-transition: .5s ease-in-out
  }

  .miz-button--outline.hover--fill-in:hover {
    box-shadow: inset 0 0 0 calc(var(--button-border-width)*10) var(--button-border-color)
  }
}

@layer modifier {
  .miz-button--growing-icon:hover .miz-icon {
    scale: 1.1
  }

  .miz-button--growing-icon .miz-icon {
    transition: scale .5s ease-in-out
  }
}

@layer component {
  .miz-card__image {
    --card-image-aspect-ratio: 2.39 / 1;
    --card-image-object-fit: cover;
    --card-image-object-position: top;
    --card-image-width: 100%;
    --card-image-height: auto;
    aspect-ratio: var(--card-image-aspect-ratio);
    object-fit: var(--card-image-object-fit);
    object-position: var(--card-image-object-position);
    width: var(--card-image-width);
    height: var(--card-image-height)
  }

  .miz-card__image.miz-card__image--16-9 {
    --card-image-aspect-ratio: 16 / 9
  }

  .miz-card__image.miz-card__image--4-3 {
    --card-image-aspect-ratio: 4 / 3
  }

  .miz-card__image.miz-card__image--1-1 {
    --card-image-aspect-ratio: 1 / 1
  }

  .miz-card__image.miz-card__image--focal-top {
    --card-image-object-position: top
  }

  .miz-card__image.miz-card__image--focal-center {
    --card-image-object-position: center
  }

  .miz-card__image.miz-card__image--focal-bottom {
    --card-image-object-position: bottom
  }
}

@layer theme {
  .miz-card__header {
    flex-grow: 0
  }

  .miz-card__picture {
    flex-grow: 0
  }
}

@layer modifier {
  .miz-card__title-link.miz-card__title-link-underline {
    --card-link-underline-thickness: 4px;
    --effect-underline-color: rgb(253, 183, 25);
    --effect-underline-thickness: 2px;
    --effect-background-image: linear-gradient(0deg, var(--effect-underline-color) 0%, var(--effect-underline-color) 100%);
    --effect-outline-width: 2px;
    --effect-outline-style: dashed;
    --effect-outline-color: rgb(253, 183, 25);
    --effect-outline-offset: 1px;
    z-index: 1;
    margin: 0 -1px -0.25rem -1px;
    padding: .125rem .125rem .125rem .125rem;
    background-image: var(--effect-background-image);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% var(--effect-underline-thickness);
    text-decoration: none;
    transition: background-size .2s ease-in-out, color 0s
  }

  .miz-card__title-link.miz-card__title-link-underline:hover {
    background-size: 100% 100%
  }

  .miz-card__title-link.miz-card__title-link-underline:focus-visible {
    --effect-underline-color: rgb(255, 223, 165);
    outline: 2px dashed #fdb719;
    outline: var(--effect-outline-color) var(--effect-outline-style) var(--effect-outline-width);
    outline-offset: 1px;
    background-size: 100% 100%
  }

  .miz-card__title-link.miz-card__title-link-underline:active {
    --effect-underline-color: rgb(255, 209, 125);
    background-size: 100% 100%
  }

  .miz-card__title-link.miz-card__title-link-underline {
    background-size: 0 var(--card-link-underline-thickness)
  }

  .miz-card__title-link.miz-card__title-link-underline:hover,
  .miz-card__title-link.miz-card__title-link-underline:active {
    background-size: 100% var(--card-link-underline-thickness)
  }

  .miz-card--dark .miz-card__title-link.miz-card__title-link-underline {
    --card-link-underline-thickness: 4px;
    background-size: 0 var(--card-link-underline-thickness)
  }

  .miz-card--dark .miz-card__title-link.miz-card__title-link-underline:hover,
  .miz-card--dark .miz-card__title-link.miz-card__title-link-underline:active {
    background-size: 100% var(--card-link-underline-thickness);
    color: var(--card-header-text-color)
  }

  .miz-card--dark ::-moz-selection {
    background-color: var(--wp--preset--color--black-600)
  }

  .miz-card--dark ::selection {
    background-color: var(--wp--preset--color--black-600)
  }

  .miz-card--darker {
    --card-text-color: var(--wp--preset--color--white);
    --card-title-text-color: var(--wp--preset--color--gold);
    --card-subtitle-text-color: var(--wp--preset--color--white);
    --card-header-text-color: var(--wp--preset--color--white);
    --card-header-background-color: var(--wp--preset--color--black-600);
    --card-header-border-color: var(--wp--preset--color--black-600);
    --card-body-background-color: var(--wp--preset--color--black)
  }

  .miz-card--darker .miz-card__title-link {
    --effect-underline-color: rgb(253, 183, 25);
    --effect-underline-thickness: 2px;
    --effect-background-image: linear-gradient(0deg, var(--effect-underline-color) 0%, var(--effect-underline-color) 100%);
    --effect-outline-width: 2px;
    --effect-outline-style: dashed;
    --effect-outline-color: rgb(253, 183, 25);
    --effect-outline-offset: 1px;
    z-index: 1;
    margin: 0 -1px -0.25rem -1px;
    padding: .125rem .125rem .125rem .125rem;
    background-image: var(--effect-background-image);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% var(--effect-underline-thickness);
    text-decoration: none;
    transition: background-size .2s ease-in-out, color 0s
  }

  .miz-card--darker .miz-card__title-link:hover {
    background-size: 100% 100%
  }

  .miz-card--darker .miz-card__title-link:focus-visible {
    --effect-underline-color: rgb(255, 223, 165);
    outline: 2px dashed #fdb719;
    outline: var(--effect-outline-color) var(--effect-outline-style) var(--effect-outline-width);
    outline-offset: 1px;
    background-size: 100% 100%
  }

  .miz-card--darker .miz-card__title-link:active {
    --effect-underline-color: rgb(255, 209, 125);
    background-size: 100% 100%
  }

  .miz-card--darker ::-moz-selection {
    background-color: var(--wp--preset--color--black-600)
  }

  .miz-card--darker ::selection {
    background-color: var(--wp--preset--color--black-600)
  }

  .miz-card--inline .miz-card__picture,
  .miz-card--inline .miz-card__image {
    margin-bottom: 0 !important
  }

  @media(min-width: 768px) {

    .miz-card--inline .miz-card__picture,
    .miz-card--inline .miz-card__image {
      display: flex;
      min-width: 40%;
      min-height: 200px;
      overflow: hidden
    }
  }

  @media(min-width: 768px) {
    .miz-card--inline .miz-card__body {
      flex-grow: 1
    }
  }
}

@layer theme {
  .miz-card--special {
    --card-title-font-family: var(--wp--preset--font-family--manuka);
    --card-subtitle-font-family: var(--wp--preset--font-family--martina-plantijn)
  }
}

@layer modifier {
  .miz-decoration-container--layered-to-bl--reverse {
    box-shadow: -1.5rem 1.5rem #fdb719;
    width: calc(100% - 1.5rem);
    margin: 0 0 1.5rem 1.5rem;
    overflow: hidden
  }
}

@layer modifier {
  .miz-link-group--stack {
    flex-flow: column;
    align-items: flex-start
  }
}

@layer modifier {
  .miz-link--condensed {
    --link-font-stretch: 75%
  }
}

@layer theme {
  .miz-breadcrumbs {
    --nav-list-display: flex;
    display: block
  }
}

@media(min-width: 768px) {
  .miz-main-navigation .miz-nav:first-of-type {
    display: initial !important
  }
}

.miz-pagination__list {
  flex-wrap: wrap
}

@media(min-width: 768px) {
  .miz-pagination__list {
    flex-wrap: initial
  }
}

@layer component {
  .miz-sub-navigation {
    --sub-nav-background-color: transparent;
    --sub-nav-text-color: var(--wp--preset--color--black);
    --sub-nav-text-color-selection: var(--wp--preset--color--black);
    --sub-nav-text-background-color-selection: var(--wp--preset--color--gold-300);
    --sub-nav-font-size: var(--wp--preset--font-size--level-1);
    --sub-nav-font-weight: var(--wp--preset--font-size--level-1);
    --sub-nav-text-decoration: underline;
    --sub-nav-text-decoration-hover: underline;
    --sub-nav-border-color: var(--wp--preset--color--black-200);
    container: sub-nav/inline-size;
    --nav-background-color: var(--sub-nav-background-color);
    --nav-text-color: var(--sub-nav-text-color);
    --nav-font-size: var(--sub-nav-font-size)
  }
}

@layer component {
  .miz-sub-nav__list {
    --nav-list-display: flex;
    --nav-list-flex-direction: column;
    --nav-list-background-color: transparent;
    border-top: 1px solid var(--sub-nav-border-color)
  }
}

@layer component {
  .miz-sub-nav-item {
    background-color: var(--sub-nav-background-color);
    border-bottom: 1px solid var(--sub-nav-border-color);
    gap: 0 0.75rem
  }

  .miz-sub-nav-item.miz-expand {
    flex-wrap: wrap
  }

  .miz-sub-nav-item>.miz-sub-nav__list {
    display: none;
    flex-basis: 100%
  }

  .miz-sub-nav-item>.miz-sub-nav__list.expand {
    display: initial
  }

  .miz-sub-nav-item>.miz-sub-nav__list .miz-sub-nav-link {
    padding-left: var(--wp--preset--spacing--80)
  }

  .miz-sub-nav-item>.miz-sub-nav__list .miz-sub-nav__list .miz-sub-nav-link {
    padding-left: calc(var(--wp--preset--spacing--80)*1.5)
  }
}

@layer modifier {
  .miz-sub-nav-link {
    --nav-link-space-padding: 0.75rem 1rem 0.75rem 2rem;
    --nav-link-font-size: var(--sub-nav-font-size);
    --nav-link-background-color: var(--sub-nav-background-color);
    --nav-link-background-color-hover: var(--sub-nav-background-color);
    --nav-link-text-color: var(--sub-nav-text-color);
    --nav-link-text-color-hover: var(--nav-background-color);
    --nav-link-text-decoration: var(--sub-nav-text-decoration);
    --nav-link-text-decoration-hover: var(--sub-nav-text-decoration-hover);
    --nav-link-underline-thickness: 0.125rem;
    --nav-link-underline-offset: 0.25rem;
    --nav-link-underline-color: var(--sub-nav-background-color);
    --nav-link-underline-color-hover: var(--wp--preset--color--gold-300);
    --nav-link-underline-style: solid;
    flex: 1 0 0;
    -webkit-text-decoration-color: var(--nav-link-underline-color);
    text-decoration-color: var(--nav-link-underline-color);
    text-underline-offset: var(--nav-link-underline-offset);
    -webkit-text-decoration-style: var(--nav-link-underline-style);
    text-decoration-style: var(--nav-link-underline-style);
    text-decoration-thickness: var(--nav-link-underline-thickness);
    transition-property: margin-left, -webkit-text-decoration-color;
    transition-property: text-decoration-color, margin-left;
    transition-property: text-decoration-color, margin-left, -webkit-text-decoration-color;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
  }

  .miz-sub-nav-link:hover,
  .miz-sub-nav-link:active {
    -webkit-text-decoration-color: var(--nav-link-underline-color-hover);
    text-decoration-color: var(--nav-link-underline-color-hover);
    -webkit-text-decoration-style: var(--nav-link-underline-style);
    text-decoration-style: var(--nav-link-underline-style);
    text-decoration-thickness: var(--nav-link-underline-thickness);
    margin-left: 0.5rem
  }

  .miz-sub-nav-link.miz-sub-nav-link--current {
    --nav-link-underline-color: var(--wp--preset--color--gold);
    --nav-link-underline-thickness: 0.125rem;
    font-weight: var(--wp--custom--typography--font-weight--bold)
  }

  .miz-sub-nav-link--active {
    background-color: var(--sub-nav-background-color)
  }
}

@layer component {
  .miz-sub-nav__expand-button {
    --button-background-color: transparent;
    --button-border-color: transparent;
    flex-basis: 25%;
    flex-shrink: 0;
    place-self: center;
    width: 1.5rem
  }

  @layer modifier {
    .miz-sub-nav__expand-button .miz-sub-nav__expand-button-icon {
      --icon-color: var(--nav-link-text-color);
      flex-grow: 0;
      margin-right: -6px;
      transition: transform 100ms
    }
  }

  .miz-sub-nav__expand-button[aria-expanded=true],
  .miz-sub-nav__expand-button:hover {
    --button-background-color: transparent
  }

  .miz-sub-nav__expand-button[aria-expanded=true] .miz-sub-nav__expand-button-icon,
  .miz-sub-nav__expand-button:hover .miz-sub-nav__expand-button-icon {
    transform: rotate(90deg)
  }
}

@layer component {
  .miz-sub-navigation__heading {
    font-family: var(--wp--preset--font-family--open-sans);
    font-weight: var(--wp--custom--typography--font-weight--bold);
    font-size: var(--wp--preset--font-size--level-2);
    border-bottom: 0.125rem solid var(--wp--preset--color--gold);
    background-color: var(--nav-background-color);
    color: var(--nav-text-color);
    padding: 0.75rem 1rem 0.75rem 2rem
  }

  .miz-sub-navigation__heading-link {
    --nav-link-text-decoration: var(--sub-nav-text-decoration);
    --nav-link-text-decoration-hover: var(--sub-nav-text-decoration-hover);
    --nav-link-underline-thickness: 0.125rem;
    --nav-link-underline-offset: 0.25rem;
    --nav-link-underline-color: var(--sub-nav-background-color);
    --nav-link-underline-color-hover: var(--wp--preset--color--gold-300);
    --nav-link-underline-style: solid;
    color: currentColor;
    text-decoration: none;
    transition-property: margin-left;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
  }

  .miz-sub-navigation__heading-link:hover,
  .miz-sub-navigation__heading-link:active {
    margin-left: 0.5rem
  }
}

@layer modifier {

  .miz-sub-navigation--light,
  .miz-sub-navigation[data-theme=light] {
    --nav-background-color: var(--wp--preset--color--white);
    --nav-text-color: var(--wp--preset--color--black);
    --sub-nav-border-color: var(--wp--preset--color--black-200)
  }

  .miz-sub-navigation--light .miz-sub-nav-link,
  .miz-sub-navigation[data-theme=light] .miz-sub-nav-link {
    --nav-link-background-color: var(--wp--preset--color--white);
    --nav-link-text-color: var(--wp--preset--color--black);
    --nav-link-text-color-hover: var(--wp--preset--color--black);
    --nav-link-underline-color-hover: var(--wp--preset--color--gold-300)
  }

  .miz-sub-navigation--dark,
  .miz-sub-navigation[data-theme=dark] {
    --nav-background-color: var(--wp--preset--color--black);
    --nav-text-color: var(--wp--preset--color--white);
    --sub-nav-border-color: var(--wp--preset--color--black-200)
  }

  .miz-sub-navigation--dark .miz-sub-nav-link,
  .miz-sub-navigation[data-theme=dark] .miz-sub-nav-link {
    --nav-link-background-color: var(--wp--preset--color--black);
    --nav-link-text-color: var(--wp--preset--color--white);
    --nav-link-underline-color-hover: var(--wp--preset--color--gold-300);
    --nav-link-text-color-hover: var(--wp--preset--color--black)
  }

  .miz-sub-navigation--dark .miz-sub-nav__expand-button-icon,
  .miz-sub-navigation[data-theme=dark] .miz-sub-nav__expand-button-icon {
    --icon-color: var(--wp--preset--color--white)
  }

  .miz-sub-navigation--gold,
  .miz-sub-navigation[data-theme=gold] {
    --nav-background-color: var(--wp--preset--color--gold);
    --nav-text-color: var(--wp--preset--color--black);
    --sub-nav-border-color: var(--wp--preset--color--black-200)
  }

  .miz-sub-navigation--gold .miz-sub-nav-link,
  .miz-sub-navigation[data-theme=gold] .miz-sub-nav-link {
    --nav-link-background-color: var(--wp--preset--color--gold);
    --nav-link-text-color: var(--wp--preset--color--black);
    --nav-link-underline-color-hover: var(--wp--preset--color--gold-300);
    --nav-link-text-color-hover: var(--wp--preset--color--black)
  }
}

@layer modifier {
  .miz-news-card.miz-card--inline .miz-card__picture {
    max-width: 368px;
    flex: 1 0 33%
  }

  @media(min-width: 768px) {
    .miz-news-card.miz-card--inline .miz-card__body {
      flex-basis: 100%
    }
  }

  .miz-news-card.miz-news-card--featured .miz-news__title {
    font-size: var(--wp--preset--font-size--level-5) !important
  }

  .miz-news-card.miz-card--dark .miz-news--date {
    color: var(--wp--preset--color--white)
  }

  .miz-news-card .miz-news--date {
    font-weight: var(--wp--custom--typography--font-weight--bold);
    color: var(--wp--preset--color--black-400)
  }

  .miz-news-card .miz-news__title {
    border-bottom: 2px solid var(--wp--preset--color--gold);
    font-size: var(--wp--preset--font-size--level-3) !important
  }
}

@layer modifier {
  @media(min-width: 768px) {
    .miz-news-spotlight {
      display: grid;
      grid-template-rows: repeat(2, 1fr);
      grid-template-columns: 75% 25%;
      gap: 2rem
    }

    .miz-news-spotlight>a {
      grid-row: 1;
      grid-column: 2
    }

    .miz-news-spotlight>a:first-child {
      grid-row: span 2;
      grid-column: 1
    }

    .miz-news-spotlight>a:last-child {
      grid-row: 2;
      grid-column: 2
    }
  }
}

@layer modifier {
  .miz-page-header--landing-page {
    --component-mode-text-color: var(--page-header-text-color);
    --component-mode-link-color: var(--page-header-link-color)
  }

  .miz-page-header--landing-page .miz-page-header__background img {
    --image-aspect-ratio: 16/9;
    object-fit: cover;
    max-height: 50dvh
  }

  .miz-page-header--landing-page .miz-page-header__content {
    background-color: var(--page-header-background-color)
  }

  .miz-page-header--landing-page .miz-page-header__content .miz-page-header__title {
    color: var(--page-header-title-text-color);
    background-color: var(--page-header-background-color)
  }

  .miz-page-header--landing-page .miz-page-header__content .miz-page-header__intro {
    background-color: var(--page-header-background-color);
    color: var(--page-header-text-color)
  }
}

@layer theme {
  .miz-social-media-list__icon {
    --icon-width: 30px;
    --icon-height: 30px;
    --icon-max-width: 30px;
    --icon-max-height: 30px
  }

  .miz-social-media-list__icon:hover {
    scale: 1.1
  }
}

.miz-svg--threads {
  color: #000;
  fill: #000
}

.miz-svg--x {
  color: #000;
  fill: #000
}

.miz-svg--white {
  color: #fff;
  fill: #fff
}

.miz-svg--black {
  color: #000;
  fill: #000
}

.miz-svg--gold {
  color: #fdb719;
  fill: #fdb719
}

@layer theme {
  .miz-statistic-group {
    --flex-direction: column
  }

  @media(min-width: 768px) {
    .miz-statistic-group {
      --flex-direction: row
    }
  }
}