@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:700");trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}trix-toolbar * {
  box-sizing: border-box;
}trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}@media (max-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}@media (max-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: rgb(0, 0, 0);
}trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}@media (max-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}@media (max-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}trix-toolbar .trix-dialogs {
  position: relative;
}trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}trix-toolbar .trix-dialog--link {
  max-width: 600px;
}trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1 1;
}trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection {
  background: none;
}trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight;
}trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}trix-editor .attachment {
  position: relative;
}trix-editor .attachment:hover {
  cursor: default;
}trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}trix-editor .trix-button-group {
  display: inline-flex;
}trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}trix-editor .trix-button.trix-active {
  background: #cbeefa;
}trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}trix-editor .trix-button--remove:hover {
  border-color: #333;
}trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}trix-editor .attachment__metadata-container {
  position: relative;
}trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}.trix-content li {
  margin-left: 1em;
}.trix-content [dir=rtl] li {
  margin-right: 1em;
}.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}.trix-content img {
  max-width: 100%;
  height: auto;
}.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}.trix-content .attachment__caption {
  text-align: center;
}.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}/* Box sizing rules */*,
*::before,
*::after {
  box-sizing: border-box;
}/* Remove default margin */body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ul[role=list],
ol[role=list] {
  list-style: none;
}/* Set core root defaults */html:focus-within {
  scroll-behavior: smooth;
}/* Set core body defaults */body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}/* A elements that don't have a class get default styles */a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}/* Make images easier to work with */img,
picture {
  max-width: 100%;
  display: block;
}/* Inherit fonts for inputs and buttons */input,
button,
textarea,
select {
  font: inherit;
}/* Remove all animations and transitions for people that prefer not to see them */@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}:root {
  /* Color HSLs
    A theme comprised of a primary, neutral, warning, danger, info, and notice colors.
  */
  /* Basic Colors */
  /**
  * @tokens Basic Colors
  * @presenter Color
  */
  --op-color-white: hsl(0deg 100% 100%);
  --op-color-black: hsl(0deg 0% 0%);
  /**
  * @tokens Primary Colors
  * @presenter Color
  */
  --op-color-primary-h: 216;
  --op-color-primary-s: 58%;
  --op-color-primary-l: 48%;
  /**
  * @tokens Neutral Colors
  * @presenter Color
  */
  --op-color-neutral-h: var(--op-color-primary-h);
  --op-color-neutral-s: 4%;
  --op-color-neutral-l: var(--op-color-primary-l);
  /**
  * @tokens Alerts Warning Colors
  * @presenter Color
  */
  --op-color-alerts-warning-h: 47;
  --op-color-alerts-warning-s: 100%;
  --op-color-alerts-warning-l: 61%;
  /**
  * @tokens Alerts Danger Colors
  * @presenter Color
  */
  --op-color-alerts-danger-h: 0;
  --op-color-alerts-danger-s: 99%;
  --op-color-alerts-danger-l: 76%;
  /**
  * @tokens Alerts Info Colors
  * @presenter Color
  */
  --op-color-alerts-info-h: 216;
  --op-color-alerts-info-s: 58%;
  --op-color-alerts-info-l: 48%;
  /**
  * @tokens Alerts Notice Colors
  * @presenter Color
  */
  --op-color-alerts-notice-h: 130;
  --op-color-alerts-notice-s: 61%;
  --op-color-alerts-notice-l: 64%;
  /**
  * @tokens Opacities
  * @presenter Opacity
  */
  --op-opacity-none: 0;
  --op-opacity-overlay: 0.2;
  --op-opacity-disabled: 0.4;
  --op-opacity-half: 0.5;
  --op-opacity-full: 1;
  /*
    Breakpoints
    CSS does not support using variables within @media or @container queries. Environment variables are drafted but likely to not be implemented soon.
    https://drafts.csswg.org/css-env-1/
    https://bholmes.dev/blog/alternative-to-css-variable-media-queries/

    Here is a list of breakpoints used throughout Optics:
  */
  /**
  * @tokens Breakpoints
  * @presenter Spacing
  */
  --op-breakpoint-x-small: 512px; /* vertical phone */
  --op-breakpoint-small: 768px; /* vertical ipad */
  --op-breakpoint-medium: 1024px; /* landscape ipad */
  --op-breakpoint-large: 1280px; /* small laptop */
  --op-breakpoint-x-large: 1440px; /* medium laptop */
  /* Border */
  /**
  * @tokens Border Radius
  * @presenter BorderRadius
  */
  --op-radius-small: 2px;
  --op-radius-medium: 4px;
  --op-radius-large: 8px;
  --op-radius-x-large: 12px;
  --op-radius-2x-large: 16px;
  --op-radius-circle: 50%;
  --op-radius-pill: 9999px;
  /**
  * @tokens Border Width
  * @presenter Spacing
  */
  --op-border-width: 1px;
  --op-border-width-large: 2px;
  --op-border-width-x-large: 4px;
  /**
  * @tokens Border Color
  * @presenter Color
  */
  --op-color-border: var(--op-color-neutral-plus-five);
  /* E.G. box-shadow: var(--op-border-top) var(--op-color-border); */
  /**
  * @tokens Border Shadow
  * @presenter Shadow
  */
  --op-border-none: 0 0 0 0;
  --op-border-all: 0 0 0 var(--op-border-width);
  --op-border-top: 0 calc(var(--op-border-width)*-1) 0 0;
  --op-border-right: var(--op-border-width) 0 0 0;
  --op-border-bottom: 0 var(--op-border-width) 0 0;
  --op-border-left: calc(var(--op-border-width)*-1) 0 0 0;
  --op-border-y: var(--op-border-top) var(--op-color-border), var(--op-border-bottom) var(--op-color-border);
  --op-border-x: var(--op-border-left) var(--op-color-border), var(--op-border-right) var(--op-color-border);
  /* Font */
  /**
  * @tokens Font Scale
  * @presenter FontSize
  */
  --op-font-scale-unit: 1rem; /* 10px; */
  --op-font-2x-small: calc(var(--op-font-scale-unit)*1); /* 10px */
  --op-font-x-small: calc(var(--op-font-scale-unit)*1.2); /* 12px */
  --op-font-small: calc(var(--op-font-scale-unit)*1.4); /* 14px */
  --op-font-medium: calc(var(--op-font-scale-unit)*1.6); /* 16px */
  --op-font-large: calc(var(--op-font-scale-unit)*1.8); /* 18px */
  --op-font-x-large: calc(var(--op-font-scale-unit)*2); /* 20px */
  --op-font-2x-large: calc(var(--op-font-scale-unit)*2.4); /* 24px */
  --op-font-3x-large: calc(var(--op-font-scale-unit)*2.8); /* 28px */
  --op-font-4x-large: calc(var(--op-font-scale-unit)*3.2); /* 32px */
  --op-font-5x-large: calc(var(--op-font-scale-unit)*3.6); /* 36px */
  --op-font-6x-large: calc(var(--op-font-scale-unit)*4.8); /* 48px */
  /**
  * @tokens Font Weight
  * @presenter FontWeight
  */
  --op-font-weight-thin: 100;
  --op-font-weight-extra-light: 200;
  --op-font-weight-light: 300;
  --op-font-weight-normal: 400;
  --op-font-weight-medium: 500;
  --op-font-weight-semi-bold: 600;
  --op-font-weight-bold: 700;
  --op-font-weight-extra-bold: 800;
  --op-font-weight-black: 900;
  /**
  * @tokens Font Family
  * @presenter FontFamily
  */
  --op-font-family: "Noto Sans", sans-serif;
  --op-font-family-alt: "Noto Serif", serif;
  /* Text */
  /**
  * @tokens Line Height
  * @presenter LineHeight
  */
  --op-line-height-none: 0;
  --op-line-height-densest: 1;
  --op-line-height-denser: 1.15;
  --op-line-height-dense: 1.3;
  --op-line-height-base: 1.5;
  --op-line-height-loose: 1.6;
  --op-line-height-looser: 1.7;
  --op-line-height-loosest: 1.8;
  /**
  * @tokens Letter Spacing
  * @presenter LetterSpacing
  */
  --op-letter-spacing-navigation: 0.01rem;
  --op-letter-spacing-label: 0.04rem;
  /* Transitions and Animations */
  /**
  * @tokens Transition
  */
  --op-transition-accordion: rotate 120ms ease-in;
  --op-transition-accordion-content: height 300ms ease, content-visibility 300ms ease allow-discrete;
  --op-transition-input: all 120ms ease-in;
  --op-transition-sidebar: all 200ms ease-in-out;
  --op-transition-modal: all 300ms ease-in;
  --op-transition-panel: right 400ms ease-in;
  --op-transition-tooltip: all 300ms ease-in 300ms;
  /**
  * @tokens Animation
  * @presenter Animation
  */
  --op-animation-flash: rm-slide-in-out-flash 5s normal forwards;
  /* Encoded Images */
  /**
  * @tokens Encoded Images
  */
  --op-encoded-images-dropdown-arrow-width: calc(var(--op-space-scale-unit)*1.2); /* 12px No way to string interpolate */
  --op-encoded-images-dropdown-arrow: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDguMzc1MDFMMCAyLjM3NTAxTDEuNCAwLjk3NTAwNkw2IDUuNTc1MDFMMTAuNiAwLjk3NTAwNkwxMiAyLjM3NTAxTDYgOC4zNzUwMVoiIGZpbGw9IiMwQTBBMEIiLz4KPC9zdmc+Cg==");
  /* Spacing */
  /**
  * @tokens Size Scale
  * @presenter Spacing
  */
  --op-size-unit: 0.4rem; /* 4px */
  /**
  * @tokens Space Scale
  * @presenter Spacing
  */
  --op-space-scale-unit: 1rem; /* 10px; */
  --op-space-3x-small: calc(var(--op-space-scale-unit)*0.2); /* 2px */
  --op-space-2x-small: calc(var(--op-space-scale-unit)*0.4); /* 4px */
  --op-space-x-small: calc(var(--op-space-scale-unit)*0.8); /* 8px */
  --op-space-small: calc(var(--op-space-scale-unit)*1.2); /* 12px */
  --op-space-medium: calc(var(--op-space-scale-unit)*1.6); /* 16px */
  --op-space-large: calc(var(--op-space-scale-unit)*2); /* 20px */
  --op-space-x-large: calc(var(--op-space-scale-unit)*2.4); /* 24px */
  --op-space-2x-large: calc(var(--op-space-scale-unit)*2.8); /* 28px */
  --op-space-3x-large: calc(var(--op-space-scale-unit)*4); /* 40px */
  --op-space-4x-large: calc(var(--op-space-scale-unit)*8); /* 80px */
  /* Shadows */
  /**
  * @tokens Shadows
  * @presenter Shadow
  */
  --op-shadow-x-small: 0 1px 2px hsl(0deg 0% 0% / 3%), 0 1px 3px hsl(0deg 0% 0% / 15%);
  --op-shadow-small: 0 1px 2px hsl(0deg 0% 0% / 3%), 0 2px 6px hsl(0deg 0% 0% / 15%);
  --op-shadow-medium: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 3%);
  --op-shadow-large: 0 6px 10px hsl(0deg 0% 0% / 15%), 0 2px 3px hsl(0deg 0% 0% / 3%);
  --op-shadow-x-large: 0 8px 12px hsl(0deg 0% 0% / 15%), 0 4px 4px hsl(0deg 0% 0% / 3%);
  /* Z Index */
  /**
  * @tokens Z-Index
  */
  --op-z-index-header: 500;
  --op-z-index-footer: 500;
  --op-z-index-sidebar: 700;
  --op-z-index-dialog: 800;
  --op-z-index-dialog-backdrop: 801;
  --op-z-index-dialog-content: 802;
  --op-z-index-dropdown: 900;
  --op-z-index-alert-group: 950;
  --op-z-index-tooltip: 1000;
  /* Inputs */
  /*
    This should follow multiples of 4
    https: //uxdesign.cc/baseline-grids-design-systems-ae23b5af8cec See example 8
  */
  /**
  * @tokens Input Heights
  * @presenter Spacing
  */
  --op-input-height-small: 2.8rem; /* 28px */
  --op-input-height-medium: 3.6rem; /* 36px */
  --op-input-height-large: 4rem; /* 40px */
  --op-input-height-x-large: 8.4rem; /* 84px */
  /**
  * @tokens Input Focus
  * @presenter Shadow
  */
  --op-input-inner-focus: inset 0 0 0 var(--op-border-width-large);
  --op-input-outer-focus: 0 0 0 var(--op-border-width-x-large);
  --op-input-focus-primary: var(--op-input-inner-focus) var(--op-color-primary-plus-two),
    var(--op-input-outer-focus) var(--op-color-primary-plus-five);
  --op-input-focus-neutral: var(--op-input-inner-focus) var(--op-color-neutral-plus-two),
    var(--op-input-outer-focus) var(--op-color-neutral-plus-five);
  --op-input-focus-danger: var(--op-input-inner-focus) var(--op-color-alerts-danger-plus-two),
    var(--op-input-outer-focus) var(--op-color-alerts-danger-plus-five);
  --op-input-focus-warning: var(--op-input-inner-focus) var(--op-color-alerts-warning-plus-two),
    var(--op-input-outer-focus) var(--op-color-alerts-warning-plus-five);
  --op-input-focus-info: var(--op-input-inner-focus) var(--op-color-alerts-info-plus-two),
    var(--op-input-outer-focus) var(--op-color-alerts-info-plus-five);
  --op-input-focus-notice: var(--op-input-inner-focus) var(--op-color-alerts-notice-plus-two),
    var(--op-input-outer-focus) var(--op-color-alerts-notice-plus-five);
}/* Animations */@keyframes rm-slide-in-out-flash {
  /*
    If an duration of 5s is set:
    Start off the Screen
  */
  0% {
    right: -100%;
  }
  /* Animate onto the screen for 0.5s */
  10% {
    right: 2rem;
    right: var(--op-space-large);
  }
  /* Stay on the screen for 3s */
  70% {
    right: 2rem;
    right: var(--op-space-large);
  }
  /* Animate off the screen for 1.5s */
  100% {
    right: -100%;
  }
}:root {
  /* Enable light and dark mode switching */
  color-scheme: light dark;
  /*
    Semantic Scales: plus adds luminosity, minus removes luminosity
    This borrows from the photography concept of Aperture f-stops.
    https://www.adobe.com/creativecloud/photography/discover/f-stop.html
  */
  /**
  * @tokens Primary Colors
  * @presenter Color
  */
  --op-color-primary-original: hsl(var(--op-color-primary-h) var(--op-color-primary-s) var(--op-color-primary-l));
  /* Main Scale */
  --op-color-primary-plus-max: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 12%)
  );
  --op-color-primary-plus-eight: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 14%)
  );
  --op-color-primary-plus-seven: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%)
  );
  --op-color-primary-plus-six: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%)
  );
  --op-color-primary-plus-five: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%)
  );
  --op-color-primary-plus-four: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%)
  );
  --op-color-primary-plus-three: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 29%)
  );
  --op-color-primary-plus-two: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%)
  );
  --op-color-primary-plus-one: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 35%)
  );
  --op-color-primary-base: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%)
  );
  --op-color-primary-minus-one: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 36%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%)
  );
  --op-color-primary-minus-two: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%)
  );
  --op-color-primary-minus-three: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 48%)
  );
  --op-color-primary-minus-four: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 52%)
  );
  --op-color-primary-minus-five: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%)
  );
  --op-color-primary-minus-six: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%)
  );
  --op-color-primary-minus-seven: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-minus-eight: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%)
  );
  --op-color-primary-minus-max: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)
  );
  /* On Scale */
  --op-color-primary-on-plus-max: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)
  );
  --op-color-primary-on-plus-max-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%)
  );
  --op-color-primary-on-plus-eight: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%)
  );
  --op-color-primary-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%)
  );
  --op-color-primary-on-plus-seven: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%)
  );
  --op-color-primary-on-plus-six: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%)
  );
  --op-color-primary-on-plus-six-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%)
  );
  --op-color-primary-on-plus-five: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%)
  );
  --op-color-primary-on-plus-five-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%)
  );
  --op-color-primary-on-plus-four: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-on-plus-four-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%)
  );
  --op-color-primary-on-plus-three: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%)
  );
  --op-color-primary-on-plus-three-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 10%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-plus-two: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-on-plus-two-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 6%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%)
  );
  --op-color-primary-on-plus-one: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 80%)
  );
  --op-color-primary-on-plus-one-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 95%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-base: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)
  );
  --op-color-primary-on-base-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%)
  );
  --op-color-primary-on-minus-one: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-minus-one-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%)
  );
  --op-color-primary-on-minus-two: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-minus-two-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 92%)
  );
  --op-color-primary-on-minus-three: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)
  );
  --op-color-primary-on-minus-three-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 74%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%)
  );
  --op-color-primary-on-minus-four: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%)
  );
  --op-color-primary-on-minus-four-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%)
  );
  --op-color-primary-on-minus-five: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 2%)
  );
  --op-color-primary-on-minus-five-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%)
  );
  --op-color-primary-on-minus-six: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%)
  );
  --op-color-primary-on-minus-six-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%)
  );
  --op-color-primary-on-minus-seven: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%)
  );
  --op-color-primary-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 34%)
  );
  --op-color-primary-on-minus-eight: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%)
  );
  --op-color-primary-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%)
  );
  --op-color-primary-on-minus-max: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%)
  );
  --op-color-primary-on-minus-max-alt: light-dark(
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%),
    hsl(var(--op-color-primary-h) var(--op-color-primary-s) 38%)
  );
  /**
  * @tokens Neutral Colors
  * @presenter Color
  */
  --op-color-neutral-original: hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) var(--op-color-neutral-l));
  /* Main Scale */
  --op-color-neutral-plus-max: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%)
  );
  --op-color-neutral-plus-eight: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%)
  );
  --op-color-neutral-plus-seven: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 14%)
  );
  --op-color-neutral-plus-six: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%)
  );
  --op-color-neutral-plus-five: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 18%)
  );
  --op-color-neutral-plus-four: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%)
  );
  --op-color-neutral-plus-three: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 70%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%)
  );
  --op-color-neutral-plus-two: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%)
  );
  --op-color-neutral-plus-one: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 30%)
  );
  --op-color-neutral-base: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%)
  );
  --op-color-neutral-minus-one: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%)
  );
  --op-color-neutral-minus-two: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%)
  );
  --op-color-neutral-minus-three: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%)
  );
  --op-color-neutral-minus-four: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 52%)
  );
  --op-color-neutral-minus-five: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%)
  );
  --op-color-neutral-minus-six: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%)
  );
  --op-color-neutral-minus-seven: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%)
  );
  --op-color-neutral-minus-eight: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-minus-max: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)
  );
  /* On Scale */
  --op-color-neutral-on-plus-max: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)
  );
  --op-color-neutral-on-plus-max-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%)
  );
  --op-color-neutral-on-plus-eight: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 34%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 54%)
  );
  --op-color-neutral-on-plus-seven: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%)
  );
  --op-color-neutral-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 58%)
  );
  --op-color-neutral-on-plus-six: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%)
  );
  --op-color-neutral-on-plus-six-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%)
  );
  --op-color-neutral-on-plus-five: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 80%)
  );
  --op-color-neutral-on-plus-five-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%)
  );
  --op-color-neutral-on-plus-four: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-on-plus-four-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 68%)
  );
  --op-color-neutral-on-plus-three: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-on-plus-three-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 68%)
  );
  --op-color-neutral-on-plus-two: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)
  );
  --op-color-neutral-on-plus-two-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 6%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 72%)
  );
  --op-color-neutral-on-plus-one: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)
  );
  --op-color-neutral-on-plus-one-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 75%)
  );
  --op-color-neutral-on-base: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)
  );
  --op-color-neutral-on-base-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%)
  );
  --op-color-neutral-on-minus-one: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%)
  );
  --op-color-neutral-on-minus-one-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%)
  );
  --op-color-neutral-on-minus-two: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%)
  );
  --op-color-neutral-on-minus-two-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%)
  );
  --op-color-neutral-on-minus-three: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 99%)
  );
  --op-color-neutral-on-minus-three-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 74%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%)
  );
  --op-color-neutral-on-minus-four: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 11%)
  );
  --op-color-neutral-on-minus-four-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%)
  );
  --op-color-neutral-on-minus-five: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%)
  );
  --op-color-neutral-on-minus-five-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 2%)
  );
  --op-color-neutral-on-minus-six: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)
  );
  --op-color-neutral-on-minus-six-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 82%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 26%)
  );
  --op-color-neutral-on-minus-seven: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%)
  );
  --op-color-neutral-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%)
  );
  --op-color-neutral-on-minus-eight: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)
  );
  --op-color-neutral-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%)
  );
  --op-color-neutral-on-minus-max: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)
  );
  --op-color-neutral-on-minus-max-alt: light-dark(
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%),
    hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 48%)
  );
  /**
  * @tokens Alerts Warning Colors
  * @presenter Color
  */
  /* prettier-ignore */
  --op-color-alerts-warning-original: hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) var(--op-color-alerts-warning-l));
  /* Main Scale */
  --op-color-alerts-warning-plus-max: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%)
  );
  --op-color-alerts-warning-plus-eight: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%)
  );
  --op-color-alerts-warning-plus-seven: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%)
  );
  --op-color-alerts-warning-plus-six: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%)
  );
  --op-color-alerts-warning-plus-five: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 90%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%)
  );
  --op-color-alerts-warning-plus-four: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%)
  );
  --op-color-alerts-warning-plus-three: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)
  );
  --op-color-alerts-warning-plus-two: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%)
  );
  --op-color-alerts-warning-plus-one: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%)
  );
  --op-color-alerts-warning-base: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 32%)
  );
  --op-color-alerts-warning-minus-one: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 36%)
  );
  --op-color-alerts-warning-minus-two: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%)
  );
  --op-color-alerts-warning-minus-three: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 18%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 48%)
  );
  --op-color-alerts-warning-minus-four: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 52%)
  );
  --op-color-alerts-warning-minus-five: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%)
  );
  --op-color-alerts-warning-minus-six: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%)
  );
  --op-color-alerts-warning-minus-seven: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%)
  );
  --op-color-alerts-warning-minus-eight: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)
  );
  --op-color-alerts-warning-minus-max: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%)
  );
  /* On Scale */
  --op-color-alerts-warning-on-plus-max: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-plus-max-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 42%)
  );
  --op-color-alerts-warning-on-plus-eight: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)
  );
  --op-color-alerts-warning-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-plus-seven: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%)
  );
  --op-color-alerts-warning-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 28%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60%)
  );
  --op-color-alerts-warning-on-plus-six: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%)
  );
  --op-color-alerts-warning-on-plus-six-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%)
  );
  --op-color-alerts-warning-on-plus-five: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 72%)
  );
  --op-color-alerts-warning-on-plus-five-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 25%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%)
  );
  --op-color-alerts-warning-on-plus-four: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%)
  );
  --op-color-alerts-warning-on-plus-four-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 60%)
  );
  --op-color-alerts-warning-on-plus-three: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)
  );
  --op-color-alerts-warning-on-plus-three-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-plus-two: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)
  );
  --op-color-alerts-warning-on-plus-two-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-plus-one: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%)
  );
  --op-color-alerts-warning-on-plus-one-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 15%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%)
  );
  --op-color-alerts-warning-on-base: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)
  );
  --op-color-alerts-warning-on-base-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%)
  );
  --op-color-alerts-warning-on-minus-one: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)
  );
  --op-color-alerts-warning-on-minus-one-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)
  );
  --op-color-alerts-warning-on-minus-two: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)
  );
  --op-color-alerts-warning-on-minus-two-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%)
  );
  --op-color-alerts-warning-on-minus-three: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 92%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)
  );
  --op-color-alerts-warning-on-minus-three-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)
  );
  --op-color-alerts-warning-on-minus-four: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%)
  );
  --op-color-alerts-warning-on-minus-four-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 76%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)
  );
  --op-color-alerts-warning-on-minus-five: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%)
  );
  --op-color-alerts-warning-on-minus-five-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 76%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 21%)
  );
  --op-color-alerts-warning-on-minus-six: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%)
  );
  --op-color-alerts-warning-on-minus-six-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 82%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22%)
  );
  --op-color-alerts-warning-on-minus-seven: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%)
  );
  --op-color-alerts-warning-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 84%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%)
  );
  --op-color-alerts-warning-on-minus-eight: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%)
  );
  --op-color-alerts-warning-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 86%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%)
  );
  --op-color-alerts-warning-on-minus-max: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%)
  );
  --op-color-alerts-warning-on-minus-max-alt: light-dark(
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%),
    hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 24%)
  );
  /**
  * @tokens Alerts Danger Colors
  * @presenter Color
  */
  /* prettier-ignore */
  --op-color-alerts-danger-original: hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) var(--op-color-alerts-danger-l));
  /* Main Scale */
  --op-color-alerts-danger-plus-max: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%)
  );
  --op-color-alerts-danger-plus-eight: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)
  );
  --op-color-alerts-danger-plus-seven: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)
  );
  --op-color-alerts-danger-plus-six: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 12%)
  );
  --op-color-alerts-danger-plus-five: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 14%)
  );
  --op-color-alerts-danger-plus-four: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%)
  );
  --op-color-alerts-danger-plus-three: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%)
  );
  --op-color-alerts-danger-plus-two: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)
  );
  --op-color-alerts-danger-plus-one: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 50%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%)
  );
  --op-color-alerts-danger-base: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%)
  );
  --op-color-alerts-danger-minus-one: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%)
  );
  --op-color-alerts-danger-minus-two: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%)
  );
  --op-color-alerts-danger-minus-three: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 48%)
  );
  --op-color-alerts-danger-minus-four: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 52%)
  );
  --op-color-alerts-danger-minus-five: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%)
  );
  --op-color-alerts-danger-minus-six: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 72%)
  );
  --op-color-alerts-danger-minus-seven: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%)
  );
  --op-color-alerts-danger-minus-eight: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-minus-max: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%)
  );
  /* On Scale */
  --op-color-alerts-danger-on-plus-max: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%)
  );
  --op-color-alerts-danger-on-plus-max-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-plus-eight: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 78%)
  );
  --op-color-alerts-danger-on-plus-seven: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%)
  );
  --op-color-alerts-danger-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%)
  );
  --op-color-alerts-danger-on-plus-six: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 78%)
  );
  --op-color-alerts-danger-on-plus-six-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 68%)
  );
  --op-color-alerts-danger-on-plus-five: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%)
  );
  --op-color-alerts-danger-on-plus-five-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 30%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%)
  );
  --op-color-alerts-danger-on-plus-four: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 80%)
  );
  --op-color-alerts-danger-on-plus-four-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 72%)
  );
  --op-color-alerts-danger-on-plus-three: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-plus-three-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%)
  );
  --op-color-alerts-danger-on-plus-two: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-plus-two-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 6%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 76%)
  );
  --op-color-alerts-danger-on-plus-one: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%)
  );
  --op-color-alerts-danger-on-plus-one-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 3%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%)
  );
  --op-color-alerts-danger-on-base: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%)
  );
  --op-color-alerts-danger-on-base-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%)
  );
  --op-color-alerts-danger-on-minus-one: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%)
  );
  --op-color-alerts-danger-on-minus-one-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 89%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)
  );
  --op-color-alerts-danger-on-minus-two: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%)
  );
  --op-color-alerts-danger-on-minus-two-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 83%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%)
  );
  --op-color-alerts-danger-on-minus-three: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 86%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 6%)
  );
  --op-color-alerts-danger-on-minus-three-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 79%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 2%)
  );
  --op-color-alerts-danger-on-minus-four: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)
  );
  --op-color-alerts-danger-on-minus-four-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 77%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%)
  );
  --op-color-alerts-danger-on-minus-five: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 2%)
  );
  --op-color-alerts-danger-on-minus-five-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 81%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%)
  );
  --op-color-alerts-danger-on-minus-six: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)
  );
  --op-color-alerts-danger-on-minus-six-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 87%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 22%)
  );
  --op-color-alerts-danger-on-minus-seven: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)
  );
  --op-color-alerts-danger-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 89%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%)
  );
  --op-color-alerts-danger-on-minus-eight: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)
  );
  --op-color-alerts-danger-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 91%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)
  );
  --op-color-alerts-danger-on-minus-max: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%)
  );
  --op-color-alerts-danger-on-minus-max-alt: light-dark(
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%),
    hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)
  );
  /**
  * @tokens Alerts Info Colors
  * @presenter Color
  */
  /* prettier-ignore */
  --op-color-alerts-info-original: hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) var(--op-color-alerts-info-l));
  /* Main Scale */
  --op-color-alerts-info-plus-max: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%)
  );
  --op-color-alerts-info-plus-eight: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)
  );
  --op-color-alerts-info-plus-seven: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%)
  );
  --op-color-alerts-info-plus-six: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 12%)
  );
  --op-color-alerts-info-plus-five: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 14%)
  );
  --op-color-alerts-info-plus-four: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%)
  );
  --op-color-alerts-info-plus-three: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 70%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%)
  );
  --op-color-alerts-info-plus-two: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 64%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%)
  );
  --op-color-alerts-info-plus-one: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 56%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%)
  );
  --op-color-alerts-info-base: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%)
  );
  --op-color-alerts-info-minus-one: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%)
  );
  --op-color-alerts-info-minus-two: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%)
  );
  --op-color-alerts-info-minus-three: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 48%)
  );
  --op-color-alerts-info-minus-four: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 52%)
  );
  --op-color-alerts-info-minus-five: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 64%)
  );
  --op-color-alerts-info-minus-six: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%)
  );
  --op-color-alerts-info-minus-seven: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-minus-eight: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-minus-max: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%)
  );
  /* On Scale */
  --op-color-alerts-info-on-plus-max: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%)
  );
  --op-color-alerts-info-on-plus-max-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-on-plus-eight: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%)
  );
  --op-color-alerts-info-on-plus-seven: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 70%)
  );
  --op-color-alerts-info-on-plus-six: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%)
  );
  --op-color-alerts-info-on-plus-six-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 62%)
  );
  --op-color-alerts-info-on-plus-five: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 76%)
  );
  --op-color-alerts-info-on-plus-five-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 62%)
  );
  --op-color-alerts-info-on-plus-four: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-on-plus-four-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 66%)
  );
  --op-color-alerts-info-on-plus-three: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-on-plus-three-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 10%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%)
  );
  --op-color-alerts-info-on-plus-two: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)
  );
  --op-color-alerts-info-on-plus-two-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 6%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 74%)
  );
  --op-color-alerts-info-on-plus-one: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%)
  );
  --op-color-alerts-info-on-plus-one-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 3%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-on-base: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%)
  );
  --op-color-alerts-info-on-base-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%)
  );
  --op-color-alerts-info-on-minus-one: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%)
  );
  --op-color-alerts-info-on-minus-one-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 82%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 80%)
  );
  --op-color-alerts-info-on-minus-two: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%)
  );
  --op-color-alerts-info-on-minus-two-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%)
  );
  --op-color-alerts-info-on-minus-three: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%)
  );
  --op-color-alerts-info-on-minus-three-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 74%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%)
  );
  --op-color-alerts-info-on-minus-four: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 2%)
  );
  --op-color-alerts-info-on-minus-four-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 2%)
  );
  --op-color-alerts-info-on-minus-five: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%)
  );
  --op-color-alerts-info-on-minus-five-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 76%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%)
  );
  --op-color-alerts-info-on-minus-six: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)
  );
  --op-color-alerts-info-on-minus-six-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 82%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%)
  );
  --op-color-alerts-info-on-minus-seven: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)
  );
  --op-color-alerts-info-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%)
  );
  --op-color-alerts-info-on-minus-eight: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)
  );
  --op-color-alerts-info-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 34%)
  );
  --op-color-alerts-info-on-minus-max: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%)
  );
  --op-color-alerts-info-on-minus-max-alt: light-dark(
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%),
    hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%)
  );
  /**
  * @tokens Alerts Notice Colors
  * @presenter Color
  */
  /* prettier-ignore */
  --op-color-alerts-notice-original: hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) var(--op-color-alerts-notice-l));
  /* Main Scale */
  --op-color-alerts-notice-plus-max: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%)
  );
  --op-color-alerts-notice-plus-eight: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%)
  );
  --op-color-alerts-notice-plus-seven: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%)
  );
  --op-color-alerts-notice-plus-six: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 12%)
  );
  --op-color-alerts-notice-plus-five: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 14%)
  );
  --op-color-alerts-notice-plus-four: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%)
  );
  --op-color-alerts-notice-plus-three: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 70%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)
  );
  --op-color-alerts-notice-plus-two: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 64%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%)
  );
  --op-color-alerts-notice-plus-one: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 47%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%)
  );
  --op-color-alerts-notice-base: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%)
  );
  --op-color-alerts-notice-minus-one: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 36%)
  );
  --op-color-alerts-notice-minus-two: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%)
  );
  --op-color-alerts-notice-minus-three: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 48%)
  );
  --op-color-alerts-notice-minus-four: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 22%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 52%)
  );
  --op-color-alerts-notice-minus-five: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 18%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 64%)
  );
  --op-color-alerts-notice-minus-six: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%)
  );
  --op-color-alerts-notice-minus-seven: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%)
  );
  --op-color-alerts-notice-minus-eight: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)
  );
  --op-color-alerts-notice-minus-max: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%)
  );
  /* On Scale */
  --op-color-alerts-notice-on-plus-max: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%)
  );
  --op-color-alerts-notice-on-plus-max-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)
  );
  --op-color-alerts-notice-on-plus-eight: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%)
  );
  --op-color-alerts-notice-on-plus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 82%)
  );
  --op-color-alerts-notice-on-plus-seven: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%)
  );
  --op-color-alerts-notice-on-plus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%)
  );
  --op-color-alerts-notice-on-plus-six: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%)
  );
  --op-color-alerts-notice-on-plus-six-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%)
  );
  --op-color-alerts-notice-on-plus-five: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%)
  );
  --op-color-alerts-notice-on-plus-five-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 30%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 72%)
  );
  --op-color-alerts-notice-on-plus-four: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%)
  );
  --op-color-alerts-notice-on-plus-four-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 80%)
  );
  --op-color-alerts-notice-on-plus-three: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%)
  );
  --op-color-alerts-notice-on-plus-three-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 10%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 78%)
  );
  --op-color-alerts-notice-on-plus-two: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%)
  );
  --op-color-alerts-notice-on-plus-two-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 6%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)
  );
  --op-color-alerts-notice-on-plus-one: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%)
  );
  --op-color-alerts-notice-on-plus-one-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 3%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%)
  );
  --op-color-alerts-notice-on-base: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 99%)
  );
  --op-color-alerts-notice-on-base-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%)
  );
  --op-color-alerts-notice-on-minus-one: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-one-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 7%)
  );
  --op-color-alerts-notice-on-minus-two: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-two-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 89%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 10%)
  );
  --op-color-alerts-notice-on-minus-three: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-three-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 85%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 18%)
  );
  --op-color-alerts-notice-on-minus-four: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-four-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 81%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)
  );
  --op-color-alerts-notice-on-minus-five: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 6%)
  );
  --op-color-alerts-notice-on-minus-five-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 76%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)
  );
  --op-color-alerts-notice-on-minus-six: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-six-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 82%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%)
  );
  --op-color-alerts-notice-on-minus-seven: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-seven-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%)
  );
  --op-color-alerts-notice-on-minus-eight: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 2%)
  );
  --op-color-alerts-notice-on-minus-eight-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 86%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%)
  );
  --op-color-alerts-notice-on-minus-max: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%)
  );
  --op-color-alerts-notice-on-minus-max-alt: light-dark(
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%),
    hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%)
  );
  /**
  * @tokens Dark Shadows
  * @presenter Shadow
  */
  --op-color-background: var(--op-color-neutral-plus-eight);
  --op-color-on-background: var(--op-color-neutral-on-plus-eight);
  --op-color-on-background-alt: var(--op-color-neutral-on-plus-eight-alt);
}/* Force Light Mode */:root[data-theme-mode=light] {
  color-scheme: only light;
}/* Force Dark Mode */:root[data-theme-mode=dark] {
  color-scheme: only dark;
  /**
  * @tokens Dark Shadows
  * @presenter Shadow
  */
  --op-shadow-x-small: 0 1px 3px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%);
  --op-shadow-small: 0 2px 6px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%);
  --op-shadow-medium: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 30%);
  --op-shadow-large: 0 6px 10px hsl(0deg 0% 0% / 15%), 0 2px 3px hsl(0deg 0% 0% / 30%);
  --op-shadow-x-large: 0 8px 12px hsl(0deg 0% 0% / 15%), 0 4px 4px hsl(0deg 0% 0% / 30%);
  /**
  * @tokens Encoded Images
  */
  --op-encoded-images-dropdown-arrow: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDguMzc1MDFMMCAyLjM3NTAxTDEuNCAwLjk3NTAwNkw2IDUuNTc1MDFMMTAuNiAwLjk3NTAwNkwxMiAyLjM3NTAxTDYgOC4zNzUwMVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
}@media (prefers-color-scheme: dark) {
  :root:not([data-theme-mode=light]) {
    /**
    * @tokens Dark Shadows
    * @presenter Shadow
    */
    --op-shadow-x-small: 0 1px 3px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%);
    --op-shadow-small: 0 2px 6px hsl(0deg 0% 0% / 15%), 0 1px 2px hsl(0deg 0% 0% / 30%);
    --op-shadow-medium: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 30%);
    --op-shadow-large: 0 6px 10px hsl(0deg 0% 0% / 15%), 0 2px 3px hsl(0deg 0% 0% / 30%);
    --op-shadow-x-large: 0 8px 12px hsl(0deg 0% 0% / 15%), 0 4px 4px hsl(0deg 0% 0% / 30%);
    /**
    * @tokens Encoded Images
    */
    --op-encoded-images-dropdown-arrow: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDguMzc1MDFMMCAyLjM3NTAxTDEuNCAwLjk3NTAwNkw2IDUuNTc1MDFMMTAuNiAwLjk3NTAwNkwxMiAyLjM3NTAxTDYgOC4zNzUwMVoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
  }
}/* After a reset, introduce base element styles specific to this system */html {
  overflow: hidden; /* Needed to prevent flash messages and panels from causing overflow */
  font-family: "Poppins", sans-serif;
  font-family: var(--op-font-family);
  font-size: 62.5%; /* 1rem = 10px */
}body {
  overflow: auto;
  height: 100vh;
  background: hsl(131, 4%, 14%);
  background: var(--op-color-background);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-on-background);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}button {
  background: none;
  cursor: pointer;
}button,
input[type=submit] {
  border: 0;
}label {
  display: inline-block;
}label:hover {
    cursor: pointer;
  }a {
  color: hsl(131 65% 50%);
  color: var(--op-color-primary-original);
}blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
pre {
  margin: 0;
}h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
  font-weight: 400;
  font-weight: var(--op-font-weight-normal);
}h1 {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
}h2 {
  font-size: 2.4rem;
  font-size: var(--op-font-2x-large);
}h3 {
  font-size: 1.8rem;
  font-size: var(--op-font-large);
}h4 {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}h5 {
  font-size: 1.4rem;
  font-size: var(--op-font-small);
}h6 {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}p {
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}small {
  font-size: 1.4rem;
  font-size: var(--op-font-small);
}.app-with-sidebar {
  display: grid;
  width: 100%;
  height: 100vh;
  grid-template-columns: auto 1fr auto;
}.app-body {
  display: flex;
  overflow: auto;
  flex-direction: column;
}.app__header {
  position: sticky;
  z-index: 500;
  z-index: var(--op-z-index-header);
  top: 0;
  flex-grow: 0;
  flex-shrink: 0;
}.app__content {
  width: 100%;
  max-width: 1024px;
  max-width: var(--op-breakpoint-medium);
  flex-grow: 1;
  padding: 0 2rem;
  padding: 0 var(--op-space-large);
  margin: 0 auto;
}.app__content-no-margin {
  width: 100%;
  flex-grow: 1;
  padding: 0 2rem;
  padding: 0 var(--op-space-large);
  overflow-y: auto;
}.app__footer {
  position: sticky;
  z-index: 500;
  z-index: var(--op-z-index-footer);
  bottom: 0;
  flex-grow: 0;
  flex-shrink: 0;
}/* Container Properties */.container {
  width: 100%;
  max-width: 1024px;
  max-width: var(--op-breakpoint-medium);
  padding: 0 2rem;
  padding: 0 var(--op-space-large);
  margin: 0 auto;
}.container--sm {
  max-width: 768px;
  max-width: var(--op-breakpoint-small);
}.container--md-padding {
  padding: 0 1.6rem;
  padding: 0 var(--op-space-medium);
}.container--sm-padding {
  padding: 0 1.2rem;
  padding: 0 var(--op-space-small);
}.container--xs {
  max-width: 512px;
  max-width: var(--op-breakpoint-x-small);
}/* Width Properties */.full-width {
  width: 100%;
}.half-width {
  width: 50%;
}.four-fifths-width {
  width: 80%;
}.three-fifths-width {
  width: 60%;
}.two-fifths-width {
  width: 40%;
}.one-fifth-width {
  width: 20%;
}.three-quarters-width {
  width: 75%;
}.one-quarter-width {
  width: 25%;
}.two-thirds-width {
  width: 66.6666666667%;
}.one-third-width {
  width: 33.3333333333%;
}/* Flex Properties */.flex {
  display: flex;
}.flex-col {
  flex-direction: column;
}.flex-row {
  flex-direction: row;
}.flex-wrap {
  flex-wrap: wrap;
}.flex-no-wrap {
  flex-wrap: nowrap;
}.flex-grow-1 {
  flex-grow: 1;
}/* Gap Properties */.gap-xxs {
  gap: 0.4rem;
  gap: var(--op-space-2x-small);
  --op-gap: var(--op-space-2x-small);
}.gap-xs {
  gap: 0.8rem;
  gap: var(--op-space-x-small);
  --op-gap: var(--op-space-x-small);
}.gap-sm {
  gap: 1.2rem;
  gap: var(--op-space-small);
  --op-gap: var(--op-space-small);
}.gap-md {
  gap: 1.6rem;
  gap: var(--op-space-medium);
  --op-gap: var(--op-space-medium);
}.gap-lg {
  gap: 2rem;
  gap: var(--op-space-large);
  --op-gap: var(--op-space-large);
}.gap-xl {
  gap: 2.4rem;
  gap: var(--op-space-x-large);
  --op-gap: var(--op-space-x-large);
}/* Justify Content */.justify-start {
  justify-content: flex-start;
}.justify-center {
  justify-content: center;
}.justify-end {
  justify-content: flex-end;
}.justify-between {
  justify-content: space-between;
}.justify-around {
  justify-content: space-around;
}/* Align Items */.items-stretch {
  align-items: stretch;
}.items-start {
  align-items: flex-start;
}.items-center {
  align-items: center;
}.items-end {
  align-items: flex-end;
}.items-baseline {
  align-items: baseline;
}/* Align Self */.self-auto {
  align-self: auto;
}.self-start {
  align-self: flex-start;
}.self-center {
  align-self: center;
}.self-end {
  align-self: flex-end;
}.self-stretch {
  align-self: stretch;
}.self-baseline {
  align-self: baseline;
}/* Text Alignment */.text-left {
  text-align: left;
}.text-center {
  text-align: center;
}.text-right {
  text-align: right;
}.text-justify {
  text-align: justify;
}/* Box Margin */.margin-xl {
  margin: 2.4rem;
  margin: var(--op-space-x-large);
}.margin-lg {
  margin: 2rem;
  margin: var(--op-space-large);
}.margin-md {
  margin: 1.6rem;
  margin: var(--op-space-medium);
}.margin-sm {
  margin: 1.2rem;
  margin: var(--op-space-small);
}.margin-xs {
  margin: 0.8rem;
  margin: var(--op-space-x-small);
}.margin-none {
  margin: 0;
}.margin-auto {
  margin: auto;
}/* Vertical Margin */.margin-y-xl {
  margin-top: 2.4rem;
  margin-top: var(--op-space-x-large);
  margin-bottom: 2.4rem;
  margin-bottom: var(--op-space-x-large);
}.margin-y-lg {
  margin-top: 2rem;
  margin-top: var(--op-space-large);
  margin-bottom: 2rem;
  margin-bottom: var(--op-space-large);
}.margin-y-md {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.margin-y-sm {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.margin-y-xs {
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
  margin-bottom: 0.8rem;
  margin-bottom: var(--op-space-x-small);
}.margin-y-none {
  margin-top: 0;
  margin-bottom: 0;
}/* Horizontal Margin */.margin-x-xl {
  margin-right: 2.4rem;
  margin-right: var(--op-space-x-large);
  margin-left: 2.4rem;
  margin-left: var(--op-space-x-large);
}.margin-x-lg {
  margin-right: 2rem;
  margin-right: var(--op-space-large);
  margin-left: 2rem;
  margin-left: var(--op-space-large);
}.margin-x-md {
  margin-right: 1.6rem;
  margin-right: var(--op-space-medium);
  margin-left: 1.6rem;
  margin-left: var(--op-space-medium);
}.margin-x-sm {
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
  margin-left: 1.2rem;
  margin-left: var(--op-space-small);
}.margin-x-xs {
  margin-right: 0.8rem;
  margin-right: var(--op-space-x-small);
  margin-left: 0.8rem;
  margin-left: var(--op-space-x-small);
}.margin-x-none {
  margin-right: 0;
  margin-left: 0;
}/* Top Margin */.margin-top-xl {
  margin-top: 2.4rem;
  margin-top: var(--op-space-x-large);
}.margin-top-lg {
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.margin-top-md {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.margin-top-sm {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.margin-top-xs {
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
}.margin-top-none {
  margin-top: 0;
}/* Bottom Margin */.margin-bottom-xl {
  margin-bottom: 2.4rem;
  margin-bottom: var(--op-space-x-large);
}.margin-bottom-lg {
  margin-bottom: 2rem;
  margin-bottom: var(--op-space-large);
}.margin-bottom-md {
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.margin-bottom-sm {
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.margin-bottom-xs {
  margin-bottom: 0.8rem;
  margin-bottom: var(--op-space-x-small);
}.margin-bottom-none {
  margin-bottom: 0;
}/* Right Margin */.margin-right-xl {
  margin-right: 2.4rem;
  margin-right: var(--op-space-x-large);
}.margin-right-lg {
  margin-right: 2rem;
  margin-right: var(--op-space-large);
}.margin-right-md {
  margin-right: 1.6rem;
  margin-right: var(--op-space-medium);
}.margin-right-sm {
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.margin-right-xs {
  margin-right: 0.8rem;
  margin-right: var(--op-space-x-small);
}.margin-right-none {
  margin-left: 0;
}/* Left Margin */.margin-left-xl {
  margin-left: 2.4rem;
  margin-left: var(--op-space-x-large);
}.margin-left-lg {
  margin-left: 2rem;
  margin-left: var(--op-space-large);
}.margin-left-md {
  margin-left: 1.6rem;
  margin-left: var(--op-space-medium);
}.margin-left-sm {
  margin-left: 1.2rem;
  margin-left: var(--op-space-small);
}.margin-left-xs {
  margin-left: 0.8rem;
  margin-left: var(--op-space-x-small);
}.margin-left-none {
  margin-left: 0;
}/*
  Accessibility
  Use the following class to hide accessibility text that is needed for screen readers but needs to be hidden from regular users.
  https: //snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/.sr-only {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}.accordion {
  /* Public API (customizable component options) */
  --_op-accordion-summary-min-height: calc(var(--op-size-unit)*8); /* 32px */
  overflow: hidden;
  interpolate-size: allow-keywords;
  /* Elements */
}.accordion summary {
    display: grid;
    min-height: var(--_op-accordion-summary-min-height);
    align-items: center;
    cursor: pointer;
    grid-gap: 0.4rem;
    grid-gap: var(--op-space-2x-small);
    gap: 0.4rem;
    gap: var(--op-space-2x-small);
    grid-template-columns: auto 1fr auto;
  }:is(.accordion summary)::marker,:is(.accordion summary)::-webkit-details-marker {
      display: none;
      content: "";
    }:is(.accordion summary) .accordion__label {
      color: hsl(131, 4%, 100%);
      color: var(--op-color-neutral-on-plus-max);
      font-size: 1.2rem;
      font-size: var(--op-font-x-small);
      font-weight: 600;
      font-weight: var(--op-font-weight-semi-bold);
    }:is(.accordion summary) .accordion__marker {
      --__op-icon-font-size: var(--_op-icon-font-size-x-large);
      --__op-icon-optical-size: var(--_op-icon-optical-size-x-large);
      justify-self: flex-end;
      transition: rotate 120ms ease-in;
      transition: var(--op-transition-accordion);
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }.accordion::details-content {
    height: 0;
    transition: height 300ms ease, content-visibility 300ms ease allow-discrete;
    transition: var(--op-transition-accordion-content);
  }.accordion[open] summary .accordion__marker {
      rotate: 0.25turn;
    }.accordion[open]::details-content {
      height: auto;
    }/* Modifiers */.accordion.accordion--disable-animation summary .accordion__marker {
      transition: none;
    }.accordion.accordion--disable-animation::details-content {
      transition: none;
    }.btn, .waiver-version__download__button {
  /* Public API (customizable component options) */
  --_op-btn-height-small: var(--op-input-height-small);
  --_op-btn-height-medium: var(--op-input-height-medium);
  --_op-btn-height-large: var(--op-input-height-large);
  --_op-btn-font-small: var(--op-font-x-small);
  --_op-btn-font-medium: var(--op-font-small);
  --_op-btn-font-large: var(--op-font-small);
  --_op-btn-padding-small: 0 var(--op-space-x-small);
  --_op-btn-padding-medium: 0 var(--op-space-small);
  --_op-btn-padding-large: 0 var(--op-space-small);
  /* Private API (component option defaults) */
  --__op-btn-height: var(--_op-btn-height-large);
  --__op-btn-font-size: var(--_op-btn-font-large);
  --__op-btn-padding: var(--_op-btn-padding-large);
  display: inline-flex;
  min-height: 4rem;
  min-height: var(--__op-btn-height);
  align-items: center;
  justify-content: center;
  padding: 0 1.2rem;
  padding: var(--__op-btn-padding);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  box-shadow: inset 0 0 0 1px hsl(131, 4%, 20%);
  box-shadow: inset var(--op-border-all) var(--op-color-neutral-plus-four);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
  cursor: pointer;
  font-size: 1.4rem;
  font-size: var(--__op-btn-font-size);
  font-weight: 400;
  font-weight: var(--op-font-weight-normal);
  gap: 0.8rem;
  gap: var(--op-space-x-small);
  text-align: center;
  text-decoration: none;
  transition: all 120ms ease-in;
  transition: var(--op-transition-input);
  white-space: nowrap;
  /* Modifiers */
  /* Default Active State */
}.btn--active:is(.btn,.waiver-version__download__button) {
    background-color: hsl(131, 65%, 24%);
    background-color: var(--op-color-primary-plus-five);
    box-shadow: inset 0 0 0 1px hsl(131, 65%, 29%);
    box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
    color: hsl(131, 65%, 72%);
    color: var(--op-color-primary-on-plus-five);
  }/* Default Hover State */:is(.btn,.waiver-version__download__button):hover {
    background-color: hsl(131, 65%, 14%);
    background-color: var(--op-color-primary-plus-eight);
    box-shadow: inset 0 0 0 1px hsl(131, 65%, 29%);
    box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
    color: hsl(131, 65%, 88%);
    color: var(--op-color-primary-on-plus-eight);
  }/* Default Focus State */:is(.btn,.waiver-version__download__button):focus-visible {
    background-color: hsl(131, 4%, 10%);
    background-color: var(--op-color-neutral-plus-eight);
    box-shadow: inset 0 0 0 2px hsl(131, 65%, 32%),
    0 0 0 4px hsl(131, 65%, 24%);
    box-shadow: var(--op-input-focus-primary);
    color: hsl(131, 4%, 88%);
    color: var(--op-color-neutral-on-plus-eight);
  }/* Default Borderless State */.btn--no-border:is(.btn,.waiver-version__download__button) {
    background-color: transparent;
    box-shadow: none;
    color: hsl(131, 65%, 100%);
    color: var(--op-color-primary-on-plus-max);
    /* Default Borderless + Active State. */
  }.btn--no-border.btn--active:is(.btn,.waiver-version__download__button) {
      background-color: hsl(131, 65%, 24%);
      background-color: var(--op-color-primary-plus-five);
      box-shadow: inset 0 0 0 1px hsl(131, 65%, 29%);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
      color: hsl(131, 65%, 72%);
      color: var(--op-color-primary-on-plus-five);
    }/* Default Borderless + Hover State */.btn--no-border:is(.btn,.waiver-version__download__button):hover {
      background-color: hsl(131, 65%, 14%);
      background-color: var(--op-color-primary-plus-eight);
      box-shadow: inset 0 0 0 1px hsl(131, 65%, 24%);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
      color: hsl(131, 65%, 88%);
      color: var(--op-color-primary-on-plus-eight);
    }/* Default Borderless + Focus State */.btn--no-border:is(.btn,.waiver-version__download__button):focus-visible {
      background-color: hsl(131, 65%, 14%);
      background-color: var(--op-color-primary-plus-eight);
      box-shadow: inset 0 0 0 2px hsl(131, 65%, 32%),
    0 0 0 4px hsl(131, 65%, 24%);
      box-shadow: var(--op-input-focus-primary);
      color: hsl(131, 65%, 88%);
      color: var(--op-color-primary-on-plus-eight);
    }/* Pill Modifier */.btn--pill:is(.btn,.waiver-version__download__button) {
    border-radius: 9999px;
    border-radius: var(--op-radius-pill);
  }/* Icon Modifier */.btn--icon:is(.btn,.waiver-version__download__button) {
    width: var(--__op-btn-height);
    min-width: var(--__op-btn-height);
    padding: 0;
  }/* Icon With Label Modifier */.btn--icon-with-label:is(.btn,.waiver-version__download__button) {
    flex-direction: column;
    padding: 1.2rem;
    padding: var(--op-space-small);
    gap: 0.2rem;
    gap: var(--op-space-3x-small);
  }/* Size Modifiers */.btn--small:is(.btn,.waiver-version__download__button) {
    --__op-btn-height: var(--_op-btn-height-small);
    --__op-btn-font-size: var(--_op-btn-font-small);
    --__op-btn-padding: var(--_op-btn-padding-small);
  }.btn--medium:is(.btn,.waiver-version__download__button) {
    --__op-btn-height: var(--_op-btn-height-medium);
    --__op-btn-font-size: var(--_op-btn-font-medium);
    --__op-btn-padding: var(--_op-btn-padding-medium);
  }.btn--large:is(.btn,.waiver-version__download__button) {
    --__op-btn-height: var(--_op-btn-height-large);
    --__op-btn-font-size: var(--_op-btn-font-large);
    --__op-btn-padding: var(--_op-btn-padding-large);
  }/* Disabled Modifier */.btn--disabled:is(.btn,.waiver-version__download__button),:is(.btn,.waiver-version__download__button):disabled {
    opacity: 0.4;
    opacity: var(--op-opacity-disabled);
    pointer-events: none;
    -webkit-user-select: none; /* stylelint-disable property-no-vendor-prefix */
    -moz-user-select: none;
         user-select: none;
  }/* Button with notification style badge */.btn--with-badge:is(.btn,.waiver-version__download__button) {
    position: relative;
  }/* Focus State */:is(.btn,.waiver-version__download__button):focus,:is(.btn,.waiver-version__download__button):focus-within,:is(.btn,.waiver-version__download__button):focus-visible {
    outline: none;
  }/* https:/*uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/ *//* --op-breakpoint-small *//* Variant Modifiers */.btn--primary:is(.btn,.waiver-version__download__button),.waiver-version__download__button:is(.btn,.waiver-version__download__button) {
    background-color: hsl(131, 65%, 38%);
    background-color: var(--op-color-primary-base);
    box-shadow: inset 0 0 0 1px hsl(131, 65%, 38%);
    box-shadow: inset var(--op-border-all) var(--op-color-primary-base);
    color: hsl(131, 65%, 10%);
    color: var(--op-color-primary-on-base);
    /* Active State */
  }.btn--active:is(.btn--primary:is(.btn,.waiver-version__download__button),.waiver-version__download__button:is(.btn,.waiver-version__download__button)) {
      background-color: hsl(131, 65%, 64%);
      background-color: var(--op-color-primary-minus-five);
      box-shadow: inset 0 0 0 1px hsl(131, 65%, 32%);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
      color: hsl(131, 65%, 2%);
      color: var(--op-color-primary-on-minus-five);
    }/* Hover State */:is(.btn--primary:is(.btn,.waiver-version__download__button),.waiver-version__download__button:is(.btn,.waiver-version__download__button)):hover {
      background-color: hsl(131, 65%, 35%);
      background-color: var(--op-color-primary-plus-one);
      box-shadow: inset 0 0 0 1px hsl(131, 65%, 35%);
      box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-one);
      color: hsl(131, 65%, 0%);
      color: var(--op-color-primary-on-plus-one);
    }/* Focus State */:is(.btn--primary:is(.btn,.waiver-version__download__button),.waiver-version__download__button:is(.btn,.waiver-version__download__button)):focus-visible {
      background-color: hsl(131, 65%, 38%);
      background-color: var(--op-color-primary-base);
      box-shadow: inset 0 0 0 2px hsl(131, 65%, 32%),
    0 0 0 4px hsl(131, 65%, 24%);
      box-shadow: var(--op-input-focus-primary);
      color: hsl(131, 65%, 10%);
      color: var(--op-color-primary-on-base);
    }/* Borderless State */.btn--no-border:is(.btn--primary:is(.btn,.waiver-version__download__button),.waiver-version__download__button:is(.btn,.waiver-version__download__button)) {
      background-color: transparent;
      box-shadow: none;
      color: hsl(131, 65%, 38%);
      color: var(--op-color-primary-base);
      /* Borderless + Active State */
    }.btn--no-border.btn--active:is(.btn--primary:is(.btn,.waiver-version__download__button),.waiver-version__download__button:is(.btn,.waiver-version__download__button)) {
        background-color: hsl(131, 65%, 24%);
        background-color: var(--op-color-primary-plus-five);
        box-shadow: inset 0 0 0 1px hsl(131, 65%, 29%);
        box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
        color: hsl(131, 65%, 72%);
        color: var(--op-color-primary-on-plus-five);
      }/* Borderless + Hover State */.btn--no-border:is(.btn--primary:is(.btn,.waiver-version__download__button),.waiver-version__download__button:is(.btn,.waiver-version__download__button)):hover {
        background-color: hsl(131, 65%, 14%);
        background-color: var(--op-color-primary-plus-eight);
        box-shadow: inset 0 0 0 1px hsl(131, 65%, 24%);
        box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
        color: hsl(131, 65%, 88%);
        color: var(--op-color-primary-on-plus-eight);
      }/* Borderless + Focus State */.btn--no-border:is(.btn--primary:is(.btn,.waiver-version__download__button),.waiver-version__download__button:is(.btn,.waiver-version__download__button)):focus-visible {
        background-color: hsl(131, 65%, 14%);
        background-color: var(--op-color-primary-plus-eight);
        box-shadow: inset 0 0 0 2px hsl(131, 65%, 32%),
    0 0 0 4px hsl(131, 65%, 24%);
        box-shadow: var(--op-input-focus-primary);
        color: hsl(131, 65%, 88%);
        color: var(--op-color-primary-on-plus-eight);
      }.btn--destructive:is(.btn,.waiver-version__download__button),.btn--delete:is(.btn,.waiver-version__download__button) {
    background-color: hsl(0, 99%, 32%);
    background-color: var(--op-color-alerts-danger-base);
    box-shadow: inset 0 0 0 1px hsl(0, 99%, 32%);
    box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-base);
    color: hsl(0, 99%, 98%);
    color: var(--op-color-alerts-danger-on-base);
    /* Active State */
  }.btn--active:is(.btn--destructive:is(.btn,.waiver-version__download__button),.btn--delete:is(.btn,.waiver-version__download__button)) {
      background-color: hsl(0, 99%, 14%);
      background-color: var(--op-color-alerts-danger-plus-five);
      box-shadow: inset 0 0 0 1px hsl(0, 99%, 20%);
      box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-plus-three);
      color: hsl(0, 99%, 76%);
      color: var(--op-color-alerts-danger-on-plus-five);
    }/* Hover State */:is(.btn--destructive:is(.btn,.waiver-version__download__button),.btn--delete:is(.btn,.waiver-version__download__button)):hover {
      background-color: hsl(0, 99%, 40%);
      background-color: var(--op-color-alerts-danger-minus-two);
      box-shadow: inset 0 0 0 1px hsl(0, 99%, 40%);
      box-shadow: inset var(--op-border-all) var(--op-color-alerts-danger-minus-two);
      color: hsl(0, 99%, 98%);
      color: var(--op-color-alerts-danger-on-minus-two);
    }/* Focus State */:is(.btn--destructive:is(.btn,.waiver-version__download__button),.btn--delete:is(.btn,.waiver-version__download__button)):focus-visible {
      background-color: hsl(0, 99%, 32%);
      background-color: var(--op-color-alerts-danger-base);
      box-shadow: inset 0 0 0 2px hsl(0, 99%, 24%),
    0 0 0 4px hsl(0, 99%, 14%);
      box-shadow: var(--op-input-focus-danger);
      color: hsl(0, 99%, 98%);
      color: var(--op-color-alerts-danger-on-base);
    }.btn--warning:is(.btn,.waiver-version__download__button) {
    background-color: hsl(47, 100%, 32%);
    background-color: var(--op-color-alerts-warning-base);
    box-shadow: inset 0 0 0 1px hsl(47, 100%, 32%);
    box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-base);
    color: hsl(47, 100%, 2%);
    color: var(--op-color-alerts-warning-on-base);
    /* Active State */
  }.btn--warning.btn--active:is(.btn,.waiver-version__download__button) {
      background-color: hsl(47, 100%, 14%);
      background-color: var(--op-color-alerts-warning-plus-five);
      box-shadow: inset 0 0 0 1px hsl(47, 100%, 20%);
      box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-plus-three);
      color: hsl(47, 100%, 72%);
      color: var(--op-color-alerts-warning-on-plus-five);
    }/* Hover State */.btn--warning:is(.btn,.waiver-version__download__button):hover {
      background-color: hsl(47, 100%, 40%);
      background-color: var(--op-color-alerts-warning-minus-two);
      box-shadow: inset 0 0 0 1px hsl(47, 100%, 40%);
      box-shadow: inset var(--op-border-all) var(--op-color-alerts-warning-minus-two);
      color: hsl(47, 100%, 2%);
      color: var(--op-color-alerts-warning-on-minus-two);
    }/* Focus State */.btn--warning:is(.btn,.waiver-version__download__button):focus-visible {
      background-color: hsl(47, 100%, 32%);
      background-color: var(--op-color-alerts-warning-base);
      box-shadow: inset 0 0 0 2px hsl(47, 100%, 24%),
    0 0 0 4px hsl(47, 100%, 14%);
      box-shadow: var(--op-input-focus-warning);
      color: hsl(47, 100%, 2%);
      color: var(--op-color-alerts-warning-on-base);
    }@media (max-width: 768px) {
  .btn, .waiver-version__download__button {
    --__op-btn-height: var(--_op-btn-height-large);
    --__op-btn-font-size: var(--_op-btn-font-large);
  }
    .btn--small:is(.btn,.waiver-version__download__button),.btn--medium:is(.btn,.waiver-version__download__button),.btn--large:is(.btn,.waiver-version__download__button) {
      --__op-btn-height: var(--_op-btn-height-large);
      --__op-btn-font-size: var(--_op-btn-font-large);
      --__op-btn-padding: var(--_op-btn-padding-large);
    }
}.btn-group {
  --op-btn-group-hover-z-index: 1;
  --op-btn-group-active-z-index: 2;
  --op-btn-group-focus-z-index: 3;
  display: inline-flex;
  align-items: center;
}:is(.btn-group .btn,.btn-group .waiver-version__download__button)  + .btn,:is(.btn-group .btn,.btn-group .waiver-version__download__button)  + .waiver-version__download__button {
      margin-inline-start: -1px;
      margin-inline-start: calc(var(--op-border-width)*-1);
    }:is(.btn-group .btn,.btn-group .waiver-version__download__button):hover {
      z-index: var(--op-btn-group-hover-z-index);
    }.btn--active:is(.btn-group .btn,.btn-group .waiver-version__download__button) {
      z-index: var(--op-btn-group-active-z-index);
    }:is(.btn-group .btn,.btn-group .waiver-version__download__button):focus,:is(.btn-group .btn,.btn-group .waiver-version__download__button):focus-within,:is(.btn-group .btn,.btn-group .waiver-version__download__button):focus-visible {
      z-index: var(--op-btn-group-focus-z-index);
    }:is(.btn-group .btn,.btn-group .waiver-version__download__button):not(:first-child,:last-child) {
      border-radius: 0;
    }:is(.btn-group .btn,.btn-group .waiver-version__download__button):first-child:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }:is(.btn-group .btn,.btn-group .waiver-version__download__button):last-child:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }.btn-group-toolbar {
  display: flex;
  flex-wrap: wrap;
}.confirm-dialog-wrapper {
  position: fixed;
  z-index: 800;
  z-index: var(--op-z-index-dialog);
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  inset: 0;
  outline: 0;
  visibility: hidden;
  /* Elements */
}.confirm-dialog-wrapper .confirm-dialog-wrapper__backdrop {
    position: fixed;
    z-index: 801;
    z-index: var(--op-z-index-dialog-backdrop);
    background: hsl(0deg 0% 0%);
    background: var(--op-color-black);
    inset: 0;
    opacity: 0;
    opacity: var(--op-opacity-none);
    transition: all 300ms ease-in;
    transition: var(--op-transition-modal);
    visibility: hidden;
  }/* Modifiers */.confirm-dialog-wrapper.confirm-dialog-wrapper--active {
    visibility: visible;
  }.confirm-dialog-wrapper.confirm-dialog-wrapper--active .confirm-dialog {
      opacity: 1;
      opacity: var(--op-opacity-full);
      transform: scale(1);
    }.confirm-dialog-wrapper.confirm-dialog-wrapper--active .confirm-dialog-wrapper__backdrop {
      opacity: 0.5;
      opacity: var(--op-opacity-half);
      visibility: visible;
    }/* stylelint-disable no-descending-specificity */.confirm-dialog {
  /* Public API (customizable component options) */
  --_op-confirm-dialog-width: calc(var(--op-size-unit)*100); /* 400px */
  z-index: 802;
  z-index: var(--op-z-index-dialog-content);
  width: 40rem;
  width: var(--_op-confirm-dialog-width);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  background-color: hsl(131, 4%, 14%);
  background-color: var(--op-color-background);
  box-shadow: 0 0 0 1px hsl(131, 4%, 14%);
  box-shadow: var(--op-border-all) var(--op-color-border);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-on-background);
  contain: paint;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  line-height: 1.5;
  line-height: var(--op-line-height-base);
  opacity: 0;
  opacity: var(--op-opacity-none);
  transform: scale(0.7);
  transition: all 300ms ease-in;
  transition: var(--op-transition-modal);
}.confirm-dialog .confirm-dialog__header,.confirm-dialog .confirm-dialog__body,.confirm-dialog .confirm-dialog__footer {
    padding: 1.6rem;
    padding: var(--op-space-medium);
  }.confirm-dialog .confirm-dialog__header {
    font-size: 1.8rem;
    font-size: var(--op-font-large);
    font-weight: 600;
    font-weight: var(--op-font-weight-semi-bold);
  }.confirm-dialog .confirm-dialog__body {
    box-shadow: 0 0 0 1px hsl(131, 4%, 14%);
    box-shadow: var(--op-border-all) var(--op-color-border);
  }.confirm-dialog .confirm-dialog__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }/* stylelint-enable no-descending-specificity */.divider {
  /* Public API (customizable component options) */
  --_op-divider-vertical-min-height: var(--op-space-large);
  --_op-divider-height-small: var(--op-border-width);
  --_op-divider-height-medium: var(--op-border-width-large);
  --_op-divider-height-large: var(--op-border-width-x-large);
  --_op-divider-padding-small: var(--op-space-2x-small);
  --_op-divider-padding-medium: var(--op-space-x-small);
  --_op-divider-padding-large: var(--op-space-medium);
  /* Private API (component option defaults) */
  --__op-divider-height: var(--_op-divider-height-small);
  --__op-divider-padding: 0;
  width: 100%;
  height: 1px;
  height: var(--__op-divider-height);
  background-color: hsl(131, 4%, 14%);
  background-color: var(--op-color-border);
  margin-block: 0;
  margin-block: var(--__op-divider-padding);
  margin-inline: 0;
  /* Size Modifiers */
}.divider.divider--small {
    --__op-divider-height: var(--_op-divider-height-small);
  }.divider.divider--medium {
    --__op-divider-height: var(--_op-divider-height-medium);
  }.divider.divider--large {
    --__op-divider-height: var(--_op-divider-height-large);
  }/* Spacing Modifiers */.divider.divider--spacing-small {
    --__op-divider-padding: var(--_op-divider-padding-small);
  }.divider.divider--spacing-medium {
    --__op-divider-padding: var(--_op-divider-padding-medium);
  }.divider.divider--spacing-large {
    --__op-divider-padding: var(--_op-divider-padding-large);
  }/* Direction Modifier */.divider.divider--vertical {
    width: var(--__op-divider-height);
    height: 100%;
    min-height: var(--_op-divider-vertical-min-height);
    margin-block: 0;
    margin-inline: var(--__op-divider-padding);
  }.icon {
  /* Public API (customizable component options) */
  /* Weight */
  --_op-icon-weight-light: var(--op-font-weight-light);
  --_op-icon-weight-normal: var(--op-font-weight-normal);
  --_op-icon-weight-semi-bold: var(--op-font-weight-semi-bold);
  --_op-icon-weight-bold: var(--op-font-weight-bold);
  /* Fill */
  --_op-icon-fill-outlined: 0;
  --_op-icon-fill-filled: 1;
  /* Emphasis */
  --_op-icon-emphasis-low: -20;
  --_op-icon-emphasis-normal: 0;
  --_op-icon-emphasis-high: 200;
  /* Size */
  --_op-icon-font-size-small: var(--op-font-small);
  --_op-icon-font-size-medium: var(--op-font-medium);
  --_op-icon-font-size-large: var(--op-font-large);
  --_op-icon-font-size-x-large: var(--op-font-2x-large);
  --_op-icon-optical-size-small: 20;
  --_op-icon-optical-size-medium: 20;
  --_op-icon-optical-size-large: 40;
  --_op-icon-optical-size-x-large: 48;
  /* Private API (component option defaults) */
  --__op-icon-weight: var(--_op-icon-weight-normal);
  --__op-icon-fill: var(--_op-icon-fill-outlined);
  --__op-icon-emphasis: var(--_op-icon-emphasis-normal);
  --__op-icon-font-size: var(--_op-icon-font-size-medium);
  --__op-icon-optical-size: var(--_op-icon-optical-size-medium);
  display: inline-block;
  width: 1.6rem;
  width: var(--__op-icon-font-size);
  height: 1.6rem;
  height: var(--__op-icon-font-size);
  font-size: 1.6rem;
  font-size: var(--__op-icon-font-size);
  font-weight: 400;
  font-weight: var(--__op-icon-weight);
  line-height: 1;
  line-height: var(--op-line-height-densest);
  vertical-align: middle;
  /* Fill Modifiers */
}.icon.icon--outlined {
    --__op-icon-fill: var(--_op-icon-fill-outlined);
  }.icon.icon--filled {
    --__op-icon-fill: var(--_op-icon-fill-filled);
  }/* Weight Modifiers */.icon.icon--weight-light {
    --__op-icon-weight: var(--_op-icon-weight-light);
  }.icon.icon--weight-normal {
    --__op-icon-weight: var(--_op-icon-weight-normal);
  }.icon.icon--weight-semi-bold {
    --__op-icon-weight: var(--_op-icon-weight-semi-bold);
  }.icon.icon--weight-bold {
    --__op-icon-weight: var(--_op-icon-weight-bold);
  }/* Emphasis */.icon.icon--low-emphasis {
    --__op-icon-emphasis: var(--_op-icon-emphasis-low);
  }.icon.icon--normal-emphasis {
    --__op-icon-emphasis: var(--_op-icon-emphasis-normal);
  }.icon.icon--high-emphasis {
    --__op-icon-emphasis: var(--_op-icon-emphasis-high);
  }/* Size Modifiers */.icon.icon--small {
    --__op-icon-font-size: var(--_op-icon-font-size-small);
    --__op-icon-optical-size: var(--_op-icon-optical-size-small);
  }.icon.icon--medium {
    --__op-icon-font-size: var(--_op-icon-font-size-medium);
    --__op-icon-optical-size: var(--_op-icon-optical-size-medium);
  }.icon.icon--large {
    --__op-icon-font-size: var(--_op-icon-font-size-large);
    --__op-icon-optical-size: var(--_op-icon-optical-size-large);
  }.icon.icon--x-large {
    --__op-icon-font-size: var(--_op-icon-font-size-x-large);
    --__op-icon-optical-size: var(--_op-icon-optical-size-x-large);
  }/* Material Icons class provided by the Google Fonts CDN */.material-symbols-outlined {
  font-variation-settings: "FILL" var(--__op-icon-fill), "wght" var(--__op-icon-weight), "GRAD" var(--__op-icon-emphasis), "opsz" var(--__op-icon-optical-size);
  font-weight: inherit;
}/* Custom SVG Icons app specific */.custom-icons svg {
    width: 100%;
    height: 100%;
  }.sidebar {
  /* Public API (customizable component options) */
  /* Normal */
  --_op-sidebar-background-color: var(--op-color-neutral-plus-eight);
  --_op-sidebar-text-color: var(--op-color-neutral-on-plus-eight);
  --_op-sidebar-border-color: var(--op-color-neutral-plus-four);
  /* Width */
  --_op-sidebar-rail-width: calc(var(--op-size-unit)*22); /* 88px */
  --_op-sidebar-compact-width: calc(var(--op-size-unit)*42); /* 168px */
  --_op-sidebar-drawer-width: calc(var(--op-size-unit)*54); /* 216px */
  --_op-sidebar-rail-brand-width: calc(var(--op-size-unit)*19); /* 76px */
  --_op-sidebar-compact-brand-width: calc(var(--op-size-unit)*24); /* 96px */
  --_op-sidebar-drawer-brand-width: calc(var(--op-size-unit)*24); /* 96px */
  /* Spacing */
  --_op-sidebar-spacing: calc(var(--op-space-2x-large) + var(--op-space-2x-small));
  --_op-sidebar-brand-spacing: var(--op-space-medium);
  --_op-sidebar-content-spacing: var(--op-space-x-small);
  --_op-sidebar-content-item-spacing: var(--op-space-2x-small);
  /* Animation */
  --_op-sidebar-transition: var(--op-transition-sidebar);
  /* Private API (component option defaults) */
  --__op-sidebar-width: var(--_op-sidebar-drawer-width);
  --__op-sidebar-brand-width: var(--_op-sidebar-drawer-brand-width);
  z-index: 700;
  z-index: var(--op-z-index-sidebar);
  display: flex;
  width: 21.6rem;
  width: var(--__op-sidebar-width);
  min-width: 21.6rem;
  min-width: var(--__op-sidebar-width);
  flex-direction: column;
  background-color: light-dark(
    hsl(131 4% 98%),
    hsl(131 4% 10%)
  );
  background-color: var(--_op-sidebar-background-color);
  box-shadow: 1px 0 0 0 hsl(131, 4%, 20%);
  box-shadow: var(--op-border-right) var(--_op-sidebar-border-color);
  color: light-dark(
    hsl(131 4% 4%),
    hsl(131 4% 88%)
  );
  color: var(--_op-sidebar-text-color);
  overflow-y: auto;
  transition: all 200ms ease-in-out;
  transition: var(--_op-sidebar-transition);
  /* Elements */
}.sidebar .sidebar__brand {
    height: var(--__op-sidebar-brand-width);
    padding: var(--_op-sidebar-brand-spacing);
    margin-inline: auto;
  }:is(.sidebar .sidebar__brand) img {
      height: 100%;
    }.sidebar .sidebar__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--_op-sidebar-content-item-spacing);
    padding-inline: var(--_op-sidebar-content-spacing);
  }:is(.sidebar .sidebar__content)  > * {
      justify-content: flex-start;
    }:is(:is(.sidebar .sidebar__content) > *) .material-symbols-outlined {
        --__op-icon-font-size: var(--_op-icon-font-size-large);
        --__op-icon-optical-size: var(--_op-icon-optical-size-large);
        --__op-icon-weight: var(--_op-icon-weight-bold);
      }.sidebar__content--start:is(.sidebar .sidebar__content) {
      justify-content: start;
    }.sidebar__content--center:is(.sidebar .sidebar__content) {
      justify-content: center;
    }.sidebar__content--end:is(.sidebar .sidebar__content) {
      justify-content: end;
    }/* Modifiers */.sidebar.sidebar--padded {
    padding-block: var(--_op-sidebar-spacing);
  }/* Drawer Modifier */.sidebar.sidebar--drawer {
    /* Private API */
    --__op-sidebar-width: var(--_op-sidebar-drawer-width);
    --__op-sidebar-brand-width: var(--_op-sidebar-drawer-brand-width);
  }/* Compact Modifier */.sidebar.sidebar--compact {
    /* Private API (component option defaults) */
    --__op-sidebar-width: var(--_op-sidebar-compact-width);
    --__op-sidebar-brand-width: var(--_op-sidebar-compact-brand-width);
    /* Elements */
  }:is(.sidebar.sidebar--compact .sidebar__content)  > * {
        /* Need to get icon-with-label behavior */
        flex-direction: column;
        padding: 1.2rem;
        padding: var(--op-space-small);
        gap: 0.2rem;
        gap: var(--op-space-3x-small);
      }.sidebar.sidebar--rail {
    /* Private API (component option defaults) */
    --__op-sidebar-width: var(--_op-sidebar-rail-width);
    --__op-sidebar-brand-width: var(--_op-sidebar-rail-brand-width);
    /* Elements */
  }.sidebar.sidebar--rail .sidebar__content {
      align-items: center;
    }:is(.sidebar.sidebar--rail .sidebar__content)  > * {
        /* Need to get icon behavior */
        width: var(--__op-btn-height);
        min-width: var(--__op-btn-height);
        justify-content: center;
        padding: 0;
        font-size: 0;
        gap: 0;
      }/* Primary */.sidebar.sidebar--primary {
    --_op-sidebar-background-color: var(--op-color-primary-plus-six);
    --_op-sidebar-text-color: var(--op-color-primary-on-plus-six);
    --_op-sidebar-border-color: var(--op-color-primary-plus-four);
  }/* Inspired by https://blog.logrocket.com/creating-beautiful-tooltips-with-only-css/ */[data-tooltip-text] {
  /* Public API (customizable component options) */
  --_op-tooltip-max-width: calc(var(--op-size-unit)*50); /* 200px */
  --_op-tooltip-padding: var(--op-space-x-small) var(--op-space-medium);
  --_op-tooltip-background-color: var(--op-color-neutral-minus-max);
  --_op-tooltip-text-color: var(--op-color-neutral-on-minus-max);
  --_op-tooltip-arrow-size: calc(var(--op-space-small)/2);
  --_op-tooltip-tooltip-offset: var(--op-space-x-small);
  --_op-tooltip-tooltip-radius: var(--op-radius-medium);
  --_op-tooltip-tooltip-font-size: var(--op-font-small);
  position: relative;
}[data-tooltip-text]::before,[data-tooltip-text]::after {
    opacity: 0;
    opacity: var(--op-opacity-none);
    transition: all 300ms ease-in 300ms;
    transition: var(--op-transition-tooltip);
    visibility: hidden;
  }[data-tooltip-text]::before {
    position: absolute;
    z-index: 1000;
    z-index: var(--op-z-index-tooltip);
    display: block;
    width: -moz-max-content;
    width: max-content;
    max-width: var(--_op-tooltip-max-width);
    padding: var(--_op-tooltip-padding);
    border-radius: var(--_op-tooltip-tooltip-radius);
    background-color: var(--_op-tooltip-background-color);
    color: var(--_op-tooltip-text-color);
    content: attr(data-tooltip-text);
    font-family: "Poppins", sans-serif;
    font-family: var(--op-font-family); /* Makes tooltips on icons work */
    font-size: var(--_op-tooltip-tooltip-font-size);
    overflow-wrap: break-word;
    pointer-events: none;
    text-align: center;
    white-space: normal;
  }[data-tooltip-text]::after {
    position: absolute;
    z-index: 1000;
    z-index: var(--op-z-index-tooltip);
    border: var(--_op-tooltip-arrow-size) solid var(--_op-tooltip-background-color);
    content: "";
    pointer-events: none;
  }[data-tooltip-text]:hover::before,[data-tooltip-text]:hover::after {
      opacity: 1;
      opacity: var(--op-opacity-full);
      visibility: visible;
    }:is([data-tooltip-text][data-tooltip-position=top],[data-tooltip-text]:not([data-tooltip-position]))::before,:is([data-tooltip-text][data-tooltip-position=top],[data-tooltip-text]:not([data-tooltip-position]))::after {
      inset-inline-start: 50%;
      transform: translateX(-50%);
    }:is([data-tooltip-text][data-tooltip-position=top],[data-tooltip-text]:not([data-tooltip-position]))::before {
      inset-block-end: 100%;
      margin-block-end: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
    }:is([data-tooltip-text][data-tooltip-position=top],[data-tooltip-text]:not([data-tooltip-position]))::after {
      border-color: var(--_op-tooltip-background-color) transparent transparent transparent;
      inset-block-end: 100%;
      margin-block-end: calc(var(--_op-tooltip-arrow-size)*-1 + var(--_op-tooltip-tooltip-offset));
    }[data-tooltip-text][data-tooltip-position=left]::before,[data-tooltip-text][data-tooltip-position=left]::after {
      inset-block-start: 50%;
      transform: translateY(-50%);
    }[data-tooltip-text][data-tooltip-position=left]::before {
      inset-inline-end: 100%;
      margin-inline-end: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
    }[data-tooltip-text][data-tooltip-position=left]::after {
      border-color: transparent transparent transparent var(--_op-tooltip-background-color);
      inset-inline-end: 100%;
      margin-inline-end: calc(var(--_op-tooltip-arrow-size)*-1 + var(--_op-tooltip-tooltip-offset));
    }[data-tooltip-text][data-tooltip-position=bottom]::before,[data-tooltip-text][data-tooltip-position=bottom]::after {
      inset-inline-start: 50%;
      transform: translateX(-50%);
    }[data-tooltip-text][data-tooltip-position=bottom]::before {
      inset-block-start: 100%;
      margin-block-start: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
    }[data-tooltip-text][data-tooltip-position=bottom]::after {
      border-color: transparent transparent var(--_op-tooltip-background-color) transparent;
      inset-block-start: 100%;
      margin-block-start: calc(var(--_op-tooltip-arrow-size)*-1 + var(--_op-tooltip-tooltip-offset));
    }[data-tooltip-text][data-tooltip-position=right]::before,[data-tooltip-text][data-tooltip-position=right]::after {
      inset-block-start: 50%;
      transform: translateY(-50%);
    }[data-tooltip-text][data-tooltip-position=right]::before {
      inset-inline-start: 100%;
      margin-inline-start: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
    }[data-tooltip-text][data-tooltip-position=right]::after {
      border-color: transparent var(--_op-tooltip-background-color) transparent transparent;
      inset-inline-start: 100%;
      margin-inline-start: calc(var(--_op-tooltip-arrow-size)*-1 + var(--_op-tooltip-tooltip-offset));
    }/*
 * Copied from react-dates to fix darken usage in plain CSS: see https://github.com/react-dates/react-dates/issues/2081
 * This issue has been fixed but not released due to mismanagement of the package. We should remove this file as soon as we are using flatpickr for all our date selection needs.
 */.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00A699;
  color: #00A699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  box-sizing: border-box;
  cursor: pointer;
}.PresetDateRangePicker_button:active {
  outline: 0;
}.PresetDateRangePicker_button__selected {
  color: #FFF;
  background: #00A699;
}.SingleDatePickerInput {
  display: inline-block;
  background-color: #FFF;
}.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #DBDBDB;
}.SingleDatePickerInput__rtl {
  direction: rtl;
}.SingleDatePickerInput__disabled {
  background-color: #F2F2F2;
}.SingleDatePickerInput__block {
  display: block;
}.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #DBDBDB;
  border-radius: 50%;
}.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}.SingleDatePickerInput_clearDate_svg {
  fill: #82888A;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888A;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}.SingleDatePicker {
  position: relative;
  display: inline-block;
}.SingleDatePicker__block {
  display: block;
}.SingleDatePicker_picker {
  z-index: 1;
  background-color: #FFF;
  position: absolute;
}.SingleDatePicker_picker__rtl {
  direction: rtl;
}.SingleDatePicker_picker__directionLeft {
  left: 0;
}.SingleDatePicker_picker__directionRight {
  right: 0;
}.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}.SingleDatePicker_picker__fullScreenPortal {
  background-color: #FFF;
}.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #B6B8B9;
  text-decoration: none;
}.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #CACCCD;
}.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
}.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2;
}.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute;
}.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0;
}.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00A699;
  bottom: 0;
  right: 0;
}.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489;
}.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0;
}.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00A699;
  top: 0;
  right: 0;
}.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489;
}.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0;
}.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00A699;
  top: 0;
  left: 0;
}.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489;
}.DayPickerKeyboardShortcuts_showSpan {
  color: #FFF;
  position: absolute;
}.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px;
}.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px;
}.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px;
}.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #FFF;
  border: 1px solid #DBDBDB;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left;
}.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px;
}.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #CACCCD;
}.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888A;
}.CalendarDay {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}.CalendarDay:active {
  outline: 0;
}.CalendarDay__defaultCursor {
  cursor: default;
}.CalendarDay__default {
  border: 1px solid #E4E7E7;
  color: #484848;
  background: #FFF;
}.CalendarDay__default:hover {
  background: #E4E7E7;
  border: 1px solid #E4E7E7;
  color: inherit;
}.CalendarDay__hovered_offset {
  background: #F4F5F5;
  border: 1px double #E4E7E7;
  color: inherit;
}.CalendarDay__outside {
  border: 0;
  background: #FFF;
  color: #484848;
}.CalendarDay__outside:hover {
  border: 0;
}.CalendarDay__blocked_minimum_nights {
  background: #FFF;
  border: 1px solid #ECEEEE;
  color: #CACCCD;
}.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #FFF;
  color: #CACCCD;
}.CalendarDay__highlighted_calendar {
  background: #FFE8BC;
  color: #484848;
}.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #FFCE71;
  color: #484848;
}.CalendarDay__selected_span {
  background: #66E2DA;
  border: 1px double #33DACD;
  color: #FFF;
}.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33DACD;
  border: 1px double #33DACD;
  color: #FFF;
}.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00A699;
  border: 1px double #00A699;
  color: #FFF;
}.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #B2F1EC;
  border: 1px double #80E8E0;
  color: #007A87;
}.CalendarDay__hovered_span:active {
  background: #80E8E0;
  border: 1px double #80E8E0;
  color: #007A87;
}.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #CACCCD;
  border: 1px solid #CACCCD;
  color: #82888A;
}.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #FFF;
  border: 1px solid #E4E7E7;
  color: #CACCCD;
}.CalendarDay__hovered_start_first_possible_end {
  background: #ECEEEE;
  border: 1px double #ECEEEE;
}.CalendarDay__hovered_start_blocked_min_nights {
  background: #ECEEEE;
  border: 1px double #E4E7E7;
}.CalendarMonth {
  background: #FFF;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}.CalendarMonth_verticalSpacing {
  border-collapse: separate;
}.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: top;
  caption-side: initial;
}.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}.CalendarMonthGrid {
  background: #FFF;
  text-align: left;
  z-index: 0;
}.CalendarMonthGrid__animating {
  z-index: 1;
}.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
}.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}.DayPickerNavigation {
  position: relative;
  z-index: 2;
}.DayPickerNavigation__horizontal {
  height: 0;
}.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}.DayPickerNavigation__bottom {
  height: auto;
}.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: flex;
  justify-content: space-between;
}.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0;
}.DayPickerNavigation_button__default {
  border: 1px solid #E4E7E7;
  background-color: #FFF;
  color: #757575;
}.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #C4C4C4;
}.DayPickerNavigation_button__default:active {
  background: #F2F2F2;
}.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #F2F2F2;
}.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #F2F2F2;
}.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: 0.78;
  border-radius: 3px;
  padding: 6px 9px;
}.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px;
}.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px;
}.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #FFF;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%;
}.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888A;
  display: block;
}.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848;
}.DayPickerNavigation_svg__disabled {
  fill: #F2F2F2;
}.DayPicker {
  background: #FFF;
  position: relative;
  text-align: left;
}.DayPicker__horizontal {
  background: #FFF;
}.DayPicker__verticalScrollable {
  height: 100%;
}.DayPicker__hidden {
  visibility: hidden;
}.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}.DayPicker_portal__vertical {
  position: static;
  position: initial;
}.DayPicker_focusRegion {
  outline: 0;
}.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}.DayPicker_weekHeaders {
  position: relative;
}.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left;
}.DayPicker_weekHeader__vertical {
  left: 50%;
}.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #DBDBDB;
  background: #FFF;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}.DayPicker_transitionContainer__horizontal {
  transition: height 0.2s ease-in-out;
}.DayPicker_transitionContainer__vertical {
  width: 100%;
}.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}.DateInput {
  margin: 0;
  padding: 0;
  background: #FFF;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}.DateInput__small {
  width: 97px;
}.DateInput__block {
  width: 100%;
}.DateInput__disabled {
  background: #F2F2F2;
  color: #DBDBDB;
}.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #FFF;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0;
}.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  padding: 7px 7px 5px;
}.DateInput_input__regular {
  font-weight: auto;
}.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}.DateInput_input__focused {
  outline: 0;
  background: #FFF;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
}.DateInput_input__disabled {
  background: #F2F2F2;
  font-style: italic;
}.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2;
}.DateInput_fangShape {
  fill: #FFF;
}.DateInput_fangStroke {
  stroke: #DBDBDB;
  fill: transparent;
}.DateRangePickerInput {
  background-color: #FFF;
  display: inline-block;
}.DateRangePickerInput__disabled {
  background: #F2F2F2;
}.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #DBDBDB;
}.DateRangePickerInput__rtl {
  direction: rtl;
}.DateRangePickerInput__block {
  display: block;
}.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
}.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}.DateRangePickerInput_clearDates__small {
  padding: 6px;
}.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #DBDBDB;
  border-radius: 50%;
}.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}.DateRangePickerInput_clearDates_svg {
  fill: #82888A;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}.DateRangePickerInput_calendarIcon_svg {
  fill: #82888A;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}.DateRangePicker {
  position: relative;
  display: inline-block;
}.DateRangePicker__block {
  display: block;
}.DateRangePicker_picker {
  z-index: 1;
  background-color: #FFF;
  position: absolute;
}.DateRangePicker_picker__rtl {
  direction: rtl;
}.DateRangePicker_picker__directionLeft {
  left: 0;
}.DateRangePicker_picker__directionRight {
  right: 0;
}.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}.DateRangePicker_picker__fullScreenPortal {
  background-color: #FFF;
}.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #B6B8B9;
  text-decoration: none;
}.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #CACCCD;
}.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}.flatpickr-calendar:focus {
  outline: 0;
}.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}.flatpickr-months {
  display: flex;
}.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 1 1;
}.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}/*
      /*rtl:begin:ignore*//*
      /*rtl:end:ignore*/.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}/*
      /*rtl:begin:ignore*//*
      /*rtl:end:ignore*/.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}.numInputWrapper {
  position: relative;
  height: auto;
}.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}.numInputWrapper input {
  width: 100%;
}.numInputWrapper input::-ms-clear {
  display: none;
}.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}.numInputWrapper span.arrowDown {
  top: 50%;
}.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}.numInputWrapper span svg {
  width: inherit;
  height: auto;
}.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}.numInputWrapper:hover span {
  opacity: 1;
}.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1 1;
}span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1 1;
  font-weight: bolder;
}.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}.flatpickr-days:focus {
  outline: 0;
}.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}.flatpickr-day.today {
  border-color: #959ea9;
}.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}.flatpickr-day.hidden {
  visibility: hidden;
}.rangeMode .flatpickr-day {
  margin-top: 1px;
}.flatpickr-weekwrapper {
  float: left;
}.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}.flatpickr-time .numInputWrapper {
  flex: 1 1;
  width: 40%;
  height: 40px;
  float: left;
}.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center;
}.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}.flatpickr-input[readonly] {
  cursor: pointer;
}@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}:root {
  --op-color-primary-h: 131;
  --op-color-primary-s: 65%;
  --op-color-primary-l: 50%;
  --op-color-alerts-notice-h: 131;
  --op-color-alerts-notice-s: 65%;
  --op-color-alerts-notice-l: 50%;
  --op-font-family: "Poppins", sans-serif;
  --op-font-family-mono: "Roboto Mono", monospace;
  --op-radius-3x-large: 24px;
  --op-space-4x-large: calc(var(--op-space-scale-unit)*6);
  --op-space-5x-large: calc(var(--op-space-scale-unit)*8);
  --op-opacity-disabled-form: 0.4;
  --nm-top-nav-height: calc(var(--op-space-3x-large) + var(--op-space-medium));
  --nm-sidebar-width: 21.6rem;
  --nm-dropdown-width-sm: calc(var(--op-space-4x-large)*2);
  --nm-columns-event-dashboard: 2;
  --nm-color-link: var(--op-color-alerts-info-minus-three);
  --nm-space-flash-message-width: calc(var(--op-space-scale-unit)*32);
  --nm-shadow-top-nav: 0 1px 8px hsla(0deg, 0%, 0%, 12%), inset 0 -1px var(--op-border-width) var(--op-color-neutral-plus-eight);
}:root {
  --op-color-background: var(--op-color-neutral-plus-seven);
  --op-color-on-background: var(--op-color-neutral-on-plus-seven);
  --op-color-primary-brand: hsl(var(--op-color-primary-h), var(--op-color-primary-s), var(--op-color-primary-l));
  --op-color-neutral-brand: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), var(--op-color-neutral-s));
  --op-color-alerts-warning-brand: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), var(--op-color-alerts-warning-l));
  --op-color-alerts-danger-brand: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), var(--op-color-alerts-danger-l));
  --op-color-alerts-info-brand: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), var(--op-color-alerts-info-l));
  --op-color-alerts-notice-brand: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), var(--op-color-alerts-notice-l));
  --op-color-border: var(--op-color-neutral-plus-seven);
  --op-color-primary-plus-max: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 12%);
  --op-color-primary-plus-eight: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 14%);
  --op-color-primary-plus-seven: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 16%);
  --op-color-primary-plus-six: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 20%);
  --op-color-primary-plus-five: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 24%);
  --op-color-primary-plus-four: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 26%);
  --op-color-primary-plus-three: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 29%);
  --op-color-primary-plus-two: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 32%);
  --op-color-primary-plus-one: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 35%);
  --op-color-primary-base: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 38%);
  --op-color-primary-minus-one: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 40%);
  --op-color-primary-minus-two: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 45%);
  --op-color-primary-minus-three: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 48%);
  --op-color-primary-minus-four: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 52%);
  --op-color-primary-minus-five: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 64%);
  --op-color-primary-minus-six: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 72%);
  --op-color-primary-minus-seven: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 80%);
  --op-color-primary-minus-eight: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 88%);
  --op-color-primary-minus-max: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 100%);
  --op-color-primary-on-plus-max: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 100%);
  --op-color-primary-on-plus-max-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 78%);
  --op-color-primary-on-plus-eight: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 88%);
  --op-color-primary-on-plus-eight-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 70%);
  --op-color-primary-on-plus-seven: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 80%);
  --op-color-primary-on-plus-seven-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 64%);
  --op-color-primary-on-plus-six: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 72%);
  --op-color-primary-on-plus-six-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 96%);
  --op-color-primary-on-plus-five: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 72%);
  --op-color-primary-on-plus-five-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 86%);
  --op-color-primary-on-plus-four: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 80%);
  --op-color-primary-on-plus-four-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 92%);
  --op-color-primary-on-plus-three: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 88%);
  --op-color-primary-on-plus-three-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 98%);
  --op-color-primary-on-plus-two: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 100%);
  --op-color-primary-on-plus-two-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 0%);
  --op-color-primary-on-plus-one: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 0%);
  --op-color-primary-on-plus-one-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 6%);
  --op-color-primary-on-base: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 10%);
  --op-color-primary-on-base-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 2%);
  --op-color-primary-on-minus-one: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 12%);
  --op-color-primary-on-minus-one-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 4%);
  --op-color-primary-on-minus-two: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 12%);
  --op-color-primary-on-minus-two-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 2%);
  --op-color-primary-on-minus-three: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 14%);
  --op-color-primary-on-minus-three-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 2%);
  --op-color-primary-on-minus-four: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 2%);
  --op-color-primary-on-minus-four-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 20%);
  --op-color-primary-on-minus-five: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 2%);
  --op-color-primary-on-minus-five-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 20%);
  --op-color-primary-on-minus-six: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 8%);
  --op-color-primary-on-minus-six-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 24%);
  --op-color-primary-on-minus-seven: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 8%);
  --op-color-primary-on-minus-seven-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 24%);
  --op-color-primary-on-minus-eight: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 4%);
  --op-color-primary-on-minus-eight-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 28%);
  --op-color-primary-on-minus-max: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 0%);
  --op-color-primary-on-minus-max-alt: hsl(var(--op-color-primary-h), var(--op-color-primary-s), 32%);
  --op-color-neutral-plus-max: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 8%);
  --op-color-neutral-plus-eight: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 10%);
  --op-color-neutral-plus-seven: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 14%);
  --op-color-neutral-plus-six: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 16%);
  --op-color-neutral-plus-five: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 18%);
  --op-color-neutral-plus-four: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 20%);
  --op-color-neutral-plus-three: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 24%);
  --op-color-neutral-plus-two: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 26%);
  --op-color-neutral-plus-one: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 30%);
  --op-color-neutral-base: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 32%);
  --op-color-neutral-minus-one: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 36%);
  --op-color-neutral-minus-two: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 40%);
  --op-color-neutral-minus-three: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 44%);
  --op-color-neutral-minus-four: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 52%);
  --op-color-neutral-minus-five: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 64%);
  --op-color-neutral-minus-six: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 72%);
  --op-color-neutral-minus-seven: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 80%);
  --op-color-neutral-minus-eight: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 88%);
  --op-color-neutral-minus-max: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 100%);
  --op-color-neutral-on-plus-max: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 100%);
  --op-color-neutral-on-plus-max-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 54%);
  --op-color-neutral-on-plus-eight: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 88%);
  --op-color-neutral-on-plus-eight-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 54%);
  --op-color-neutral-on-plus-seven: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 80%);
  --op-color-neutral-on-plus-seven-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 58%);
  --op-color-neutral-on-plus-six: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 72%);
  --op-color-neutral-on-plus-six-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 58%);
  --op-color-neutral-on-plus-five: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 72%);
  --op-color-neutral-on-plus-five-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 90%);
  --op-color-neutral-on-plus-four: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 80%);
  --op-color-neutral-on-plus-four-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 94%);
  --op-color-neutral-on-plus-three: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 88%);
  --op-color-neutral-on-plus-three-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 68%);
  --op-color-neutral-on-plus-two: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 88%);
  --op-color-neutral-on-plus-two-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 72%);
  --op-color-neutral-on-plus-one: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 100%);
  --op-color-neutral-on-plus-one-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 75%);
  --op-color-neutral-on-base: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 100%);
  --op-color-neutral-on-base-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 78%);
  --op-color-neutral-on-minus-one: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 90%);
  --op-color-neutral-on-minus-one-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 98%);
  --op-color-neutral-on-minus-two: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 98%);
  --op-color-neutral-on-minus-two-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 92%);
  --op-color-neutral-on-minus-three: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 99%);
  --op-color-neutral-on-minus-three-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 98%);
  --op-color-neutral-on-minus-four: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 11%);
  --op-color-neutral-on-minus-four-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 2%);
  --op-color-neutral-on-minus-five: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 20%);
  --op-color-neutral-on-minus-five-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 2%);
  --op-color-neutral-on-minus-six: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 4%);
  --op-color-neutral-on-minus-six-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 26%);
  --op-color-neutral-on-minus-seven: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 8%);
  --op-color-neutral-on-minus-seven-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 32%);
  --op-color-neutral-on-minus-eight: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 4%);
  --op-color-neutral-on-minus-eight-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 36%);
  --op-color-neutral-on-minus-max: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 4%);
  --op-color-neutral-on-minus-max-alt: hsl(var(--op-color-neutral-h), var(--op-color-neutral-s), 44%);
  --op-color-alerts-warning-plus-max: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 0%);
  --op-color-alerts-warning-plus-eight: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 4%);
  --op-color-alerts-warning-plus-seven: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 8%);
  --op-color-alerts-warning-plus-six: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 12%);
  --op-color-alerts-warning-plus-five: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 14%);
  --op-color-alerts-warning-plus-four: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 16%);
  --op-color-alerts-warning-plus-three: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 20%);
  --op-color-alerts-warning-plus-two: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 24%);
  --op-color-alerts-warning-plus-one: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 28%);
  --op-color-alerts-warning-base: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 32%);
  --op-color-alerts-warning-minus-one: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 36%);
  --op-color-alerts-warning-minus-two: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 40%);
  --op-color-alerts-warning-minus-three: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 48%);
  --op-color-alerts-warning-minus-four: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 52%);
  --op-color-alerts-warning-minus-five: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 64%);
  --op-color-alerts-warning-minus-six: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 72%);
  --op-color-alerts-warning-minus-seven: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 80%);
  --op-color-alerts-warning-minus-eight: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 88%);
  --op-color-alerts-warning-minus-max: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 100%);
  --op-color-alerts-warning-on-plus-max: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 70%);
  --op-color-alerts-warning-on-plus-max-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 42%);
  --op-color-alerts-warning-on-plus-eight: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 88%);
  --op-color-alerts-warning-on-plus-eight-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 70%);
  --op-color-alerts-warning-on-plus-seven: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 80%);
  --op-color-alerts-warning-on-plus-seven-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 60%);
  --op-color-alerts-warning-on-plus-six: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 72%);
  --op-color-alerts-warning-on-plus-six-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 50%);
  --op-color-alerts-warning-on-plus-five: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 72%);
  --op-color-alerts-warning-on-plus-five-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 50%);
  --op-color-alerts-warning-on-plus-four: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 80%);
  --op-color-alerts-warning-on-plus-four-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 60%);
  --op-color-alerts-warning-on-plus-three: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 88%);
  --op-color-alerts-warning-on-plus-three-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 70%);
  --op-color-alerts-warning-on-plus-two: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 88%);
  --op-color-alerts-warning-on-plus-two-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 70%);
  --op-color-alerts-warning-on-plus-one: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 99%);
  --op-color-alerts-warning-on-plus-one-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 96%);
  --op-color-alerts-warning-on-base: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 2%);
  --op-color-alerts-warning-on-base-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 6%);
  --op-color-alerts-warning-on-minus-one: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 2%);
  --op-color-alerts-warning-on-minus-one-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 10%);
  --op-color-alerts-warning-on-minus-two: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 2%);
  --op-color-alerts-warning-on-minus-two-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 14%);
  --op-color-alerts-warning-on-minus-three: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 2%);
  --op-color-alerts-warning-on-minus-three-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 20%);
  --op-color-alerts-warning-on-minus-four: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 4%);
  --op-color-alerts-warning-on-minus-four-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 20%);
  --op-color-alerts-warning-on-minus-five: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 8%);
  --op-color-alerts-warning-on-minus-five-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 21%);
  --op-color-alerts-warning-on-minus-six: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 10%);
  --op-color-alerts-warning-on-minus-six-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 22%);
  --op-color-alerts-warning-on-minus-seven: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 8%);
  --op-color-alerts-warning-on-minus-seven-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 24%);
  --op-color-alerts-warning-on-minus-eight: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 12%);
  --op-color-alerts-warning-on-minus-eight-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 26%);
  --op-color-alerts-warning-on-minus-max: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 0%);
  --op-color-alerts-warning-on-minus-max-alt: hsl(var(--op-color-alerts-warning-h), var(--op-color-alerts-warning-s), 24%);
  --op-color-alerts-danger-plus-max: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 0%);
  --op-color-alerts-danger-plus-eight: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 4%);
  --op-color-alerts-danger-plus-seven: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 8%);
  --op-color-alerts-danger-plus-six: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 12%);
  --op-color-alerts-danger-plus-five: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 14%);
  --op-color-alerts-danger-plus-four: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 16%);
  --op-color-alerts-danger-plus-three: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 20%);
  --op-color-alerts-danger-plus-two: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 24%);
  --op-color-alerts-danger-plus-one: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 28%);
  --op-color-alerts-danger-base: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 32%);
  --op-color-alerts-danger-minus-one: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 36%);
  --op-color-alerts-danger-minus-two: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 40%);
  --op-color-alerts-danger-minus-three: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 48%);
  --op-color-alerts-danger-minus-four: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 52%);
  --op-color-alerts-danger-minus-five: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 64%);
  --op-color-alerts-danger-minus-six: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 72%);
  --op-color-alerts-danger-minus-seven: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 80%);
  --op-color-alerts-danger-minus-eight: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 88%);
  --op-color-alerts-danger-minus-max: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 100%);
  --op-color-alerts-danger-on-plus-max: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 100%);
  --op-color-alerts-danger-on-plus-max-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 88%);
  --op-color-alerts-danger-on-plus-eight: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 88%);
  --op-color-alerts-danger-on-plus-eight-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 78%);
  --op-color-alerts-danger-on-plus-seven: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 80%);
  --op-color-alerts-danger-on-plus-seven-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 70%);
  --op-color-alerts-danger-on-plus-six: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 78%);
  --op-color-alerts-danger-on-plus-six-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 68%);
  --op-color-alerts-danger-on-plus-five: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 76%);
  --op-color-alerts-danger-on-plus-five-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 70%);
  --op-color-alerts-danger-on-plus-four: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 80%);
  --op-color-alerts-danger-on-plus-four-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 72%);
  --op-color-alerts-danger-on-plus-three: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 88%);
  --op-color-alerts-danger-on-plus-three-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 76%);
  --op-color-alerts-danger-on-plus-two: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 88%);
  --op-color-alerts-danger-on-plus-two-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 76%);
  --op-color-alerts-danger-on-plus-one: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 96%);
  --op-color-alerts-danger-on-plus-one-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 84%);
  --op-color-alerts-danger-on-base: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 98%);
  --op-color-alerts-danger-on-base-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 90%);
  --op-color-alerts-danger-on-minus-one: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 96%);
  --op-color-alerts-danger-on-minus-one-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 88%);
  --op-color-alerts-danger-on-minus-two: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 98%);
  --op-color-alerts-danger-on-minus-two-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 93%);
  --op-color-alerts-danger-on-minus-three: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 6%);
  --op-color-alerts-danger-on-minus-three-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 2%);
  --op-color-alerts-danger-on-minus-four: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 4%);
  --op-color-alerts-danger-on-minus-four-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 10%);
  --op-color-alerts-danger-on-minus-five: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 2%);
  --op-color-alerts-danger-on-minus-five-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 10%);
  --op-color-alerts-danger-on-minus-six: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 8%);
  --op-color-alerts-danger-on-minus-six-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 22%);
  --op-color-alerts-danger-on-minus-seven: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 8%);
  --op-color-alerts-danger-on-minus-seven-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 28%);
  --op-color-alerts-danger-on-minus-eight: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 4%);
  --op-color-alerts-danger-on-minus-eight-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 24%);
  --op-color-alerts-danger-on-minus-max: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 0%);
  --op-color-alerts-danger-on-minus-max-alt: hsl(var(--op-color-alerts-danger-h), var(--op-color-alerts-danger-s), 24%);
  --op-color-alerts-info-plus-max: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 0%);
  --op-color-alerts-info-plus-eight: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 4%);
  --op-color-alerts-info-plus-seven: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 8%);
  --op-color-alerts-info-plus-six: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 12%);
  --op-color-alerts-info-plus-five: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 14%);
  --op-color-alerts-info-plus-four: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 16%);
  --op-color-alerts-info-plus-three: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 20%);
  --op-color-alerts-info-plus-two: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 24%);
  --op-color-alerts-info-plus-one: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 28%);
  --op-color-alerts-info-base: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 32%);
  --op-color-alerts-info-minus-one: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 36%);
  --op-color-alerts-info-minus-two: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 40%);
  --op-color-alerts-info-minus-three: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 48%);
  --op-color-alerts-info-minus-four: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 52%);
  --op-color-alerts-info-minus-five: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 64%);
  --op-color-alerts-info-minus-six: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 72%);
  --op-color-alerts-info-minus-seven: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 80%);
  --op-color-alerts-info-minus-eight: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 88%);
  --op-color-alerts-info-minus-max: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 100%);
  --op-color-alerts-info-on-plus-max: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 100%);
  --op-color-alerts-info-on-plus-max-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 88%);
  --op-color-alerts-info-on-plus-eight: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 88%);
  --op-color-alerts-info-on-plus-eight-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 78%);
  --op-color-alerts-info-on-plus-seven: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 80%);
  --op-color-alerts-info-on-plus-seven-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 70%);
  --op-color-alerts-info-on-plus-six: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 78%);
  --op-color-alerts-info-on-plus-six-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 62%);
  --op-color-alerts-info-on-plus-five: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 76%);
  --op-color-alerts-info-on-plus-five-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 62%);
  --op-color-alerts-info-on-plus-four: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 80%);
  --op-color-alerts-info-on-plus-four-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 66%);
  --op-color-alerts-info-on-plus-three: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 88%);
  --op-color-alerts-info-on-plus-three-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 72%);
  --op-color-alerts-info-on-plus-two: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 88%);
  --op-color-alerts-info-on-plus-two-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 74%);
  --op-color-alerts-info-on-plus-one: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 96%);
  --op-color-alerts-info-on-plus-one-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 80%);
  --op-color-alerts-info-on-base: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 98%);
  --op-color-alerts-info-on-base-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 78%);
  --op-color-alerts-info-on-minus-one: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 94%);
  --op-color-alerts-info-on-minus-one-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 80%);
  --op-color-alerts-info-on-minus-two: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 94%);
  --op-color-alerts-info-on-minus-two-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 86%);
  --op-color-alerts-info-on-minus-three: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 98%);
  --op-color-alerts-info-on-minus-three-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 96%);
  --op-color-alerts-info-on-minus-four: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 2%);
  --op-color-alerts-info-on-minus-four-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 2%);
  --op-color-alerts-info-on-minus-five: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 8%);
  --op-color-alerts-info-on-minus-five-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 20%);
  --op-color-alerts-info-on-minus-six: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 4%);
  --op-color-alerts-info-on-minus-six-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 28%);
  --op-color-alerts-info-on-minus-seven: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 4%);
  --op-color-alerts-info-on-minus-seven-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 28%);
  --op-color-alerts-info-on-minus-eight: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 4%);
  --op-color-alerts-info-on-minus-eight-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 34%);
  --op-color-alerts-info-on-minus-max: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 0%);
  --op-color-alerts-info-on-minus-max-alt: hsl(var(--op-color-alerts-info-h), var(--op-color-alerts-info-s), 32%);
  --op-color-alerts-notice-plus-max: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 0%);
  --op-color-alerts-notice-plus-eight: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 4%);
  --op-color-alerts-notice-plus-seven: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 8%);
  --op-color-alerts-notice-plus-six: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 12%);
  --op-color-alerts-notice-plus-five: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 14%);
  --op-color-alerts-notice-plus-four: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 16%);
  --op-color-alerts-notice-plus-three: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 20%);
  --op-color-alerts-notice-plus-two: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 24%);
  --op-color-alerts-notice-plus-one: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 28%);
  --op-color-alerts-notice-base: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 32%);
  --op-color-alerts-notice-minus-one: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 36%);
  --op-color-alerts-notice-minus-two: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 40%);
  --op-color-alerts-notice-minus-three: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 48%);
  --op-color-alerts-notice-minus-four: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 52%);
  --op-color-alerts-notice-minus-five: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 64%);
  --op-color-alerts-notice-minus-six: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 72%);
  --op-color-alerts-notice-minus-seven: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 80%);
  --op-color-alerts-notice-minus-eight: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 88%);
  --op-color-alerts-notice-minus-max: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 100%);
  --op-color-alerts-notice-on-plus-max: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 100%);
  --op-color-alerts-notice-on-plus-max-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 88%);
  --op-color-alerts-notice-on-plus-eight: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 94%);
  --op-color-alerts-notice-on-plus-eight-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 82%);
  --op-color-alerts-notice-on-plus-seven: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 90%);
  --op-color-alerts-notice-on-plus-seven-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 80%);
  --op-color-alerts-notice-on-plus-six: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 92%);
  --op-color-alerts-notice-on-plus-six-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 72%);
  --op-color-alerts-notice-on-plus-five: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 92%);
  --op-color-alerts-notice-on-plus-five-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 72%);
  --op-color-alerts-notice-on-plus-four: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 94%);
  --op-color-alerts-notice-on-plus-four-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 80%);
  --op-color-alerts-notice-on-plus-three: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 98%);
  --op-color-alerts-notice-on-plus-three-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 78%);
  --op-color-alerts-notice-on-plus-two: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 98%);
  --op-color-alerts-notice-on-plus-two-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 88%);
  --op-color-alerts-notice-on-plus-one: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 98%);
  --op-color-alerts-notice-on-plus-one-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 84%);
  --op-color-alerts-notice-on-base: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 99%);
  --op-color-alerts-notice-on-base-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 99%);
  --op-color-alerts-notice-on-minus-one: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 2%);
  --op-color-alerts-notice-on-minus-one-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 7%);
  --op-color-alerts-notice-on-minus-two: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 2%);
  --op-color-alerts-notice-on-minus-two-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 10%);
  --op-color-alerts-notice-on-minus-three: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 2%);
  --op-color-alerts-notice-on-minus-three-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 18%);
  --op-color-alerts-notice-on-minus-four: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 2%);
  --op-color-alerts-notice-on-minus-four-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 20%);
  --op-color-alerts-notice-on-minus-five: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 6%);
  --op-color-alerts-notice-on-minus-five-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 20%);
  --op-color-alerts-notice-on-minus-six: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 2%);
  --op-color-alerts-notice-on-minus-six-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 16%);
  --op-color-alerts-notice-on-minus-seven: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 2%);
  --op-color-alerts-notice-on-minus-seven-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 26%);
  --op-color-alerts-notice-on-minus-eight: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 2%);
  --op-color-alerts-notice-on-minus-eight-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 24%);
  --op-color-alerts-notice-on-minus-max: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 0%);
  --op-color-alerts-notice-on-minus-max-alt: hsl(var(--op-color-alerts-notice-h), var(--op-color-alerts-notice-s), 28%);
  --nm-color-awg-logo: hsl(230, 48%, 26%);
  --nm-color-unaa-logo-red-h: 3;
  --nm-color-unaa-logo-red-s: 69%;
  --nm-color-unaa-logo-red-l: 53%;
  --nm-color-unaa-logo-red: hsl(var(--nm-color-unaa-logo-red-h), var(--nm-color-unaa-logo-red-s), var(--nm-color-unaa-logo-red-l));
  --nm-color-unaa-logo-red-darker: hsl(var(--nm-color-unaa-logo-red-h), var(--nm-color-unaa-logo-red-s), 48%);
  --nm-color-unaa-logo-red-darkest: hsl(var(--nm-color-unaa-logo-red-h), var(--nm-color-unaa-logo-red-s), 36%);
  --nm-color-unaa-logo-blue: hsl(229, 45%, 41%);
  --op-shadow-2x-large: 0 16px 24px hsl(0deg 0% 0% / 16%), 0 1px 4px hsl(0deg 0% 0% / 40%);
}.DateRangePickerInput, .SingleDatePickerInput {
  line-height: 1.5;
  line-height: var(--op-line-height-base);
  color: hsl(0deg 0% 0%);
  color: var(--op-color-black);
  background-color: hsl(131, 4%, 88%);
  background-color: var(--op-color-neutral-minus-eight);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  will-change: border-color, box-shadow;
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  box-shadow: none;
}.DateRangePickerInput:focus, .SingleDatePickerInput:focus {
  color: hsl(0deg 0% 0%);
  color: var(--op-color-black);
  outline: 0;
  border-color: hsl(131, 4%, 40%);
  border-color: var(--op-color-neutral-minus-two);
}.DateInput {
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}.DateInput_input {
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  background-color: hsl(131, 4%, 88%);
  background-color: var(--op-color-neutral-minus-eight);
  color: hsl(0deg 0% 0%);
  color: var(--op-color-black);
  font-size: 1.6rem;
  font-size: var(--op-space-medium);
}/* --op-breakpoint-x-small *//* --op-breakpoint-small *//* --op-breakpoint-medium *//* --op-breakpoint-large *//* --op-breakpoint-x-large */.container.with-header {
  height: calc(100% - 5.6rem);
  height: calc(100% - var(--nm-top-nav-height));
}@media (max-width: 768px) {
  .container {
    padding: 0 1.2rem 2.4rem 1.2rem !important;
    padding: 0 var(--op-space-small) var(--op-space-x-large) var(--op-space-small) !important;
  }
}.container--react-autosuggest .react-autosuggest__container {
  position: relative;
}.container--react-autosuggest .react-autosuggest__input {
  width: 240px;
  height: 3.2rem;
  height: calc(var(--op-space-medium)*2);
  padding: 1.2rem 2rem;
  padding: var(--op-space-small) var(--op-space-large);
  border: 1px solid hsl(131, 4%, 64%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-five);
  border-radius: 0.4rem;
  border-radius: var(--op-space-2x-small);
}.container--react-autosuggest .react-autosuggest__input--focused {
  outline: none;
}.container--react-autosuggest .react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}.container--react-autosuggest .react-autosuggest__suggestions-container {
  display: none;
}.container--react-autosuggest .react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 51px;
  width: 350px;
  max-height: 350px;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  background-color: hsl(131, 4%, 8%);
  background-color: var(--op-color-neutral-plus-max);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: var(--op-space-2x-small);
  border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: var(--op-space-2x-small);
  z-index: 2;
  overflow-y: auto;
}.container--react-autosuggest .react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}.container--react-autosuggest .react-autosuggest__suggestion {
  cursor: pointer;
  padding: 1.2rem 2rem;
  padding: var(--op-space-small) var(--op-space-large);
}.container--react-autosuggest .react-autosuggest__suggestion--highlighted {
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
}.container--react-autosuggest .react-autosuggest__title {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  padding-left: 1.2rem;
  padding-left: var(--op-space-small);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
}.container--xs {
  max-width: 512px;
  max-width: var(--op-breakpoint-x-small);
}.container--sm {
  max-width: 768px;
  max-width: var(--op-breakpoint-small);
}.hoverable:hover, .event-page__entity:hover, a:hover {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
  text-decoration: none;
}a {
  text-decoration: none;
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
}.hide-feature {
  display: none !important;
}.hide-content {
  display: none !important;
}.normal-text--md {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  white-space: normal;
}@media (max-width: 760px) {
  .normal-text--md {
    font-size: 1.6rem;
    font-size: var(--op-font-medium);
  }
}.normal-text--sm {
  display: flex;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  white-space: normal;
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-seven);
}.app-body {
  scroll-padding-top: 5.6rem;
  scroll-padding-top: var(--nm-top-nav-height);
  padding-bottom: 8rem;
  padding-bottom: var(--op-space-5x-large);
}@media (max-width: 1024px) {
  .app-with-sidebar {
    grid-template-columns: auto;
  }
}.container-full-width {
  width: 100%;
  padding: 0 1.6rem;
  padding: 0 var(--op-space-medium);
  margin: 0 auto;
}.full-height {
  height: 100%;
}.almost-full-width {
  width: 90%;
}.responsive-half-width {
  width: 50%;
}@media (max-width: 768px) {
  .responsive-half-width {
    width: 100%;
  }
}.grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  grid-gap: 1.6rem;
  grid-gap: var(--op-space-medium);
  gap: 1.6rem;
  gap: var(--op-space-medium);
}.flex-inline {
  display: inline-flex;
}.flex-reverse-wrap {
  flex-wrap: wrap-reverse;
}.flex-grow-2 {
  flex-grow: 2;
}.flex-shrink-1 {
  flex-shrink: 1;
}.flex-basis-50 {
  flex-basis: 24ch;
}.justify-evenly {
  justify-content: space-evenly;
}.vertical-middle {
  vertical-align: middle;
}.bottom-none {
  bottom: 0;
}.float-right {
  float: right;
}.float-left {
  float: left;
}.font-none {
  font-size: 0;
}.font-sm {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.font-xs {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.font-md {
  font-size: 1.6rem !important;
  font-size: var(--op-font-medium) !important;
}.font-lg {
  font-size: 2rem !important;
  font-size: var(--op-font-x-large) !important;
}.font-xl {
  font-size: 2.4rem !important;
  font-size: var(--op-font-2x-large) !important;
}.font-xxl {
  font-size: 2.8rem !important;
  font-size: var(--op-font-3x-large) !important;
}.font-xxxl {
  font-size: 3.2rem !important;
  font-size: var(--op-font-4x-large) !important;
}.font-size--small-header, .my-athletes__header-title {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
}.font-size--large {
  font-size: 2rem;
  font-size: var(--op-font-x-large);
}.font-size--medium {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.font-size--small {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.line-height-base {
  line-height: 1;
}.center-x {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}.center-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}.margin-expand-15, .obstacle-summary--large {
  margin-left: -15px;
  margin-right: -15px;
}.margin-auto {
  margin: auto;
}.margin-top-5 {
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
}.margin-top-10 {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.margin-top-20, .my-athletes__header-title {
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.margin-bottom-0 {
  margin-bottom: 0;
}.margin-bottom-15 {
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.margin-left-10 {
  margin-left: 1rem;
}.margin-xl {
  margin: 4rem;
  margin: var(--op-space-3x-large);
}.margin-lg {
  margin: 2.4rem;
  margin: var(--op-space-x-large);
}.margin-md {
  margin: 1.6rem;
  margin: var(--op-space-medium);
}.margin-sm {
  margin: 1.2rem;
  margin: var(--op-space-small);
}.margin-xs {
  margin: 0.8rem;
  margin: var(--op-space-x-small);
}.margin-none {
  margin: 0 !important;
}.margin-y-xl {
  margin-top: 4rem;
  margin-top: var(--op-space-3x-large);
  margin-bottom: 4rem;
  margin-bottom: var(--op-space-3x-large);
}.margin-y-lg {
  margin-top: 2.4rem;
  margin-top: var(--op-space-x-large);
  margin-bottom: 2.4rem;
  margin-bottom: var(--op-space-x-large);
}.margin-y-md {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.margin-y-sm {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.margin-y-xs {
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
  margin-bottom: 0.8rem;
  margin-bottom: var(--op-space-x-small);
}.margin-x-xl {
  margin-right: 4rem;
  margin-right: var(--op-space-3x-large);
  margin-left: 4rem;
  margin-left: var(--op-space-3x-large);
}.margin-x-lg {
  margin-right: 2.4rem;
  margin-right: var(--op-space-x-large);
  margin-left: 2.4rem;
  margin-left: var(--op-space-x-large);
}.margin-x-md {
  margin-right: 1.6rem;
  margin-right: var(--op-space-medium);
  margin-left: 1.6rem;
  margin-left: var(--op-space-medium);
}.margin-x-sm {
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
  margin-left: 1.2rem;
  margin-left: var(--op-space-small);
}.margin-x-xs {
  margin-right: 0.8rem;
  margin-right: var(--op-space-x-small);
  margin-left: 0.8rem;
  margin-left: var(--op-space-x-small);
}.margin-top-xl {
  margin-top: 4rem !important;
  margin-top: var(--op-space-3x-large) !important;
}.margin-top-lg {
  margin-top: 2.4rem !important;
  margin-top: var(--op-space-x-large) !important;
}.margin-top-md {
  margin-top: 1.6rem !important;
  margin-top: var(--op-space-medium) !important;
}.margin-top-sm {
  margin-top: 1.2rem !important;
  margin-top: var(--op-space-small) !important;
}.margin-top-xs {
  margin-top: 0.8rem !important;
  margin-top: var(--op-space-x-small) !important;
}.margin-bottom-xl {
  margin-bottom: 4rem !important;
  margin-bottom: var(--op-space-3x-large) !important;
}.margin-bottom-lg {
  margin-bottom: 2.4rem !important;
  margin-bottom: var(--op-space-x-large) !important;
}.margin-bottom-md {
  margin-bottom: 1.6rem !important;
  margin-bottom: var(--op-space-medium) !important;
}.margin-bottom-sm {
  margin-bottom: 1.2rem !important;
  margin-bottom: var(--op-space-small) !important;
}.margin-bottom-xs {
  margin-bottom: 0.8rem !important;
  margin-bottom: var(--op-space-x-small) !important;
}.margin-bottom-xxs {
  margin-bottom: 0.4rem !important;
  margin-bottom: var(--op-space-2x-small) !important;
}.margin-right-xl {
  margin-right: 4rem;
  margin-right: var(--op-space-3x-large);
}.margin-right-lg {
  margin-right: 2.4rem !important;
  margin-right: var(--op-space-x-large) !important;
}.margin-right-md {
  margin-right: 1.6rem !important;
  margin-right: var(--op-space-medium) !important;
}.margin-right-sm {
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.margin-right-xs {
  margin-right: 0.8rem;
  margin-right: var(--op-space-x-small);
}.margin-left-xl {
  margin-left: 4rem;
  margin-left: var(--op-space-3x-large);
}.margin-left-lg {
  margin-left: 2.4rem;
  margin-left: var(--op-space-x-large);
}.margin-left-md {
  margin-left: 1.6rem;
  margin-left: var(--op-space-medium);
}.margin-left-sm {
  margin-left: 1.2rem;
  margin-left: var(--op-space-small);
}.margin-left-xs {
  margin-left: 0.8rem;
  margin-left: var(--op-space-x-small);
}.margin-left-none {
  margin-left: 0;
}.margin-left-auto {
  margin-left: auto !important;
}.padding-none {
  padding: 0 !important;
}.padding-bottom-lg {
  padding-bottom: 2.4rem !important;
  padding-bottom: var(--op-space-x-large) !important;
}.padding-15, .obstacle-summary--extended, .waiver__list-item, .my-athlete__inner, .event-page__entity {
  padding-left: 1.6rem;
  padding-left: var(--op-space-medium);
  padding-right: 1.6rem;
  padding-right: var(--op-space-medium);
}.font-weight-normal {
  font-weight: 400;
}.bold {
  font-weight: 600;
}.top-border {
  border-top: 1px solid hsl(131, 4%, 20%);
  border-top: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}.top-border-light {
  border-top: 1px solid hsl(131, 4%, 20%);
  border-top: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}.bottom-border {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}.bottom-border-light {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}.bottom-border--except-last:last-of-type {
  border-bottom: none;
}.text-underline {
  text-decoration: underline;
}.text-capitalize {
  text-transform: capitalize;
}.text-italicized {
  font-style: italic;
}.text-color-primary {
  color: hsl(131, 65%, 38%);
  color: var(--op-color-primary-base);
}.text-color-primary-important {
  color: hsl(131, 65%, 38%) !important;
  color: var(--op-color-primary-base) !important;
}.text-color-error {
  color: hsl(0, 99%, 68%);
  color: var(--op-color-alerts-danger-on-plus-six-alt);
}.text-color-white {
  color: hsl(0deg 100% 100%) !important;
  color: var(--op-color-white) !important;
}.text-color-neutral {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-three);
}.text-color-neutral-light {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
}.hidden {
  display: none !important;
}.optional-field-text {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-style: italic;
}.break-word {
  word-break: break-word;
}.pointer {
  cursor: pointer;
}.overflow-y-hidden {
  overflow-y: hidden;
}.overflow-y-auto {
  overflow-y: auto;
}.links-blue a,
.links-blue a:hover,
.links-blue a:visited {
  color: hsl(216, 58%, 48%);
  color: var(--nm-color-link);
  background: none;
  text-decoration: underline;
}.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}.display-none {
  display: none !important;
}.block {
  display: block;
}.inline-block {
  display: inline-block;
}.mobile-only {
  visibility: hidden;
}@media (max-width: 1024px) {
  .mobile-only {
    visibility: visible;
  }
}.desktop-only {
  visibility: hidden;
}@media (min-width: 1024.02px) {
  .desktop-only {
    visibility: visible;
  }
}/* React CSS Animations */.react-fade-out {
  transition: opacity 300ms;
  opacity: 1;
}.react-fade-out-enter-active,
.react-fade-out-enter-done {
  opacity: 0;
}.forgot-password__header {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.forgot-password__label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.forgot-password__input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.log-in__link {
  margin-bottom: 0;
}.sign-up__link {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.signup-form__header {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.signup-form__label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.signup-form__input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.signup-form__terms-copy {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.signup-form__terms-copy a {
  text-decoration: underline;
}.signup-form__button {
  margin-top: 2rem;
  margin-top: var(--op-space-large);
  margin-bottom: 0.4rem;
  margin-bottom: var(--op-space-2x-small);
  padding: 0;
  width: 8.4rem;
  width: calc(var(--op-space-5x-large) + var(--op-space-2x-small));
  height: 4rem;
  height: var(--op-space-3x-large);
}#min-password-length {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.league-sign-in {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 2rem auto 4rem;
  margin: var(--op-space-large) auto var(--op-space-3x-large);
  max-width: 440px;
}.league-sign-in__logos {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
  margin-bottom: var(--op-space-3x-large);
}.league-sign-in__logo {
  max-height: 150px;
  max-width: 150px;
}.league-sign-in__plus {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  display: flex;
  flex-direction: column;
  font-size: 3.2rem;
  font-size: var(--op-font-4x-large);
  font-weight: 200;
  justify-content: center;
}.league-sign-in--narrow {
  margin: 2rem auto;
  margin: var(--op-space-large) auto;
  max-width: 30rem;
  max-width: calc(var(--op-space-large)*15);
}.league-sign-in__create-account {
  margin: 2rem 0;
  margin: var(--op-space-large) 0;
  width: 100%;
}.league-sign-in__form {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  border: 1px solid hsl(131, 4%, 20%);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  padding: 0 4rem 2rem;
  padding: 0 var(--op-space-3x-large) var(--op-space-large);
  text-align: left;
}.log-in__link {
  display: inline-block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  margin-bottom: 2.4rem;
  margin-bottom: var(--op-space-x-large);
}.sign-up__link {
  display: inline-block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.forgot-password__link {
  display: inline-block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.blank-state--large {
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  border: 1px solid hsl(131, 4%, 24%);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-three);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  padding: 10rem 4.8rem;
  padding: calc(var(--op-space-5x-large) + var(--op-space-large)) calc(var(--op-space-3x-large) + var(--op-space-x-small));
  margin: 4rem auto 0;
  margin: var(--op-space-3x-large) auto 0;
  max-width: 90rem;
  max-width: calc(var(--op-space-4x-large)*15);
  text-align: center;
}@media (max-width: 511.98px) {
  .blank-state--large {
    padding: 4.8rem;
    padding: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  }
}.blank-state--small {
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  border: 1px solid hsl(131, 4%, 24%);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-three);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 2rem;
  padding: var(--op-space-large);
  text-align: center;
}.blank-state__header {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-bottom: 4.8rem;
  margin-bottom: calc(var(--op-space-3x-large) + var(--op-space-x-small));
}.blank-state__instructions {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: auto;
  max-width: 580px;
}.copyable {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.copyable__area {
  display: flex;
}.copyable__text {
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border: 2px solid hsl(131, 4%, 64%);
  border: var(--op-border-width-large) solid var(--op-color-neutral-minus-five);
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: var(--op-radius-medium);
  border-top-left-radius: 4px;
  border-top-left-radius: var(--op-radius-medium);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
  display: inline-block;
  max-width: 40rem;
  max-width: calc(var(--op-space-3x-large)*10);
  overflow: hidden;
  padding: 0.4rem;
  padding: var(--op-space-2x-small);
  white-space: nowrap;
  width: 100%;
}.copyable__text:focus {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  outline: none;
}.copyable__button {
  background: hsl(131, 4%, 64%);
  background: var(--op-color-neutral-minus-five);
  border: 2px solid hsl(131, 4%, 64%);
  border: var(--op-border-width-large) solid var(--op-color-neutral-minus-five);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: var(--op-radius-medium);
  border-top-right-radius: 4px;
  border-top-right-radius: var(--op-radius-medium);
  color: hsl(131, 4%, 20%);
  color: var(--op-color-neutral-on-minus-five);
  cursor: pointer;
  margin-left: -1px;
}.copyable__button:focus {
  outline: none;
}.flex-row {
  display: flex;
  flex-wrap: wrap;
}.flex-row__column {
  flex: 1 1;
  min-width: 30rem;
  min-width: calc(var(--op-space-large)*15);
  margin: 0 1.2rem;
  margin: 0 var(--op-space-small);
}@media (max-width: 511.98px) {
  .flex-row__column:not(:nth-child(1)) {
    margin-top: 2.4rem;
    margin-top: var(--op-space-x-large);
  }
}.header-with-actions {
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.header-with-actions__no_bottom-margin {
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
  margin-bottom: none;
}.header-with-actions__details {
  display: flex;
  align-items: center;
}.header-with-actions__title {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
}.header-with-actions__subtitle {
  font-size: 2rem;
  font-size: var(--op-font-x-large);
}.header-with-actions__actions {
  display: flex;
  align-items: center;
  flex: 1 1;
  justify-content: flex-end;
}.header-with-actions__space-between-actions {
  display: flex;
  align-items: center;
  flex: 1 1;
  justify-content: space-between;
}.header-with-actions__start-action-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}.header-with-actions__end-action-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}.header-with-actions__info {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.header-with-actions__info--shown {
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  padding: 1.2rem;
  padding: var(--op-space-small);
  margin-bottom: 0.8rem;
  margin-bottom: var(--op-space-x-small);
}.info-icon {
  cursor: pointer;
}.material-icons {
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  line-height: 1.6rem;
  line-height: var(--op-font-medium);
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  margin: 0 0.8rem;
  margin: 0 var(--op-space-x-small);
}.icon--xs {
  font-size: 1.1rem;
}.icon--sm {
  font-size: 1.3rem;
}.icon--md {
  font-size: 1.9rem;
}.icon--lg, .list-item--drag-handle {
  font-size: 2.3rem;
}.icon--xl {
  font-size: 2.8rem;
}.icon--xxl {
  font-size: 3.3rem;
}.icon--xxxl {
  font-size: 4rem;
}.custom-icons {
  display: inline-block;
  width: 2.4rem;
  width: var(--op-space-x-large);
  height: 2.4rem;
  height: var(--op-space-x-large);
  font-size: inherit;
}.custom-icons.icon--md-wide {
  max-width: 2rem;
  min-width: 2rem;
}.custom-icons.icon--lg, .custom-icons.list-item--drag-handle {
  width: 3.2rem;
  height: 3.2rem;
}.custom-icons.icon--xl {
  width: 4.8rem;
  height: 4.8rem;
}.custom-icons.icon--xxl {
  width: 5.4rem;
  height: 5.4rem;
}.custom-icons svg {
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  vertical-align: initial;
}.icon--circle {
  border: none;
  border-radius: 9999px;
  border-radius: var(--op-radius-pill);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.icon--circle::after {
  color: hsl(131, 4%, 68%);
  color: var(--op-color-neutral-on-plus-three-alt);
  display: block;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  top: 52px;
  position: absolute;
  text-transform: uppercase;
  text-indent: 0;
  font-family: "Poppins", sans-serif;
  font-family: var(--op-font-family);
}.icon--submit, .icon--reset, .icon--reset-all, .icon--pause, .icon--resume, .icon--start {
  width: 4.8rem;
  width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  height: 4.8rem;
  height: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  max-width: 4.8rem;
  max-width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  font-size: var(---op-font-x-large);
  margin: 0 2rem;
  margin: 0 var(--op-space-large);
  border: 1px solid hsl(131, 4%, 10%);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-eight);
}.icon--submit:disabled, .icon--reset:disabled, .icon--reset-all:disabled, .icon--pause:disabled, .icon--resume:disabled, .icon--start:disabled {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
}.icon--start {
  font-size: 3.2rem;
  font-size: var(--op-font-4x-large);
  color: hsl(131, 65%, 2%);
  color: var(--op-color-alerts-notice-on-minus-three);
  background-color: hsl(131, 65%, 48%);
  background-color: var(--op-color-alerts-notice-minus-three);
}.icon--start::after {
  content: "start";
}.icon--resume {
  font-size: 3.2rem;
  font-size: var(--op-font-4x-large);
  background-color: hsl(131, 65%, 20%);
  background-color: var(--op-color-alerts-notice-plus-three);
  color: hsl(131, 65%, 98%);
  color: var(--op-color-alerts-notice-on-plus-three);
}.icon--resume::after {
  content: "resume";
}.icon--pause {
  color: hsl(0, 99%, 4%);
  color: var(--op-color-alerts-danger-on-minus-four);
  background-color: hsl(0, 99%, 52%);
  background-color: var(--op-color-alerts-danger-minus-four);
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.icon--pause::after {
  content: "Pause";
}.icon--reset-all {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  color: hsl(0, 99%, 4%);
  color: var(--op-color-alerts-danger-on-minus-four);
  background-color: hsl(0, 99%, 52%);
  background-color: var(--op-color-alerts-danger-minus-four);
}.icon--reset-all::after {
  content: "reset all";
}.icon--reset {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  background-color: hsl(47, 100%, 16%);
  background-color: var(--op-color-alerts-warning-plus-four);
  color: hsl(47, 100%, 80%);
  color: var(--op-color-alerts-warning-on-plus-four);
}.icon--reset::after {
  content: "reset";
}.icon--submit {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  background-color: hsl(131, 65%, 32%);
  background-color: var(--op-color-alerts-notice-base);
  color: hsl(131, 65%, 99%);
  color: var(--op-color-alerts-notice-on-base);
}.icon--submit::after {
  content: "submit";
}.icon--cleared {
  position: relative;
  right: 10px;
  color: hsl(131, 65%, 48%);
  color: var(--op-color-alerts-notice-minus-three);
}.icon--missed {
  position: relative;
  right: 10px;
  color: hsl(0, 99%, 52%);
  color: var(--op-color-alerts-danger-minus-four);
}.icon--text {
  position: relative;
  top: 9%;
}.icon--summary-cleared {
  font-size: var(---op-font-x-large);
  color: hsl(131, 65%, 2%);
  color: var(--op-color-alerts-notice-on-minus-three);
  background-color: hsl(131, 65%, 48%);
  background-color: var(--op-color-alerts-notice-minus-three);
  padding: 0.4rem;
  padding: var(--op-space-2x-small);
  margin: 1.6rem 1.2rem;
  margin: var(--op-space-medium) var(--op-space-small);
}.icon--summary-missed {
  font-size: var(---op-font-x-large);
  color: hsl(0, 99%, 4%);
  color: var(--op-color-alerts-danger-on-minus-four);
  background-color: hsl(0, 99%, 52%);
  background-color: var(--op-color-alerts-danger-minus-four);
  padding: 0.4rem;
  padding: var(--op-space-2x-small);
  margin: 1.6rem 1.2rem;
  margin: var(--op-space-medium) var(--op-space-small);
}.icon--play {
  border: 2px solid hsl(131, 65%, 48%);
  border: var(--op-border-width-large) solid var(--op-color-alerts-notice-minus-three);
  border-radius: 50%;
  background-color: hsl(0deg 0% 0%);
  background-color: var(--op-color-black);
  font-size: 2.4rem;
  font-size: var(--op-font-2x-large);
  line-height: 2.4rem;
  line-height: var(--op-font-2x-large);
}.icon--btn {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  max-width: none;
  max-width: initial;
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
}.list__title {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.list__title--small {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
}.list--top-border {
  border-top: 1px solid hsl(131, 4%, 20%);
  border-top: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}.list-item-section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.8rem;
  gap: var(--op-space-x-small);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  margin-bottom: 2rem;
  margin-bottom: var(--op-space-large);
}.list-item, .obstacle, .waiver__list-item, .my-athlete__inner, .event-page__entity {
  display: flex;
  gap: 1.2rem;
  gap: var(--op-space-small);
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  box-shadow: 0 16px 24px hsl(0deg 0% 0% / 16%), 0 1px 4px hsl(0deg 0% 0% / 40%);
  box-shadow: var(--op-shadow-2x-large);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  margin: 0;
  padding: 1.2rem 1.6rem;
  padding: var(--op-space-small) var(--op-space-medium);
}.list-item__link-wrapper {
  flex-grow: 1;
}.list-item__link-wrapper:hover {
  background: inherit;
}.list-item__position {
  align-items: center;
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  display: flex;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  min-width: 31px;
  justify-content: center;
  margin-right: 0.8rem;
  margin-right: var(--op-space-x-small);
}.list-item__image-container {
  display: flex;
  padding: 0.4rem 0.8rem 0.4rem 0;
  padding: var(--op-space-2x-small) var(--op-space-x-small) var(--op-space-2x-small) 0;
}.list-item__image {
  align-self: center;
  height: 4.8rem;
  height: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  width: 4.8rem;
  width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
}.list-item__image--blank {
  align-self: center;
  height: 4.8rem;
  height: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  width: 4.8rem;
  width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  border: 1px solid hsl(131, 4%, 20%);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}.list-item__text {
  flex: 1 1 50%;
}.list-item__text--full-flex {
  flex: 1 1 100%;
}.list-item__text--quarter-flex {
  flex: 1 1 25%;
}.list-item__primary-text {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  overflow: hidden;
  max-width: 750px;
}.list-item__primary-text--small {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.list-item__secondary-text, .deleted-runs-link {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.list-item__meta {
  display: flex;
  flex-direction: column;
  text-align: right;
}.list-item__meta--quarter-flex {
  flex: 1 1 25%;
}.list-item__meta-primary-text {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  text-align: left;
}.list-item__meta-primary-text--right {
  text-align: right;
}.text--left {
  text-align: left;
}.list-item__meta-secondary-text {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.list-item__actions {
  display: flex;
  gap: 1.2rem;
  gap: var(--op-space-small);
  align-items: center;
  justify-content: flex-end;
}.list-item__actions-left {
  display: flex;
  align-items: center;
  padding: 0.8rem 1.2rem 0.8rem 0;
  padding: var(--op-space-x-small) var(--op-space-small) var(--op-space-x-small) 0;
}.list__sort-instructions {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-style: italic;
}.list-item__name--checkbox {
  margin-left: 0.8rem;
  margin-left: var(--op-space-x-small);
}.lists-group {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  margin-bottom: 2rem;
  margin-bottom: var(--op-space-large);
  padding: 1.2rem;
  padding: var(--op-space-small);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}.list--dnd {
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
}.list-item--dropable {
  padding: 0 1.2rem;
  padding: 0 var(--op-space-small);
}.list-item--drop-target {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}.list-item--current-drop-target {
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}.list-item--dragging {
  background-color: hsl(131, 4%, 64%);
  background-color: var(--op-color-neutral-minus-five);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}.list-item--drag-handle {
  display: flex;
  align-items: center;
}.options-item {
  align-items: center;
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  box-shadow: 0 16px 24px hsl(0deg 0% 0% / 16%), 0 1px 4px hsl(0deg 0% 0% / 40%);
  box-shadow: var(--op-shadow-2x-large);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  display: flex;
  justify-content: space-between;
  padding: 2rem 1.6rem;
  padding: var(--op-space-large) var(--op-space-medium);
}.options-item + .options-item {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.options-item__text {
  display: flex;
  flex-direction: column;
}.options-item__title {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.options-item__sub-text {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.pill {
  border: 1px solid hsl(131, 4%, 36%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-one);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  cursor: pointer;
  padding: 0.8rem 1.2rem;
  padding: var(--op-space-x-small) var(--op-space-small);
  margin-right: 0.4rem;
  margin-right: var(--op-space-2x-small);
  min-width: 55px;
  text-align: center;
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1.6rem;
  font-size: var(--op-space-medium);
}.pill:last-of-type {
  margin-right: 0;
}.pill--checked {
  border: 2px solid hsl(131, 65%, 38%);
  border: var(--op-border-width-large) solid var(--op-color-primary-base);
  padding: 0.8rem 0.8rem;
  padding: var(--op-space-x-small) var(--op-space-x-small);
}.pill--disabled {
  text-decoration: line-through;
  background: hsl(131, 4%, 44%);
  background: var(--op-color-neutral-minus-three);
}input[type=radio]:checked + .pill, input[type=checkbox]:checked + .pill {
  outline: 2px solid hsl(131, 65%, 38%);
  outline: var(--op-border-width-large) solid var(--op-color-primary-base);
}input[type=radio][disabled] + .pill, input[type=checkbox][disabled] + .pill {
  text-decoration: line-through;
  background: hsl(131, 4%, 44%);
  background: var(--op-color-neutral-minus-three);
}.pill-input {
  display: none;
}.pill--warning {
  background-color: hsl(47, 100%, 28%);
  background-color: var(--op-color-alerts-warning-plus-one);
}.receipt-wrapper {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 2rem 0;
  margin: var(--op-space-large) 0;
}.section__details {
  display: flex;
  flex-direction: column;
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  position: relative;
}.section__details > * {
  flex-direction: row;
}.section__detail {
  flex: 1 0;
  margin-right: 4rem;
  margin-right: var(--op-space-3x-large);
  margin-left: 4rem;
  margin-left: var(--op-space-3x-large);
}.section__detail-label {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-right: 0.8rem;
  margin-right: var(--op-space-x-small);
}.section__detail-label--light-gray {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
}.section__detail-value {
  display: inline-block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.section__title {
  display: flex;
  align-self: center;
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
}.section__title--secondary {
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  margin-bottom: 0.4rem;
  margin-bottom: var(--op-space-2x-small);
}.section__line-break {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  height: 0.2rem;
  height: var(--op-space-3x-small);
  margin: 1.2rem 0;
  margin: var(--op-space-small) 0;
}.section__action {
  position: absolute;
  right: 0.4rem;
  right: var(--op-space-2x-small);
  top: 0.8rem;
  top: var(--op-space-x-small);
}.sheet__header {
  align-items: center;
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  border-bottom: 2px solid hsl(131, 4%, 88%);
  border-bottom: var(--op-border-width-large) solid var(--op-color-neutral-minus-eight);
  display: flex;
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  justify-content: space-between;
  padding: 1.6rem;
  padding: var(--op-space-medium);
}:root {
  --nm-spectator-table-grid: 1.5fr 2.5fr 1.5fr 1fr 1fr 2fr;
}.spectator-summary-header {
  display: grid;
  grid-gap: 1.2rem;
  grid-gap: var(--op-space-small);
  grid-template-columns: 1.5fr 2.5fr 1.5fr 1fr 1fr 2fr;
  grid-template-columns: var(--nm-spectator-table-grid);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
}@media (max-width: 767.98px) {
  .spectator-summary-header {
    font-size: 1.6rem;
    font-size: var(--op-font-medium);
  }
}.spectator-summary-details {
  display: grid;
  grid-gap: 1.2rem;
  grid-gap: var(--op-space-small);
  grid-template-columns: 1.5fr 2.5fr 1.5fr 1fr 1fr 2fr;
  grid-template-columns: var(--nm-spectator-table-grid);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-bottom: 2px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width-large) solid var(--op-color-neutral-plus-four);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
  background-color: hsl(131, 4%, 26%);
  background-color: var(--op-color-neutral-plus-two);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-two);
}@media (max-width: 767.98px) {
  .spectator-summary-details {
    font-size: 1.2rem;
    font-size: var(--op-font-x-small);
  }
}.spectator-summary-details__item {
  word-break: break-word;
}.spectator-summary-details__item--nowrap {
  word-break: keep-all;
}.spectator-summary-details__item-checkbox-grid {
  display: grid;
  grid-gap: 0.4rem;
  grid-gap: var(--op-space-2x-small);
  gap: 0.4rem;
  gap: var(--op-space-2x-small);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.time-limit {
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  font-family: "Roboto Mono", monospace;
  font-family: var(--op-font-family-mono);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  max-width: 113px;
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.time-limit__input {
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border: none;
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
  outline: none;
  padding-right: 0.4rem;
  padding-right: var(--op-space-2x-small);
  text-align: right;
  width: 4rem;
  width: var(--op-space-3x-large);
}.time-limit__input-separator {
  position: relative;
  left: 3px;
}:root {
  --nm-waitlisted-table-grid: 2fr 0.5fr 1fr 0.5fr 0.5fr 2.5fr 1fr 1fr;
}.waitlisted-header {
  display: grid;
  grid-gap: 1.2rem;
  grid-gap: var(--op-space-small);
  grid-template-columns: 2fr 0.5fr 1fr 0.5fr 0.5fr 2.5fr 1fr 1fr;
  grid-template-columns: var(--nm-waitlisted-table-grid);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
}@media (max-width: 767.98px) {
  .waitlisted-header {
    font-size: 1.6rem;
    font-size: var(--op-font-medium);
  }
}.waitlisted-details {
  display: grid;
  grid-gap: 1.2rem;
  grid-gap: var(--op-space-small);
  grid-template-columns: 2fr 0.5fr 1fr 0.5fr 0.5fr 2.5fr 1fr 1fr;
  grid-template-columns: var(--nm-waitlisted-table-grid);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
  border-bottom: 2px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width-large) solid var(--op-color-neutral-plus-four);
  background-color: hsl(131, 4%, 26%);
  background-color: var(--op-color-neutral-plus-two);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-two);
}@media (max-width: 767.98px) {
  .waitlisted-details {
    font-size: 1.2rem;
    font-size: var(--op-font-x-small);
  }
}.waitlisted-details__item {
  word-break: break-word;
}.waitlisted-details__item--nowrap {
  word-break: keep-all;
}.waitlisted-details__item-action-grid {
  display: flex;
  gap: 0.4rem;
  gap: var(--op-space-2x-small);
}.wave {
  position: relative;
}.wave__contestants {
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
}.wave__contestants-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}.wave__contestants-list {
  margin-bottom: 4rem;
  margin-bottom: var(--op-space-3x-large);
}.wave__overview {
  display: flex;
  justify-content: space-between;
}.wave__overview .button_to {
  align-self: center;
}@media (max-width: 511.98px) {
  .wave__overview .button_to {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
  }
}.wave__overview .section__details {
  flex-grow: 0.9;
}@media (max-width: 511.98px) {
  .wave__overview .section__details {
    flex-grow: 1;
  }
}.wave__overview .start-wave {
  display: flex;
  align-items: center;
}@media (max-width: 511.98px) {
  .wave__overview .start-wave {
    justify-content: center;
    width: 100%;
  }
}.accordion {
  --_op-accordion-summary-min-height: calc(var(--op-size-unit)*12);
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-three);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  padding: 0.8rem 1.2rem;
  padding: var(--op-space-x-small) var(--op-space-small);
}.accordion summary .accordion__label {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.accordion summary .accordion__label span + span {
  color: hsl(131, 4%, 68%);
  color: var(--op-color-neutral-on-plus-three-alt);
}.accordion[open] summary .accordion__marker {
  rotate: 0.5turn;
}.btn .material-icons, .waiver-version__download__button .material-icons {
  margin: 0;
}.btn.btn--primary, .waiver-version__download__button {
  background-color: hsl(131, 65%, 32%);
  background-color: var(--op-color-primary-plus-two);
  box-shadow: inset 0 0 0 1px hsl(131, 65%, 38%);
  box-shadow: inset var(--op-border-all) var(--op-color-primary-base);
  color: hsl(131, 65%, 100%);
  color: var(--op-color-primary-on-plus-two);
}.btn.btn--primary.btn--active, .btn--active.waiver-version__download__button {
  background-color: hsl(131, 65%, 64%);
  background-color: var(--op-color-primary-minus-five);
  box-shadow: inset 0 0 0 1px hsl(131, 65%, 32%);
  box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-two);
  color: hsl(131, 65%, 2%);
  color: var(--op-color-primary-on-minus-five);
}.btn.btn--primary:hover, .waiver-version__download__button:hover {
  background-color: hsl(131, 65%, 29%);
  background-color: var(--op-color-primary-plus-three);
  box-shadow: inset 0 0 0 1px hsl(131, 65%, 35%);
  box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-one);
  color: hsl(131, 65%, 88%);
  color: var(--op-color-primary-on-plus-three);
}.btn.btn--primary:focus-visible, .waiver-version__download__button:focus-visible {
  background-color: hsl(131, 65%, 38%);
  background-color: var(--op-color-primary-base);
  box-shadow: inset 0 0 0 2px hsl(131, 65%, 32%),
    0 0 0 4px hsl(131, 65%, 24%);
  box-shadow: var(--op-input-focus-primary);
  color: hsl(131, 65%, 10%);
  color: var(--op-color-primary-on-base);
}.btn.btn--primary.btn--no-border, .btn--no-border.waiver-version__download__button {
  background-color: transparent;
  box-shadow: none;
  color: hsl(131, 65%, 38%);
  color: var(--op-color-primary-base);
}.btn.btn--primary.btn--no-border.btn--active, .btn--no-border.btn--active.waiver-version__download__button {
  background-color: hsl(131, 65%, 24%);
  background-color: var(--op-color-primary-plus-five);
  box-shadow: inset 0 0 0 1px hsl(131, 65%, 29%);
  box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-three);
  color: hsl(131, 65%, 72%);
  color: var(--op-color-primary-on-plus-five);
}.btn.btn--primary.btn--no-border:hover, .btn--no-border.waiver-version__download__button:hover {
  background-color: hsl(131, 65%, 14%);
  background-color: var(--op-color-primary-plus-eight);
  box-shadow: inset 0 0 0 1px hsl(131, 65%, 24%);
  box-shadow: inset var(--op-border-all) var(--op-color-primary-plus-five);
  color: hsl(131, 65%, 88%);
  color: var(--op-color-primary-on-plus-eight);
}.btn.btn--primary.btn--no-border:focus-visible, .btn--no-border.waiver-version__download__button:focus-visible {
  background-color: hsl(131, 65%, 14%);
  background-color: var(--op-color-primary-plus-eight);
  box-shadow: inset 0 0 0 2px hsl(131, 65%, 32%),
    0 0 0 4px hsl(131, 65%, 24%);
  box-shadow: var(--op-input-focus-primary);
  color: hsl(131, 65%, 88%);
  color: var(--op-color-primary-on-plus-eight);
}.btn--with-checkbox {
  margin: 0;
}.btn--cta {
  background-color: hsl(131, 4%, 100%);
  background-color: var(--op-color-neutral-minus-max);
  color: hsl(131, 4%, 4%);
  color: var(--op-color-neutral-on-minus-max);
  box-shadow: none;
}.sidebar {
  --_op-sidebar-content-spacing: var(--op-space-medium);
  --_op-sidebar-drawer-brand-width: 8.8rem;
  --_op-sidebar-drawer-width: var(--nm-sidebar-width);
  --_op-sidebar-rail-width: 0;
  --_op-sidebar-brand-spacing: 0 var(--op-space-medium) var(--_op-sidebar-spacing) var(--op-space-medium);
  --_op-sidebar-background-color: var(--op-color-neutral-plus-six);
  --_op-sidebar-text-color: var(--op-color-neutral-on-plus-six);
  --_op-sidebar-border-color: var(--op-color-neutral-plus-four);
  z-index: 700;
  z-index: var(--op-z-index-sidebar);
}.sidebar .sidebar__content--no-grow {
  flex-grow: 0;
}.sidebar .sidebar__content-divider {
  height: 1px;
  height: var(--op-border-width);
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  margin-top: calc(var(--_op-sidebar-content-item-spacing)*4);
  margin-bottom: calc(var(--_op-sidebar-content-item-spacing)*4);
}.sidebar .sidebar__close-button-container {
  display: none;
}@media (max-width: 1024px) {
  .sidebar.sidebar--mobile-friendly {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--_op-sidebar-drawer-width)*-1);
    z-index: 700;
    z-index: var(--op-z-index-sidebar);
  }
  .sidebar.sidebar--mobile-friendly.sidebar--open {
    left: 0;
  }
  .sidebar.sidebar--mobile-friendly .sidebar__close-button-container {
    display: flex;
    justify-content: flex-end;
    padding-right: 0.8rem;
    padding-right: var(--op-space-x-small);
  }
  .sidebar.sidebar--mobile-friendly.sidebar--padded {
    padding-top: 0.8rem;
    padding-top: var(--op-space-x-small);
  }
}.sidebar__overlay {
  display: none;
}.sidebar.sidebar--open + .sidebar__overlay {
  display: block;
  position: absolute;
  inset: 0;
  background: hsl(0deg 0% 0%);
  background: var(--op-color-black);
  opacity: 0.7;
  z-index: 699;
  z-index: calc(var(--op-z-index-sidebar) - 1);
}.swatch {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 13.8rem;
  height: 7.5rem;
  margin-right: 1.6rem;
  margin-right: var(--op-space-medium);
  padding: 1.6rem;
  padding: var(--op-space-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  box-shadow: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 3%);
  box-shadow: var(--op-shadow-medium);
}.swatch span {
  padding: 0.4rem 0.8rem;
  padding: var(--op-space-2x-small) var(--op-space-x-small);
  color: var(--color-contrast-high);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  background: hsl(131, 4%, 88%);
  background: var(--op-color-neutral-minus-eight);
}.flag--error {
  background: hsl(0, 99%, 64%);
  background: var(--op-color-alerts-danger-minus-five);
  padding: 0 0.8rem;
  padding: 0 var(--op-space-x-small);
  border-radius: 0 12px 12px 0;
  border-radius: 0 var(--op-radius-x-large) var(--op-radius-x-large) 0;
}.infobox {
  display: flex;
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  justify-content: space-between;
}@media (max-width: 990px) {
  .infobox {
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    height: 8rem;
    height: var(--op-space-5x-large);
    margin-top: 0;
  }
}.infobox-content {
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  background: hsl(131, 4%, 40%) !important;
  background: var(--op-color-neutral-minus-two) !important;
  border: 2px solid hsl(131, 4%, 40%) !important;
  border: var(--op-border-width-large) solid var(--op-color-neutral-minus-two) !important;
  padding: 1.6rem !important;
  padding: var(--op-space-medium) !important;
  text-transform: none;
}@media (max-width: 990px) {
  .infobox-content {
    flex-direction: column;
    align-items: flex-end;
    width: 30rem !important;
    width: calc(var(--op-space-large)*15) !important;
  }
}@media (max-width: 440px) {
  .infobox-content {
    width: 20rem !important;
    width: calc(var(--op-space-large)*10) !important;
  }
}.infobox-arrow {
  background: hsl(131, 4%, 40%) !important;
  background: var(--op-color-neutral-minus-two) !important;
  margin: -var(--op-space-x-small) !important;
}.infobox__video {
  display: flex;
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.infobox__video > * {
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}@media (max-width: 990px) {
  .infobox__video {
    display: none;
  }
}.infobox__actions {
  display: flex;
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  justify-content: space-between;
}@media (max-width: 990px) {
  .infobox__actions {
    flex-direction: column;
    height: 8rem;
    height: var(--op-space-5x-large);
    margin-top: 1.2rem;
    margin-top: var(--op-space-small);
  }
}.ribbon {
  display: flex;
  flex: 1 1;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  padding: 2.4rem;
  padding: var(--op-space-x-large);
  width: 100%;
  background: hsl(131, 4%, 40%);
  background: var(--op-color-neutral-minus-two);
  margin-bottom: 2.4rem;
  margin-bottom: var(--op-space-x-large);
}@media screen and (max-width: 768px) {
  .ribbon {
    flex-direction: column;
  }
  .ribbon .ribbon__item {
    margin-bottom: 1.2rem;
    margin-bottom: var(--op-space-small);
  }
  .ribbon .ribbon__item:last-child {
    margin-bottom: 0;
  }
}.ribbon__group {
  display: flex;
}.ribbon__group .ribbon__item {
  margin-right: 2.4rem;
  margin-right: var(--op-space-x-large);
}.ribbon__group .ribbon__item:last-child {
  margin-right: 0;
}.ribbon__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}.pagination-wrapper {
  text-align: center;
  margin: 1.6rem 0;
  margin: var(--op-space-medium) 0;
}.pagination a {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  text-decoration: none;
  border: 2px solid hsl(131, 4%, 20%);
  border: var(--op-border-width-large) solid var(--op-color-neutral-plus-four); /* Gray */
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
}.pagination em.current {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
}.pagination a:hover:not(.active) {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  transition: background-color 0.3s;
}.badge {
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  padding: 0.2rem 0.8rem;
  padding: var(--op-space-3x-small) var(--op-space-x-small);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  background-color: hsl(216, 58%, 48%);
  background-color: var(--nm-color-link);
}.checkbox__container {
  padding-left: 2.4rem;
  padding-left: var(--op-space-x-large);
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}.checkbox__container input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}.checkbox__container .checkbox__checkmark {
  border: 2px solid hsl(131, 65%, 38%);
  border: var(--op-border-width-large) solid var(--op-color-primary-base);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  height: 2.8rem;
  height: calc(var(--op-space-x-large) + var(--op-space-2x-small));
  left: 0;
  position: absolute;
  top: 0;
  width: 2.8rem;
  width: calc(var(--op-space-x-large) + var(--op-space-2x-small));
}.checkbox__container .checkbox__checkmark.with_flex {
  position: relative;
}.checkbox__container input:checked ~ .checkbox__checkmark {
  background-color: hsl(131, 65%, 38%);
  background-color: var(--op-color-primary-base);
}.checkbox__container .checkbox__checkmark::after {
  content: "";
  display: none;
  position: absolute;
  border: solid white;
  border-width: 0 3px 3px 0;
  border-width: 0 calc(var(--op-border-width-large) + var(--op-border-width)) calc(var(--op-border-width-large) + var(--op-border-width)) 0;
  height: 1.6rem;
  height: var(--op-space-medium);
  left: 0.8rem;
  left: var(--op-space-x-small);
  top: 0.2rem;
  top: var(--op-space-3x-small);
  transform: rotate(45deg);
  width: 0.8rem;
  width: var(--op-space-x-small);
}.checkbox__container input:checked ~ .checkbox__checkmark::after {
  display: block;
}.checkbox__container.with_flex {
  display: flex;
  align-items: center;
  padding-left: 0;
}.checkbox__label {
  display: inline-block;
  padding-left: 1.2rem;
  padding-left: var(--op-space-small);
}.checkbox__label.with_subtext {
  display: flex;
  flex-direction: column;
}.checkbox__label-subtext {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.checkbox--with-label {
  display: flex;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.checkbox--with-label .checkbox__container {
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.checkbox--with-label--no-margin {
  margin: 0;
}.checkbox--with-label--no-margin .checkbox__container {
  margin: 0;
}.checkbox__label--with-subtext {
  display: flex;
  flex-direction: column;
}.checkbox__label--with-subtext .subtext {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.dropdown-options {
  position: absolute;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 12rem;
  width: var(--nm-dropdown-width-sm);
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}.dropdown-options form {
  display: flex;
  width: 100%;
}.dropdown-options button {
  width: 100%;
}.dropdown-button {
  width: 12rem;
  width: var(--nm-dropdown-width-sm);
  align-items: center;
  margin-bottom: 0.4rem;
  margin-bottom: var(--op-space-2x-small);
  line-height: 1.2rem;
  line-height: var(--op-font-x-small);
}.dropdown-button .material-icons {
  margin-right: 0;
}.form-container {
  max-width: 50rem;
  max-width: calc(var(--op-space-large)*25);
  margin: auto;
}.form-block {
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  border: 1px solid hsl(131, 4%, 44%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-three);
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  margin: 2rem auto 4.8rem;
  margin: var(--op-space-large) auto calc(var(--op-space-3x-large) + var(--op-space-x-small));
  max-width: 40rem;
  max-width: calc(var(--op-space-3x-large)*10);
  padding: 0 4rem 2rem 4rem;
  padding: 0 var(--op-space-3x-large) var(--op-space-large) var(--op-space-3x-large);
}.form-label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.form-input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  width: 100%;
}.form-select {
  background: hsl(0deg 100% 100%);
  background: var(--op-color-white);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  height: 4rem;
  height: var(--op-space-3x-large);
}.form-select--small {
  width: 6rem;
  width: var(--op-space-4x-large);
}.form-actions {
  border-top: 2px solid hsl(131, 4%, 20%);
  border-top: var(--op-border-width-large) solid var(--op-color-neutral-plus-four);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  padding-top: 1.6rem;
  padding-top: var(--op-space-medium);
}.field_with_errors input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]) {
  border: 2px solid hsl(0, 99%, 52%);
  border: var(--op-border-width-large) solid var(--op-color-alerts-danger-minus-four);
}.error_message {
  color: hsl(0, 99%, 52%);
  color: var(--op-color-alerts-danger-minus-four);
}.input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  background-color: hsl(131, 4%, 18%);
  background-color: var(--op-color-neutral-plus-five);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 52%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-four);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  width: 100%;
}.input-group {
  display: flex;
}.input-group__prepend {
  display: flex;
  align-items: center;
  background-color: hsl(131, 4%, 18%);
  background-color: var(--op-color-neutral-plus-five);
  border-radius: 8px 0 0 8px;
  border-radius: var(--op-radius-large) 0 0 var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 52%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-four);
  border-right: none;
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  padding: 0 1.2rem;
  padding: 0 var(--op-space-small);
}.input--with-prepend {
  border-left: none;
  border-radius: 0 8px 8px 0;
  border-radius: 0 var(--op-radius-large) var(--op-radius-large) 0;
}.input__radio-btn {
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
  margin-right: 2rem;
  margin-right: var(--op-space-large);
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border: 0.4rem solid hsl(131, 4%, 88%);
  border: var(--op-space-2x-small) solid var(--op-color-neutral-minus-eight);
  border-top-color: hsl(131, 4%, 10%);
  border-top-color: var(--op-color-neutral-plus-eight);
  border-left-color: hsl(131, 4%, 10%);
  border-left-color: var(--op-color-neutral-plus-eight);
  background: hsl(0deg 100% 100%);
  background: var(--op-color-white);
  min-width: 1.6rem;
  min-width: var(--op-font-medium);
  min-height: 1.6rem;
  min-height: var(--op-font-medium);
  border-radius: 50%;
  padding: 0.8rem !important;
  padding: var(--op-space-x-small) !important;
}.input__radio-btn:checked {
  border: 0.4rem solid hsl(131, 65%, 38%);
  border: var(--op-space-2x-small) solid var(--op-color-primary-base);
}.input--with-suggestions {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}.input-suggestions {
  background: hsl(0deg 100% 100%);
  background: var(--op-color-white);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  border-bottom-left-radius: 8px;
  border-bottom-left-radius: var(--op-radius-large);
  border-bottom-right-radius: 8px;
  border-bottom-right-radius: var(--op-radius-large);
  color: hsl(131, 4%, 10%);
  color: var(--op-color-neutral-plus-eight);
}.input-suggestions--empty {
  border: none;
  background: none;
}.input-suggestion {
  cursor: pointer;
  padding: 0.4rem 0.8rem;
  padding: var(--op-space-2x-small) var(--op-space-x-small);
}.input-suggestion:hover {
  background-color: hsl(131, 4%, 88%);
  background-color: var(--op-color-neutral-minus-eight);
}.input-suggestion--active {
  background-color: hsl(131, 4%, 88%);
  background-color: var(--op-color-neutral-minus-eight);
}.alert {
  position: relative;
  padding: 1.2rem 1.6rem;
  padding: var(--op-space-small) var(--op-space-medium);
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
  border: 2px solid transparent;
  border: var(--op-border-width-large) solid transparent;
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}.alert.alert--error {
  color: hsl(0, 99%, 4%);
  color: var(--op-color-alerts-danger-on-minus-eight);
  background-color: hsl(0, 99%, 88%);
  background-color: var(--op-color-alerts-danger-minus-eight);
  border-color: hsl(0, 99%, 80%);
  border-color: var(--op-color-alerts-danger-minus-seven);
}.alert.alert--warning {
  color: hsl(47, 100%, 12%);
  color: var(--op-color-alerts-warning-on-minus-eight);
  background-color: hsl(47, 100%, 88%);
  background-color: var(--op-color-alerts-warning-minus-eight);
  border-color: hsl(47, 100%, 80%);
  border-color: var(--op-color-alerts-warning-minus-seven);
}.alert.alert--notice {
  color: hsl(131, 65%, 2%);
  color: var(--op-color-alerts-notice-on-minus-eight);
  background-color: hsl(131, 65%, 88%);
  background-color: var(--op-color-alerts-notice-minus-eight);
  border-color: hsl(131, 65%, 80%);
  border-color: var(--op-color-alerts-notice-minus-seven);
}.alert.alert--info {
  color: hsl(216, 58%, 4%);
  color: var(--op-color-alerts-info-on-minus-eight);
  background-color: hsl(216, 58%, 88%);
  background-color: var(--op-color-alerts-info-minus-eight);
  border-color: hsl(216, 58%, 80%);
  border-color: var(--op-color-alerts-info-minus-seven);
}.alert--info--link {
  color: hsl(216, 58%, 40%);
  color: var(--op-color-alerts-info-minus-two);
}.alert--info--link:hover {
  color: 48%;
  color: var(--op-color-alerts-info-l);
}.card {
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  padding: 2rem;
  padding: var(--op-space-large);
  width: 100%;
  background: hsl(131, 4%, 24%);
  background: var(--op-color-neutral-plus-three);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-three);
}.card--with-form {
  padding: 2rem 0.8rem;
  padding: var(--op-space-large) calc(var(--op-space-large) - var(--op-space-small));
}.card--no-flex {
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  padding: 2rem;
  padding: var(--op-space-large);
  width: 100%;
  background: hsl(131, 4%, 24%);
  background: var(--op-color-neutral-plus-three);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-three);
}.card-footer--actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}.flash {
  z-index: 950;
  z-index: var(--op-z-index-alert-group);
  position: fixed;
  padding: 1.2rem 1.6rem;
  padding: var(--op-space-small) var(--op-space-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
  border: 2px solid transparent;
  border: var(--op-border-width-large) solid transparent;
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  max-width: --nm-space-flash-message-width;
  font-size: 1.6rem;
  font-size: var(--op-space-medium);
  animation: animateMessage 9s normal forwards;
}@keyframes animateMessage {
  0% {
    right: -100%;
  }
  10% {
    right: 1rem;
  }
  90% {
    right: 1rem;
  }
  100% {
    right: -100%;
  }
}.flash--notice {
  color: hsl(131, 65%, 2%);
  color: var(--op-color-alerts-notice-on-minus-eight);
  background-color: hsl(131, 65%, 88%);
  background-color: var(--op-color-alerts-notice-minus-eight);
  border-color: hsl(131, 65%, 80%);
  border-color: var(--op-color-alerts-notice-minus-seven);
}.flash--info {
  color: hsl(216, 58%, 4%);
  color: var(--op-color-alerts-info-on-minus-eight);
  background-color: hsl(216, 58%, 88%);
  background-color: var(--op-color-alerts-info-minus-eight);
  border-color: hsl(216, 58%, 80%);
  border-color: var(--op-color-alerts-info-minus-seven);
}.flash--alert, .flash--error, .flash--recaptcha_error {
  color: hsl(0, 99%, 4%);
  color: var(--op-color-alerts-danger-on-minus-eight);
  background-color: hsl(0, 99%, 88%);
  background-color: var(--op-color-alerts-danger-minus-eight);
  border-color: hsl(0, 99%, 80%);
  border-color: var(--op-color-alerts-danger-minus-seven);
  animation: animateMessage 15s normal forwards;
}.flash--warning {
  color: hsl(47, 100%, 12%);
  color: var(--op-color-alerts-warning-on-minus-eight);
  background-color: hsl(47, 100%, 88%);
  background-color: var(--op-color-alerts-warning-minus-eight);
  border-color: hsl(47, 100%, 80%);
  border-color: var(--op-color-alerts-warning-minus-seven);
  animation: animateMessage 15s normal forwards;
}label {
  display: inline-block;
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}label:hover {
  cursor: pointer;
}[type=checkbox] {
  cursor: pointer;
}.form__label {
  padding-bottom: 0.8rem;
  padding-bottom: var(--op-space-x-small);
  margin-bottom: 0;
  line-height: 1.5;
  line-height: var(--op-line-height-base);
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  font-weight: 400;
  letter-spacing: 0.4px;
}.form__input {
  height: auto;
  display: block;
  width: 100%;
  padding: 0.8rem 1.2rem;
  padding: var(--op-space-x-small) var(--op-space-small);
  line-height: 1.5;
  line-height: var(--op-line-height-base);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  background-color: hsl(131, 4%, 18%);
  background-color: var(--op-color-neutral-plus-five);
  border: 1px solid hsl(131, 4%, 52%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-four);
  will-change: border-color, box-shadow;
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  box-shadow: none;
}.form__input:focus {
  color: hsl(131, 4%, 98%);
  color: var(--op-color-neutral-on-minus-two);
  outline: 0;
  border-color: hsl(131, 4%, 40%);
  border-color: var(--op-color-neutral-minus-two);
}.form__input:disabled {
  cursor: not-allowed;
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  background-color: hsl(131, 4%, 18%);
  background-color: var(--op-color-neutral-plus-five);
  opacity: 0.4;
  opacity: var(--op-opacity-disabled-form);
}.form__input--small {
  max-width: 10rem;
}.form__dropdown {
  padding: 0.8rem 1.2rem;
  padding: var(--op-space-x-small) var(--op-space-small);
  line-height: 1.5;
  line-height: var(--op-line-height-base);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  outline: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI5IDE0IiB3aWR0aD0iMjkiPjxwYXRoIGZpbGw9IiNkMWQxZDEiIGQ9Ik05LjM3NzI3IDMuNjI1bDUuMDgxNTQgNi45MzUyM0wxOS41NDAzNiAzLjYyNSIvPjwvc3ZnPgo=") center right no-repeat;
  background-color: hsl(131, 4%, 18%);
  background-color: var(--op-color-neutral-plus-five);
  border: 1px solid hsl(131, 4%, 52%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-four);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  display: inline-block;
  width: 100%;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}.form__dropdown:hover:not(:focus):not(:disabled) {
  cursor: pointer;
  border-color: hsl(131, 4%, 40%);
  border-color: var(--op-color-neutral-minus-two);
}.form__dropdown:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  opacity: var(--op-opacity-disabled-form);
  color: hsl(131, 4%, 68%);
  color: var(--op-color-neutral-on-plus-three-alt);
}.form__dropdown:focus {
  border-color: hsl(131, 4%, 40%);
  border-color: var(--op-color-neutral-minus-two);
  outline: 0;
}.form__navigation-dropdown {
  background: hsl(0deg 0% 0%) url(/assets/dropdown-5e03e977732545793962ba85804f2a78d6635d62ffa36d2e70677b819dfa31eb.svg) no-repeat right 3px center;
  background: var(--op-color-black) url(/assets/dropdown-5e03e977732545793962ba85804f2a78d6635d62ffa36d2e70677b819dfa31eb.svg) no-repeat right 3px center;
  border: none;
  border-bottom: 1px solid hsl(131, 4%, 40%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-minus-two);
  border-radius: 0;
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  text-align: right;
  padding: 0;
  padding-right: 2.4rem;
  padding-right: var(--op-space-x-large);
  display: block;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}@media screen and (max-width: 512px) {
  .form__navigation-dropdown {
    max-width: 340px;
  }
}.form__navigation-dropdown--borderless {
  background-color: transparent;
  border: none;
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
}.form__navigation-dropdown--borderless option:checked {
  padding-right: 1.2rem;
  padding-right: var(--op-space-small);
  padding-left: 1.2rem;
  padding-left: var(--op-space-small);
}.form__navigation-dropdown--xl {
  font-size: 2.4rem;
  font-size: var(--op-font-2x-large);
}.form__navigation-dropdown--lg {
  font-size: 2rem;
  font-size: var(--op-font-x-large);
}.form__group {
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  text-align: left;
  width: 100%;
  flex: 1 1 24ch;
}.form__group.date label {
  display: block;
}.form__group.date label.flex {
  display: flex;
}.form__group.date select.date {
  display: inline-block;
  height: 4.2rem;
  height: calc(var(--op-space-3x-large) + var(--op-space-3x-small));
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  width: auto;
}.form__checkbox {
  display: inline-block;
  width: auto;
  margin: 1.2rem 1.2rem 1.2rem 0;
  margin: var(--op-space-small) var(--op-space-small) var(--op-space-small) 0;
}.form__radio {
  margin: 1.2rem 1.2rem 1.2rem 0;
  margin: var(--op-space-small) var(--op-space-small) var(--op-space-small) 0;
}.form__hint {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-style: italic;
  display: block;
}.error_explanation {
  background-color: hsl(0, 99%, 88%);
  background-color: var(--op-color-alerts-danger-minus-eight);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(0, 99%, 80%);
  border: var(--op-border-width) solid var(--op-color-alerts-danger-minus-seven);
  color: hsl(0, 99%, 4%);
  color: var(--op-color-alerts-danger-on-minus-eight);
  margin-bottom: 2.4rem;
  margin-bottom: var(--op-space-x-large);
  padding: 2.4rem;
  padding: var(--op-space-x-large);
}.error_explanation h2 {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.error_explanation ul {
  margin-bottom: 0;
}.form__error {
  padding: 0.4rem 0.8rem;
  padding: var(--op-space-2x-small) var(--op-space-x-small);
  color: hsl(0, 99%, 2%);
  color: var(--op-color-alerts-danger-on-minus-five);
  border-radius: 2px;
  border-radius: var(--op-radius-small);
  background: hsl(0, 99%, 64%);
  background: var(--op-color-alerts-danger-minus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.form__input--error input {
  box-shadow: inset 0 0 0 1px hsl(0, 99%, 64%);
  box-shadow: inset 0 0 0 1px var(--op-color-alerts-danger-minus-five);
}.form__toggle {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}.form__toggle i {
  box-shadow: inset 0 0 0.4rem hsl(0deg 0% 0%);
  box-shadow: inset 0 0 var(--op-space-2x-small) var(--op-color-black);
  position: relative;
  display: inline-block;
  margin-right: 0.8rem;
  margin-right: var(--op-space-x-small);
  width: 4.4rem;
  width: calc(var(--op-space-3x-large) + var(--op-space-2x-small));
  height: 2.4rem;
  height: var(--op-space-x-large);
  border-radius: 2.4rem;
  border-radius: var(--op-space-x-large);
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}.form__toggle i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 4rem;
  width: var(--op-space-3x-large);
  height: 2rem;
  height: var(--op-space-large);
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}.form__toggle i::after {
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 var(--op-space-2x-small) rgba(0, 0, 0, 0.5);
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  content: "";
  height: 2rem;
  height: var(--op-space-large);
  left: 0;
  position: absolute;
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
  width: 2rem;
  width: var(--op-space-large);
}.form__toggle input {
  display: none;
}.form__toggle input:checked + i {
  background-color: hsl(131, 65%, 38%);
  background-color: var(--op-color-primary-base);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}.form__toggle input:checked + i::after {
  background-color: hsl(131, 65%, 38%);
  background-color: var(--op-color-primary-base);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  transform: translate3d(22px, 2px, 0);
}.field_group {
  margin-bottom: 2.4rem;
  margin-bottom: var(--op-space-x-large);
}table.table {
  width: 100%;
  border-collapse: collapse;
}table.table thead {
  background: hsl(131, 4%, 88%);
  background: var(--op-color-neutral-minus-eight);
}table.table tr {
  background: hsl(131, 4%, 26%);
  background: var(--op-color-neutral-plus-two);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-two);
}table.table th {
  padding: 1.2rem 1.6rem;
  padding: var(--op-space-small) var(--op-space-medium);
  text-align: left;
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
  font-weight: 500;
  position: sticky;
  top: 0;
}table.table th:first-child {
  border-top-left-radius: 8px;
  border-top-left-radius: var(--op-radius-large);
}table.table th:last-child {
  border-top-right-radius: 8px;
  border-top-right-radius: var(--op-radius-large);
}table.table td {
  padding: 1.2rem 1.6rem;
  padding: var(--op-space-small) var(--op-space-medium);
  border-bottom: 1px solid hsl(131, 4%, 88%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
}@media only screen and (max-width: 768px) {
  table.table--responsive-stacking {
    display: block;
  }
  table.table--responsive-stacking table, table.table--responsive-stacking thead, table.table--responsive-stacking tbody, table.table--responsive-stacking th, table.table--responsive-stacking td, table.table--responsive-stacking tr {
    display: block;
  }
  table.table--responsive-stacking thead tr {
    display: none;
  }
  table.table--responsive-stacking tr {
    border: 1px solid hsl(131, 4%, 88%);
    border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
    margin-bottom: 1.2rem;
    margin-bottom: var(--op-space-small);
  }
  table.table--responsive-stacking td {
    border: none;
    border-bottom: 1px solid hsl(131, 4%, 88%);
    border-bottom: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
    position: relative;
    text-align: right;
    word-wrap: break-word;
  }
  table.table--responsive-stacking td:last-child {
    display: flex;
    justify-content: flex-end;
  }
  table.table--responsive-stacking td::before {
    position: absolute;
    top: 1.2rem;
    top: var(--op-space-small);
    left: 120px;
    white-space: nowrap;
    margin-left: -105px;
    text-align: left;
    color: hsl(131, 4%, 88%);
    color: var(--op-color-neutral-on-plus-eight);
    content: attr(data-column);
  }
}.video-wrapper {
  height: 382px;
  margin: auto;
  padding-top: 2.4rem;
  padding-top: var(--op-space-x-large);
  position: relative;
  width: 680px;
}@media (max-width: 511.98px) {
  .video-wrapper {
    height: 324px;
    max-width: 576px;
    width: 100%;
  }
}.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}.video-card--help {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 0 1 30%;
}.video-container--help {
  height: 196px;
  margin: auto;
  padding-top: 2.4rem;
  padding-top: var(--op-space-x-large);
  position: relative;
  width: 310px;
}.athletes-link__wrapper {
  margin: 1.6rem auto;
  margin: var(--op-space-medium) auto;
  max-width: 750px;
}.athletes-link__athlete-info {
  display: flex;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-bottom: 0;
  margin-right: 0.4rem;
  margin-right: var(--op-space-2x-small);
}.athletes-link__athlete-photo {
  display: none;
  height: 4rem;
  height: var(--op-space-3x-large);
  margin: 0.4rem 1.2rem 0 0;
  margin: var(--op-space-2x-small) var(--op-space-small) 0 0;
  width: 4rem;
  width: var(--op-space-3x-large);
  margin-top: 0;
}.athletes-link__athlete-photo--blank {
  display: none;
  height: 4rem;
  height: var(--op-space-3x-large);
  margin: 0.4rem 1.2rem 0 0;
  margin: var(--op-space-2x-small) var(--op-space-small) 0 0;
  width: 4rem;
  width: var(--op-space-3x-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  margin-top: 0;
}.athlete-form__radio-group {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.athlete-form__radio {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.qualified-athletes__description {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding-top: 2rem;
  padding-top: var(--op-space-large);
}.qualified-athletes__types {
  padding-top: 2rem;
  padding-top: var(--op-space-large);
}.qualified-athletes__header {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  display: grid;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  grid-template-columns: 2fr 1fr 1fr 1fr 3fr 0.5fr;
}.qualified-athletes__athlete {
  display: grid;
  padding: 0.8rem 1.2rem;
  padding: var(--op-space-x-small) var(--op-space-small);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  grid-template-columns: 2fr 1fr 1fr 1fr 3fr 0.5fr;
  background-color: hsl(131, 4%, 8%);
  background-color: var(--op-color-neutral-plus-max);
}.qualified-athletes__athlete:nth-of-type(odd) {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
}.athletes__profile-photo img {
  border-radius: 50%;
}.athletes__profile-photo .material-icons {
  font-size: 4.2em;
}.athletes__accordion .list-item-section {
  margin-bottom: 0;
}.athletes__accordion .event-page__entity {
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  margin: 1.2rem 0;
  margin: var(--op-space-small) 0;
}.athletes__accordion .event-page__entity .event__name {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.entity__detail {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.entity__name {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
}.header--leaderboard {
  background-color: hsl(230, 48%, 26%);
  background-color: var(--nm-color-awg-logo);
  width: 100%;
  display: flex;
}.header--leaderboard > * {
  padding: 0.5rem;
  white-space: nowrap;
  flex: 1 1;
  display: flex;
  justify-content: center;
}@media (max-width: 767.98px) {
  .header--leaderboard > *:nth-of-type(1) {
    flex: 0 1 115px;
  }
  .header--leaderboard > *:nth-of-type(2) {
    flex: 0 1 121px;
  }
}@media (max-width: 511.98px) {
  .header--leaderboard > *:nth-of-type(1) {
    flex: 0 1 4.5rem;
  }
  .header--leaderboard > *:nth-of-type(2) {
    flex: 0 1 5.3rem;
  }
  .header--leaderboard > * .display--none {
    display: inherit;
  }
}.header--leaderboard > * span {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}@media (max-width: 511.98px) {
  .header--leaderboard > * span {
    font-size: 1.2rem;
    font-size: var(--op-font-x-small);
  }
}.header--title {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  text-align: center;
}@media (max-width: 511.98px) {
  .header--title {
    font-size: 2.4rem;
    font-size: var(--op-font-2x-large);
  }
}.header--subtitle {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  text-align: center;
}.row--leaderboard {
  display: flex;
  background-color: hsl(0, 99%, 24%);
  background-color: var(--op-color-alerts-danger-plus-two);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  width: 100%;
}.row--leaderboard:nth-of-type(odd) {
  background-color: hsl(0, 99%, 40%);
  background-color: var(--op-color-alerts-danger-minus-two);
}.row--leaderboard > * {
  padding: 0.5rem 0.5rem 0.25rem;
}@media (max-width: 511.98px) {
  .row--leaderboard {
    font-size: 1.6rem;
    font-size: var(--op-font-medium);
  }
}.points-summary__text--lg {
  display: flex;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  flex-grow: 1;
  text-align: left;
  white-space: normal;
  color: hsl(131, 4%, 98%);
  color: var(--op-color-neutral-on-minus-three-alt);
}.points-summary__text--lg:nth-of-type(even) {
  justify-content: flex-end;
}.points-summary__text--sm {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  text-align: left;
  white-space: normal;
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-seven);
}.points-summary__text--sm:nth-of-type(1) {
  padding-right: 1.6rem;
  padding-right: var(--op-space-medium);
}.points-summary__event {
  flex-direction: column;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid hsl(131, 4%, 64%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-minus-five);
}.change-contestant__modal-container {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 5;
}.change-contestant__modal-background {
  background-color: hsl(0deg 100% 100%);
  background-color: var(--op-color-white);
  opacity: 0.2;
  height: 100%;
  width: 100%;
}.change-contestant__modal {
  background: hsl(0deg 0% 0%);
  background: var(--op-color-black);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  left: 0;
  margin: 4rem auto 1.6rem;
  margin: var(--op-space-3x-large) auto var(--op-space-medium);
  max-width: 30rem;
  max-width: calc(var(--op-space-large)*15);
  padding: 1.6rem;
  padding: var(--op-space-medium);
  position: absolute;
  right: 0;
  top: 2rem;
  top: var(--op-space-large);
}@media screen and (max-width: 512px) {
  .change-contestant__modal {
    margin: 0 1.6rem;
    margin: 0 var(--op-space-medium);
  }
}.change-contestant__modal-content {
  max-height: 40rem;
  max-height: calc(var(--op-space-3x-large)*10);
  overflow: scroll;
}.change-contestant__modal-header {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  text-align: center;
}.contestant-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.4rem;
  gap: var(--op-space-2x-small);
}.contestant__name {
  display: block;
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  font-weight: 500;
  grid-column: 1;
  grid-area: name;
}.contestant__prefix {
  display: block;
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  font-weight: 500;
  grid-area: name;
}.contestant__display-name {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-left: 0.8rem;
  margin-left: var(--op-space-x-small);
}.contestant__tags {
  display: block;
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-bottom: 0.4rem;
  margin-bottom: var(--op-space-2x-small);
}.contestant__tags--tag {
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  padding: 0.4rem;
  padding: var(--op-space-2x-small);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  margin: 0 0.2rem;
  margin: 0 var(--op-space-3x-small);
}.contestant__recap .contestant__tags {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.contestant__details {
  --image-width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
}.contestant__details .athletes__profile-photo {
  position: absolute;
  left: 0;
  bottom: 0;
}.contestant__details .athletes__profile-photo img {
  border-radius: 16px;
  border-radius: var(--op-radius-2x-large);
  border: solid 2px hsl(131, 4%, 24%);
  border: solid var(--op-border-width-large) var(--op-color-neutral-plus-three);
  width: var(--image-width);
  height: var(--image-width);
}.contestant__list-item-section {
  display: flex;
  flex: 1 1 60%;
  gap: 1.2rem;
  gap: var(--op-space-small);
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}.contestant__list-item-section.end {
  justify-content: end;
  flex: 1 1 40%;
}.contestant__list-name {
  flex: 1 1;
}.contestant__membership-info {
  flex: none;
}.contestant__effective-date {
  display: flex;
  flex-direction: column;
}.contestant__effective-date .update-error {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  color: hsl(0, 99%, 98%);
  color: var(--op-color-alerts-danger-on-base);
}.contestant__effective-date-input {
  display: flex;
  flex: none;
  align-items: center;
}.contestant__effective-date-input label {
  flex: none;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  margin: 0;
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.contestant__effective-date-input input {
  height: auto;
}.contestant__effective-date-input button {
  display: flex;
  align-items: center;
}.contestant__membership-actions {
  display: flex;
  flex: none;
  text-align: right;
}.contestant__membership-actions a {
  display: flex;
  align-items: center;
}.course-time-limit__wrapper {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border: none;
  font-family: "Roboto Mono", monospace;
  font-family: var(--op-font-family-mono);
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  max-width: 113px;
}.course-time-limit__input {
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border: none;
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
  outline: none;
  padding-right: 0.4rem;
  padding-right: var(--op-space-2x-small);
  text-align: right;
  width: 4rem;
  width: var(--op-space-3x-large);
}.course-time-limit__input-separator {
  position: relative;
  left: 3px;
}.course-form__credit-label {
  color: white;
  position: relative;
  bottom: 0.8rem;
  bottom: var(--op-space-x-small);
  margin-left: 1rem;
}.course-form__credit-info {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  padding: 1.2rem;
  padding: var(--op-space-small);
  position: absolute;
  width: 100%;
  word-wrap: break-word;
}.course-form__credit-container {
  position: relative;
}.course-form__credit-info-close {
  display: block;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  padding-top: 1.6rem;
  padding-top: var(--op-space-medium);
  margin: 0 auto;
}.course-run {
  margin: auto;
  max-width: 70rem;
  max-width: calc(var(--op-space-large)*35);
  padding-top: 1.6rem;
  padding-top: var(--op-space-medium);
}.course-run__back-link {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
  position: absolute;
  left: 2rem;
  left: var(--op-space-large);
  top: 2rem;
  top: var(--op-space-large);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.course-run__back-link:visited {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
}.course-run__contestant-info {
  display: flex;
  justify-content: center;
  height: 100%;
}.course-run__contestant-name {
  background: none;
  border: none;
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  text-align: center;
}.course-run__points {
  background: none;
  border: none;
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  text-align: center;
}.course-run__points::before {
  color: hsl(131, 4%, 100%);
  color: var(--op-color-neutral-on-plus-one);
  content: "Points";
  display: block;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  text-transform: uppercase;
}.course-run__next-contestant {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  display: block;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-top: 0.2rem;
  margin-top: var(--op-space-3x-small);
  text-align: center;
}.course-run__timer-wrapper {
  margin-bottom: 4.8rem;
  margin-bottom: calc(var(--op-space-3x-large) + var(--op-space-x-small));
}.course-run__timer, .course-run__timer--overtime {
  font-family: "Roboto Mono", monospace;
  font-size: 4.8rem;
  font-size: calc(var(--op-font-4x-large) + var(--op-font-medium));
  font-weight: 700;
  position: relative;
  text-align: center;
}.course-run__timer--overtime {
  color: hsl(0, 99%, 52%);
  color: var(--op-color-alerts-danger-minus-four);
}.course-run__timer-buttons {
  display: flex;
  justify-content: center;
}.course-run__obstacle {
  background: hsl(131, 4%, 10%);
  background: var(--op-color-neutral-plus-eight);
  margin: 1.6rem 1.6rem 0;
  margin: var(--op-space-medium) var(--op-space-medium) 0;
  padding: 2rem 1.6rem;
  padding: var(--op-space-large) var(--op-space-medium);
}.course-run__next-obstacle-container {
  margin-top: 4.8rem;
  margin-top: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  min-height: 4.8rem;
  min-height: calc(var(--op-space-3x-large) + var(--op-space-x-small));
}.course-run__next-obstacle-title {
  color: hsl(131, 4%, 68%);
  color: var(--op-color-neutral-on-plus-three-alt);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-weight: 400;
  margin: auto;
  max-width: 30rem;
  max-width: calc(var(--op-space-large)*15);
  text-transform: uppercase;
}.course-run__next-obstacle-name {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  font-weight: 700;
  margin: auto;
  max-width: 30rem;
  max-width: calc(var(--op-space-large)*15);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.course-run__obstacle-title {
  color: hsl(131, 4%, 68%);
  color: var(--op-color-neutral-on-plus-three-alt);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin: auto;
  max-width: 30rem;
  max-width: calc(var(--op-space-large)*15);
  text-transform: uppercase;
}.course-run__obstacle-name {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  margin: auto;
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
  max-width: 30rem;
  max-width: calc(var(--op-space-large)*15);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.course-run__default-buttons {
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 310px;
  padding-top: 1.6rem;
  padding-top: var(--op-space-medium);
  gap: 1.6rem;
  gap: var(--op-space-medium);
}.course-run__obstacle--disabled {
  opacity: 0.5;
}.course-run__obstacle-buttons .obstacle-option, .course-run__obstacle-buttons .obstacle-missed,
.course-run__obstacle-buttons .obstacle-cleared,
.course-run__obstacle-buttons .obstacle-retry,
.course-run__obstacle-buttons .obstacle-moveon {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
  padding: 1.6rem 0 1.6rem;
  padding: var(--op-space-medium) 0 var(--op-space-medium);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}.course-run__obstacle-buttons .obstacle-option:hover, .course-run__obstacle-buttons .obstacle-missed:hover,
.course-run__obstacle-buttons .obstacle-cleared:hover,
.course-run__obstacle-buttons .obstacle-retry:hover,
.course-run__obstacle-buttons .obstacle-moveon:hover {
  background-color: hsl(131, 65%, 14%);
  background-color: var(--op-color-primary-plus-eight);
  color: hsl(131, 65%, 88%);
  color: var(--op-color-primary-on-plus-eight);
}.course-run__obstacle-buttons .default-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
  align-items: center;
  gap: 1.6rem;
  gap: var(--op-space-medium);
  max-width: 410px;
  margin: auto;
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.course-run__obstacle-buttons .default-container .btn {
  width: 48%;
}.course-run__obstacle-buttons .options-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  gap: var(--op-space-medium);
  max-width: 410px;
  margin: auto;
}.course-run__obstacle-buttons .obstacle-missed,
.course-run__obstacle-buttons .obstacle-cleared,
.course-run__obstacle-buttons .obstacle-retry,
.course-run__obstacle-buttons .obstacle-moveon {
  width: 48%;
}.course-run__obstacle-buttons .obstacle-option {
  min-width: 110px;
  max-width: 100%;
  flex-grow: 3;
}.course-run__button--compact {
  min-width: auto;
  padding: 1.6rem 0.8rem 1.6rem 3.2rem;
  padding: var(--op-space-medium) var(--op-space-x-small) var(--op-space-medium) calc(var(--op-space-medium)*2);
  background-position-x: 0.4rem;
  background-position-x: var(--op-space-2x-small);
}.course-run__option-point-value {
  color: hsl(131, 65%, 38%);
  color: var(--op-color-primary-base);
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.course-run__next-emphasis {
  display: block;
  font-weight: 600;
  line-height: 1.6rem;
  line-height: var(--op-space-medium);
  text-align: right;
}.course-run__previous-emphasis {
  display: block;
  font-weight: 600;
  line-height: 1.6rem;
  line-height: var(--op-space-medium);
  text-align: left;
}.course-run__obstacle-count {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-top: 2rem;
  margin-top: var(--op-space-large);
  text-align: center;
}.course-run__time-limit {
  color: hsl(131, 4%, 100%);
  color: var(--op-color-neutral-on-plus-one);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  text-align: center;
}.course-run__time-limit span {
  font-family: "Roboto Mono", monospace;
  font-weight: 800;
}.course-run__missing-wrapper {
  min-height: 60px;
}.course-run__missing-obstacles {
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  border: 1px solid hsl(131, 4%, 20%);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.loading-indicator {
  display: inline-block;
  cursor: default;
  vertical-align: middle;
  background: url(/assets/spinner-0ee66a06454ae192a12a4118507edafe2932da7571623e9ae3ed9f50da165e5a.svg) no-repeat center;
  background-size: 4rem;
  background-size: var(--op-space-3x-large);
}.wave-selection-panel {
  width: 30rem;
  width: calc(var(--op-space-large)*15);
}.wave-selection-panel__choice {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
}.wave-selection-panel__label {
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
  margin-bottom: 0;
}.deleted-runs-link {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.derived-leader-board-form__course-replacement-select {
  flex: 1 1;
}.duplicate-event-option {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.duplicate-event-option--tag {
  margin-left: 1.6rem;
  margin-left: var(--op-space-medium);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.duplicate-event-option--check-box {
  float: left;
  width: 2rem;
  width: var(--op-space-large);
  height: 2rem;
  height: var(--op-space-large);
}.event-page__contestant-name-input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  padding: 0.4rem;
  padding: var(--op-space-2x-small);
}.edit-timer {
  padding: 0.4rem 0 0.8rem;
  padding: var(--op-space-2x-small) 0 var(--op-space-x-small);
}.edit-timer__wrapper {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border: none;
  font-family: "Roboto Mono", monospace;
  font-family: var(--op-font-family-mono);
  font-size: 4.4rem;
  font-size: calc(var(--op-font-4x-large) + var(--op-font-x-small));
  line-height: 0;
  margin: auto;
  max-width: 260px;
  padding: 0 1.2rem;
  padding: 0 var(--op-space-small);
}.edit-timer__wrapper-small {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border: none;
  font-family: "Roboto Mono", monospace;
  font-family: var(--op-font-family-mono);
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  line-height: 0;
  margin: 0;
  padding: 0.8rem 1.2rem;
  padding: var(--op-space-x-small) var(--op-space-small);
  width: 130px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}.edit-timer__wrapper-small .edit-timer__input {
  width: 2.4rem;
  width: var(--op-space-x-large);
}.edit-timer__input {
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border: none;
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
  outline: none;
  padding: 0;
  width: 6rem;
  width: var(--op-space-4x-large);
}.edit-timer__actions {
  display: flex;
  justify-content: space-between;
  margin: 2rem auto 0;
  margin: var(--op-space-large) auto 0;
  max-width: 260px;
}.edit-timer__cancel {
  width: 40%;
}.edit-timer__submit {
  width: 50%;
}.event-contestant__edit {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}.event-contestant__form {
  max-width: 420px;
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.event-contestant__label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}.event-contestant__spacing-label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  height: 2.4rem;
  height: var(--op-space-x-large);
}.event-contestant__input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  max-width: 420px;
  width: 100%;
}.randomize-order-button {
  margin: 0 0 1.6rem;
  margin: 0 0 var(--op-space-medium);
}.event-contestants {
  list-style: none;
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  padding: 0;
}.event-contestant {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  display: flex;
  align-items: center;
}.event-contestant__photo {
  display: none;
  height: 4rem;
  height: var(--op-space-3x-large);
  margin: 0.4rem 1.2rem 0 0;
  margin: var(--op-space-2x-small) var(--op-space-small) 0 0;
  width: 4rem;
  width: var(--op-space-3x-large);
}.event-contestant__photo--blank {
  display: none;
  height: 4rem;
  height: var(--op-space-3x-large);
  margin: 0.4rem 1.2rem 0 0;
  margin: var(--op-space-2x-small) var(--op-space-small) 0 0;
  width: 4rem;
  width: var(--op-space-3x-large);
  border: 1px solid hsl(131, 4%, 20%);
  border: var(--op-border-width) solid var(--op-color-neutral-plus-four);
}.event-contestant__name {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.event-contestant__flex--name {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 4.8rem;
  min-height: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  line-height: 1;
}.event-contestant__status, .event-contestant__status--with-label, .event-contestant__status--green {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin: 0.4rem 1.2rem 0 0;
  margin: var(--op-space-2x-small) var(--op-space-small) 0 0;
}.event-contestant__status--green {
  color: hsl(131, 65%, 38%);
  color: var(--op-color-primary-base);
}.event-contestant__status--with-label {
  text-align: center;
}.event-contestant__details {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
}.name-input-fields {
  display: flex;
}.entity__actions--edit {
  align-self: flex-end;
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.event-contestants-sort__instructions {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-style: italic;
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
}.event-form__label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  text-transform: capitalize;
}.separation-line {
  border-bottom: 2px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width-large) solid var(--op-color-neutral-plus-four);
  padding-top: 2rem;
  padding-top: var(--op-space-large);
  width: 100%;
}.white-separation-line {
  border-bottom: 2px solid white;
  border-bottom: var(--op-border-width-large) solid white;
  padding-top: 2rem;
  padding-top: var(--op-space-large);
  width: 100%;
}.event-form__virtual-description {
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
  padding: 0.8rem 1.6rem;
  padding: var(--op-space-x-small) var(--op-space-medium);
}.event-form__banner-preview {
  max-width: 20rem;
  max-width: calc(var(--op-space-large)*10);
  text-align: center;
}.event-form__banner-preview img {
  max-width: 100%;
  max-height: 250px;
}.event-form__banner-controls {
  display: flex;
  align-items: center;
}.event-form__banner-controls-input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.event-form__banner-controls-input label {
  margin: 0;
}.event-form__banner-selected-file {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  word-break: break-all;
}.nav__tabs {
  display: flex;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 2rem 0 1.6rem 0;
  margin: var(--op-space-large) 0 var(--op-space-medium) 0;
  padding-bottom: 0.4rem;
  padding-bottom: var(--op-space-2x-small);
}.nav__tab-link, .nav__tab-link--active {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  text-align: center;
}.nav__tab-link:hover, .nav__tab-link--active:hover {
  background: none;
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
}.nav__tab-link:visited, .nav__tab-link--active:visited {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
}.nav__tab-link--active {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  margin-bottom: -var(--op-space-2x-small);
}.nav__tab-link--active:visited {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
}.event-nav__button-wrapper {
  margin-left: auto;
  margin-top: -0.2rem;
  margin-top: calc((var(--op-space-2x-small) - 0.2rem)*-1);
}.nav__tab {
  display: flex;
  margin: 0 0.4rem;
  margin: 0 var(--op-space-2x-small);
  padding: 0.4rem 1.2rem;
  padding: var(--op-space-2x-small) var(--op-space-small);
}.nav__tabs-wrapper {
  box-shadow: inset 0 -2px 0 0 hsl(131, 4%, 16%);
  box-shadow: inset 0 calc(var(--op-border-width-large)*-1) 0 0 var(--op-color-neutral-plus-six);
}.nav__tab--active {
  display: flex;
  border-bottom: 2px solid hsl(131, 65%, 38%);
  border-bottom: var(--op-border-width-large) solid var(--op-color-primary-base);
  padding: 0.4rem 1.2rem;
  padding: var(--op-space-2x-small) var(--op-space-small);
}.event-nav .nav__tabs {
  display: flex;
}.event-nav .event-nav__dropdown {
  display: none;
}@media (max-width: 511.98px) {
  .event-nav .nav__tabs {
    display: none;
  }
  .event-nav .event-nav__dropdown {
    display: flex;
  }
}.event-nav--dropdown {
  background-color: hsl(131, 4%, 64%) !important;
  background-color: var(--op-color-neutral-minus-five) !important;
  border: none !important;
  color: hsl(131, 4%, 20%) !important;
  color: var(--op-color-neutral-on-minus-five) !important;
  padding: 1.2rem 2.4rem 1.2rem 1.2rem !important;
  padding: var(--op-space-small) var(--op-space-x-large) var(--op-space-small) var(--op-space-small) !important;
  margin: 1.6rem 0;
  margin: var(--op-space-medium) 0;
}/*
This is following slim structure is meant to be copied and the classes replaced
with the correct BEM classes for that page. Each class name here corresponds
with a mixin below.

.list
  .list-item
    .list-item-details
      .list-item-name Some name
      span.list-item-metadata Some meta (like a start date)
      span.list-item-metadata Some other metadata
    .list-item-actions
      = link_to 'Edit'
      = link_to 'Delete'
*/.event-page__section-header {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.event-page__section-header-wrapper {
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.event-page__entity {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}.event-page__entity:hover {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
}.event-page__entity--edit {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
  display: flex;
}.entity__details {
  flex: 1 1 50%;
  padding-top: 0.4rem;
  padding-top: var(--op-space-2x-small);
  flex: 1 1 50%;
  margin-top: -0.8rem;
  margin-top: calc(var(--op-space-x-small)*-1);
  margin-bottom: -0.8rem;
  margin-bottom: calc(var(--op-space-x-small)*-1);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
  cursor: pointer;
}.event-page__entity-name {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  display: flex;
  overflow: hidden;
  max-width: 750px;
  padding-top: 0.2rem;
  padding-top: var(--op-space-3x-small);
}.event-page__entity-details {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.event-page__course-link {
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.event-page__entity-link {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.event-page__link {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  padding-right: 1.6rem;
  padding-right: var(--op-space-medium);
}.event-page__event-actions {
  display: flex;
  gap: 1.2rem;
  gap: var(--op-space-small);
  align-items: center;
}.event-page__lock-indicator {
  border-bottom: 1px dotted white;
}.events__actions-icon {
  font-size: 1.7em;
  line-height: 1.3em;
}.event-dashboard {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: repeat(var(--nm-columns-event-dashboard), 1fr);
}.event-dashboard .nav__tabs {
  display: none;
}.event-dashboard .form-select, .event-dashboard .form__input {
  width: 100%;
  padding: 0 1.2rem;
  padding: 0 var(--op-space-small);
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  border: none;
  background-color: hsl(131, 4%, 18%);
  background-color: var(--op-color-neutral-plus-five);
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
}.event-dashboard .form__input {
  height: 3.6rem;
  height: calc(var(--op-space-x-large) + var(--op-space-small));
  background-color: hsl(131, 4%, 18%);
  background-color: var(--op-color-neutral-plus-five);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  width: 4.8rem;
  width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  margin: 0 0.8rem;
  margin: 0 var(--op-space-x-small);
}.event-dashboard__wave-select {
  width: 70%;
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
  white-space: pre-wrap;
  color: var(--op-color-primary);
  background-color: hsl(131, 4%, 36%);
  background-color: var(--op-color-neutral-minus-one);
  font-size: 1.8rem;
  font-size: var(--op-font-large);
  font-weight: bold;
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  height: 4rem;
  height: calc(var(--op-space-x-large) + var(--op-space-medium));
}.event-dashboard__wave-select__label {
  white-space: pre-wrap;
  margin-right: 1.6rem;
  margin-right: var(--op-space-medium);
  color: var(--op-color-primary);
  font-size: 1.8rem;
  font-size: var(--op-font-large);
  height: 4rem;
  height: calc(var(--op-space-x-large) + var(--op-space-medium));
}.event-dashboard__official {
  color: hsl(131, 65%, 38%);
  color: var(--op-color-primary-base);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-bottom: 0;
  text-align: center;
  text-align: right;
}.event-dashboard__course-link {
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.event-dashboard__link {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  padding-right: 1.6rem;
  padding-right: var(--op-space-medium);
}.event-dashboard__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
}.event-dashboard__back-link {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  display: inline-block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  text-align: left;
}.grid__panel {
  padding: 2.4rem;
  padding: var(--op-space-x-large);
  border-radius: 16px;
  border-radius: var(--op-radius-2x-large);
  margin: 0 1.2rem 1.2rem 1.2rem;
  margin: 0 var(--op-space-small) var(--op-space-small) var(--op-space-small);
}.event-dashboard__views {
  grid-column: 1/-1;
  display: grid;
  min-height: 40rem;
  min-height: calc(var(--op-space-3x-large)*10);
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: repeat(var(--nm-columns-event-dashboard), 1fr);
}.event-dashboard__filter-control {
  position: relative;
  z-index: 10;
}.event-dashboard__event-filter {
  display: flex;
}.event-dashboard__event-filter-text {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 1.2rem 0;
  margin: var(--op-space-small) 0;
}.event-dashboard__event-filter-link {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 1.2rem;
  margin: var(--op-space-small);
  text-decoration: underline;
}.event-dashboard__event {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  padding: 1.2rem 1.6rem;
  padding: var(--op-space-small) var(--op-space-medium);
  border-radius: 16px;
  border-radius: var(--op-radius-2x-large);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.event-dashboard__event .event-dashboard__event-date {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
}.event-dashboard__filter-control-click-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  overflow-y: scroll;
}.event-dashboard__filter-menu {
  position: absolute;
  top: 4rem;
  top: var(--op-space-3x-large);
  width: 30rem;
  width: calc(var(--op-space-large)*15);
  border-radius: 16px;
  border-radius: var(--op-radius-2x-large);
  right: 0;
  padding: 1.6rem;
  padding: var(--op-space-medium);
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-three);
  box-shadow: 0 4px 8px hsl(0deg 0% 0% / 15%), 0 1px 3px hsl(0deg 0% 0% / 3%);
  box-shadow: var(--op-shadow-medium);
}.event-dashboard__no-contestants {
  margin-top: 2.8rem;
  margin-top: var(--op-space-2x-large);
}.event-dashboard__registration-orders-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
}.event-dashboard__registration-orders-search-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
}.event-dashboard__registration-orders-search-input .form__input {
  width: 50%;
}.event-dashboard__registration-orders-export {
  display: flex;
  flex-direction: row;
  align-items: center;
}.event-dashboard__waiver-select__label {
  margin-right: 1.6rem;
  margin-right: var(--op-space-medium);
  margin-bottom: 0;
}.event-dashboard__waiver-select__require-signature {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.event-dashboard__combined-earned-points-contestants {
  margin-top: 4rem;
  margin-top: var(--op-space-3x-large);
}@media screen and (max-width: 768px) {
  .grid__panel {
    padding: 4rem;
    padding: var(--op-space-3x-large);
    grid-row: auto;
  }
  .event-dashboard {
    grid-template-columns: 100%;
    margin-left: -15px;
    margin-right: -15px;
  }
  .event-dashboard .nav__tabs-wrapper {
    display: flex;
    justify-content: center;
  }
  .event-dashboard .nav__tabs {
    border: none;
    display: flex;
    margin: 0;
    padding: 0.8rem;
    padding: var(--op-space-x-small);
    border-radius: 16px;
    border-radius: var(--op-radius-2x-large);
    background: hsl(131, 4%, 16%);
    background: var(--op-color-neutral-plus-six);
  }
  .event-dashboard .nav__tab {
    align-items: center;
    margin: 0;
  }
  .event-dashboard .nav__tab-link {
    color: hsl(131, 4%, 88%);
    color: var(--op-color-neutral-on-plus-eight);
    white-space: nowrap;
    margin: 0;
  }
  .event-dashboard .nav__tab-link--active {
    margin: 0;
  }
  .event-dashboard .nav__tab--active {
    display: flex;
    align-items: center;
    color: hsl(131, 4%, 88%);
    color: var(--op-color-neutral-on-plus-three);
    border-radius: 16px;
    border-radius: var(--op-radius-2x-large);
    background-color: hsl(131, 4%, 24%);
    background-color: var(--op-color-neutral-plus-three);
    padding: 0.4rem 0.4rem;
    padding: var(--op-space-2x-small) var(--op-space-2x-small);
    margin: 0;
    border: none;
  }
  .grid__panel--running {
    order: -1;
  }
  .grid__panel .event-dashboard-contestant {
    grid-template-areas: "name points time" "tags tags official-run";
  }
  .event-dashboard__views {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .event-dashboard__views .grid__panel {
    scroll-snap-align: center;
    width: 100vw;
    flex-shrink: 0;
    border-top: none;
  }
  .event-dashboard__views::-webkit-scrollbar {
    display: none;
  }
  .event-dashboard__registration-orders-toolbar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .event-dashboard__registration-orders-search-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  .event-dashboard__registration-orders-search-input .form__input {
    flex-grow: 1;
  }
  .event-dashboard__registration-orders-export {
    margin-top: 1.2rem;
    margin-top: var(--op-space-small);
  }
}.event-dashboard-contestant__placement {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  font-size: var(--op-font-2x-large);
  font-weight: bold;
  font-family: "Roboto Mono", monospace;
  font-family: var(--op-font-family-mono);
  border-top-left-radius: 16px;
  border-top-left-radius: var(--op-radius-2x-large);
  border-bottom-left-radius: 16px;
  border-bottom-left-radius: var(--op-radius-2x-large);
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  width: 4.8rem;
  width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  min-width: 4.8rem;
  min-width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
}.event-dashboard-contestant__placement .athletes__profile-photo {
  --image-width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  position: absolute;
  left: 4rem;
  left: var(--op-space-3x-large);
}.event-dashboard-contestant__placement .athletes__profile-photo img {
  width: var(--image-width);
  height: var(--image-width);
  border: solid 2px hsl(131, 4%, 24%);
  border: solid var(--op-border-width-large) var(--op-color-neutral-plus-three);
}.event-dashboard-contestant__placement.with-image {
  justify-content: flex-start;
  width: 6.8rem;
  width: calc(var(--op-space-4x-large) + var(--op-space-x-small));
  padding-left: 0.8rem;
  padding-left: var(--op-space-x-small);
  margin-right: 2.4rem;
  margin-right: var(--op-space-x-large);
  font-size: 2rem;
  font-size: var(--op-font-x-large);
}.event-dashboard-contestant__placement.with-image .event-dashboard-contestant__placement-number {
  width: 3.6rem;
  width: calc(var(--op-space-x-large) + var(--op-space-small));
  display: flex;
  align-items: center;
  justify-content: center;
}.event-dashboard-contestant__placement.first-place {
  background-color: hsl(47, 100%, 48%);
  background-color: var(--op-color-alerts-warning-minus-three);
  color: hsl(47, 100%, 2%);
  color: var(--op-color-alerts-warning-on-minus-three);
}.event-dashboard-contestant__placement.first-place img {
  border-color: hsl(47, 100%, 48%);
  border-color: var(--op-color-alerts-warning-minus-three);
}.event-dashboard-contestant__placement.second-place {
  background-color: hsl(131, 4%, 72%);
  background-color: var(--op-color-neutral-minus-six);
  color: hsl(131, 4%, 4%);
  color: var(--op-color-neutral-on-minus-six);
}.event-dashboard-contestant__placement.second-place img {
  border-color: hsl(131, 4%, 72%);
  border-color: var(--op-color-neutral-minus-six);
}.event-dashboard-contestant__placement.third-place {
  background-color: hsl(47, 100%, 16%);
  background-color: var(--op-color-alerts-warning-plus-four);
  color: hsl(47, 100%, 80%);
  color: var(--op-color-alerts-warning-on-plus-four);
}.event-dashboard-contestant__placement.third-place img {
  border-color: hsl(47, 100%, 16%);
  border-color: var(--op-color-alerts-warning-plus-four);
}.event-dashboard-contestant__placement.not-checked-in {
  background-color: hsl(131, 65%, 72%);
  background-color: var(--op-color-primary-minus-six);
  color: hsl(131, 65%, 8%);
  color: var(--op-color-primary-on-minus-six);
  font-weight: 100;
}.event-dashboard-contestant__placement.no-show {
  background-color: hsl(0, 99%, 64%);
  background-color: var(--op-color-alerts-danger-minus-five);
  color: hsl(0, 99%, 2%);
  color: var(--op-color-alerts-danger-on-minus-five);
  font-weight: 100;
}.event-dashboard-contestant__details {
  width: 100%;
  padding: 0.8rem 1.2rem;
  padding: var(--op-space-x-small) var(--op-space-small);
}.event-dashboard-contestant__details.no-show {
  color: hsl(0, 99%, 68%);
  color: var(--op-color-alerts-danger-on-plus-six-alt);
}.event-dashboard-contestant {
  position: relative;
  border-radius: 16px;
  border-radius: var(--op-radius-2x-large);
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
  color: hsl(131, 4%, 58%);
  color: var(--op-color-neutral-on-plus-six-alt);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.event-dashboard-contestant:hover {
  outline: hsl(131, 4%, 16%);
  outline: var(--op-color-neutral-plus-six);
  cursor: pointer;
}.event-dashboard-contestant__buttons {
  display: flex;
  align-items: center;
  overflow: auto;
}.event-dashboard-contestant__video-link--missing {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
  display: block;
  margin-bottom: 0;
  text-align: center;
}.event-dashboard-contestant__pacing-gap {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  text-align: center;
}.event-dashboard-contestant__placement-number {
  color: hsl(131, 4%, 16%);
  color: var(--op-color-neutral-plus-six);
}.event-dashboard-contestant__course-name {
  position: absolute;
  top: -30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 130px;
  text-align: center;
}.event-dashboard-contestant__athlete-photo-offset {
  flex: 1 1;
  min-width: 3.2rem;
  min-width: calc(var(--op-space-x-large) + var(--op-space-x-small));
  max-width: 3.6rem;
  max-width: calc(var(--op-space-2x-large) + var(--op-space-x-small));
}.event-dashboard-contestant__points {
  display: block;
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  font-weight: 500;
  text-align: right;
}.event-dashboard-contestant__earned-points {
  font-size: 1.4rem;
  font-size: var(--op-font-small);
  text-align: left;
}.event-dashboard-contestant__earned-points.combined {
  text-align: center;
}.event-dashboard-contestant__name-section {
  flex: 4 1;
}.event-dashboard-contestant__total-points {
  flex: 3 1;
  justify-content: left;
}.event-dashboard-contestant__course-points {
  margin-left: 0.8rem;
  margin-left: var(--op-space-x-small);
  flex: 3 1;
  justify-content: center;
}.event-dashboard-contestant__formatted-duration {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
  font-family: Courier, monospace;
  text-align: right;
}.event-dashboard-highlighted-contestant__points {
  display: block;
  font-size: 2.4rem;
  font-size: var(--op-font-2x-large);
  font-weight: 500;
  text-align: right;
}.event-dashboard-highlighted-contestant__formatted-duration {
  color: hsl(131, 65%, 72%);
  color: var(--op-color-primary-minus-six);
  font-family: Courier, monospace;
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  text-align: right;
}.event-dashboard-contestant__running, .event-dashboard-contestant__on-deck {
  width: 88%;
  margin: 0 auto 1.6rem auto;
  margin: 0 auto var(--op-space-medium) auto;
}.event-dashboard-contestant__running .event-dashboard-contestant, .event-dashboard-contestant__on-deck .event-dashboard-contestant {
  cursor: default;
  outline-color: hsl(131, 65%, 72%);
  outline-color: var(--op-color-primary-minus-six);
  outline-style: solid;
  border-radius: 16px;
  border-radius: var(--op-radius-2x-large);
  background-color: hsl(131, 4%, 16%);
  background-color: var(--op-color-neutral-plus-six);
}.event-dashboard-contestant__running .event-dashboard-contestant__placement, .event-dashboard-contestant__on-deck .event-dashboard-contestant__placement {
  background-color: hsl(131, 65%, 72%);
  background-color: var(--op-color-primary-minus-six);
}.event-dashboard-contestant__running .contestant__details, .event-dashboard-contestant__running .contestant__tags, .event-dashboard-contestant__on-deck .contestant__details, .event-dashboard-contestant__on-deck .contestant__tags {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
}.event-dashboard-contestant__running .contestant__name--highlight, .event-dashboard-contestant__on-deck .contestant__name--highlight {
  cursor: pointer;
  margin-right: 1.6rem;
  margin-right: var(--op-space-medium);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 500;
}.event-dashboard-contestant__running .contestant__name--highlight:hover, .event-dashboard-contestant__on-deck .contestant__name--highlight:hover {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
}.event-dashboard-contestant__running .running-contestant__name--highlight, .event-dashboard-contestant__on-deck .running-contestant__name--highlight {
  cursor: pointer;
  padding-top: 0.8rem;
  padding-top: var(--op-space-x-small);
}.event-dashboard-contestant__running .running-contestant__name--highlight:hover, .event-dashboard-contestant__on-deck .running-contestant__name--highlight:hover {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-six);
}.event-dashboard-contestant__on-deck .event-dashboard-contestant {
  outline-color: hsl(47, 100%, 28%);
  outline-color: var(--op-color-alerts-warning-plus-one);
}.event-dashboard-contestant__on-deck .event-dashboard-contestant__placement {
  background-color: hsl(47, 100%, 28%);
  background-color: var(--op-color-alerts-warning-plus-one);
}@media screen and (max-width: 768px) {
  .event-dashboard-contestant__earned-points {
    display: none;
  }
  .event-dashboard-contestant__course-name {
    font-size: 1.4rem;
    font-size: var(--op-font-small);
    width: 75px;
  }
}.events {
  border-top: 1px solid hsl(131, 4%, 88%);
  border-top: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  margin-top: -1px;
}.event {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
}.event__details {
  flex: 1 1 50%;
  margin-top: -0.8rem;
  margin-top: calc(var(--op-space-x-small)*-1);
  margin-bottom: -0.8rem;
  margin-bottom: calc(var(--op-space-x-small)*-1);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
}.event__name {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  display: block;
}.event__start-date {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.event__actions {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.event__link {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.register-event__form {
  flex: 1 1 100%;
}.register-event__form-controls > * {
  margin-left: 0.4rem;
  margin-left: var(--op-space-2x-small);
}.buzzer-card-ad {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  border-radius: 1.2rem;
  border-radius: var(--op-space-small);
  padding: 1.6rem 2.4rem;
  padding: var(--op-space-medium) var(--op-space-x-large);
}.buzzer-card-ad__preview {
  background-color: hsl(0deg 100% 100%);
  background-color: var(--op-color-white);
  text-align: center;
}.buzzer-card-ad__preview img {
  max-width: 280px;
}@media (max-width: 511.98px) {
  .buzzer-card-ad__preview img {
    width: 100%;
    height: auto;
  }
}.buzzer-card-ad__title {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.buzzer-card-ad__subtitle {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
}.buzzer-card-ad__amazon-link {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  text-align: center;
}.buzzer-card-ad__amazon-link img {
  max-width: 20rem;
  max-width: calc(var(--op-space-large)*10);
}@media (max-width: 511.98px) {
  .buzzer-card-ad__amazon-link img {
    max-width: 150px;
  }
}.event-search__clear-button {
  width: 100%;
}.event-contestants__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.event-contestant__registrant-wrapper {
  flex: 1 1;
}@media (min-width: 768.02px) {
  .event-contestant__registrant-wrapper {
    padding-right: 4.4rem;
    padding-right: calc(var(--op-space-3x-large) + var(--op-space-2x-small));
  }
}.event-contestant__registrant {
  justify-content: space-between;
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
}.event-contestant__registrant-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}.event-contestant__registrant-secondary-details {
  display: flex;
  align-items: center;
}@media (max-width: 511.98px) {
  .event-contestant__registrant-inline-details {
    flex-direction: column;
  }
  .event-contestant__registrant-inline-details p {
    margin-top: 1.2rem;
    margin-top: var(--op-space-small);
  }
}.event-contestant__registrant-actions {
  flex-basis: 40%;
  text-align: right;
}.event-contestant__registrant-warning {
  color: hsl(47, 100%, 26%);
  color: var(--op-color-alerts-warning-on-minus-eight-alt);
}.event-contestant__registrant-paid {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.event-contestant__registration-action {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  text-align: center;
}.event-contestant__registration-action a {
  width: 350px;
}@media (max-width: 511.98px) {
  .event-contestant__registration-action a {
    width: 100%;
  }
}.event-registration-cart {
  padding: 1.2rem 1.6rem;
  padding: var(--op-space-small) var(--op-space-medium);
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  border-radius: 1.2rem;
  border-radius: var(--op-space-small);
}@media (max-width: 511.98px) {
  .event-registration-cart {
    padding: 1.2rem;
    padding: var(--op-space-small);
  }
}.event-registration-title {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
}.event-registration-cart__message {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.registration-header {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  display: flex;
  color: hsl(0deg 0% 0%);
  color: var(--op-color-black);
}@media (max-width: 511.98px) {
  .registration-header {
    flex-direction: column;
  }
}@media (min-width: 512.02px) {
  .registration-header {
    margin-top: 4.8rem;
    margin-top: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  }
}.registration-header__hero {
  text-align: center;
}.registration-header__hero img {
  max-height: 40rem;
  max-height: calc(var(--op-space-3x-large)*10);
  max-width: 100%;
}@media (min-width: 512.02px) {
  .registration-header__hero {
    flex: 2 1;
  }
}@media (min-width: 768.02px) {
  .registration-header__hero {
    align-self: center;
  }
}.registration-header__details {
  background-color: hsl(131, 4%, 88%);
  background-color: var(--op-color-neutral-minus-eight);
  padding: 1.2rem;
  padding: var(--op-space-small);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}@media (min-width: 512.02px) {
  .registration-header__details {
    min-width: 350px;
    flex: 1 1;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--op-radius-medium);
  }
}.details__event {
  padding: 1.6rem;
  padding: var(--op-space-medium);
}.details__event-date {
  padding-bottom: 1.6rem;
  padding-bottom: var(--op-space-medium);
}@media (max-width: 511.98px) {
  .details__event-date {
    display: none;
  }
}.details__event-name {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.registration__expired {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.8rem;
  height: calc(var(--op-space-4x-large) + var(--op-space-x-small));
  background-color: hsl(131, 4%, 32%);
  background-color: var(--op-color-neutral-base);
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
}@media (min-width: 512.02px) {
  .registration__expired {
    height: 4.8rem;
    height: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  }
}.registration__content-wrapper {
  display: flex;
}@media (max-width: 511.98px) {
  .registration__content-wrapper {
    flex-direction: column;
  }
}.registration__payment-wrapper {
  flex: 1 1;
}dialog.registration__waiver {
  width: 80%;
  height: 90%;
}.registration__waiver-dialog-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}.registration__waiver-document {
  flex: auto;
}.registration__waiver-header {
  display: flex;
  justify-content: right;
}.registration__waiver-download-link {
  color: hsl(216, 58%, 48%);
  color: var(--nm-color-link);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
  align-self: flex-start;
}.registration-event {
  display: flex;
  flex-direction: column;
  padding: 1.6rem 1.2rem;
  padding: var(--op-space-medium) var(--op-space-small);
  background-color: hsl(0deg 100% 100%);
  background-color: var(--op-color-white);
  color: hsl(0deg 0% 0%);
  color: var(--op-color-black);
}@media (min-width: 768.02px) {
  .registration-event {
    flex-direction: row-reverse;
    padding: 2.4rem 6rem;
    padding: var(--op-space-x-large) var(--op-space-4x-large);
  }
}.registration-information {
  flex: 1 1;
}.registration-information:nth-child(2) {
  flex: 2 1;
}.registration-information__container {
  padding-top: 1.2rem;
  padding-top: var(--op-space-small);
  padding-bottom: 1.2rem;
  padding-bottom: var(--op-space-small);
}.registration-information__title {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  font-weight: 600;
}.registration-information__content,
.details__organization {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.registration-information__content {
  color: hsl(0deg 0% 0%);
  color: var(--op-color-black);
}.registration-information__content h1 {
  font-size: 2rem;
  font-size: var(--op-font-x-large);
}@media (max-width: 511.98px) {
  .registration-information__content h1 {
    font-size: 1.6rem;
    font-size: var(--op-font-medium);
  }
}.registration-information__copyable-input {
  display: block;
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}.registration__copy-address {
  color: hsl(216, 58%, 48%);
  color: var(--nm-color-link);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  padding-left: 0;
}.registration__copy-address:hover {
  color: hsl(216, 58%, 48%);
  color: var(--nm-color-link);
}.event-map {
  padding-bottom: 6.8rem;
  padding-bottom: calc(var(--op-space-4x-large) + var(--op-space-x-small));
  font-size: 0;
}.container {
  padding-left: 1.6rem;
  padding-left: var(--op-space-medium);
  padding-right: 1.6rem;
  padding-right: var(--op-space-medium);
}@media (max-width: 511.98px) {
  .container--fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
  }
}.registration-tickets {
  padding: 0.8rem 1.6rem;
  padding: var(--op-space-x-small) var(--op-space-medium);
  background-color: hsl(131, 4%, 88%);
  background-color: var(--op-color-neutral-minus-eight);
}.registration-fees {
  display: flex;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  justify-content: flex-end;
  margin: 1.6rem 0 1.2rem;
  margin: var(--op-space-medium) 0 var(--op-space-small);
  text-align: right;
}.registration-fees__label-wrapper {
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.registration__payment-form {
  padding-bottom: 1.2rem;
  padding-bottom: var(--op-space-small);
}.registration__promo-code {
  display: flex;
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.registration-instructions {
  font-size: var(--rm-font-large);
}.qr-set {
  display: flex;
  gap: var(--rm-space-3x-large);
  flex-wrap: wrap;
}.qr-container {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--rm-space-x-small);
  background-color: var(--color-white);
  padding: 0;
  padding-bottom: var(--rm-space-small);
  border-radius: var(--rm-radius-x-small);
}.qr-container__label {
  display: block;
  color: var(--color-black);
  line-height: var(--rm-line-height-dense);
  width: calc(var(--rm-space-4x-large) + var(--rm-space-3x-large) + var(--rm-space-x-small));
  padding-top: var(--rm-space-small);
}.registration-item__refund {
  display: flex;
  align-items: center;
  margin: 0.8rem 0;
  margin: var(--op-space-x-small) 0;
}.registration-item__refunded {
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.registration-item__refund-checkbox {
  margin: 0;
}.badge-label-group {
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
}.badge-label {
  background-color: black;
  padding: 0 0.4rem;
  padding: 0 var(--op-space-2x-small);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  margin-right: 0.4rem;
  margin-right: var(--op-space-2x-small);
  display: inline-block;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  height: 2rem;
  height: var(--op-space-large);
}.row--recap {
  display: flex;
  flex-direction: row;
}@media (max-width: 767.98px) {
  .row--recap {
    flex: 6 1;
  }
}@media (max-width: 511.98px) {
  .row--recap {
    flex-direction: column;
    flex: 3 1;
  }
  .row--recap .display--none {
    display: inherit;
    flex-direction: row;
    margin-right: 0.2rem;
  }
}.column--recap {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  flex: 1 1;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0.8rem 0.4rem;
  padding: var(--op-space-x-small) var(--op-space-x-small) var(--op-space-2x-small);
}@media (max-width: 767.98px) {
  .column--recap {
    font-size: 1.6rem;
    font-size: var(--op-font-medium);
    flex: 1 1;
  }
  .column--recap:nth-of-type(1) {
    flex: 0 1 115px;
  }
  .column--recap .column--place {
    flex: 0 1 78px;
  }
}@media (max-width: 511.98px) {
  .column--recap {
    font-size: 1.2rem;
    font-size: var(--op-font-x-small);
    flex: 1 1;
  }
  .column--recap:nth-of-type(1) {
    flex: 0 1 7.2rem;
    flex: 0 1 calc(var(--op-space-4x-large) + var(--op-space-small));
  }
  .column--recap .contestant__name {
    font-size: 1.6rem;
    font-size: var(--op-font-medium);
  }
  .column--recap .contestant__tags {
    font-size: 1.2rem;
    font-size: var(--op-font-x-small);
  }
}.column--recap-orientation {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  flex: 1 1;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0.8rem 0.4rem;
  padding: var(--op-space-x-small) var(--op-space-x-small) var(--op-space-2x-small);
}@media (max-width: 511.98px) {
  .column--recap-orientation {
    flex-direction: row;
    font-size: 1.2rem;
    font-size: var(--op-font-x-small);
    justify-content: flex-start;
  }
}.column--wide {
  flex: 3 1;
  align-items: baseline;
  word-break: normal;
  justify-content: flex-start;
}.column--gym {
  flex: 3 1;
  align-items: flex-start;
  word-break: normal;
  justify-content: center;
}.display--none {
  display: none;
}.display--inherit {
  display: inherit;
}@media (max-width: 511.98px) {
  .display--inherit {
    display: none;
  }
}.dropdown--open {
  display: flex;
  flex-direction: column;
}.dropdown--open .dropdown__btn {
  justify-content: center;
  margin: auto;
}.dropdown--open .tag-filters__wrapper {
  margin: 0;
}.dropdown__btn {
  display: flex;
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  border: none;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 2.4rem;
  padding: var(--op-space-2x-small) var(--op-space-x-large);
  margin-bottom: 0.4rem;
  margin-bottom: var(--op-space-2x-small);
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
}.dropdown__btn:hover {
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-three);
}.dropdown__btn .material-icons {
  margin: 0;
}.dropdown__main {
  display: flex;
  justify-content: center;
}.dropdown__main .display--none {
  display: none;
}@media (max-width: 511.98px) {
  .dropdown__main .display--none {
    display: inherit;
  }
}.column--recap-btn-wrapper {
  display: flex;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  flex: 1 1;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.5rem 0.25rem;
}@media (max-width: 511.98px) {
  .column--recap-btn-wrapper {
    flex: 1.7 1;
  }
}.league-recap--awg {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
}.league-recap--awg .header--leaderboard {
  background-color: hsl(230, 48%, 26%);
  background-color: var(--nm-color-awg-logo);
}@media (max-width: 767.98px) {
  .league-recap--awg .header--leaderboard:nth-of-type(1) {
    flex: 1.3 1;
  }
  .league-recap--awg .header--leaderboard > div {
    flex: 0 1 115px;
  }
  .league-recap--awg .header--leaderboard > div[class=column--wide] {
    flex: 3 1;
  }
}@media (max-width: 511.98px) {
  .league-recap--awg .header--leaderboard > div:nth-of-type(1) {
    flex: 0 1 5rem;
  }
  .league-recap--awg .header--leaderboard > div:nth-of-type(4) {
    padding-right: 0;
    justify-content: flex-end;
  }
  .league-recap--awg .header--leaderboard > div:nth-of-type(5) {
    padding-left: 0;
    justify-content: flex-start;
  }
  .league-recap--awg .header--leaderboard > div[class=column--wide] {
    flex: 2 1;
  }
}.league-recap--awg .row--recap {
  flex: 3 1;
}.league-recap--awg .row--recap .column--recap-orientation:nth-of-type(1) {
  flex: 0.8 1;
}@media (max-width: 767.98px) {
  .league-recap--awg .row--recap {
    flex: 6 1;
  }
  .league-recap--awg .row--recap .column--recap-orientation:nth-of-type(1) {
    flex: 0.5 1;
  }
}@media (max-width: 511.98px) {
  .league-recap--awg .row--recap {
    flex: 3 1;
  }
}.league-recap--awg .row--leaderboard {
  background-color: hsl(0, 99%, 24%);
  background-color: var(--op-color-alerts-danger-plus-two);
}.league-recap--awg .row--leaderboard:nth-of-type(odd) {
  background-color: hsl(0, 99%, 40%);
  background-color: var(--op-color-alerts-danger-minus-two);
}.league-recap--awg .dropdown__btn {
  background: hsl(131, 4%, 8%);
  background: var(--op-color-neutral-plus-max);
}.league-recap--awg .tag-filters__filter-label {
  background-color: hsl(0deg 0% 0%);
  background-color: var(--op-color-black);
}.league-recap--unaa .header--leaderboard {
  background-color: hsl(229, 45%, 41%);
  background-color: var(--nm-color-unaa-logo-blue);
}@media (max-width: 767.98px) {
  .league-recap--unaa .header--leaderboard > div:nth-of-type(2) {
    flex: 0 1 78.75px;
  }
}@media (max-width: 511.98px) {
  .league-recap--unaa .header--leaderboard > div:nth-of-type(2) {
    flex: 1 1;
  }
  .league-recap--unaa .header--leaderboard > div:nth-of-type(5) {
    padding-right: 0;
  }
  .league-recap--unaa .header--leaderboard > div:nth-of-type(6) {
    padding-left: 0;
    justify-content: flex-start;
  }
}.league-recap--unaa .row--recap {
  flex: 3.6 1;
}@media (max-width: 767.98px) {
  .league-recap--unaa .row--recap {
    flex: 6 1;
  }
  .league-recap--unaa .row--recap .column--recap-orientation:nth-of-type(1) {
    flex: 0.6 1;
  }
  .league-recap--unaa .row--recap .column--recap-orientation:nth-of-type(2) {
    flex: 0.1 1;
  }
}@media (max-width: 511.98px) {
  .league-recap--unaa .row--recap {
    flex: 2.5 1;
  }
}.league-recap--unaa .row--leaderboard {
  background-color: hsl(3, 69%, 36%);
  background-color: var(--nm-color-unaa-logo-red-darkest);
}.league-recap--unaa .row--leaderboard:nth-of-type(odd) {
  background-color: hsl(3, 69%, 48%);
  background-color: var(--nm-color-unaa-logo-red-darker);
}.league-recap__btn--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  margin-left: var(--op-space-3x-small);
  flex-basis: 4rem;
  flex-basis: var(--op-space-3x-large);
  height: 3.6rem;
  height: calc(var(--op-space-x-large) + var(--op-space-small));
  border-radius: 0 8px 8px 0;
  border-radius: 0 var(--op-radius-large) var(--op-radius-large) 0;
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
}.league-recap__btn--icon .material-icons {
  margin: 0;
}.league__description {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  padding: 0.8rem 0.8rem 0.4rem;
  padding: var(--op-space-x-small) var(--op-space-x-small) var(--op-space-2x-small);
  text-align: left;
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-seven);
}.league__video-link-wrapper {
  padding: 0.4rem 0 1.2rem;
  padding: var(--op-space-2x-small) 0 var(--op-space-small);
}@media (min-width: 768.02px) {
  .league__video-link-wrapper {
    padding: 0.8rem 0.8rem 0.4rem;
    padding: var(--op-space-x-small) var(--op-space-x-small) var(--op-space-2x-small);
    text-align: left;
  }
}.league__video-link {
  background-color: hsl(0deg 0% 0%);
  background-color: var(--op-color-black);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-seven);
  display: inline-block;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-weight: 500;
  line-height: 1.6rem;
  line-height: var(--op-space-medium);
  outline: none;
  padding: 0.8rem 2rem;
  padding: var(--op-space-x-small) var(--op-space-large);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: calc(100% - 20px);
  cursor: pointer;
}@media (min-width: 768.02px) {
  .league__video-link {
    width: 150px;
  }
}.league__contestant--photo-blank {
  display: none;
  height: 4rem;
  height: var(--op-space-3x-large);
  margin: 0.4rem 1.2rem 0 0;
  margin: var(--op-space-2x-small) var(--op-space-small) 0 0;
  width: 4rem;
  width: var(--op-space-3x-large);
  border: 1px solid hsl(131, 4%, 80%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-seven);
}.league__contestant--photo {
  display: none;
  height: 4rem;
  height: var(--op-space-3x-large);
  margin: 0.4rem 1.2rem 0 0;
  margin: var(--op-space-2x-small) var(--op-space-small) 0 0;
  width: 4rem;
  width: var(--op-space-3x-large);
}.league__admin--link {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.league__admin--link a {
  color: hsl(216, 58%, 48%);
  color: var(--nm-color-link);
  text-decoration: underline;
}.modal-dialog {
  max-width: 450px;
  background: hsl(131, 4%, 20%);
  background: var(--op-color-neutral-plus-four);
  padding: 1.6rem;
  padding: var(--op-space-medium);
  text-align: left;
  text-transform: none;
  color: hsl(131, 4%, 80%);
  color: var(--op-color-on-background);
  margin-top: 4rem;
  margin-top: var(--op-space-3x-large);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
}.modal-dialog .tag-select-panel__section-name {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
}.modal-dialog .list-item {
  border-color: hsl(131, 4%, 72%);
  border-color: var(--op-color-neutral-on-plus-five);
}.modal-dialog .form-label {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
}.stimulus-dialog {
  margin-top: auto;
}.stimulus-dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}.modal-header {
  padding: 1.2rem 0;
  padding: var(--op-space-small) 0;
  border-bottom: 1px solid hsl(131, 4%, 88%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
  text-align: center;
}.modal-header__title {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 0.4rem;
  margin: var(--op-space-2x-small);
  display: inline-block;
}.modal-body {
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
  white-space: normal;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  overflow-y: auto;
  max-height: calc(100vh - 250px);
}.modal-actions {
  width: 100%;
  text-align: center;
}.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  justify-content: center;
  align-content: center;
}.modal-overlay > div {
  position: relative;
  margin: auto;
  padding: 5px;
}.modal-overlay.is-active {
  display: flex;
}.my-athletes__header-subtitle {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-left: 1.2rem;
  margin-left: var(--op-space-small);
  vertical-align: middle;
}.my-athletes__header-note {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  display: block;
}.my-athletes {
  border-top: 1px solid hsl(131, 4%, 20%);
  border-top: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.my-athlete {
  flex-wrap: wrap;
}.my-athlete__inner:hover {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
}.my-athlete__details {
  flex: 1 1 50%;
  margin-top: -0.8rem;
  margin-top: calc(var(--op-space-x-small)*-1);
  margin-bottom: -0.8rem;
  margin-bottom: calc(var(--op-space-x-small)*-1);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
}.my-athlete__details:hover {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
}.my-athlete__details--with-action {
  flex: 1 1 50%;
  margin-top: -0.8rem;
  margin-top: calc(var(--op-space-x-small)*-1);
  margin-bottom: -0.8rem;
  margin-bottom: calc(var(--op-space-x-small)*-1);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
  display: flex;
}.my-athlete__name {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  display: flex;
  overflow: hidden;
}.my-athlete__name--with-action {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  display: flex;
  overflow: hidden;
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
  margin-right: 2rem;
  margin-right: var(--op-space-large);
}.my-athlete__metadata {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.my-athlete__actions {
  display: flex;
}.my-athlete__register {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.my-athlete__deactivate {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.my-athlete__deactivated {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.my-athlete__status, .my-athlete__status--with-label, .my-athlete__status--green {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin: 0.4rem 1.2rem 0 0;
  margin: var(--op-space-2x-small) var(--op-space-small) 0 0;
}.my-athlete__status--green {
  color: hsl(131, 65%, 38%);
  color: var(--op-color-primary-base);
}.my-athlete__status--with-label {
  margin-top: 0;
  text-align: center;
}nav.page__header {
  background-color: hsl(131, 4%, 14%);
  background-color: var(--op-color-background);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-on-background);
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  padding: 0 var(--op-space-medium);
}.nav-page__header-event-warning {
  background-color: hsl(47, 100%, 40%);
  background-color: var(--op-color-alerts-warning-minus-two);
  text-align: center;
  color: hsl(131, 4%, 14%);
  color: var(--op-color-background);
  padding: 1.2rem;
  padding: var(--op-space-small);
}.nav-page__header-link {
  color: hsl(131, 4%, 14%);
  color: var(--op-color-background);
  border-bottom: 1px dotted hsl(131, 4%, 88%);
  border-bottom: 1px dotted var(--op-color-neutral-on-plus-eight);
}.nav-page__header-drop-shadow {
  box-shadow: 0 1px 8px hsla(0deg, 0%, 0%, 12%), inset 0 -1px 1px hsl(131, 4%, 10%);
  box-shadow: var(--nm-shadow-top-nav);
}.nav-page__header-title-group {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 5.6rem;
  height: var(--nm-top-nav-height);
}.nav-page__header-title-with-info {
  display: flex;
  align-items: center;
}.nav-page__header-info-box {
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
}.nav-page__header-title {
  font-size: 2rem;
  font-size: var(--op-font-x-large);
  font-weight: 500;
  margin: 0.8rem auto 0;
  margin: var(--op-space-x-small) auto 0;
  max-width: 30rem;
  max-width: calc(var(--op-space-large)*15);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}@media (max-width: 511.98px) {
  .nav-page__header-title {
    max-width: 20rem;
    max-width: calc(var(--op-space-large)*10);
  }
}.nav-page__header-title--with-subtitle {
  margin: 0 auto;
}.nav-page__header-subtitle {
  margin: 0 auto 0.4rem auto;
  margin: 0 auto var(--op-space-2x-small) auto;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 1.6rem;
  max-height: var(--op-space-medium);
}@media (max-width: 511.98px) {
  .nav-page__header-subtitle {
    max-width: 20rem;
    max-width: calc(var(--op-space-large)*10);
  }
}.nav--top-left {
  position: absolute;
  left: 0;
  top: 1.2rem;
  top: var(--op-space-small);
}.obstacle-form {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}.obstacle-form__label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 2.5em;
}.obstacle-form__input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  width: 11.25em;
}.obstacle-form__option-form {
  margin-top: 1em;
}.obstacle-form__option-points {
  background: hsl(0deg 100% 100%);
  background: var(--op-color-white);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  height: 4rem;
  height: var(--op-space-3x-large);
  width: 3.2rem;
  width: calc(var(--op-space-large) + var(--op-space-small));
}.obstacle-form__option-input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  margin-left: 1em;
  margin-right: 0.5em;
  width: 11.25em;
}.obstacle-form__submit {
  margin-left: 1.5em;
}.obstacle-form__obstacle-points {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  display: flex;
  flex-direction: row;
  align-items: center;
}.obstacle-form__points-select {
  background: hsl(0deg 100% 100%);
  background: var(--op-color-white);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  height: 4rem;
  height: var(--op-space-3x-large);
  width: 2.8rem;
  width: calc(var(--op-space-large) + var(--op-space-x-small));
  margin-left: 0.4rem;
  margin-left: var(--op-space-2x-small);
}:root {
  --formatted-time-width: 110px;
  --retries-width: var(--op-space-3x-large);
  --result-width: var(--op-space-4x-large);
  --result-icon-width: 30px;
}.obstacle-summary__entry-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.obstacle-summary {
  margin: 3.2rem auto 2rem;
  margin: calc(var(--op-space-medium)*2) auto var(--op-space-large);
}.obstacle-summary--large {
  margin-top: 2rem;
  margin-top: var(--op-space-large);
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.obstacle-summary--extended {
  display: flex;
  align-items: center;
  padding-top: 0.8rem;
  padding-top: var(--op-space-x-small);
  padding-bottom: 0.8rem;
  padding-bottom: var(--op-space-x-small);
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
}.obstacle-summary--clickable:hover {
  cursor: pointer;
}.obstacle-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 1.2rem 0;
  margin: var(--op-space-small) 0;
  cursor: pointer;
  min-height: 62px;
}.obstacle-summary__row:hover {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
}.obstacle-summary__reset {
  width: 3.6rem;
  width: calc(var(--op-space-x-large) + var(--op-space-small));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}.obstacle-summary__reset button > .material-icons {
  color: --op-color-neutral-on-plus-eight;
}.obstacle-summary__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 1.2rem 0;
  margin: var(--op-space-small) 0;
  flex-grow: 2;
  width: 100%;
  /* Truncate child text https://css-tricks.com/flexbox-truncated-text/ */
  min-width: 0;
}.obstacle-summary__row--pause {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 1.2rem 0;
  margin: var(--op-space-small) 0;
}.obstacle-summary__title {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  /* Truncate child text https://css-tricks.com/flexbox-truncated-text/ */
  min-width: 0;
}.obstacle-summary__header {
  color: hsl(131, 4%, 100%);
  color: var(--op-color-neutral-on-plus-one);
  display: flex;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-weight: 700;
  justify-content: space-between;
  align-items: center;
}.obstacle-summary__header .material-icons {
  color: hsl(131, 4%, 100%);
  color: var(--op-color-neutral-on-plus-one);
}.obstacle-summary__headings {
  display: flex;
  align-items: center;
}.obstacle-summary__headings > * {
  text-align: center;
  padding: 1.2rem;
  padding: var(--op-space-small);
}.obstacle-summary__entry-name {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
}.obstacle-summary__entry-details {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}.obstacle-summary__retries {
  width: 4rem;
  width: var(--retries-width);
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  font-weight: 700;
  text-align: center;
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  margin: 0 0.8rem;
  margin: 0 var(--op-space-x-small);
  color: hsl(0, 99%, 52%);
  color: var(--op-color-alerts-danger-minus-four);
}.obstacle-summary__obstacle-subtitle-time {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.obstacle-summary__heading-time {
  width: 110px;
  width: var(--formatted-time-width);
}.obstacle-summary__entry-time {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 0.8rem 1.2rem;
  padding: var(--op-space-x-small) var(--op-space-small);
  display: flex;
  flex-wrap: nowrap;
  width: 110px;
  width: var(--formatted-time-width);
}.obstacle-summary__entry-time .material-icons {
  line-height: 1.6;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
}.obstacle-summary__result {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  width: var(--result-width);
}.obstacle-summary__points-select {
  background: hsl(0deg 100% 100%);
  background: var(--op-color-white);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  height: 4rem;
  height: var(--op-space-3x-large);
}.obstacle-summary__points-select.option-cleared {
  color: hsl(131, 65%, 38%);
  color: var(--op-color-primary-base);
}.obstacle-summary__points-select.option-missed {
  color: hsl(0, 99%, 52%);
  color: var(--op-color-alerts-danger-minus-four);
}.obstacle-summary__obstacle-point-cleared {
  color: hsl(131, 65%, 38%);
  color: var(--op-color-primary-base);
  padding: 0.4rem;
  padding: var(--op-space-2x-small);
}.obstacle-summary__obstacle-point-missed {
  color: hsl(0, 99%, 52%);
  color: var(--op-color-alerts-danger-minus-four);
  padding: 0.4rem;
  padding: var(--op-space-2x-small);
}.obstacle-summary__obstacle-points {
  color: --op-color-neutral-on-plus-eight;
  display: flex;
  flex-direction: column;
  align-items: center;
}.obstacle-summary__obstacle-points-value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  width: var(--op-space-3x-large);
  height: 4rem;
  height: var(--op-space-3x-large);
  border-radius: 50%;
}.obstacle-summary__obstacle-option-name {
  color: hsl(131, 4%, 100%);
  color: var(--op-color-neutral-on-plus-one);
  flex: 1 1 100%;
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-weight: 700;
  align-self: center;
}/* Obstacle Stats */.obstacle-summary__stats-preview {
  margin: -var(--op-space-3x-small);
  width: 8.8rem;
  width: calc(var(--op-space-5x-large) + var(--op-space-x-small));
  padding-top: 0.8rem;
  padding-top: var(--op-space-x-small);
}.obstacle-stats__description {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  padding-top: 1.2rem;
  padding-top: var(--op-space-small);
}.obstacle-stats {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out;
  opacity: 0;
}.obstacle-stats-enter,
.obstacle-stats-enter-active,
.obstacle-stats-enter-done,
.obstacle-stats-exit,
.obstacle-stats-exit-active {
  padding: 0 1.6rem 0.4rem;
  padding: 0 var(--op-space-medium) var(--op-space-2x-small);
}.obstacle-stats-enter-active,
.obstacle-stats-enter-done {
  max-height: 100rem;
  max-height: calc(var(--op-space-3x-large)*25);
  opacity: 1;
  margin-bottom: 0.4rem;
  margin-bottom: var(--op-space-2x-small);
}.obstacle-transition-exit {
  opacity: 0;
  max-height: 30rem;
  max-height: calc(var(--op-space-large)*15);
  transition: max-height 300ms ease-out, opacity 200ms;
}.obstacle-transition-exit.obstacle-transition-exit-active {
  max-height: 0;
  opacity: 0;
}.obstacle {
  cursor: grab;
}.obstacle--edit {
  display: flex;
  gap: 1.6rem;
  gap: var(--op-space-medium);
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
}.obstacle__details {
  flex: 1 1 50%;
}.obstacle__name {
  display: inline-block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  max-width: 750px;
  overflow: hidden;
}.obstacle__link {
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.obstacle__button--save {
  width: 12rem;
  width: calc(var(--op-space-4x-large)*2);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
}.obstacle-name__edit {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  width: 18rem;
  width: calc(var(--op-space-5x-large)*2 + var(--op-space-large));
}.obstacles__back-link {
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  display: inline-block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.obstacle__actions--default {
  float: right;
}.obstacle__actions--edit {
  display: flex;
  gap: 1.2rem;
  gap: var(--op-space-small);
  align-self: flex-end;
}.obstacle__options-list {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  margin-left: 1rem;
  margin-left: calc(var(--op-space-3x-small) + var(--op-space-x-small));
  margin-top: -0.4rem;
  margin-top: calc(var(--op-space-2x-small)*-1);
}.obstacle__details--edit {
  flex: 1 1 50%;
}.obstacle__btn-link {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  margin-right: 1.2rem;
  margin-right: var(--op-space-small);
}.obstacle-sort__instructions {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  font-style: italic;
  margin-top: 0.4rem;
  margin-top: var(--op-space-2x-small);
}.organization__header-wrapper {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  display: flex;
  justify-content: space-between;
}.organization__section-header {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.organization__section-header-subtext {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-left: 1rem;
  vertical-align: middle;
}.organization__profile,
.organization__subscription {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 1.2rem 0 2rem;
  margin: var(--op-space-small) 0 var(--op-space-large);
}.organization__profile-label,
.organization__subscription-label {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-weight: 600;
}.organization-item {
  border-bottom: 1px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
}.organization-item__name {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.organization-item__action-item {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 0 1.2rem;
  margin: 0 var(--op-space-small);
}.organization-item__action-item img {
  padding-bottom: 0.4rem;
  padding-bottom: var(--op-space-2x-small);
}.organization-item__action-item:hover {
  background: transparent;
}.organization-invitation {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 2rem;
  margin-top: var(--op-space-large);
  text-align: center;
}.organization__header-button {
  margin-top: 2.4rem;
  margin-top: var(--op-space-x-large);
}.organization__stripe-customer-portal {
  margin-left: 0.8rem;
  margin-left: var(--op-space-x-small);
}.choose-waves__back-link {
  display: inline-block;
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.virtual-event__back-link {
  display: inline-block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.virtual-event__link {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
  text-decoration: underline;
}.virtual-event__section-header {
  font-size: 2.8rem;
  font-size: var(--op-font-3x-large);
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.virtual-event__detail {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.StripeElement {
  box-sizing: border-box;
  height: 4rem;
  height: var(--op-space-3x-large);
  padding: 1.2rem 1.2rem;
  padding: var(--op-space-small) var(--op-space-small);
  border: 1px solid transparent;
  border: var(--op-border-width) solid transparent;
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  background-color: white;
  box-shadow: 0 0.2rem 0.4rem 0 hsl(131, 4%, 88%);
  box-shadow: 0 var(--op-space-3x-small) var(--op-space-2x-small) 0 var(--op-color-neutral-minus-eight);
  transition: box-shadow 150ms ease;
}.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #CFD7DF;
}.StripeElement--invalid {
  border-bottom: 1px solid hsl(0, 99%, 52%);
  border-bottom: var(--op-border-width) solid var(--op-color-alerts-danger-minus-four);
  border-radius: 0.4rem 0.4rem 0 0;
  border-radius: var(--op-space-2x-small) var(--op-space-2x-small) 0 0;
}.StripeElement--webkit-autofill {
  background-color: #FEFDE5 !important;
}.stripe_error {
  background-color: hsl(0deg 100% 100%);
  background-color: var(--op-color-white);
  padding: 0.2rem 1.2rem;
  padding: var(--op-space-3x-small) var(--op-space-small);
  border-radius: 0 0 4px 4px;
  border-radius: 0 0 var(--op-radius-medium) var(--op-radius-medium);
}.stripe_connect {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin: 2.4rem 0 0;
  margin: var(--op-space-x-large) 0 0;
}.subscription-form {
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  border: 1px solid hsl(131, 4%, 44%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-three);
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  margin: 2rem auto;
  margin: var(--op-space-large) auto;
}.subscription-form__column {
  padding: 0 2.4rem;
  padding: 0 var(--op-space-x-large);
}@media (max-width: 511.98px) {
  .subscription-form__column {
    padding: 0 1.2rem;
    padding: 0 var(--op-space-small);
  }
}.subscription-form__billing {
  width: 100%;
}.subscription-form__plan-label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  display: flex;
  grid-area: label;
}.subscription-form__plans {
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.subscription-form__plan-input {
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
  margin-right: 0.8rem;
  margin-right: var(--op-space-x-small);
  margin-bottom: 0.8rem;
  margin-bottom: var(--op-space-x-small);
}.subscription-form__separation-line {
  border-bottom: 2px solid hsl(131, 4%, 20%);
  border-bottom: var(--op-border-width-large) solid var(--op-color-neutral-plus-four);
  width: 100%;
}.subscription-form__plan-label-text {
  margin: 0;
}.subscription-form__plan-option {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.subscription-form__plan-old-pricing {
  text-decoration: line-through;
  margin-left: 0.4rem;
  margin-left: var(--op-space-2x-small);
}.subscription-form__text-input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  grid-area: input;
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid #DDD;
  border: var(--op-border-width) solid #DDD;
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  width: 100%;
}.subscription-form__promotion-code {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-areas: "label label" "input button" "message message";
}@media (min-width: 768.02px) {
  .subscription-form__promotion-code {
    width: 50%;
  }
}.subscription-form__apply-promotion-button {
  grid-area: button;
  margin-left: 1rem;
  margin-bottom: 0;
  width: 100px;
}.subscription-form__promotion-response {
  grid-area: message;
}.subscription-form__purchase-summary {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding-top: 0.2rem;
  padding-top: var(--op-space-3x-small);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
}.subscription-description {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.subscription-description-detail {
  margin-left: 1.6rem;
  margin-left: var(--op-space-medium);
}.subscription-descriptions-header {
  font-size: 2.4rem;
  font-size: var(--op-font-2x-large);
}.subscription-form__purchase-total {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
  margin-bottom: 0;
}.subscription-form__selected_subscription {
  margin-bottom: 0;
}.subscription-form__upgrade-credit,
.subscription-form__promotion-discount,
.subscription-form__accrued-usage {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-bottom: 0;
}.subscription-form__upgrade-warning {
  line-height: normal;
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.subscription-form__purchase-future-total {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  padding-top: 0.2rem;
  padding-top: var(--op-space-3x-small);
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
}.subscription-form__disclaimer {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin: 2rem;
  margin: var(--op-space-large);
}.subscription-form__locked-event-name {
  color: hsl(0, 99%, 98%);
  color: var(--op-color-alerts-danger-on-base);
}.subscription-form__checkout {
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.edit-payment-info__card-details {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.checkbox-modifications-container {
  margin-bottom: 0.8rem !important;
  margin-bottom: var(--op-space-x-small) !important;
}.checkbox-modifications-label {
  font-size: 1.2rem !important;
  font-size: var(--op-font-x-small) !important;
}.checkbox-modifications {
  width: 2.4rem !important;
  width: var(--op-space-x-large) !important;
  height: 2.4rem !important;
  height: var(--op-space-x-large) !important;
}.subscription-form__actions {
  padding-top: 2rem;
  padding-top: var(--op-space-large);
}.subscription-form__submit:disabled {
  cursor: not-allowed;
}.payment-source {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: hsl(131, 4%, 88%);
  background-color: var(--op-color-neutral-minus-eight);
  color: hsl(131, 4%, 10%);
  color: var(--op-color-neutral-plus-eight);
  padding: 1.2rem;
  padding: var(--op-space-small);
  margin-right: 0;
  margin-bottom: 0;
  cursor: pointer;
}.payment-source:first-of-type {
  border-radius: 8px 8px 0 0;
  border-radius: var(--op-radius-large) var(--op-radius-large) 0 0;
}.payment-source:last-of-type {
  border-radius: 0 0 8px 8px;
  border-radius: 0 0 var(--op-radius-large) var(--op-radius-large);
}.payment-source:hover {
  background-color: hsl(131, 4%, 80%);
  background-color: var(--op-color-neutral-minus-seven);
}.payment-source--selected {
  background-color: hsl(131, 4%, 64%);
  background-color: var(--op-color-neutral-minus-five);
}.payment-source--selected:hover {
  background-color: hsl(131, 4%, 64%);
  background-color: var(--op-color-neutral-minus-five);
}.subsumption-suggestion-list__header {
  display: flex;
  align-items: center;
  padding: 0.8rem 1.6rem;
  padding: var(--op-space-x-small) var(--op-space-medium);
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  cursor: pointer;
}.subsumption-suggestion-list__title {
  color: hsl(131, 4%, 88%);
  color: var(--op-color-neutral-on-plus-eight);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
}.subsumption-suggestion-list__subtitle {
  color: hsl(131, 4%, 72%);
  color: var(--op-color-neutral-on-plus-five);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.subsumption-suggestion-list__comparison-view {
  background-color: hsl(131, 4%, 10%);
  background-color: var(--op-color-neutral-plus-eight);
  padding: 0 1.6rem 1.6rem 1.6rem;
  padding: 0 var(--op-space-medium) var(--op-space-medium) var(--op-space-medium);
}.subsumption-suggestion-list__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}.subsumption-suggestion-list__actions {
  border-top: 1px solid hsl(131, 4%, 20%);
  border-top: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  display: flex;
  gap: 1.2rem;
  gap: var(--op-space-small);
  justify-content: flex-end;
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  padding-top: 1.2rem;
  padding-top: var(--op-space-small);
}.subsumption-suggestion-list__divider {
  display: flex;
  width: 100%;
  margin-top: 2.4rem;
  margin-top: var(--op-space-x-large);
  justify-content: flex-end;
  border-top: 1px solid hsl(131, 4%, 20%);
  border-top: var(--op-border-width) solid var(--op-color-neutral-plus-four);
  padding-top: 0.8rem;
  padding-top: var(--op-space-x-small);
}.tag-select-panel__section {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.tag-select-panel__section-name {
  text-transform: capitalize;
}.tag-select-panel__section-tags {
  margin-bottom: -1.2rem;
  margin-bottom: calc(var(--op-space-small)*-1);
}.tag-select-panel__checkbox-input {
  display: none;
}.tag-filters__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1.6rem auto;
  margin: var(--op-space-medium) auto;
  max-width: 1440px;
}.tag-filters__filter-button {
  margin-top: 1.2rem;
  margin-top: var(--op-space-small);
}.tag-filters__filter-button input[type=radio],
.tag-filters__filter-button input[type=checkbox] {
  display: none;
}.tag-filters__filter-button input[type=radio]:checked + label,
.tag-filters__filter-button input[type=checkbox]:checked + label {
  background-color: hsl(216, 58%, 48%);
  background-color: var(--nm-color-link);
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
}.tag-filters__filter-label {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  border-radius: 4px;
  border-radius: var(--op-radius-medium);
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-four);
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-right: 2rem;
  margin-right: var(--op-space-large);
  min-width: 4.8rem;
  min-width: calc(var(--op-space-3x-large) + var(--op-space-x-small));
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}.tag-filters__filter-label:hover {
  cursor: pointer;
}.tag-filters__filter-label.active {
  background-color: #3163ED;
  color: hsl(0deg 100% 100%);
  color: var(--op-color-white);
}.ticket-type {
  display: flex;
  align-items: center;
  margin: 1.6rem 0 0.8rem;
  margin: var(--op-space-medium) 0 var(--op-space-x-small);
}.ticket-type__name-and-price {
  display: flex;
}.name-group {
  flex: 3 1;
}.price-group {
  flex: 1 1;
  margin-left: 1.2rem;
  margin-left: var(--op-space-small);
  min-width: 8.8rem;
  min-width: calc(var(--op-space-5x-large) + var(--op-space-x-small));
}.promotional-code-form {
  display: grid;
  grid-gap: 1.2rem;
  grid-gap: var(--op-space-small);
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}.user-form {
  background-color: hsl(131, 4%, 24%);
  background-color: var(--op-color-neutral-plus-three);
  border: 1px solid hsl(131, 4%, 44%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-three);
  border-radius: 12px;
  border-radius: var(--op-radius-x-large);
  margin: 2rem auto;
  margin: var(--op-space-large) auto;
  max-width: 40rem;
  max-width: calc(var(--op-space-3x-large)*10);
  padding: 0 4rem 2rem 4rem;
  padding: 0 var(--op-space-3x-large) var(--op-space-large) var(--op-space-3x-large);
}.user-form__label {
  display: block;
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  padding-top: 1.2rem;
  padding-top: var(--op-space-small);
}.user-form__input {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  border-radius: 8px;
  border-radius: var(--op-radius-large);
  border: 1px solid hsl(131, 4%, 88%);
  border: var(--op-border-width) solid var(--op-color-neutral-minus-eight);
  padding: 0.8rem;
  padding: var(--op-space-x-small);
  width: 100%;
}.user-form__actions {
  display: block;
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.user-form__terms {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.user-form__terms a {
  text-decoration: underline;
}.user-form__disclaimer {
  font-size: 1.2rem;
  font-size: var(--op-font-x-small);
  margin-top: 2rem;
  margin-top: var(--op-space-large);
}.user-form__group {
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  padding-left: 0.8rem;
  padding-left: var(--op-space-x-small);
}.user-form__recaptcha-error {
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
  color: hsl(0, 99%, 76%);
  color: var(--op-color-alerts-danger-brand);
}trix-editor {
  background-color: hsl(131, 4%, 100%);
  background-color: var(--op-color-neutral-minus-max);
  color: hsl(131, 4%, 44%);
  color: var(--op-color-neutral-on-minus-max-alt);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}trix-editor blockquote {
  margin: 0 0.6rem;
  margin: 0 calc(var(--op-space-3x-small) + var(--op-space-2x-small));
  padding-left: 0.8rem;
  padding-left: var(--op-space-x-small);
  border-left: 0.6rem solid hsl(131, 4%, 88%);
  border-left: calc(var(--op-space-3x-small) + var(--op-space-2x-small)) solid var(--op-color-neutral-minus-eight);
}trix-editor h1 {
  font-size: 2rem;
  font-size: var(--op-font-x-large);
}@media (max-width: 511.98px) {
  trix-editor h1 {
    font-size: 1.6rem;
    font-size: var(--op-font-medium);
  }
}trix-toolbar {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: hsl(131, 4%, 8%);
  background-color: var(--op-color-neutral-plus-max);
  padding-top: 1.2rem;
  padding-top: var(--op-space-small);
}trix-toolbar .trix-button-row {
  flex-wrap: wrap;
}trix-toolbar .trix-button-group button {
  background-color: hsl(0deg 100% 100%);
  background-color: var(--op-color-white);
}trix-toolbar .trix-button-group button.trix-button--icon-code {
  display: none;
}.truncated-paragraph {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}.truncated-paragraph__show-more {
  display: inline-block;
  cursor: pointer;
  color: hsl(131, 65%, 72%);
  color: var(--op-color-primary-on-plus-five);
}.truncated-paragraph__show-more:hover {
  background-color: hsl(131, 65%, 16%);
  background-color: var(--op-color-primary-plus-seven);
  color: hsl(131, 65%, 80%);
  color: var(--op-color-primary-on-plus-seven);
}.confirmation-card {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
  margin-top: 1.6rem;
  margin-top: var(--op-space-medium);
  border-radius: 1.2rem;
  border-radius: var(--op-space-small);
  padding: 1.6rem 2.4rem;
  padding: var(--op-space-medium) var(--op-space-x-large);
  text-align: center;
}.confirmation__header {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.confirmation__text {
  color: hsl(131, 4%, 80%);
  color: var(--op-color-neutral-on-plus-seven);
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
}.confirmation__image {
  text-align: center;
}.confirmation__image img {
  width: 250px;
}@media (max-width: 511.98px) {
  .confirmation__image {
    padding-top: 1.6rem;
    padding-top: var(--op-space-medium);
  }
}@media (min-width: 512.02px) {
  .confirmation__image {
    padding-left: 1.6rem;
    padding-left: var(--op-space-medium);
  }
}.confirmation-message {
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
  padding: 1.6rem 1.2rem 0 1.6rem;
  padding: var(--op-space-medium) var(--op-space-small) 0 var(--op-space-medium);
  display: flex;
}@media (max-width: 511.98px) {
  .confirmation-message {
    flex-direction: column;
  }
}.confirmation__information {
  flex: 1 1;
}.confirmation__cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.6rem;
  margin-bottom: var(--op-space-medium);
}.confirmation__cta-message {
  font-size: 1.6rem;
  font-size: var(--op-font-medium);
  text-align: center;
  margin-bottom: 1.2rem;
  margin-bottom: var(--op-space-small);
}.confirmation__cta-button {
  line-height: 2.4rem;
  line-height: var(--op-space-x-large);
  padding: 1.6rem 3.2rem;
  padding: var(--op-space-medium) calc(var(--op-space-medium)*2);
  max-width: 270px;
  margin: 0;
  white-space: normal;
}@media (max-width: 511.98px) {
  .confirmation__cta-button {
    display: flex;
    justify-content: center;
  }
}.athlete-waiver-signature__details {
  flex: 1 1 50%;
  margin-top: -0.8rem;
  margin-top: calc(var(--op-space-x-small)*-1);
  margin-bottom: -0.8rem;
  margin-bottom: calc(var(--op-space-x-small)*-1);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
}.waiver__details {
  flex: 1 1 50%;
  margin-top: -0.8rem;
  margin-top: calc(var(--op-space-x-small)*-1);
  margin-bottom: -0.8rem;
  margin-bottom: calc(var(--op-space-x-small)*-1);
  padding: 0.8rem 0;
  padding: var(--op-space-x-small) 0;
  display: flex;
  align-items: center;
}.waiver__list-item:hover {
  background-color: hsl(131, 4%, 20%);
  background-color: var(--op-color-neutral-plus-four);
}summary.waiver__accordion-summary {
  display: flex;
}.waiver__accordion-summary__label {
  flex-grow: 1;
}.waiver-version__link {
  width: 100%;
}.waiver-version__card {
  height: 100%;
  max-width: 1280px;
  max-width: var(--op-breakpoint-large);
}.waiver-version__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}.waiver-version__none {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}.waiver-version__download__button {
  margin-top: 0.8rem;
  margin-top: var(--op-space-x-small);
}ul.waiver-signature__athlete-list {
  margin-top: 0;
  margin-bottom: 0;
}.waiver-signature__field-value {
  margin-left: 1.2rem;
  margin-left: var(--op-space-small);
}