@charset "UTF-8";
@import "https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined";

/* node_modules/.pnpm/ol@8.1.0/node_modules/ol/ol.css */
:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}
.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}
.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-bar-inner {
  display: flex;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow:
    -1.5px 0 var(--ol-partial-background-color),
    0 1.5px var(--ol-partial-background-color),
    1.5px 0 var(--ol-partial-background-color),
    0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow:
    -1.5px 0 var(--ol-partial-background-color),
    0 1.5px var(--ol-partial-background-color),
    1.5px 0 var(--ol-partial-background-color),
    0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}
.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}
.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}
.ol-unsupported {
  display: none;
}
.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}
.ol-viewport {
  touch-action: none;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}
.ol-zoom {
  top: .5em;
  left: .5em;
}
.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}
.ol-full-screen {
  right: .5em;
  top: .5em;
}
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}
.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}
.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}
.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution button {
  flex-shrink: 0;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}
.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}
.ol-touch .ol-zoomslider {
  top: 5.5em;
}
.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}
.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

/* node_modules/.pnpm/ol-ext@4.0.11_ol@8.1.0/node_modules/ol-ext/dist/ol-ext.min.css */
.ol-control i {
  cursor: default;
}
.ol-control.ol-bar {
  left: 50%;
  min-height: 1em;
  min-width: 1em;
  position: absolute;
  top: .5em;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  white-space: nowrap;
}
.ol-control.ol-toggle .ol-option-bar {
  display: none;
}
.ol-control.ol-bar .ol-control {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  padding: 0;
  margin: 0;
  transform: none;
  -webkit-transform: none;
}
.ol-control.ol-bar .ol-rotate button,
.ol-control.ol-bar.ol-left .ol-control,
.ol-control.ol-bar.ol-right .ol-control {
  display: block;
}
.ol-control.ol-bar .ol-bar {
  position: static;
}
.ol-control.ol-bar .ol-control button {
  margin: 2px 1px;
  outline: 0;
}
.ol-control.ol-bar.ol-left {
  left: .5em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.ol-control.ol-bar.ol-right {
  left: auto;
  right: .5em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.ol-control.ol-bar.ol-bottom {
  top: auto;
  bottom: .5em;
}
.ol-control.ol-bar.ol-top.ol-left,
.ol-control.ol-bar.ol-top.ol-right {
  top: 4.5em;
  -webkit-transform: none;
  transform: none;
}
.ol-touch .ol-control.ol-bar.ol-top.ol-left,
.ol-touch .ol-control.ol-bar.ol-top.ol-right {
  top: 5.5em;
}
.ol-control.ol-bar.ol-bottom.ol-left,
.ol-control.ol-bar.ol-bottom.ol-right {
  top: auto;
  bottom: .5em;
  -webkit-transform: none;
  transform: none;
}
.ol-control.ol-bar.ol-group {
  margin: 1px 1px 1px 0;
}
.ol-control.ol-bar.ol-left .ol-group,
.ol-control.ol-bar.ol-right .ol-group {
  margin: 1px 1px 0;
}
.ol-control.ol-bar.ol-group button {
  border-radius: 0;
  margin: 0 0 0 1px;
}
.ol-control.ol-bar.ol-left .ol-group button,
.ol-control.ol-bar.ol-left.ol-group button,
.ol-control.ol-bar.ol-right .ol-group button,
.ol-control.ol-bar.ol-right.ol-group button {
  margin: 0 0 1px;
}
.ol-control.ol-bar.ol-group .ol-control:first-child > button {
  border-radius: 5px 0 0 5px;
}
.ol-control.ol-bar.ol-group .ol-control:last-child > button {
  border-radius: 0 5px 5px 0;
}
.ol-control.ol-bar.ol-left .ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-left.ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-right .ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-right.ol-group .ol-control:first-child > button {
  border-radius: 5px 5px 0 0;
}
.ol-control.ol-bar.ol-left .ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-left.ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-right .ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-right.ol-group .ol-control:last-child > button {
  border-radius: 0 0 5px 5px;
}
.ol-control.ol-bar .ol-rotate {
  opacity: 1;
  visibility: visible;
}
.ol-control.ol-bar .ol-toggle.ol-active button:hover,
.ol-control.ol-bar .ol-toggle.ol-active > button {
  background-color: #0AF;
  color: #fff;
}
.ol-control.ol-toggle button:disabled {
  background-color: #ccc;
}
.ol-control.ol-bar .ol-control.ol-option-bar {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 5px 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, .8);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 60, 136, .5), 1px 1px 2px rgba(0, 0, 0, .5);
  box-shadow: 0 0 0 1px rgba(0, 60, 136, .5), 1px 1px 2px rgba(0, 0, 0, .5);
}
.ol-control.ol-bar .ol-option-bar:before {
  content: "";
  border: .5em solid transparent;
  border-color: transparent transparent rgba(0, 60, 136, .5);
  position: absolute;
  bottom: 100%;
  left: .3em;
  pointer-events: none;
}
.ol-control.ol-bar .ol-option-bar .ol-control {
  display: table-cell;
}
.ol-control.ol-bar .ol-control .ol-bar {
  display: none;
}
.ol-control.ol-bar .ol-control.ol-active > .ol-option-bar {
  display: block;
}
.ol-control.ol-bar .ol-control.ol-collapsed ul {
  display: none;
}
.ol-control.ol-bar .ol-control.ol-text-button > div,
.ol-control.ol-bar .ol-control.ol-text-button > div:hover {
  background-color: transparent;
  color: rgba(0, 60, 136, .5);
  width: auto;
  min-width: 1.375em;
  margin: 0;
}
.ol-control.ol-bar .ol-control.ol-text-button {
  font-size: .9em;
  border-left: 1px solid rgba(0, 60, 136, .8);
  border-radius: 0;
}
.ol-control.ol-bar .ol-control.ol-text-button:first-child {
  border-left: 0;
}
.ol-control.ol-bar .ol-control.ol-text-button > div {
  padding: .11em .3em;
  font-weight: 400;
  font-size: 1.14em;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
}
.ol-control.ol-bar .ol-control.ol-text-button div:hover {
  color: rgba(0, 60, 136, 1);
}
.ol-control.ol-bar.ol-bottom .ol-option-bar {
  top: auto;
  bottom: 100%;
}
.ol-control.ol-bar.ol-bottom .ol-option-bar:before {
  border-color: rgba(0, 60, 136, .5) transparent transparent;
  bottom: auto;
  top: 100%;
}
.ol-control.ol-bar.ol-left .ol-option-bar {
  left: 100%;
  top: 0;
  bottom: auto;
  margin: 0 5px;
}
.ol-control.ol-bar.ol-left .ol-option-bar:before {
  border-color: transparent rgba(0, 60, 136, .5) transparent transparent;
  bottom: auto;
  right: 100%;
  left: auto;
  top: .3em;
}
.ol-control.ol-bar.ol-right .ol-option-bar {
  right: 100%;
  left: auto;
  top: 0;
  bottom: auto;
  margin: 0 5px;
}
.ol-control.ol-bar.ol-right .ol-option-bar:before {
  border-color: transparent transparent transparent rgba(0, 60, 136, .5);
  bottom: auto;
  left: 100%;
  top: .3em;
}
.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar,
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar {
  top: 100%;
  bottom: auto;
  left: .3em;
  right: auto;
  margin: 5px 0;
}
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar {
  right: .3em;
  left: auto;
}
.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar:before,
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before {
  border-color: transparent transparent rgba(0, 60, 136, .5);
  bottom: 100%;
  top: auto;
  left: .3em;
  right: auto;
}
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before {
  right: .3em;
  left: auto;
}
.ol-control-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ol-center-position {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, .8);
  padding: .1em 1em;
}
.ol-compassctrl {
  display: none;
  top: 1em;
  left: auto;
  right: 1em;
}
.ol-compassctrl.ol-visible {
  display: block !important;
}
.ol-ext-dialog {
  position: fixed;
  top: -100%;
  left: 0;
  width: 150%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1000;
  pointer-events: none !important;
  -webkit-transition: opacity .2s, top 0s .2s;
  transition: opacity .2s, top 0s .2s;
}
.ol-ext-dialog.ol-visible {
  opacity: 1;
  top: 0;
  pointer-events: all !important;
  -webkit-transition: opacity .2s, top 0s;
  transition: opacity .2s, top 0s;
}
.ol-viewport .ol-ext-dialog {
  position: absolute;
}
.ol-ext-dialog > form > h2 {
  margin: 0 .5em .5em 0;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ol-ext-dialog > form.ol-title > h2 {
  display: block;
}
.ol-ext-dialog > form {
  position: absolute;
  top: 0;
  left: 33.33%;
  min-width: 5em;
  max-width: 60%;
  min-height: 3em;
  max-height: 100%;
  background-color: #fff;
  border: 1px solid #333;
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, .5);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .5);
  -webkit-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);
  -webkit-transition: top .2s, -webkit-transform .2s;
  transition: top .2s, -webkit-transform .2s;
  transition: top .2s, transform .2s;
  transition:
    top .2s,
    transform .2s,
    -webkit-transform .2s;
  padding: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.ol-ext-dialog > form.ol-closebox {
  padding-top: 1.5em;
}
.ol-ext-dialog > form.ol-title {
  padding-top: 1em;
}
.ol-ext-dialog > form.ol-button {
  padding-bottom: .5em;
}
.ol-ext-dialog.ol-zoom > form {
  top: 30%;
  -webkit-transform: translate(-50%, -30%) scale(0);
  transform: translate(-50%, -30%) scale(0);
}
.ol-ext-dialog.ol-visible > form {
  top: 30%;
}
.ol-ext-dialog.ol-zoom.ol-visible > form {
  -webkit-transform: translate(-50%, -30%) scale(1);
  transform: translate(-50%, -30%) scale(1);
}
.ol-ext-dialog > form .ol-content {
  overflow-x: hidden;
  overflow-y: auto;
}
.ol-ext-dialog > form .ol-closebox {
  position: absolute;
  top: .5em;
  right: .5em;
  width: 1em;
  height: 1em;
  cursor: pointer;
  display: none;
}
.ol-ext-dialog > form.ol-closebox .ol-closebox {
  display: block;
}
.ol-ext-dialog > form .ol-closebox:after,
.ol-ext-dialog > form .ol-closebox:before {
  content: "";
  position: absolute;
  background-color: currentColor;
  top: 50%;
  left: 50%;
  width: 1em;
  height: .1em;
  border-radius: .1em;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.ol-ext-dialog > form .ol-closebox:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-ext-dialog > form .ol-buttons {
  text-align: right;
  overflow-x: hidden;
}
.ol-ext-dialog > form .ol-buttons input {
  margin-top: .5em;
  padding: .5em;
  background: 0 0;
  border: 0;
  font-size: 1em;
  color: rgba(0, 60, 136, 1);
  cursor: pointer;
  border-radius: .25em;
  outline-width: 0;
}
.ol-ext-dialog > form .ol-buttons input:hover {
  background-color: rgba(0, 60, 136, .1);
}
.ol-ext-dialog > form .ol-buttons input[type=submit] {
  font-weight: 700;
}
.ol-ext-dialog .ol-progress-message {
  font-size: .9em;
  text-align: center;
  padding-bottom: .5em;
}
.ol-ext-dialog .ol-progress-bar {
  border: 1px solid #369;
  width: 20em;
  height: 1em;
  max-width: 100%;
  padding: 2px;
  margin: .5em auto 0;
  overflow: hidden;
}
.ol-ext-dialog .ol-progress-bar > div {
  background: #369;
  height: 100%;
  width: 50%;
  -webkit-transition: width .3s;
  transition: width .3s;
}
.ol-ext-dialog .ol-progress-bar > div.notransition {
  -webkit-transition: unset;
  transition: unset;
}
.ol-ext-dialog.ol-fullscreen-dialog form {
  top: 1em;
  -webkit-transform: none;
  transform: none;
  left: 1em;
  bottom: 1em;
  right: 1em;
  max-width: calc(66.6% - 2em);
  text-align: center;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  color: #fff;
}
.ol-ext-dialog.ol-fullscreen-dialog form .ol-closebox {
  top: 0;
  right: 0;
  font-size: 2em;
}
.ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:after,
.ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:before {
  border: .1em solid currentColor;
}
.ol-ext-dialog.ol-fullscreen-dialog img,
.ol-ext-dialog.ol-fullscreen-dialog video {
  max-width: 100%;
}
body > .ol-ext-dialog .ol-content {
  max-height: calc(100vh - 10em);
}
body > .ol-ext-dialog > form {
  overflow: visible;
}
.ol-editbar .ol-button button {
  position: relative;
  display: inline-block;
  font-style: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.ol-editbar .ol-button button:after,
.ol-editbar .ol-button button:before {
  content: "";
  border-width: 0;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: currentColor;
}
.ol-editbar .ol-button button:focus {
  outline: 0;
}
.ol-editbar .ol-selection > button:before {
  width: .6em;
  height: 1em;
  background-color: transparent;
  border: .5em solid currentColor;
  border-width: 0 .25em .65em;
  border-color: currentColor transparent;
  -webkit-box-shadow: 0 .6em 0 -.23em;
  box-shadow: 0 .6em 0 -.23em;
  top: .35em;
  left: .5em;
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
  transform: translate(-50%, -50%) rotate(-30deg);
}
.ol-editbar .ol-selection0 > button:after {
  width: .28em;
  height: .6em;
  background-color: transparent;
  border: .5em solid currentColor;
  border-width: 0 .05em .7em;
  border-color: currentColor transparent;
  top: .5em;
  left: .7em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ol-editbar .ol-delete button:after,
.ol-editbar .ol-delete button:before {
  width: 1em;
  height: .2em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.ol-editbar .ol-delete button:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-editbar .ol-info button:before {
  width: .25em;
  height: .6em;
  border-radius: .03em;
  top: .47em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ol-editbar .ol-info button:after {
  width: .25em;
  height: .2em;
  border-radius: .03em;
  -webkit-box-shadow:
    -.1em .35em,
    -.1em .82em,
    .1em .82em;
  box-shadow:
    -.1em .35em,
    -.1em .82em,
    .1em .82em;
  top: .12em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ol-editbar .ol-drawpoint button:before {
  width: .7em;
  height: .7em;
  border-radius: 50%;
  border: .15em solid currentColor;
  background-color: transparent;
  top: .2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ol-editbar .ol-drawpoint button:after {
  width: .4em;
  height: .4em;
  border: .15em solid currentColor;
  border-color: currentColor transparent;
  border-width: .4em .2em 0;
  background-color: transparent;
  top: .8em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ol-editbar .ol-drawhole > button:before,
.ol-editbar .ol-drawline > button:before,
.ol-editbar .ol-drawpolygon > button:before {
  width: .8em;
  height: .8em;
  border: .13em solid currentColor;
  background-color: transparent;
  border-width: .2em .13em .09em;
  top: .2em;
  left: .25em;
  -webkit-transform: rotate(10deg) perspective(1em) rotateX(40deg);
  transform: rotate(10deg) perspective(1em) rotateX(40deg);
}
.ol-editbar .ol-drawline > button:before {
  border-bottom: 0;
}
.ol-editbar .ol-drawhole > button:after,
.ol-editbar .ol-drawline > button:after,
.ol-editbar .ol-drawpolygon > button:after {
  width: .3em;
  height: .3em;
  top: .2em;
  left: .25em;
  -webkit-box-shadow:
    -.2em .55em,
    .6em .1em,
    .65em .7em;
  box-shadow:
    -.2em .55em,
    .6em .1em,
    .65em .7em;
}
.ol-editbar .ol-drawhole > button:after {
  -webkit-box-shadow:
    -.2em .55em,
    .6em .1em,
    .65em .7em,
    .25em .35em;
  box-shadow:
    -.2em .55em,
    .6em .1em,
    .65em .7em,
    .25em .35em;
}
.ol-editbar .ol-offset > button i,
.ol-editbar .ol-transform > button i {
  position: absolute;
  width: .9em;
  height: .9em;
  overflow: hidden;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-editbar .ol-offset > button i {
  width: .8em;
  height: .8em;
}
.ol-editbar .ol-offset > button i:before,
.ol-editbar .ol-transform > button i:after,
.ol-editbar .ol-transform > button i:before {
  content: "";
  height: 1em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-box-shadow: .5em 0 0 .1em, -.5em 0 0 .1em;
  box-shadow: .5em 0 0 .1em, -.5em 0 0 .1em;
  width: .1em;
  position: absolute;
  background-color: currentColor;
}
.ol-editbar .ol-offset > button i:before {
  -webkit-box-shadow: .45em 0 0 .1em, -.45em 0 0 .1em;
  box-shadow: .45em 0 0 .1em, -.45em 0 0 .1em;
}
.ol-editbar .ol-transform > button i:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-editbar .ol-split > button:before {
  width: .3em;
  height: .3em;
  top: .81em;
  left: .75em;
  border-radius: 50%;
  -webkit-box-shadow: .1em -.4em, -.15em -.25em;
  box-shadow: .1em -.4em, -.15em -.25em;
}
.ol-editbar .ol-split > button:after {
  width: .8em;
  height: .8em;
  top: .15em;
  left: -.1em;
  border: .1em solid currentColor;
  border-width: 0 .2em .2em 0;
  background-color: transparent;
  border-radius: .1em;
  -webkit-transform: rotate(20deg) scaleY(.6) rotate(-45deg);
  transform: rotate(20deg) scaleY(.6) rotate(-45deg);
}
.ol-editbar .ol-drawregular > button:before {
  width: .9em;
  height: .9em;
  top: 50%;
  left: 50%;
  border: .1em solid currentColor;
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div {
  border: .5em solid currentColor;
  border-color: transparent currentColor;
  display: inline-block;
  cursor: pointer;
  vertical-align: text-bottom;
}
.ol-control.ol-bar.ol-editbar .ol-drawregular .ol-bar,
.ol-editbar .ol-drawregular .ol-bar:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button {
  min-width: 6em;
  text-align: center;
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:first-child {
  border-width: .5em .5em .5em 0;
  margin: 0 .5em 0 0;
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:last-child {
  border-width: .5em 0 .5em .5em;
  margin: 0 0 0 .5em;
}
.ol-gauge {
  top: .5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ol-gauge > * {
  display: inline-block;
  vertical-align: middle;
}
.ol-gauge > span {
  margin: 0 .5em;
}
.ol-gauge > div {
  display: inline-block;
  width: 200px;
  border: 1px solid rgba(0, 60, 136, .5);
  border-radius: 3px;
  padding: 1px;
}
.ol-gauge button {
  height: .8em;
  margin: 0;
  max-width: 100%;
}
.ol-control.ol-bookmark {
  top: .5em;
  left: 3em;
  background-color: rgba(255, 255, 255, .5);
}
.ol-control.ol-bookmark button {
  position: relative;
}
.ol-control.ol-bookmark > button::before {
  content: "";
  position: absolute;
  border-width: 10px 5px 4px;
  border-style: solid;
  border-color: currentColor currentColor transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 0;
}
.ol-control.ol-bookmark > div {
  display: none;
  min-width: 5em;
}
.ol-control.ol-bookmark input {
  font-size: .9em;
  margin: .1em 0;
  padding: 0 .5em;
}
.ol-control.ol-bookmark ul,
.ol-gridreference ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ol-control.ol-bookmark ul {
  min-width: 10em;
}
.ol-control.ol-bookmark li {
  color: rgba(0, 60, 136, .8);
  font-size: .9em;
  padding: 0 .2em 0 .5em;
  cursor: default;
  clear: both;
}
.ol-control.ol-bookmark li:hover {
  background-color: rgba(0, 60, 136, .5);
  color: #fff;
}
.ol-control.ol-bookmark > div button {
  width: 1em;
  height: .8em;
  float: right;
  background-color: transparent;
  cursor: pointer;
  border-radius: 0;
}
.ol-control.ol-bookmark > div button:before {
  content: "\2a2f";
  color: #936;
  font-size: 1.2em;
  line-height: 1em;
  border-radius: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-bookmark input,
.ol-bookmark ul li button {
  display: none;
}
.ol-bookmark.ol-editable input,
.ol-bookmark.ol-editable ul li button {
  display: block;
}
.ol-control.ol-geobt {
  top: auto;
  left: auto;
  right: .5em;
  bottom: 3em;
}
.ol-touch .ol-control.ol-geobt {
  bottom: 3.5em;
}
.ol-control.ol-geobt button:before {
  content: "";
  position: absolute;
  background: 0 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: .16em solid currentColor;
  width: .4em;
  height: .4em;
  border-radius: 50%;
}
.ol-bar.ol-geobar .startBt button:before,
.ol-control.ol-geobt button:after {
  -webkit-transform: translate(-50%, -50%);
  content: "";
  position: absolute;
}
.ol-control.ol-geobt button:after {
  width: .2em;
  height: .2em;
  background: 0 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow:
    .42em 0,
    -.42em 0,
    0 .42em,
    0 -.42em;
  box-shadow:
    .42em 0,
    -.42em 0,
    0 .42em,
    0 -.42em;
}
.ol-control.ol-bar.ol-geobar .ol-control {
  display: inline-block;
  vertical-align: middle;
}
.ol-control.ol-bar.ol-geobar .ol-bar {
  display: none;
}
.ol-bar.ol-geobar.ol-active .ol-bar {
  display: inline-block;
}
.ol-bar.ol-geobar .geolocBt button:after,
.ol-bar.ol-geobar .geolocBt button:before {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid transparent;
  border-width: .3em .8em 0 .2em;
  border-color: currentColor transparent transparent;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  top: .45em;
  left: .15em;
  font-size: 1.2em;
}
.ol-bar.ol-geobar .geolocBt button:after {
  border-width: 0 .8em .3em .2em;
  border-color: transparent transparent currentColor;
  -webkit-transform: rotate(-61deg);
  transform: rotate(-61deg);
}
.ol-bar.ol-geobar .startBt button:before {
  display: block;
  width: 1em;
  height: 1em;
  background-color: #800;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ol-bar.ol-geobar .pauseBt button:after,
.ol-bar.ol-geobar .pauseBt button:before {
  content: "";
  display: block;
  position: absolute;
  width: .25em;
  height: 1em;
  background-color: currentColor;
  top: 50%;
  left: 35%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-bar.ol-geobar .pauseBt button:after {
  left: 65%;
}
.ol-bar.ol-geobar.centerTrack .pauseBt,
.ol-bar.ol-geobar.centerTrack .startBt,
.ol-bar.ol-geobar.centerTrack.pauseTrack .pauseBt,
.ol-bar.ol-geobar.pauseTrack .startBt,
.ol-control.ol-bar.ol-geobar .centerBt,
.ol-control.ol-bar.ol-geobar .pauseBt {
  display: none;
}
.ol-bar.ol-geobar.centerTrack .centerBt,
.ol-bar.ol-geobar.pauseTrack .pauseBt {
  display: inline-block;
}
.ol-control.ol-globe {
  position: absolute;
  left: .5em;
  bottom: .5em;
  border-radius: 50%;
  opacity: .7;
  transform: scale(.5);
  transform-origin: 0 100%;
  -webkit-transform: scale(.5);
  -webkit-transform-origin: 0 100%;
}
.ol-control.ol-globe:hover {
  opacity: .9;
}
.ol-control.ol-globe .panel {
  display: block;
  width: 170px;
  height: 170px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, .5);
  box-shadow: 0 0 10px 5px rgba(255, 255, 255, .5);
}
.ol-control.ol-globe .panel .ol-viewport {
  border-radius: 50%;
}
.ol-control.ol-globe .ol-pointer {
  display: block;
  background-color: #fff;
  width: 10px;
  height: 10px;
  border: 10px solid red;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-15px, -40px);
  -webkit-transform: translate(-15px, -40px);
  border-radius: 50%;
  z-index: 1;
  transition:
    opacity .15s,
    top 0s,
    left 0s;
  -webkit-transition:
    opacity .15s,
    top 0s,
    left 0s;
}
.ol-control.ol-globe .ol-pointer::before,
.ol-control.ol-globe .panel::before {
  left: 0;
  border-radius: 50%;
  content: "";
  display: block;
}
.ol-control.ol-globe .ol-pointer.hidden {
  opacity: 0;
  transition:
    opacity .15s,
    top 3s,
    left 5s;
  -webkit-transition:
    opacity .15s,
    top 3s,
    left 5s;
}
.ol-control.ol-globe .ol-pointer::before {
  -webkit-box-shadow: 6px 6px 10px 5px #000;
  box-shadow: 6px 6px 10px 5px #000;
  height: 0;
  position: absolute;
  top: 23px;
  width: 0;
}
.ol-control.ol-globe .ol-pointer::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border-width: 20px 10px 0;
  border-color: red transparent;
  border-style: solid;
  left: -50%;
  top: 100%;
}
.ol-control.ol-globe .panel::before {
  -webkit-box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, .7) inset;
  box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, .7) inset;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ol-control.ol-globe .panel::after {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
  box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
  content: "";
  display: block;
  height: 0;
  left: 23%;
  position: absolute;
  top: 20%;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  width: 20%;
  z-index: 1;
}
.ol-control.ol-globe.ol-collapsed .panel,
.ol-control.ol-isochrone.ol-collapsed .content,
.ol-imageline .ol-image span,
.ol-imageline.ol-scroll0.ol-arrow:before,
.ol-imageline.ol-scroll1.ol-arrow:after,
.ol-isochrone .ol-distance,
.ol-isochrone .ol-time {
  display: none;
}
.ol-control-top.ol-globe {
  bottom: auto;
  top: 5em;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
.ol-control-right.ol-globe {
  left: auto;
  right: .5em;
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
}
.ol-control-right.ol-control-top.ol-globe {
  left: auto;
  right: .5em;
  transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
}
.ol-gridreference {
  background: #fff;
  border: 1px solid #000;
  overflow: auto;
  max-height: 100%;
  top: 0;
  right: 0;
}
.ol-gridreference input {
  width: 100%;
}
.ol-gridreference li {
  padding: 0 .5em;
  cursor: pointer;
}
.ol-gridreference ul li:hover {
  background-color: #ccc;
}
.ol-gridreference li.ol-title,
.ol-gridreference li.ol-title:hover {
  background: rgba(0, 60, 136, .5);
  color: #fff;
  cursor: default;
}
.ol-gridreference ul li .ol-ref {
  margin-left: .5em;
}
.ol-gridreference ul li .ol-ref:before {
  content: "(";
}
.ol-gridreference ul li .ol-ref:after {
  content: ")";
}
.ol-control.ol-imageline {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  overflow: visible;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 0;
}
.ol-control.ol-imageline.ol-collapsed {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.ol-imageline > div {
  height: 4em;
  position: relative;
  white-space: nowrap;
  scroll-behavior: smooth;
  overflow: hidden;
  width: 100%;
}
.ol-imageline > div.ol-move {
  scroll-behavior: unset;
}
.ol-control.ol-imageline button {
  position: absolute;
  top: -1em;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  margin: .65em;
  -webkit-box-shadow: 0 0 0 .15em rgba(255, 255, 255, .4);
  box-shadow: 0 0 0 .15em rgba(255, 255, 255, .4);
}
.ol-control.ol-imageline button:before {
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  top: 40%;
  left: 50%;
  width: .4em;
  height: .4em;
  border: .1em solid currentColor;
  border-width: .15em .15em 0 0;
}
.ol-control.ol-imageline.ol-collapsed button:before {
  top: 60%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-imageline,
.ol-imageline:hover {
  background-color: rgba(0, 0, 0, .75);
}
.ol-imageline.ol-arrow:after,
.ol-imageline.ol-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: .2em;
  border-color: #fff #000;
  border-width: 1em .6em 1em 0;
  border-style: solid;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  opacity: .8;
  pointer-events: none;
  -webkit-box-shadow: -.6em 0 0 1em #fff;
  box-shadow: -.6em 0 0 1em #fff;
}
.ol-imageline.ol-arrow:after {
  border-width: 1em 0 1em .6em;
  left: auto;
  right: .2em;
  -webkit-box-shadow: .6em 0 0 1em #fff;
  box-shadow: .6em 0 0 1em #fff;
}
.ol-imageline .ol-image {
  position: relative;
  height: 100%;
  display: inline-block;
  cursor: pointer;
}
.ol-imageline img {
  max-height: 100%;
  border: .25em solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.ol-imageline img.ol-loaded {
  opacity: 1;
}
.ol-imageline .ol-image.select {
  background-color: #fff;
}
.ol-imageline .ol-image span {
  position: absolute;
  width: 125%;
  max-height: 2.4em;
  left: 50%;
  bottom: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, .5);
  font-size: .8em;
  overflow: hidden;
  white-space: normal;
  text-align: center;
  line-height: 1.2em;
  -webkit-transform: translateX(-50%) scaleX(.8);
  transform: translateX(-50%) scaleX(.8);
}
.ol-imageline .ol-image:hover span {
  display: block;
}
.ol-control.ol-routing.ol-isochrone .ol-method-distance,
.ol-control.ol-routing.ol-isochrone .ol-method-time,
.ol-control.ol-routing.ol-isochrone > button {
  position: relative;
}
.ol-control.ol-routing.ol-isochrone .ol-method-time:before,
.ol-control.ol-routing.ol-isochrone > button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: .1em solid currentColor;
  width: .8em;
  height: .8em;
  border-radius: 50%;
  -webkit-box-shadow: 0 -.5em 0 -.35em, .4em -.35em 0 -.35em;
  box-shadow: 0 -.5em 0 -.35em, .4em -.35em 0 -.35em;
  clip: unset;
}
.ol-control.ol-routing.ol-isochrone .ol-method-time:after,
.ol-control.ol-routing.ol-isochrone > button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-60deg);
  transform: translate(-50%, -50%) rotate(-60deg);
  border-radius: 50%;
  border: .3em solid transparent;
  border-right-color: currentColor;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clip: unset;
}
.ol-control.ol-routing.ol-isochrone .ol-method-distance:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
  transform: translate(-50%, -50%) rotate(-30deg);
  width: 1em;
  height: .5em;
  border: .1em solid currentColor;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-control.ol-routing.ol-isochrone .ol-method-distance:after {
  content: "";
  position: absolute;
  width: .1em;
  height: .15em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
  transform: translate(-50%, -50%) rotate(-30deg);
  -webkit-box-shadow:
    inset 0 -.15em,
    0 .1em,
    .25em .1em,
    -.25em .1em;
  box-shadow:
    inset 0 -.15em,
    0 .1em,
    .25em .1em,
    -.25em .1em;
}
.ol-control.ol-routing.ol-isochrone .ol-direction-direct:before,
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: .3em;
  height: .3em;
  border-radius: 50%;
  border: .1em solid currentColor;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: .25em 0 0 -.05em;
  box-shadow: .25em 0 0 -.05em;
}
.ol-control.ol-routing.ol-isochrone .ol-direction-direct:after,
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 70%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: .4em solid transparent;
  border-width: .4em 0 .4em .4em;
  border-color: transparent currentColor;
}
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after {
  border-width: .4em .4em .4em 0;
}
.ol-control.ol-isochrone input[type=number] {
  width: 3em;
  text-align: right;
  margin: 0 .1em;
}
.ol-control.ol-isochrone .ol-distance input[type=number] {
  width: 5em;
}
.ol-isochrone .ol-distance.selected,
.ol-isochrone .ol-time.selected {
  display: block;
}
.ol-control.ol-layerswitcher-popup {
  position: absolute;
  right: .5em;
  text-align: left;
  top: 3em;
}
.ol-control.ol-layerswitcher-popup .panel {
  clear: both;
  background: #fff;
}
.ol-layerswitcher-popup .panel {
  list-style: none;
  padding: .25em;
  margin: 0;
  overflow: hidden;
}
.ol-layerswitcher-popup .panel ul {
  list-style: none;
  padding: 0 0 0 20px;
  overflow: hidden;
}
.ol-layerswitcher-popup.ol-collapsed .panel {
  display: none;
}
.ol-layerswitcher-popup.ol-forceopen .panel {
  display: block;
}
.ol-layerswitcher-popup button {
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==);
  background-position: center;
  background-repeat: no-repeat;
  float: right;
  height: 38px;
  width: 38px;
}
.ol-layerswitcher-popup li {
  color: #369;
  padding: .25em 1em;
  font-family:
    "Trebuchet MS",
    Helvetica,
    sans-serif;
  cursor: pointer;
}
.ol-layerswitcher-popup li.ol-header {
  display: none;
}
.ol-layerswitcher-popup li.ol-visible,
.ol-layerswitcher-popup li.select {
  background: rgba(0, 60, 136, .7);
  color: #fff;
}
.ol-layerswitcher-popup li:hover {
  background: rgba(0, 60, 136, .9);
  color: #fff;
}
.ol-control.ol-layerswitcher.ol-layer-shop {
  height: calc(100% - 4em);
  max-height: unset;
  max-width: 16em;
  background-color: transparent;
  pointer-events: none !important;
  overflow: visible;
}
.ol-control.ol-layerswitcher > * {
  pointer-events: auto;
}
.ol-control.ol-layer-shop .panel-container,
.ol-control.ol-layer-shop > button {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, .5);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .5);
}
.ol-control.ol-layerswitcher.ol-layer-shop .panel-container {
  overflow-y: scroll;
  max-height: calc(100% - 6.5em);
  border: 2px solid #369;
  border-width: 2px 0;
  padding: 0;
}
.ol-control.ol-layer-shop .panel {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: .25em .5em;
}
.ol-control.ol-layerswitcher.ol-layer-shop .panel-container.ol-scrolldiv {
  overflow: hidden;
}
.ol-control.ol-layer-shop .ol-scroll {
  background-color: rgba(0, 0, 0, .3);
  opacity: .5;
}
.ol-layerswitcher.ol-layer-shop ul.panel li.ol-header {
  display: none;
}
.ol-layerswitcher.ol-layer-shop ul.panel li {
  margin-right: 0;
  padding-right: 0;
}
.ol-layerswitcher.ol-layer-shop .layerup {
  height: 1.5em;
  width: 1.4em;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: transparent;
  color: rgba(0, 60, 136, 1);
}
.ol-layerswitcher.ol-layer-shop .layerup:hover {
  background-color: rgba(0, 60, 136, .3);
}
.ol-layerswitcher.ol-layer-shop .layerup:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0;
  background-color: currentColor;
  width: 1em;
  height: 2px;
  -webkit-box-shadow: 0 -4px, 0 4px;
  box-shadow: 0 -4px, 0 4px;
}
.ol-layerswitcher.ol-layer-shop .layerup:after {
  content: unset;
}
.ol-control.ol-layer-shop .ol-title-bar {
  background-color: rgba(255, 255, 255, .5);
  font-size: .9em;
  height: calc(2.8em - 4px);
  max-width: 14.6em;
  padding: .7em .5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  -webkit-transform: scaleY(1.1);
  transform: scaleY(1.1);
  -webkit-transition: width 0s, -webkit-transform .1s;
  transition: width 0s, -webkit-transform .1s;
  transition: transform .1s, width 0s;
  transition:
    transform .1s,
    width 0s,
    -webkit-transform .1s;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.ol-control.ol-layer-shop:hover .ol-title-bar {
  background-color: rgba(255, 255, 255, .7);
}
.ol-control.ol-layer-shop.ol-collapsed .ol-title-bar {
  max-width: 10em;
  -webkit-transform: scale(.9, 1.1);
  transform: scale(.9, 1.1);
}
.ol-control.ol-layer-shop.ol-forceopen .ol-title-bar {
  max-width: 14.6em;
  -webkit-transform: scaleY(1.1);
  transform: scaleY(1.1);
}
.ol-control.ol-layer-shop .ol-bar {
  position: relative;
  height: 1.75em;
  clear: both;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, .5);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .5);
  background-color: #fff;
  text-align: right;
  z-index: 10;
}
.ol-control.ol-layer-shop.ol-collapsed .ol-bar,
.ol-control.ol-layer-shop.ol-collapsed .ol-scroll {
  border-width: 2px 0 0;
  display: none;
}
.ol-control.ol-layer-shop.ol-forceopen .ol-bar,
.ol-control.ol-layer-shop.ol-forceopen .ol-scroll {
  display: block;
}
.ol-control.ol-layer-shop .ol-bar > * {
  font-size: .9em;
  display: inline-block;
  vertical-align: middle;
  margin-top: .25em;
  background-color: transparent;
}
.ol-layer-shop .ol-bar .ol-button,
.ol-touch .ol-layer-shop .ol-bar .ol-button {
  position: relative;
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  margin: 0;
}
.ol-layer-shop .ol-bar button {
  background-color: #fff;
  color: rgba(0, 60, 136, 1);
}
.ol-layer-shop .ol-bar button:hover {
  background-color: rgba(0, 60, 136, .2);
}
.ol-touch .ol-layerswitcher.ol-layer-shop > button {
  font-size: 1.7em;
}
.ol-touch .ol-layer-shop .ol-bar {
  height: 2em;
}
.ol-touch .ol-layer-shop .ol-control button {
  font-size: 1.4em;
}
.ol-touch .ol-control.ol-layer-shop .panel {
  max-height: calc(100% - 7em);
}
.ol-touch .ol-control.ol-layer-shop .panel label {
  height: 1.8em;
}
.ol-touch .ol-control.ol-layer-shop .panel label span {
  margin-left: .5em;
  padding-top: .25em;
}
.ol-touch .ol-control.ol-layer-shop .panel label:after,
.ol-touch .ol-control.ol-layer-shop .panel label:before {
  font-size: 1.3em;
  z-index: 1;
}
.ol-control.ol-layerswitcher {
  position: absolute;
  right: .5em;
  text-align: left;
  top: 3em;
  max-height: calc(100% - 6em);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv,
.ol-control.ol-layerswitcher .ol-switchertopdiv {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45px;
  background: #fff;
  z-index: 2;
  opacity: 1;
  cursor: pointer;
  border-top: 2px solid transparent;
  border-bottom: 2px solid #369;
  margin: 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-control.ol-layerswitcher.ol-collapsed .ol-switcherbottomdiv,
.ol-control.ol-layerswitcher.ol-collapsed .ol-switchertopdiv {
  display: none;
}
.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switcherbottomdiv,
.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switchertopdiv {
  display: block;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv {
  top: auto;
  bottom: 0;
  height: 2em;
  border-top: 2px solid #369;
  border-bottom: 2px solid transparent;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before,
.ol-control.ol-layerswitcher .ol-switchertopdiv:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border: 10px solid transparent;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: .8;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:hover:before,
.ol-control.ol-layerswitcher .ol-switchertopdiv:hover:before {
  opacity: 1;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv:before {
  border-bottom-color: #369;
  border-top: 0;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before {
  border-top-color: #369;
  border-bottom: 0;
}
.ol-control.ol-layerswitcher .panel-container {
  background-color: #fff;
  border-radius: 0 0 2px 2px;
  clear: both;
  display: block;
  padding: .5em .5em 0;
}
.ol-layerswitcher .panel {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family:
    Tahoma,
    Geneva,
    sans-serif;
  font-size: .9em;
  -webkit-transition: top .3s;
  transition: top .3s;
  position: relative;
  top: 0;
}
.ol-layerswitcher .panel ul {
  list-style: none;
  padding: 0 0 0 20px;
  overflow: hidden;
  clear: both;
}
.ol-layerswitcher input[type=radio],
.ol-layerswitcher input[type=checkbox] {
  display: none;
}
.ol-layerswitcher .panel li {
  -weblit-transition: -webkit-transform .2s linear;
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear, -webkit-transform .2s linear;
  clear: both;
  display: block;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-layerswitcher .panel li.ol-layer-select {
  background-color: rgba(0, 60, 136, .2);
  margin: 0 -.5em;
  padding: 0 .5em;
}
.ol-layerswitcher .panel li.drag {
  opacity: .5;
  transform: scale(.8);
  -webkit-transform: scale(.8);
}
.ol-dragover {
  background: rgba(51, 102, 153, .5);
  opacity: .8;
}
.forbidden .layerswitcher-opacity div,
.forbidden .ol-layerswitcher-buttons div,
.ol-layerswitcher .panel li.forbidden {
  background: rgba(255, 0, 0, .5);
  color: red !important;
}
.ol-layerswitcher.drag,
.ol-layerswitcher.drag * {
  cursor: not-allowed !important;
  cursor: no-drop !important;
}
.ol-layerswitcher.drag .panel li.dropover,
.ol-layerswitcher.drag .panel li.dropover * {
  cursor: pointer !important;
  cursor: n-resize !important;
  cursor: ns-resize !important;
  cursor: -webkit-grab !important;
  cursor: grab !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.ol-layerswitcher .panel li.dropover {
  background: rgba(51, 102, 153, .5);
}
.ol-layerswitcher .panel li label {
  display: inline-block;
  height: 1.4em;
  max-width: 12em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 0 1.7em;
  position: relative;
}
.ol-layerswitcher .panel li label span {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: .2em;
}
.ol-layerswitcher [type=radio] + label:before,
.ol-layerswitcher [type=radio]:checked + label:after,
.ol-layerswitcher [type=checkbox] + label:before,
.ol-layerswitcher [type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: .1em;
  top: .1em;
  width: 1.2em;
  height: 1.2em;
  border: 2px solid #369;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-layerswitcher [type=radio] + label:after,
.ol-layerswitcher [type=radio] + label:before {
  border-radius: 50%;
}
.ol-layerswitcher [type=radio]:checked + label:after {
  background: #369;
  margin: .3em;
  width: .6em;
  height: .6em;
}
.ol-layerswitcher [type=checkbox]:checked + label:after {
  background: 0 0;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: #369;
  width: .7em;
  height: 1em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: .55em;
  top: -.05em;
  -webkit-box-shadow: 1px 0 1px 1px #fff;
  box-shadow: 1px 0 1px 1px #fff;
}
.ol-layerswitcher .panel li.ol-layer-hidden {
  opacity: .6;
}
.ol-layerswitcher.ol-collapsed .panel-container {
  display: none;
}
.ol-layerswitcher.ol-forceopen .panel-container {
  display: block;
}
.ol-layerswitcher-image > button,
.ol-layerswitcher > button {
  background-color: #fff;
  float: right;
  z-index: 10;
  position: relative;
  font-size: 1.7em;
}
.ol-touch .ol-layerswitcher-image > button,
.ol-touch .ol-layerswitcher > button {
  font-size: 2.5em;
}
.ol-layerswitcher-image > button:after,
.ol-layerswitcher-image > button:before,
.ol-layerswitcher > button:after,
.ol-layerswitcher > button:before {
  content: "";
  position: absolute;
  width: .75em;
  height: .75em;
  border-radius: .15em;
  -webkit-transform: scaleY(.8) rotate(45deg);
  transform: scaleY(.8) rotate(45deg);
}
.ol-layerswitcher-image > button:before,
.ol-layerswitcher > button:before {
  background: #e2e4e1;
  top: .32em;
  left: .34em;
  -webkit-box-shadow: .1em .1em #325158;
  box-shadow: .1em .1em #325158;
}
.ol-layerswitcher-image > button:after,
.ol-layerswitcher > button:after {
  top: .22em;
  left: .34em;
  background: #83bcc5;
  background-image:
    radial-gradient(
      circle at .85em .6em,
      #70b3be 0,
      #70b3be .65em,
      #83bcc5 .65em);
}
.ol-layerswitcher-buttons {
  display: block;
  float: right;
  text-align: right;
}
.ol-layerswitcher .panel li > div,
.ol-layerswitcher-buttons > div {
  display: inline-block;
  position: relative;
}
.ol-layerswitcher-buttons > div {
  cursor: pointer;
  height: 1em;
  width: 1em;
  margin: 2px;
  line-height: 1em;
  text-align: center;
  background: #369;
  vertical-align: middle;
  color: #fff;
}
.ol-layerswitcher .ol-separator {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}
.ol-layerswitcher .layerup {
  float: right;
  height: 2.5em;
  background-color: #369;
  opacity: .5;
  cursor: move;
  cursor: ns-resize;
}
.ol-layerswitcher .layerup:after,
.ol-layerswitcher .layerup:before {
  border-color: #fff transparent;
  border-style: solid;
  border-width: .4em .4em 0;
  content: "";
  height: 0;
  position: absolute;
  bottom: 3px;
  left: .1em;
  width: 0;
}
.ol-layerswitcher .layerup:after {
  border-width: 0 .4em .4em;
  top: 3px;
  bottom: auto;
}
.ol-layerswitcher .layerInfo {
  background: #369;
  border-radius: 100%;
}
.ol-layerswitcher .layerInfo:before {
  color: #fff;
  content: "i";
  display: block;
  font-size: .8em;
  font-weight: 700;
  text-align: center;
  width: 1.25em;
  position: absolute;
  left: 0;
  top: 0;
}
.ol-layerswitcher .layerTrash {
  background: #369;
}
.ol-layerswitcher .layerTrash:before {
  color: #fff;
  content: "\d7";
  font-size: 1em;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 1em;
  margin: -.5em 0;
  position: absolute;
}
.ol-layerswitcher .layerExtent {
  background: #369;
}
.ol-layerswitcher .layerExtent:before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  right: 2px;
  top: 6px;
  bottom: 3px;
}
.ol-layerswitcher .layerExtent:after {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  display: block;
  position: absolute;
  bottom: 6px;
  left: 2px;
  right: 6px;
  top: 3px;
}
.ol-layerswitcher .collapse-layers,
.ol-layerswitcher .expend-layers {
  margin: 0 2px;
  background-color: transparent;
}
.ol-layerswitcher .collapse-layers:before,
.ol-layerswitcher .expend-layers:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  height: 4px;
  width: 100%;
  background: #369;
}
.ol-layerswitcher .expend-layers:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -2px;
  width: 4px;
  height: 100%;
  background: #369;
}
.ol-layerswitcher .layerswitcher-opacity {
  position: relative;
  border: 1px solid #369;
  height: 3px;
  width: 120px;
  margin: 5px 1em 10px 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  background: #69c;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 60, 136, 0)), to(rgba(0, 60, 136, .6)));
  background:
    linear-gradient(
      to right,
      rgba(0, 60, 136, 0),
      rgba(0, 60, 136, .6));
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor,
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  background: rgba(0, 60, 136, .5);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
}
.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor {
  width: 26px;
  height: 26px;
}
.ol-layerswitcher .layerswitcher-opacity-label {
  display: none;
  position: absolute;
  right: -2.5em;
  bottom: 5px;
  font-size: .8em;
}
.ol-layerswitcher .layerswitcher-opacity-label::after {
  content: "%";
}
.ol-layerswitcher .layerswitcher-progress {
  display: block;
  margin: -4px 1em 2px 7px;
  width: 120px;
}
.ol-layerswitcher .layerswitcher-progress div {
  background-color: #369;
  height: 2px;
  display: block;
  width: 0;
}
.ol-control.ol-layerswitcher-image {
  position: absolute;
  right: .5em;
  text-align: left;
  top: 1em;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
}
.ol-control.ol-layerswitcher-image.ol-collapsed {
  top: 3em;
  -webkit-transition: none;
  transition: none;
}
.ol-layerswitcher-image .panel {
  list-style: none;
  padding: .25em;
  margin: 0;
  overflow: hidden;
}
.ol-layerswitcher-image .panel ul {
  list-style: none;
  padding: 0 0 0 20px;
  overflow: hidden;
}
.ol-layerswitcher-image.ol-collapsed .panel {
  display: none;
}
.ol-layerswitcher-image.ol-forceopen .panel {
  display: block;
  clear: both;
}
.ol-layerswitcher-image button {
  float: right;
  display: none;
}
.ol-layerswitcher-image.ol-collapsed button {
  display: block;
  position: relative;
}
.ol-layerswitcher-image li {
  border-radius: 4px;
  border: 3px solid transparent;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 2px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
}
.ol-layerswitcher-image li p,
.ol-layerswitcher-image li.ol-header {
  display: none;
}
.ol-layerswitcher-image li.ol-layer-hidden {
  opacity: .5;
  border-color: #555;
}
.ol-layerswitcher-image li img {
  position: absolute;
  max-width: 100%;
}
.ol-layerswitcher-image li.ol-visible,
.ol-layerswitcher-image li.select {
  border: 3px solid red;
}
.ol-layerswitcher-image li:hover p {
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  bottom: 0;
  display: block;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  height: 1.2em;
  font-family:
    Verdana,
    Geneva,
    sans-serif;
  font-size: .8em;
}
.ol-control.ol-legend {
  bottom: .5em;
  left: .5em;
  z-index: 1;
  max-height: 90%;
  max-width: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(255, 255, 255, .6);
}
.ol-control.ol-legend:hover {
  background-color: rgba(255, 255, 255, .8);
}
.ol-control.ol-legend.ol-collapsed,
.ol-control.ol-legend.ol-empty {
  overflow: hidden;
}
.ol-control.ol-legend button {
  position: relative;
  display: none;
}
.ol-control.ol-legend.ol-collapsed button,
.ol-control.ol-legend.ol-empty button {
  display: block;
}
.ol-control.ol-legend.ol-uncollapsible button {
  display: none;
}
.ol-control.ol-legend > canvas,
.ol-control.ol-legend > ul {
  margin: 2px;
}
.ol-control.ol-legend button.ol-closebox {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: 0 0;
  cursor: pointer;
  z-index: 1;
}
.ol-control.ol-legend.ol-collapsed button.ol-closebox,
.ol-control.ol-legend.ol-empty button.ol-closebox,
.ol-control.ol-legend.ol-uncollapsible button.ol-closebox {
  display: none;
}
.ol-control.ol-legend button.ol-closebox:before {
  content: "\d7";
  background: 0 0;
  color: rgba(0, 60, 136, .5);
  font-size: 1.3em;
}
.ol-control.ol-legend button.ol-closebox:hover:before {
  color: rgba(0, 60, 136, 1);
}
.ol-control.ol-legend .ol-legendImg {
  display: block;
}
.ol-control.ol-legend.ol-collapsed .ol-legendImg,
.ol-control.ol-legend.ol-empty .ol-legendImg {
  display: none;
}
.ol-control.ol-legend.ol-uncollapsible .ol-legendImg {
  display: block;
}
.ol-control.ol-legend > button:first-child:after,
.ol-control.ol-legend > button:first-child:before {
  content: "";
  position: absolute;
  top: .25em;
  left: .2em;
  width: .2em;
  height: .2em;
  background-color: currentColor;
  -webkit-box-shadow: 0 .35em, 0 .7em;
  box-shadow: 0 .35em, 0 .7em;
}
.ol-control.ol-legend button:first-child:after {
  top: .27em;
  left: .55em;
  height: .15em;
  width: .6em;
}
ul.ol-legend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ol-control.ol-legend.ol-collapsed ul,
.ol-control.ol-legend.ol-empty ul {
  display: none;
}
.ol-control.ol-legend.ol-uncollapsible ul {
  display: block;
}
.ol-control.ol-legend .ol-legend,
ul.ol-legend li div {
  display: inline-block;
}
ul.ol-legend li.ol-title {
  text-align: center;
  font-weight: 700;
}
ul.ol-legend li.ol-title > div:first-child {
  width: 0 !important;
}
ul.ol-legend li {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
ul.ol-legend li div {
  vertical-align: top;
}
.ol-control.ol-legend.ol-collapsed .ol-legend,
.ol-control.ol-legend.ol-empty .ol-legend {
  display: none;
}
.ol-control.ol-legend.ol-empty button {
  opacity: .4;
}
.ol-control.ol-mapzone {
  position: absolute;
  right: .5em;
  text-align: left;
  top: .5em;
  max-height: calc(100% - 6em);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.ol-control.ol-mapzone.ol-collapsed {
  top: 3em;
}
.ol-control.ol-mapzone button {
  position: relative;
  float: right;
  margin-top: 2.5em;
}
.ol-touch .ol-control.ol-mapzone button {
  margin-top: 1.67em;
}
.ol-control.ol-mapzone.ol-collapsed button {
  margin-top: 0;
}
.ol-control.ol-mapzone button i {
  border: .1em solid currentColor;
  border-radius: 50%;
  width: .9em;
  height: .9em;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-control.ol-mapzone button i:before {
  content: "";
  background-color: currentColor;
  width: .4em;
  height: .4em;
  position: absolute;
  left: .5em;
  top: .3em;
  border-radius: 50%;
  -webkit-box-shadow:
    .05em .3em 0 -.051em currentColor,
    -.05em -.35em 0 -.1em currentColor,
    -.5em -.35em 0 0 currentColor,
    -.65em .1em 0 -.03em currentColor,
    -.65em -.05em 0 -.05em currentColor;
  box-shadow:
    .05em .3em 0 -.051em currentColor,
    -.05em -.35em 0 -.1em currentColor,
    -.5em -.35em 0 0 currentColor,
    -.65em .1em 0 -.03em currentColor,
    -.65em -.05em 0 -.05em currentColor;
}
.ol-mapzone > div {
  position: relative;
  display: inline-block;
  width: 5em;
  height: 5em;
  margin: 0 .2em 0 0;
}
.ol-control.ol-mapzone.ol-collapsed > div,
.ol-overlay {
  display: none;
}
.ol-mapzone > div p {
  margin: 0;
  position: absolute;
  bottom: 0;
  color: #fff;
  font-weight: 700;
  text-align: center;
  width: 160%;
  overflow: hidden;
  font-family:
    "Lucida Grande",
    Verdana,
    Geneva,
    Lucida,
    Arial,
    Helvetica,
    sans-serif;
  -webkit-transform: scaleX(.625);
  transform: scaleX(.625);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  cursor: default;
}
.ol-notification {
  width: 150%;
  bottom: 0;
  border: 0;
  background: 0 0;
  margin: 0;
  padding: 0;
}
.ol-notification > div,
.ol-notification > div:hover {
  position: absolute;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  bottom: 0;
  left: 33.33%;
  max-width: calc(66% - 4em);
  min-width: 5em;
  max-height: 5em;
  min-height: 1em;
  border-radius: 4px 4px 0 0;
  padding: .2em .5em;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
}
.ol-overlay,
.ol-overlay .ol-fullscreen-image img,
.ol-permalink button i:after,
.ol-permalink button i:before {
  -webkit-box-sizing: border-box;
  position: absolute;
}
.ol-notification.ol-collapsed > div {
  bottom: -5em;
  opacity: 0;
}
.ol-notification a {
  color: #9cf;
  cursor: pointer;
}
.ol-notification .ol-close,
.ol-notification .ol-close:hover {
  padding-right: 1.5em;
}
.ol-notification .closeBox {
  position: absolute;
  top: 0;
  right: .3em;
}
.ol-notification .closeBox:before {
  content: "\d7";
}
.ol-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  padding: 1em;
  color: #fff;
  box-sizing: border-box;
  opacity: 0;
  cursor: default;
  overflow: hidden;
  -webkit-transition: all .5s;
  transition: all .5s;
  pointer-events: none;
  z-index: 9;
}
.ol-overlay.stretch,
.ol-overlay.stretchy,
.ol-overlay.zoom,
.ol-overlay.zoomrotate {
  top: 50%;
  left: 50%;
  opacity: .5;
}
.ol-overlay.slide-up {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.ol-overlay.slide-down {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ol-overlay.slide-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ol-overlay.slide-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.ol-overlay.zoom {
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}
.ol-overlay.zoomout {
  -webkit-transform: scale(3);
  transform: scale(3);
}
.ol-overlay.zoomrotate {
  -webkit-transform: translate(-50%, -50%) scale(0) rotate(360deg);
  transform: translate(-50%, -50%) scale(0) rotate(360deg);
}
.ol-overlay.stretch {
  -webkit-transform: translate(-50%, -50%) scaleX(0);
  transform: translate(-50%, -50%) scaleX(0);
}
.ol-overlay.stretchy {
  -webkit-transform: translate(-50%, -50%) scaleY(0);
  transform: translate(-50%, -50%) scaleY(0);
}
.ol-overlay.wipe {
  opacity: 1;
}
.ol-overlay.flip {
  -webkit-transform: perspective(600px) rotateY(180deg);
  transform: perspective(600px) rotateY(180deg);
}
.ol-overlay.card {
  opacity: .5;
  -webkit-transform: translate(-80%, 100%) rotate(-.5turn);
  transform: translate(-80%, 100%) rotate(-.5turn);
}
.ol-overlay.book {
  -webkit-transform: perspective(600px) rotateY(-180deg) scaleX(.6);
  transform: perspective(600px) rotateY(-180deg) scaleX(.6);
  -webkit-transform-origin: 10% 50%;
  transform-origin: 10% 50%;
}
.ol-overlay.book.visible {
  -webkit-transform-origin: 10% 50%;
  transform-origin: 10% 50%;
}
.ol-overlay.ol-visible {
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  pointer-events: all;
}
.ol-overlay .ol-closebox {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1em;
  height: 1em;
  cursor: pointer;
  z-index: 1;
}
.ol-overlay .ol-closebox:before {
  content: "\274c";
  display: block;
  text-align: center;
  vertical-align: middle;
}
.ol-overlay .ol-fullscreen-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ol-overlay .ol-fullscreen-image img {
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  padding: 1em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-overlay .ol-fullscreen-image.ol-has-title img {
  padding-bottom: 3em;
}
.ol-overlay .ol-fullscreen-image p {
  background-color: rgba(0, 0, 0, .5);
  padding: .5em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  text-align: center;
}
.ol-control.ol-overview {
  position: absolute;
  left: .5em;
  text-align: left;
  bottom: .5em;
}
.ol-control.ol-overview .panel {
  display: block;
  width: 150px;
  height: 150px;
  margin: 2px;
  background-color: #fff;
  border: 1px solid #369;
  cursor: pointer;
}
.ol-overview:not(.ol-collapsed) button {
  position: absolute;
  bottom: 2px;
  left: 2px;
  z-index: 2;
}
.ol-control.ol-overview.ol-collapsed .panel {
  display: none;
}
.ol-overview.ol-collapsed button:before {
  content: "\bb";
}
.ol-control-right.ol-overview.ol-collapsed button:before,
.ol-overview button:before {
  content: "\ab";
}
.ol-control-right.ol-overview {
  left: auto;
  right: .5em;
}
.ol-control-right.ol-overview:not(.ol-collapsed) button {
  left: auto;
  right: 2px;
}
.ol-control-right.ol-overview button:before {
  content: "\bb";
}
.ol-control-top.ol-overview {
  bottom: auto;
  top: 5em;
}
.ol-control-top.ol-overview:not(.ol-collapsed) button {
  bottom: auto;
  top: 2px;
}
.ol-permalink {
  position: absolute;
  top: .5em;
  right: 2.5em;
}
.ol-touch .ol-permalink {
  right: 3em;
}
.ol-permalink button i {
  position: absolute;
  width: 1em;
  height: 1em;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-permalink button i:before {
  content: "\2197";
  border: 1px solid currentColor;
  left: 0;
  top: 0;
  width: .3em;
  height: 1em;
  box-sizing: border-box;
  border-width: 1px 0 0 1px;
  padding: 0 .2em;
}
.ol-permalink button i:after {
  content: "";
  border: 1px solid currentColor;
  right: 0;
  bottom: 0;
  width: 1em;
  height: .3em;
  box-sizing: border-box;
  border-width: 0 1px 1px 0;
  padding: .2em;
}
.ol-control.ol-print {
  top: .5em;
  left: 3em;
}
.ol-control.ol-print button:before {
  content: "";
  width: .9em;
  height: .35em;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow:
    inset 0 0 0 .1em,
    inset .55em 0,
    0 .2em 0 -.1em;
  box-shadow:
    inset 0 0 0 .1em,
    inset .55em 0,
    0 .2em 0 -.1em;
}
.ol-control.ol-print button:after {
  content: "";
  width: .7em;
  height: .6em;
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: inset 0 0 0 .15em;
  box-shadow: inset 0 0 0 .15em;
}
.ol-ext-print-dialog {
  width: 100%;
  height: 100%;
}
.ol-ext-print-dialog > form .ol-closebox {
  right: auto;
  left: 16.5em;
  z-index: 1;
  color: #999;
}
.ol-ext-print-dialog .ol-content[data-status=printing] {
  opacity: .5;
}
.ol-ext-print-dialog .ol-content .ol-error {
  display: none;
  background: #b00;
  color: #ff0;
  text-align: center;
  padding: 1em .5em;
  font-weight: 700;
  margin: 0 -1em;
}
.ol-ext-print-dialog .ol-content[data-status=error] .ol-error {
  display: block;
}
.ol-ext-print-dialog.ol-visible > form,
.ol-ext-print-dialog > form {
  -webkit-transition: none;
  transition: none;
  top: 1em;
  left: 1em;
  bottom: 1em;
  right: 1em;
  -webkit-transform: none;
  transform: none;
  max-width: 100%;
  max-height: 100%;
  background-color: #eee;
  padding: 0;
}
.ol-ext-print-dialog .ol-print-map {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 18em);
  overflow: hidden;
}
.ol-ext-print-dialog .ol-print-map .ol-page {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-ext-print-dialog .ol-print-map .ol-page.margin {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.ol-ext-print-dialog .ol-map {
  width: 100%;
  height: 100%;
}
.ol-ext-print-dialog .ol-print-map .ol-control {
  display: none !important;
}
.ol-ext-print-dialog .ol-print-param {
  position: absolute;
  overflow-x: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  width: 18em;
  background-color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-ext-print-dialog .ol-print-param h2 {
  display: block;
  color: rgba(0, 60, 136, .7);
  font-size: 1.1em;
}
.ol-ext-print-dialog .ol-print-param ul {
  padding: 0;
  list-style: none;
}
.ol-ext-print-dialog .ol-print-param li {
  position: relative;
  margin: .5em 0;
  font-size: .9em;
}
.ol-ext-print-dialog .ol-print-param li.hidden {
  display: none;
}
.ol-ext-print-dialog .ol-print-param label {
  width: 8em;
  display: inline-block;
  vertical-align: middle;
}
.ol-ext-print-dialog select {
  outline: 0;
  vertical-align: middle;
}
.ol-ext-print-dialog .ol-orientation {
  text-align: center;
}
.ol-ext-print-dialog .ol-orientation label {
  position: relative;
  width: 7em;
  cursor: pointer;
}
.ol-ext-print-dialog .ol-orientation input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.ol-ext-print-dialog .ol-orientation span {
  position: relative;
  width: 80%;
  display: block;
  padding: 3.5em 0 .2em;
}
.ol-ext-print-dialog .ol-orientation span:before {
  content: "";
  position: absolute;
  width: 2em;
  height: 2.6em;
  bottom: 1.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #333;
  background-color: currentColor;
  border: 1px solid currentColor;
  border-radius: 0 1em 0 0;
  opacity: .5;
  overflow: hidden;
  -webkit-box-shadow: inset 1.3em -1.91em #ddd;
  box-shadow: inset 1.3em -1.91em #ddd;
}
.ol-ext-print-dialog .ol-orientation .landscape span:before {
  width: 2.6em;
  height: 2em;
  margin: .2em 0;
  -webkit-box-shadow: inset 1.91em -1.3em #ddd;
  box-shadow: inset 1.91em -1.3em #ddd;
}
.ol-ext-print-dialog .ol-orientation input:checked + span {
  opacity: 1;
  -webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, .5);
  box-shadow: 0 0 .2em rgba(0, 0, 0, .5);
}
.ol-ext-print-dialog .ol-ext-toggle-switch span {
  position: absolute;
  right: -2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ol-print-title input[type=text] {
  margin-top: .5em;
  width: calc(100% - 6em);
  margin-left: 6em;
}
.ol-ext-print-dialog .ol-size option:first-child {
  font-style: italic;
}
.ol-ext-print-dialog .ol-saveas,
.ol-ext-print-dialog .ol-savelegend {
  text-align: center;
}
.ol-ext-print-dialog .ol-saveas select,
.ol-ext-print-dialog .ol-savelegend select {
  background-color: rgba(0, 60, 136, .7);
  color: #fff;
  padding: .5em;
  margin: 1em 0 0;
  font-size: 1em;
  border: 0;
  font-weight: 700;
  max-width: 12em;
}
.ol-ext-print-dialog .ol-saveas select option,
.ol-ext-print-dialog .ol-savelegend select option {
  background-color: #fff;
  color: #666;
}
.ol-ext-print-dialog .ol-savelegend select {
  margin-top: 0;
}
.ol-ext-print-dialog .ol-ext-buttons {
  text-align: right;
  border-top: 1px solid #ccc;
  padding: .8em .5em;
  margin: 0 -1em;
}
.ol-ext-print-dialog button {
  font-size: 1em;
  margin: 0 .2em;
  border: 1px solid #999;
  background: 0 0;
  padding: .3em 1em;
  color: #333;
}
.ol-ext-print-dialog button[type=submit] {
  background-color: rgba(0, 60, 136, .7);
  color: #fff;
  font-weight: 700;
}
.ol-ext-print-dialog .ol-clipboard-copy {
  position: absolute;
  pointer-events: none;
  top: 0;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  padding: .5em 1em;
  border-radius: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 0;
}
.ol-ext-print-dialog .ol-clipboard-copy.visible {
  -webkit-animation: 1s ol-clipboard-copy;
  animation: 1s ol-clipboard-copy;
}
.ol-ext-print-dialog .ol-print-map .ol-control.ol-canvas-control,
.ol-ext-print-dialog .ol-print-map .ol-control.ol-print-compass {
  display: block !important;
}
.ol-ext-print-dialog .ol-print-map .ol-control.olext-print-compass {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  margin: 20px;
}
@-webkit-keyframes ol-clipboard-copy {
  0% {
    opacity: 0;
    top: 0;
  }
  80% {
    opacity: 1;
    top: -3em;
  }
  100% {
    opacity: 0;
    top: -3em;
  }
}
@keyframes ol-clipboard-copy {
  0% {
    opacity: 0;
    top: 0;
  }
  80% {
    opacity: 1;
    top: -3em;
  }
  100% {
    opacity: 0;
    top: -3em;
  }
}
@media print {
  body.ol-print-document {
    margin: 0 !important;
    padding: 0 !important;
  }
  body.ol-print-document > * {
    display: none !important;
  }
  body.ol-print-document > .ol-ext-print-dialog {
    display: block !important;
  }
  body.ol-print-document > .ol-ext-print-dialog .ol-content {
    max-height: unset !important;
    max-width: unset !important;
    width: unset !important;
    height: unset !important;
  }
  .ol-ext-print-dialog,
  .ol-ext-print-dialog > form {
    position: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0 !important;
    border: 0;
  }
  .ol-ext-print-dialog .ol-print-param,
  .ol-ext-print-dialog > form > * {
    display: none !important;
    background: 0 0;
  }
  .ol-ext-print-dialog .ol-content {
    display: block !important;
    border: 0;
    background: 0 0;
  }
  .ol-ext-print-dialog .ol-print-map {
    position: unset;
    background: 0 0;
    width: auto;
    overflow: visible;
  }
  .ol-ext-print-dialog .ol-print-map .ol-page {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: unset;
  }
}
@media (max-width: 25em) {
  .ol-ext-print-dialog .ol-print-param {
    width: 13em;
  }
  .ol-ext-print-dialog .ol-print-map {
    width: calc(100% - 13em);
  }
  .ol-ext-print-dialog .ol-print-param .ol-print-title input[type=text] {
    width: 100%;
    margin: 0;
  }
}
.ol-profil {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ol-control.ol-profil {
  position: absolute;
  top: .5em;
  right: 3em;
  text-align: right;
  overflow: hidden;
}
.ol-profil .ol-zoom-out {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 1em;
  height: 1em;
  padding: 0;
  border: 1px solid #000;
  border-radius: 2px;
  cursor: pointer;
}
.ol-profil .ol-zoom-out:before {
  content: "";
  height: 2px;
  width: 60%;
  background: currentColor;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-profil .ol-inner {
  position: relative;
  padding: .5em;
  font-size: .8em;
}
.ol-control.ol-profil .ol-inner {
  display: block;
  background-color: rgba(255, 255, 255, .7);
  margin: 2.3em 2px 2px;
}
.ol-control.ol-profil.ol-collapsed .ol-inner {
  display: none;
}
.ol-profil canvas {
  display: block;
}
.ol-profil button {
  display: block;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.ol-profil button i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
  overflow: hidden;
}
.ol-profil button i:after,
.ol-profil button i:before {
  content: "";
  position: absolute;
  display: block;
  background-color: currentColor;
  width: 1em;
  height: .9em;
  -webkit-transform: scaleX(.8) translate(-.25em, .5em) rotate(45deg);
  transform: scaleX(.8) translate(-.25em, .5em) rotate(45deg);
}
.ol-profil button i:after {
  -webkit-transform: scaleX(.8) translate(.35em, .7em) rotate(45deg);
  transform: scaleX(.8) translate(.35em, .7em) rotate(45deg);
}
.ol-profil.ol-collapsed button {
  position: static;
}
.ol-profil .ol-profilbar,
.ol-profil .ol-profilcursor {
  position: absolute;
  pointer-events: none;
  width: 1px;
  display: none;
}
.ol-profil .ol-profilcursor {
  width: 0;
  height: 0;
}
.ol-profil .ol-profilcursor:before {
  content: "";
  pointer-events: none;
  display: block;
  margin: -2px;
  width: 5px;
  height: 5px;
}
.ol-profil .ol-profilbar,
.ol-profil .ol-profilcursor:before {
  background: red;
}
.ol-profil table {
  text-align: center;
  width: 100%;
}
.ol-profil table span {
  display: block;
}
.ol-profilpopup {
  background-color: rgba(255, 255, 255, .5);
  margin: .5em;
  padding: 0 .5em;
  position: absolute;
  top: -1em;
  white-space: nowrap;
}
.ol-profilpopup.ol-left {
  right: 0;
}
.ol-profil table td {
  padding: 0 2px;
}
.ol-profil table .track-info {
  display: table-row;
}
.ol-profil .over table .track-info,
.ol-profil table .point-info {
  display: none;
}
.ol-profil .over table .point-info {
  display: table-row;
}
.ol-profil p {
  text-align: center;
  margin: 0;
}
.ol-control.ol-progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  pointer-events: none !important;
  background-color: transparent;
}
.ol-control.ol-progress-bar > .ol-bar {
  position: absolute;
  background-color: rgba(0, 60, 136, .5);
  left: 0;
  bottom: 0;
  height: .5em;
  width: 0;
  -webkit-transition: width .2s;
  transition: width .2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-progress-bar > .ol-waiting {
  display: none;
}
.ol-viewport .ol-control.ol-progress-bar > .ol-waiting {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2em;
  display: block;
  -webkit-animation: 1s linear infinite ol-progress-bar-blink;
  animation: 1s linear infinite ol-progress-bar-blink;
}
@-webkit-keyframes ol-progress-bar-blink {
  0%, 30% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes ol-progress-bar-blink {
  0%, 30% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.ol-control.ol-routing {
  top: .5em;
  left: 3em;
  max-height: 90%;
  overflow-y: auto;
}
.ol-touch .ol-control.ol-routing {
  left: 3.5em;
}
.ol-control.ol-routing.ol-searching {
  opacity: .5;
}
.ol-control.ol-routing .ol-car,
.ol-control.ol-routing > button {
  position: relative;
}
.ol-control.ol-routing .ol-car:after,
.ol-control.ol-routing > button:after {
  content: "";
  position: absolute;
  width: .78em;
  height: .6em;
  border-radius: 40% 50% 0 0/50% 70% 0 0;
  -webkit-box-shadow:
    inset 0 0 0 .065em,
    -.35em .14em 0 -.09em,
    inset 0 -.37em,
    inset -.14em .005em;
  box-shadow:
    inset 0 0 0 .065em,
    -.35em .14em 0 -.09em,
    inset 0 -.37em,
    inset -.14em .005em;
  clip: rect(0 1em .5em -1em);
  top: .35em;
  left: .4em;
}
.ol-control.ol-routing .ol-car:before,
.ol-control.ol-routing > button:before {
  content: "";
  position: absolute;
  width: .28em;
  height: .28em;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1em, .65em 0;
  box-shadow: inset 0 0 0 1em, .65em 0;
  top: .73em;
  left: .2em;
}
.ol-control.ol-routing .ol-pedestrian:after {
  content: "";
  position: absolute;
  width: .3em;
  height: .4em;
  top: .25em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow:
    inset .3em 0,
    .1em .5em 0 -.1em,
    -.1em .5em 0 -.1em,
    .25em .1em 0 -.1em,
    -.25em .1em 0 -.1em;
  box-shadow:
    inset .3em 0,
    .1em .5em 0 -.1em,
    -.1em .5em 0 -.1em,
    .25em .1em 0 -.1em,
    -.25em .1em 0 -.1em;
  border-top: .2em solid transparent;
}
.ol-control.ol-routing .ol-pedestrian:before {
  content: "";
  position: absolute;
  width: .3em;
  height: .3em;
  top: .1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  background-color: currentColor;
}
.ol-control.ol-routing .content {
  margin: .5em;
}
.ol-control.ol-routing.ol-collapsed .content,
.ol-routing .ol-search ul .copy,
.ol-routing .ol-search.ol-collapsed ul {
  display: none;
}
.ol-routing .content .search-input > div > * {
  display: inline-block;
  vertical-align: top;
}
.ol-routing .ol-result ul {
  list-style: none;
  display: block;
}
.ol-routing .ol-result li {
  position: relative;
  min-height: 1.65em;
}
.ol-routing .ol-result li i {
  display: block;
  font-size: .8em;
  font-weight: 700;
}
.ol-routing .ol-result li:before {
  content: "";
  border: 5px solid transparent;
  position: absolute;
  left: -1.75em;
  border-bottom-color: #369;
  border-width: .6em .4em;
  -webkit-transform-origin: 50% 125%;
  transform-origin: 50% 125%;
  -webkit-box-shadow: 0 .65em 0 -.25em #369;
  box-shadow: 0 .65em 0 -.25em #369;
  top: -.8em;
}
.ol-routing .ol-result li:after {
  content: "";
  position: absolute;
  width: .3em;
  height: .6em;
  left: -1.5em;
  background: #369;
  top: .6em;
}
.ol-routing .ol-result li.R:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ol-routing .ol-result li.FR:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ol-routing .ol-result li.L:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ol-routing .ol-result li.FL:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ol-routing .content > i {
  vertical-align: middle;
  margin: 0 .3em 0 .1em;
  font-style: normal;
}
.ol-routing .ol-button,
.ol-routing .ol-button:focus,
.ol-routing .ol-car,
.ol-routing .ol-pedestrian {
  font-size: 1.1em;
  position: relative;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  color: rgba(0, 60, 136, 1);
  background-color: transparent;
  margin: 0 .1em;
  opacity: .5;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.ol-routing .ol-button.selected,
.ol-routing .ol-button:hover,
.ol-routing i.selected {
  opacity: 1;
  background: 0 0;
}
.ol-control.ol-routing {
  background-color: rgba(255, 255, 255, .25);
}
.ol-control.ol-routing:hover,
.ol-viewport .ol-scale {
  background-color: rgba(255, 255, 255, .75);
}
.search-input > div > button:before {
  content: "\b1";
}
.ol-viewport .ol-scale {
  left: .5em;
  bottom: 2.5em;
  text-align: center;
  -webkit-transform: scaleX(.8);
  -webkit-transform-origin: 0 0;
  transform: scaleX(.8);
  transform-origin: 0 0;
}
.ol-viewport .ol-scale input {
  background: 0 0;
  border: 0;
  width: 8em;
  text-align: center;
}
.ol-search {
  top: .5em;
  left: 3em;
}
.ol-touch .ol-search {
  left: 3.5em;
}
.ol-search button {
  top: 2px;
  left: 2px;
  float: left;
}
.ol-control.ol-search > button:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: .7em;
  height: .7em;
  background-color: transparent;
  border: .12em solid currentColor;
  border-radius: 100%;
  top: .35em;
  left: .35em;
}
.ol-control.ol-search > button:after {
  content: "";
  position: absolute;
  top: 1.1em;
  left: .95em;
  width: .45em;
  height: .15em;
  background-color: currentColor;
  border-radius: .05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: -.18em 0 0 -.03em;
  box-shadow: -.18em 0 0 -.03em;
}
.ol-search button.ol-revers {
  float: none;
  background-image: none;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: 0;
  left: 0;
}
.ol-input-popup.ol-fixed.ol-left .ol-popup,
.ol-input-slider.ol-fixed.ol-left .ol-popup,
.ol-search ul li img {
  float: left;
}
.ol-search.ol-revers button.ol-revers {
  background-color: rgba(0, 136, 60, .5);
}
.ol-control.ol-search.ol-collapsed button.ol-revers {
  display: none;
}
.ol-search button.ol-revers:before {
  content: "";
  border: .1em solid currentColor;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: .55em;
  height: .55em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-search button.ol-revers:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: .2em;
  height: .2em;
  background-color: transparent;
  -webkit-box-shadow:
    .35em 0 currentColor,
    0 .35em currentColor,
    -.35em 0 currentColor,
    0 -.35em currentColor;
  box-shadow:
    .35em 0 currentColor,
    0 .35em currentColor,
    -.35em 0 currentColor,
    0 -.35em currentColor;
}
.ol-search input {
  display: inline-block;
  border: 0;
  margin: 1px 1px 1px 2px;
  font-size: 1.14em;
  padding-left: .3em;
  height: 1.375em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .1s;
  transition: all .1s;
}
.ol-touch .ol-search input,
.ol-touch .ol-search ul {
  font-size: 1.5em;
}
.ol-control.ol-search.ol-collapsed > *,
.ol-search.ol-revers > ul {
  display: none;
}
.ol-control.ol-search.ol-collapsed > button,
.ol-search ul {
  display: block;
}
.ol-search ul {
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
  cursor: pointer;
  max-width: 17em;
  overflow-x: hidden;
  z-index: 1;
  background: #fff;
}
.ol-search ul li {
  padding: .1em .5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-search ul li.select,
.ol-search ul li:hover {
  background-color: rgba(0, 60, 136, .5);
  color: #fff;
}
.ol-search ul li img {
  max-height: 2em;
}
.ol-search li.copy {
  background: rgba(0, 0, 0, .5);
  color: #fff;
}
.ol-search li.copy a {
  color: #fff;
  text-decoration: none;
}
.ol-search.searching:before {
  content: "";
  position: absolute;
  height: 3px;
  left: 0;
  top: 1.6em;
  -webkit-animation: pulse .5s infinite alternate linear;
  animation: pulse .5s infinite alternate linear;
  background: red;
  z-index: 2;
}
@-webkit-keyframes pulse {
  0% {
    left: 0;
    right: 95%;
  }
  50% {
    left: 30%;
    right: 30%;
  }
  100% {
    left: 95%;
    right: 0;
  }
}
@keyframes pulse {
  0% {
    left: 0;
    right: 95%;
  }
  50% {
    left: 30%;
    right: 30%;
  }
  100% {
    left: 95%;
    right: 0;
  }
}
.ol-search.IGNF-parcelle input {
  width: 13.5em;
}
.ol-search.IGNF-parcelle input:-moz-read-only {
  background: #ccc;
  opacity: .8;
}
.ol-search.IGNF-parcelle input:read-only {
  background: #ccc;
  opacity: .8;
}
.ol-search.IGNF-parcelle.ol-collapsed-list > ul.autocomplete {
  display: none;
}
.ol-search.IGNF-parcelle label {
  display: block;
  clear: both;
}
.ol-search.IGNF-parcelle > div input,
.ol-search.IGNF-parcelle > div label {
  width: 5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: .1em;
  font-size: 1em;
}
.ol-search.IGNF-parcelle ul.autocomplete-page {
  margin-top: .5em;
  width: 100%;
  text-align: center;
  display: none;
}
.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-page,
.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-parcelle {
  display: block;
}
.ol-search.IGNF-parcelle ul.autocomplete-parcelle,
.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-page,
.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-parcelle {
  display: none;
}
.ol-search.IGNF-parcelle ul.autocomplete-page li {
  display: inline-block;
  color: #fff;
  background: rgba(0, 60, 136, .5);
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  padding: .1em;
  margin: 0 .1em;
}
.ol-search.IGNF-parcelle ul.autocomplete-page li.selected {
  background: rgba(0, 60, 136, 1);
}
.ol-searchgps input.search {
  display: none;
}
.ol-control.ol-searchgps > button:first-child {
  background-image: none;
}
.ol-control.ol-searchgps > button:first-child:before {
  content: "x/y";
  position: unset;
  display: block;
  -webkit-transform: scaleX(.8);
  transform: scaleX(.8);
  border: unset;
  border-radius: 0;
  width: auto;
  height: auto;
}
.ol-control.ol-searchgps > button:first-child:after {
  content: unset;
}
.ol-control.ol-searchgps .ol-latitude,
.ol-control.ol-searchgps .ol-longitude {
  clear: both;
}
.ol-control.ol-searchgps .ol-latitude label,
.ol-control.ol-searchgps .ol-longitude label {
  width: 5.5em;
  display: inline-block;
  text-align: right;
  -webkit-transform: scaleX(.8);
  transform: scaleX(.8);
  margin: 0 -.8em 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.ol-control.ol-searchgps .ol-latitude input,
.ol-control.ol-searchgps .ol-longitude input {
  max-width: 10em;
}
.ol-control.ol-searchgps .ol-ext-toggle-switch {
  cursor: pointer;
  float: right;
  margin: .5em;
  font-size: .9em;
}
.ol-searchgps .ol-decimal {
  display: inline-block;
  margin-right: .7em;
}
.ol-searchgps .ol-dms,
.ol-searchgps.ol-dms .ol-decimal {
  display: none;
  width: 3em;
  text-align: right;
}
.ol-searchgps.ol-dms .ol-dms {
  display: inline-block;
}
.ol-searchgps span.ol-dms {
  width: .5em;
  text-align: left;
}
.ol-searchgps.ol-control.ol-collapsed button.ol-geoloc {
  display: none;
}
.ol-searchgps button.ol-geoloc {
  top: 0;
  float: right;
  margin-right: 3px;
  background-image: none;
  position: relative;
}
.ol-searchgps button.ol-geoloc:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .6em;
  height: .6em;
  border: .1em solid currentColor;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-searchgps button.ol-geoloc:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .2em;
  height: .2em;
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow:
    .45em 0 currentColor,
    -.45em 0 currentColor,
    0 -.45em currentColor,
    0 .45em currentColor,
    .25em 0 currentColor,
    -.25em 0 currentColor,
    0 -.25em currentColor,
    0 .25em currentColor;
  box-shadow:
    .45em 0 currentColor,
    -.45em 0 currentColor,
    0 -.45em currentColor,
    0 .45em currentColor,
    .25em 0 currentColor,
    -.25em 0 currentColor,
    0 -.25em currentColor,
    0 .25em currentColor;
}
.ol-control.ol-select {
  top: .5em;
  left: 3em;
  background-color: rgba(255, 255, 255, .5);
}
.ol-control.ol-select:hover {
  background-color: rgba(255, 255, 255, .7);
}
.ol-touch .ol-control.ol-select {
  left: 3.5em;
}
.ol-control.ol-select > button:before {
  content: "A";
  font-size: .6em;
  font-weight: 400;
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  background-color: transparent;
  border: .2em solid currentColor;
  border-radius: 100%;
  top: .5em;
  left: .5em;
  line-height: 1em;
  text-align: center;
}
.ol-control.ol-select > button:after {
  content: "";
  position: absolute;
  top: 1.15em;
  left: 1em;
  width: .45em;
  height: .15em;
  background-color: currentColor;
  border-radius: .05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: -.18em 0 0 -.03em;
  box-shadow: -.18em 0 0 -.03em;
}
.ol-select > div button {
  width: auto;
  padding: 0 .5em;
  float: right;
  font-weight: 400;
  height: 1.2em;
  line-height: 1.2em;
}
.ol-select .ol-delete {
  width: 1.5em;
  height: 1em;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.ol-select .ol-delete:before {
  content: "\d7";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-weight: 700;
}
.ol-control.ol-select input {
  font-size: 1em;
}
.ol-control.ol-select select {
  font-size: 1em;
  max-width: 10em;
}
.ol-control.ol-select select option.ol-default {
  color: #999;
  font-style: italic;
}
.ol-control.ol-select > div {
  display: block;
  margin: .25em;
}
.ol-control.ol-select.ol-collapsed > div {
  display: none;
}
.ol-control.ol-select.ol-select-check {
  max-width: 20em;
}
.ol-control.ol-select label.ol-ext-check {
  margin-right: 1em;
}
.ol-control.ol-select label.ol-ext-toggle-switch span {
  font-size: 1.1em;
}
.ol-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ol-control.ol-select input[type=text],
.ol-control.ol-select input[type=search] {
  width: 8em;
}
.ol-select .ol-autocomplete {
  display: inline;
}
.ol-select .ol-autocomplete ul {
  position: absolute;
  display: block;
  background: #fff;
  border: 1px solid #999;
  min-width: 10em;
  font-size: .85em;
}
.ol-select ul.ol-hidden,
.ol-select-multi li > div .ol-ok,
.ol-select-multi li > div > button {
  display: none;
}
.ol-select .ol-autocomplete ul li {
  padding: 0 .5em;
}
.ol-select .ol-autocomplete ul li:hover {
  color: #fff;
  background: rgba(0, 60, 136, .5);
}
.ol-select-multi li > div.ol-control.ol-select,
.ol-select-multi li > div:hover {
  position: relative;
  top: unset;
  left: unset;
  background: 0 0;
}
.ol-select-multi li .ol-control.ol-select.ol-collapsed > div,
.ol-select-multi li > div > div {
  display: block;
}
.ol-control.ol-status {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .2);
  color: #fff;
  font-size: .9em;
  padding: .3em 3em;
  border-radius: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none !important;
  display: none;
}
.ol-control.ol-status.ol-visible {
  display: initial;
}
.ol-control.ol-status.ol-bottom {
  top: auto;
  bottom: 0;
}
.ol-control.ol-status.ol-left {
  top: 0;
  bottom: 0;
  padding: .3em .5em .3em 3em;
  width: auto;
}
.ol-control.ol-status.ol-right {
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  padding: .3em 3em .3em .5em;
  width: auto;
}
.ol-control.ol-status.ol-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ol-control.ol-storymap {
  top: .5em;
  left: .5em;
  bottom: .5em;
  max-width: 35%;
  border-radius: .5em;
  position: absolute;
  height: auto;
  background-color: rgba(255, 255, 255, .5);
}
.ol-storymap,
.ol-storymap > div {
  padding: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ol-storymap > div {
  scroll-behavior: smooth;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ol-storymap > div.ol-move {
  scroll-behavior: unset;
}
.ol-control.ol-storymap .chapter {
  position: relative;
  padding: .5em;
  overflow: hidden;
}
.ol-control.ol-storymap .chapter:last-child {
  margin-bottom: 100%;
}
.ol-storymap .chapter {
  cursor: pointer;
  opacity: .4;
}
.ol-storymap .chapter.ol-select {
  cursor: default;
  opacity: 1;
  background-color: rgba(255, 255, 255, .8);
}
.ol-storymap .ol-scroll-next,
.ol-storymap .ol-scroll-top {
  position: relative;
  min-height: 1.7em;
  color: rgba(0, 60, 136, .5);
  text-align: center;
  cursor: pointer;
}
.ol-storymap .ol-scroll-next span {
  padding-bottom: 1.4em;
  display: block;
}
.ol-storymap .ol-scroll-top span {
  padding-top: 1.4em;
  display: block;
}
.ol-storymap .ol-scroll-next:before,
.ol-storymap .ol-scroll-top:before {
  content: "";
  border: .3em solid currentColor;
  border-radius: .3em;
  border-color: transparent currentColor currentColor transparent;
  width: .8em;
  height: .8em;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -webkit-animation: ol-bounce-bottom .35s linear infinite alternate;
  animation: ol-bounce-bottom .35s linear infinite alternate;
  pointer-events: none;
}
.ol-storymap .ol-scroll-top:before {
  border-color: currentColor transparent transparent currentColor;
  -webkit-animation: ol-bounce-top .35s linear infinite alternate;
  animation: ol-bounce-top .35s linear infinite alternate;
}
@-webkit-keyframes ol-bounce-top {
  from {
    top: -.2em;
  }
  to {
    top: .5em;
  }
}
@keyframes ol-bounce-top {
  from {
    top: -.2em;
  }
  to {
    top: .5em;
  }
}
@-webkit-keyframes ol-bounce-bottom {
  from {
    bottom: -.2em;
  }
  to {
    bottom: .5em;
  }
}
@keyframes ol-bounce-bottom {
  from {
    bottom: -.2em;
  }
  to {
    bottom: .5em;
  }
}
.ol-storymap img[data-title] {
  cursor: pointer;
}
.ol-storymap.scrollBox,
.ol-storymap.scrollLine {
  top: 0;
  bottom: 0;
  background-color: transparent;
  border-radius: 0;
  max-width: 40%;
}
.ol-storymap.scrollBox .chapter,
.ol-storymap.scrollLine .chapter {
  background-color: #fff;
  margin: 100% 0;
}
.ol-storymap.scrollBox .chapter:first-child,
.ol-storymap.scrollLine .chapter:first-child {
  margin-top: 3em;
}
.ol-storymap.scrollBox .chapter,
.ol-storymap.scrollBox .chapter.ol-select,
.ol-storymap.scrollLine .chapter,
.ol-storymap.scrollLine .chapter.ol-select {
  opacity: 1;
}
.ol-storymap.scrollBox .ol-scrolldiv,
.ol-storymap.scrollLine .ol-scrolldiv {
  padding-right: 30px;
}
.ol-storymap.scrollBox:before,
.ol-storymap.scrollLine:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 14px;
  background-color: #fff;
}
.ol-storymap.scrollBox .ol-scroll,
.ol-storymap.scrollLine .ol-scroll {
  display: block !important;
  padding: 0;
  width: 1px;
  opacity: 1 !important;
  right: 15px;
  overflow: visible;
  -webkit-transition: none;
  transition: none;
}
.ol-storymap.scrollLine .ol-scroll > div {
  background-color: transparent;
  overflow: visible;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.ol-storymap.scrollLine .ol-scroll > div:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0af;
  border: 2px solid #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-storymap.scrollBox .ol-scroll > div {
  display: none;
}
.ol-storymap.scrollBox .chapter:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: Min(30%, 5em);
  right: -24.5px;
  -webkit-box-shadow: 0 0 0 2px #fff, inset 0 0 0 15px #0af;
  box-shadow: 0 0 0 2px #fff, inset 0 0 0 15px #0af;
  border-radius: 50%;
  border: 5px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.ol-swipe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-touch-action: none;
  touch-action: none;
}
.ol-swipe:before {
  content: "";
  position: absolute;
  top: -5000px;
  bottom: -5000px;
  left: 50%;
  width: 4px;
  background: #fff;
  z-index: -1;
  -webkit-transform: translate(-2px, 0);
  transform: translate(-2px, 0);
}
.ol-swipe.horizontal:before {
  left: -5000px;
  right: -5000px;
  top: 50%;
  bottom: auto;
  width: auto;
  height: 4px;
}
.ol-swipe,
.ol-swipe button {
  cursor: ew-resize;
}
.ol-swipe.horizontal,
.ol-swipe.horizontal button {
  cursor: ns-resize;
}
.ol-swipe button:after,
.ol-swipe button:before,
.ol-swipe:after {
  content: "";
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 50%;
  width: 2px;
  background: currentColor;
  transform: translate(-1px, 0);
  -webkit-transform: translate(-1px, 0);
}
.ol-swipe button:after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.ol-swipe button:before {
  -webkit-transform: translateX(-6px);
  transform: translateX(-6px);
}
.ol-control.ol-timeline {
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: rgba(255, 255, 255, .4);
}
.ol-control.ol-timeline.ol-collapsed {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.ol-timeline {
  overflow: hidden;
  padding: 2px 0 0;
}
.ol-timeline .ol-scroll {
  overflow: hidden;
  scroll-behavior: smooth;
  line-height: 1em;
  height: 6em;
  padding: 0 50%;
}
.ol-timeline .ol-scroll.ol-move {
  scroll-behavior: unset;
}
.ol-timeline.ol-hasbutton .ol-scroll {
  margin-left: 1.5em;
  padding: 0 calc(50% - .75em);
}
.ol-timeline .ol-buttons {
  display: none;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, .5);
  width: 1.5em;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.ol-timeline.ol-hasbutton .ol-buttons {
  display: block;
}
.ol-timeline .ol-buttons button {
  font-size: 1em;
  margin: 1px;
  position: relative;
}
.ol-timeline .ol-buttons .ol-zoom-in:before,
.ol-timeline .ol-buttons .ol-zoom-out:before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-timeline .ol-buttons .ol-zoom-out:before {
  content: "\2212";
}
.ol-timeline .ol-scroll > div {
  height: 100%;
  position: relative;
}
.ol-timeline .ol-scroll .ol-times {
  background: rgba(255, 255, 255, .5);
  height: 1em;
  bottom: 0;
  position: absolute;
  left: -1000px;
  right: -1000px;
}
.ol-timeline .ol-scroll .ol-time {
  position: absolute;
  font-size: .7em;
  color: #999;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ol-timeline .ol-scroll .ol-time.ol-year {
  color: #666;
  z-index: 1;
}
.ol-timeline .ol-scroll .ol-time:before {
  content: "";
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  height: 500px;
  border-left: 1px solid currentColor;
}
.ol-timeline .ol-scroll .ol-features {
  position: absolute;
  top: 0;
  bottom: 1em;
  left: -200px;
  right: -1000px;
  margin: 0 0 0 200px;
  overflow: hidden;
}
.ol-timeline .ol-scroll .ol-feature {
  position: absolute;
  font-size: .7em;
  color: #999;
  top: 0;
  background: #fff;
  max-width: 3em;
  max-height: 2.4em;
  min-height: 1em;
  line-height: 1.2em;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 0 .5em 0 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-timeline.ol-zoomhover .ol-scroll .ol-feature.ol-select,
.ol-timeline.ol-zoomhover .ol-scroll .ol-feature:hover {
  z-index: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background: #eee;
}
.ol-timeline .ol-center-date {
  display: none;
  position: absolute;
  left: 50%;
  height: 100%;
  width: 2px;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: red;
  opacity: .4;
}
.ol-timeline.ol-hasbutton .ol-center-date {
  left: calc(50% + .75em);
}
.ol-timeline.ol-pointer .ol-center-date {
  display: block;
}
.ol-timeline.ol-pointer .ol-center-date:after,
.ol-timeline.ol-pointer .ol-center-date:before {
  content: "";
  border: .3em solid transparent;
  border-width: .3em .25em;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ol-timeline.ol-pointer .ol-center-date:before {
  border-top-color: red;
  top: 0;
}
.ol-timeline.ol-pointer .ol-center-date:after {
  border-bottom-color: red;
  bottom: 0;
}
.ol-timeline.ol-interval .ol-center-date {
  display: block;
  background-color: transparent;
  border: 0 solid #000;
  border-width: 0 10000px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  opacity: .2;
}
.ol-control.ol-videorec {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.ol-control.ol-videorec button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ol-control.ol-videorec button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .8em;
  height: .8em;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: currentColor;
}
.ol-control.ol-videorec button.ol-start:before {
  width: .9em;
  height: .9em;
  border-radius: 50%;
  background-color: #c00;
}
.ol-control.ol-videorec button.ol-pause:before {
  width: .2em;
  background-color: transparent;
  -webkit-box-shadow: -.2em 0, .2em 0;
  box-shadow: -.2em 0, .2em 0;
}
.ol-control.ol-videorec button.ol-resume:before {
  border-style: solid;
  background: 0 0;
  width: auto;
  border-width: .4em 0 .4em .6em;
  border-color: transparent transparent transparent currentColor;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-control.ol-videorec button.ol-pause,
.ol-control.ol-videorec button.ol-resume,
.ol-control.ol-videorec button.ol-stop,
.ol-control.ol-videorec[data-state=rec] .ol-start,
.ol-control.ol-videorec[data-state=pause] .ol-start {
  display: none;
}
.ol-control.ol-videorec[data-state=rec] .ol-pause,
.ol-control.ol-videorec[data-state=rec] .ol-stop,
.ol-control.ol-videorec[data-state=pause] .ol-resume,
.ol-control.ol-videorec[data-state=pause] .ol-stop {
  display: inline-block;
}
.ol-control.ol-wmscapabilities {
  top: .5em;
  right: 2.5em;
}
.ol-touch .ol-control.ol-wmscapabilities {
  right: 3em;
}
.ol-control.ol-wmscapabilities.ol-hidden {
  display: none;
}
.ol-control.ol-wmscapabilities button:before {
  content: "+";
  position: absolute;
  top: calc(50% - .35em);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-control.ol-wmscapabilities button:after {
  content: "";
  width: .75em;
  height: .75em;
  position: absolute;
  background: 0 0;
  top: calc(50% - .05em);
  left: 50%;
  -webkit-transform: scaleY(.6) translate(-50%, -50%) rotate(45deg);
  transform: scaleY(.6) translate(-50%, -50%) rotate(45deg);
  -webkit-box-shadow:
    inset -.18em -.18em currentColor,
    -.4em .1em 0 -.25em currentColor,
    .1em -.35em 0 -.25em currentColor,
    .15em .15em currentColor;
  box-shadow:
    inset -.18em -.18em currentColor,
    -.4em .1em 0 -.25em currentColor,
    .1em -.35em 0 -.25em currentColor,
    .15em .15em currentColor;
  border-radius: .1em 0;
  border: .15em solid transparent;
  border-width: 0 .15em .15em 0;
}
.ol-wmscapabilities .ol-searching {
  opacity: .5;
}
.ol-wmscapabilities .ol-searching .ol-url:after {
  content: "";
  width: .7em;
  height: .7em;
  background-color: currentColor;
  position: absolute;
  top: 6em;
  border-radius: 50%;
  display: block;
  left: calc(50% - .35em);
  -webkit-box-shadow:
    0 1em currentColor,
    0 -1em currentColor,
    1em 0 currentColor,
    -1em 0 currentColor;
  box-shadow:
    0 1em currentColor,
    0 -1em currentColor,
    1em 0 currentColor,
    -1em 0 currentColor;
  -webkit-animation: ol-wmscapabilities-rotate 2s linear infinite;
  animation: ol-wmscapabilities-rotate 2s linear infinite;
}
@-webkit-keyframes ol-wmscapabilities-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ol-wmscapabilities-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ol-wmscapabilities .ol-url input {
  width: calc(100% - 10em);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: Min(100%, 20em);
}
.ol-wmscapabilities .ol-url select {
  width: 2em;
  height: 100%;
  padding: 1px;
}
.ol-wmscapabilities .ol-url button {
  width: 7.5em;
  margin-left: .5em;
}
.ol-wmscapabilities .ol-result {
  display: none;
  margin-top: .5em;
}
.ol-wmscapabilities .ol-result.ol-visible {
  display: block;
}
.ol-wmscapabilities .ol-select-list {
  position: relative;
  border: 1px solid #369;
  overflow-x: hidden;
  width: calc(100% - 120px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 14.5em;
}
.ol-wmscapabilities .ol-select-list div {
  padding: 0 .5em;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ol-wmscapabilities .ol-select-list .level-1 {
  padding-left: 1em;
}
.ol-wmscapabilities .ol-select-list .level-2 {
  padding-left: 1.5em;
}
.ol-wmscapabilities .ol-select-list .level-3 {
  padding-left: 2em;
}
.ol-wmscapabilities .ol-select-list .level-4 {
  padding-left: 2.5em;
}
.ol-wmscapabilities .ol-select-list .level-5 {
  padding-left: 3em;
}
.ol-wmscapabilities .ol-select-list .ol-info {
  font-style: italic;
}
.ol-wmscapabilities .ol-select-list .ol-title {
  background-color: rgba(0, 60, 136, .1);
}
.ol-wmscapabilities .ol-select-list div:hover {
  background-color: rgba(0, 60, 136, .5);
  color: #fff;
}
.ol-wmscapabilities .ol-select-list div.selected {
  background-color: rgba(0, 60, 136, .7);
  color: #fff;
}
.ol-wmscapabilities .ol-preview,
.ol-wmscapabilities .ol-preview.tainted {
  width: 100px;
  color: #666;
  padding: 0 5px 5px;
  text-align: center;
  float: right;
  margin-left: 10px;
}
.ol-wmscapabilities .ol-preview {
  background: rgba(0, 60, 136, .1);
}
.ol-wmscapabilities .ol-preview.tainted {
  background: rgba(136, 0, 60, .1);
}
.ol-wmscapabilities .ol-preview img {
  width: 100%;
  display: block;
  background: #fff;
}
.ol-wmscapabilities .ol-legend {
  max-width: 100%;
  display: none;
}
.ol-wmscapabilities .ol-legend.visible {
  display: block;
}
.ol-wmscapabilities .ol-buttons {
  clear: both;
  text-align: right;
}
.ol-wmscapabilities .ol-data p {
  margin: 0;
}
.ol-wmscapabilities .ol-data p.ol-title {
  font-weight: 700;
  margin: 1em 0 .5em;
}
.ol-wmscapabilities .ol-error {
  color: #800;
}
.ol-wmscapabilities ul.ol-wmsform {
  display: none;
  list-style: none;
  padding: 0;
}
.ol-wmscapabilities ul.ol-wmsform.visible {
  display: block;
}
.ol-wmscapabilities .ol-wmsform label {
  display: inline-block;
  text-align: right;
  width: calc(40% - .5em);
  margin-right: .5em;
}
.ol-wmscapabilities .ol-wmsform input {
  display: inline-block;
  width: 60%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-wmscapabilities .ol-wmsform input[type=checkbox] {
  width: auto;
}
.ol-wmscapabilities .ol-wmsform button {
  float: right;
  margin: 1em 0;
}
.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] input {
  width: calc(60% - 2em);
}
.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] button {
  position: relative;
  width: 2em;
  height: 1.6em;
  margin: 0;
  vertical-align: middle;
  color: #444;
}
.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] button:after,
.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] button:before {
  content: "";
  position: absolute;
  width: .25em;
  height: .9em;
  border: .1em solid currentColor;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) skewY(-15deg);
  transform: translate(-50%, -50%) skewY(-15deg);
}
.ol-wmscapabilities ul.ol-wmsform li[data-param=extent] button:after {
  -webkit-transform: translateX(.4em) translate(-50%, -50%) skewY(15deg);
  transform: translateX(.4em) translate(-50%, -50%) skewY(15deg);
  -webkit-box-shadow: -.8em .25em;
  box-shadow: -.8em .25em;
}
.ol-ext-dialog.ol-wmscapabilities form {
  width: 600px;
  min-height: 15em;
  top: 15%;
  -webkit-transform: translate(-50%, -15%);
  transform: translate(-50%, -15%);
}
.ol-ext-dialog.ol-wmscapabilities .ol-content {
  max-height: calc(100vh - 6em);
}
.ol-ext-dialog [data-param=style],
.ol-ext-dialog.ol-wmtscapabilities [data-param=map] {
  display: none;
}
.ol-ext-dialog.ol-wmtscapabilities [data-param=style] {
  display: list-item;
}
.ol-ext-dialog.ol-wmtscapabilities [data-param=proj],
.ol-ext-dialog.ol-wmtscapabilities [data-param=version] {
  opacity: .6;
  pointer-events: none;
}
.ol-ext-dialog.ol-wmscapabilities button.ol-wmsform {
  width: 1.8em;
  text-align: center;
}
.ol-ext-dialog.ol-wmscapabilities button.ol-wmsform:before {
  content: "+";
}
.ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-wmsform:before {
  content: "-";
}
.ol-ext-dialog.ol-wmscapabilities .ol-form .ol-legend,
.ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-load {
  display: none;
}
.ol-ext-dialog.ol-wmscapabilities .ol-form ul.ol-wmsform {
  display: block;
  clear: both;
}
.ol-target-overlay .ol-target {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 1px 1px #fff;
  box-shadow: 0 0 1px 1px #fff;
  display: block;
  height: 20px;
  width: 0;
}
.ol-target-overlay .ol-target:after,
.ol-target-overlay .ol-target:before {
  content: "";
  border: 1px solid #369;
  -webkit-box-shadow: 0 0 1px 1px #fff;
  box-shadow: 0 0 1px 1px #fff;
  display: block;
  width: 20px;
  height: 0;
  position: absolute;
  top: 10px;
  left: -10px;
}
.ol-target-overlay .ol-target:after {
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 20px;
  width: 0;
  top: 0;
  left: 0;
}
.ol-overlaycontainer .ol-touch-cursor {
  width: 56px;
  height: 56px;
  margin: 6px;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(255, 255, 255, .4);
  -webkit-box-shadow: inset 0 0 0 5px #369;
  box-shadow: inset 0 0 0 5px #369;
}
.ol-overlaycontainer .ol-touch-cursor:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background:
    radial-gradient(
      circle at 100% 100%,
      transparent,
      transparent 70%,
      #369 70%,
      #369);
}
.ol-overlaycontainer .ol-touch-cursor .ol-button {
  position: absolute;
  color: #369;
  height: 55%;
  width: 55%;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(255, 255, 255, .4);
  -webkit-box-shadow: inset 0 0 0 3px currentColor;
  box-shadow: inset 0 0 0 3px currentColor;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition:
    all .5s,
    opacity 0s,
    background 0s;
  transition:
    all .5s,
    opacity 0s,
    background 0s;
  overflow: hidden;
}
.ol-overlaycontainer .ol-touch-cursor.active.disable .ol-button,
.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-check,
.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-remove,
.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-x {
  opacity: .8;
  background: rgba(51, 102, 153, .2);
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-0 {
  top: -18%;
  left: 118%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-1 {
  top: 50%;
  left: 140%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-2 {
  top: 120%;
  left: 120%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-3 {
  top: 140%;
  left: 50%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-4 {
  top: 118%;
  left: -18%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-5 {
  top: 50%;
  left: -40%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-6 {
  top: -18%;
  left: -18%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-7 {
  top: -40%;
  left: 50%;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button:before {
  content: "";
  width: 1.5em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1em;
  text-align: center;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before,
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-remove:before {
  content: "\2212";
  line-height: .95em;
  font-size: 1.375em;
  font-weight: 700;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before {
  content: "+";
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-x:before {
  content: "\d7";
  font-size: 1.2em;
  font-weight: 700;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-move:before {
  content: "\2725";
  font-size: 1.2em;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-check:before {
  content: "\2713";
  font-weight: 700;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-overlaycontainer .ol-touch-cursor .ol-button-type:before {
  content: "\21ce";
  font-weight: 700;
}
.mapboxgl-canvas:focus {
  outline: 0;
}
.ol-perspective-map {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200%;
  height: 200%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-perspective-map .ol-layer {
  z-index: -1 !important;
}
.ol-perspective-map .ol-layers {
  -webkit-transform: translateY(0) perspective(200px) rotateX(0) scaleY(1);
  transform: translateY(0) perspective(200px) rotateX(0) scaleY(1);
}
.ol-perspective-map .ol-overlaycontainer,
.ol-perspective-map .ol-overlaycontainer-stopevent {
  width: 50% !important;
  height: 50% !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-overlay-container .ol-magnify {
  background: rgba(0, 0, 0, .5);
  border: 3px solid #369;
  border-radius: 50%;
  height: 150px;
  width: 150px;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
  position: relative;
  z-index: 0;
}
.ol-overlay-container .ol-magnify:before {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 40px 2px rgba(0, 0, 0, .25) inset;
  box-shadow: 0 0 40px 2px rgba(0, 0, 0, .25) inset;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ol-overlay-container .ol-magnify:after {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
  box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
  content: "";
  display: block;
  height: 0;
  left: 23%;
  position: absolute;
  top: 20%;
  width: 20%;
  z-index: 1;
  transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
}
.ol-popup.anim {
  visibility: hidden;
}
.ol-popup.anim.visible {
  visibility: visible;
}
.ol-popup.anim.visible > div {
  visibility: visible;
  -webkit-transform: none;
  transform: none;
  -webkit-animation: ol-popup_bounce .4s ease 1;
  animation: ol-popup_bounce .4s ease 1;
}
@-webkit-keyframes ol-popup_bounce {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ol-popup_bounce {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ol-popup.anim.ol-popup-bottom.ol-popup-left > div {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.ol-popup.anim.ol-popup-bottom.ol-popup-right > div {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.ol-popup.anim.ol-popup-bottom.ol-popup-center > div {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ol-popup.anim.ol-popup-top.ol-popup-left > div {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.ol-popup.anim.ol-popup-top.ol-popup-right > div {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.ol-popup.anim.ol-popup-top.ol-popup-center > div {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ol-popup.anim.ol-popup-middle.ol-popup-left > div {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.ol-popup.anim.ol-popup-middle.ol-popup-right > div {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ol-popup {
  font-size: .9em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ol-popup .ol-popup-content {
  overflow: hidden;
  cursor: default;
  padding: .25em .5em;
}
.ol-popup.hasclosebox .ol-popup-content {
  margin-right: 1.7em;
}
.ol-popup .ol-popup-content:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
}
.ol-popup .anchor {
  display: block;
  width: 0;
  height: 0;
  background: red;
  position: absolute;
  margin: -11px 22px;
  pointer-events: none;
}
.ol-popup-center.ol-popup-middle .anchor,
.ol-popup.ol-fixed .anchor {
  display: none;
}
.ol-popup .anchor:after,
.ol-popup .anchor:before {
  position: absolute;
}
.ol-popup-right .anchor:after,
.ol-popup-right .anchor:before {
  right: 0;
}
.ol-popup-top .anchor {
  top: 0;
}
.ol-popup-bottom .anchor {
  bottom: 0;
}
.ol-popup-right .anchor {
  right: 0;
}
.ol-popup-left .anchor {
  left: 0;
}
.ol-popup-center .anchor {
  left: 50%;
  margin-left: 0 !important;
}
.ol-popup-middle .anchor {
  top: 50%;
  margin-top: 0 !important;
}
.ol-popup.ol-fixed {
  margin: 0 !important;
  top: .5em !important;
  right: .5em !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: none !important;
  transform: none !important;
}
.ol-popup.ol-fixed.anim > div {
  -webkit-animation: none;
  animation: none;
}
.ol-popup .ol-fix {
  width: 1em;
  height: .9em;
  background: #fff;
  position: relative;
  float: right;
  margin: .2em;
  cursor: pointer;
}
.ol-popup .ol-fix:before {
  content: "";
  width: .8em;
  height: .7em;
  display: block;
  border: .1em solid #666;
  border-right-width: .3em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: .1em;
}
.ol-popup.shadow {
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .5);
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .5);
}
.ol-popup .closeBox {
  background-color: rgba(0, 60, 136, .5);
  color: #fff;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  float: right;
  font-size: .9em;
  font-weight: 700;
  width: 1.4em;
  height: 1.4em;
  margin: 5px 5px 0 0;
  padding: 0;
  position: relative;
  display: none;
}
.ol-popup.hasclosebox .closeBox {
  display: block;
}
.ol-popup .closeBox:hover {
  background-color: rgba(0, 60, 136, .7);
}
.ol-popup .closeBox:after {
  content: "\d7";
  font-size: 1.5em;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  line-height: 1em;
  margin: -.5em 0;
  position: absolute;
}
.ol-popup.modifytouch .ol-popup-content,
.ol-popup.tooltips .ol-popup-content {
  padding: 0 .25em;
  font-size: .85em;
  white-space: nowrap;
}
.ol-popup.modifytouch {
  background-color: #eee;
}
.ol-popup.modifytouch .ol-popup-content a {
  text-decoration: none;
}
.ol-popup.tooltips {
  background-color: #ffa;
}
.ol-popup.default > div {
  background-color: #fff;
  border: 1px solid #69f;
  border-radius: 5px;
}
.ol-popup.default .anchor:after,
.ol-popup.default .anchor:before,
.ol-popup.placemark .anchor:after,
.ol-popup.placemark.pushpin > div:before {
  border-color: currentColor transparent;
  content: "";
}
.ol-popup.default {
  margin: -11px 0;
  -webkit-transform: translate(0, -22px);
  transform: translate(0, -22px);
}
.ol-popup-top.ol-popup.default {
  margin: 11px 0;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-left.default {
  margin: -11px -22px;
  -webkit-transform: translate(0, -22px);
  transform: translate(0, -22px);
}
.ol-popup-top.ol-popup-left.default {
  margin: 11px -22px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-right.default {
  margin: -11px 22px;
  -webkit-transform: translate(44px, -22px);
  transform: translate(44px, -22px);
}
.ol-popup-top.ol-popup-right.default {
  margin: 11px 22px;
  -webkit-transform: translate(44px, 0);
  transform: translate(44px, 0);
}
.ol-popup-middle.default {
  margin: 0 10px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-middle.ol-popup-right.default {
  margin: 0 -10px;
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}
.ol-popup.default .anchor {
  color: #69f;
}
.ol-popup.default .anchor:after,
.ol-popup.default .anchor:before {
  border-style: solid;
  border-width: 11px;
  margin: 0 -11px;
}
.ol-popup.default .anchor:after {
  border-color: #fff transparent;
  border-width: 11px;
  margin: 2px -11px;
}
.ol-popup-top.default .anchor:after,
.ol-popup-top.default .anchor:before {
  border-top: 0;
  top: 0;
}
.ol-popup-bottom.default .anchor:after,
.ol-popup-bottom.default .anchor:before {
  border-bottom: 0;
  bottom: 0;
}
.ol-popup-middle.default .anchor:before {
  margin: -11px -33px;
  border-color: transparent currentColor;
}
.ol-popup-middle.default .anchor:after {
  margin: -11px -31px;
  border-color: transparent #fff;
}
.ol-popup-middle.ol-popup-left.default .anchor:after,
.ol-popup-middle.ol-popup-left.default .anchor:before {
  border-left: 0;
}
.ol-popup-middle.ol-popup-right.default .anchor:after,
.ol-popup-middle.ol-popup-right.default .anchor:before {
  border-right: 0;
}
.ol-popup.placemark {
  color: #c00;
  margin: -.65em 0;
  -webkit-transform: translate(0, -1.3em);
  transform: translate(0, -1.3em);
}
.ol-popup.placemark > div {
  position: relative;
  font-size: 15px;
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: inset 0 0 0 .45em;
  box-shadow: inset 0 0 0 .45em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  min-width: unset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-popup.placemark .ol-popup-content {
  overflow: hidden;
  cursor: default;
  text-align: center;
  padding: .25em 0;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1em;
}
.ol-popup.placemark .anchor {
  margin: 0;
}
.ol-popup.placemark .anchor:before {
  content: "";
  margin: -.5em;
  background: 0 0;
  width: 1em;
  height: .5em;
  border-radius: 50%;
  -webkit-box-shadow: 0 1em .5em rgba(0, 0, 0, .5);
  box-shadow: 0 1em .5em rgba(0, 0, 0, .5);
}
.ol-popup.placemark.blazon > div,
.ol-popup.placemark.shield > div {
  border-radius: .2em;
}
.ol-popup.placemark .anchor:after {
  border-style: solid;
  border-width: 1em .7em 0;
  margin: -.75em -.7em;
  bottom: 0;
}
.ol-popup.placemark.shield .anchor:after {
  border-width: .8em 1em 0;
  margin: -.7em -1em;
}
.ol-popup.placemark.pushpin {
  margin: -2.2em 0;
  -webkit-transform: translate(0, -4em);
  transform: translate(0, -4em);
}
.ol-popup.placemark.pushpin > div {
  border-radius: 0;
  background: 0 0 !important;
  -webkit-box-shadow: inset 2em 0 currentColor;
  box-shadow: inset 2em 0 currentColor;
  width: 1.1em;
}
.ol-popup.placemark.pushpin > div:before {
  width: 1.3em;
  height: 1.5em;
  border-style: solid;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-width: .3em .5em .5em;
  pointer-events: none;
}
.ol-popup.placemark.needle {
  margin: -2em 0;
  -webkit-transform: translate(0, -4em);
  transform: translate(0, -4em);
}
.ol-popup.placemark.needle .anchor,
.ol-popup.placemark.pushpin .anchor {
  margin: -1.2em;
}
.ol-popup.placemark.needle .anchor:after,
.ol-popup.placemark.pushpin .anchor:after {
  border-style: solid;
  border-width: 2em .15em 0;
  margin: -.55em -.2em;
  width: .1em;
}
.ol-popup.placemark.needle .anchor:before,
.ol-popup.placemark.pushpin .anchor:before {
  margin: -.75em -.5em;
}
.ol-popup.placemark.flagv {
  margin: -2em 1em;
  -webkit-transform: translate(0, -4em);
  transform: translate(0, -4em);
}
.ol-popup.placemark.flagv > div {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.ol-popup.placemark.flagv > div:before {
  content: "";
  border: 1em solid transparent;
  position: absolute;
  border-left: 2em solid currentColor;
  pointer-events: none;
}
.ol-popup.placemark.flagv .anchor {
  margin: -1.4em;
}
.ol-popup.placemark.flag {
  margin: -2em 1em;
  -webkit-transform: translate(0, -4em);
  transform: translate(0, -4em);
}
.ol-popup.placemark.flag > div {
  border-radius: 0;
  -webkit-transform-origin: 0 150% !important;
  transform-origin: 0 150% !important;
}
.ol-popup.placemark.flag .anchor {
  margin: -1.4em;
}
.ol-popup.placemark.flag .anchor:after,
.ol-popup.placemark.flagv .anchor:after {
  border-style: solid;
  border-width: 2em .15em 0;
  margin: -.55em -1em;
  width: .1em;
}
.ol-popup.placemark.flag .anchor:before,
.ol-popup.placemark.flagv .anchor:before {
  margin: -.75em -1.25em;
}
.ol-popup.placemark.flag.finish {
  margin: -2em 1em;
}
.ol-popup.placemark.flag.finish > div {
  background-image:
    linear-gradient(
      45deg,
      currentColor 25%,
      transparent 25%,
      transparent 75%,
      currentColor 75%,
      currentColor),
    linear-gradient(
      45deg,
      currentColor 25%,
      transparent 25%,
      transparent 75%,
      currentColor 75%,
      currentColor);
  background-size: 1em 1em;
  background-position: .5em 0, 0 .5em;
  -webkit-box-shadow: inset 0 0 0 .25em;
  box-shadow: inset 0 0 0 .25em;
}
.ol-popup.black .closeBox {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 5px;
  color: #f80;
}
.ol-popup.black .closeBox:hover {
  background-color: rgba(0, 0, 0, .7);
  color: #da2;
}
.ol-popup.black {
  margin: -20px 0;
  -webkit-transform: translate(0, -40px);
  transform: translate(0, -40px);
}
.ol-popup.black > div {
  background-color: rgba(0, 0, 0, .6);
  border-radius: 5px;
  color: #fff;
}
.ol-popup-top.ol-popup.black {
  margin: 20px 0;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-left.black {
  margin: -20px -22px;
  -webkit-transform: translate(0, -40px);
  transform: translate(0, -40px);
}
.ol-popup-top.ol-popup-left.black {
  margin: 20px -22px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-right.black {
  margin: -20px 22px;
  -webkit-transform: translate(44px, -40px);
  transform: translate(44px, -40px);
}
.ol-popup-top.ol-popup-right.black {
  margin: 20px 22px;
  -webkit-transform: translate(44px, 0);
  transform: translate(44px, 0);
}
.ol-popup-middle.black {
  margin: 0 11px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-left.ol-popup-middle.black {
  -webkit-transform: none;
  transform: none;
}
.ol-popup-right.ol-popup-middle.black {
  margin: 0 -11px;
  -webkit-transform: translate(-22px, 0);
  transform: translate(-22px, 0);
}
.ol-popup.black .anchor {
  margin: -20px 11px;
  color: rgba(0, 0, 0, .6);
}
.ol-popup.black .anchor:before {
  content: "";
  border-color: currentColor transparent;
  border-style: solid;
  border-width: 20px 11px;
}
.ol-popup-top.black .anchor:before {
  border-top: 0;
  top: 0;
}
.ol-popup-bottom.black .anchor:before {
  border-bottom: 0;
  bottom: 0;
}
.ol-popup-middle.black .anchor:before {
  margin: -20px -22px;
  border-color: transparent currentColor;
}
.ol-popup-middle.ol-popup-left.black .anchor:before {
  border-left: 0;
}
.ol-popup-middle.ol-popup-right.black .anchor:before {
  border-right: 0;
}
.ol-popup-center.black .anchor:before {
  margin: 0 -10px;
}
.ol-popup.tips .closeBox {
  background-color: red;
  border-radius: 50%;
  color: #fff;
  width: 1.2em;
  height: 1.2em;
}
.ol-popup.tips .closeBox:hover {
  background-color: #f40;
}
.ol-popup.tips {
  margin: -20px 0;
  -webkit-transform: translate(0, -40px);
  transform: translate(0, -40px);
}
.ol-popup.tips > div {
  background-color: #cea;
  border: 5px solid #ad7;
  border-radius: 5px;
  color: #333;
}
.ol-popup-top.ol-popup.tips {
  margin: 20px 0;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-left.tips {
  margin: -20px -22px;
  -webkit-transform: translate(0, -40px);
  transform: translate(0, -40px);
}
.ol-popup-top.ol-popup-left.tips {
  margin: 20px -22px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-right.tips {
  margin: -20px 22px;
  -webkit-transform: translate(44px, -40px);
  transform: translate(44px, -40px);
}
.ol-popup-top.ol-popup-right.tips {
  margin: 20px 22px;
  -webkit-transform: translate(44px, 0);
  transform: translate(44px, 0);
}
.ol-popup-middle.tips {
  margin: 0;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-left.ol-popup-middle.tips {
  margin: 0 22px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-right.ol-popup-middle.tips {
  margin: 0 -22px;
  -webkit-transform: translate(-44px, 0);
  transform: translate(-44px, 0);
}
.ol-popup.tips .anchor {
  margin: -18px 22px;
  color: #ad7;
}
.ol-popup.tips .anchor:before {
  content: "";
  border-color: currentColor transparent;
  border-style: solid;
  border-width: 20px 11px;
}
.ol-popup-top.tips .anchor:before {
  border-top: 0;
  top: 0;
}
.ol-popup-bottom.tips .anchor:before {
  border-bottom: 0;
  bottom: 0;
}
.ol-popup-center.tips .anchor:before {
  border-width: 20px 6px;
  margin: 0 -6px;
}
.ol-popup-left.tips .anchor:before {
  border-left: 0;
  margin-left: 0;
}
.ol-popup-right.tips .anchor:before {
  border-right: 0;
  margin-right: 0;
}
.ol-popup-middle.tips .anchor:before {
  margin: -6px -41px;
  border-color: transparent currentColor;
  border-width: 6px 20px;
}
.ol-popup-middle.ol-popup-left.tips .anchor:before {
  border-left: 0;
}
.ol-popup-middle.ol-popup-right.tips .anchor:before {
  border-right: 0;
}
.ol-popup.warning .closeBox {
  background-color: red;
  border-radius: 50%;
  color: #fff;
  font-size: .83em;
}
.ol-popup.warning .closeBox:hover {
  background-color: #f40;
}
.ol-popup.warning {
  background-color: #fd0;
  border-radius: 3px;
  border: 4px dashed red;
  color: #900;
  margin: -28px 10px;
  -webkit-transform: translate(0, -56px);
  transform: translate(0, -56px);
}
.ol-popup-top.ol-popup.warning {
  margin: 28px 10px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-left.warning {
  margin: -28px -22px;
  -webkit-transform: translate(0, -56px);
  transform: translate(0, -56px);
}
.ol-popup-top.ol-popup-left.warning {
  margin: 28px -22px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-right.warning {
  margin: -28px 22px;
  -webkit-transform: translate(44px, -56px);
  transform: translate(44px, -56px);
}
.ol-popup-top.ol-popup-right.warning {
  margin: 28px 22px;
  -webkit-transform: translate(44px, 0);
  transform: translate(44px, 0);
}
.ol-popup-middle.warning {
  margin: 0;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-left.ol-popup-middle.warning {
  margin: 0 22px;
  -webkit-transform: none;
  transform: none;
}
.ol-popup-right.ol-popup-middle.warning {
  margin: 0 -22px;
  -webkit-transform: translate(-44px, 0);
  transform: translate(-44px, 0);
}
.ol-popup.warning .anchor {
  margin: -33px 7px;
}
.ol-popup.warning .anchor:before {
  content: "";
  border-color: red transparent;
  border-style: solid;
  border-width: 30px 11px;
}
.ol-popup-top.warning .anchor:before {
  border-top: 0;
  top: 0;
}
.ol-popup-bottom.warning .anchor:before {
  border-bottom: 0;
  bottom: 0;
}
.ol-popup-center.warning .anchor:before {
  margin: 0 -21px;
}
.ol-popup-middle.warning .anchor:before {
  margin: -10px -33px;
  border-color: transparent red;
  border-width: 10px 22px;
}
.ol-popup-middle.ol-popup-left.warning .anchor:before {
  border-left: 0;
}
.ol-popup-middle.ol-popup-right.warning .anchor:before {
  border-right: 0;
}
.ol-popup .ol-popupfeature table {
  width: 100%;
}
.ol-popup .ol-popupfeature table td {
  max-width: 25em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-popup .ol-popupfeature table td img {
  max-width: 100px;
  max-height: 100px;
}
.ol-popup .ol-popupfeature tr:nth-child(2n+1) {
  background-color: #eee;
}
.ol-popup .ol-popupfeature .ol-zoombt {
  border: 0;
  width: 2em;
  height: 2em;
  display: inline-block;
  color: rgba(0, 60, 136, .5);
  position: relative;
  background: 0 0;
  outline: 0;
}
.ol-popup .ol-popupfeature .ol-zoombt:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  background-color: transparent;
  border: .17em solid currentColor;
  border-radius: 100%;
  top: .3em;
  left: .3em;
}
.ol-popup .ol-popupfeature .ol-zoombt:after {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 1.35em;
  left: 1.15em;
  border-width: .1em .3em;
  border-style: solid;
  border-radius: .03em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: -.2em 0 0 -.04em;
  box-shadow: -.2em 0 0 -.04em;
}
.ol-popup .ol-popupfeature .ol-count {
  float: right;
  margin: .25em 0;
}
.ol-popup .ol-popupfeature .ol-next,
.ol-popup .ol-popupfeature .ol-prev {
  border-style: solid;
  border-color: transparent rgba(0, 60, 136, .5);
  border-width: .5em 0 .5em .5em;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 .5em;
  cursor: pointer;
}
.ol-popup .ol-popupfeature .ol-prev {
  border-width: .5em .5em .5em 0;
}
.ol-popup.tooltips.black {
  background-color: transparent;
}
.ol-popup.tooltips.black > div {
  -webkit-transform: scaleY(1.3);
  transform: scaleY(1.3);
  padding: .2em .5em;
  background-color: rgba(0, 0, 0, .5);
}
.ol-popup-middle.tooltips.black .anchor:before {
  border-width: 5px 10px;
  margin: -5px -21px;
}
.ol-popup-center.ol-popup-middle,
.ol-popup-top.ol-popup-left.ol-fixPopup,
.ol-popup-top.ol-popup-right.ol-fixPopup,
.ol-popup.ol-fixPopup {
  margin: 0;
}
.ol-miniscroll {
  position: relative;
}
.ol-miniscroll:hover .ol-scroll {
  opacity: .5;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.ol-miniscroll .ol-scroll {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  right: 0;
  width: 9px;
  height: auto;
  max-height: 100%;
  opacity: 0;
  border-radius: 9px;
  -webkit-transition: opacity 1s .5s;
  transition: opacity 1s .5s;
  overflow: hidden;
  z-index: 1;
}
.ol-miniscroll .ol-scroll > div {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 9px;
  -webkit-box-shadow: inset 10px 0 currentColor;
  box-shadow: inset 10px 0 currentColor;
  border-radius: 9px/12px;
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.ol-miniscroll .ol-scroll.ol-100pc {
  opacity: 0;
}
.ol-viewport canvas.ol-fixedoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ol-ext-toggle-switch,
.ol-ext-toggle-switch span {
  position: relative;
  cursor: pointer;
}
.ol-ext-toggle-switch input[type=radio],
.ol-ext-toggle-switch input[type=checkbox] {
  display: none;
}
.ol-ext-toggle-switch span {
  color: rgba(0, 60, 136, .5);
  background-color: #ccc;
  -webkit-transition:
    .4s,
    background-color 0s,
    border-color 0s;
  transition:
    .4s,
    background-color 0s,
    border-color 0s;
  width: 1.6em;
  height: 1em;
  display: inline-block;
  border-radius: 1em;
  font-size: 1.3em;
  vertical-align: middle;
  margin: -.15em .2em .15em;
}
.ol-ext-toggle-switch span:before {
  position: absolute;
  content: "";
  height: 1em;
  width: 1em;
  left: 0;
  top: 50%;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 1em;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 2px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-ext-toggle-switch:hover span {
  background-color: #999;
}
.ol-ext-toggle-switch:hover span:before {
  border-color: #999;
}
.ol-ext-toggle-switch input:checked + span {
  background-color: currentColor;
}
.ol-ext-toggle-switch input:checked + span:before {
  -webkit-transform: translate(.6em, -50%);
  transform: translate(.6em, -50%);
  border-color: currentColor;
}
.ol-ext-check {
  position: relative;
  display: inline-block;
}
.ol-ext-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ol-ext-check span {
  color: rgba(0, 60, 136, .5);
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: -.1em .5em .1em;
  background-color: #ccc;
  vertical-align: middle;
}
.ol-ext-check:hover span {
  background-color: #999;
}
.ol-ext-checkbox input:checked ~ span {
  background-color: currentColor;
}
.ol-ext-checkbox input:checked ~ span:before {
  content: "";
  position: absolute;
  width: .5em;
  height: .8em;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-.1em) translate(-50%, -50%) rotate(45deg);
  transform: translateY(-.1em) translate(-50%, -50%) rotate(45deg);
  -webkit-box-shadow: inset -.2em -.2em #fff;
  box-shadow: inset -.2em -.2em #fff;
}
.ol-ext-radio span {
  width: 1.1em;
  height: 1.1em;
  border-radius: 50%;
}
.ol-ext-radio:hover input:checked ~ span {
  background-color: #ccc;
}
.ol-ext-radio input:checked ~ span:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: currentColor;
}
.ol-collection-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ol-collection-list li {
  position: relative;
  padding: 0 2em 0 1em;
}
.ol-collection-list li:hover {
  background-color: rgba(0, 60, 136, .2);
}
.ol-collection-list li.ol-select {
  background-color: rgba(0, 60, 136, .5);
  color: #fff;
}
.ol-collection-list li .ol-order {
  position: absolute;
  -ms-touch-action: none;
  touch-action: none;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2em;
  height: 100%;
  cursor: n-resize;
}
.ol-collection-list li .ol-order:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 2px;
  background-color: currentColor;
  -webkit-box-shadow: 0 5px, 0 -5px;
  box-shadow: 0 5px, 0 -5px;
  border-radius: 2px;
}
.ol-ext-colorpicker.ol-popup {
  width: 2em;
  height: 1.5em;
  background-color: transparent;
  background-image:
    linear-gradient(
      45deg,
      #aaa 25%,
      transparent 25%,
      transparent 75%,
      #aaa 75%),
    linear-gradient(
      45deg,
      #aaa 25%,
      transparent 25%,
      transparent 75%,
      #aaa 75%);
  background-size: 10px 10px;
  background-position: 0 -1px, 5px 4px;
}
.ol-ext-colorpicker .ol-tabbar {
  background-color: #eee;
  border-bottom: 1px solid #999;
  display: none;
}
.ol-ext-colorpicker.ol-tab .ol-tabbar {
  display: block;
}
.ol-ext-colorpicker .ol-tabbar > div {
  display: inline-block;
  background-color: #fff;
  padding: 0 .5em;
  border: 1px solid #999;
  border-radius: 2px 2px 0 0;
  position: relative;
  top: 1px;
  cursor: pointer;
}
.ol-ext-colorpicker .ol-tabbar > div:nth-child(1) {
  border-bottom-color: #fff;
}
.ol-ext-colorpicker.ol-picker-tab .ol-tabbar > div:nth-child(1) {
  border-bottom-color: #999;
}
.ol-ext-colorpicker.ol-picker-tab .ol-tabbar > div:nth-child(2) {
  border-bottom-color: #fff;
}
.ol-ext-colorpicker.ol-popup.ol-tab .ol-popup {
  width: 180px;
}
.ol-ext-colorpicker.ol-tab .ol-palette {
  margin: 0 10px;
}
.ol-ext-colorpicker.ol-tab .ol-container {
  display: none;
}
.ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-container {
  display: block;
}
.ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-palette {
  display: none;
}
.ol-ext-colorpicker.ol-popup .ol-popup {
  width: 340px;
}
.ol-ext-colorpicker.ol-popup .ol-vignet {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
  background-color: currentColor;
  pointer-events: none;
}
.ol-ext-colorpicker .ol-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ol-ext-colorpicker .ol-cursor {
  pointer-events: none;
}
.ol-ext-colorpicker .ol-picker {
  position: relative;
  cursor: crosshair;
  width: 150px;
  height: 150px;
  border: 5px solid #fff;
  background-color: currentColor;
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000), to(transparent)), -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
  background-image:
    linear-gradient(
      0,
      #000,
      transparent),
    linear-gradient(
      90deg,
      #fff,
      transparent);
}
.ol-ext-colorpicker .ol-palette > div,
.ol-ext-colorpicker .ol-slider {
  background-image:
    linear-gradient(
      45deg,
      #aaa 25%,
      transparent 25%,
      transparent 75%,
      #aaa 75%),
    linear-gradient(
      45deg,
      #aaa 25%,
      transparent 25%,
      transparent 75%,
      #aaa 75%);
  background-size: 10px 10px;
}
.ol-ext-colorpicker .ol-picker .ol-cursor {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(0, 0, 0, .7);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .7);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .7);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.ol-ext-colorpicker .ol-slider {
  position: relative;
  cursor: crosshair;
  background-color: #fff;
  height: 10px;
  width: 150px;
  margin: 5px 0 10px;
  border: 5px solid #fff;
  border-width: 0 5px;
  background-position: 0 -1px, 5px 4px;
}
.ol-ext-colorpicker .ol-slider > div {
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(
      45deg,
      transparent,
      #fff);
  pointer-events: none;
}
.ol-ext-colorpicker .ol-slider .ol-cursor {
  position: absolute;
  width: 4px;
  height: 12px;
  border: 1px solid #000;
  top: 50%;
  left: 0;
  background: 0 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-ext-colorpicker .ol-tint {
  position: absolute;
  cursor: crosshair;
  width: 10px;
  height: 150px;
  border: 5px solid #fff;
  border-width: 5px 0;
  -webkit-box-sizing: border;
  box-sizing: border;
  top: 0;
  right: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(red), color-stop(#f0f), color-stop(#00f), color-stop(#0ff), color-stop(#0f0), color-stop(#ff0), to(red));
  background-image:
    linear-gradient(
      0,
      red,
      #f0f,
      #00f,
      #0ff,
      #0f0,
      #ff0,
      red);
}
.ol-ext-colorpicker .ol-tint .ol-cursor {
  position: absolute;
  top: 0;
  left: 50%;
  border: 1px solid #000;
  height: 4px;
  width: 12px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-ext-colorpicker .ol-clear {
  position: absolute;
  border: 2px solid #999;
  right: 4px;
  top: 163px;
  width: 10px;
  height: 10px;
}
.ol-ext-colorpicker .ol-clear:after,
.ol-ext-colorpicker .ol-clear:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.ol-ext-colorpicker .ol-clear:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-ext-colorpicker.ol-nopacity .ol-alpha,
.ol-ext-colorpicker.ol-nopacity .ol-clear,
.ol-ext-colorpicker.ol-nopacity .ol-slider {
  display: none;
}
.ol-ext-colorpicker .ol-rgb {
  position: relative;
  padding: 5px;
  width: 170px;
  display: none;
}
.ol-ext-colorpicker .ol-rgb input {
  width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 2px;
  border: 1px solid #999;
  border-radius: 2px;
  font-size: 13px;
}
.ol-ext-colorpicker .ol-rgb input:nth-child(1) {
  background-color: rgba(255, 0, 0, .1);
}
.ol-ext-colorpicker .ol-rgb input:nth-child(2) {
  background-color: rgba(0, 255, 0, .1);
}
.ol-ext-colorpicker .ol-rgb input:nth-child(3) {
  background-color: rgba(0, 0, 255, .12);
}
.ol-ext-colorpicker .ol-txt-color,
.ol-ext-colorpicker button {
  font-size: 13px;
  margin: 0 5px 5px;
  text-align: center;
  width: 170px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #999;
  border-radius: 2px;
  display: block;
}
.ol-ext-colorpicker button {
  background-color: #eee;
}
.ol-ext-colorpicker button:hover {
  background-color: #e9e9e9;
}
.ol-ext-colorpicker .ol-txt-color.ol-error {
  background-color: rgba(255, 0, 0, .2);
}
.ol-ext-colorpicker .ol-palette {
  padding: 2px;
  display: inline-block;
  width: 152px;
}
.ol-ext-colorpicker .ol-palette > div {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-position: 0 0, 5px 5px;
  margin: 2px;
  -webkit-box-shadow: 0 0 2px 0 #666;
  box-shadow: 0 0 2px 0 #666;
  border-radius: 1px;
  cursor: pointer;
  position: relative;
}
.ol-ext-colorpicker .ol-palette > div:before {
  content: "";
  position: absolute;
  background-color: currentColor;
  width: 100%;
  height: 100%;
}
.ol-ext-colorpicker .ol-palette > div.ol-select:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 12px;
  -webkit-box-shadow: 1px 1px #fff, 2px 2px #000;
  box-shadow: 1px 1px #fff, 2px 2px #000;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.ol-ext-colorpicker .ol-palette > div:hover {
  -webkit-box-shadow: 0 0 2px 1px #d90;
  box-shadow: 0 0 2px 1px #d90;
}
.ol-ext-colorpicker .ol-palette hr {
  margin: 0;
}
.ol-input-popup {
  display: inline-block;
  position: relative;
}
.ol-input-popup .ol-popup {
  position: absolute;
  -webkit-box-shadow: 1px 1px 3px 1px #999;
  box-shadow: 1px 1px 3px 1px #999;
  background-color: #fff;
  z-index: 1;
  display: none;
  left: -5px;
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
.ol-input-popup.ol-focus .ol-popup,
.ol-input-popup.ol-hover:hover .ol-popup {
  display: block;
}
.ol-input-popup.ol-right .ol-popup {
  left: auto;
  right: -5px;
}
.ol-input-popup.ol-middle .ol-popup {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ol-input-popup .ol-popup li {
  position: relative;
  padding: 10px 5px;
}
.ol-input-popup li.ol-selected,
.ol-input-popup li:hover {
  background-color: #ccc;
}
.ol-input-popup.ol-fixed .ol-popup,
.ol-input-popup.ol-fixed:hover .ol-popup {
  position: relative;
  left: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
.ol-input-popup > div {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  border: 1px solid #999;
  padding: 3px 20px 3px 10px;
}
.ol-input-popup > div:before {
  position: absolute;
  content: "";
  right: 5px;
  top: 50%;
  border: 5px solid transparent;
  border-top: 5px solid #999;
}
.ol-ext-popup-input {
  display: inline-block;
  vertical-align: top;
}
.ol-ext-popup-input.ol-popup {
  position: relative;
  width: 2em;
  height: 1.5em;
  display: inline-block;
  border: 3px solid #fff;
  border-right-width: 1em;
  -webkit-box-shadow: 0 0 2px 1px #666;
  box-shadow: 0 0 2px 1px #666;
  border-radius: 2px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.ol-ext-popup-input.ol-popup:after {
  content: "";
  position: absolute;
  border: .5em solid #aaa;
  border-width: .5em .3em 0;
  border-color: #999 transparent;
  right: -.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
.ol-ext-popup-input * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.ol-ext-popup-input.ol-popup .ol-popup {
  position: absolute;
  top: 100%;
  min-width: 3em;
  min-height: 3em;
  left: 0;
  -webkit-box-shadow: 1px 1px 3px 1px #999;
  box-shadow: 1px 1px 3px 1px #999;
  background-color: #fff;
  display: none;
  z-index: 1;
}
.ol-ext-popup-input.ol-popup .ol-popup.ol-visible {
  display: block;
}
.ol-ext-popup-input.ol-popup-fixed .ol-popup {
  position: fixed;
  top: auto;
  left: auto;
}
.ol-input-popup.ol-size li {
  display: table-cell;
  height: 100%;
  padding: 5px;
  vertical-align: middle;
}
.ol-input-popup.ol-size li > * {
  background-color: #369;
  border-radius: 50%;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.ol-input-popup.ol-size li > .ol-option-0 {
  position: relative;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  color: #aaa;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ol-input-popup.ol-size li > :before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-input-popup.ol-size li > .ol-option-0:before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #aaa;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-input-slider {
  display: inline-block;
  position: relative;
}
.ol-input-slider .ol-popup {
  position: absolute;
  -webkit-box-shadow: 1px 1px 3px 1px #999;
  box-shadow: 1px 1px 3px 1px #999;
  background-color: #fff;
  z-index: 1;
  display: none;
  left: -5px;
}
.ol-input-slider.ol-right .ol-popup {
  left: auto;
  right: -5px;
}
.ol-input-slider.ol-focus .ol-popup,
.ol-input-slider.ol-hover:hover .ol-popup {
  display: block;
  white-space: nowrap;
}
.ol-input-slider.ol-focus .ol-popup > *,
.ol-input-slider.ol-hover:hover .ol-popup > * {
  display: inline-block;
  vertical-align: middle;
}
.ol-input-slider.ol-focus .ol-popup > .ol-before,
.ol-input-slider.ol-hover:hover .ol-popup > .ol-before {
  margin-left: 10px;
}
.ol-input-slider.ol-focus .ol-popup > .ol-after,
.ol-input-slider.ol-hover:hover .ol-popup > .ol-after {
  margin-right: 10px;
}
.ol-input-slider .ol-slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100px;
  height: 3px;
  border: 0 solid transparent;
  border-width: 10px 15px;
  -webkit-box-shadow: inset 0 0 0 1px #999;
  box-shadow: inset 0 0 0 1px #999;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
}
.ol-input-slider .ol-slider > .ol-cursor {
  position: absolute;
  width: 5px;
  height: 10px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #999;
  pointer-events: none;
}
.ol-input-range .ol-slider {
  cursor: default;
  width: 150px;
}
.ol-input-range .ol-slider > .ol-cursor {
  pointer-events: all;
  cursor: pointer;
  width: 10px;
  border-radius: 50%;
  background-color: #003c88;
}
.ol-input-range.ol-moving .ol-slider > .ol-cursor {
  pointer-events: none;
}
.ol-input-range .ol-slider > .ol-back {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30%;
  right: 20%;
  height: 100%;
  background-color: #003c88;
  pointer-events: none;
}
.ol-input-slider.ol-fixed .ol-popup,
.ol-input-slider.ol-fixed:hover .ol-popup {
  position: relative;
  left: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
.ol-input-slider.ol-size .ol-slider {
  height: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ol-input-slider.ol-size .ol-slider .ol-back {
  width: 0;
  color: #aaa;
  border: 0 solid transparent;
  border-width: 0 0 20px 100px;
  border-color: currentColor transparent;
  pointer-events: none;
}
.ol-input-slider.ol-size .ol-slider > .ol-cursor {
  width: 2px;
  height: calc(100% + 4px);
  border-width: 5px 3px;
  border-style: solid;
  border-color: red transparent;
  -o-border-image: initial;
  border-image: initial;
  background-color: transparent;
  -webkit-box-shadow: inset 3px 0 red;
  box-shadow: inset 3px 0 red;
}
.ol-input-popup.ol-width li {
  padding: 5px;
}
.ol-input-popup.ol-width li > * {
  background-color: #369;
  width: 100px;
  height: 1em;
}
.ol-input-popup.ol-width li > .ol-option-0 {
  position: relative;
  height: 1px;
  background-image:
    linear-gradient(
      90deg,
      #aaa 2px,
      transparent 2px);
  background-color: transparent;
  background-size: 4px;
}

/* node_modules/.pnpm/mapbox-gl@3.2.0/node_modules/mapbox-gl/dist/mapbox-gl.css */
.mapboxgl-map {
  font:
    12px/20px Helvetica Neue,
    Arial,
    Helvetica,
    sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgb(0 0 0/0);
}
.mapboxgl-canvas {
  left: 0;
  position: absolute;
  top: 0;
}
.mapboxgl-map:-webkit-full-screen {
  height: 100%;
  width: 100%;
}
.mapboxgl-canary {
  background-color: salmon;
}
.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}
.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.mapboxgl-ctrl-top-left {
  left: 0;
  top: 0;
}
.mapboxgl-ctrl-top-right {
  right: 0;
  top: 0;
}
.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}
.mapboxgl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}
.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}
.mapboxgl-ctrl-group {
  background: #fff;
  border-radius: 4px;
}
.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 29px;
}
.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent;
  }
  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}
.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25;
}
.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}
.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}
.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}
.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: rgb(0 0 0/5%);
}
.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
}
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a.mapboxgl-ctrl-logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 23px;
  margin: 0 0 -4px -4px;
  overflow: hidden;
  width: 88px;
}
a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}
@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  background-color: hsla(0, 0%, 100%, .5);
  margin: 0;
  padding: 0 5px;
}
@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: content-box;
    margin: 10px;
    min-height: 20px;
    padding: 2px 24px 2px 0;
    position: relative;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib-button {
    background-color: hsla(0, 0%, 100%, .5);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 24px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
  }
  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
    left: 0;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: rgb(0 0 0/5%);
  }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
    top: 0;
  }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
    top: 0;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, .75);
  text-decoration: none;
}
.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}
.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}
.mapboxgl-attrib-empty {
  display: none;
}
.mapboxgl-ctrl-scale {
  background-color: hsla(0, 0%, 100%, .75);
  border: 2px solid #333;
  border-top: #333;
  box-sizing: border-box;
  color: #333;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap;
}
.mapboxgl-popup {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform;
}
.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}
.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}
.mapboxgl-popup-anchor-left {
  flex-direction: row;
}
.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}
.mapboxgl-popup-tip {
  border: 10px solid transparent;
  height: 0;
  width: 0;
  z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-bottom-color: #fff;
  border-top: none;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom-color: #fff;
  border-left: none;
  border-top: none;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom-color: #fff;
  border-right: none;
  border-top: none;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-left-color: #fff;
  border-right: none;
}
.mapboxgl-popup-close-button {
  background-color: transparent;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.mapboxgl-popup-close-button:hover {
  background-color: rgb(0 0 0/5%);
}
.mapboxgl-popup-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  padding: 10px 10px 15px;
  pointer-events: auto;
  position: relative;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}
.mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}
.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-marker {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  will-change: transform;
}
.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.mapboxgl-user-location-dot:before {
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
  content: "";
  position: absolute;
}
.mapboxgl-user-location-dot:after {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, .35);
  box-sizing: border-box;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  height: 0;
  width: 0;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-bottom: 7.5px solid #4aa1eb;
  content: "";
  position: absolute;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid transparent;
  transform: translateY(-28px) skewY(-20deg);
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid transparent;
  transform: translate(7.5px, -28px) skewY(20deg);
}
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(3);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}
.mapboxgl-user-location-dot-stale:after {
  display: none;
}
.mapboxgl-user-location-accuracy-circle {
  background-color: #1da1f233;
  border-radius: 100%;
  height: 1px;
  width: 1px;
}
.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}
.mapboxgl-boxzoom {
  background: #fff;
  border: 2px dotted #202020;
  height: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 0;
}
@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.mapboxgl-scroll-zoom-blocker,
.mapboxgl-touch-pan-blocker {
  align-items: center;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  display: flex;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity .75s ease-in-out;
  transition-delay: 1s;
  width: 100%;
}
.mapboxgl-scroll-zoom-blocker-show,
.mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

/* node_modules/.pnpm/@mapbox+mapbox-gl-geocoder@5.0.2/node_modules/@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css */
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder *,
.mapboxgl-ctrl-geocoder *:after,
.mapboxgl-ctrl-geocoder *:before {
  box-sizing: border-box;
}
.mapboxgl-ctrl-geocoder {
  font-size: 18px;
  line-height: 24px;
  font-family:
    "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  position: relative;
  background-color: #fff;
  width: 100%;
  min-width: 240px;
  z-index: 1;
  border-radius: 4px;
  transition: width .25s, min-width .25s;
}
.mapboxgl-ctrl-geocoder--input {
  font: inherit;
  width: 100%;
  border: 0;
  background-color: transparent;
  margin: 0;
  height: 50px;
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mapboxgl-ctrl-geocoder--input::-ms-clear {
  display: none;
}
.mapboxgl-ctrl-geocoder--input:focus {
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  outline: 0;
  box-shadow: none;
  outline: thin dotted;
}
.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  z-index: 2;
  position: absolute;
  right: 8px;
  top: 7px;
  display: none;
}
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder .suggestions {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
  width: 50px;
  min-width: 50px;
  transition: width .25s, min-width .25s;
}
.mapboxgl-ctrl-geocoder .suggestions {
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 110%;
  top: calc(100% + 6px);
  z-index: 1000;
  overflow: hidden;
  font-size: 15px;
}
.mapboxgl-ctrl-bottom-left .suggestions,
.mapboxgl-ctrl-bottom-right .suggestions {
  top: auto;
  bottom: 100%;
}
.mapboxgl-ctrl-geocoder .suggestions > li > a {
  cursor: default;
  display: block;
  padding: 6px 12px;
  color: #404040;
}
.mapboxgl-ctrl-geocoder .suggestions > .active > a,
.mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
  color: #404040;
  background-color: #f3f3f3;
  text-decoration: none;
  cursor: pointer;
}
.mapboxgl-ctrl-geocoder--suggestion-title {
  font-weight: bold;
}
.mapboxgl-ctrl-geocoder--suggestion-title,
.mapboxgl-ctrl-geocoder--suggestion-address {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mapboxgl-ctrl-geocoder--icon {
  display: inline-block;
  vertical-align: middle;
  speak: none;
  fill: #757575;
  top: 15px;
}
.mapboxgl-ctrl-geocoder--icon-search {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 23px;
  height: 23px;
}
.mapboxgl-ctrl-geocoder--button {
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #fff;
  line-height: 1;
}
.mapboxgl-ctrl-geocoder--icon-close {
  width: 20px;
  height: 20px;
  margin-top: 8px;
  margin-right: 3px;
}
.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {
  fill: #909090;
}
.mapboxgl-ctrl-geocoder--icon-geolocate {
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 3px;
}
.mapboxgl-ctrl-geocoder--icon-loading {
  width: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 0px;
  -moz-animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.mapboxgl-ctrl-geocoder--powered-by {
  display: block;
  float: left;
  padding: 6px 12px;
  padding-bottom: 9px;
  font-size: 13px;
}
.mapboxgl-ctrl-geocoder--powered-by a {
  color: #909090;
}
.mapboxgl-ctrl-geocoder--powered-by a:not(:hover) {
  text-decoration: none;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 640px) {
  .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
    width: 36px;
    min-width: 36px;
  }
  .mapboxgl-ctrl-geocoder {
    width: 33.3333%;
    font-size: 15px;
    line-height: 20px;
    max-width: 360px;
  }
  .mapboxgl-ctrl-geocoder .suggestions {
    font-size: 13px;
  }
  .mapboxgl-ctrl-geocoder--icon {
    top: 8px;
  }
  .mapboxgl-ctrl-geocoder--icon-close {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 0;
  }
  .mapboxgl-ctrl-geocoder--icon-geolocate {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 0;
  }
  .mapboxgl-ctrl-geocoder--icon-search {
    left: 7px;
    width: 20px;
    height: 20px;
  }
  .mapboxgl-ctrl-geocoder--input {
    height: 36px;
    padding: 6px 35px;
  }
  .mapboxgl-ctrl-geocoder--icon-loading {
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-right: -5px;
  }
  .mapbox-gl-geocoder--error {
    color: #909090;
    padding: 6px 12px;
    font-size: 16px;
    text-align: center;
  }
  .mapboxgl-ctrl-geocoder--powered-by {
    font-size: 11px !important;
  }
}

/* apps/sympheny/src/styles.scss */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.text-muted {
  color: #979797;
}
.text-wrap {
  word-wrap: break-word;
}
a {
  color: var(--sympheny-primary);
}
sup {
  position: relative;
  vertical-align: baseline;
  top: -4px;
  font-size: 80%;
}
.text-center {
  text-align: center !important;
}
.mat-expansion-panel-header {
  margin-bottom: 10px;
}
.mat-expansion-panel-body {
  padding: 0 24px 8px;
}
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  width: 100%;
  font-weight: 400;
  text-transform: uppercase;
}
.mat-expansion-panel-header.mat-expanded,
.mat-expansion-panel-header.sele {
  background-color: #f2f2f2;
}
.scenario-list .mat-tab-labels {
  display: flex;
  justify-content: space-evenly !important;
  width: 700px !important;
}
.scenario-list .mat-tab-labels .mat-tab-label {
  border-radius: 5px !important;
  background: #aaa !important;
  color: white !important;
  font-size: 15px !important;
}
.scenario-list .mat-tab-labels .mat-tab-label-active {
  background: var(--sympheny-primary) !important;
  border: solid var(--sympheny-primary) 1px;
}
@keyframes spinner_button {
  to {
    transform: rotate(360deg);
  }
}

/* libs/ui/style/src/lib/sympheny.scss */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #1d9682;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #67ffd8;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #67ffd8;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #67ffd8;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #1d9682;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #1d9682;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #67ffd8;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #67ffd8;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #1d9682;
  --mat-progress-bar-track-color: rgba(29, 150, 130, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #67ffd8;
  --mat-progress-bar-track-color: rgba(103, 255, 216, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #1d9682 87%, transparent);
  --mat-form-field-filled-caret-color: #1d9682;
  --mat-form-field-filled-focus-active-indicator-color: #1d9682;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #1d9682 87%, transparent);
  --mat-form-field-outlined-caret-color: #1d9682;
  --mat-form-field-outlined-focus-outline-color: #1d9682;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #1d9682 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #67ffd8 87%, transparent);
  --mat-form-field-filled-caret-color: #67ffd8;
  --mat-form-field-filled-focus-active-indicator-color: #67ffd8;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #67ffd8 87%, transparent);
  --mat-form-field-outlined-caret-color: #67ffd8;
  --mat-form-field-outlined-focus-outline-color: #67ffd8;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #67ffd8 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #1d9682;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #67ffd8;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #1d9682;
  --mat-chip-elevated-disabled-container-color: #1d9682;
  --mat-chip-elevated-selected-container-color: #1d9682;
  --mat-chip-flat-disabled-selected-container-color: #1d9682;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #67ffd8;
  --mat-chip-elevated-disabled-container-color: #67ffd8;
  --mat-chip-elevated-selected-container-color: #67ffd8;
  --mat-chip-flat-disabled-selected-container-color: #67ffd8;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1d9682;
  --mat-slide-toggle-selected-handle-color: #1d9682;
  --mat-slide-toggle-selected-hover-state-layer-color: #1d9682;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1d9682;
  --mat-slide-toggle-selected-focus-handle-color: #1d9682;
  --mat-slide-toggle-selected-hover-handle-color: #1d9682;
  --mat-slide-toggle-selected-pressed-handle-color: #1d9682;
  --mat-slide-toggle-selected-focus-track-color: #61b6a8;
  --mat-slide-toggle-selected-hover-track-color: #61b6a8;
  --mat-slide-toggle-selected-pressed-track-color: #61b6a8;
  --mat-slide-toggle-selected-track-color: #61b6a8;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #67ffd8;
  --mat-slide-toggle-selected-handle-color: #67ffd8;
  --mat-slide-toggle-selected-hover-state-layer-color: #67ffd8;
  --mat-slide-toggle-selected-pressed-state-layer-color: #67ffd8;
  --mat-slide-toggle-selected-focus-handle-color: #67ffd8;
  --mat-slide-toggle-selected-hover-handle-color: #67ffd8;
  --mat-slide-toggle-selected-pressed-handle-color: #67ffd8;
  --mat-slide-toggle-selected-focus-track-color: #61b6a8;
  --mat-slide-toggle-selected-hover-track-color: #61b6a8;
  --mat-slide-toggle-selected-pressed-track-color: #61b6a8;
  --mat-slide-toggle-selected-track-color: #61b6a8;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #1d9682;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1d9682;
  --mat-radio-selected-hover-icon-color: #1d9682;
  --mat-radio-selected-icon-color: #1d9682;
  --mat-radio-selected-pressed-icon-color: #1d9682;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #67ffd8;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #67ffd8;
  --mat-radio-selected-hover-icon-color: #67ffd8;
  --mat-radio-selected-icon-color: #67ffd8;
  --mat-radio-selected-pressed-icon-color: #67ffd8;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #1d9682;
  --mat-slider-focus-handle-color: #1d9682;
  --mat-slider-handle-color: #1d9682;
  --mat-slider-hover-handle-color: #1d9682;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #1d9682 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #1d9682 4%, transparent);
  --mat-slider-inactive-track-color: #1d9682;
  --mat-slider-ripple-color: #1d9682;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #1d9682;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #67ffd8;
  --mat-slider-focus-handle-color: #67ffd8;
  --mat-slider-handle-color: #67ffd8;
  --mat-slider-hover-handle-color: #67ffd8;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #67ffd8 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #67ffd8 4%, transparent);
  --mat-slider-inactive-track-color: #67ffd8;
  --mat-slider-ripple-color: #67ffd8;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #67ffd8;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #1d9682;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1d9682;
  --mat-radio-selected-hover-icon-color: #1d9682;
  --mat-radio-selected-icon-color: #1d9682;
  --mat-radio-selected-pressed-icon-color: #1d9682;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #67ffd8;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #67ffd8;
  --mat-radio-selected-hover-icon-color: #67ffd8;
  --mat-radio-selected-icon-color: #67ffd8;
  --mat-radio-selected-pressed-icon-color: #67ffd8;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1d9682;
  --mat-checkbox-selected-hover-icon-color: #1d9682;
  --mat-checkbox-selected-icon-color: #1d9682;
  --mat-checkbox-selected-pressed-icon-color: #1d9682;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1d9682;
  --mat-checkbox-selected-hover-state-layer-color: #1d9682;
  --mat-checkbox-selected-pressed-state-layer-color: #1d9682;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #67ffd8;
  --mat-checkbox-selected-hover-icon-color: #67ffd8;
  --mat-checkbox-selected-icon-color: #67ffd8;
  --mat-checkbox-selected-pressed-icon-color: #67ffd8;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #67ffd8;
  --mat-checkbox-selected-hover-state-layer-color: #67ffd8;
  --mat-checkbox-selected-pressed-state-layer-color: #67ffd8;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #1d9682;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #1d9682;
  --mat-tab-active-ripple-color: #1d9682;
  --mat-tab-inactive-ripple-color: #1d9682;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #1d9682;
  --mat-tab-active-hover-label-text-color: #1d9682;
  --mat-tab-active-focus-indicator-color: #1d9682;
  --mat-tab-active-hover-indicator-color: #1d9682;
  --mat-tab-active-indicator-color: #1d9682;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #67ffd8;
  --mat-tab-active-ripple-color: #67ffd8;
  --mat-tab-inactive-ripple-color: #67ffd8;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #67ffd8;
  --mat-tab-active-hover-label-text-color: #67ffd8;
  --mat-tab-active-focus-indicator-color: #67ffd8;
  --mat-tab-active-hover-indicator-color: #67ffd8;
  --mat-tab-active-indicator-color: #67ffd8;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #1d9682;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #67ffd8;
  --mat-tab-foreground-color: #000000;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #67ffd8;
  --mat-checkbox-selected-hover-icon-color: #67ffd8;
  --mat-checkbox-selected-icon-color: #67ffd8;
  --mat-checkbox-selected-pressed-icon-color: #67ffd8;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #67ffd8;
  --mat-checkbox-selected-hover-state-layer-color: #67ffd8;
  --mat-checkbox-selected-pressed-state-layer-color: #67ffd8;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1d9682;
  --mat-checkbox-selected-hover-icon-color: #1d9682;
  --mat-checkbox-selected-icon-color: #1d9682;
  --mat-checkbox-selected-pressed-icon-color: #1d9682;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1d9682;
  --mat-checkbox-selected-hover-state-layer-color: #1d9682;
  --mat-checkbox-selected-pressed-state-layer-color: #1d9682;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #1d9682;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #1d9682;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #1d9682 12%, transparent);
  --mat-button-outlined-state-layer-color: #1d9682;
  --mat-button-protected-container-color: #1d9682;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #1d9682;
  --mat-button-text-ripple-color: color-mix(in srgb, #1d9682 12%, transparent);
  --mat-button-text-state-layer-color: #1d9682;
  --mat-button-tonal-container-color: #1d9682;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #67ffd8;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #67ffd8;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #67ffd8 12%, transparent);
  --mat-button-outlined-state-layer-color: #67ffd8;
  --mat-button-protected-container-color: #67ffd8;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #67ffd8;
  --mat-button-text-ripple-color: color-mix(in srgb, #67ffd8 12%, transparent);
  --mat-button-text-state-layer-color: #67ffd8;
  --mat-button-tonal-container-color: #67ffd8;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #1d9682;
  --mat-icon-button-state-layer-color: #1d9682;
  --mat-icon-button-ripple-color: color-mix(in srgb, #1d9682 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #67ffd8;
  --mat-icon-button-state-layer-color: #67ffd8;
  --mat-icon-button-ripple-color: color-mix(in srgb, #67ffd8 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #1d9682;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #1d9682 12%, transparent);
  --mat-fab-small-container-color: #1d9682;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #67ffd8;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #67ffd8 12%, transparent);
  --mat-fab-small-container-color: #67ffd8;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #61b6a8;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #1d9682;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #67ffd8;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #1d9682;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #67ffd8;
  --mat-badge-text-color: #000000;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #1d9682 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #67ffd8 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #1d9682;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1d9682 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1d9682 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1d9682 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #1d9682;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #67ffd8 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #67ffd8 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #67ffd8;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #67ffd8 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #67ffd8 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #67ffd8 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #67ffd8;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #67ffd8 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #1d9682;
}
.mat-icon.mat-accent {
  --mat-icon-color: #67ffd8;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 4px;
  --mat-stepper-header-hover-state-layer-shape: 4px;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #1d9682;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #1d9682;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #1d9682;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #67ffd8;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #67ffd8;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #67ffd8;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #1d9682;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #67ffd8;
  --mat-toolbar-container-text-color: #000000;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-timepicker-container-background-color: white;
  --mat-form-field-container-text-line-height: 30px;
  --mat-form-field-subscript-text-line-height: 12px;
  --mat-form-field-subscript-text-size: 10px;
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.1);
}
:root {
  --sympheny-error: #fa1e13;
  --sympheny-info: #266eb2;
  --sympheny-warning: #fdba31;
  --sympheny-success: #00ca00;
  --sympheny-primary: #1d9682;
  --sympheny-white: white;
  --sympheny-dark: #3b3b3b;
  --sympheny-light-gray: #979797;
  --sympheny-map-control-bg: #3b3b3b;
  --sympheny-map-control: white;
  --sympheny-map-control-bg-hover: #7a7a7ac2;
  --sympheny-space-small: 5px;
  --sympheny-space: 10px;
  --sympheny-space-large: 15px;
  --sympheny-space-xlarge: 20px;
  --sympheny-header: 64px;
  --sympheny-sidebar: 72px;
}
.sympheny-snackbar {
  margin-top: 125px !important;
}
.sympheny-snackbar--warn > div {
  border-left: 5px solid var(--sympheny-warning) !important;
}
.sympheny-snackbar--warn > div .mat-mdc-snack-bar-action,
.sympheny-snackbar--warn > div button {
  color: var(--sympheny-warning) !important;
}
.sympheny-snackbar--error > div {
  border-left: 5px solid var(--sympheny-error) !important;
}
.sympheny-snackbar--error > div .mat-mdc-snack-bar-action,
.sympheny-snackbar--error > div button {
  color: var(--sympheny-error) !important;
}
.sympheny-snackbar--success > div {
  border-left: 5px solid var(--sympheny-success) !important;
}
.sympheny-snackbar--success > div .mat-mdc-snack-bar-action,
.sympheny-snackbar--success > div button {
  color: var(--sympheny-success) !important;
}
.sympheny-snackbar--info > div {
  border-left: 5px solid var(--sympheny-info) !important;
}
.sympheny-snackbar--info > div .mat-mdc-snack-bar-action,
.sympheny-snackbar--info > div button {
  color: var(--sympheny-info) !important;
}
.collapse-arrow .collapse-title::after {
  color: #ddd;
  right: 0.7rem;
}
.sidenav__item {
  width: auto;
  display: flex;
  vertical-align: center;
  height: 45px;
  align-items: center;
  margin: 0 10px 10px;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
  color: var(--sympheny-dark);
}
.sidenav__item mat-icon,
.sidenav__item--icon {
  font-size: 34px;
  width: fit-content;
  height: fit-content;
  margin-left: 4px;
  color: var(--sympheny-primary);
  padding: 4px;
}
.sidenav__item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.sidenav__item--label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidenav__item--content .sidenav__item {
  background-color: initial;
  font-size: 12px;
  height: 40px;
}
.sidenav__item--content .sidenav__item:first-child {
  margin-top: 0;
}
.sidenav__item--content .sidenav__item:hover {
  background: rgba(0, 0, 0, 0.04);
}
table th .mat-icon {
  font-size: 18px !important;
  vertical-align: middle;
  text-align: center;
}
.analysis-table {
  display: grid;
  width: 100%;
  max-width: var(--breakpoint-2xl, 96rem);
  align-items: center;
  column-gap: calc(var(--spacing, 0.25rem) * 2);
  grid-template-columns: minmax(0, 1fr) 120px 100px 180px;
}
@media (width >= 80rem) {
  .analysis-table {
    column-gap: calc(var(--spacing, 0.25rem) * 4);
  }
}
@screen xl { .analysis-table { grid-template-columns: minmax(0, 1fr) 150px 150px 300px; } }
:root {
  --sidenav--full-width: 230px;
  --sidenav--min-width: 72px;
}
.sympheny {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: max-content max-content 1fr;
  grid-template-areas: "banner banner" "header header" "menu main";
}
.sympheny--banner {
  display: block;
  grid-area: banner;
}
.sympheny--header {
  display: block;
  grid-area: header;
}
.sympheny--menu {
  display: block;
  grid-area: menu;
  z-index: 10;
  transition: width 0.2s ease-in-out;
  width: var(--sidenav--min-width);
}
.sympheny--menu_open {
  width: var(--sidenav--full-width);
}
.sympheny--main {
  display: block;
  grid-area: main;
  overflow: scroll;
  background-color: var(--sympheny-white);
  transition: margin-left 0.2s ease-in-out;
}
.sympheny--scenario-stepper .mat-horizontal-stepper-header-container {
  position: fixed;
  z-index: 101;
  right: 0;
  left: var(--sidenav--min-width);
  width: inherit;
  transition: margin-left 0.2s ease-in-out;
  margin-bottom: 20px;
  background-color: #fff;
}
.sympheny--navigation_open .sympheny--scenario-stepper .mat-horizontal-stepper-header-container {
  left: var(--sidenav--full-width);
}
.sympheny--scenario-stepper .mat-horizontal-content-container {
  padding: 0 10px !important;
  padding-top: 82px !important;
}
.sympheny-scenario--content {
  display: flex;
  flex-direction: column;
  gap: var(--sympheny-space-large);
}
.sympheny-scenario--content__row_4 {
  display: grid;
  align-items: center;
  gap: var(--sympheny-space-large);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sympheny-scenario--content__row_4 > * {
  display: block;
}
.sympheny-scenario--content__row_4 > div,
.sympheny-scenario--content__row_4 .mat-mdc-form-field {
  width: 100%;
}
.sympheny-scenario--content__row_2 {
  display: flex;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: var(--sympheny-space-large);
}
.sympheny-scenario--content__row_2 > * {
  width: 50%;
}
.sympheny-scenario--content__row_2 > div,
.sympheny-scenario--content__row_2 .mat-mdc-form-field {
  width: 100%;
}
.sympheny-scenario--content__row_3 {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--sympheny-space-large);
}
.sympheny-scenario--content__row_3 > * {
  width: 33%;
}
.sympheny-scenario--content__row_3 > div,
.sympheny-scenario--content__row_3 .mat-mdc-form-field {
  width: 100%;
}
.sympheny-scenario--content__row {
  display: flex;
  align-items: center;
  gap: var(--sympheny-space-large);
}
.mat-mdc-tooltip {
  font-size: 0.9em;
}
.form-hint {
  font-size: var(--text-xxs, 0.675rem);
  color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
  color: var(--color-gray-light, #979797);
}
.form-error {
  font-size: var(--text-xxs, 0.675rem);
  color: var(--color-error, #fa1e13);
}
.markdown ul {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2);
  margin-left: calc(var(--spacing, 0.25rem) * 2);
  list-style-position: inside;
  list-style-type: disc;
}
.markdown ol {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2);
  margin-left: calc(var(--spacing, 0.25rem) * 2);
  list-style-position: inside;
  list-style-type: decimal;
}
.markdown blockquote {
  margin-block: calc(var(--spacing, 0.25rem) * 2);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
  background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
  padding: calc(var(--spacing, 0.25rem) * 2);
}
.markdown blockquote p {
  margin: 0px;
  padding: 0px;
  color: var(--color-gray-800, oklch(27.8% 0.033 256.848));
}
.markdown blockquote p:is(.dark *) {
  color: var(--color-white, white);
}
.markdown pre {
  margin-inline: calc(var(--spacing, 0.25rem) * 4);
  margin-bottom: calc(var(--spacing, 0.25rem) * 4);
  height: min-content;
  max-height: 200px;
  transform-origin: top;
  transition: height 0.3s linear, max-height 0s 0.3s linear;
}
.markdown pre:hover {
  height: min-content;
  max-height: min-content;
}
.markdown h1 {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
}
.radio {
  position: relative;
  margin-top: calc(var(--spacing, 0.25rem) * 0.5);
  margin-right: var(--spacing, 0.25rem);
  margin-left: calc(1.5rem * -1);
  height: calc(var(--spacing, 0.25rem) * 5);
  width: calc(var(--spacing, 0.25rem) * 5);
  appearance: none;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 2px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-neutral-300, oklch(87% 0 none));
}
.radio::before {
  content: var(--tw-content);
  pointer-events: none;
}
.radio::before {
  content: var(--tw-content);
  position: absolute;
}
.radio::before {
  content: var(--tw-content);
  height: calc(var(--spacing, 0.25rem) * 4);
}
.radio::before {
  content: var(--tw-content);
  width: calc(var(--spacing, 0.25rem) * 4);
}
.radio::before {
  content: var(--tw-content);
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.radio::before {
  content: var(--tw-content);
  border-radius: calc(infinity * 1px);
}
.radio::before {
  content: var(--tw-content);
  background-color: transparent;
}
.radio::before {
  content: var(--tw-content);
  opacity: 0%;
}
.radio::before {
  content: var(--tw-content);
  --tw-shadow: 0px 0px 0px 13px var(--tw-shadow-color, transparent);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.radio::before {
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
}
.radio::after {
  content: var(--tw-content);
  position: absolute;
}
.radio::after {
  content: var(--tw-content);
  z-index: 1;
}
.radio::after {
  content: var(--tw-content);
  display: block;
}
.radio::after {
  content: var(--tw-content);
  height: calc(var(--spacing, 0.25rem) * 4);
}
.radio::after {
  content: var(--tw-content);
  width: calc(var(--spacing, 0.25rem) * 4);
}
.radio::after {
  content: var(--tw-content);
  border-radius: calc(infinity * 1px);
}
.radio::after {
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
}
.radio:checked {
  border-color: var(--color-primary, #1d9682);
}
.radio:checked::before {
  content: var(--tw-content);
  opacity: 0.16;
}
.radio:checked::after {
  content: var(--tw-content);
  position: absolute;
}
.radio:checked::after {
  content: var(--tw-content);
  top: calc(1 / 2 * 100%);
}
.radio:checked::after {
  content: var(--tw-content);
  left: calc(1 / 2 * 100%);
}
.radio:checked::after {
  content: var(--tw-content);
  height: 0.625rem;
}
.radio:checked::after {
  content: var(--tw-content);
  width: 0.625rem;
}
.radio:checked::after {
  content: var(--tw-content);
  transform: translate(-50%, -50%);
}
.radio:checked::after {
  content: var(--tw-content);
  border-radius: calc(infinity * 1px);
}
.radio:checked::after {
  content: var(--tw-content);
  border-color: var(--color-primary, #1d9682);
}
.radio:checked::after {
  content: var(--tw-content);
  background-color: var(--color-primary, #1d9682);
}
.radio:checked::after {
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
}
@media (hover: hover) {
  .radio:hover {
    cursor: pointer;
  }
}
@media (hover: hover) {
  .radio:hover::before {
    content: var(--tw-content);
    opacity: 0.04;
  }
}
@media (hover: hover) {
  .radio:hover::before {
    content: var(--tw-content);
    --tw-shadow: 0px 0px 0px 13px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
.radio:focus {
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.radio:focus {
  transition-property: border-color 0.2s;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.radio:focus::before {
  content: var(--tw-content);
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.radio:focus::before {
  content: var(--tw-content);
  opacity: 0.12;
}
.radio:focus::before {
  content: var(--tw-content);
  --tw-shadow: 0px 0px 0px 13px var(--tw-shadow-color, rgba(0,0,0,0.6));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.radio:focus::before {
  content: var(--tw-content);
  transition-property: box-shadow 0.2s, transform 0.2s;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.radio:checked:focus {
  border-color: var(--color-primary, #1d9682);
}
.radio:checked:focus::before {
  content: var(--tw-content);
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.radio:checked:focus::before {
  content: var(--tw-content);
  --tw-shadow: 0px 0px 0px 13px var(--tw-shadow-color, #3b71ca);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.radio:checked:focus::before {
  content: var(--tw-content);
  transition-property: box-shadow 0.2s, transform 0.2s;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.card {
  background-color: var(--color-base-100);
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.card-project {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-box);
  transition: outline 0.2s ease-in-out;
  outline: 2px solid #0000;
  outline-offset: 2px;
  height: 230px;
  width: 100%;
  max-width: 256px;
  background-color: var(--color-base-100);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateZ(0);
  transition: transform ease 0.5s, box-shadow ease 0.5s;
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.card-project:focus-visible {
  outline-color: currentColor;
}
.card-project[aria-checked=true] {
  outline-color: currentColor;
}
.card-project:has(> :checked, > :is([type=checkbox], [type=radio]):focus-visible) {
  outline-color: currentColor;
}
.card-project:has(> :checked:focus-visible) {
  outline-width: 4px;
}
.card-project[aria-checked=true]:focus-visible {
  outline-width: 4px;
}
.card-project[aria-checked=true]:has(> :is([type=checkbox], [type=radio]):focus-visible) {
  outline-width: 4px;
}
.card-project:has(> :is([type=checkbox], [type=radio])) {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.card-project > :is([type=checkbox], [type=radio]) {
  appearance: none;
}
.card-project figure:first-child {
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: unset;
}
.card-project figure:last-child {
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.card-project figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aura:has(> .card-project, > .alert) {
  --aura-radius: var(--radius-box);
}
.card-project:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4);
}
.card-project .beta-project {
  position: absolute;
  top: 0px;
  left: 0px;
  height: calc(var(--spacing, 0.25rem) * 8);
  width: calc(var(--spacing, 0.25rem) * 8);
}
.card-project .beta-project > div {
  position: absolute;
  top: 8px;
  left: -32px;
  width: calc(var(--spacing, 0.25rem) * 28);
  rotate: calc(45deg * -1);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  background-color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
  padding-block: var(--spacing, 0.25rem);
  text-align: center;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-white, white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
  background: var(--sympheny-beta-color);
}
.card--shadow-sm,
.card .execution-results .card {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.project-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-box);
  transition: outline 0.2s ease-in-out;
  outline: 2px solid #0000;
  outline-offset: 2px;
  cursor: pointer;
}
.project-card:focus-visible {
  outline-color: currentColor;
}
.project-card[aria-checked=true] {
  outline-color: currentColor;
}
.project-card:has(> :checked, > :is([type=checkbox], [type=radio]):focus-visible) {
  outline-color: currentColor;
}
.project-card:has(> :checked:focus-visible) {
  outline-width: 4px;
}
.project-card[aria-checked=true]:focus-visible {
  outline-width: 4px;
}
.project-card[aria-checked=true]:has(> :is([type=checkbox], [type=radio]):focus-visible) {
  outline-width: 4px;
}
.project-card:has(> :is([type=checkbox], [type=radio])) {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.project-card > :is([type=checkbox], [type=radio]) {
  appearance: none;
}
.project-card figure:first-child {
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: unset;
}
.project-card figure:last-child {
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.project-card figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aura:has(> .project-card, > .alert) {
  --aura-radius: var(--radius-box);
}
.sympheny--maker_hub {
  background-image: url(/assets/hub-pin.png);
  height: 50px;
  width: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}
.sympheny-map-popup {
  padding-left: 10px;
  margin-top: -10px;
}
.sympheny-map-popup .mapboxgl-popup-tip {
  display: none;
}
.sympheny-map-popup > * {
  padding: 0;
  background-color: transparent;
}
:root,
:host {
  --ol-accent-background-color: #f5f5f5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: var(--tw-text-opacity);
  --ol-subtle-foreground-color: var(--tw-text-gray-300);
  --ol-background-color: #3b3b3b;
  --ol-brand-color: var(--sympheny-primary);
}
.ol-control.ol-fullscreen button:after,
.ol-control.ol-fullscreen button:before {
  content: none;
}
.ol-control.ol-fullscreen button {
  height: 22px;
  width: 22px;
  background-color: var(--ol-background-color);
  fill: var(--color-white, white);
  color: var(--color-white, white);
}
.ol-control.ol-fullscreen button:hover {
  background-color: rgba(122, 122, 122, 0.7607843137);
  color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.ol-control.ol-fullscreen {
  right: 0.5em;
  top: 0.5;
}
.ol-control.ol-fullscreen button {
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: "";
  float: right;
  position: relative;
  z-index: 10;
}
.ol-control .panel-container,
.ol-control .ol-panel-container {
  position: relative;
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white, white);
  padding: calc(var(--spacing, 0.25rem) * 2);
  opacity: 0.8;
  z-index: 1;
  margin-top: 22px;
}
.ol-control .panel-container .columns,
.ol-control .ol-panel-container .columns {
  display: flex;
  flex-direction: column;
}
.ol-control .panel-container button,
.ol-control .ol-panel-container button {
  background-color: initial;
  --size: calc(var(--size-field, 0.25rem) * 10);
  --btn-p: 1rem;
  --btn-fg: var(--color-base-content);
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: calc(0.25rem * 1.5);
  text-align: center;
  vertical-align: middle;
  outline-offset: 2px;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 600;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-width: var(--border);
  touch-action: manipulation;
  transition-property:
    color,
    background-color,
    border-color,
    box-shadow,
    transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  --btn-bg: var(--btn-color, var(--color-base-200));
  --btn-border: var(--btn-color, var(--color-base-200));
  --btn-soft-bg: initial;
  --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
  height: var(--size);
  padding-inline: var(--btn-p);
  font-size: var(--fontsize, 0.875rem);
  background-color: var(--btn-bg);
  color: var(--btn-fg);
  border-color: var(--btn-border);
  border-style: var(--btn-border-style, solid);
  outline-color: var(--btn-color, var(--color-base-content));
  --tw-prose-links: var(--btn-fg);
  background-image: none, var(--fx-noise);
  background-size: auto, calc(var(--noise, 0) * 100%);
  text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
  box-shadow: var(--btn-inset) inset, var(--btn-shadow);
  width: calc(var(--spacing, 0.25rem) * 32);
  --btn-bg: #0000;
  color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content, currentColor)));
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
  --fontsize: 0.75rem;
  --btn-p: 0.75rem;
  --size: calc(var(--size-field, 0.25rem) * 8);
}
:where(:is(.ol-control .panel-container button, .ol-control .ol-panel-container button)) {
  width: unset;
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-control .panel-container button,
  .ol-control .ol-panel-container button {
    --btn-border: color-mix( in oklab, var(--btn-color, var(--color-base-200)), #000 calc(var(--depth) * 5%) );
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-control .panel-container button,
  .ol-control .ol-panel-container button {
    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is([type=checkbox], [type=radio]) {
  appearance: none;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is([type=checkbox], [type=radio])[aria-label]::after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.prose :where(a:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):not(.btn-link)):not(:where([class~=not-prose], [class~=not-prose] *)) {
  text-decoration-line: none;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn)) {
  --btn-color: var(--color-primary);
  --btn-fg: var(--color-primary-content);
}
@media (hover: hover) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
    --btn-bg: var(--btn-color, var(--color-base-200));
    color: var(--btn-fg);
    --btn-border: var(--btn-bg);
    --btn-border-style: solid;
    --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
    --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
  translate: 0 0.5px;
  --btn-bg: var(--btn-color, var(--color-base-200));
  color: var(--btn-fg, var(--color-base-content));
  --btn-border: var(--btn-color, var(--color-base-200));
  --btn-border-style: solid;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
    --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
    --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
  --btn-bg: var(--btn-color, var(--color-base-200));
  color: var(--btn-fg, var(--color-base-content));
  --btn-border: var(--btn-bg);
  --btn-border-style: solid;
  --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
  --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  isolation: isolate;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
    --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):focus-visible {
  outline-width: 2px;
  outline-style: solid;
  isolation: isolate;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):has(:focus-visible) {
  outline-width: 2px;
  outline-style: solid;
  isolation: isolate;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true]) {
  pointer-events: none;
  color: var(--color-base-content);
  --btn-bg: #0000;
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true]) {
    color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
  }
}
:is(.btn-disabled, :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.btn-disabled, :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.aura:has(> :is(.ol-control .panel-container button, .ol-control .ol-panel-container button), > .input, > .select) {
  --aura-radius: var(--radius-field);
}
.ol-control .panel-container button:hover,
.ol-control .ol-panel-container button:hover {
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
}
.ol-control.ol-layerswitcher button:after,
.ol-control.ol-layerswitcher button:before {
  content: none;
}
.ol-control.ol-layerswitcher button {
  height: 22px;
  width: 22px;
  background-color: var(--ol-background-color);
  fill: var(--color-white, white);
  color: var(--color-white, white);
}
.ol-control.ol-layerswitcher button:hover {
  background-color: rgba(122, 122, 122, 0.7607843137);
  color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.ol-control.ol-layerswitcher {
  right: 0.5em;
  top: 2.5em;
}
.ol-control.ol-layerswitcher button {
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExLjk5IDE4LjU0bC03LjM3LTUuNzNMMyAxNC4wN2w5IDcgOS03LTEuNjMtMS4yN3pNMTIgMTZsNy4zNi01LjczTDIxIDlsLTktNy05IDcgMS42MyAxLjI3TDEyIDE2em0wLTExLjQ3TDE3Ljc0IDkgMTIgMTMuNDcgNi4yNiA5IDEyIDQuNTN6Ii8+PC9zdmc+);
  float: right;
  position: relative;
  z-index: 10;
}
.ol-control .panel-container,
.ol-control .ol-panel-container {
  position: relative;
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white, white);
  padding: calc(var(--spacing, 0.25rem) * 2);
  opacity: 0.8;
  z-index: 1;
  margin-top: 22px;
}
.ol-control .panel-container .columns,
.ol-control .ol-panel-container .columns {
  display: flex;
  flex-direction: column;
}
.ol-control .panel-container button,
.ol-control .ol-panel-container button {
  background-color: initial;
  --size: calc(var(--size-field, 0.25rem) * 10);
  --btn-p: 1rem;
  --btn-fg: var(--color-base-content);
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: calc(0.25rem * 1.5);
  text-align: center;
  vertical-align: middle;
  outline-offset: 2px;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 600;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-width: var(--border);
  touch-action: manipulation;
  transition-property:
    color,
    background-color,
    border-color,
    box-shadow,
    transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  --btn-bg: var(--btn-color, var(--color-base-200));
  --btn-border: var(--btn-color, var(--color-base-200));
  --btn-soft-bg: initial;
  --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
  height: var(--size);
  padding-inline: var(--btn-p);
  font-size: var(--fontsize, 0.875rem);
  background-color: var(--btn-bg);
  color: var(--btn-fg);
  border-color: var(--btn-border);
  border-style: var(--btn-border-style, solid);
  outline-color: var(--btn-color, var(--color-base-content));
  --tw-prose-links: var(--btn-fg);
  background-image: none, var(--fx-noise);
  background-size: auto, calc(var(--noise, 0) * 100%);
  text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
  box-shadow: var(--btn-inset) inset, var(--btn-shadow);
  width: calc(var(--spacing, 0.25rem) * 32);
  --btn-bg: #0000;
  color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content, currentColor)));
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
  --fontsize: 0.75rem;
  --btn-p: 0.75rem;
  --size: calc(var(--size-field, 0.25rem) * 8);
}
:where(:is(.ol-control .panel-container button, .ol-control .ol-panel-container button)) {
  width: unset;
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-control .panel-container button,
  .ol-control .ol-panel-container button {
    --btn-border: color-mix( in oklab, var(--btn-color, var(--color-base-200)), #000 calc(var(--depth) * 5%) );
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-control .panel-container button,
  .ol-control .ol-panel-container button {
    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is([type=checkbox], [type=radio]) {
  appearance: none;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is([type=checkbox], [type=radio])[aria-label]::after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.prose :where(a:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):not(.btn-link)):not(:where([class~=not-prose], [class~=not-prose] *)) {
  text-decoration-line: none;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn)) {
  --btn-color: var(--color-primary);
  --btn-fg: var(--color-primary-content);
}
@media (hover: hover) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
    --btn-bg: var(--btn-color, var(--color-base-200));
    color: var(--btn-fg);
    --btn-border: var(--btn-bg);
    --btn-border-style: solid;
    --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
    --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
  translate: 0 0.5px;
  --btn-bg: var(--btn-color, var(--color-base-200));
  color: var(--btn-fg, var(--color-base-content));
  --btn-border: var(--btn-color, var(--color-base-200));
  --btn-border-style: solid;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
    --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
    --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
  --btn-bg: var(--btn-color, var(--color-base-200));
  color: var(--btn-fg, var(--color-base-content));
  --btn-border: var(--btn-bg);
  --btn-border-style: solid;
  --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
  --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  isolation: isolate;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
    --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):focus-visible {
  outline-width: 2px;
  outline-style: solid;
  isolation: isolate;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):has(:focus-visible) {
  outline-width: 2px;
  outline-style: solid;
  isolation: isolate;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true]) {
  pointer-events: none;
  color: var(--color-base-content);
  --btn-bg: #0000;
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true]) {
    color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
  }
}
:is(.btn-disabled, :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.btn-disabled, :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.aura:has(> :is(.ol-control .panel-container button, .ol-control .ol-panel-container button), > .input, > .select) {
  --aura-radius: var(--radius-field);
}
.ol-control .panel-container button:hover,
.ol-control .ol-panel-container button:hover {
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
}
.ol-control.ol-zoom-to button:after,
.ol-control.ol-zoom-to button:before {
  content: none;
}
.ol-control.ol-zoom-to button {
  height: 22px;
  width: 22px;
  background-color: var(--ol-background-color);
  fill: var(--color-white, white);
  color: var(--color-white, white);
}
.ol-control.ol-zoom-to button:hover {
  background-color: rgba(122, 122, 122, 0.7607843137);
  color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.ol-control.ol-zoom-to {
  right: 0.5em;
  top: 4.5em;
}
.ol-control.ol-zoom-to button {
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6' /%3E%3C/svg%3E");
  float: right;
  position: relative;
  z-index: 10;
}
.ol-control .panel-container,
.ol-control .ol-panel-container {
  position: relative;
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white, white);
  padding: calc(var(--spacing, 0.25rem) * 2);
  opacity: 0.8;
  z-index: 1;
  margin-top: 22px;
}
.ol-control .panel-container .columns,
.ol-control .ol-panel-container .columns {
  display: flex;
  flex-direction: column;
}
.ol-control .panel-container button,
.ol-control .ol-panel-container button {
  background-color: initial;
  --size: calc(var(--size-field, 0.25rem) * 10);
  --btn-p: 1rem;
  --btn-fg: var(--color-base-content);
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: calc(0.25rem * 1.5);
  text-align: center;
  vertical-align: middle;
  outline-offset: 2px;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 600;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-width: var(--border);
  touch-action: manipulation;
  transition-property:
    color,
    background-color,
    border-color,
    box-shadow,
    transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  --btn-bg: var(--btn-color, var(--color-base-200));
  --btn-border: var(--btn-color, var(--color-base-200));
  --btn-soft-bg: initial;
  --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
  height: var(--size);
  padding-inline: var(--btn-p);
  font-size: var(--fontsize, 0.875rem);
  background-color: var(--btn-bg);
  color: var(--btn-fg);
  border-color: var(--btn-border);
  border-style: var(--btn-border-style, solid);
  outline-color: var(--btn-color, var(--color-base-content));
  --tw-prose-links: var(--btn-fg);
  background-image: none, var(--fx-noise);
  background-size: auto, calc(var(--noise, 0) * 100%);
  text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
  box-shadow: var(--btn-inset) inset, var(--btn-shadow);
  width: calc(var(--spacing, 0.25rem) * 32);
  --btn-bg: #0000;
  color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content, currentColor)));
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
  --fontsize: 0.75rem;
  --btn-p: 0.75rem;
  --size: calc(var(--size-field, 0.25rem) * 8);
}
:where(:is(.ol-control .panel-container button, .ol-control .ol-panel-container button)) {
  width: unset;
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-control .panel-container button,
  .ol-control .ol-panel-container button {
    --btn-border: color-mix( in oklab, var(--btn-color, var(--color-base-200)), #000 calc(var(--depth) * 5%) );
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-control .panel-container button,
  .ol-control .ol-panel-container button {
    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is([type=checkbox], [type=radio]) {
  appearance: none;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is([type=checkbox], [type=radio])[aria-label]::after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.prose :where(a:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):not(.btn-link)):not(:where([class~=not-prose], [class~=not-prose] *)) {
  text-decoration-line: none;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn)) {
  --btn-color: var(--color-primary);
  --btn-fg: var(--color-primary-content);
}
@media (hover: hover) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
    --btn-bg: var(--btn-color, var(--color-base-200));
    color: var(--btn-fg);
    --btn-border: var(--btn-bg);
    --btn-border-style: solid;
    --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
    --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):hover {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
  translate: 0 0.5px;
  --btn-bg: var(--btn-color, var(--color-base-200));
  color: var(--btn-fg, var(--color-base-content));
  --btn-border: var(--btn-color, var(--color-base-200));
  --btn-border-style: solid;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
    --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):active:not(.btn-active) {
    --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
  --btn-bg: var(--btn-color, var(--color-base-200));
  color: var(--btn-fg, var(--color-base-content));
  --btn-border: var(--btn-bg);
  --btn-border-style: solid;
  --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
  --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  isolation: isolate;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
    --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
  }
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):focus-visible {
  outline-width: 2px;
  outline-style: solid;
  isolation: isolate;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):has(:focus-visible) {
  outline-width: 2px;
  outline-style: solid;
  isolation: isolate;
}
:is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true]) {
  pointer-events: none;
  color: var(--color-base-content);
  --btn-bg: #0000;
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true]) {
    color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
  }
}
:is(.btn-disabled, :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.btn-disabled, :is(.ol-control .panel-container button, .ol-control .ol-panel-container button):is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.aura:has(> :is(.ol-control .panel-container button, .ol-control .ol-panel-container button), > .input, > .select) {
  --aura-radius: var(--radius-field);
}
.ol-control .panel-container button:hover,
.ol-control .ol-panel-container button:hover {
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
}
.ol-control button:after,
.ol-control button:before {
  content: none;
}
.ol-control button {
  height: 22px;
  width: 22px;
  background-color: var(--ol-background-color);
  fill: var(--color-white, white);
  color: var(--color-white, white);
}
.ol-control button:hover {
  background-color: rgba(122, 122, 122, 0.7607843137);
  color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.ol-control {
  background: none;
}
.map-info-hover {
  background-color: rgba(122, 122, 122, 0.7607843137);
  color: whitesmoke;
  font-size: 12px;
  margin: 2px;
  padding: 2px;
  border-radius: 2px;
}
.ol-change-basemap button:after,
.ol-change-basemap button:before {
  content: none;
}
.ol-change-basemap button {
  height: 22px;
  width: 22px;
  background-color: var(--ol-background-color);
  fill: var(--color-white, white);
  color: var(--color-white, white);
}
.ol-change-basemap button:hover {
  background-color: rgba(122, 122, 122, 0.7607843137);
  color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.ol-change-basemap {
  right: 40px;
  top: 7px;
  width: initial;
}
.ol-change-basemap select {
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 1.5);
  background-color: var(--color-base-100);
  padding-inline-start: calc(0.25rem * 3);
  padding-inline-end: calc(0.25rem * 7);
  vertical-align: middle;
  --size: calc(var(--size-field, 0.25rem) * var(--sl-size-mul, 10));
  --input-color: var(--color-base-content);
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  background-image:
    linear-gradient(
      45deg,
      #0000 50%,
      currentColor 50%),
    linear-gradient(
      135deg,
      currentColor 50%,
      #0000 50%);
  background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--border) solid var(--input-color, #0000);
  box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  width: calc(var(--spacing, 0.25rem) * 40);
  --sl-size-mul: 6;
  --font-size-min: 0.6875rem;
  --option-px: 2;
  background-color: var(--ol-background-color);
  fill: var(--color-white, white);
  color: var(--color-white, white);
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-change-basemap select {
    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-change-basemap select {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  }
}
[dir=rtl] :is(.ol-change-basemap select) {
  background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
}
.ol-change-basemap select[multiple] {
  height: auto;
  overflow: auto;
  padding-block: calc(0.25rem * 3);
  padding-inline-end: calc(0.25rem * 3);
  background-image: none;
}
.ol-change-basemap select select {
  margin-inline-start: calc(0.25rem * -3);
  margin-inline-end: calc(0.25rem * -7);
  width: calc(100% + 2.75rem);
  appearance: none;
  padding-inline-start: calc(0.25rem * 3);
  padding-inline-end: calc(0.25rem * 7);
  height: calc(100% - calc(var(--border) * 2));
  align-items: center;
  background: inherit;
  border-radius: inherit;
  border-style: none;
}
.ol-change-basemap select select::placeholder {
  color: var(--color-base-content);
  opacity: 50%;
}
.ol-change-basemap select select:focus,
.ol-change-basemap select select:focus-within {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .ol-change-basemap select select:focus,
  .ol-change-basemap select select:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.ol-change-basemap select select:not(:last-child) {
  margin-inline-end: calc(0.25rem * -5.5);
  background-image: none;
}
.ol-change-basemap select:focus {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-change-basemap select:focus {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.ol-change-basemap select:focus-within {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-change-basemap select:focus-within {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.ol-change-basemap select:open {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-change-basemap select:open {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.ol-change-basemap select:open {
  background-image:
    linear-gradient(
      135deg,
      #0000 50%,
      currentColor 50%),
    linear-gradient(
      45deg,
      currentColor 50%,
      #0000 50%);
}
.ol-change-basemap select:has(> select[disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
  box-shadow: none;
}
.ol-change-basemap select:has(> select[disabled]):is(select),
.ol-change-basemap select:has(> select[disabled]) :is(select) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-change-basemap select:has(> select[disabled]):is(select),
  .ol-change-basemap select:has(> select[disabled]) :is(select) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
.ol-change-basemap select:has(> select[disabled])::placeholder,
.ol-change-basemap select:has(> select[disabled]) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
.ol-change-basemap select:is(:disabled, [disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
  box-shadow: none;
}
.ol-change-basemap select:is(:disabled, [disabled]):is(select),
.ol-change-basemap select:is(:disabled, [disabled]) :is(select) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .ol-change-basemap select:is(:disabled, [disabled]):is(select),
  .ol-change-basemap select:is(:disabled, [disabled]) :is(select) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
.ol-change-basemap select:is(:disabled, [disabled])::placeholder,
.ol-change-basemap select:is(:disabled, [disabled]) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
fieldset:disabled :is(.ol-change-basemap select) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
  box-shadow: none;
}
fieldset:disabled :is(.ol-change-basemap select):is(select),
fieldset:disabled :is(.ol-change-basemap select) :is(select) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  fieldset:disabled :is(.ol-change-basemap select):is(select),
  fieldset:disabled :is(.ol-change-basemap select) :is(select) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
fieldset:disabled :is(.ol-change-basemap select)::placeholder,
fieldset:disabled :is(.ol-change-basemap select) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
.ol-change-basemap select:has(> select[disabled]) > select[disabled] {
  cursor: not-allowed;
}
@supports (appearance: base-select) {
  :is(:is(.ol-change-basemap select), .select select) {
    appearance: base-select;
  }
}
@supports (appearance: base-select) {
  :is(:is(.select), .ol-change-basemap select select) {
    appearance: base-select;
  }
}
@supports (appearance: base-select) {
  :is(:is(.ol-change-basemap select), .select select)::picker(select) {
    appearance: base-select;
  }
}
@supports (appearance: base-select) {
  :is(:is(.select), .ol-change-basemap select select)::picker(select) {
    appearance: base-select;
  }
}
:is(:is(.ol-change-basemap select), .select select)::picker(select) {
  color: inherit;
  max-height: min(24rem, 70dvh);
  margin-inline: 0.5rem;
  translate: -0.5rem 0;
  border: var(--border) solid var(--color-base-200);
  margin-block: calc(0.25rem * 2);
  border-radius: var(--radius-box);
  padding: calc(0.25rem * 2);
  background-color: inherit;
  box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
}
:is(:is(.select), .ol-change-basemap select select)::picker(select) {
  color: inherit;
  max-height: min(24rem, 70dvh);
  margin-inline: 0.5rem;
  translate: -0.5rem 0;
  border: var(--border) solid var(--color-base-200);
  margin-block: calc(0.25rem * 2);
  border-radius: var(--radius-box);
  padding: calc(0.25rem * 2);
  background-color: inherit;
  box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
}
:is(:is(.ol-change-basemap select), .select select)::picker-icon {
  display: none;
}
:is(:is(.select), .ol-change-basemap select select)::picker-icon {
  display: none;
}
:is(:is(.ol-change-basemap select), .select select) selectedcontent {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:is(:is(.select), .ol-change-basemap select select) selectedcontent {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:is(:is(.ol-change-basemap select), .select select) optgroup {
  padding-top: 0.5em;
}
:is(:is(.ol-change-basemap select), .select select) optgroup option:nth-child(1) {
  margin-top: 0.5em;
}
:is(:is(.select), .ol-change-basemap select select) optgroup {
  padding-top: 0.5em;
}
:is(:is(.select), .ol-change-basemap select select) optgroup option:nth-child(1) {
  margin-top: 0.5em;
}
:is(:is(.ol-change-basemap select), .select select) option {
  border-radius: var(--radius-field);
  padding-block: calc(0.25rem * 1.5);
  padding-inline: calc(0.25rem * var(--option-px, 3));
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  white-space: normal;
}
:is(:is(.ol-change-basemap select), .select select) option:not(:disabled):hover,
:is(:is(.ol-change-basemap select), .select select) option:not(:disabled):focus-visible {
  cursor: pointer;
  background-color: var(--color-base-content);
  --tw-outline-style: none;
  outline-style: none;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(:is(.ol-change-basemap select), .select select) option:not(:disabled):hover,
  :is(:is(.ol-change-basemap select), .select select) option:not(:disabled):focus-visible {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
@media (forced-colors: active) {
  :is(:is(.ol-change-basemap select), .select select) option:not(:disabled):hover,
  :is(:is(.ol-change-basemap select), .select select) option:not(:disabled):focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
:is(:is(.ol-change-basemap select), .select select) option:not(:disabled):active {
  background-color: var(--color-neutral);
  color: var(--color-neutral-content);
  box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
}
:is(:is(.select), .ol-change-basemap select select) option {
  border-radius: var(--radius-field);
  padding-block: calc(0.25rem * 1.5);
  padding-inline: calc(0.25rem * var(--option-px, 3));
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  white-space: normal;
}
:is(:is(.select), .ol-change-basemap select select) option:not(:disabled):hover,
:is(:is(.select), .ol-change-basemap select select) option:not(:disabled):focus-visible {
  cursor: pointer;
  background-color: var(--color-base-content);
  --tw-outline-style: none;
  outline-style: none;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(:is(.select), .ol-change-basemap select select) option:not(:disabled):hover,
  :is(:is(.select), .ol-change-basemap select select) option:not(:disabled):focus-visible {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
@media (forced-colors: active) {
  :is(:is(.select), .ol-change-basemap select select) option:not(:disabled):hover,
  :is(:is(.select), .ol-change-basemap select select) option:not(:disabled):focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
:is(:is(.select), .ol-change-basemap select select) option:not(:disabled):active {
  background-color: var(--color-neutral);
  color: var(--color-neutral-content);
  box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
}
[dir=rtl] :is(.ol-change-basemap select)::picker(select) {
  translate: 0.5rem 0;
}
[dir=rtl] :is(.ol-change-basemap select) select::picker(select) {
  translate: 0.5rem 0;
}
.label:is(.input > *, .ol-change-basemap select > *) {
  display: flex;
  height: calc(100% - 0.5rem);
  align-items: center;
  padding-inline: calc(0.25rem * 3);
  white-space: nowrap;
  font-size: inherit;
}
.label:is(.input > *, .ol-change-basemap select > *):first-child {
  margin-inline-start: calc(0.25rem * -3);
  margin-inline-end: calc(0.25rem * 3);
  border-inline-end: var(--border) solid currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label:is(.input > *, .ol-change-basemap select > *):first-child {
    border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
  }
}
.label:is(.input > *, .ol-change-basemap select > *):last-child {
  margin-inline-start: calc(0.25rem * 3);
  margin-inline-end: calc(0.25rem * -3);
  border-inline-start: var(--border) solid currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label:is(.input > *, .ol-change-basemap select > *):last-child {
    border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
  }
}
.floating-label:has(.ol-change-basemap select) {
  --top-mul: 3;
  --font-size: 0.6875rem;
}
.aura:has(> .btn, > .input, > :is(.ol-change-basemap select)) {
  --aura-radius: var(--radius-field);
}
.ol-zoom .ol-zoom-out {
  margin-top: 200px;
}
.sympheny-map-search-bar {
  top: var(--sympheny-space-xlarge);
  right: var(--sympheny-space-xlarge);
  left: initial;
}
.projects-overview-map .ol-zoom {
  bottom: 40px;
  right: 8px;
  top: initial;
  left: initial;
}
.center {
  text-align: center;
}
.items-baseline {
  align-items: baseline;
}
:root {
  --mat-form-field-filled-caret-color: orange;
  --mat-form-field-filled-container-color: transparent;
  --mat-form-field-state-layer-color: transparent;
  --mat-form-field-filled-focus-active-indicator-color: var(--sympheny-primary);
  --mat-form-field-container-height: 39px;
  --mat-form-field-filled-with-label-container-padding-top: 14px;
  --mat-form-field-filled-with-label-container-padding-bottom: 4px;
  --mat-form-field-container-vertical-padding: 0px;
}
.mdc-text-field {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
mat-hint {
  color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
}
.mat-datepicker-toggle button {
  padding: 0px 12px !important;
  height: 39px !important;
  width: 39px !important;
}
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-border-style: solid;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-font-weight: initial;
    }
  }
}

/* libs/ui/style/src/lib/tailwind.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root,
  :host {
    --font-sans: var(--font-sans);
    --font-mono: var(--font-mono);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-green-100: #d2eae6;
    --color-green-200: #a5d5cd;
    --color-green-300: #77c0b4;
    --color-green-400: #4aab9b;
    --color-green-600: #177868;
    --color-green-700: #115a4e;
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: white;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: calc(var(--radius) * 0.8);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-ring: var(--ring);
    --color-accent: var(--accent);
    --color-secondary: var(--secondary);
    --color-primary: #1d9682;
    --color-surface-sunken: var(--surface-sunken);
    --color-error: #fa1e13;
    --color-info: #266eb2;
    --color-warning: #fdba31;
    --color-success: #00ca00;
    --color-gray-light: #979797;
    --color-favorite: #feb559;
    --color-beta: #fac710;
    --color-notification: #e8e04d;
    --color-map-control: #3b3b3b;
    --color-map-control-text: white;
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
.diff {
  position: relative;
  display: grid;
  width: 100%;
  overflow: hidden;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  align-items: normal;
  grid-template-rows: 1fr 1.8rem 1fr;
  direction: ltr;
  container-type: inline-size;
  grid-template-columns: auto 1fr;
}
.diff:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 1px;
  outline-color: var(--color-base-content);
}
.diff:has(.diff-item-1:focus-visible) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 1px;
  outline-color: var(--color-base-content);
}
.diff:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 1px;
  outline-color: var(--color-base-content);
}
.diff:focus-visible .diff-resizer {
  min-width: 95cqi;
  max-width: 95cqi;
}
.diff:has(.diff-item-1:focus-visible) {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 1px;
}
.diff:has(.diff-item-1:focus-visible) .diff-resizer {
  min-width: 5cqi;
  max-width: 5cqi;
}
.diff:hover .diff-item-2::after {
  height: 2.4rem;
}
@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
  .diff:focus .diff-resizer {
    min-width: 5cqi;
    max-width: 5cqi;
  }
  .diff:has(.diff-item-1:focus) .diff-resizer {
    min-width: 95cqi;
    max-width: 95cqi;
  }
}
.\@container\/card-header {
  container-type: inline-size;
  container-name: card-header;
}
.\@container {
  container-type: inline-size;
}
.modal {
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  inset: 0px;
  margin: 0px;
  display: grid;
  height: 100%;
  max-height: none;
  width: 100%;
  max-width: none;
  align-items: center;
  justify-items: center;
  background-color: transparent;
  padding: 0px;
  color: inherit;
  transition:
    overlay 0.3s allow-discrete,
    visibility 0.3s allow-discrete,
    background-color 0.3s ease-out,
    opacity 0.1s ease-out;
  overflow: clip;
  overscroll-behavior: contain;
  z-index: 999;
  scrollbar-gutter: auto;
}
.modal::backdrop {
  display: none;
}
.modal[popover] {
  inset: 0;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  max-width: none;
  max-height: none;
}
.modal[popover]::backdrop {
  background-color: oklch(0% 0 0/ 0.4);
  transition: background-color 0.3s ease-out;
}
.modal.modal-open {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
  transition:
    visibility 0s allow-discrete,
    background-color 0.3s ease-out,
    opacity 0.1s ease-out;
  background-color: oklch(0% 0 0/ 0.4);
}
.modal.modal-open > .modal-box {
  translate: 0 0;
  scale: 1;
  opacity: 1;
}
:root:has(.modal.modal-open) {
  --page-scroll-lock: ;
}
@starting-style {
  .modal.modal-open {
    opacity: 0%;
  }
}
.modal[open] {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
  transition:
    visibility 0s allow-discrete,
    background-color 0.3s ease-out,
    opacity 0.1s ease-out;
  background-color: oklch(0% 0 0/ 0.4);
}
.modal[open] > .modal-box {
  translate: 0 0;
  scale: 1;
  opacity: 1;
}
:root:has(.modal[open]) {
  --page-scroll-lock: ;
}
@starting-style {
  .modal[open] {
    opacity: 0%;
  }
}
.modal:popover-open {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
  transition:
    visibility 0s allow-discrete,
    background-color 0.3s ease-out,
    opacity 0.1s ease-out;
  background-color: oklch(0% 0 0/ 0.4);
}
.modal:popover-open > .modal-box {
  translate: 0 0;
  scale: 1;
  opacity: 1;
}
:root:has(.modal:popover-open) {
  --page-scroll-lock: ;
}
@starting-style {
  .modal:popover-open {
    opacity: 0%;
  }
}
.modal:target {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
  transition:
    visibility 0s allow-discrete,
    background-color 0.3s ease-out,
    opacity 0.1s ease-out;
  background-color: oklch(0% 0 0/ 0.4);
}
.modal:target > .modal-box {
  translate: 0 0;
  scale: 1;
  opacity: 1;
}
:root:has(.modal:target) {
  --page-scroll-lock: ;
}
@starting-style {
  .modal:target {
    opacity: 0%;
  }
}
.modal-toggle:checked + .modal {
  pointer-events: auto;
  visibility: visible;
  opacity: 100%;
  transition:
    visibility 0s allow-discrete,
    background-color 0.3s ease-out,
    opacity 0.1s ease-out;
  background-color: oklch(0% 0 0/ 0.4);
}
.modal-toggle:checked + .modal > .modal-box {
  translate: 0 0;
  scale: 1;
  opacity: 1;
}
:root:has(.modal-toggle:checked + .modal) {
  --page-scroll-lock: ;
}
@starting-style {
  .modal-toggle:checked + .modal {
    opacity: 0%;
  }
}
.drawer-toggle {
  position: fixed;
  height: 0px;
  width: 0px;
  appearance: none;
  opacity: 0%;
}
:where(.drawer-toggle:checked ~ .drawer-side) {
  scrollbar-color: currentColor oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4));
}
@supports (color: color-mix(in lab, red, red)) {
  :where(.drawer-toggle:checked ~ .drawer-side) {
    scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * 0.4));
  }
}
:where(.drawer-toggle:checked ~ .drawer-side) > :not(.drawer-overlay) {
  transform: none;
  will-change: auto;
}
:where(.drawer-toggle:checked ~ .drawer-side) {
  pointer-events: auto;
  visibility: visible;
  overflow-y: auto;
  opacity: 100%;
}
:where(.drawer-toggle:checked ~ .drawer-side) > :not(.drawer-overlay) {
  translate: 0%;
}
:where(:root:has(.drawer-toggle:checked)) {
  --page-scroll-lock: ;
}
.drawer-open > .drawer-toggle:checked ~ .drawer-side {
  scrollbar-color: revert-layer;
}
:root:has(.drawer-open > .drawer-toggle:checked) {
  --page-scroll-lock: revert-layer;
}
.drawer-toggle:focus-visible ~ .drawer-content label.drawer-button {
  outline: 2px solid;
  outline-offset: 2px;
}
.drawer-end > .drawer-toggle ~ .drawer-content {
  grid-column-start: 1;
}
.drawer-end > .drawer-toggle ~ .drawer-side {
  grid-column-start: 2;
  justify-items: end;
}
.drawer-end > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) {
  translate: 100%;
}
[dir=rtl] :is(.drawer-end > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) {
  translate: -100%;
}
.drawer-end > .drawer-toggle:checked ~ .drawer-side > :not(.drawer-overlay) {
  translate: 0%;
}
.drawer-open > .drawer-toggle {
  display: none;
}
.drawer-open > .drawer-toggle ~ .drawer-side {
  pointer-events: auto;
  visibility: visible;
  position: sticky;
  display: block;
  width: auto;
  overscroll-behavior: auto;
  opacity: 100%;
}
.drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
  cursor: default;
  background-color: transparent;
}
.drawer-open > .drawer-toggle:checked ~ .drawer-side {
  pointer-events: auto;
  visibility: visible;
}
.drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) {
  translate: 0%;
}
[dir=rtl] :is(.drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) {
  translate: 0%;
}
.tab:is(.tabs > .tab) {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  appearance: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (hover: hover) {
  .tab:is(.tabs > .tab):hover {
    color: var(--color-base-content);
  }
}
.tab:is(.tabs > .tab) {
  --tab-p: 0.75rem;
  --tab-bg: var(--color-base-100);
  --tab-border-color: var(--color-base-300);
  --tab-radius-ss: 0;
  --tab-radius-se: 0;
  --tab-radius-es: 0;
  --tab-radius-ee: 0;
  --tab-order: 0;
  --tab-radius-min: calc(0.75rem - var(--border));
  --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min));
  --tab-radius-grad:
    #0000 calc(69% - var(--border)),
    var(--tab-border-color) calc(69% - var(--border) + 0.25px),
    var(--tab-border-color) 69%,
    var(--tab-bg) calc(69% + 0.25px);
  border-color: #0000;
  order: var(--tab-order);
  height: var(--tab-height);
  font-size: 0.875rem;
  padding-inline: var(--tab-p);
}
.tab:is(.tabs > .tab):is(input[type=radio]) {
  min-width: fit-content;
}
.tab:is(.tabs > .tab):is(input[type=radio]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.tab:is(.tabs > .tab):is(label) {
  position: relative;
}
.tab:is(.tabs > .tab):is(label) input {
  position: absolute;
  inset: 0px;
  cursor: pointer;
  appearance: none;
  opacity: 0%;
}
:is(.tab:is(.tabs > .tab):checked, .tab:is(.tabs > .tab):is(label:has(:checked)), .tab:is(.tabs > .tab):is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content {
  display: block;
}
.tab:is(.tabs > .tab):not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .tab:is(.tabs > .tab):not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
    color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
  }
}
.tab:is(.tabs > .tab):not(input):empty {
  flex-grow: 1;
  cursor: default;
}
.tab:is(.tabs > .tab):focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .tab:is(.tabs > .tab):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.tab:is(.tabs > .tab):focus-visible,
.tab:is(.tabs > .tab):is(label:has(:checked:focus-visible)) {
  outline: 2px solid currentColor;
  outline-offset: -5px;
}
.tab:is(.tabs > .tab)[disabled] {
  pointer-events: none;
  opacity: 40%;
}
.tab:is(.tabs > .tab) {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  appearance: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (hover: hover) {
  .tab:is(.tabs > .tab):hover {
    color: var(--color-base-content);
  }
}
.tab:is(.tabs > .tab) {
  --tab-p: 0.75rem;
  --tab-bg: var(--color-base-100);
  --tab-border-color: var(--color-base-300);
  --tab-radius-ss: 0;
  --tab-radius-se: 0;
  --tab-radius-es: 0;
  --tab-radius-ee: 0;
  --tab-order: 0;
  --tab-radius-min: calc(0.75rem - var(--border));
  --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min));
  --tab-radius-grad:
    #0000 calc(69% - var(--border)),
    var(--tab-border-color) calc(69% - var(--border) + 0.25px),
    var(--tab-border-color) 69%,
    var(--tab-bg) calc(69% + 0.25px);
  border-color: #0000;
  order: var(--tab-order);
  height: var(--tab-height);
  font-size: 0.875rem;
  padding-inline: var(--tab-p);
}
.tab:is(.tabs > .tab):is(input[type=radio]) {
  min-width: fit-content;
}
.tab:is(.tabs > .tab):is(input[type=radio]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.tab:is(.tabs > .tab):is(label) {
  position: relative;
}
.tab:is(.tabs > .tab):is(label) input {
  position: absolute;
  inset: 0px;
  cursor: pointer;
  appearance: none;
  opacity: 0%;
}
:is(.tab:is(.tabs > .tab):checked, .tab:is(.tabs > .tab):is(label:has(:checked)), .tab:is(.tabs > .tab):is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content {
  display: block;
}
.tab:is(.tabs > .tab):not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .tab:is(.tabs > .tab):not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
    color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
  }
}
.tab:is(.tabs > .tab):not(input):empty {
  flex-grow: 1;
  cursor: default;
}
.tab:is(.tabs > .tab):focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .tab:is(.tabs > .tab):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.tab:is(.tabs > .tab):focus-visible,
.tab:is(.tabs > .tab):is(label:has(:checked:focus-visible)) {
  outline: 2px solid currentColor;
  outline-offset: -5px;
}
.tab:is(.tabs > .tab)[disabled] {
  pointer-events: none;
  opacity: 40%;
}
.tabs-border > .tab {
  --tab-border-color: #0000 #0000 var(--tab-border-color) #0000;
  position: relative;
  border-radius: var(--radius-field);
}
.tabs-border > .tab:before {
  content: "";
  background-color: var(--tab-border-color);
  transition: background-color 0.2s ease;
  width: calc(100% - var(--tab-p) * 2);
  height: 3px;
  border-radius: var(--radius-field);
  bottom: 0;
  left: var(--tab-p);
  position: absolute;
}
:is(.tabs-border > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-border > .tab:is(input:checked), .tabs-border > .tab:is(label:has(:checked))):before {
  --tab-border-color: currentColor;
  border-top: 3px solid;
}
.tabs-lift > .tab {
  --tab-border: 0 0 var(--border) 0;
  --tab-radius-ss: var(--tab-radius-limit);
  --tab-radius-se: var(--tab-radius-limit);
  --tab-radius-es: 0;
  --tab-radius-ee: 0;
  --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p);
  --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000;
  --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2);
  --tab-corner-height: var(--tab-radius-limit);
  --tab-corner-position: top left, top right;
  border-width: var(--tab-border);
  border-start-start-radius: var(--tab-radius-ss);
  border-start-end-radius: var(--tab-radius-se);
  border-end-start-radius: var(--tab-radius-es);
  border-end-end-radius: var(--tab-radius-ee);
  padding: var(--tab-paddings);
  border-color: var(--tab-border-colors);
}
.tabs-lift > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
.tabs-lift > .tab:is(input:checked, label:has(:checked)) {
  --tab-border: var(--border) var(--border) 0 var(--border);
  --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
  --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border));
  --tab-inset: auto auto 0 auto;
  --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad));
  --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad));
  background-color: var(--tab-bg);
}
:is(.tabs-lift > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):before {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: var(--tab-corner-width);
  height: var(--tab-corner-height);
  background-position: var(--tab-corner-position);
  background-image: var(--radius-start), var(--radius-end);
  background-size: var(--tab-radius-limit) var(--tab-radius-limit);
  background-repeat: no-repeat;
  inset: var(--tab-inset);
}
:is(.tabs-lift > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):first-child:before {
  --radius-start: none;
}
[dir=rtl] :is(.tabs-lift > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):first-child:before {
  transform: rotateY(180deg);
}
:is(.tabs-lift > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):last-child:before {
  --radius-end: none;
}
[dir=rtl] :is(.tabs-lift > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):last-child:before {
  transform: rotateY(180deg);
}
.tabs-lift:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
}
.tabs-top > .tab {
  --tab-order: 0;
  --tab-border: 0 0 var(--border) 0;
  --tab-radius-ss: var(--tab-radius-limit);
  --tab-radius-se: var(--tab-radius-limit);
  --tab-radius-es: 0;
  --tab-radius-ee: 0;
  --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p);
  --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000;
  --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2);
  --tab-corner-height: var(--tab-radius-limit);
  --tab-corner-position: top left, top right;
}
.tabs-top > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
.tabs-top > .tab:is(input:checked),
.tabs-top > .tab:is(label:has(:checked)) {
  --tab-border: var(--border) var(--border) 0 var(--border);
  --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
  --tab-paddings: 0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border));
  --tab-inset: auto auto 0 auto;
  --radius-start: radial-gradient(circle at top left, var(--tab-radius-grad));
  --radius-end: radial-gradient(circle at top right, var(--tab-radius-grad));
}
.tabs-top:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
}
.tabs-bottom > .tab {
  --tab-order: 1;
  --tab-border: var(--border) 0 0 0;
  --tab-radius-ss: 0;
  --tab-radius-se: 0;
  --tab-radius-es: var(--tab-radius-limit);
  --tab-radius-ee: var(--tab-radius-limit);
  --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000;
  --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p);
  --tab-corner-width: calc(100% + var(--tab-radius-limit) * 2);
  --tab-corner-height: var(--tab-radius-limit);
  --tab-corner-position: top left, top right;
}
.tabs-bottom > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
.tabs-bottom > .tab:is(input:checked),
.tabs-bottom > .tab:is(label:has(:checked)) {
  --tab-border: 0 var(--border) var(--border) var(--border);
  --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color);
  --tab-paddings: var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border));
  --tab-inset: 0 auto auto auto;
  --radius-start: radial-gradient(circle at bottom left, var(--tab-radius-grad));
  --radius-end: radial-gradient(circle at bottom right, var(--tab-radius-grad));
}
.tabs-bottom:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color);
}
.tabs-box > .tab {
  border-radius: var(--radius-field);
  border-style: none;
}
.tabs-box > .tab:focus-visible,
.tabs-box > .tab:is(label:has(:checked:focus-visible)) {
  outline-offset: 2px;
}
.tabs-box > .tab:focus-visible {
  z-index: 1;
}
.tabs-xs > .tab {
  font-size: 0.75rem;
  --tab-p: 0.375rem;
  --tab-radius-min: calc(0.5rem - var(--border));
}
.tabs-sm > .tab {
  font-size: 0.875rem;
  --tab-p: 0.5rem;
  --tab-radius-min: calc(0.5rem - var(--border));
}
.tabs-md > .tab {
  font-size: 0.875rem;
  --tab-p: 0.75rem;
  --tab-radius-min: calc(0.75rem - var(--border));
}
.tabs-lg > .tab {
  font-size: 1.125rem;
  --tab-p: 1rem;
  --tab-radius-min: calc(1.5rem - var(--border));
}
.tabs-xl > .tab {
  font-size: 1.125rem;
  --tab-p: 1.25rem;
  --tab-radius-min: calc(2rem - var(--border));
}
.tooltip {
  position: relative;
  display: inline-block;
  --tt-bg: var(--color-neutral);
  --tt-off: calc(100% + 0.5rem);
  --tt-tail: calc(100% + 1px + 0.25rem);
  --tt-tail-off: 0.5rem;
}
.tooltip > .tooltip-content {
  position: absolute;
  max-width: 20rem;
  border-radius: var(--radius-field);
  padding-inline: calc(0.25rem * 2);
  padding-block: 0.25rem;
  text-align: center;
  white-space: normal;
  color: var(--color-neutral-content);
  opacity: 0%;
  font-size: 0.875rem;
  line-height: 1.25;
  background-color: var(--tt-bg);
  width: max-content;
  pointer-events: none;
  z-index: 2;
  --tw-content: attr(data-tip);
  content: var(--tw-content);
  transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem));
  inset: auto auto var(--tt-off) 50%;
}
.tooltip[data-tip]:before {
  position: absolute;
  max-width: 20rem;
  border-radius: var(--radius-field);
  padding-inline: calc(0.25rem * 2);
  padding-block: 0.25rem;
  text-align: center;
  white-space: normal;
  color: var(--color-neutral-content);
  opacity: 0%;
  font-size: 0.875rem;
  line-height: 1.25;
  background-color: var(--tt-bg);
  width: max-content;
  pointer-events: none;
  z-index: 2;
  --tw-content: attr(data-tip);
  content: var(--tw-content);
  transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem));
  inset: auto auto var(--tt-off) 50%;
}
.tooltip:after {
  opacity: 0%;
  background-color: var(--tt-bg);
  content: "";
  pointer-events: none;
  width: 0.625rem;
  height: 0.25rem;
  display: block;
  position: absolute;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: -1px 0;
  mask-position: -1px 0;
  --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
  -webkit-mask-image: var(--mask-tooltip);
  mask-image: var(--mask-tooltip);
  transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, 0.25rem));
  inset: auto auto var(--tt-tail) 50%;
}
@media (prefers-reduced-motion: no-preference) {
  .tooltip > .tooltip-content {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
  }
  .tooltip[data-tip]:before {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
  }
  .tooltip:after {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
:is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
  opacity: 100%;
  --tt-pos: 0rem;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
}
.tabs {
  display: flex;
  flex-wrap: wrap;
  --tabs-height: auto;
  --tabs-direction: row;
  --tab-height: calc(var(--size-field, 0.25rem) * 10);
  height: var(--tabs-height);
  flex-direction: var(--tabs-direction);
}
.tab:is(.tabs > .tab) {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  appearance: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (hover: hover) {
  .tab:is(.tabs > .tab):hover {
    color: var(--color-base-content);
  }
}
.tab:is(.tabs > .tab) {
  --tab-p: 0.75rem;
  --tab-bg: var(--color-base-100);
  --tab-border-color: var(--color-base-300);
  --tab-radius-ss: 0;
  --tab-radius-se: 0;
  --tab-radius-es: 0;
  --tab-radius-ee: 0;
  --tab-order: 0;
  --tab-radius-min: calc(0.75rem - var(--border));
  --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min));
  --tab-radius-grad:
    #0000 calc(69% - var(--border)),
    var(--tab-border-color) calc(69% - var(--border) + 0.25px),
    var(--tab-border-color) 69%,
    var(--tab-bg) calc(69% + 0.25px);
  border-color: #0000;
  order: var(--tab-order);
  height: var(--tab-height);
  font-size: 0.875rem;
  padding-inline: var(--tab-p);
}
.tab:is(.tabs > .tab):is(input[type=radio]) {
  min-width: fit-content;
}
.tab:is(.tabs > .tab):is(input[type=radio]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.tab:is(.tabs > .tab):is(label) {
  position: relative;
}
.tab:is(.tabs > .tab):is(label) input {
  position: absolute;
  inset: 0px;
  cursor: pointer;
  appearance: none;
  opacity: 0%;
}
:is(.tab:is(.tabs > .tab):checked, .tab:is(.tabs > .tab):is(label:has(:checked)), .tab:is(.tabs > .tab):is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content {
  display: block;
}
.tab:is(.tabs > .tab):not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .tab:is(.tabs > .tab):not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
    color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
  }
}
.tab:is(.tabs > .tab):not(input):empty {
  flex-grow: 1;
  cursor: default;
}
.tab:is(.tabs > .tab):focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .tab:is(.tabs > .tab):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.tab:is(.tabs > .tab):focus-visible,
.tab:is(.tabs > .tab):is(label:has(:checked:focus-visible)) {
  outline: 2px solid currentColor;
  outline-offset: -5px;
}
.tab:is(.tabs > .tab)[disabled] {
  pointer-events: none;
  opacity: 40%;
}
.menu {
  display: flex;
  width: fit-content;
  flex-direction: column;
  flex-wrap: wrap;
  padding: calc(0.25rem * 2);
  --menu-active-fg: var(--color-neutral-content);
  --menu-active-bg: var(--color-neutral);
  font-size: 0.875rem;
}
.menu :where(li ul, li menu) {
  position: relative;
  margin-inline-start: calc(0.25rem * 4);
  padding-inline-start: calc(0.25rem * 2);
  white-space: nowrap;
}
.menu :where(li ul, li menu):before {
  position: absolute;
  inset-inline-start: calc(0.25rem * 0);
  top: calc(0.25rem * 3);
  bottom: calc(0.25rem * 3);
  background-color: var(--color-base-content);
  opacity: 10%;
  width: var(--border);
  content: "";
}
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
  display: none;
}
.menu :where(li:not(.menu-title) > :not(ul, menu, details, .menu-title, .btn)) {
  display: grid;
  grid-auto-flow: column;
  align-content: flex-start;
  align-items: center;
  gap: calc(0.25rem * 2);
  border-radius: var(--radius-field);
  padding-inline: calc(0.25rem * 3);
  padding-block: calc(0.25rem * 1.5);
  text-align: start;
  transition-property:
    color,
    background-color,
    box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  grid-auto-columns: minmax(auto, max-content) auto max-content;
  -webkit-user-select: none;
  user-select: none;
}
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
  display: grid;
  grid-auto-flow: column;
  align-content: flex-start;
  align-items: center;
  gap: calc(0.25rem * 2);
  border-radius: var(--radius-field);
  padding-inline: calc(0.25rem * 3);
  padding-block: calc(0.25rem * 1.5);
  text-align: start;
  transition-property:
    color,
    background-color,
    box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  grid-auto-columns: minmax(auto, max-content) auto max-content;
  -webkit-user-select: none;
  user-select: none;
}
.menu :where(li > details > summary) {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .menu :where(li > details > summary) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.menu :where(li > details > summary)::-webkit-details-marker {
  display: none;
}
:is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle)):after {
  justify-self: flex-end;
  display: block;
  height: 0.375rem;
  width: 0.375rem;
  rotate: -135deg;
  translate: 0 -1px;
  transition-property: rotate, translate;
  transition-duration: 0.2s;
  content: "";
  transform-origin: 50% 50%;
  box-shadow: 2px 2px inset;
  pointer-events: none;
}
.menu details {
  overflow: hidden;
  interpolate-size: allow-keywords;
}
.menu details::details-content {
  block-size: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .menu details::details-content {
    transition-behavior: allow-discrete;
    transition-property: block-size, content-visibility;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.menu details[open]::details-content {
  block-size: auto;
}
.menu :where(li > details[open] > summary):after {
  rotate: 45deg;
  translate: 0 1px;
}
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
  rotate: 45deg;
  translate: 0 1px;
}
.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus {
  cursor: pointer;
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus {
  color: var(--color-base-content);
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
  cursor: pointer;
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
  color: var(--color-base-content);
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
  cursor: pointer;
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.menu :where(li:not(.menu-title, .disabled) > :not(ul, menu, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
  box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
}
.menu :where(li:empty) {
  background-color: var(--color-base-content);
  opacity: 10%;
  margin: 0.5rem 1rem;
  height: 1px;
}
.menu :where(li) {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
}
.menu :where(li) .badge {
  justify-self: flex-end;
}
.menu :where(li) > :not(ul, menu, .menu-title, details, .btn):active,
.menu :where(li) > :not(ul, menu, .menu-title, details, .btn).menu-active,
.menu :where(li) > details > summary:active {
  --tw-outline-style: none;
  outline-style: none;
  color: var(--menu-active-fg);
  background-color: var(--menu-active-bg);
  background-size: auto, calc(var(--noise) * 100%);
  background-image: none, var(--fx-noise);
}
@media (forced-colors: active) {
  .menu :where(li) > :not(ul, menu, .menu-title, details, .btn):active,
  .menu :where(li) > :not(ul, menu, .menu-title, details, .btn).menu-active,
  .menu :where(li) > details > summary:active {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
:is(.menu :where(li) > :not(ul, menu, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, menu, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active):not(:is(.menu :where(li) > :not(ul, menu, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, menu, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active):active) {
  box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
}
.menu :where(li).menu-disabled,
.menu :where(li) [disabled] {
  pointer-events: none;
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .menu :where(li).menu-disabled,
  .menu :where(li) [disabled] {
    color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
  }
}
.menu .dropdown:focus-within .menu-dropdown-toggle:after {
  rotate: 45deg;
  translate: 0 1px;
}
.menu .dropdown-content {
  margin-top: calc(0.25rem * 2);
  padding: calc(0.25rem * 2);
}
.menu .dropdown-content:before {
  display: none;
}
.collapse-title {
  grid-column-start: 1;
  grid-row-start: 1;
  position: relative;
  width: 100%;
  padding: 1rem;
  padding-inline-end: 3rem;
  min-height: 1lh;
  transition: background-color 0.2s ease-out;
}
.collapse-arrow > .collapse-title:after {
  position: absolute;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  transform: translateY(-100%) rotate(45deg);
}
@media (prefers-reduced-motion: no-preference) {
  .collapse-arrow > .collapse-title:after {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
  }
}
.collapse-arrow > .collapse-title:after {
  top: 50%;
  inset-inline-end: 1.4rem;
  content: "";
  transform-origin: 75% 75%;
  box-shadow: 2px 2px;
  pointer-events: none;
}
.collapse-plus > .collapse-title:after {
  position: absolute;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
}
@media (prefers-reduced-motion: no-preference) {
  .collapse-plus > .collapse-title:after {
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.collapse-plus > .collapse-title:after {
  top: 0.9rem;
  inset-inline-end: 1.4rem;
  --tw-content: "+";
  content: var(--tw-content);
  pointer-events: none;
}
.collapse-arrow > .collapse-title:after {
  position: absolute;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  transform: translateY(-100%) rotate(45deg);
}
@media (prefers-reduced-motion: no-preference) {
  .collapse-arrow > .collapse-title:after {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
  }
}
.collapse-arrow > .collapse-title:after {
  top: 50%;
  inset-inline-end: 1.4rem;
  content: "";
  transform-origin: 75% 75%;
  box-shadow: 2px 2px;
  pointer-events: none;
}
.dropdown {
  position: relative;
  display: inline-block;
  position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
}
.dropdown > :not(:has(~ [class*=dropdown-content])):focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .dropdown > :not(:has(~ [class*=dropdown-content])):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.dropdown .dropdown-content {
  position: absolute;
}
.dropdown.dropdown-close .dropdown-content {
  display: none;
  transform-origin: top;
  opacity: 0%;
  scale: 95%;
}
.dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content {
  display: none;
  transform-origin: top;
  opacity: 0%;
  scale: 95%;
}
.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content {
  display: none;
  transform-origin: top;
  opacity: 0%;
  scale: 95%;
}
.dropdown[popover] {
  z-index: 999;
}
@media (prefers-reduced-motion: no-preference) {
  .dropdown[popover] {
    animation: dropdown 0.2s;
    transition-property:
      opacity,
      scale,
      display,
      overlay;
    transition-behavior: allow-discrete;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@starting-style {
  .dropdown[popover] {
    scale: 95%;
    opacity: 0;
  }
}
.dropdown .dropdown-content {
  z-index: 999;
}
@media (prefers-reduced-motion: no-preference) {
  .dropdown .dropdown-content {
    animation: dropdown 0.2s;
    transition-property:
      opacity,
      scale,
      display,
      overlay;
    transition-behavior: allow-discrete;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@starting-style {
  .dropdown .dropdown-content {
    scale: 95%;
    opacity: 0;
  }
}
:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child {
  pointer-events: none;
}
:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content {
  opacity: 100%;
  scale: 100%;
}
.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content {
  opacity: 100%;
  scale: 100%;
}
.dropdown:is(details) {
  overflow: revert-layer;
}
.dropdown:is(details) summary::-webkit-details-marker {
  display: none;
}
.dropdown:where([popover]) {
  background: #0000;
}
.dropdown[popover] {
  position: fixed;
  color: inherit;
}
@supports not (position-area: bottom) {
  .dropdown[popover] {
    margin: auto;
  }
  .dropdown[popover].dropdown-close,
  .dropdown[popover].dropdown-open:not(:popover-open) {
    display: none;
    transform-origin: top;
    opacity: 0%;
    scale: 95%;
  }
  .dropdown[popover]::backdrop {
    background-color: color-mix(in oklab, #000 30%, #0000);
  }
}
.dropdown[popover].dropdown-close,
.dropdown[popover]:not(.dropdown-open, :popover-open) {
  display: none;
  transform-origin: top;
  opacity: 0%;
  scale: 95%;
}
:where(.btn) {
  width: unset;
}
.btn {
  --size: calc(var(--size-field, 0.25rem) * 10);
  --btn-p: 1rem;
  --btn-fg: var(--color-base-content);
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: calc(0.25rem * 1.5);
  text-align: center;
  vertical-align: middle;
  outline-offset: 2px;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 600;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-width: var(--border);
  touch-action: manipulation;
  transition-property:
    color,
    background-color,
    border-color,
    box-shadow,
    transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  --btn-bg: var(--btn-color, var(--color-base-200));
  --btn-border: var(--btn-color, var(--color-base-200));
}
@supports (color: color-mix(in lab, red, red)) {
  .btn {
    --btn-border: color-mix( in oklab, var(--btn-color, var(--color-base-200)), #000 calc(var(--depth) * 5%) );
  }
}
.btn {
  --btn-soft-bg: initial;
  --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
}
@supports (color: color-mix(in lab, red, red)) {
  .btn {
    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
  }
}
.btn {
  --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
  height: var(--size);
  padding-inline: var(--btn-p);
  font-size: var(--fontsize, 0.875rem);
  background-color: var(--btn-bg);
  color: var(--btn-fg);
  border-color: var(--btn-border);
  border-style: var(--btn-border-style, solid);
  outline-color: var(--btn-color, var(--color-base-content));
  --tw-prose-links: var(--btn-fg);
  background-image: none, var(--fx-noise);
  background-size: auto, calc(var(--noise, 0) * 100%);
  text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
  box-shadow: var(--btn-inset) inset, var(--btn-shadow);
}
.btn:is([type=checkbox], [type=radio]) {
  appearance: none;
}
.btn:is([type=checkbox], [type=radio])[aria-label]::after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose], [class~=not-prose] *)) {
  text-decoration-line: none;
}
.btn:where(:checked:not(.filter [type=radio].btn)) {
  --btn-color: var(--color-primary);
  --btn-fg: var(--color-primary-content);
}
@media (hover: hover) {
  .btn:hover {
    --btn-bg: var(--btn-color, var(--color-base-200));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn:hover {
      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
    }
  }
  .btn:hover {
    color: var(--btn-fg);
    --btn-border: var(--btn-bg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn:hover {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
  }
  .btn:hover {
    --btn-border-style: solid;
    --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
    --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn:hover {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }
}
.btn:active:not(.btn-active) {
  translate: 0 0.5px;
  --btn-bg: var(--btn-color, var(--color-base-200));
}
@supports (color: color-mix(in lab, red, red)) {
  .btn:active:not(.btn-active) {
    --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
  }
}
.btn:active:not(.btn-active) {
  color: var(--btn-fg, var(--color-base-content));
  --btn-border: var(--btn-color, var(--color-base-200));
}
@supports (color: color-mix(in lab, red, red)) {
  .btn:active:not(.btn-active) {
    --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
  }
}
.btn:active:not(.btn-active) {
  --btn-border-style: solid;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
.btn:where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
  --btn-bg: var(--btn-color, var(--color-base-200));
  color: var(--btn-fg, var(--color-base-content));
  --btn-border: var(--btn-bg);
}
@supports (color: color-mix(in lab, red, red)) {
  .btn:where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
    --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
  }
}
.btn:where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
  --btn-border-style: solid;
  --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
  --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
}
@supports (color: color-mix(in lab, red, red)) {
  .btn:where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
  }
}
.btn:where(:checked:not(.filter [type=radio].btn), :not([type=radio], [type=checkbox]):focus-visible) {
  isolation: isolate;
}
.btn:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  isolation: isolate;
}
.btn:has(:focus-visible) {
  outline-width: 2px;
  outline-style: solid;
  isolation: isolate;
}
.btn:is(:disabled, [disabled], [aria-disabled=true]) {
  pointer-events: none;
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .btn:is(:disabled, [disabled], [aria-disabled=true]) {
    color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
  }
}
.btn:is(:disabled, [disabled], [aria-disabled=true]) {
  --btn-bg: #0000;
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
:is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.btn-disabled, .btn:is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.\!loading {
  pointer-events: none !important;
  display: inline-block !important;
  aspect-ratio: 1 / 1 !important;
  background-color: currentcolor !important;
  vertical-align: middle !important;
  width: calc(var(--size-selector, 0.25rem) * 6) !important;
  -webkit-mask-size: 100% !important;
  mask-size: 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
}
@media (prefers-reduced-motion: no-preference) {
  .\!loading {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
  }
}
.loading {
  pointer-events: none;
  display: inline-block;
  aspect-ratio: 1 / 1;
  background-color: currentcolor;
  vertical-align: middle;
  width: calc(var(--size-selector, 0.25rem) * 6);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}
@media (prefers-reduced-motion: no-preference) {
  .loading {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  }
}
.btn-disabled {
  pointer-events: none;
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .btn-disabled {
    color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
  }
}
.btn-disabled {
  --btn-bg: #0000;
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
:is(:is(.btn-disabled), .btn:is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(:is(.btn-disabled), .btn:is(:disabled, [disabled], [aria-disabled=true])):not(.btn-link, .btn-ghost) {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse:not(td, tr, colgroup) {
  visibility: revert-layer;
  display: grid;
  position: relative;
  border-radius: var(--radius-box, 1rem);
  width: 100%;
  grid-template-rows: max-content 0fr;
  grid-template-columns: minmax(0, 1fr);
  isolation: isolate;
}
@media (prefers-reduced-motion: no-preference) {
  .collapse:not(td, tr, colgroup) {
    transition: grid-template-rows 0.2s;
  }
}
.collapse:not(td, tr, colgroup) > input:is([type=checkbox], [type=radio]) {
  grid-column-start: 1;
  grid-row-start: 1;
  appearance: none;
  opacity: 0;
  z-index: 1;
  width: 100%;
  padding: 1rem;
  padding-inline-end: 3rem;
  min-height: 1lh;
  transition: background-color 0.2s ease-out;
}
.collapse:not(td, tr, colgroup):is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)),
.collapse:not(td, tr, colgroup):not(.collapse-close):has(> input:is([type=checkbox], [type=radio]):checked) {
  grid-template-rows: max-content 1fr;
}
.collapse:not(td, tr, colgroup):is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) > .collapse-content,
.collapse:not(td, tr, colgroup):not(.collapse-close) > :where(input:is([type=checkbox], [type=radio]):checked ~ .collapse-content) {
  --overflow-delay: 0.2s;
  overflow: revert-layer;
  content-visibility: visible;
  min-height: fit-content;
}
@supports not (content-visibility: visible) {
  .collapse:not(td, tr, colgroup):is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) > .collapse-content,
  .collapse:not(td, tr, colgroup):not(.collapse-close) > :where(input:is([type=checkbox], [type=radio]):checked ~ .collapse-content) {
    visibility: visible;
  }
}
.collapse:not(td, tr, colgroup):focus-visible,
.collapse:not(td, tr, colgroup):has(> input:is([type=checkbox], [type=radio]):focus-visible),
.collapse:not(td, tr, colgroup):has(summary:focus-visible) {
  outline-color: var(--color-base-content);
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.collapse:not(td, tr, colgroup):not(.collapse-close) > input[type=checkbox],
.collapse:not(td, tr, colgroup):not(.collapse-close) > input[type=radio]:not(:checked),
.collapse:not(td, tr, colgroup):not(.collapse-close) > .collapse-title {
  cursor: pointer;
}
:is(.collapse:not(td, tr, colgroup)[tabindex]:focus:not(.collapse-close, .collapse[open]), .collapse:not(td, tr, colgroup)[tabindex]:focus-within:not(.collapse-close, .collapse[open])) > .collapse-title {
  cursor: unset;
}
.collapse:not(td, tr, colgroup):is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)) > :where(.collapse-content),
.collapse:not(td, tr, colgroup):not(.collapse-close) > :where(input:is([type=checkbox], [type=radio]):checked ~ .collapse-content) {
  padding-bottom: 1rem;
}
.collapse:not(td, tr, colgroup):is(details) {
  width: 100%;
}
.collapse:not(td, tr, colgroup):is(details)::details-content {
  --overflow-delay: 0s;
  overflow: clip;
  height: 0;
}
.collapse:not(td, tr, colgroup):is(details):where([open])::details-content {
  overflow: revert-layer;
  height: auto;
}
@media (prefers-reduced-motion: no-preference) {
  .collapse:not(td, tr, colgroup):is(details)::details-content {
    transition:
      overflow 0.2s allow-discrete var(--overflow-delay),
      content-visibility 0.2s allow-discrete,
      visibility 0.2s allow-discrete,
      min-height 0.2s ease-out allow-discrete,
      padding 0.1s ease-out 20ms,
      background-color 0.2s ease-out,
      height 0.2s;
    interpolate-size: allow-keywords;
  }
  .collapse:not(td, tr, colgroup):is(details):where([open])::details-content {
    --overflow-delay: 0.2s;
  }
}
.collapse:not(td, tr, colgroup):is(details) > summary {
  position: relative;
  display: block;
  outline: none;
}
.collapse:not(td, tr, colgroup):is(details) > summary::-webkit-details-marker {
  display: none;
}
@media (prefers-reduced-motion: no-preference) {
  .collapse:not(td, tr, colgroup):is([open]).collapse-arrow > .collapse-title:after {
    transform: translateY(-50%) rotate(225deg);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .collapse:not(td, tr, colgroup).collapse-open.collapse-arrow > .collapse-title:after {
    transform: translateY(-50%) rotate(225deg);
  }
}
.collapse:not(td, tr, colgroup).collapse-open.collapse-plus > .collapse-title:after {
  --tw-content: "\2212";
  content: var(--tw-content);
}
:is(.collapse:not(td, tr, colgroup)[tabindex].collapse-arrow:focus:not(.collapse-close), .collapse:not(td, tr, colgroup).collapse-arrow[tabindex]:focus-within:not(.collapse-close)) > .collapse-title:after {
  transform: translateY(-50%) rotate(225deg);
}
.collapse:not(td, tr, colgroup).collapse-arrow:not(.collapse-close) > input:is([type=checkbox], [type=radio]):checked ~ .collapse-title:after {
  transform: translateY(-50%) rotate(225deg);
}
.collapse:not(td, tr, colgroup)[open].collapse-plus > .collapse-title:after {
  --tw-content: "\2212";
  content: var(--tw-content);
}
.collapse:not(td, tr, colgroup)[tabindex].collapse-plus:focus:not(.collapse-close) > .collapse-title:after {
  --tw-content: "\2212";
  content: var(--tw-content);
}
.collapse:not(td, tr, colgroup).collapse-plus:not(.collapse-close) > input:is([type=checkbox], [type=radio]):checked ~ .collapse-title:after {
  --tw-content: "\2212";
  content: var(--tw-content);
}
.collapse-content {
  --overflow-delay: 0s;
  content-visibility: hidden;
  overflow: clip;
  grid-column-start: 1;
  grid-row-start: 2;
  min-height: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  cursor: unset;
}
@supports not (content-visibility: hidden) {
  .collapse-content {
    visibility: hidden;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .collapse-content {
    transition:
      overflow 0.2s allow-discrete var(--overflow-delay),
      content-visibility 0.2s allow-discrete,
      visibility 0.2s allow-discrete,
      min-height 0.2s ease-out allow-discrete,
      padding 0.1s ease-out 20ms,
      background-color 0.2s ease-out;
  }
}
details > .collapse-content {
  content-visibility: visible;
}
.collapse-open > .collapse-content {
  --overflow-delay: 0.2s;
  overflow: revert-layer;
  content-visibility: visible;
  min-height: fit-content;
  padding-bottom: 1rem;
}
@supports not (content-visibility: visible) {
  .collapse-open > .collapse-content {
    visibility: visible;
  }
}
.filter {
  display: flex;
  flex-wrap: wrap;
}
.filter [type=radio] {
  width: auto;
}
.filter input {
  overflow: hidden;
  opacity: 100%;
  scale: 1;
  transition:
    visibility 0.1s allow-discrete,
    margin 0.1s,
    opacity 0.3s,
    padding 0.3s,
    border-width 0.1s;
}
.filter input.filter-reset {
  aspect-ratio: 1 / 1;
}
.filter input.filter-reset::after {
  --tw-content: "\d7";
  content: var(--tw-content);
}
.filter > input:not(:last-child) {
  margin-inline-end: 0.25rem;
}
.filter > :not(:last-child) input {
  margin-inline-end: 0.25rem;
}
.filter:not(:has(:checked:not(.filter-reset))) :is(.filter-reset, [type=reset]):not(:focus-visible) {
  visibility: hidden;
  margin-inline: 0px;
  width: 0px;
  padding-inline: 0px;
  opacity: 0%;
  scale: 0;
  border-width: 0;
}
.filter:not(:has(:focus-visible)):has(:checked:not(.filter-reset, [type=checkbox])) :is(input, button):not(:checked, .filter-reset, [type=reset]) {
  margin-inline: 0px;
  width: 0px;
  padding-inline: 0px;
  opacity: 0%;
  scale: 0;
  border-width: 0;
}
:is(.validator:user-valid, .validator:has(:user-valid)) {
  --input-color: var(--color-success);
}
:is(.validator:user-valid, .validator:has(:user-valid)):focus {
  --input-color: var(--color-success);
}
:is(.validator:user-valid, .validator:has(:user-valid)):checked {
  --input-color: var(--color-success);
}
:is(.validator:user-valid, .validator:has(:user-valid))[aria-checked=true] {
  --input-color: var(--color-success);
}
:is(.validator:user-valid, .validator:has(:user-valid)):focus-within {
  --input-color: var(--color-success);
}
:is(.validator:user-invalid, .validator:has(:user-invalid), .validator[aria-invalid]:not([aria-invalid=false]), .validator:has([aria-invalid]:not([aria-invalid=false]))) {
  --input-color: var(--color-error);
}
:is(.validator:user-invalid, .validator:has(:user-invalid), .validator[aria-invalid]:not([aria-invalid=false]), .validator:has([aria-invalid]:not([aria-invalid=false]))):focus {
  --input-color: var(--color-error);
}
:is(.validator:user-invalid, .validator:has(:user-invalid), .validator[aria-invalid]:not([aria-invalid=false]), .validator:has([aria-invalid]:not([aria-invalid=false]))):checked {
  --input-color: var(--color-error);
}
:is(.validator:user-invalid, .validator:has(:user-invalid), .validator[aria-invalid]:not([aria-invalid=false]), .validator:has([aria-invalid]:not([aria-invalid=false])))[aria-checked=true] {
  --input-color: var(--color-error);
}
:is(.validator:user-invalid, .validator:has(:user-invalid), .validator[aria-invalid]:not([aria-invalid=false]), .validator:has([aria-invalid]:not([aria-invalid=false]))):focus-within {
  --input-color: var(--color-error);
}
:is(.validator:user-invalid, .validator:has(:user-invalid), .validator[aria-invalid]:not([aria-invalid=false]), .validator:has([aria-invalid]:not([aria-invalid=false]))) ~ .validator-hint {
  visibility: visible;
  color: var(--color-error);
  visibility: visible;
  color: var(--color-error);
  visibility: visible;
  color: var(--color-error);
  visibility: visible;
  color: var(--color-error);
  display: revert-layer;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.list {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}
.list .list-row {
  --list-grid-cols: minmax(0, auto) 1fr;
  position: relative;
  display: grid;
  grid-auto-flow: column;
  gap: calc(0.25rem * 4);
  border-radius: var(--radius-box);
  padding: calc(0.25rem * 4);
  word-break: break-word;
  grid-template-columns: var(--list-grid-cols);
}
:is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
  content: "";
  border-bottom: var(--border) solid;
  inset-inline: var(--radius-box);
  position: absolute;
  bottom: 0px;
  border-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
    border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
  }
}
:is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
  content: "";
  border-bottom: var(--border) solid;
  inset-inline: var(--radius-box);
  position: absolute;
  bottom: 0px;
  border-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
    border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
  }
}
.list .list-row:has(.list-col-grow:nth-child(1)) {
  --list-grid-cols: 1fr;
}
.list .list-row:has(.list-col-grow:nth-child(2)) {
  --list-grid-cols: minmax(0, auto) 1fr;
}
.list .list-row:has(.list-col-grow:nth-child(3)) {
  --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
}
.list .list-row:has(.list-col-grow:nth-child(4)) {
  --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
}
.list .list-row:has(.list-col-grow:nth-child(5)) {
  --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
}
.list .list-row:has(.list-col-grow:nth-child(6)) {
  --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
}
.list .list-row > * {
  grid-row-start: 1;
}
.dropdown .dropdown-content {
  position: absolute;
}
.dropdown.dropdown-close .dropdown-content {
  display: none;
  transform-origin: top;
  opacity: 0%;
  scale: 95%;
}
.dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content {
  display: none;
  transform-origin: top;
  opacity: 0%;
  scale: 95%;
}
.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content {
  display: none;
  transform-origin: top;
  opacity: 0%;
  scale: 95%;
}
.dropdown .dropdown-content {
  z-index: 999;
}
@media (prefers-reduced-motion: no-preference) {
  .dropdown .dropdown-content {
    animation: dropdown 0.2s;
    transition-property:
      opacity,
      scale,
      display,
      overlay;
    transition-behavior: allow-discrete;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@starting-style {
  .dropdown .dropdown-content {
    scale: 95%;
    opacity: 0;
  }
}
:is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content {
  opacity: 100%;
  scale: 100%;
}
.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content {
  opacity: 100%;
  scale: 100%;
}
.dropdown-start :where(.dropdown-content) {
  inset-inline-end: auto;
  translate: 0 0;
}
[dir=rtl] :is(.dropdown-start :where(.dropdown-content)) {
  translate: 0 0;
}
.dropdown-center :where(.dropdown-content) {
  inset-inline-end: calc(1/2 * 100%);
  translate: 50% 0;
}
[dir=rtl] :is(.dropdown-center :where(.dropdown-content)) {
  translate: -50% 0;
}
.dropdown-end :where(.dropdown-content) {
  inset-inline-end: calc(0.25rem * 0);
  translate: 0 0;
}
[dir=rtl] :is(.dropdown-end :where(.dropdown-content)) {
  translate: 0 0;
}
.dropdown-left .dropdown-content {
  inset-inline-end: 100%;
  top: 0px;
  bottom: auto;
  transform-origin: 100%;
}
.dropdown-right .dropdown-content {
  inset-inline-start: 100%;
  top: 0px;
  bottom: auto;
  transform-origin: 0;
}
.dropdown-bottom .dropdown-content {
  top: 100%;
  bottom: auto;
  transform-origin: top;
}
.dropdown-top .dropdown-content {
  top: auto;
  bottom: 100%;
  transform-origin: bottom;
}
.toast {
  position: fixed;
  inset-inline-start: auto;
  inset-inline-end: calc(0.25rem * 4);
  top: auto;
  bottom: calc(0.25rem * 4);
  display: flex;
  flex-direction: column;
  gap: calc(0.25rem * 2);
  background-color: transparent;
  translate: var(--toast-x, 0) var(--toast-y, 0);
  width: max-content;
  max-width: calc(100vw - 2rem);
}
@media (prefers-reduced-motion: no-preference) {
  .toast > * {
    animation: toast 0.25s ease-out;
  }
}
.toggle {
  border: var(--border) solid currentColor;
  color: var(--input-color);
  position: relative;
  display: inline-grid;
  flex-shrink: 0;
  cursor: pointer;
  appearance: none;
  place-content: center;
  vertical-align: middle;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  grid-template-columns: 0fr 1fr 1fr;
  --radius-selector-max: calc( var(--radius-selector) + var(--radius-selector) + var(--radius-selector) );
  border-radius: calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));
  padding: var(--toggle-p);
  box-shadow: 0 1px currentColor inset;
}
@supports (color: color-mix(in lab, red, red)) {
  .toggle {
    box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
  }
}
.toggle {
  transition: color 0.3s, grid-template-columns 0.2s;
  --input-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .toggle {
    --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
  }
}
.toggle {
  --toggle-p: calc(var(--size) * 0.125);
  --size: calc(var(--size-selector, 0.25rem) * 6);
  width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
  height: var(--size);
}
.toggle > * {
  z-index: 1;
  grid-column: span 1 / span 1;
  grid-column-start: 2;
  grid-row-start: 1;
  height: 100%;
  cursor: pointer;
  appearance: none;
  background-color: transparent;
  padding: calc(0.25rem * 0.5);
  transition: opacity 0.2s, rotate 0.4s;
  border: none;
}
.toggle > *:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .toggle > *:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.toggle > *:nth-child(2) {
  color: var(--color-base-100);
  rotate: 0deg;
}
.toggle > *:nth-child(3) {
  color: var(--color-base-100);
  opacity: 0%;
  rotate: -15deg;
}
.toggle:has(:checked) > :nth-child(2) {
  opacity: 0%;
  rotate: 15deg;
}
.toggle:has(:checked) > :nth-child(3) {
  opacity: 100%;
  rotate: 0deg;
}
.toggle:before {
  position: relative;
  inset-inline-start: calc(0.25rem * 0);
  grid-column-start: 2;
  grid-row-start: 1;
  aspect-ratio: 1 / 1;
  height: 100%;
  width: 100%;
  border-radius: var(--radius-selector);
  background-color: currentcolor;
  translate: 0;
  --tw-content: "";
  content: var(--tw-content);
  transition:
    background-color 0.1s,
    translate 0.2s,
    inset-inline-start 0.2s;
  box-shadow:
    0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 1px currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .toggle:before {
    box-shadow:
      0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
      0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
      0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
  }
}
.toggle:before {
  background-size: auto, calc(var(--noise) * 100%);
  background-image: none, var(--fx-noise);
}
@media (forced-colors: active) {
  .toggle:before {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-offset: calc(1px * -1);
  }
}
@media print {
  .toggle:before {
    outline: 0.25rem solid;
    outline-offset: -1rem;
  }
}
.toggle:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.toggle:has(:focus-visible) {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.toggle:checked {
  grid-template-columns: 1fr 1fr 0fr;
  background-color: var(--color-base-100);
  --input-color: var(--color-base-content);
}
.toggle:checked:before {
  background-color: currentcolor;
}
@starting-style {
  .toggle:checked:before {
    opacity: 0;
  }
}
.toggle[aria-checked=true] {
  grid-template-columns: 1fr 1fr 0fr;
  background-color: var(--color-base-100);
  --input-color: var(--color-base-content);
}
.toggle[aria-checked=true]:before {
  background-color: currentcolor;
}
@starting-style {
  .toggle[aria-checked=true]:before {
    opacity: 0;
  }
}
.toggle:has(> input:checked) {
  grid-template-columns: 1fr 1fr 0fr;
  background-color: var(--color-base-100);
  --input-color: var(--color-base-content);
}
.toggle:has(> input:checked):before {
  background-color: currentcolor;
}
@starting-style {
  .toggle:has(> input:checked):before {
    opacity: 0;
  }
}
.toggle:indeterminate {
  grid-template-columns: 0.5fr 1fr 0.5fr;
}
.toggle:disabled {
  cursor: not-allowed;
  opacity: 30%;
}
.toggle:disabled:before {
  background-color: transparent;
  border: var(--border) solid currentColor;
}
.input {
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 2);
  background-color: var(--color-base-100);
  padding-inline: calc(0.25rem * 3);
  vertical-align: middle;
  white-space: nowrap;
  --size: calc(var(--size-field, 0.25rem) * var(--in-size-mul, 10));
  --input-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .input {
    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  }
}
.input {
  cursor: text;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border: var(--border) solid var(--input-color, #0000);
  box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
}
@supports (color: color-mix(in lab, red, red)) {
  .input {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  }
}
.input input {
  height: 100%;
  width: 100%;
  appearance: none;
  background-color: transparent;
  border: none;
}
.input input::placeholder {
  color: var(--color-base-content);
  opacity: 50%;
}
.input input:focus,
.input input:focus-within {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .input input:focus,
  .input input:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.input input::-webkit-calendar-picker-indicator {
  inset-inline-end: -0.15em;
}
.input::-webkit-inner-spin-button {
  margin-inline-end: -10px;
}
.input::-webkit-calendar-picker-indicator {
  inset-inline-end: 0.75em;
}
input.input {
  position: relative;
  display: inline-flex;
  text-align: start;
}
input.input[type=url],
input.input[type=tel],
input.input[type=email],
input.input[type=number] {
  direction: ltr;
}
input.input::-webkit-datetime-edit,
input.input::-webkit-date-and-time-value {
  display: grid;
  min-height: 100%;
  align-items: center;
  text-align: inherit;
}
input.input::-webkit-inner-spin-button {
  margin-block: calc(0.25rem * var(--spin-my, -3));
}
input.input::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 1em;
  height: 1em;
  cursor: pointer;
}
input.input::-webkit-color-swatch-wrapper {
  padding-block: 0.25rem;
}
.input input {
  position: relative;
  display: inline-flex;
  text-align: start;
}
.input input[type=url],
.input input[type=tel],
.input input[type=email],
.input input[type=number] {
  direction: ltr;
}
.input input::-webkit-datetime-edit,
.input input::-webkit-date-and-time-value {
  display: grid;
  min-height: 100%;
  align-items: center;
  text-align: inherit;
}
.input input::-webkit-inner-spin-button {
  margin-block: calc(0.25rem * var(--spin-my, -3));
}
.input input::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 1em;
  height: 1em;
  cursor: pointer;
}
.input input::-webkit-color-swatch-wrapper {
  padding-block: 0.25rem;
}
.input:focus {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .input:focus {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.input:focus {
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
}
@media (pointer: coarse) {
  @supports (-webkit-touch-callout: none) {
    .input:focus {
      --font-size: 1rem;
    }
  }
}
.input:focus-within {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .input:focus-within {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.input:focus-within {
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
}
@media (pointer: coarse) {
  @supports (-webkit-touch-callout: none) {
    .input:focus-within {
      --font-size: 1rem;
    }
  }
}
.input:has(> input[disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
}
.input:has(> input[disabled]):is(input),
.input:has(> input[disabled]) :is(input) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .input:has(> input[disabled]):is(input),
  .input:has(> input[disabled]) :is(input) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
.input:has(> input[disabled]) {
  box-shadow: none;
}
.input:has(> input[disabled])::placeholder,
.input:has(> input[disabled]) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
.input:is(:disabled, [disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
}
.input:is(:disabled, [disabled]):is(input),
.input:is(:disabled, [disabled]) :is(input) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .input:is(:disabled, [disabled]):is(input),
  .input:is(:disabled, [disabled]) :is(input) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
.input:is(:disabled, [disabled]) {
  box-shadow: none;
}
.input:is(:disabled, [disabled])::placeholder,
.input:is(:disabled, [disabled]) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
fieldset:disabled .input {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
}
fieldset:disabled .input:is(input),
fieldset:disabled .input :is(input) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  fieldset:disabled .input:is(input),
  fieldset:disabled .input :is(input) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
fieldset:disabled .input {
  box-shadow: none;
}
fieldset:disabled .input::placeholder,
fieldset:disabled .input ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
.input:has(> input[disabled]) > input[disabled] {
  cursor: not-allowed;
}
:is(.input[type=url], .input[type=tel], .input[type=email], .input[type=number]):dir(rtl) {
  border-start-start-radius: var(--join-se, var(--radius-field));
  border-start-end-radius: var(--join-ss, var(--radius-field));
  border-end-start-radius: var(--join-ee, var(--radius-field));
  border-end-end-radius: var(--join-es, var(--radius-field));
}
.range {
  appearance: none;
  webkit-appearance: none;
  --range-thumb: var(--color-base-100);
  --range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
  --range-progress: currentColor;
  --range-fill: 1;
  --range-p: 0.25rem;
  --range-bg: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .range {
    --range-bg: color-mix(in oklab, currentColor 10%, #0000);
  }
}
.range {
  --range-fill-x: calc( (var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2) );
  --range-fill-y: 0;
  --range-fill-spread: calc(100cqw * var(--range-fill));
  cursor: pointer;
  overflow: hidden;
  background-color: transparent;
  vertical-align: middle;
  width: clamp(3rem, 20rem, 100%);
  --radius-selector-max: calc( var(--radius-selector) + var(--radius-selector) + var(--radius-selector) );
  border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
  border: none;
  height: var(--range-thumb-size);
}
[dir=rtl] .range {
  --range-dir: -1;
}
.range:focus {
  outline: none;
}
.range:focus-visible {
  outline: 2px solid;
  outline-offset: 2px;
}
.range::-webkit-slider-runnable-track {
  width: 100%;
  background-color: var(--range-bg);
  border-radius: var(--radius-selector);
  height: calc(var(--range-thumb-size) * 0.5);
}
@media (forced-colors: active) {
  .range::-webkit-slider-runnable-track {
    border: 1px solid;
  }
  .range::-moz-range-track {
    border: 1px solid;
  }
}
.range::-moz-range-track {
  width: 100%;
  background-color: var(--range-bg);
  border-radius: var(--radius-selector);
  height: calc(var(--range-thumb-size) * 0.5);
}
.range::-webkit-slider-thumb {
  position: relative;
  box-sizing: border-box;
  border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
  background-color: var(--range-thumb);
  height: var(--range-thumb-size);
  width: var(--range-thumb-size);
  border: var(--range-p) solid;
  appearance: none;
  webkit-appearance: none;
  inset-block-start: 50%;
  color: var(--range-progress);
  transform: translateY(-50%);
  box-shadow:
    0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 1px currentColor,
    0 0 0 2rem var(--range-thumb) inset,
    var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);
}
@supports (color: color-mix(in lab, red, red)) {
  .range::-webkit-slider-thumb {
    box-shadow:
      0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
      0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
      0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000),
      0 0 0 2rem var(--range-thumb) inset,
      var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);
  }
}
.range::-moz-range-thumb {
  position: relative;
  box-sizing: border-box;
  border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
  background-color: currentColor;
  height: var(--range-thumb-size);
  width: var(--range-thumb-size);
  border: var(--range-p) solid;
  color: var(--range-progress);
  box-shadow:
    0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 1px currentColor,
    0 0 0 2rem var(--range-thumb) inset,
    var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);
}
@supports (color: color-mix(in lab, red, red)) {
  .range::-moz-range-thumb {
    box-shadow:
      0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
      0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
      0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000),
      0 0 0 2rem var(--range-thumb) inset,
      var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);
  }
}
.range:disabled {
  cursor: not-allowed;
  opacity: 30%;
}
.indicator {
  position: relative;
  display: inline-flex;
  width: max-content;
}
.indicator :where(.indicator-item) {
  z-index: 1;
  position: absolute;
  white-space: nowrap;
  top: var(--indicator-t, 0);
  bottom: var(--indicator-b, auto);
  left: var(--indicator-s, auto);
  right: var(--indicator-e, 0);
  translate: var(--indicator-x, 50%) var(--indicator-y, -50%);
}
.table {
  font-size: 0.875rem;
  position: relative;
  width: 100%;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  border-radius: var(--radius-box);
  text-align: left;
}
.table:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
  text-align: right;
}
@media (hover: hover) {
  :is(:is(.table tr.row-hover), .table tr.row-hover:nth-child(even)):hover {
    background-color: var(--color-base-200);
  }
}
.table :where(th, td) {
  padding-inline: calc(0.25rem * 4);
  padding-block: calc(0.25rem * 3);
  vertical-align: middle;
}
.table :where(thead, tfoot) {
  white-space: nowrap;
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .table :where(thead, tfoot) {
    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
  }
}
.table :where(thead, tfoot) {
  font-size: 0.875rem;
  font-weight: 600;
}
.table :where(tfoot tr:first-child :is(td, th)) {
  border-top: var(--border) solid var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .table :where(tfoot tr:first-child :is(td, th)) {
    border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
  }
}
.table :where(.table-pin-rows thead) {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.table :where(.table-pin-rows tfoot) {
  position: sticky;
  bottom: 0px;
  z-index: 1;
}
.table :where(.table-pin-rows :is(thead, tfoot) tr) {
  background-color: var(--color-base-100);
}
.table :where(.table-pin-cols tr th) {
  position: sticky;
  right: 0px;
  left: 0px;
  background-color: var(--color-base-100);
}
.table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
  border-bottom: var(--border) solid var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
    border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
  }
}
.steps .step {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-columns: auto;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-rows: 40px 1fr;
  place-items: center;
  text-align: center;
  min-width: 4rem;
  --step-bg: var(--color-base-300);
  --step-fg: var(--color-base-content);
}
.steps .step:before {
  top: 0px;
  grid-column-start: 1;
  grid-row-start: 1;
  height: calc(0.25rem * 2);
  width: 100%;
  border: 1px solid;
  color: var(--step-bg);
  background-color: var(--step-bg);
  content: "";
  margin-inline-start: -100%;
}
.steps .step > .step-icon,
.steps .step:not(:has(.step-icon)):after {
  --tw-content: counter(step);
  content: var(--tw-content);
  counter-increment: step;
  z-index: 1;
  color: var(--step-fg);
  background-color: var(--step-bg);
  border: 1px solid var(--step-bg);
  position: relative;
  grid-column-start: 1;
  grid-row-start: 1;
  display: grid;
  height: calc(0.25rem * 8);
  width: calc(0.25rem * 8);
  place-items: center;
  place-self: center;
  border-radius: calc(infinity * 1px);
}
.steps .step:first-child:before {
  --tw-content: none;
  content: var(--tw-content);
}
.steps .step[data-content]:after {
  --tw-content: attr(data-content);
  content: var(--tw-content);
}
.steps-horizontal .step {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-columns: auto;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-rows: 40px 1fr;
  place-items: center;
  text-align: center;
  min-width: 4rem;
}
.steps-horizontal .step:before {
  height: calc(0.25rem * 2);
  width: 100%;
  translate: 0;
  margin-inline-start: -100%;
}
[dir=rtl] :is(.steps-horizontal .step):before {
  translate: 0;
}
.steps-vertical .step {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-columns: 40px 1fr;
  grid-template-rows: repeat(1, minmax(0, 1fr));
  grid-template-rows: auto;
  gap: 0.5rem;
  min-height: 4rem;
  justify-items: start;
}
.steps-vertical .step:before {
  height: 100%;
  width: calc(0.25rem * 2);
  translate: -50% -50%;
  margin-inline-start: 50%;
}
[dir=rtl] :is(.steps-vertical .step):before {
  translate: 50% -50%;
}
.steps {
  display: inline-grid;
  grid-auto-flow: column;
  overflow: hidden;
  overflow-x: auto;
  counter-reset: step;
  grid-auto-columns: 1fr;
}
.steps .step {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-columns: auto;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-rows: 40px 1fr;
  place-items: center;
  text-align: center;
  min-width: 4rem;
  --step-bg: var(--color-base-300);
  --step-fg: var(--color-base-content);
}
.steps .step:before {
  top: 0px;
  grid-column-start: 1;
  grid-row-start: 1;
  height: calc(0.25rem * 2);
  width: 100%;
  border: 1px solid;
  color: var(--step-bg);
  background-color: var(--step-bg);
  content: "";
  margin-inline-start: -100%;
}
.steps .step > .step-icon,
.steps .step:not(:has(.step-icon)):after {
  --tw-content: counter(step);
  content: var(--tw-content);
  counter-increment: step;
  z-index: 1;
  color: var(--step-fg);
  background-color: var(--step-bg);
  border: 1px solid var(--step-bg);
  position: relative;
  grid-column-start: 1;
  grid-row-start: 1;
  display: grid;
  height: calc(0.25rem * 8);
  width: calc(0.25rem * 8);
  place-items: center;
  place-self: center;
  border-radius: calc(infinity * 1px);
}
.steps .step:first-child:before {
  --tw-content: none;
  content: var(--tw-content);
}
.steps .step[data-content]:after {
  --tw-content: attr(data-content);
  content: var(--tw-content);
}
.steps .step-neutral + .step-neutral:before {
  --step-bg: var(--color-neutral);
  --step-fg: var(--color-neutral-content);
}
.steps .step-neutral:after {
  --step-bg: var(--color-neutral);
  --step-fg: var(--color-neutral-content);
}
.steps .step-neutral > .step-icon {
  --step-bg: var(--color-neutral);
  --step-fg: var(--color-neutral-content);
}
.steps .step-primary + .step-primary:before {
  --step-bg: var(--color-primary);
  --step-fg: var(--color-primary-content);
}
.steps .step-primary:after {
  --step-bg: var(--color-primary);
  --step-fg: var(--color-primary-content);
}
.steps .step-primary > .step-icon {
  --step-bg: var(--color-primary);
  --step-fg: var(--color-primary-content);
}
.steps .step-secondary + .step-secondary:before {
  --step-bg: var(--color-secondary);
  --step-fg: var(--color-secondary-content);
}
.steps .step-secondary:after {
  --step-bg: var(--color-secondary);
  --step-fg: var(--color-secondary-content);
}
.steps .step-secondary > .step-icon {
  --step-bg: var(--color-secondary);
  --step-fg: var(--color-secondary-content);
}
.steps .step-accent + .step-accent:before {
  --step-bg: var(--color-accent);
  --step-fg: var(--color-accent-content);
}
.steps .step-accent:after {
  --step-bg: var(--color-accent);
  --step-fg: var(--color-accent-content);
}
.steps .step-accent > .step-icon {
  --step-bg: var(--color-accent);
  --step-fg: var(--color-accent-content);
}
.steps .step-info + .step-info:before {
  --step-bg: var(--color-info);
  --step-fg: var(--color-info-content);
}
.steps .step-info:after {
  --step-bg: var(--color-info);
  --step-fg: var(--color-info-content);
}
.steps .step-info > .step-icon {
  --step-bg: var(--color-info);
  --step-fg: var(--color-info-content);
}
.steps .step-success + .step-success:before {
  --step-bg: var(--color-success);
  --step-fg: var(--color-success-content);
}
.steps .step-success:after {
  --step-bg: var(--color-success);
  --step-fg: var(--color-success-content);
}
.steps .step-success > .step-icon {
  --step-bg: var(--color-success);
  --step-fg: var(--color-success-content);
}
.steps .step-warning + .step-warning:before {
  --step-bg: var(--color-warning);
  --step-fg: var(--color-warning-content);
}
.steps .step-warning:after {
  --step-bg: var(--color-warning);
  --step-fg: var(--color-warning-content);
}
.steps .step-warning > .step-icon {
  --step-bg: var(--color-warning);
  --step-fg: var(--color-warning-content);
}
.steps .step-error + .step-error:before {
  --step-bg: var(--color-error);
  --step-fg: var(--color-error-content);
}
.steps .step-error:after {
  --step-bg: var(--color-error);
  --step-fg: var(--color-error-content);
}
.steps .step-error > .step-icon {
  --step-bg: var(--color-error);
  --step-fg: var(--color-error-content);
}
.tabs-border > .tab {
  --tab-border-color: #0000 #0000 var(--tab-border-color) #0000;
  position: relative;
  border-radius: var(--radius-field);
}
.tabs-border > .tab:before {
  content: "";
  background-color: var(--tab-border-color);
  transition: background-color 0.2s ease;
  width: calc(100% - var(--tab-p) * 2);
  height: 3px;
  border-radius: var(--radius-field);
  bottom: 0;
  left: var(--tab-p);
  position: absolute;
}
:is(.tabs-border > .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-border > .tab:is(input:checked), .tabs-border > .tab:is(label:has(:checked))):before {
  --tab-border-color: currentColor;
  border-top: 3px solid;
}
.timeline {
  position: relative;
  display: flex;
}
.timeline > li {
  position: relative;
  display: grid;
  flex-shrink: 0;
  align-items: center;
  grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var( --timeline-row-end, minmax(0, 1fr) );
  grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var( --timeline-col-end, minmax(0, 1fr) );
}
.timeline > li > hr {
  border: none;
  width: 100%;
}
.timeline > li > hr:first-child {
  grid-column-start: 1;
  grid-row-start: 2;
}
.timeline > li > hr:last-child {
  grid-column-start: 3;
  grid-column-end: none;
  grid-row-start: 2;
  grid-row-end: auto;
}
@media print {
  .timeline > li > hr {
    border: 0.1px solid var(--color-base-300);
  }
}
.timeline :where(hr) {
  height: 0.25rem;
  background-color: var(--color-base-300);
}
.timeline:has(.timeline-middle hr):first-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: var(--radius-selector);
  border-end-end-radius: var(--radius-selector);
}
.timeline:has(.timeline-middle hr):last-child {
  border-start-start-radius: var(--radius-selector);
  border-end-start-radius: var(--radius-selector);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.timeline:not(:has(.timeline-middle)) :first-child hr:last-child {
  border-start-start-radius: var(--radius-selector);
  border-end-start-radius: var(--radius-selector);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.timeline:not(:has(.timeline-middle)) :last-child hr:first-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: var(--radius-selector);
  border-end-end-radius: var(--radius-selector);
}
.swap {
  position: relative;
  display: inline-grid;
  cursor: pointer;
  place-content: center;
  vertical-align: middle;
  webkit-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.swap input {
  appearance: none;
  border: none;
}
.swap > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .swap > * {
    transition-property:
      transform,
      rotate,
      opacity;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.swap .swap-on {
  opacity: 0%;
}
.swap .swap-indeterminate {
  opacity: 0%;
}
.swap input:indeterminate ~ .swap-on {
  opacity: 0%;
}
.swap input:is(:checked, :indeterminate) ~ .swap-off {
  opacity: 0%;
}
.swap input:checked ~ .swap-on {
  opacity: 100%;
  backface-visibility: visible;
}
.swap input:indeterminate ~ .swap-indeterminate {
  opacity: 100%;
  backface-visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.select {
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 1.5);
  background-color: var(--color-base-100);
  padding-inline-start: calc(0.25rem * 3);
  padding-inline-end: calc(0.25rem * 7);
  vertical-align: middle;
  --size: calc(var(--size-field, 0.25rem) * var(--sl-size-mul, 10));
  --input-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .select {
    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  }
}
.select {
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  background-image:
    linear-gradient(
      45deg,
      #0000 50%,
      currentColor 50%),
    linear-gradient(
      135deg,
      currentColor 50%,
      #0000 50%);
  background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--border) solid var(--input-color, #0000);
  box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
}
@supports (color: color-mix(in lab, red, red)) {
  .select {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  }
}
[dir=rtl] .select {
  background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
}
.select[multiple] {
  height: auto;
  overflow: auto;
  padding-block: calc(0.25rem * 3);
  padding-inline-end: calc(0.25rem * 3);
  background-image: none;
}
.select select {
  margin-inline-start: calc(0.25rem * -3);
  margin-inline-end: calc(0.25rem * -7);
  width: calc(100% + 2.75rem);
  appearance: none;
  padding-inline-start: calc(0.25rem * 3);
  padding-inline-end: calc(0.25rem * 7);
  height: calc(100% - calc(var(--border) * 2));
  align-items: center;
  background: inherit;
  border-radius: inherit;
  border-style: none;
}
.select select::placeholder {
  color: var(--color-base-content);
  opacity: 50%;
}
.select select:focus,
.select select:focus-within {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .select select:focus,
  .select select:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.select select:not(:last-child) {
  margin-inline-end: calc(0.25rem * -5.5);
  background-image: none;
}
.select:focus {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .select:focus {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.select:focus {
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
}
.select:focus-within {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .select:focus-within {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.select:focus-within {
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
}
.select:open {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .select:open {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.select:open {
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
  background-image:
    linear-gradient(
      135deg,
      #0000 50%,
      currentColor 50%),
    linear-gradient(
      45deg,
      currentColor 50%,
      #0000 50%);
}
.select:has(> select[disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
}
.select:has(> select[disabled]):is(select),
.select:has(> select[disabled]) :is(select) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .select:has(> select[disabled]):is(select),
  .select:has(> select[disabled]) :is(select) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
.select:has(> select[disabled]) {
  box-shadow: none;
}
.select:has(> select[disabled])::placeholder,
.select:has(> select[disabled]) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
.select:is(:disabled, [disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
}
.select:is(:disabled, [disabled]):is(select),
.select:is(:disabled, [disabled]) :is(select) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .select:is(:disabled, [disabled]):is(select),
  .select:is(:disabled, [disabled]) :is(select) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
.select:is(:disabled, [disabled]) {
  box-shadow: none;
}
.select:is(:disabled, [disabled])::placeholder,
.select:is(:disabled, [disabled]) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
fieldset:disabled .select {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
}
fieldset:disabled .select:is(select),
fieldset:disabled .select :is(select) {
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  fieldset:disabled .select:is(select),
  fieldset:disabled .select :is(select) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
fieldset:disabled .select {
  box-shadow: none;
}
fieldset:disabled .select::placeholder,
fieldset:disabled .select ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
.select:has(> select[disabled]) > select[disabled] {
  cursor: not-allowed;
}
@supports (appearance: base-select) {
  :is(:is(.select), .select select) {
    appearance: base-select;
  }
  :is(:is(.select), .select select)::picker(select) {
    appearance: base-select;
  }
}
:is(:is(.select), .select select)::picker(select) {
  color: inherit;
  max-height: min(24rem, 70dvh);
  margin-inline: 0.5rem;
  translate: -0.5rem 0;
  border: var(--border) solid var(--color-base-200);
  margin-block: calc(0.25rem * 2);
  border-radius: var(--radius-box);
  padding: calc(0.25rem * 2);
  background-color: inherit;
  box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
}
:is(:is(.select), .select select)::picker-icon {
  display: none;
}
:is(:is(.select), .select select) selectedcontent {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:is(:is(.select), .select select) optgroup {
  padding-top: 0.5em;
}
:is(:is(.select), .select select) optgroup option:nth-child(1) {
  margin-top: 0.5em;
}
:is(:is(.select), .select select) optgroup {
  padding-top: 0.5em;
}
:is(:is(.select), .select select) optgroup option:nth-child(1) {
  margin-top: 0.5em;
}
:is(:is(.select), .select select) option {
  border-radius: var(--radius-field);
  padding-block: calc(0.25rem * 1.5);
  padding-inline: calc(0.25rem * var(--option-px, 3));
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  white-space: normal;
}
:is(:is(.select), .select select) option:not(:disabled):hover,
:is(:is(.select), .select select) option:not(:disabled):focus-visible {
  cursor: pointer;
  background-color: var(--color-base-content);
  --tw-outline-style: none;
  outline-style: none;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(:is(.select), .select select) option:not(:disabled):hover,
  :is(:is(.select), .select select) option:not(:disabled):focus-visible {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
@media (forced-colors: active) {
  :is(:is(.select), .select select) option:not(:disabled):hover,
  :is(:is(.select), .select select) option:not(:disabled):focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
:is(:is(.select), .select select) option:not(:disabled):active {
  background-color: var(--color-neutral);
  color: var(--color-neutral-content);
  box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
}
:is(:is(.select), .select select) option {
  border-radius: var(--radius-field);
  padding-block: calc(0.25rem * 1.5);
  padding-inline: calc(0.25rem * var(--option-px, 3));
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  white-space: normal;
}
:is(:is(.select), .select select) option:not(:disabled):hover,
:is(:is(.select), .select select) option:not(:disabled):focus-visible {
  cursor: pointer;
  background-color: var(--color-base-content);
  --tw-outline-style: none;
  outline-style: none;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(:is(.select), .select select) option:not(:disabled):hover,
  :is(:is(.select), .select select) option:not(:disabled):focus-visible {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
@media (forced-colors: active) {
  :is(:is(.select), .select select) option:not(:disabled):hover,
  :is(:is(.select), .select select) option:not(:disabled):focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
:is(:is(.select), .select select) option:not(:disabled):active {
  background-color: var(--color-neutral);
  color: var(--color-neutral-content);
  box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
}
[dir=rtl] .select::picker(select) {
  translate: 0.5rem 0;
}
[dir=rtl] .select select::picker(select) {
  translate: 0.5rem 0;
}
.avatar-group .avatar {
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  border: 4px solid var(--color-base-100);
}
.avatar {
  position: relative;
  display: inline-flex;
  align-self: center;
  vertical-align: middle;
}
.avatar > div {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.avatar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.checkbox {
  border: var(--border) solid var(--input-color, var(--color-base-content));
}
@supports (color: color-mix(in lab, red, red)) {
  .checkbox {
    border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
  }
}
.checkbox {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  cursor: pointer;
  appearance: none;
  border-radius: var(--radius-selector);
  padding: 0.25rem;
  vertical-align: middle;
  color: var(--color-base-content);
  box-shadow:
    0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 0 #0000 inset,
    0 0 #0000;
  transition: background-color 0.2s, box-shadow 0.2s;
  --size: calc(var(--size-selector, 0.25rem) * 6);
  width: var(--size);
  height: var(--size);
  background-size: auto, calc(var(--noise) * 100%);
  background-image: none, var(--fx-noise);
}
.checkbox:before {
  --tw-content: "";
  content: var(--tw-content);
  display: block;
  width: 100%;
  height: 100%;
  rotate: 45deg;
  background-color: currentcolor;
  opacity: 0%;
  transition:
    clip-path 0.3s,
    opacity 0.1s,
    rotate 0.3s,
    translate 0.3s;
  transition-delay: 0.1s;
  clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
  box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  font-size: 1rem;
  line-height: 0.75;
}
.checkbox:focus-visible {
  outline: 2px solid var(--input-color, currentColor);
  outline-offset: 2px;
}
.checkbox:checked {
  background-color: var(--input-color, #0000);
  box-shadow:
    0 0 #0000 inset,
    0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
}
.checkbox:checked:before {
  clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
  opacity: 100%;
}
@media (forced-colors: active) {
  .checkbox:checked:before {
    rotate: 0deg;
    background-color: transparent;
    --tw-content: "\2714\fe0e";
    clip-path: none;
  }
}
@media print {
  .checkbox:checked:before {
    rotate: 0deg;
    background-color: transparent;
    --tw-content: "\2714\fe0e";
    clip-path: none;
  }
}
.checkbox[aria-checked=true] {
  background-color: var(--input-color, #0000);
  box-shadow:
    0 0 #0000 inset,
    0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
}
.checkbox[aria-checked=true]:before {
  clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
  opacity: 100%;
}
@media (forced-colors: active) {
  .checkbox[aria-checked=true]:before {
    rotate: 0deg;
    background-color: transparent;
    --tw-content: "\2714\fe0e";
    clip-path: none;
  }
}
@media print {
  .checkbox[aria-checked=true]:before {
    rotate: 0deg;
    background-color: transparent;
    --tw-content: "\2714\fe0e";
    clip-path: none;
  }
}
.checkbox:indeterminate {
  background-color: var( --input-color, var(--color-base-content) );
}
@supports (color: color-mix(in lab, red, red)) {
  .checkbox:indeterminate {
    background-color: var( --input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000) );
  }
}
.checkbox:indeterminate:before {
  rotate: 0deg;
  opacity: 100%;
  translate: 0 -35%;
  clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
}
.checkbox:disabled {
  cursor: not-allowed;
  opacity: 20%;
}
.radio {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  cursor: pointer;
  appearance: none;
  border-radius: calc(infinity * 1px);
  padding: 0.25rem;
  vertical-align: middle;
  border: var(--border) solid var(--input-color, currentColor);
}
@supports (color: color-mix(in lab, red, red)) {
  .radio {
    border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
  }
}
.radio {
  box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
  --size: calc(var(--size-selector, 0.25rem) * 6);
  width: var(--size);
  height: var(--size);
  color: var(--input-color, currentColor);
}
.radio:before {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(infinity * 1px);
  --tw-content: "";
  content: var(--tw-content);
  background-size: auto, calc(var(--noise) * 100%);
  background-image: none, var(--fx-noise);
}
.radio:focus-visible {
  outline: 2px solid currentColor;
}
.radio:checked {
  border-color: currentcolor;
  background-color: var(--color-base-100);
}
@media (prefers-reduced-motion: no-preference) {
  .radio:checked {
    animation: radio 0.2s ease-out;
  }
}
.radio:checked:before {
  background-color: currentcolor;
  box-shadow:
    0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
}
@media (forced-colors: active) {
  .radio:checked:before {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-offset: calc(1px * -1);
  }
}
@media print {
  .radio:checked:before {
    outline: 0.25rem solid;
    outline-offset: -1rem;
  }
}
.radio[aria-checked=true] {
  border-color: currentcolor;
  background-color: var(--color-base-100);
}
@media (prefers-reduced-motion: no-preference) {
  .radio[aria-checked=true] {
    animation: radio 0.2s ease-out;
  }
}
.radio[aria-checked=true]:before {
  background-color: currentcolor;
  box-shadow:
    0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
}
@media (forced-colors: active) {
  .radio[aria-checked=true]:before {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-offset: calc(1px * -1);
  }
}
@media print {
  .radio[aria-checked=true]:before {
    outline: 0.25rem solid;
    outline-offset: -1rem;
  }
}
.radio:disabled {
  cursor: not-allowed;
  opacity: 20%;
}
.navbar {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0.5rem;
  min-height: 4rem;
}
:where(.navbar) {
  position: relative;
}
.drawer {
  position: relative;
  display: grid;
  width: 100%;
  grid-auto-columns: max-content auto;
}
.card-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  gap: calc(0.25rem * 2);
  padding: var(--card-p, 1.5rem);
  font-size: var(--card-fs, 0.875rem);
}
.card-body p {
  flex-grow: 1;
}
.image-full > .card-body {
  position: relative;
  color: var(--color-neutral-content);
}
.card-xs .card-body {
  --card-p: 0.5rem;
  --card-fs: 0.6875rem;
}
.card-sm .card-body {
  --card-p: 1rem;
  --card-fs: 0.75rem;
}
.card-md .card-body {
  --card-p: 1.5rem;
  --card-fs: 0.875rem;
}
.card-lg .card-body {
  --card-p: 2rem;
  --card-fs: 1rem;
}
.card-xl .card-body {
  --card-p: 2.5rem;
  --card-fs: 1.125rem;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-box);
  transition: outline 0.2s ease-in-out;
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.card:focus-visible {
  outline-color: currentColor;
}
.card[aria-checked=true] {
  outline-color: currentColor;
}
.card:has(> :checked, > :is([type=checkbox], [type=radio]):focus-visible) {
  outline-color: currentColor;
}
.card:has(> :checked:focus-visible) {
  outline-width: 4px;
}
.card[aria-checked=true]:focus-visible {
  outline-width: 4px;
}
.card[aria-checked=true]:has(> :is([type=checkbox], [type=radio]):focus-visible) {
  outline-width: 4px;
}
.card:has(> :is([type=checkbox], [type=radio])) {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.card > :is([type=checkbox], [type=radio]) {
  appearance: none;
}
.card figure:first-child {
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: unset;
}
.card figure:last-child {
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.card figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress {
  position: relative;
  height: calc(0.25rem * 2);
  width: 100%;
  appearance: none;
  overflow: hidden;
  border-radius: var(--radius-box);
  background-color: currentcolor;
}
@supports (color: color-mix(in lab, red, red)) {
  .progress {
    background-color: color-mix(in oklab, currentcolor 20%, transparent);
  }
}
.progress {
  color: var(--color-base-content);
}
.progress:indeterminate {
  background-image:
    repeating-linear-gradient(
      90deg,
      currentColor -1%,
      currentColor 10%,
      #0000 10%,
      #0000 90%);
  background-size: 200%;
  background-position-x: 15%;
}
@media (prefers-reduced-motion: no-preference) {
  .progress:indeterminate {
    animation: progress 5s ease-in-out infinite;
  }
}
@supports (-moz-appearance: none) {
  .progress:indeterminate::-moz-progress-bar {
    background-color: transparent;
  }
  @media (prefers-reduced-motion: no-preference) {
    .progress:indeterminate::-moz-progress-bar {
      animation: progress 5s ease-in-out infinite;
      background-image:
        repeating-linear-gradient(
          90deg,
          currentColor -1%,
          currentColor 10%,
          #0000 10%,
          #0000 90%);
      background-size: 200%;
      background-position-x: 15%;
    }
  }
  .progress::-moz-progress-bar {
    border-radius: var(--radius-box);
    background-color: currentcolor;
  }
  @media (prefers-reduced-motion: no-preference) {
    .progress::-moz-progress-bar {
      transition: inline-size 0.3s ease;
    }
  }
}
@supports (-webkit-appearance: none) {
  .progress::-webkit-progress-bar {
    border-radius: var(--radius-box);
    background-color: transparent;
  }
  .progress::-webkit-progress-value {
    border-radius: var(--radius-box);
    background-color: currentColor;
  }
  @media (prefers-reduced-motion: no-preference) {
    .progress::-webkit-progress-value {
      transition: inline-size 0.3s ease;
    }
  }
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-1\/2 {
  inset: calc(1 / 2 * 100%);
}
.-start-2\.5 {
  inset-inline-start: calc(var(--spacing) * -2.5);
}
.-end-2\.5 {
  inset-inline-end: calc(var(--spacing) * -2.5);
}
.end-2 {
  inset-inline-end: calc(var(--spacing) * 2);
}
.dropdown-top {
  --anchor-v: top;
}
.dropdown-top .dropdown-content {
  top: auto;
  bottom: 100%;
  transform-origin: bottom;
}
.-top-2\.5 {
  top: calc(var(--spacing) * -2.5);
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: var(--spacing);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-6 {
  top: calc(var(--spacing) * 6);
}
.top-\[10px\] {
  top: 10px;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[25px\] {
  top: 25px;
}
.top-\[calc\(50\%-5px\)\] {
  top: calc(50% - 5px);
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: var(--spacing);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-16 {
  right: calc(var(--spacing) * 16);
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
.bottom-14 {
  bottom: calc(var(--spacing) * 14);
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: calc(1 / 2 * 100%);
}
.left-2 {
  left: calc(var(--spacing) * 2);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-\[-35px\] {
  left: -35px;
}
.left-\[-40px\] {
  left: -40px;
}
.left-\[calc\(50\%-5px\)\] {
  left: calc(50% - 5px);
}
.textarea {
  min-height: calc(0.25rem * 20);
  flex-shrink: 1;
  appearance: none;
  border-radius: var(--radius-field);
  background-color: var(--color-base-100);
  padding-inline: calc(0.25rem * 3);
  padding-block: calc(0.25rem * 2);
  vertical-align: middle;
  --input-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .textarea {
    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  }
}
.textarea {
  width: clamp(3rem, 20rem, 100%);
  font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
  touch-action: manipulation;
  border: var(--border) solid var(--input-color, #0000);
  box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
}
@supports (color: color-mix(in lab, red, red)) {
  .textarea {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  }
}
.textarea textarea {
  appearance: none;
  background-color: transparent;
  border: none;
}
.textarea textarea::placeholder {
  color: var(--color-base-content);
  opacity: 50%;
}
.textarea textarea:focus,
.textarea textarea:focus-within {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .textarea textarea:focus,
  .textarea textarea:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.textarea:focus {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .textarea:focus {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.textarea:focus {
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
  isolation: isolate;
}
@media (pointer: coarse) {
  @supports (-webkit-touch-callout: none) {
    .textarea:focus {
      --font-size: 1rem;
    }
  }
}
.textarea:focus-within {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px var(--input-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .textarea:focus-within {
    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  }
}
.textarea:focus-within {
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
  isolation: isolate;
}
@media (pointer: coarse) {
  @supports (-webkit-touch-callout: none) {
    .textarea:focus-within {
      --font-size: 1rem;
    }
  }
}
.textarea:has(> textarea[disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .textarea:has(> textarea[disabled]) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
.textarea:has(> textarea[disabled]) {
  box-shadow: none;
}
.textarea:has(> textarea[disabled])::placeholder,
.textarea:has(> textarea[disabled]) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
.textarea:is(:disabled, [disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .textarea:is(:disabled, [disabled]) {
    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
  }
}
.textarea:is(:disabled, [disabled]) {
  box-shadow: none;
}
.textarea:is(:disabled, [disabled])::placeholder,
.textarea:is(:disabled, [disabled]) ::placeholder {
  color: var(--color-base-content);
  opacity: 20%;
}
.textarea:has(> textarea[disabled]) > textarea[disabled] {
  cursor: not-allowed;
}
.isolate {
  isolation: isolate;
}
.stack {
  display: inline-grid;
  grid-template-columns: 3px 4px 1fr 4px 3px;
  grid-template-rows: 3px 4px 1fr 4px 3px;
}
.stack > * {
  height: 100%;
  width: 100%;
}
.stack > *:nth-child(n+2) {
  width: 100%;
  opacity: 70%;
}
.stack > *:nth-child(2) {
  z-index: 2;
  opacity: 90%;
}
.stack > *:nth-child(1) {
  z-index: 3;
  width: 100%;
}
:is(:is(.stack), .stack.stack-bottom) > * {
  grid-column: 3 / 4;
  grid-row: 3 / 6;
}
:is(:is(.stack), .stack.stack-bottom) > *:nth-child(2) {
  grid-column: 2 / 5;
  grid-row: 2 / 5;
}
:is(:is(.stack), .stack.stack-bottom) > *:nth-child(1) {
  grid-column: 1 / 6;
  grid-row: 1 / 4;
}
:is(:is(.stack), .stack.stack-bottom) > * {
  grid-column: 3 / 4;
  grid-row: 3 / 6;
}
:is(:is(.stack), .stack.stack-bottom) > *:nth-child(2) {
  grid-column: 2 / 5;
  grid-row: 2 / 5;
}
:is(:is(.stack), .stack.stack-bottom) > *:nth-child(1) {
  grid-column: 1 / 6;
  grid-row: 1 / 4;
}
.stack.stack-top > * {
  grid-column: 3 / 4;
  grid-row: 1 / 4;
}
.stack.stack-top > *:nth-child(2) {
  grid-column: 2 / 5;
  grid-row: 2 / 5;
}
.stack.stack-top > *:nth-child(1) {
  grid-column: 1 / 6;
  grid-row: 3 / 6;
}
.stack.stack-start > * {
  grid-column: 1 / 4;
  grid-row: 3 / 4;
}
.stack.stack-start > *:nth-child(2) {
  grid-column: 2 / 5;
  grid-row: 2 / 5;
}
.stack.stack-start > *:nth-child(1) {
  grid-column: 3 / 6;
  grid-row: 1 / 6;
}
.stack.stack-end > * {
  grid-column: 3 / 6;
  grid-row: 3 / 4;
}
.stack.stack-end > *:nth-child(2) {
  grid-column: 2 / 5;
  grid-row: 2 / 5;
}
.stack.stack-end > *:nth-child(1) {
  grid-column: 1 / 4;
  grid-row: 1 / 6;
}
.modal-backdrop {
  grid-column-start: 1;
  grid-row-start: 1;
  display: grid;
  align-self: stretch;
  justify-self: stretch;
  color: transparent;
  z-index: -1;
}
.modal-backdrop button {
  cursor: pointer;
}
.join {
  display: inline-flex;
  align-items: stretch;
  --join-ss: 0;
  --join-se: 0;
  --join-es: 0;
  --join-ee: 0;
  --join-v: 0;
  --join-h: 1;
  @scope (&) {
    > :where(:focus, :has(:focus)) {
      z-index: 2;
    }
    @media (hover: hover) {
      > :where(.btn:hover, :has(.btn:hover)) {
        z-index: 1;
      }
    }
    :where(:scope > :first-child) {
      --join-ss: var(--radius-field);
      --join-se: calc(var(--radius-field) * var(--join-v));
      --join-es: calc(var(--radius-field) * var(--join-h));
      --join-ee: 0;
    }
    :where(:scope > :last-child) {
      --join-ss: 0;
      --join-se: calc(var(--radius-field) * var(--join-h));
      --join-es: calc(var(--radius-field) * var(--join-v));
      --join-ee: var(--radius-field);
    }
    :where(:scope > :only-child) {
      --join-ss: var(--radius-field);
      --join-se: var(--radius-field);
      --join-es: var(--radius-field);
      --join-ee: var(--radius-field);
    }
  }
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[997\] {
  z-index: 997;
}
.z-\[998\] {
  z-index: 998;
}
.z-\[999\] {
  z-index: 999;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[1001\] {
  z-index: 1001;
}
.z-\[9999\] {
  z-index: 9999;
}
.tab-content {
  order: var(--tabcontent-order);
  display: none;
  border-color: transparent;
  --tabcontent-radius-ss: var(--radius-box);
  --tabcontent-radius-se: var(--radius-box);
  --tabcontent-radius-es: var(--radius-box);
  --tabcontent-radius-ee: var(--radius-box);
  --tabcontent-order: 1;
  width: 100%;
  height: calc(100% - var(--tab-height) + var(--border));
  margin: var(--tabcontent-margin);
  border-width: var(--border);
  border-start-start-radius: var(--tabcontent-radius-ss);
  border-start-end-radius: var(--tabcontent-radius-se);
  border-end-start-radius: var(--tabcontent-radius-es);
  border-end-end-radius: var(--tabcontent-radius-ee);
}
.tabs-lift:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
}
.tabs-lift > .tab-content {
  --tabcontent-margin: calc(-1 * var(--border)) 0 0 0;
  --tabcontent-radius-ss: 0;
  --tabcontent-radius-se: var(--radius-box);
  --tabcontent-radius-es: var(--radius-box);
  --tabcontent-radius-ee: var(--radius-box);
}
:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:nth-child(1) {
  --tabcontent-radius-ss: var(--radius-box);
}
:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:nth-child(n+3) {
  --tabcontent-radius-ss: var(--radius-box);
}
.tabs-top:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
}
.tabs-top > .tab-content {
  --tabcontent-order: 1;
  --tabcontent-margin: calc(-1 * var(--border)) 0 0 0;
  --tabcontent-radius-ss: 0;
  --tabcontent-radius-se: var(--radius-box);
  --tabcontent-radius-es: var(--radius-box);
  --tabcontent-radius-ee: var(--radius-box);
}
:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:nth-child(1) {
  --tabcontent-radius-ss: var(--radius-box);
}
:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:nth-child(n+3) {
  --tabcontent-radius-ss: var(--radius-box);
}
.tabs-bottom:has(> .tab-content) > .tab:first-child:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
  --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color);
}
.tabs-bottom > .tab-content {
  --tabcontent-order: 0;
  --tabcontent-margin: 0 0 calc(-1 * var(--border)) 0;
  --tabcontent-radius-ss: var(--radius-box);
  --tabcontent-radius-se: var(--radius-box);
  --tabcontent-radius-es: 0;
  --tabcontent-radius-ee: var(--radius-box);
}
:is(.tabs-bottom > :checked, .tabs-bottom > :is(label:has(:checked)), .tabs-bottom > :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:not(:nth-child(2)) {
  --tabcontent-radius-es: var(--radius-box);
}
.tabs-box > .tab-content {
  margin-top: 0.25rem;
  height: calc(100% - var(--tab-height) + var(--border) - 0.5rem);
  border-radius: calc(min(var(--tab-height) / 2, var(--radius-field)) + min(0.25rem, var(--tabs-box-radius)) - var(--border));
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.hero {
  display: grid;
  width: 100%;
  place-items: center;
  background-size: cover;
  background-position: center;
}
.hero > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.stat-value {
  grid-column-start: 1;
  white-space: nowrap;
  font-size: 2rem;
  font-weight: 800;
}
.stat-desc {
  grid-column-start: 1;
  white-space: nowrap;
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .stat-desc {
    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
  }
}
.stat-desc {
  font-size: 0.75rem;
}
.stat-title {
  grid-column-start: 1;
  white-space: nowrap;
  color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .stat-title {
    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
  }
}
.stat-title {
  font-size: 0.75rem;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.row-start-1 {
  grid-row-start: 1;
}
.clear-both {
  clear: both;
}
.container {
  width: 100%;
}
@media (width >= 0px) {
  .container {
    max-width: 0px;
  }
}
@media (width >= 1400px) {
  .container {
    max-width: 1400px;
  }
}
@media (width >= 2300px) {
  .container {
    max-width: 2300px;
  }
}
@media (width >= 40rem) {
  .container {
    max-width: 40rem;
  }
}
@media (width >= 48rem) {
  .container {
    max-width: 48rem;
  }
}
@media (width >= 64rem) {
  .container {
    max-width: 64rem;
  }
}
@media (width >= 80rem) {
  .container {
    max-width: 80rem;
  }
}
@media (width >= 96rem) {
  .container {
    max-width: 96rem;
  }
}
.divider {
  display: flex;
  height: calc(0.25rem * 4);
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  white-space: nowrap;
  margin: var(--divider-m, 1rem 0);
  --divider-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .divider {
    --divider-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}
.divider:before {
  content: "";
  height: calc(0.25rem * 0.5);
  width: 100%;
  flex-grow: 1;
  background-color: var(--divider-color);
}
@media print {
  .divider:before {
    border: 0.5px solid;
  }
}
.divider:after {
  content: "";
  height: calc(0.25rem * 0.5);
  width: 100%;
  flex-grow: 1;
  background-color: var(--divider-color);
}
@media print {
  .divider:after {
    border: 0.5px solid;
  }
}
.divider:not(:empty) {
  gap: calc(0.25rem * 4);
}
.divider-horizontal.divider {
  height: auto;
  width: calc(0.25rem * 4);
  flex-direction: column;
}
.divider-horizontal.divider:before {
  height: 100%;
  width: calc(0.25rem * 0.5);
}
.divider-horizontal.divider:after {
  height: 100%;
  width: calc(0.25rem * 0.5);
}
.divider-vertical.divider {
  height: calc(0.25rem * 4);
  width: auto;
  flex-direction: row;
}
.divider-vertical.divider:before {
  height: calc(0.25rem * 0.5);
  width: 100%;
}
.divider-vertical.divider:after {
  height: calc(0.25rem * 0.5);
  width: 100%;
}
.\!-m-px {
  margin: -1px !important;
}
.m-1 {
  margin: var(--spacing);
}
.m-2 {
  margin: calc(var(--spacing) * 2);
}
.m-4 {
  margin: calc(var(--spacing) * 4);
}
.m-5 {
  margin: calc(var(--spacing) * 5);
}
.m-6 {
  margin: calc(var(--spacing) * 6);
}
.m-8 {
  margin: calc(var(--spacing) * 8);
}
.m-auto {
  margin: auto;
}
.container {
  margin-inline: auto;
  padding-inline: 2rem;
}
.-mx-1 {
  margin-inline: calc(var(--spacing) * -1);
}
.-mx-1\.5 {
  margin-inline: calc(var(--spacing) * -1.5);
}
.-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}
.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}
.mx-auto {
  margin-inline: auto;
}
.my-1 {
  margin-block: var(--spacing);
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.breadcrumbs {
  max-width: 100%;
  overflow-x: auto;
  padding-block: calc(0.25rem * 2);
}
.breadcrumbs > menu {
  display: flex;
  min-height: min-content;
  align-items: center;
  white-space: nowrap;
}
.breadcrumbs > menu > li {
  display: flex;
  align-items: center;
}
.breadcrumbs > menu > li > * {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: calc(0.25rem * 2);
}
@media (hover: hover) {
  .breadcrumbs > menu > li > *:hover {
    text-decoration-line: underline;
  }
}
.breadcrumbs > menu > li > *:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .breadcrumbs > menu > li > *:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.breadcrumbs > menu > li > *:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.breadcrumbs > menu > li + *:before {
  content: "";
  margin-inline-start: calc(0.25rem * 2);
  margin-inline-end: calc(0.25rem * 3);
  display: block;
  height: calc(0.25rem * 1.5);
  width: calc(0.25rem * 1.5);
  opacity: 40%;
  rotate: 45deg;
  border-top: 1px solid;
  border-right: 1px solid;
  background-color: #0000;
}
[dir=rtl] :is(.breadcrumbs > menu > li) + *:before {
  rotate: -135deg;
}
.breadcrumbs > ul {
  display: flex;
  min-height: min-content;
  align-items: center;
  white-space: nowrap;
}
.breadcrumbs > ul > li {
  display: flex;
  align-items: center;
}
.breadcrumbs > ul > li > * {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: calc(0.25rem * 2);
}
@media (hover: hover) {
  .breadcrumbs > ul > li > *:hover {
    text-decoration-line: underline;
  }
}
.breadcrumbs > ul > li > *:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .breadcrumbs > ul > li > *:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.breadcrumbs > ul > li > *:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.breadcrumbs > ul > li + *:before {
  content: "";
  margin-inline-start: calc(0.25rem * 2);
  margin-inline-end: calc(0.25rem * 3);
  display: block;
  height: calc(0.25rem * 1.5);
  width: calc(0.25rem * 1.5);
  opacity: 40%;
  rotate: 45deg;
  border-top: 1px solid;
  border-right: 1px solid;
  background-color: #0000;
}
[dir=rtl] :is(.breadcrumbs > ul > li) + *:before {
  rotate: -135deg;
}
.breadcrumbs > ol {
  display: flex;
  min-height: min-content;
  align-items: center;
  white-space: nowrap;
}
.breadcrumbs > ol > li {
  display: flex;
  align-items: center;
}
.breadcrumbs > ol > li > * {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: calc(0.25rem * 2);
}
@media (hover: hover) {
  .breadcrumbs > ol > li > *:hover {
    text-decoration-line: underline;
  }
}
.breadcrumbs > ol > li > *:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .breadcrumbs > ol > li > *:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.breadcrumbs > ol > li > *:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.breadcrumbs > ol > li + *:before {
  content: "";
  margin-inline-start: calc(0.25rem * 2);
  margin-inline-end: calc(0.25rem * 3);
  display: block;
  height: calc(0.25rem * 1.5);
  width: calc(0.25rem * 1.5);
  opacity: 40%;
  rotate: 45deg;
  border-top: 1px solid;
  border-right: 1px solid;
  background-color: #0000;
}
[dir=rtl] :is(.breadcrumbs > ol > li) + *:before {
  rotate: -135deg;
}
.label {
  display: inline-flex;
  align-items: center;
  gap: calc(0.25rem * 1.5);
  white-space: nowrap;
  color: currentcolor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label {
    color: color-mix(in oklab, currentcolor 60%, transparent);
  }
}
.label:has(input) {
  cursor: pointer;
}
.label:is(.input > *, .select > *) {
  display: flex;
  height: calc(100% - 0.5rem);
  align-items: center;
  padding-inline: calc(0.25rem * 3);
  white-space: nowrap;
  font-size: inherit;
}
.label:is(.input > *, .select > *):first-child {
  margin-inline-start: calc(0.25rem * -3);
  margin-inline-end: calc(0.25rem * 3);
  border-inline-end: var(--border) solid currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label:is(.input > *, .select > *):first-child {
    border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
  }
}
.label:is(.input > *, .select > *):last-child {
  margin-inline-start: calc(0.25rem * 3);
  margin-inline-end: calc(0.25rem * -3);
  border-inline-start: var(--border) solid currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label:is(.input > *, .select > *):last-child {
    border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
  }
}
.label:is(.input > *, .select > *) {
  display: flex;
  height: calc(100% - 0.5rem);
  align-items: center;
  padding-inline: calc(0.25rem * 3);
  white-space: nowrap;
  font-size: inherit;
}
.label:is(.input > *, .select > *):first-child {
  margin-inline-start: calc(0.25rem * -3);
  margin-inline-end: calc(0.25rem * 3);
  border-inline-end: var(--border) solid currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label:is(.input > *, .select > *):first-child {
    border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
  }
}
.label:is(.input > *, .select > *):last-child {
  margin-inline-start: calc(0.25rem * 3);
  margin-inline-end: calc(0.25rem * -3);
  border-inline-start: var(--border) solid currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label:is(.input > *, .select > *):last-child {
    border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
  }
}
.label:is(.input > *, .select > *) {
  display: flex;
  height: calc(100% - 0.5rem);
  align-items: center;
  padding-inline: calc(0.25rem * 3);
  white-space: nowrap;
  font-size: inherit;
}
.label:is(.input > *, .select > *):first-child {
  margin-inline-start: calc(0.25rem * -3);
  margin-inline-end: calc(0.25rem * 3);
  border-inline-end: var(--border) solid currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label:is(.input > *, .select > *):first-child {
    border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
  }
}
.label:is(.input > *, .select > *):last-child {
  margin-inline-start: calc(0.25rem * 3);
  margin-inline-end: calc(0.25rem * -3);
  border-inline-start: var(--border) solid currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .label:is(.input > *, .select > *):last-child {
    border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
  }
}
.join-item {
  border-style: solid;
  border-width: var(--border, 1px);
  border-start-start-radius: var(--join-ss);
  border-start-end-radius: var(--join-se);
  border-end-start-radius: var(--join-es);
  border-end-end-radius: var(--join-ee);
}
.join-item > * {
  --join-ss: initial;
  --join-se: initial;
  --join-es: initial;
  --join-ee: initial;
}
.join-item:not(:first-child, :disabled, [disabled], .btn-disabled) {
  margin-inline-start: calc(var(--border, 1px) * -1 * var(--join-h));
  margin-block-start: calc(var(--border, 1px) * -1 * var(--join-v));
}
.join-item:is(:disabled, [disabled], .btn-disabled) {
  border-width: var(--border, 1px);
  border-inline-end-width: calc(var(--border, 1px) * var(--join-v));
  border-block-end-width: calc(var(--border, 1px) * var(--join-h));
}
.steps-horizontal {
  grid-auto-columns: 1fr;
  display: inline-grid;
  grid-auto-flow: column;
  overflow: hidden;
  overflow-x: auto;
}
.steps-horizontal .step {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-columns: auto;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-rows: 40px 1fr;
  place-items: center;
  text-align: center;
  min-width: 4rem;
}
.steps-horizontal .step:before {
  height: calc(0.25rem * 2);
  width: 100%;
  translate: 0;
  margin-inline-start: -100%;
}
[dir=rtl] :is(.steps-horizontal .step):before {
  translate: 0;
}
.ms-6 {
  margin-inline-start: calc(var(--spacing) * 6);
}
.ms-auto {
  margin-inline-start: auto;
}
.me-auto {
  margin-inline-end: auto;
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
  --tw-prose-body: oklch(37.3% 0.034 259.733);
  --tw-prose-headings: oklch(21% 0.034 264.665);
  --tw-prose-lead: oklch(44.6% 0.03 256.802);
  --tw-prose-links: oklch(21% 0.034 264.665);
  --tw-prose-bold: oklch(21% 0.034 264.665);
  --tw-prose-counters: oklch(55.1% 0.027 264.364);
  --tw-prose-bullets: oklch(87.2% 0.01 258.338);
  --tw-prose-hr: oklch(92.8% 0.006 264.531);
  --tw-prose-quotes: oklch(21% 0.034 264.665);
  --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
  --tw-prose-captions: oklch(55.1% 0.027 264.364);
  --tw-prose-kbd: oklch(21% 0.034 264.665);
  --tw-prose-kbd-shadows: NaN NaN NaN;
  --tw-prose-code: oklch(21% 0.034 264.665);
  --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
  --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
  --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
  --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
  --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
  --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
  --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
  --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
  --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
  --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201c""\201d""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom: 0;
}
.menu .dropdown-content {
  margin-top: calc(0.25rem * 2);
  padding: calc(0.25rem * 2);
}
.menu .dropdown-content:before {
  display: none;
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1);
}
.-mt-4 {
  margin-top: calc(var(--spacing) * -4);
}
.-mt-6 {
  margin-top: calc(var(--spacing) * -6);
}
.-mt-14 {
  margin-top: calc(var(--spacing) * -14);
}
.-mt-px {
  margin-top: -1px;
}
.mt-1 {
  margin-top: var(--spacing);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5 {
  margin-top: calc(var(--spacing) * 2.5);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mt-auto {
  margin-top: auto;
}
.mr-1 {
  margin-right: var(--spacing);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}
.-mb-4 {
  margin-bottom: calc(var(--spacing) * -4);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-20 {
  margin-bottom: calc(var(--spacing) * 20);
}
.ml-1 {
  margin-left: var(--spacing);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}
.ml-auto {
  margin-left: auto;
}
.carousel-item {
  box-sizing: content-box;
  display: flex;
  flex: none;
  scroll-snap-align: start;
}
.carousel-start .carousel-item {
  scroll-snap-align: start;
}
.carousel-center .carousel-item {
  scroll-snap-align: center;
}
.carousel-end .carousel-item {
  scroll-snap-align: end;
}
.status {
  display: inline-block;
  aspect-ratio: 1 / 1;
  width: calc(0.25rem * 2);
  height: calc(0.25rem * 2);
  border-radius: var(--radius-selector);
  background-color: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  .status {
    background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
  }
}
.status {
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  color: color-mix(in srgb, #000 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .status {
    color: color-mix(in oklab, var(--color-black) 30%, transparent);
  }
}
.status {
  background-image:
    radial-gradient(
      circle at 35% 30%,
      oklch(1 0 0 / calc(var(--depth) * 0.5)),
      #0000);
  box-shadow: 0 2px 3px -1px currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .status {
    box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
  }
}
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(0.25rem * 2);
  border-radius: var(--radius-selector);
  vertical-align: middle;
  color: var(--badge-fg);
  border: var(--border) solid var(--badge-color, var(--color-base-200));
  font-size: 0.875rem;
  width: fit-content;
  background-size: auto, calc(var(--noise) * 100%);
  background-image: none, var(--fx-noise);
  background-color: var(--badge-bg);
  --badge-bg: var(--badge-color, var(--color-base-100));
  --badge-fg: var(--color-base-content);
  --size: calc(var(--size-selector, 0.25rem) * 6);
  height: var(--size);
  padding-inline: calc(var(--size) / 2 - var(--border));
}
.kbd {
  box-shadow: none;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-field);
  background-color: var(--color-base-200);
  vertical-align: middle;
  color: var(--color-base-content);
  padding-inline: 0.5em;
  border: var(--border) solid var(--color-base-content);
  border-bottom: calc(var(--border) + 1px) solid var(--color-base-content);
  --size: calc(var(--size-selector, 0.25rem) * 6);
  font-size: 0.875rem;
  height: var(--size);
  min-width: var(--size);
}
@supports (color: color-mix(in lab, red, red)) {
  .kbd {
    border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .kbd {
    border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
  }
}
.footer {
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  place-items: start;
  column-gap: calc(0.25rem * 4);
  row-gap: calc(0.25rem * 10);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.footer > :not(script, style, template) {
  display: grid;
  place-items: start;
  gap: calc(0.25rem * 2);
}
.stat {
  display: inline-grid;
  width: 100%;
  column-gap: calc(0.25rem * 4);
  padding-inline: calc(0.25rem * 6);
  padding-block: calc(0.25rem * 4);
  grid-template-columns: repeat(1, 1fr);
}
.stat:not(:last-child) {
  border-inline-end: var(--border) dashed currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .stat:not(:last-child) {
    border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
  }
}
.stat:not(:last-child) {
  border-block-end: none;
}
.stats-horizontal .stat:not(:last-child) {
  border-inline-end: var(--border) dashed currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .stats-horizontal .stat:not(:last-child) {
    border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
  }
}
.stats-horizontal .stat:not(:last-child) {
  border-block-end: none;
}
.stats-vertical .stat:not(:last-child) {
  border-inline-end: none;
  border-block-end: var(--border) dashed currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .stats-vertical .stat:not(:last-child) {
    border-block-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
  }
}
.carousel {
  display: inline-flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
@media (prefers-reduced-motion: no-preference) {
  .carousel {
    scroll-behavior: smooth;
  }
}
.carousel::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.alert {
  border-width: var(--border);
  border-color: var(--alert-border-color, var(--color-base-200));
  border-style: solid;
  --alert-border-color: var(--color-base-200);
  display: grid;
  align-items: center;
  gap: calc(0.25rem * 4);
  border-radius: var(--radius-box);
  padding-inline: calc(0.25rem * 4);
  padding-block: calc(0.25rem * 3);
  color: var(--color-base-content);
  background-color: var(--alert-color, var(--color-base-200));
  justify-content: start;
  justify-items: start;
  grid-auto-flow: column;
  grid-template-columns: auto;
  text-align: start;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-size: auto, calc(var(--noise) * 33%);
  background-image: none, var(--fx-noise);
  box-shadow:
    0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,
    0 1px #000,
    0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
}
@supports (color: color-mix(in lab, red, red)) {
  .alert {
    box-shadow:
      0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,
      0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000),
      0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
  }
}
.alert:has(:nth-child(2)) {
  grid-template-columns: auto minmax(auto, 1fr);
}
.fieldset {
  display: grid;
  gap: calc(0.25rem * 1.5);
  padding-block: 0.25rem;
  font-size: 0.75rem;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
}
.chat {
  display: grid;
  grid-auto-rows: min-content;
  column-gap: calc(0.25rem * 3);
  padding-block: 0.25rem;
  --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
}
.card-title {
  display: flex;
  align-items: center;
  gap: calc(0.25rem * 2);
  font-size: var(--cardtitle-fs, 1.125rem);
  font-weight: 600;
}
.card-xs .card-title {
  --cardtitle-fs: 0.875rem;
}
.card-sm .card-title {
  --cardtitle-fs: 1rem;
}
.card-md .card-title {
  --cardtitle-fs: 1.125rem;
}
.card-lg .card-title {
  --cardtitle-fs: 1.25rem;
}
.card-xl .card-title {
  --cardtitle-fs: 1.375rem;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
:root .prose {
  --tw-prose-body: var(--color-base-content);
  --tw-prose-headings: var(--color-base-content);
  --tw-prose-lead: var(--color-base-content);
  --tw-prose-links: var(--color-base-content);
  --tw-prose-bold: var(--color-base-content);
  --tw-prose-counters: var(--color-base-content);
  --tw-prose-bullets: var(--color-base-content);
  --tw-prose-hr: var(--color-base-content);
  --tw-prose-quotes: var(--color-base-content);
  --tw-prose-quote-borders: var(--color-base-content);
  --tw-prose-captions: var(--color-base-content);
  --tw-prose-code: var(--color-base-content);
  --tw-prose-pre-code: var(--color-neutral-content);
  --tw-prose-pre-bg: var(--color-neutral);
  --tw-prose-th-borders: var(--color-base-content);
  --tw-prose-td-borders: var(--color-base-content);
  --tw-prose-kbd: var(--color-base-content);
}
@supports (color: color-mix(in lab, red, red)) {
  :root .prose {
    --tw-prose-body: color-mix(in oklab, var(--color-base-content) 80%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root .prose {
    --tw-prose-bullets: color-mix(in oklab, var(--color-base-content) 50%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root .prose {
    --tw-prose-hr: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root .prose {
    --tw-prose-quote-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root .prose {
    --tw-prose-captions: color-mix(in oklab, var(--color-base-content) 50%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root .prose {
    --tw-prose-th-borders: color-mix(in oklab, var(--color-base-content) 50%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root .prose {
    --tw-prose-td-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root .prose {
    --tw-prose-kbd: color-mix(in oklab, var(--color-base-content) 80%, #0000);
  }
}
:root .prose :where(code):not(pre > code) {
  background-color: var(--color-base-200);
  border-radius: var(--radius-selector);
  border: var(--border) solid var(--color-base-300);
  padding-inline: 0.5em;
  padding-block: 0.2em;
  font-weight: inherit;
}
:root .prose :where(code):not(pre > code):before,
:root .prose :where(code):not(pre > code):after {
  display: none;
}
.mask {
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.\!hidden {
  display: none !important;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.btn-circle {
  border-radius: calc(infinity * 1px);
  padding-inline: 0px;
  width: var(--size);
  height: var(--size);
}
.btn-square {
  padding-inline: 0px;
  width: var(--size);
  height: var(--size);
}
.size-2 {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
}
.size-2\.5 {
  width: calc(var(--spacing) * 2.5);
  height: calc(var(--spacing) * 2.5);
}
.size-3\.5 {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}
.size-4 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}
.size-6 {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
}
.size-7 {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}
.size-8 {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}
.size-9 {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}
.size-\[160px\] {
  width: 160px;
  height: 160px;
}
.\!h-8 {
  height: calc(var(--spacing) * 8) !important;
}
.\!h-\[500px\] {
  height: 500px !important;
}
.\!h-px {
  height: 1px !important;
}
.h-0\.5 {
  height: calc(var(--spacing) * 0.5);
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-4\/5 {
  height: calc(4 / 5 * 100%);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-80 {
  height: calc(var(--spacing) * 80);
}
.h-96 {
  height: calc(var(--spacing) * 96);
}
.h-\[50px\] {
  height: 50px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[450px\] {
  height: 450px;
}
.h-\[700px\] {
  height: 700px;
}
.h-\[max\(280px\,40vh\)\] {
  height: max(280px, 40vh);
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-48 {
  max-height: calc(var(--spacing) * 48);
}
.max-h-72 {
  max-height: calc(var(--spacing) * 72);
}
.max-h-96 {
  max-height: calc(var(--spacing) * 96);
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[65vh\] {
  max-height: 65vh;
}
.max-h-\[70VH\] {
  max-height: 70VH;
}
.max-h-\[75VH\] {
  max-height: 75VH;
}
.max-h-\[650px\] {
  max-height: 650px;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-4 {
  min-height: calc(var(--spacing) * 4);
}
.min-h-9 {
  min-height: calc(var(--spacing) * 9);
}
.min-h-16 {
  min-height: calc(var(--spacing) * 16);
}
.min-h-30 {
  min-height: calc(var(--spacing) * 30);
}
.min-h-32 {
  min-height: calc(var(--spacing) * 32);
}
.min-h-48 {
  min-height: calc(var(--spacing) * 48);
}
.min-h-80 {
  min-height: calc(var(--spacing) * 80);
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[250px\] {
  min-height: 250px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[450px\] {
  min-height: 450px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.btn-wide {
  width: 100%;
  max-width: calc(0.25rem * 64);
}
.\!w-8 {
  width: calc(var(--spacing) * 8) !important;
}
.\!w-\[calc\(100\%-20px\)\] {
  width: calc(100% - 20px) !important;
}
.\!w-px {
  width: 1px !important;
}
.btn-block {
  width: 100%;
}
.w-\(--brn-select-width\) {
  width: var(--brn-select-width);
}
.w-0 {
  width: 0px;
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-3\/4 {
  width: calc(3 / 4 * 100%);
}
.w-3\/5 {
  width: calc(3 / 5 * 100%);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-36 {
  width: calc(var(--spacing) * 36);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-44 {
  width: calc(var(--spacing) * 44);
}
.w-48 {
  width: calc(var(--spacing) * 48);
}
.w-52 {
  width: calc(var(--spacing) * 52);
}
.w-60 {
  width: calc(var(--spacing) * 60);
}
.w-64 {
  width: calc(var(--spacing) * 64);
}
.w-80 {
  width: calc(var(--spacing) * 80);
}
.w-96 {
  width: calc(var(--spacing) * 96);
}
.w-\[70px\] {
  width: 70px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[310px\] {
  width: 310px;
}
.w-\[calc\(100\%\+3rem\)\] {
  width: calc(100% + 3rem);
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-5xl {
  max-width: var(--container-5xl);
}
.max-w-56 {
  max-width: calc(var(--spacing) * 56);
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[310px\] {
  max-width: 310px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[730px\] {
  max-width: 730px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}
.max-w-\[calc\(100\%-2rem\)\] {
  max-width: calc(100% - 2rem);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xs {
  max-width: var(--container-xs);
}
.\!min-w-0 {
  min-width: 0px !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-20 {
  min-width: calc(var(--spacing) * 20);
}
.min-w-24 {
  min-width: calc(var(--spacing) * 24);
}
.min-w-32 {
  min-width: calc(var(--spacing) * 32);
}
.min-w-36 {
  min-width: calc(var(--spacing) * 36);
}
.min-w-44 {
  min-width: calc(var(--spacing) * 44);
}
.min-w-max {
  min-width: max-content;
}
.flex-1 {
  flex: 1;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-\(--radix-tooltip-content-transform-origin\) {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[calc\(-50\%-2px\)\] {
  --tw-translate-y: calc(-50% - 2px);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-full {
  --tw-translate-y: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.menu .dropdown:focus-within .menu-dropdown-toggle:after {
  rotate: 45deg;
  translate: 0 1px;
}
.scale-50 {
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-70 {
  --tw-scale-x: 70%;
  --tw-scale-y: 70%;
  --tw-scale-z: 70%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.-rotate-45 {
  rotate: calc(45deg * -1);
}
.rotate-45 {
  rotate: 45deg;
}
.rotate-90 {
  rotate: 90deg;
}
.rotate-180 {
  rotate: 180deg;
}
.rotate-270 {
  rotate: 270deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.skeleton {
  border-radius: var(--radius-box);
  background-color: var(--color-base-300);
  will-change: background-position;
  background-image:
    linear-gradient(
      105deg,
      #0000 0% 40%,
      var(--color-base-100) 50%,
      #0000 60% 100%);
  background-size: 200% auto;
  background-position-x: -50%;
}
@media (prefers-reduced-motion: reduce) {
  .skeleton {
    transition-duration: 15s;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .skeleton {
    animation: skeleton 1.8s ease-in-out infinite;
  }
}
.animate-spin {
  animation: var(--animate-spin);
}
.link {
  cursor: pointer;
  text-decoration-line: underline;
}
.link:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.resize-x {
  resize: horizontal;
}
.scroll-my-1 {
  scroll-margin-block: var(--spacing);
}
.appearance-none {
  appearance: none;
}
.auto-cols-min {
  grid-auto-columns: min-content;
}
.auto-rows-\[minmax\(0\,100px\)\] {
  grid-auto-rows: minmax(0, 100px);
}
.auto-rows-min {
  grid-auto-rows: min-content;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-\[3\.5rem_1fr\] {
  grid-template-columns: 3.5rem 1fr;
}
.grid-rows-\[minmax\(0\,1fr\)_auto\] {
  grid-template-rows: minmax(0, 1fr) auto;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.content-start {
  align-content: flex-start;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-start {
  justify-content: flex-start;
}
.gap-\(--card-spacing\) {
  gap: var(--card-spacing);
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: var(--spacing);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
:where(.space-y-3 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}
.gap-x-3 {
  column-gap: calc(var(--spacing) * 3);
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
.gap-x-8 {
  column-gap: calc(var(--spacing) * 8);
}
:where(.space-x-3 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-4 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}
.gap-y-6 {
  row-gap: calc(var(--spacing) * 6);
}
.gap-y-8 {
  row-gap: calc(var(--spacing) * 8);
}
:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
.self-center {
  align-self: center;
}
.self-start {
  align-self: flex-start;
}
.justify-self-end {
  justify-self: flex-end;
}
.justify-self-start {
  justify-self: flex-start;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[min\(var\(--radius-md\)\,10px\)\] {
  border-radius: min(var(--radius-md), 10px);
}
.rounded-\[min\(var\(--radius-md\)\,12px\)\] {
  border-radius: min(var(--radius-md), 12px);
}
.rounded-\[var\(--hlm-item-radius\)\] {
  border-radius: var(--hlm-item-radius);
}
.rounded-box {
  border-radius: var(--radius-box);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) * 0.8);
}
.rounded-none {
  border-radius: 0;
}
.rounded-xl {
  border-radius: calc(var(--radius) * 1.4);
}
.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rounded-t-xl {
  border-top-left-radius: calc(var(--radius) * 1.4);
  border-top-right-radius: calc(var(--radius) * 1.4);
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-lg {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-b-xl {
  border-bottom-right-radius: calc(var(--radius) * 1.4);
  border-bottom-left-radius: calc(var(--radius) * 1.4);
}
.\!border-0 {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-1 {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-4 {
  border-style: var(--tw-border-style);
  border-width: 4px;
}
.border-8 {
  border-style: var(--tw-border-style);
  border-width: 8px;
}
.border-y-0 {
  border-block-style: var(--tw-border-style);
  border-block-width: 0px;
}
.border-s {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
}
.border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.border-r-1 {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-1 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l-0 {
  border-left-style: var(--tw-border-style);
  border-left-width: 0px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.border-base-300 {
  border-color: var(--color-base-300);
}
.border-black {
  border-color: var(--color-black);
}
.border-border {
  border-color: var(--hlm-border);
}
.border-current {
  border-color: currentcolor;
}
.border-destructive {
  border-color: var(--destructive);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-input {
  border-color: var(--input);
}
.border-muted-foreground {
  border-color: var(--muted-foreground);
}
.border-primary {
  border-color: var(--color-primary);
}
.border-primary\/30 {
  border-color: color-mix(in srgb, #1d9682 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-primary\/30 {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
  }
}
.border-ring {
  border-color: var(--ring);
}
.border-transparent {
  border-color: transparent;
}
.border-warning\/50 {
  border-color: color-mix(in srgb, #fdba31 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .border-warning\/50 {
    border-color: color-mix(in oklab, var(--color-warning) 50%, transparent);
  }
}
.border-white {
  border-color: var(--color-white);
}
.border-r-transparent {
  border-right-color: transparent;
}
:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(:is(.tab-active), [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:nth-child(1) {
  --tabcontent-radius-ss: var(--radius-box);
}
:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(:is(.tab-active), [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:nth-child(n+3) {
  --tabcontent-radius-ss: var(--radius-box);
}
:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(:is(.tab-active), [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:nth-child(1) {
  --tabcontent-radius-ss: var(--radius-box);
}
:is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(:is(.tab-active), [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:nth-child(n+3) {
  --tabcontent-radius-ss: var(--radius-box);
}
:is(.tabs-bottom > :checked, .tabs-bottom > :is(label:has(:checked)), .tabs-bottom > :is(:is(.tab-active), [aria-selected=true], [aria-current=true], [aria-current=page])) + .tab-content:not(:nth-child(2)) {
  --tabcontent-radius-es: var(--radius-box);
}
.tabs-box > :is(:is(.tab-active), [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]) {
  background-color: var(--tab-bg, var(--color-base-100));
  box-shadow:
    0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
    0 1px 1px -1px var(--color-neutral),
    0 1px 6px -4px var(--color-neutral);
}
@supports (color: color-mix(in lab, red, red)) {
  .tabs-box > :is(:is(.tab-active), [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]) {
    box-shadow:
      0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
      0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000),
      0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
  }
}
@media (forced-colors: active) {
  .tabs-box > :is(:is(.tab-active), [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]) {
    border: 1px solid;
  }
}
.\!bg-notification {
  background-color: var(--color-notification) !important;
}
.\!bg-warning {
  background-color: var(--color-warning) !important;
}
.bg-accent {
  background-color: var(--accent);
}
.bg-background {
  background-color: var(--background);
}
.bg-background\/70 {
  background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-background\/70 {
    background-color: color-mix(in oklab, var(--background) 70%, transparent);
  }
}
.bg-background\/85 {
  background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-background\/85 {
    background-color: color-mix(in oklab, var(--background) 85%, transparent);
  }
}
.bg-base-100 {
  background-color: var(--color-base-100);
}
.bg-beta {
  background-color: var(--color-beta);
}
.bg-black {
  background-color: var(--color-black);
}
.bg-black\/10 {
  background-color: color-mix(in srgb, #000 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/10 {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
}
.bg-black\/50 {
  background-color: color-mix(in srgb, #000 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/50 {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.bg-blue-500 {
  background-color: var(--color-blue-500);
}
.bg-blue-600 {
  background-color: var(--color-blue-600);
}
.bg-border {
  background-color: var(--hlm-border);
}
.bg-card {
  background-color: var(--card);
}
.bg-destructive\/10 {
  background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-destructive\/10 {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
  }
}
.bg-foreground {
  background-color: var(--foreground);
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-300 {
  background-color: var(--color-gray-300);
}
.bg-gray-400 {
  background-color: var(--color-gray-400);
}
.bg-gray-light {
  background-color: var(--color-gray-light);
}
.bg-green-100 {
  background-color: var(--color-green-100);
}
.bg-green-200 {
  background-color: var(--color-green-200);
}
.bg-green-400 {
  background-color: var(--color-green-400);
}
.bg-map-control {
  background-color: var(--color-map-control);
}
.bg-muted {
  background-color: var(--muted);
}
.bg-muted\/40 {
  background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/40 {
    background-color: color-mix(in oklab, var(--muted) 40%, transparent);
  }
}
.bg-muted\/50 {
  background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/50 {
    background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  }
}
.bg-popover {
  background-color: var(--popover);
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-primary\/10 {
  background-color: color-mix(in srgb, #1d9682 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-primary\/10 {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
  }
}
.bg-red-100 {
  background-color: var(--color-red-100);
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-slate-100 {
  background-color: var(--color-slate-100);
}
.bg-surface-sunken {
  background-color: var(--surface-sunken);
}
.bg-transparent {
  background-color: transparent;
}
.bg-warning {
  background-color: var(--color-warning);
}
.bg-warning\/10 {
  background-color: color-mix(in srgb, #fdba31 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-warning\/10 {
    background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
  }
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/60 {
  background-color: color-mix(in srgb, white 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/60 {
    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
.bg-white\/80 {
  background-color: color-mix(in srgb, white 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/80 {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
.bg-yellow-200 {
  background-color: var(--color-yellow-200);
}
.btn-link {
  text-decoration-line: underline;
  --btn-bg: #0000;
  color: var(--btn-color, var(--color-primary));
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
.btn-outline {
  --btn-bg: #0000;
  color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content)));
  --btn-border: var(--btn-color, var(--color-base-content));
  --btn-border-style: solid;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
.btn-ghost {
  --btn-bg: #0000;
  color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content, currentColor)));
  --btn-border: #0000;
  background-image: none;
  --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
  --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
}
.bg-clip-padding {
  background-clip: padding-box;
}
.\!fill-white {
  fill: var(--color-white) !important;
}
.fill-foreground {
  fill: var(--foreground);
}
.stroke-current {
  stroke: currentcolor;
}
.\!object-contain {
  object-fit: contain !important;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-left {
  object-position: left;
}
.\!p-0 {
  padding: 0px !important;
}
.p-\(--card-spacing\) {
  padding: var(--card-spacing);
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: var(--spacing);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-3\.5 {
  padding: calc(var(--spacing) * 3.5);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-20 {
  padding: calc(var(--spacing) * 20);
}
.px-\(--card-spacing\) {
  padding-inline: var(--card-spacing);
}
.px-0 {
  padding-inline: 0px;
}
.px-1 {
  padding-inline: var(--spacing);
}
.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
  padding-inline: calc(var(--spacing) * 10);
}
.px-12 {
  padding-inline: calc(var(--spacing) * 12);
}
.px-px {
  padding-inline: 1px;
}
.py-\(--card-spacing\) {
  padding-block: var(--card-spacing);
}
.py-0 {
  padding-block: 0px;
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: var(--spacing);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-16 {
  padding-block: calc(var(--spacing) * 16);
}
.ps-1\.5 {
  padding-inline-start: calc(var(--spacing) * 1.5);
}
.ps-1\.5\! {
  padding-inline-start: calc(var(--spacing) * 1.5) !important;
}
.ps-2\.5 {
  padding-inline-start: calc(var(--spacing) * 2.5);
}
.ps-3\.5 {
  padding-inline-start: calc(var(--spacing) * 3.5);
}
.ps-4 {
  padding-inline-start: calc(var(--spacing) * 4);
}
.pe-1\.5\! {
  padding-inline-end: calc(var(--spacing) * 1.5) !important;
}
.pe-2 {
  padding-inline-end: calc(var(--spacing) * 2);
}
.pe-3\.5 {
  padding-inline-end: calc(var(--spacing) * 3.5);
}
.pe-8 {
  padding-inline-end: calc(var(--spacing) * 8);
}
.\!pt-3 {
  padding-top: calc(var(--spacing) * 3) !important;
}
.pt-1 {
  padding-top: var(--spacing);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pr-1 {
  padding-right: var(--spacing);
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pr-20 {
  padding-right: calc(var(--spacing) * 20);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pl-1 {
  padding-left: var(--spacing);
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.pl-10 {
  padding-left: calc(var(--spacing) * 10);
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-\[-0\.125em\] {
  vertical-align: -0.125em;
}
.\!text-xs {
  font-size: var(--text-xs) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-sm\/relaxed {
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[0\.625rem\] {
  font-size: 0.625rem;
}
.text-\[0\.6875rem\] {
  font-size: 0.6875rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-\[length\:--spacing\(4\)\] {
  font-size: calc(var(--spacing) * 4);
}
.leading-4 {
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.\!font-bold {
  --tw-font-weight: var(--font-weight-bold) !important;
  font-weight: var(--font-weight-bold) !important;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.text-balance {
  text-wrap: balance;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.\!whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.alert-error {
  color: var(--color-error-content);
  --alert-border-color: var(--color-error);
  --alert-color: var(--color-error);
}
.alert-info {
  color: var(--color-info-content);
  --alert-border-color: var(--color-info);
  --alert-color: var(--color-info);
}
.alert-success {
  color: var(--color-success-content);
  --alert-border-color: var(--color-success);
  --alert-color: var(--color-success);
}
.alert-warning {
  color: var(--color-warning-content);
  --alert-border-color: var(--color-warning);
  --alert-color: var(--color-warning);
}
@media (hover: hover) {
  .link-primary:hover {
    color: color-mix(in srgb, #1d9682 80%, #000);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .link-primary:hover {
      color: color-mix(in oklab, var(--color-primary) 80%, #000);
    }
  }
}
.link-primary {
  color: var(--color-primary);
}
.\!text-black {
  color: var(--color-black) !important;
}
.\!text-map-control-text {
  color: var(--color-map-control-text) !important;
}
.progress-primary {
  color: var(--color-primary);
}
.text-\[\#1d9682\] {
  color: #1d9682;
}
.text-accent {
  color: var(--accent);
}
.text-background {
  color: var(--background);
}
.text-black {
  color: var(--color-black);
}
.text-card-foreground {
  color: var(--card-foreground);
}
.text-destructive {
  color: var(--destructive);
}
.text-error {
  color: var(--color-error);
}
.text-favorite {
  color: var(--color-favorite);
}
.text-foreground {
  color: var(--foreground);
}
.text-gray-100 {
  color: var(--color-gray-100);
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-gray-light {
  color: var(--color-gray-light);
}
.text-green-600 {
  color: var(--color-green-600);
}
.text-green-700 {
  color: var(--color-green-700);
}
.text-info {
  color: var(--color-info);
}
.text-muted {
  color: var(--muted);
}
.text-muted-foreground {
  color: var(--muted-foreground);
}
.text-popover-foreground {
  color: var(--popover-foreground);
}
.text-primary {
  color: var(--color-primary);
}
.text-primary-foreground {
  color: var(--primary-foreground);
}
.text-red-700 {
  color: var(--color-red-700);
}
.text-secondary {
  color: var(--secondary);
}
.text-secondary-foreground {
  color: var(--secondary-foreground);
}
.text-success {
  color: var(--color-success);
}
.text-warning {
  color: var(--color-warning);
}
.text-white {
  color: var(--color-white);
}
.text-yellow-900 {
  color: var(--color-yellow-900);
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.no-underline {
  text-decoration-line: none;
}
.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose], [class~=not-prose] *)) {
  text-decoration-line: none;
}
.underline {
  text-decoration-line: underline;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.accent-foreground {
  accent-color: var(--foreground);
}
.accent-gray-500 {
  accent-color: var(--color-gray-500);
}
.accent-primary {
  accent-color: var(--color-primary);
}
.opacity-0 {
  opacity: 0%;
}
.opacity-20 {
  opacity: 20%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-60 {
  opacity: 60%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.ring-\[3px\] {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.ring-\[length\:var\(--hlm-ring-width\)\] {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--hlm-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.ring-black\/5 {
  --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-black\/5 {
    --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }
}
.ring-black\/10 {
  --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-black\/10 {
    --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
}
.ring-foreground\/10 {
  --tw-ring-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .ring-foreground\/10 {
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
  }
}
.ring-transparent {
  --tw-ring-color: transparent;
}
.outline-hidden {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .outline-hidden {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow {
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to,
    opacity,
    box-shadow,
    transform,
    translate,
    scale,
    rotate,
    filter,
    -webkit-backdrop-filter,
    backdrop-filter,
    display,
    content-visibility,
    overlay,
    pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[box-shadow\,background-color\] {
  transition-property: box-shadow, background-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,box-shadow\] {
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property:
    transform,
    translate,
    scale,
    rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.steps .step-error + .step-error:before {
  --step-bg: var(--color-error);
  --step-fg: var(--color-error-content);
}
.steps .step-error:after {
  --step-bg: var(--color-error);
  --step-fg: var(--color-error-content);
}
.steps .step-error > .step-icon {
  --step-bg: var(--color-error);
  --step-fg: var(--color-error-content);
}
.steps .step-primary + .step-primary:before {
  --step-bg: var(--color-primary);
  --step-fg: var(--color-primary-content);
}
.steps .step-primary:after {
  --step-bg: var(--color-primary);
  --step-fg: var(--color-primary-content);
}
.steps .step-primary > .step-icon {
  --step-bg: var(--color-primary);
  --step-fg: var(--color-primary-content);
}
.btn-neutral {
  --btn-color: var(--color-neutral);
  --btn-fg: var(--color-neutral-content);
  --btn-soft-bg: var(--color-neutral-content) 80%;
  --btn-rest-fg: initial;
}
.btn-accent {
  --btn-color: var(--color-accent);
  --btn-fg: var(--color-accent-content);
  --btn-soft-bg: initial;
}
.btn-error {
  --btn-color: var(--color-error);
  --btn-fg: var(--color-error-content);
  --btn-soft-bg: initial;
}
.btn-info {
  --btn-color: var(--color-info);
  --btn-fg: var(--color-info-content);
  --btn-soft-bg: initial;
}
.btn-lg {
  --fontsize: 1.125rem;
  --btn-p: 1.25rem;
  --size: calc(var(--size-field, 0.25rem) * 12);
}
.btn-md {
  --fontsize: 0.875rem;
  --btn-p: 1rem;
  --size: calc(var(--size-field, 0.25rem) * 10);
}
.btn-primary {
  --btn-color: var(--color-primary);
  --btn-fg: var(--color-primary-content);
  --btn-soft-bg: initial;
}
.btn-secondary {
  --btn-color: var(--color-secondary);
  --btn-fg: var(--color-secondary-content);
  --btn-soft-bg: initial;
}
.btn-sm {
  --fontsize: 0.75rem;
  --btn-p: 0.75rem;
  --size: calc(var(--size-field, 0.25rem) * 8);
}
.btn-success {
  --btn-color: var(--color-success);
  --btn-fg: var(--color-success-content);
  --btn-soft-bg: initial;
}
.btn-warning {
  --btn-color: var(--color-warning);
  --btn-fg: var(--color-warning-content);
  --btn-soft-bg: initial;
}
.btn-xs {
  --fontsize: 0.6875rem;
  --btn-p: 0.5rem;
  --size: calc(var(--size-field, 0.25rem) * 6);
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-text {
  -webkit-user-select: text;
  user-select: text;
}
.\!\[clip\:rect\(0\,0\,0\,0\)\] {
  clip: rect(0, 0, 0, 0) !important;
}
.\[--card-spacing\:--spacing\(4\)\] {
  --card-spacing: calc(var(--spacing) * 4);
}
.\[api\:generate\] {
  api: generate;
}
.aura:has(> .card, > .alert) {
  --aura-radius: var(--radius-box);
}
.aura:has(> .checkbox, > .toggle, > .badge) {
  --aura-radius: var(--radius-selector);
}
.aura:has(> .btn, > .input, > .select) {
  --aura-radius: var(--radius-field);
}
.aura:has(> .card, > .alert) {
  --aura-radius: var(--radius-box);
}
.aura:has(> .checkbox, > .toggle, > .badge) {
  --aura-radius: var(--radius-selector);
}
.fade-in {
  --tw-enter-opacity: 0;
}
.aura:has(> .btn, > .input, > .select) {
  --aura-radius: var(--radius-field);
}
.running {
  animation-play-state: running;
}
.aura:has(> .btn, > .input, > .select) {
  --aura-radius: var(--radius-field);
}
.aura:has(> .checkbox, > .toggle, > .badge) {
  --aura-radius: var(--radius-selector);
}
@media (hover: hover) {
  .group-hover\:underline:is(:where(.group):hover *) {
    text-decoration-line: underline;
  }
  .group-hover\:opacity-70:is(:where(.group):hover *) {
    opacity: 70%;
  }
  .group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity: 100%;
  }
  .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
    opacity: 100%;
  }
  .group-hover\/sort\:opacity-100:is(:where(.group\/sort):hover *) {
    opacity: 100%;
  }
}
.group-focus-visible\/sort\:opacity-100:is(:where(.group\/sort):focus-visible *) {
  opacity: 100%;
}
.group-has-\[\:focus-visible\]\:border-\[color\:var\(--hlm-focus-border\)\]:is(:where(.group):has(:is(:focus-visible)) *) {
  border-color: var(--hlm-focus-border);
}
.group-has-\[\:focus-visible\]\:opacity-100:is(:where(.group):has(:is(:focus-visible)) *) {
  opacity: 100%;
}
.group-has-\[\:focus-visible\]\:ring-\[color\:var\(--hlm-ring-color\)\]:is(:where(.group):has(:is(:focus-visible)) *) {
  --tw-ring-color: var(--hlm-ring-color);
}
.group-has-\[\:focus-visible\]\/row\:opacity-100:is(:where(.group\/row):has(:is(:focus-visible)) *) {
  opacity: 100%;
}
.group-data-\[checked\=true\]\:bg-primary:is(:where(.group)[data-checked=true] *) {
  background-color: var(--color-primary);
}
.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
  pointer-events: none;
}
.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
  opacity: 50%;
}
.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.group-data-\[state\=open\]\:rotate-90:is(:where(.group)[data-state=open] *) {
  rotate: 90deg;
}
.peer-checked\:border-primary:is(:where(.peer):checked ~ *) {
  border-color: var(--color-primary);
}
.peer-checked\:bg-gray-400:is(:where(.peer):checked ~ *) {
  background-color: var(--color-gray-400);
}
.peer-checked\:opacity-50:is(:where(.peer):checked ~ *) {
  opacity: 50%;
}
.peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
  opacity: 100%;
}
.peer-checked\:shadow-md:is(:where(.peer):checked ~ *) {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.peer-disabled\:pointer-events-none:is(:where(.peer):disabled ~ *) {
  pointer-events: none;
}
.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
  cursor: not-allowed;
}
.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
  opacity: 50%;
}
.first-letter\:uppercase::first-letter {
  text-transform: uppercase;
}
.file\:mr-3::file-selector-button {
  margin-right: calc(var(--spacing) * 3);
}
.file\:inline-flex::file-selector-button {
  display: inline-flex;
}
.file\:h-6::file-selector-button {
  height: calc(var(--spacing) * 6);
}
.file\:rounded-md::file-selector-button {
  border-radius: calc(var(--radius) * 0.8);
}
.file\:border::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.file\:border-0::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.file\:border-input::file-selector-button {
  border-color: var(--input);
}
.file\:bg-muted::file-selector-button {
  background-color: var(--muted);
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:px-3::file-selector-button {
  padding-inline: calc(var(--spacing) * 3);
}
.file\:py-1\.5::file-selector-button {
  padding-block: calc(var(--spacing) * 1.5);
}
.file\:text-sm::file-selector-button {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.file\:font-medium::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.file\:text-foreground::file-selector-button {
  color: var(--foreground);
}
.placeholder\:text-muted-foreground::placeholder {
  color: var(--muted-foreground);
}
.before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none;
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-x-2::before {
  content: var(--tw-content);
  inset-inline: calc(var(--spacing) * 2);
}
.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0px;
}
.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}
.before\:border-b::before {
  content: var(--tw-content);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.before\:border-border\/60::before {
  content: var(--tw-content);
  border-color: var(--hlm-border);
}
@supports (color: color-mix(in lab, red, red)) {
  .before\:border-border\/60::before {
    border-color: color-mix(in oklab, var(--hlm-border) 60%, transparent);
  }
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.focus-within\:ring-2:focus-within {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.focus-within\:ring-ring\/50:focus-within {
  --tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-within\:ring-ring\/50:focus-within {
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}
@media (hover: hover) {
  .hover\:scale-\[1\.03\]:hover {
    scale: 1.03;
  }
  .hover\:border-solid:hover {
    --tw-border-style: solid;
    border-style: solid;
  }
  .hover\:border-primary:hover {
    border-color: var(--color-primary);
  }
  .hover\:border-primary\/30:hover {
    border-color: color-mix(in srgb, #1d9682 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-primary\/30:hover {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  .hover\:border-primary\/50:hover {
    border-color: color-mix(in srgb, #1d9682 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-primary\/50:hover {
      border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }
  .hover\:bg-accent:hover {
    background-color: var(--accent);
  }
  .hover\:bg-accent\/50:hover {
    background-color: var(--accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-accent\/50:hover {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
  .hover\:bg-black\/10:hover {
    background-color: color-mix(in srgb, #000 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-black\/10:hover {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .hover\:bg-destructive\/10:hover {
    background-color: var(--destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-destructive\/10:hover {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
  .hover\:bg-destructive\/20:hover {
    background-color: var(--destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-destructive\/20:hover {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .hover\:bg-gray-100:hover {
    background-color: var(--color-gray-100);
  }
  .hover\:bg-green-300:hover {
    background-color: var(--color-green-300);
  }
  .hover\:bg-muted:hover {
    background-color: var(--muted);
  }
  .hover\:bg-muted\/40:hover {
    background-color: var(--muted);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-muted\/40:hover {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }
  .hover\:bg-primary\/10:hover {
    background-color: color-mix(in srgb, #1d9682 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/10:hover {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .hover\:bg-primary\/15:hover {
    background-color: color-mix(in srgb, #1d9682 15%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/15:hover {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }
  .hover\:bg-secondary\/80:hover {
    background-color: var(--secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-secondary\/80:hover {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }
  .hover\:text-destructive:hover {
    color: var(--destructive);
  }
  .hover\:text-foreground:hover {
    color: var(--foreground);
  }
  .hover\:text-primary:hover {
    color: var(--color-primary);
  }
  .hover\:text-white:hover {
    color: var(--color-white);
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .hover\:drop-shadow:hover {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .hover\:file\:bg-accent:hover::file-selector-button {
    background-color: var(--accent);
  }
}
.focus\:outline-hidden:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .focus\:outline-hidden:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.focus-visible\:bg-gray-100:focus-visible {
  background-color: var(--color-gray-100);
}
.focus-visible\:opacity-100:focus-visible {
  opacity: 100%;
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: var(--ring);
}
.focus-visible\:ring-ring\/50:focus-visible {
  --tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}
.focus-visible\:outline-hidden:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .focus-visible\:outline-hidden:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.focus-visible\:outline-none:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
.not-data-\[matches-spartan-invalid\=true\]\:focus-visible\:border-\[color\:var\(--hlm-focus-border\)\]:not([data-matches-spartan-invalid=true]):focus-visible {
  border-color: var(--hlm-focus-border);
}
.not-data-\[matches-spartan-invalid\=true\]\:focus-visible\:border-destructive:not([data-matches-spartan-invalid=true]):focus-visible {
  border-color: var(--destructive);
}
.not-data-\[matches-spartan-invalid\=true\]\:focus-visible\:ring-\[color\:var\(--hlm-ring-color\)\]:not([data-matches-spartan-invalid=true]):focus-visible {
  --tw-ring-color: var(--hlm-ring-color);
}
.not-data-\[matches-spartan-invalid\=true\]\:focus-visible\:ring-\[color\:var\(--hlm-ring-destructive\)\]:not([data-matches-spartan-invalid=true]):focus-visible {
  --tw-ring-color: var(--hlm-ring-destructive);
}
.active\:scale-95:active {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
  --tw-translate-y: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-input\/50:disabled {
  background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
  .disabled\:bg-input\/50:disabled {
    background-color: color-mix(in oklab, var(--input) 50%, transparent);
  }
}
.disabled\:opacity-50:disabled {
  opacity: 50%;
}
:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg {
  border-radius: var(--radius);
}
.has-data-\[icon\=inline-end\]\:pe-1\.5:has([data-icon=inline-end]) {
  padding-inline-end: calc(var(--spacing) * 1.5);
}
.has-data-\[icon\=inline-end\]\:pe-2:has([data-icon=inline-end]) {
  padding-inline-end: calc(var(--spacing) * 2);
}
.has-data-\[icon\=inline-end\]\:pe-3:has([data-icon=inline-end]) {
  padding-inline-end: calc(var(--spacing) * 3);
}
.has-data-\[icon\=inline-start\]\:ps-1\.5:has([data-icon=inline-start]) {
  padding-inline-start: calc(var(--spacing) * 1.5);
}
.has-data-\[icon\=inline-start\]\:ps-2:has([data-icon=inline-start]) {
  padding-inline-start: calc(var(--spacing) * 2);
}
.has-data-\[icon\=inline-start\]\:ps-3:has([data-icon=inline-start]) {
  padding-inline-start: calc(var(--spacing) * 3);
}
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
  grid-template-columns: 1fr auto;
}
.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]) {
  grid-template-rows: auto auto;
}
.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]) {
  padding-bottom: 0px;
}
.has-\[\:focus-visible\]\:border-primary:has(:is(:focus-visible)) {
  border-color: var(--color-primary);
}
.has-\[\:focus-visible\]\:bg-accent:has(:is(:focus-visible)) {
  background-color: var(--accent);
}
.has-\[\:focus-visible\]\:ring-\[color\:var\(--hlm-ring-color\)\]:has(:is(:focus-visible)) {
  --tw-ring-color: var(--hlm-ring-color);
}
.has-\[\>img\:first-child\]\:pt-0:has(> img:first-child) {
  padding-top: 0px;
}
.aria-disabled\:pointer-events-none[aria-disabled=true] {
  pointer-events: none;
}
.aria-disabled\:opacity-50[aria-disabled=true] {
  opacity: 50%;
}
.aria-expanded\:bg-muted[aria-expanded=true] {
  background-color: var(--muted);
}
.aria-expanded\:bg-secondary[aria-expanded=true] {
  background-color: var(--secondary);
}
.aria-expanded\:text-foreground[aria-expanded=true] {
  color: var(--foreground);
}
.aria-expanded\:text-secondary-foreground[aria-expanded=true] {
  color: var(--secondary-foreground);
}
.data-hidden\:hidden[data-hidden] {
  display: none;
}
.data-highlighted\:bg-accent[data-highlighted] {
  background-color: var(--accent);
}
.data-highlighted\:text-accent-foreground[data-highlighted] {
  color: var(--accent-foreground);
}
:is(.not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground:not([data-variant=destructive])[data-highlighted] *) {
  color: var(--accent-foreground);
}
.data-placeholder\:text-muted-foreground[data-placeholder] {
  color: var(--muted-foreground);
}
.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true] {
  cursor: not-allowed;
}
.data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
  opacity: 50%;
}
.data-\[invalid\=true\]\:text-destructive[data-invalid=true] {
  color: var(--destructive);
}
.data-\[matches-spartan-invalid\=true\]\:border-destructive[data-matches-spartan-invalid=true] {
  border-color: var(--destructive);
}
.data-\[matches-spartan-invalid\=true\]\:focus-visible\:ring-\[color\:var\(--hlm-ring-destructive\)\][data-matches-spartan-invalid=true]:focus-visible {
  --tw-ring-color: var(--hlm-ring-destructive);
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
  --tw-enter-translate-x: calc(2*var(--spacing));
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
  --tw-enter-translate-x: calc(2*var(--spacing)*-1);
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
  --tw-enter-translate-y: calc(2*var(--spacing));
}
.data-\[size\=default\]\:h-8[data-size=default] {
  height: calc(var(--spacing) * 8);
}
.data-\[size\=sm\]\:h-7[data-size=sm] {
  height: calc(var(--spacing) * 7);
}
.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm] {
  border-radius: min(var(--radius-md), 10px);
}
.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size=sm] {
  --card-spacing: calc(var(--spacing) * 3);
}
.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]) {
  padding-bottom: 0px;
}
:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot=select-value] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
:is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot=select-value] {
  display: flex;
}
:is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot=select-value] {
  align-items: center;
}
:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot=select-value] {
  gap: calc(var(--spacing) * 1.5);
}
.data-\[state\=closed\]\:hidden[data-state=closed] {
  display: none;
}
.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open] {
  animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open] {
  --tw-enter-opacity: calc(0/100);
  --tw-enter-opacity: 0;
}
.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open] {
  --tw-enter-scale: calc(95*1%);
  --tw-enter-scale: .95;
}
@supports (backdrop-filter: var(--tw)) {
  .supports-backdrop-filter\:backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
    animation: spin 1.5s linear infinite;
  }
}
@media (width < 1200px) {
  .max-\[1200px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 1400px) {
  .dashboard-lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 2300px) {
  .dashboard-xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 40rem) {
  .sm\:mx-0 {
    margin-inline: 0px;
  }
  .sm\:block {
    display: block;
  }
  .sm\:w-\[26rem\] {
    width: 26rem;
  }
  .sm\:w-\[28rem\] {
    width: 28rem;
  }
  .sm\:w-\[30rem\] {
    width: 30rem;
  }
  .sm\:w-\[36rem\] {
    width: 36rem;
  }
  .sm\:w-\[40rem\] {
    width: 40rem;
  }
  .sm\:w-\[42rem\] {
    width: 42rem;
  }
  .sm\:w-\[\2026\] {
    width: \2026;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:max-w-\[425px\] {
    max-width: 425px;
  }
  .sm\:max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .sm\:max-w-sm {
    max-width: var(--container-sm);
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
}
@media (width >= 48rem) {
  .md\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .md\:text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
@media (width >= 64rem) {
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
    grid-template-columns: minmax(0, 1fr) 20rem;
  }
  .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
}
@container (width >= 720px) {
  .\@min-\[720px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container (width >= 1100px) {
  .\@min-\[1100px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.rtl\:-rotate-90:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
  rotate: calc(90deg * -1);
}
.rtl\:-rotate-270:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
  rotate: calc(270deg * -1);
}
.rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
  rotate: 180deg;
}
.dark\:border-input:is(.dark *) {
  border-color: var(--input);
}
.dark\:bg-destructive\/20:is(.dark *) {
  background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}
.dark\:bg-gray-600:is(.dark *) {
  background-color: var(--color-gray-600);
}
.dark\:bg-input\/30:is(.dark *) {
  background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:bg-input\/30:is(.dark *) {
    background-color: color-mix(in oklab, var(--input) 30%, transparent);
  }
}
@media (hover: hover) {
  .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
    background-color: var(--destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }
  .dark\:hover\:bg-input\/50:is(.dark *):hover {
    background-color: var(--input);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }
  .dark\:hover\:bg-muted\/50:is(.dark *):hover {
    background-color: var(--muted);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:hover\:bg-muted\/50:is(.dark *):hover {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
}
.dark\:disabled\:bg-input\/80:is(.dark *):disabled {
  background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
    background-color: color-mix(in oklab, var(--input) 80%, transparent);
  }
}
.dark\:data-\[matches-spartan-invalid\=true\]\:border-destructive\/50:is(.dark *)[data-matches-spartan-invalid=true] {
  border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark\:data-\[matches-spartan-invalid\=true\]\:border-destructive\/50:is(.dark *)[data-matches-spartan-invalid=true] {
    border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
  }
}
@media (pointer: coarse) {
  .pointer-coarse\:opacity-100 {
    opacity: 100%;
  }
}
.data-open\:animate-in:where([data-state=open]),
.data-open\:animate-in:where([data-open]:not([data-open=false])) {
  animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
.data-open\:fade-in-0:where([data-state=open]),
.data-open\:fade-in-0:where([data-open]:not([data-open=false])) {
  --tw-enter-opacity: calc(0/100);
  --tw-enter-opacity: 0;
}
.data-open\:zoom-in-95:where([data-state=open]),
.data-open\:zoom-in-95:where([data-open]:not([data-open=false])) {
  --tw-enter-scale: calc(95*1%);
  --tw-enter-scale: .95;
}
.data-closed\:animate-out:where([data-state=closed]),
.data-closed\:animate-out:where([data-closed]:not([data-closed=false])) {
  animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
.data-closed\:fade-out-0:where([data-state=closed]),
.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])) {
  --tw-exit-opacity: calc(0/100);
  --tw-exit-opacity: 0;
}
.data-closed\:zoom-out-95:where([data-state=closed]),
.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])) {
  --tw-exit-scale: calc(95*1%);
  --tw-exit-scale: .95;
}
.data-disabled\:pointer-events-none:where([data-disabled=true]),
.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])) {
  pointer-events: none;
}
.data-disabled\:opacity-50:where([data-disabled=true]),
.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])) {
  opacity: 50%;
}
.\[\&_ng-icon\]\:pointer-events-none ng-icon {
  pointer-events: none;
}
.\[\&_ng-icon\]\:shrink-0 ng-icon {
  flex-shrink: 0;
}
.\[\&_ng-icon\:not\(\[class\*\=\'text-\'\]\)\]\:text-\[length\:--spacing\(3\)\] ng-icon:not([class*=text-]) {
  font-size: calc(var(--spacing) * 3);
}
.\[\&_ng-icon\:not\(\[class\*\=\'text-\'\]\)\]\:text-\[length\:--spacing\(3\.5\)\] ng-icon:not([class*=text-]) {
  font-size: calc(var(--spacing) * 3.5);
}
.\[\&_ng-icon\:not\(\[class\*\=\'text-\'\]\)\]\:text-\[length\:--spacing\(4\)\] ng-icon:not([class*=text-]) {
  font-size: calc(var(--spacing) * 4);
}
.\[\.border-b\]\:pb-\(--card-spacing\):is(.border-b) {
  padding-bottom: var(--card-spacing);
}
:is(.\*\:\[a\]\:underline > *):is(a) {
  text-decoration-line: underline;
}
:is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
  text-underline-offset: 3px;
}
@media (hover: hover) {
  .\[a\]\:hover\:bg-primary\/80:is(a):hover {
    background-color: color-mix(in srgb, #1d9682 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
    }
  }
  :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
    color: var(--foreground);
  }
}
:is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
  border-top-left-radius: calc(var(--radius) * 1.4);
  border-top-right-radius: calc(var(--radius) * 1.4);
}
:is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
  border-bottom-right-radius: calc(var(--radius) * 1.4);
  border-bottom-left-radius: calc(var(--radius) * 1.4);
}
:is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
  display: flex;
}
:is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
  align-items: center;
}
:is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
  gap: calc(var(--spacing) * 2);
}
.\[\&\>a\]\:underline > a {
  text-decoration-line: underline;
}
.\[\&\>a\]\:underline-offset-4 > a {
  text-underline-offset: 4px;
}
.\[\&\>a\:hover\]\:text-primary > a:hover {
  color: var(--color-primary);
}
.\[\&\>button\+button\]\:border-s-\[1px\] > button + button {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 1px;
}
.\[\&\>button\+button\]\:border-s-border > button + button {
  border-inline-start-color: var(--hlm-border);
}
.\[\&\>sympheny-scenario-row\:nth-last-child\(-n\+1\)\>\*\]\:before\:hidden > sympheny-scenario-row:nth-last-child(-n+1) > *::before {
  content: var(--tw-content);
  display: none;
}
@container (width >= 720px) {
  .\@min-\[720px\]\:\[\&\>sympheny-scenario-row\:nth-last-child\(-n\+2\)\>\*\]\:before\:hidden > sympheny-scenario-row:nth-last-child(-n+2) > *::before {
    content: var(--tw-content);
    display: none;
  }
}
@container (width >= 1100px) {
  .\@min-\[1100px\]\:\[\&\>sympheny-scenario-row\:nth-last-child\(-n\+3\)\>\*\]\:before\:hidden > sympheny-scenario-row:nth-last-child(-n+3) > *::before {
    content: var(--tw-content);
    display: none;
  }
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
.cdk-overlay-backdrop:not(.cdk-overlay-transparent-backdrop) {
  opacity: var(--spartan-overlay-backdrop-opacity, 1);
  transition: var(--spartan-overlay-backdrop-transition, none);
}
@property --scroll-fade-t { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; }
@property --scroll-fade-b { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; }
@property --scroll-fade-s { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; }
@property --scroll-fade-e { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; }
@property --scroll-fade-mask { syntax: "*"; inherits: false; }
@property --shimmer-angle { syntax: "<angle>"; inherits: true; initial-value: 20deg; }
@property --shimmer-image { syntax: "*"; inherits: false; }
@property --shimmer-text-fill { syntax: "*"; inherits: false; }
@media (prefers-reduced-motion: reduce) {
  .shimmer {
    animation: none;
    background-image: none;
    -webkit-text-fill-color: currentColor;
  }
}
:root {
  color-scheme: light;
  --font-sans:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --radius: 0.625rem;
  --background: #ffffff;
  --foreground: #3b3b3b;
  --card: #ffffff;
  --card-foreground: #3b3b3b;
  --popover: #ffffff;
  --popover-foreground: #3b3b3b;
  --primary: #1d9682;
  --primary-foreground: #ffffff;
  --secondary: oklch(97% 0 0);
  --secondary-foreground: #3b3b3b;
  --muted: oklch(97% 0 0);
  --muted-foreground: oklch(55.6% 0 0);
  --surface-sunken: oklch(92% 0 0);
  --accent: #d2eae6;
  --accent-foreground: #115a4e;
  --destructive: #fa1e13;
  --hlm-border: oklch(92.2% 0 0);
  --input: oklch(92.2% 0 0);
  --ring: #1d9682;
  --hlm-ring-width: 2px;
  --hlm-focus-border: var(--ring);
  --hlm-ring-color: var(--ring);
  --hlm-ring-destructive: var(--destructive);
  --hlm-item-radius: 2px;
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --hlm-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --hlm-ring-destructive: color-mix( in oklab, var(--destructive) 20%, transparent );
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
  button:not(:disabled),
  [role=button]:not(:disabled) {
    cursor: pointer;
  }
  :root:has(input.theme-controller[value=light]:checked),
  [data-theme=light] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98% 0 0);
    --color-base-300: oklch(95% 0 0);
    --color-base-content: oklch(21% 0.006 285.885);
    --color-primary: oklch(45% 0.24 277.023);
    --color-primary-content: oklch(93% 0.034 272.788);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
  :root {
    --page-scroll-lock: initial;
    --page-overflow: var(--page-scroll-lock) hidden;
  }
  :root:not(span) {
    overflow: var(--page-overflow);
  }
  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
  :root,
  [data-theme] {
    background-color: var(--root-bg);
    color: var(--color-base-content);
  }
  :root {
    background-color: var(--page-scroll-bg, var(--root-bg));
  }
  :where(:root, [data-theme]) {
    --root-bg: var(--color-base-100);
  }
  @property --radialprogress { syntax: "<percentage>"; inherits: true; initial-value: 0%; }
  @property --aura-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
  :root {
    scrollbar-color: currentColor #0000;
    --page-has-backdrop: var(--page-scroll-lock) 1;
    --page-scroll-bg: var(--page-scroll-lock) var(--root-bg, #0000);
    background-image: var(--page-scroll-lock) linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000));
    transition: var(--page-scroll-lock) background-color 0.3s ease-out;
    animation: var(--page-scroll-lock) set-page-has-scroll forwards;
    animation-timeline: var(--page-scroll-lock) scroll();
    --page-has-scroll: initial;
    scrollbar-gutter: var(--page-has-scroll) var(--page-scroll-lock) stable;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --page-scroll-bg: var(--page-scroll-lock) color-mix(in srgb, var(--root-bg, #0000), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%));
    }
  }
  @keyframes set-page-has-scroll {
    0%, to {
      --page-has-scroll: ;
    }
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes aura {
  to {
    --aura-angle: 360deg;
    transform: translateZ(1px);
  }
}
@keyframes aura-glow {
  20%, 80% {
    opacity: 0.7;
    filter: blur(0.25rem);
  }
  50% {
    opacity: 1;
    filter: blur(0.75rem);
  }
}
@keyframes aura-glow-after {
  20%, 80% {
    opacity: 0.3;
    filter: blur(1rem);
  }
  50% {
    opacity: 0.6;
    filter: blur(1.5rem);
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes menu {
  0% {
    opacity: 0;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes rotator {
  89.9999%, 100% {
    --first-item-position: 0 0%;
  }
  90%, 99.9999% {
    --first-item-position: 0 calc(var(--items) * 100%);
  }
  100% {
    translate: 0 -100%;
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@layer base {
  :where(:root),
  :root:has(input.theme-controller[value=mytheme]:checked),
  [data-theme=mytheme] {
    color-scheme: normal;
    --radius-box: 1rem;
    --radius-field: 0.5rem;
    --radius-selector: 1.9rem;
    --size-field: 0.25rem;
    --size-selector: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
    --color-primary: #1d9682;
    --color-secondary: #1d9682;
    --color-accent: #67ffd8;
    --color-neutral: white;
    --color-base-100: #ffffff;
    --color-info: #266eb2;
    --color-success: #00ca00;
    --color-warning: #fdba31;
    --color-error: #fa1e13;
    --color-base-200: oklch(93% 0 0);
    --color-base-300: oklch(86% 0 0);
    --color-base-content: oklch(20% 0 0);
    --color-primary-content: oklch(12.1108% 0.020959 178.16696);
    --color-secondary-content: oklch(12.1108% 0.020959 178.16696);
    --color-accent-content: oklch(18.1611% 0.028219 173.158857);
    --color-neutral-content: oklch(20% 0 0);
    --color-info-content: oklch(90.5698% 0.025607 250.667301);
    --color-success-content: oklch(14.5391% 0.049473 142.495339);
    --color-warning-content: oklch(16.6023% 0.031833 79.930666);
    --color-error-content: oklch(12.5339% 0.049176 29.38275);
  }
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0)scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0)scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :root,
    :host {
      --shimmer-angle: 20deg;
    }
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

/* libs/ui/style/src/lib/app-overrides.scss */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer base {
  a {
    color: var(--color-primary, #1d9682);
    text-decoration-line: underline;
  }
}
.hint {
  padding-block: calc(var(--spacing, 0.25rem) * 4);
  color: var(--color-gray-light, #979797);
}
.w-full .mat-mdc-form-field,
.full-width .mat-mdc-form-field {
  width: 100%;
}
.btn:hover {
  border-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.btn-primary {
  color: var(--color-white, white);
}
.btn-primary:hover {
  background-color: var(--color-primary, #1d9682);
  color: var(--color-white, white);
  opacity: 80%;
}
.btn-circle > sympheny-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.collapse-title,
:where(.collapse > input[type=checkbox]),
:where(.collapse > input[type=radio]) {
  min-height: 3.75rem;
}
body {
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
* {
  scrollbar-color: initial;
}
.cdk-overlay-backdrop:not(.cdk-overlay-transparent-backdrop) {
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdk-overlay-backdrop-showing:not(.cdk-overlay-transparent-backdrop) {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing:not(.cdk-overlay-transparent-backdrop) {
    opacity: 0.6;
  }
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop:not(.cdk-overlay-transparent-backdrop) {
    transition-duration: 1ms;
  }
}

/* angular:styles/global:styles */