@charset "UTF-8";
.blob-btn, .tabs, .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  font-size: normal;
  font-weight: bold;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.blob-btn:disabled, .tabs:disabled, .button:disabled {
  cursor: not-allowed;
}

@font-face {
  font-family: "NanumBarunGothic";
  font-weight: 200;
  src: url(../font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.eot);
  src: url(../font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.eot?#iefix) format("embedded-opentype"), url(../font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.woff2) format("woff2"), url(../font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.woff) format("woff"), url(../font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.ttf) format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-weight: 300;
  src: url(../font/NanumBarunGothic/NanumBarunGothicLightSubset.eot);
  src: url(../font/NanumBarunGothic/NanumBarunGothicLightSubset.eot?#iefix) format("embedded-opentype"), url(../font/NanumBarunGothic/NanumBarunGothicLightSubset.woff2) format("woff2"), url(../font/NanumBarunGothic/NanumBarunGothicLightSubset.woff) format("woff"), url(../font/NanumBarunGothic/NanumBarunGothicLightSubset.ttf) format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-weight: 400;
  src: url(../font/NanumBarunGothic/NanumBarunGothicSubset.eot);
  src: url(../font/NanumBarunGothic/NanumBarunGothicSubset.eot?#iefix) format("embedded-opentype"), url(../font/NanumBarunGothic/NanumBarunGothicSubset.woff2) format("woff2"), url(../font/NanumBarunGothic/NanumBarunGothicSubset.woff) format("woff"), url(../font/NanumBarunGothic/NanumBarunGothicSubset.ttf) format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-weight: 700;
  src: url(../font/NanumBarunGothic/NanumBarunGothicBoldSubset.eot);
  src: url(../font/NanumBarunGothic/NanumBarunGothicBoldSubset.eot?#iefix) format("embedded-opentype"), url(../font/NanumBarunGothic/NanumBarunGothicBoldSubset.woff2) format("woff2"), url(../font/NanumBarunGothic/NanumBarunGothicBoldSubset.woff) format("woff"), url(../font/NanumBarunGothic/NanumBarunGothicBoldSubset.ttf) format("truetype");
}
* {
  box-sizing: border-box;
}
*::before {
  box-sizing: border-box;
}
*::after {
  box-sizing: border-box;
}

h1 {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

h2 {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

h3 {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

p {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

a {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

img {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  -ms-interpolation-mode: bicubic;
}

dl {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

dt {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

dd {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ol {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ul {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

li {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

form {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

label {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

aside {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
}

header {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
}

section {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 100%;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search]::-webkit-search-results-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=checkbox] {
  *height: 13px;
  *width: 13px;
  padding: 0;
  box-sizing: border-box;
}

input[type=radio] {
  *height: 13px;
  *width: 13px;
  padding: 0;
  box-sizing: border-box;
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
  vertical-align: baseline;
  *vertical-align: middle;
  font-size: 100%;
}

input {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  font-size: 100%;
  line-height: normal;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

select {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  font-size: 100%;
  text-transform: none;
}

[hidden] {
  display: none;
}

html {
  padding: 0;
  margin: 0;
  font-size: 14px;
}

body {
  padding: 0;
  margin: 0;
  font-family: "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.01rem;
  font-size: 1rem;
  color: #000;
  text-align: left;
  vertical-align: bottom;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.a11y-hidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  margin: -1px;
  border: 0;
  padding: 0;
}
.a11y-hidden.focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

label {
  cursor: pointer;
}

input {
  cursor: pointer;
}

button {
  -webkit-appearance: button;
}
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=button] {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset] {
  -webkit-appearance: button;
}
[type=reset]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=reset]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=submit] {
  -webkit-appearance: button;
}
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

textarea {
  overflow: auto;
  width: 100%;
}

[type=checkbox] {
  padding: 0;
}

[type=radio] {
  padding: 0;
}

[type=number]::-webkit-inner-spin-button {
  height: auto;
}
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.button:disabled:hover {
  box-shadow: none;
}

a {
  color: #0F52BA;
}
a:hover, a:focus, a:active {
  color: #1C4293;
}

.disabled {
  cursor: not-allowed !important;
  opacity: 0.8;
}

:disabled {
  cursor: not-allowed !important;
}
:disabled * {
  pointer-events: none;
}

.button.button-disabled:hover {
  box-shadow: none;
}

.color--black {
  color: #000 !important;
}
.color--primary {
  color: #0F52BA !important;
}
.color--primary-dark {
  color: #1C4293 !important;
}
.color--gray {
  color: #6F7174 !important;
}
.color--danger {
  color: #9f260b !important;
}
.color--warning {
  color: #EDBD2B !important;
}

.button {
  height: 30px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  transition: all 0.05s;
}
.button.button--block {
  width: 100%;
  height: 32px;
}

.button.button--line {
  border: 1px solid #252627;
  color: #252627;
  fill: #252627;
  background-color: #fff;
}
.button.button--line:hover, .button.button--line:focus, .button.button--line:active, .button.button--line.active {
  border: 2px solid #0F52BA;
  color: #0F52BA;
  fill: #0F52BA;
}
.button.button--solid {
  border: 1px solid #252627;
  color: #252627;
  fill: #252627;
  background-color: #d5d7da;
}
.button.button--solid:hover, .button.button--solid:focus, .button.button--solid:active, .button.button--solid.active {
  border: 2px solid #0F52BA;
  color: #0F52BA;
  fill: #0F52BA;
  background-color: #fff;
}

.button span {
  display: inline-flex;
}
.button span:last-child {
  margin-left: 4px;
}

.button-box .button--block + .button--block {
  margin-top: 8px;
}

.button-box.flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.button-box.flex button {
  flex-grow: 1;
  flex-basis: auto;
}
.button-box.flex button + button {
  margin-left: 4px;
}

.icon {
  content: "";
  display: inline-flex;
  width: 18px;
  height: 18px;
  background-image: url("../images/icons/1.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  vertical-align: middle;
}
.icon.icon--monitoring {
  background-image: url("../images/icons/monitoring.svg");
}
.icon.icon--stacks {
  background-image: url("../images/icons/stacks.svg");
}
.icon.icon--location {
  background-image: url("../images/icons/location.svg");
}
.icon.icon--chart {
  background-image: url("../images/icons/chart.svg");
}
.icon.icon--line-chart {
  background-image: url("../images/icons/line-chart.svg");
}
.icon.icon--date {
  background-image: url("../images/icons/date.svg");
}
.icon.icon--waves {
  background-image: url("../images/icons/waves.svg");
}
.icon.icon--image {
  background-image: url("../images/icons/image.svg");
}
.icon.icon--download {
  background-image: url("../images/icons/download.svg");
}
.icon.icon--left {
  background-image: url("../images/icons/left.svg");
}
.icon.icon--right {
  background-image: url("../images/icons/right.svg");
}
.icon.icon--palette {
  background-image: url("../images/icons/palette.svg");
}
.icon.icon--open {
  background-image: url("../images/icons/open.svg");
}
.icon.icon--history {
  background-image: url("../images/icons/history.svg");
}
.icon.icon--report {
  background-image: url("../images/icons/report.svg");
}
.icon.icon--search {
  background-image: url("../images/icons/search.svg");
}
.icon.icon--search.icon--color {
  background-image: url("../images/icons/search_color.svg");
}

.button:focus .icon.icon--monitoring, .button:hover .icon.icon--monitoring, .button:active .icon.icon--monitoring, .button.active .icon.icon--monitoring {
  background-image: url("../images/icons/monitoring_color.svg");
}
.button:focus .icon.icon--stacks, .button:hover .icon.icon--stacks, .button:active .icon.icon--stacks, .button.active .icon.icon--stacks {
  background-image: url("../images/icons/stacks_color.svg");
}
.button:focus .icon.icon--location, .button:hover .icon.icon--location, .button:active .icon.icon--location, .button.active .icon.icon--location {
  background-image: url("../images/icons/location_color.svg");
}
.button:focus .icon.icon--chart, .button:hover .icon.icon--chart, .button:active .icon.icon--chart, .button.active .icon.icon--chart {
  background-image: url("../images/icons/chart_color.svg");
}
.button:focus .icon.icon--line-chart, .button:hover .icon.icon--line-chart, .button:active .icon.icon--line-chart, .button.active .icon.icon--line-chart {
  background-image: url("../images/icons/line-chart_color.svg");
}
.button:focus .icon.icon--date, .button:hover .icon.icon--date, .button:active .icon.icon--date, .button.active .icon.icon--date {
  background-image: url("../images/icons/date_color.svg");
}
.button:focus .icon.icon--image, .button:hover .icon.icon--image, .button:active .icon.icon--image, .button.active .icon.icon--image {
  background-image: url("../images/icons/image_color.svg");
}
.button:focus .icon.icon--download, .button:hover .icon.icon--download, .button:active .icon.icon--download, .button.active .icon.icon--download {
  background-image: url("../images/icons/download_color.svg");
}
.button:focus .icon.icon--left, .button:hover .icon.icon--left, .button:active .icon.icon--left, .button.active .icon.icon--left {
  background-image: url("../images/icons/left_color.svg");
}
.button:focus .icon.icon--right, .button:hover .icon.icon--right, .button:active .icon.icon--right, .button.active .icon.icon--right {
  background-image: url("../images/icons/right_color.svg");
}
.button:focus .icon.icon--palette, .button:hover .icon.icon--palette, .button:active .icon.icon--palette, .button.active .icon.icon--palette {
  background-image: url("../images/icons/palette_color.svg");
}
.button:focus .icon.icon--open, .button:hover .icon.icon--open, .button:active .icon.icon--open, .button.active .icon.icon--open {
  background-image: url("../images/icons/open_color.svg");
}

.accordion-toggle:checked ~ .accordion-header .icon.icon--monitoring {
  background-image: url("../images/icons/monitoring_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--stacks {
  background-image: url("../images/icons/stacks_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--location {
  background-image: url("../images/icons/location_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--chart {
  background-image: url("../images/icons/chart_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--line-chart {
  background-image: url("../images/icons/line-chart_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--date {
  background-image: url("../images/icons/date_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--image {
  background-image: url("../images/icons/image_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--download {
  background-image: url("../images/icons/download_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--left {
  background-image: url("../images/icons/left_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--right {
  background-image: url("../images/icons/right_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--palette {
  background-image: url("../images/icons/palette_color.svg");
}
.accordion-toggle:checked ~ .accordion-header .icon.icon--open {
  background-image: url("../images/icons/open_color.svg");
}

.select {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 30px;
}
.select select {
  display: inline-block;
  width: 100%;
  height: 30px;
  padding-left: 4px;
  border: 1px solid #6F7174;
  border-radius: 4px;
  outline: 0;
  line-height: 30px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.select .select__arrow {
  position: absolute;
  top: 12px;
  right: 8px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #6F7174 transparent transparent transparent;
}
.select select:hover ~ .select .select__arrow, .select select:focus ~ .select .select__arrow {
  border-top-color: #6F7174;
}
.select select:disabled ~ .select .select__arrow {
  border-top-color: #6F7174;
}
.select::-ms-expand {
  display: none;
}
.select:hover, .select:focus {
  color: #000;
  background: #fff;
}
.select:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.range-wrapper {
  position: absolute;
  right: 64px;
  bottom: 64px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 36px;
  padding-left: 17.6px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15), -8px -8px 12px 0 rgba(255, 255, 255, 0.5);
}

.date-range-box {
  position: relative;
  width: 100%;
  /* 하단 월 라벨 */
  /* 슬라이더 트랙 */
}
.date-range-box input[type=range]::-webkit-slider-thumb {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 4px solid #fff;
  cursor: pointer;
  background-color: #000;
  -webkit-appearance: none;
          appearance: none;
  z-index: 3;
}
.date-range-box .date-tooltip {
  position: absolute;
  top: -45px;
  left: 0;
  color: #fff;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: bold;
  white-space: nowrap;
  background-color: #252627;
  visibility: hidden;
  transform: translateX(-50%);
  transition: left 0.1s linear;
  z-index: 4;
}
.date-range-box .date-tooltip::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #252627;
}
.date-range-box .tick-labels {
  width: 100%;
  height: 1em;
  position: absolute;
  bottom: -25px;
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  color: #000;
}
.date-range-box .tick-labels span {
  position: absolute;
  transform: translateX(-50%); /* 중앙 정렬 */
}
.date-range-box .tick-labels span::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 8px;
  background: #AEB1B4;
}
.date-range-box input[type=range] {
  width: 100%;
  height: 8px;
  position: relative;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #AEB1B4; /* 기본 회색, JS에서 gradient 덮음 */
  /* 주 단위 눈금선 */
}
.date-range-box input[type=range]::before {
  content: "";
  position: absolute;
  border-radius: 4px;
  inset: 0;
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0.6) 1px, transparent 1px, transparent 2.0833333333%);
  pointer-events: none;
}

input[type=radio] {
  display: none;
}
input[type=radio] + label {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-right: 8px;
  font-size: 1rem;
  line-height: 18px;
  cursor: pointer;
}
input[type=radio] + label:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -1px;
  left: 1px;
  margin-right: 8px;
  border: 1px solid #0F52BA;
  background-color: #fff;
  border-radius: 50%;
}

input[type=radio]:checked + label {
  color: #0F52BA;
  font-weight: bold;
}
input[type=radio]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #0F52BA;
}

input[type=radio]:disabled {
  pointer-events: none;
}
input[type=radio]:disabled + label {
  color: #6F7174;
}
input[type=radio]:disabled + label:before {
  border: 1px solid #AEB1B4;
  background-color: #d5d7da;
}

input[type=password],
input[type=date],
input[type=number],
input[type=email],
input[type=text] {
  display: flex;
  width: 100%;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 4px;
  border: 1px solid #6F7174;
  border-radius: 4px;
  font-size: 1rem;
  line-height: 30px;
  vertical-align: bottom;
  color: #000;
  background-clip: padding-box;
  background-color: #fff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  ime-mode: inactive;
}
input[type=password]:focus,
input[type=date]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=text]:focus {
  outline: 1px solid #0F52BA;
  color: #000;
  background-color: #fff;
}
input[type=password]:disabled,
input[type=date]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=text]:disabled {
  border: 1px solid #AEB1B4;
  color: #6F7174;
  background-color: #d5d7da;
  pointer-events: none;
}
input[type=password]:-moz-read-only, input[type=date]:-moz-read-only, input[type=number]:-moz-read-only, input[type=email]:-moz-read-only, input[type=text]:-moz-read-only {
  border: 1px solid #AEB1B4;
  background-color: #d5d7da;
  pointer-events: none;
}
input[type=password]:read-only,
input[type=date]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=text]:read-only {
  border: 1px solid #AEB1B4;
  background-color: #d5d7da;
  pointer-events: none;
}
input[type=password]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=text]::-moz-placeholder {
  opacity: 0.7;
}
input[type=password]::placeholder,
input[type=date]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=text]::placeholder {
  opacity: 0.7;
}

input[type=date] {
  position: relative;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 3px;
  width: auto;
  background-position: right;
  background-size: auto;
  cursor: pointer;
}

.item--required::before {
  content: "*";
  display: inline-block;
  position: absolute;
  left: -10px;
  color: #9f260b;
}

h1 {
  display: flex;
  align-items: center;
  position: relative;
  padding-top: 16px;
  padding-right: 18px;
  padding-bottom: 16px;
  padding-left: 18px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
}
h1.heading {
  font-size: 1.333333rem;
  font-weight: bold;
  line-height: 20px;
}

h2.heading {
  display: inline-flex;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 20px;
}

h1 span {
  display: flex;
}
h1 .title {
  margin-left: 10px;
}
h1 .icon {
  width: 24px;
  height: 24px;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: 0;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
  color: #000;
  word-wrap: break-word;
  word-break: keep-all;
  scrollbar-width: thin;
}
.table:focus {
  border: 0;
}
.table caption {
  caption-side: bottom;
  padding-top: 8px;
  text-align: center;
  font-size: 0.875rem;
  color: #6F7174;
}
.table thead tr {
  border-color: transparent;
}
.table thead th {
  height: 30px !important;
  padding-top: 7px;
  padding-right: 4px;
  padding-bottom: 5px;
  padding-left: 4px;
  border: 1px solid #AEB1B4;
  border-bottom-width: 1px;
  border-top-width: 1px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.142857rem;
  font-weight: bold;
  color: #4A4C4D;
}
.table tbody tr {
  border-left: 1px solid #AEB1B4;
  background-color: #fff;
  cursor: pointer;
}
.table tbody tr:hover, .table tbody tr:focus {
  border-left: 1px solid #0F52BA;
  color: #0F52BA;
  background-color: #F5F8FC;
}
.table tbody tr:hover td, .table tbody tr:focus td {
  font-weight: bold;
  color: #0F52BA;
  transition: 0.2s ease-in-out;
}
.table tbody tr:active, .table tbody tr.active {
  color: #0F52BA;
  background-color: #F5F8FC;
  transition: 0.2s ease-in-out;
}
.table tbody tr:active td, .table tbody tr.active td {
  font-weight: bold;
  transition: 0.2s ease-in-out;
}
.table tbody tr:active td:first-child, .table tbody tr.active td:first-child {
  border-left: 2px solid #0F52BA;
  box-sizing: border-box;
}
.table tbody td {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  border: 1px solid #AEB1B4;
  font-weight: 400;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.table tbody th {
  border: 1px solid #6F7174;
  font-weight: bold;
  color: #4A4C4D;
  background-color: #fff;
}

/* 모바일: 테이블을 카드형 UI*/
@media (max-width: 768px) {
  .table {
    border: 0;
    /* 첫 번째 TD = 정선명 */
  }
  .table thead {
    display: none; /* 헤더 숨김 */
  }
  .table tbody, .table tr, .table td {
    display: block;
    width: 100%;
  }
  .table tbody tr {
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid #AEB1B4;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }
  .table tbody td {
    border: 0;
    padding: 4px 0;
    text-align: left;
    position: relative;
    /* 항목명 라벨 붙이기 */
    /* 값 스타일 */
  }
  .table tbody td:before {
    content: attr(data-label);
    font-weight: bold;
    color: #4A4C4D;
    display: block;
    margin-bottom: 2px;
    font-size: 0.8125rem;
  }
  .table tbody td.table__rmse, .table tbody td.table__marev, .table tbody td.table__mrev {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 8px;
    margin-top: 4px;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 8px;
    padding: 6px 10px;
    margin-top: 4px;
    background-color: rgba(0, 0, 0, 0.04);
    display: inline-block;
  }
  .table tbody td:first-child {
    font-size: 1.125rem;
    font-weight: bold;
    color: #0F52BA;
    margin-bottom: 8px;
  }
  .table tbody td:first-child:before {
    display: none;
  }
}
@media (min-width: 769px) {
  .table thead th {
    border-color: #fff;
  }
  .table thead th:nth-of-type(1) {
    background-color: #d5d7da;
  }
  .table tbody td {
    border-color: #fff;
  }
  .table tbody tr td:nth-of-type(1) {
    border-color: #d5d7da;
  }
  .table thead th.table__rmse {
    background-color: #D79BEE;
  }
  .table tbody td.table__rmse {
    background-color: #EBCDF6;
  }
  .table thead th.table__marev {
    background-color: #9FBAE3;
  }
  .table tbody td.table__marev {
    background-color: #CFDCF1;
  }
  .table thead th.table__mrev {
    background-color: #E5CD6F;
  }
  .table tbody td.table__mrev {
    background-color: #F6EECF;
  }
  .table tbody tr {
    border-radius: 8px;
    overflow: hidden;
  }
}
/*!
 * Bootstrap Grid v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.page-container,
.page-container-fluid,
.page-container-xxl,
.page-container-xl,
.page-container-lg,
.page-container-md,
.page-container-sm {
  --bs-gutter-x: 16px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .page-container-sm,
  .page-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .page-container-md, .page-container-sm, .page-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .page-container-lg, .page-container-md, .page-container-sm, .page-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .page-container-xl, .page-container-lg, .page-container-md, .page-container-sm, .page-container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .page-container-xxl, .page-container-xl, .page-container-lg, .page-container-md, .page-container-sm, .page-container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 16px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
aside {
  width: 360px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: fixed;
  box-sizing: border-box;
  color: #000;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15), -8px -8px 12px 0 rgba(255, 255, 255, 0.5);
}

.aside-wrapper {
  box-sizing: border-box;
}

#toggler {
  display: none;
}

input#toggler:checked ~ aside {
  left: -360px;
}

input#toggler:checked ~ aside .sidebar-toggle {
  background-color: #0F52BA;
  background-image: url("../images/icons/left_white.svg");
}

.sidebar-toggle {
  content: "";
  width: 32px;
  height: 32px;
  display: grid;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: -32px;
  transform: translateY(-50%);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #d5d7da;
  background-image: url("../images/icons/right.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-blend-mode: normal;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.15), -8px -8px 12px 0 rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.sidebar-toggle:focus, .sidebar-toggle:hover {
  background-image: url("../images/icons/right_white.svg");
  background-color: #0F52BA;
}

.form-container {
  width: 100%;
  margin-top: 4px;
}

.form-label {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  font-weight: bold;
  color: #6F7174;
}
.form-label span {
  display: flex;
  align-items: center;
}
.form-label .icon {
  margin-right: 4px;
}
.form-label .title {
  line-height: 1;
  color: #6F7174;
}
.form-label .form-value {
  margin-left: 4px;
  color: #000;
}
.form-label .unit {
  margin-left: 2px;
}

.form-box {
  display: grid;
  grid-template-columns: 2fr 5fr 54px;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
  padding-left: 0;
}

.range-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  font-size: 0.8rem;
  font-weight: bold;
  color: #6F7174;
}

.color-map-container {
  display: none;
}

.color-map {
  width: 100%;
  height: 18px;
  border-radius: 4px;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.color-map.blue-red {
  background: linear-gradient(to right, rgb(0, 0, 255), rgb(0, 255, 255), rgb(0, 255, 0), rgb(255, 255, 0), rgb(255, 0, 0));
}
.color-map.bidiris {
  background: linear-gradient(to right, rgb(68, 1, 84), rgb(49, 104, 142), rgb(53, 183, 121), rgb(253, 231, 37));
}
.color-map.plasma {
  background: linear-gradient(to right, rgb(13, 8, 135), rgb(126, 3, 168), rgb(204, 71, 120), rgb(248, 148, 65), rgb(240, 249, 33));
}
.color-map.z {
  background: linear-gradient(to right, rgb(0, 0, 128), rgb(0, 0, 255), rgb(0, 255, 255), rgb(0, 255, 0), rgb(255, 255, 0), rgb(255, 0, 0), rgb(128, 0, 0));
}

.button-box.same--width {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 4px;
       column-gap: 4px;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: 0;
}

.after--content {
  min-height: 240px;
  max-height: -moz-max-content;
  max-height: max-content;
  display: grid;
  align-items: center;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-radius: 4px;
  border: 1px solid #AEB1B4;
  margin-top: 8px;
  margin-right: 0;
  margin-bottom: 4px;
  margin-left: 0;
  text-align: center;
  color: #4A4C4D;
  background-color: #fff;
}

.accordion-menu {
  display: block;
  width: 100%;
  padding-top: 0;
  padding-right: 8px;
  padding-bottom: 0;
  padding-left: 8px;
  margin-bottom: 16px;
  overflow-y: scroll;
}

.accordion-item {
  width: 100%;
  display: block;
}

.accordion-item + .accordion-item {
  margin-top: 8px;
}

.accordion-header {
  width: 100%;
  display: grid;
  grid-template-columns: 18px 1fr;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding-top: 14.4px;
  padding-right: 16px;
  padding-bottom: 14.4px;
  padding-left: 16px;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  background-color: #fff;
}
.accordion-header:hover, .accordion-header:focus, .accordion-header:active {
  color: #0F52BA;
  background-color: #f1f2f3;
}
.accordion-header .title {
  font-size: 1rem;
  font-weight: bold;
  color: #4A4C4D;
}
.accordion-header .title:hover {
  color: #0F52BA;
}

.accordion-toggle {
  display: none;
}

.accordion-toggle:checked ~ .accordion-header {
  color: #0F52BA;
  background-color: #f1f2f3;
}
.accordion-toggle:checked ~ .accordion-header .title {
  color: #0F52BA;
}
.accordion-toggle:checked ~ .accordion-content {
  max-height: -moz-max-content;
  max-height: max-content;
}

.accordion-content {
  width: 100%;
  max-height: 0;
  display: grid;
  padding: 0;
  border-radius: 4px;
  margin-top: 4px;
  background-color: #f1f2f3;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.list-box {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  margin-top: 4px;
  margin-right: 8px;
  margin-bottom: 4px;
  margin-left: 8px;
}
.list-box li {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin: 0;
  list-style: none;
}
.list-box li + li {
  padding-top: 12px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top: 1px solid #AEB1B4;
  margin-top: 8px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

dl {
  display: grid;
  grid-template-columns: 72px 1fr;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
}

dt {
  display: flex;
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  margin: 0;
  font-size: 0.9rem;
  font-weight: normal;
  color: #4A4C4D;
}

dd {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  margin: 0;
  font-weight: bold;
  color: #000;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.modal-content {
  width: 80%;
  max-width: 1000px;
  max-height: 800px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border: 1px solid #888;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.modal-content .heading {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.modal-content .heading .icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.close-button {
  float: right;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  font-size: 2rem;
  font-weight: bold;
  color: #4A4C4D;
  background-color: #d5d7da;
  background-image: url("../images/icons/close.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.close-button:hover, .close-button:focus {
  border: 1px solid #0F52BA;
  color: #0F52BA;
  background-image: url("../images/icons/close_color.svg");
  background-color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.tab {
  display: none;
}
.tab.active {
  display: block;
}

.tab-container {
  height: 509px;
  display: block;
  -moz-column-gap: 8px;
       column-gap: 8px;
  overflow-y: hidden;
}

.tabs {
  height: 30px;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #252627;
  border-radius: 4px;
  font-weight: bold;
  color: #252627;
  fill: #252627;
  background-color: #d5d7da;
  transition: all 0.3s;
  cursor: pointer;
}
.tabs:hover {
  padding-left: 24px;
  padding-right: 24px;
  background-color: #fff;
}
.tabs.active {
  border: 2px solid #0F52BA;
  color: #0F52BA;
  fill: #0F52BA;
  background-color: #fff;
}

.tab__wrap {
  height: 480px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  margin-top: 8px;
  background: #f1f2f3;
  overflow: hidden;
}

.tab__wrap .form-box {
  display: grid;
  grid-template-columns: 1fr 1fr 54px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.tab__wrap .form-box.has--height {
  height: 39px;
}
.tab__wrap .form-box .form-container {
  display: grid;
  grid-template-columns: 50px 1fr;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-top: 0;
}

.tab__wrap .after--content {
  height: 409px;
  justify-content: flex-start;
  justify-content: center;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  text-align: left;
  overflow: auto;
}

.container {
  display: block;
  position: relative;
  box-sizing: border-box;
  z-index: 10;
}

#map-container {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
}
#map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.animated-gradient {
  display: block;
  width: 100%;
  height: 100vh;
  transform: translate3d(0, 0, 0);
  background-color: #F5F8FC;
  background-image: radial-gradient(ellipse at 75% 37%, white 0, transparent 45%), radial-gradient(ellipse at 120% 65%, aliceblue 0, transparent 45%), radial-gradient(ellipse at -29% -11%, aquamarine 0, transparent 45%), radial-gradient(ellipse at -65% 35%, blueviolet 0, transparent 45%), linear-gradient(90deg, #0F52BA 0%, #1C4293 100%);
  background-size: 125% 200%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  animation: glow 5s infinite;
  animation-delay: 0.8s;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

@keyframes glow {
  0% {
    background-size: 125% 200%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  }
  40% {
    background-size: 300% 300%, 100% 75%, 100% 100%, 110% 80%, 100% 100%;
  }
  60% {
    background-size: 200% 200%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  }
  100% {
    background-size: 100% 175%, 150% 150%, 125% 125%, 110% 110%, 100% 100%;
  }
}
.login-page {
  min-height: 100vh;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.login-container {
  width: 480px;
  height: 450px;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 80px;
  padding-right: 80px;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.login-container .heading {
  width: 100%;
  display: grid;
  justify-content: center;
  position: relative;
  font-size: 3rem;
  line-height: 1.2rem;
  color: #000;
}
.login-container .heading::after {
  content: "";
  display: flex;
  width: 48px;
  height: 4px;
  background-color: #000;
  position: absolute;
  bottom: -8px;
  left: 44%;
}

.form-login {
  margin-top: 40px;
}
.form-login .form-group {
  margin-bottom: 16px;
}
.form-login .form-group label {
  display: flex;
  margin-bottom: 4px;
  font-size: 0.833333rem;
  font-weight: bold;
  color: #252627;
}
.form-login .form-group input[type=email],
.form-login .form-group input[type=password],
.form-login .form-group input[type=text] {
  width: 100%;
  height: 42px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  border: 0;
  border-bottom: 1px solid #AEB1B4;
  background-color: rgba(255, 255, 255, 0.8);
}
.form-login .form-group input[type=email]:focus,
.form-login .form-group input[type=password]:focus,
.form-login .form-group input[type=text]:focus {
  outline: 0;
  background-color: #fff;
}
.form-login .form-group input[type=email]:invalid:not(:focus):not(:-moz-placeholder), .form-login .form-group input[type=password]:invalid:not(:focus):not(:-moz-placeholder), .form-login .form-group input[type=text]:invalid:not(:focus):not(:-moz-placeholder) {
  color: #fff;
  background-color: #d4320f;
}
.form-login .form-group input[type=email]:invalid:not(:focus):not(:placeholder-shown),
.form-login .form-group input[type=password]:invalid:not(:focus):not(:placeholder-shown),
.form-login .form-group input[type=text]:invalid:not(:focus):not(:placeholder-shown) {
  color: #fff;
  background-color: #d4320f;
}
.form-login .form-group input[type=email]:invalid:not(:focus):not(:-moz-placeholder) + label, .form-login .form-group input[type=password]:invalid:not(:focus):not(:-moz-placeholder) + label, .form-login .form-group input[type=text]:invalid:not(:focus):not(:-moz-placeholder) + label {
  opacity: 0;
}
.form-login .form-group input[type=email]:invalid:not(:focus):not(:placeholder-shown) + label,
.form-login .form-group input[type=password]:invalid:not(:focus):not(:placeholder-shown) + label,
.form-login .form-group input[type=text]:invalid:not(:focus):not(:placeholder-shown) + label {
  opacity: 0;
}
.form-login .form-group input[type=email]:invalid:focus:not(:-moz-placeholder) ~ .requirements, .form-login .form-group input[type=password]:invalid:focus:not(:-moz-placeholder) ~ .requirements, .form-login .form-group input[type=text]:invalid:focus:not(:-moz-placeholder) ~ .requirements {
  max-height: 200px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.form-login .form-group input[type=email]:invalid:focus:not(:placeholder-shown) ~ .requirements,
.form-login .form-group input[type=password]:invalid:focus:not(:placeholder-shown) ~ .requirements,
.form-login .form-group input[type=text]:invalid:focus:not(:placeholder-shown) ~ .requirements {
  max-height: 200px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.form-login .form-group .requirements {
  max-height: 0;
  font-size: 0.833333rem;
  overflow: hidden;
  color: #d4320f;
  transition: 0.28s;
}

.buttons {
  display: block;
}

.blob-btn {
  height: 44px;
  width: 100%;
  position: relative;
  border-radius: 4px;
  border: none;
  font-weight: bold;
  font-size: 1.1rem;
  outline: none;
  color: #0F52BA;
  background-color: transparent;
  transition: color 0.5s;
  cursor: pointer;
  z-index: 1;
}
.blob-btn:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #0F52BA;
  border-radius: 4px;
  z-index: 1;
}
.blob-btn:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 3px;
  top: 3px;
  border-radius: 4px;
  transition: all 0.3s 0.2s;
  z-index: -2;
}
.blob-btn:hover {
  border-radius: 4px;
  color: #fff;
}
.blob-btn:hover:after {
  transition: all 0.3s;
  left: 0;
  top: 0;
  border-radius: 4px;
}
.blob-btn__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  z-index: -1;
}
.blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
}
.blob-btn__blob {
  position: absolute;
  top: 2px;
  width: 25%;
  height: 100%;
  border-radius: 100%;
  background: #0F52BA;
  transform: translate3d(0, 150%, 0) scale(1.7);
  transition: transform 0.45s;
}
.blob-btn__blob:nth-child(1) {
  left: 0%;
  transition-delay: 0s;
}
.blob-btn__blob:nth-child(2) {
  left: 30%;
  transition-delay: 0.08s;
}
.blob-btn__blob:nth-child(3) {
  left: 60%;
  transition-delay: 0.16s;
}
.blob-btn__blob:nth-child(4) {
  left: 90%;
  transition-delay: 0.24s;
}
.blob-btn:hover .blob-btn__blob {
  transform: translateZ(0) scale(1.7);
}

.not-exist {
  width: 100%;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.not-exist span {
  display: inline-flex;
  justify-content: center;
  justify-self: center;
  width: 128px;
  height: 128px;
}
.not-exist p {
  display: flex;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.08rem;
  text-align: center;
  color: #0F52BA;
}

@keyframes background-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-3px);
  }
}
.page-container {
  position: relative;
}
.page-container ul,
.page-container li,
.page-container dl,
.page-container dt,
.page-container dd {
  font-size: 18px;
  line-height: 1.5;
  color: #252627;
}
.page-container dl {
  display: block;
}
.page-container dl dd {
  display: block;
}

.page-container .brand {
  display: grid;
  justify-content: start;
  padding: 0;
  margin-top: 64px;
  margin-right: 0;
  margin-bottom: 64px;
  margin-left: 0;
  font-weight: bold;
  background: #fff;
  background: transparent;
}
@media (max-width: 768px) {
  .page-container .brand {
    margin-top: 32px;
    margin-right: 0;
    margin-bottom: 16px;
    margin-left: 0;
  }
}
.page-container .brand span {
  display: grid;
  line-height: 1.3;
  font-weight: bold;
  font-size: 6rem;
}
@media (max-width: 400px) {
  .page-container .brand span {
    font-size: 3.2rem;
  }
}
@media (min-width: 401px) and (max-width: 699px) {
  .page-container .brand span {
    font-size: 3.4rem;
  }
}
@media (min-width: 700px) and (max-width: 912px) {
  .page-container .brand span {
    font-size: 4rem;
  }
}
.page-container .brand span:nth-of-type(1) {
  color: #1C4293;
}
.page-container .brand span:nth-of-type(2) {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #1C4293, #4bc0c8, #0F52BA);
}
@media (max-width: 699px) {
  .page-container .brand span:nth-of-type(2) {
    max-width: 360px;
  }
}
.page-container .brand span:nth-of-type(3) {
  font-size: 2rem;
}

.page-container .link-list {
  list-style: none;
}
.page-container .link-list li {
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
}
@media (max-width: 912px) {
  .page-container .link-list {
    padding-top: 16px;
    padding-right: 0;
    padding-bottom: 32px;
    padding-left: 0;
    border-bottom: 2px solid #0F52BA;
    margin-bottom: 32px;
  }
}
.page-container .link-list a {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
  color: #6F7174;
}
.page-container .link-list a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
}
.page-container .link-list a:focus, .page-container .link-list a:hover, .page-container .link-list a:active, .page-container .link-list a.active {
  color: #0F52BA;
}
.page-container .link-list a:focus::after, .page-container .link-list a:hover::after, .page-container .link-list a:active::after, .page-container .link-list a.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0F52BA;
}

.page-container .section {
  display: grid;
  grid-template-columns: 175px 1fr;
  grid-template-areas: "number heading" "number ." "number desc";
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin-top: 96px;
  margin-right: auto;
  margin-bottom: 96px;
  margin-left: auto;
}
.page-container .section:nth-of-type(1) {
  background-color: transparent;
}
.page-container .section__number {
  grid-area: number;
}
.page-container .section__desc {
  grid-area: desc;
  background-color: rgba(255, 255, 255, 0.86);
}
.page-container .section__heading {
  grid-area: heading;
}
@media (max-width: 912px) {
  .page-container .section {
    grid-template-columns: 40px 1fr;
    grid-template-areas: "number heading" "desc desc";
    -moz-column-gap: 8px;
         column-gap: 8px;
    margin-top: 24px;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
  }
}

.page-container .section__number {
  display: flex;
  font-size: 150px;
  font-weight: bold;
  line-height: 1.2;
  color: #0F52BA;
}
@media (max-width: 912px) {
  .page-container .section__number {
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 24px;
    margin-left: 0;
    font-size: 2rem;
  }
}
.page-container .section__heading {
  margin-top: 24px;
  margin-right: 0;
  margin-bottom: 24px;
  margin-left: 0;
  font-size: 3rem;
  line-height: 1.3;
  color: #0F52BA;
}
@media (max-width: 912px) {
  .page-container .section__heading {
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 24px;
    margin-left: 0;
    font-size: 2rem;
  }
}
.page-container .section__title {
  font-weight: bold !important;
}
.page-container .section__unit {
  display: inline-flex;
  font-size: 17px;
  font-weight: bold !important;
  color: #0F52BA;
}
.page-container .section__unit + span {
  margin-left: 4px;
}
.page-container .section__desc {
  padding-top: 32px;
  padding-right: 0;
  padding-bottom: 32px;
  padding-left: 24px;
  border-top: 4px solid #0F52BA;
  border-bottom: 2px solid #0F52BA;
}
@media (max-width: 912px) {
  .page-container .section__desc {
    padding-top: 16px;
    padding-right: 0;
    padding-bottom: 16px;
    padding-left: 12px;
  }
}
@media (max-width: 768px) {
  .page-container .section__desc {
    border-top: 2px solid #0F52BA;
    border-bottom: 2px solid #0F52BA;
  }
}
.page-container .section__desc li {
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
}
.page-container .section__desc li figure {
  margin-top: 8px;
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: 0;
}
.page-container .section__desc li figure figcaption {
  padding-top: 8px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 0.875rem;
  color: #6F7174;
}
.page-container .section__desc li a {
  color: inherit;
  text-decoration: underline;
}
.page-container .section__desc li a:focus, .page-container .section__desc li a:hover, .page-container .section__desc li a:active, .page-container .section__desc li a.active {
  font-weight: bold;
  color: #0F52BA;
}
.page-container .section__desc li > dl dt {
  display: list;
  list-style: disc;
}
.page-container .section__desc li > dl dd {
  margin-left: 40px;
}
@media (max-width: 912px) {
  .page-container .section__desc li > dl dd {
    margin-left: 16px;
  }
}
.page-container .section__desc li > dl dd > span {
  display: list-item;
  list-style: disc;
}
.page-container .section__desc li > dl dd span {
  padding-top: 4px;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
  font-weight: 400;
}
.page-container .section__desc li > dl dd ul {
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 40px;
  font-weight: 400;
}
@media (max-width: 912px) {
  .page-container .section__desc li > dl dd ul {
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 16px;
  }
}
.page-container .section__desc li > dl dd ul li {
  padding: 0;
  list-style: disc;
}

.bubble-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  overflow: visible;
  z-index: -1;
  --blue: #0074D9;
  --teal: #39CCCC;
  --olive: #3D9970;
  --lime: #01FF70;
  --purple: #B10DC9;
  --maroon: #85144B;
}

.stack {
  width: 140vw;
  height: 140vh;
  position: absolute;
  top: -30vh;
  left: -20vw;
  display: grid;
  place-items: center;
  transform-origin: center;
  will-change: transform, filter;
  transition: transform 0.1s linear;
}
@media (max-width: 768px) {
  .stack {
    width: 50vw;
    height: 50vh;
    top: 9vh;
    left: 60vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .stack {
    width: 90vw;
    height: 90vh;
    top: -40vh;
    left: 33vw;
  }
}

.blobs {
  display: grid;
  grid-template-areas: "stack";
  position: relative;
  animation: spin infinite 5s linear;
  grid-area: stack;
}

.blob {
  --border-radius: 115% 140% 145% 110% / 125% 140% 110% 125%;
  --border-width: 5vmin;
  aspect-ratio: 1;
  display: block;
  grid-area: stack;
  background-size: calc(100% + var(--border-width) * 2);
  background-repeat: no-repeat;
  background-position: center;
  border: var(--border-width) solid transparent;
  border-radius: var(--border-radius, 50%);
  -webkit-mask-image: linear-gradient(transparent, transparent), linear-gradient(#000, #fff);
          mask-image: linear-gradient(transparent, transparent), linear-gradient(#000, #fff);
  -webkit-mask-clip: padding-box, border-box;
          mask-clip: padding-box, border-box;
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
  mix-blend-mode: screen;
  height: 50vmin;
  transition: filter 0.6s ease, -webkit-backdrop-filter 0.5s ease;
  transition: backdrop-filter 0.5s ease, filter 0.6s ease;
  transition: backdrop-filter 0.5s ease, filter 0.6s ease, -webkit-backdrop-filter 0.5s ease;
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  filter: brightness(1) saturate(1);
}
.blob:nth-child(1) {
  background-color: var(--blue);
  background-image: linear-gradient(var(--blue), var(--teal), var(--blue));
  rotate: 30deg;
  scale: 1.03;
}
.blob:nth-child(2) {
  background-color: #0F52BA;
  background-image: linear-gradient(#0F52BA, #6F97D6, #0F52BA);
  rotate: 60deg;
  scale: 0.95;
}
.blob:nth-child(3) {
  background-color: var(--olive);
  background-image: linear-gradient(var(--olive), var(--lime), var(--olive));
  rotate: 90deg;
  scale: 0.97;
}
.blob:nth-child(4) {
  background-color: var(--purple);
  background-image: linear-gradient(var(--purple), var(--maroon), var(--purple));
  rotate: 120deg;
  scale: 1.02;
}

.blobs.blurred {
  -webkit-backdrop-filter: blur(45px);
          backdrop-filter: blur(45px);
  filter: brightness(1.15) saturate(1.3);
}

@keyframes spin {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }  

}/*# sourceMappingURL=style.css.map */
.color-map.thermal {
  background: linear-gradient(to right, #032333 ,#052840 ,#072c4f ,#0b305f ,#143274 ,#1f3386 ,#2e3397 ,#3f339f ,#4c379e ,#573b9b ,#634197 ,#6c4594 ,#764a91 ,#814e8e ,#8a528c ,#94568a ,#a05a87 ,#aa5d83 ,#b5607f ,#bf637a ,#cb6773 ,#d56b6c ,#de7064 ,#e8765a ,#ef7d51 ,#f48549 ,#f89042 ,#fa9a3e ,#fba53c ,#fbb23c ,#fabd3e ,#f8c942 ,#f5d648 ,#f1e24d ,#edee54 ,#e7fa5a);
}
.color-map.haline {
  background: linear-gradient(to right, #29186b ,#2c1a7c ,#2e1c8e ,#2c219d ,#232ea2 ,#1a3a9f ,#12449b ,#0c4d96 ,#0c5592 ,#0f5c8f ,#15638d ,#1b698b ,#216f8a ,#277689 ,#2c7c88 ,#318288 ,#368988 ,#398f87 ,#3d9586 ,#419c85 ,#45a383 ,#4aa980 ,#4fb07d ,#57b779 ,#5fbd74 ,#69c36f ,#76c968 ,#84ce62 ,#94d35d ,#a7d75b ,#b8da5f ,#c7de67 ,#d8e273 ,#e5e67f ,#f1ea8c ,#fdee99);
}
.color-map.oxy {
  background: linear-gradient(to right, #3f0505 ,#4a0607 ,#56070a ,#62060d ,#70050f ,#7c050e ,#860b0a ,#4f4f4e ,#555554 ,#5c5b5b ,#636362 ,#6a6a69 ,#717170 ,#797878 ,#80807f ,#868685 ,#8f8e8e ,#969695 ,#9e9d9d ,#a5a5a4 ,#aeaead ,#b6b6b5 ,#bebdbc ,#c7c7c6 ,#d0d0ce ,#d9d9d7 ,#e3e3e2 ,#ececeb ,#f7fe68 ,#ebf44e ,#e9e93a ,#e8dd30 ,#e5cf28 ,#e2c422 ,#dfb81d ,#dcae19);
}
.color-map.algae {
  background: linear-gradient(to right, #d6f9cf ,#cef2c5 ,#c5ecbb ,#bce6b1 ,#b2dfa6 ,#a9d99c ,#a0d393 ,#95cd89 ,#8cc880 ,#82c278 ,#76bc6f ,#6cb767 ,#60b260 ,#52ad5a ,#43a855 ,#34a352 ,#239d51 ,#179750 ,#0d914f ,#088a4e ,#06834c ,#097d4a ,#0c7748 ,#106f45 ,#136942 ,#15633f ,#175c3b ,#195638 ,#195034 ,#19492f ,#19432b ,#183d27 ,#173622 ,#15301d ,#132a19 ,#112414);
}
.color-map.viridis {
  background: linear-gradient(to right, #440154 ,#460b5e ,#471567 ,#481e70 ,#472878 ,#46317e ,#433a83 ,#404387 ,#3d4b89 ,#3a538b ,#365b8c ,#32628d ,#2f698d ,#2c718e ,#29788e ,#277e8e ,#24868d ,#218c8d ,#1f938b ,#1e998a ,#1fa187 ,#22a784 ,#28ae7f ,#32b57a ,#3dbb74 ,#49c16d ,#59c764 ,#69cc5b ,#79d151 ,#8dd644 ,#9fd938 ,#b2dd2c ,#c7e01f ,#dae218 ,#ece41a ,#fde724);
}
.color-map.inferno {
  background: linear-gradient(to right, #000003 ,#020210 ,#08061f ,#10092f ,#1c0c43 ,#270b52 ,#34095f ,#410967 ,#4d0c6b ,#58106d ,#65156e ,#70196e ,#7b1d6c ,#88216a ,#932567 ,#9e2963 ,#ab2e5d ,#b53357 ,#bf3951 ,#c93f4a ,#d44841 ,#dc5039 ,#e45a31 ,#eb6527 ,#f0701e ,#f57c15 ,#f88a0b ,#fa9706 ,#fba40a ,#fbb318 ,#fac128 ,#f7cf3a ,#f3de52 ,#f1eb6c ,#f3f689 ,#fcfea4);
}
.color-map.rainbow {
  background: linear-gradient(to right, #7f00ff ,#7115fe ,#632bfe ,#5541fc ,#4559fa ,#376df8 ,#2980f6 ,#1995f2 ,#0ba7ee ,#02b7ea ,#12c7e5 ,#20d4e0 ,#2edfdb ,#3eead4 ,#4cf2ce ,#5af8c7 ,#6afcbf ,#78feb8 ,#86feb0 ,#94fca8 ,#a4f89e ,#b2f295 ,#c0ea8c ,#d0df82 ,#ded478 ,#ecc76e ,#fcb763 ,#ffa759 ,#ff954e ,#ff8042 ,#ff6d38 ,#ff592d ,#ff4120 ,#ff2b15 ,#ff150a ,#ff0000);
}
.color-map.z {
  background: linear-gradient(to right, rgb(0, 0, 128), rgb(0, 0, 255), rgb(0, 255, 255), rgb(0, 255, 0), rgb(255, 255, 0), rgb(255, 0, 0), rgb(128, 0, 0));
}
.color-map.jet {
  background: linear-gradient(to right, #000080, #0000a0, #0000c0, #0000e0, #0000ff, #0020ff, #0040ff, #0060ff, #0080ff, #00a0ff, #00c0ff, #00e0ff, #00ffff, #00ffe0, #00ffc0, #00ffa0, #00ff80, #20ff60, #40ff40, #60ff20, #80ff00, #a0ff00, #c0ff00, #e0ff00, #ffff00, #ffe000, #ffc000, #ffa000, #ff8000, #ff6000, #ff4000, #ff2000, #ff0000, #e00000, #c00000, #a00000);
}


.color-map.algae_0_30 {
    background: linear-gradient(to right, #d7f9d0,#d2f5ca,#cdf2c4,#c8eebe,#c2eab7,#bde6b1,#b8e3ac,#b2dfa6,#acdba0,#a7d89a,#a2d595,#9dd190,#96cd8a,#91ca85,#8bc780,#84c47a,#7ec175,#78be71,#72bb6c,#6bb767,#64b463,#5db25f,#56af5c,#4cab58,#44a855,#3ba654,#32a352,#289f51,#209c51,#199851,#129450,#0d904f,#098d4f,#07894e,#07854d,#08814c,#097d4b,#0b7a49,#0e7548,#107246,#126e45,#136a43,#156641,#16623f,#175f3d,#185b3b,#195739,#195437,#1a5034,#1a4c32,#1a482f,#1a452d,#19412b,#193d27,#183a25,#173622,#173320,#152f1c,#142b1a,#132817,#122414);
    }

.color-map.algae_0_20 {
    background: linear-gradient(to right, #d7f9d0,#cff4c7,#c8eebe,#bfe8b4,#b8e3ac,#afdda2,#a7d89a,#9fd392,#96cd8a,#8ec982,#84c47a,#7bbf73,#72bb6c,#67b665,#5db25f,#50ad59,#44a855,#37a453,#289f51,#1c9a51,#129450,#0b8f4f,#07894e,#07834c,#097d4b,#0d7748,#107246,#126c44,#156641,#17613e,#185b3b,#195538,#1a5034,#1a4a30,#1a452d,#193f29,#183a25,#173521,#152f1c,#142918,#122414);
    }

.color-map.algae_0_15 {
    background: linear-gradient(to right, #d7f9d0,#cdf2c4,#c2eab7,#b8e3ac,#acdba0,#a2d595,#96cd8a,#8bc780,#7ec175,#72bb6c,#64b463,#56af5c,#44a855,#32a352,#209c51,#129450,#098d4f,#07854d,#097d4b,#0e7548,#126e45,#156641,#175f3d,#195739,#1a5034,#1a482f,#19412b,#183a25,#173320,#142b1a,#122414);
    }

.color-map.algae_0_10 {
    background: linear-gradient(to right, #d7f9d0,#d4f7cd,#d1f4c8,#cef3c5,#caf0c1,#c8eebe,#c4ebba,#c2eab7,#bee7b3,#bae4af,#b8e3ac,#b4e0a8,#b1dea5,#addca1,#abda9e,#a7d89a,#a4d698,#a0d494,#9dd190,#9ad08d,#96cd8a,#93cc87,#8fca83,#8cc881,#88c67d,#84c47a,#81c277,#7dc074,#7abe72,#75bc6e,#72bb6c,#6eb969,#6bb767,#66b564,#61b361,#5db25f,#58af5d,#54ae5b,#4eac59,#4aab57,#44a855,#3fa754,#39a553,#32a352,#2ea152,#289f51,#249d51,#1e9b51,#1b9951,#169650,#129450,#0f9250,#0c8f4f,#0a8e4f,#088b4e,#07894e,#07864d,#07854d,#07824c,#087f4b,#097d4b,#0b7b4a,#0c7949,#0d7648,#0e7447,#107246,#117045,#126d44,#136a43,#146942,#156641,#166440,#17623f,#17603e,#185d3c,#185b3b,#19593a,#195638,#195437,#1a5235,#1a5034,#1a4d33,#1a4c32,#1a4930,#1a472e,#1a452d,#19422b,#19402a,#193e28,#193c27,#183a25,#183824,#173522,#173320,#16311e,#152f1c,#152d1b,#142a19,#132918,#122616,#122414);
    }

.color-map.algae_0_5 {
    background: linear-gradient(to right, #d7f9d0,#d1f4c8,#caf0c1,#c4ebba,#bee7b3,#b8e3ac,#b1dea5,#abda9e,#a4d698,#9dd190,#96cd8a,#8fca83,#88c67d,#81c277,#7abe72,#72bb6c,#6bb767,#61b361,#58af5d,#4eac59,#44a855,#39a553,#2ea152,#249d51,#1b9951,#129450,#0c8f4f,#088b4e,#07864d,#07824c,#097d4b,#0c7949,#0e7447,#117045,#136a43,#156641,#17623f,#185d3c,#19593a,#195437,#1a5034,#1a4c32,#1a472e,#19422b,#193e28,#183a25,#173522,#16311e,#152d1b,#132918,#122414);
    }

.color-map.algae_0_2 {
    background: linear-gradient(to right, #d7f9d0,#cff4c7,#c8eebe,#bfe8b4,#b8e3ac,#afdda2,#a7d89a,#9fd392,#96cd8a,#8ec982,#84c47a,#7bbf73,#72bb6c,#67b665,#5db25f,#50ad59,#44a855,#37a453,#289f51,#1c9a51,#129450,#0b8f4f,#07894e,#07834c,#097d4b,#0d7748,#107246,#126c44,#156641,#17613e,#185b3b,#195538,#1a5034,#1a4a30,#1a452d,#193f29,#183a25,#173521,#152f1c,#142918,#122414);
    }

.color-map.haline_0_30 {
    background: linear-gradient(to right, #2a186c,#2b1975,#2d1a7f,#2e1c89,#2e1e95,#2d219d,#2927a2,#242ea3,#1d37a1,#183d9e,#14439c,#104899,#0d4e96,#0c5294,#0d5692,#0f5b90,#125f8f,#15638e,#18668c,#1d6b8b,#206e8b,#23718a,#26758a,#2a7989,#2d7c89,#2f8089,#328388,#358888,#378b88,#398f88,#3c9387,#3e9787,#409a86,#429e85,#45a384,#48a682,#4aaa81,#4dae7f,#51b27d,#55b67b,#5ab978,#5ebd75,#65c172,#6bc46e,#71c86b,#7acb67,#82ce63,#8bd160,#94d35d,#a0d65c,#aad85c,#b4da5e,#bddc62,#c8de67,#d0e06d,#d8e273,#e0e57a,#e9e783,#f0ea8a,#f7ec92,#fdef9a);
    }

.color-map.haline_0_20 {
    background: linear-gradient(to right, #2a186c,#2c1a7a,#2e1c89,#2e1f9a,#2927a2,#2034a2,#183d9e,#12459b,#0d4e96,#0c5493,#0f5b90,#14618e,#18668c,#1e6c8b,#23718a,#297789,#2d7c89,#318289,#358888,#388d88,#3c9387,#3f9986,#429e85,#46a483,#4aaa81,#50b07e,#55b67b,#5cbb77,#65c172,#6ec66d,#7acb67,#86d062,#94d35d,#a5d75c,#b4da5e,#c4dd65,#d0e06d,#dce377,#e9e783,#f3eb8e,#fdef9a);
    }

.color-map.haline_0_15 {
    background: linear-gradient(to right, #2a186c,#2d1a7f,#2e1e95,#2927a2,#1d37a1,#14439c,#0d4e96,#0d5692,#125f8f,#18668c,#206e8b,#26758a,#2d7c89,#328388,#378b88,#3c9387,#409a86,#45a384,#4aaa81,#51b27d,#5ab978,#65c172,#71c86b,#82ce63,#94d35d,#aad85c,#bddc62,#d0e06d,#e0e57a,#f0ea8a,#fdef9a);
    }

.color-map.haline_0_10 {
    background: linear-gradient(to right, #2a186c,#2a1971,#2c1a78,#2d1a7d,#2e1b84,#2e1c89,#2e1d91,#2e1e95,#2d209c,#2b24a0,#2927a2,#252da3,#2230a3,#1e35a1,#1c39a0,#183d9e,#16409d,#13449b,#104899,#0f4a98,#0d4e96,#0c5095,#0c5394,#0d5593,#0e5891,#0f5b90,#115d8f,#13608e,#14628e,#17648d,#18668c,#1b698c,#1d6b8b,#1f6d8b,#22708a,#23718a,#26748a,#27768a,#297889,#2b7a89,#2d7c89,#2e7e89,#308189,#328388,#338588,#358888,#368988,#388c88,#398e88,#3a9087,#3c9387,#3d9587,#3e9886,#3f9986,#419c85,#429e85,#44a184,#45a384,#47a583,#49a882,#4aaa81,#4cad80,#4eae7f,#51b17d,#52b37c,#55b67b,#57b879,#5bba77,#5ebd75,#61bf74,#65c172,#68c370,#6cc56e,#70c76c,#75c969,#7acb67,#7ecd65,#84cf62,#89d061,#8fd25f,#94d35d,#9bd55c,#a0d65c,#a8d85c,#afd95d,#b4da5e,#bbdb61,#bfdc63,#c6de66,#cadf69,#d0e06d,#d4e170,#dae375,#e0e57a,#e3e67e,#e9e783,#ece987,#f2ea8c,#f5ec90,#faee96,#fdef9a);
    }

.color-map.haline_0_5 {
    background: linear-gradient(to right, #2a186c,#2c1a78,#2e1b84,#2e1d91,#2d209c,#2927a2,#2230a3,#1c39a0,#16409d,#104899,#0d4e96,#0c5394,#0e5891,#115d8f,#14628e,#18668c,#1d6b8b,#22708a,#26748a,#297889,#2d7c89,#308189,#338588,#368988,#398e88,#3c9387,#3e9886,#419c85,#44a184,#47a583,#4aaa81,#4eae7f,#52b37c,#57b879,#5ebd75,#65c172,#6cc56e,#75c969,#7ecd65,#89d061,#94d35d,#a0d65c,#afd95d,#bbdb61,#c6de66,#d0e06d,#dae375,#e3e67e,#ece987,#f5ec90,#fdef9a);
    }

.color-map.haline_0_2 {
    background: linear-gradient(to right, #2a186c,#2c1a7a,#2e1c89,#2e1f9a,#2927a2,#2034a2,#183d9e,#12459b,#0d4e96,#0c5493,#0f5b90,#14618e,#18668c,#1e6c8b,#23718a,#297789,#2d7c89,#318289,#358888,#388d88,#3c9387,#3f9986,#429e85,#46a483,#4aaa81,#50b07e,#55b67b,#5cbb77,#65c172,#6ec66d,#7acb67,#86d062,#94d35d,#a5d75c,#b4da5e,#c4dd65,#d0e06d,#dce377,#e9e783,#f3eb8e,#fdef9a);
    }

.color-map.oxy_0_30 {
    background: linear-gradient(to right, #400505,#470607,#4d0708,#54070a,#5c070c,#63070e,#6a060f,#71060f,#79050f,#7f060d,#850a0b,#8a1109,#504f4f,#535353,#575756,#5c5b5b,#5f5f5e,#636362,#676666,#6b6b6a,#6f6f6e,#737372,#777776,#7c7b7b,#81807f,#858483,#898887,#8d8d8c,#929190,#969595,#9b9a9a,#9f9f9e,#a3a3a2,#a8a7a7,#adadac,#b1b1b0,#b7b7b6,#bbbbba,#c1c1c0,#c6c5c4,#cbcac9,#cfcfce,#d5d5d4,#dadad9,#dfdfde,#e6e5e4,#ebebe9,#f0f0ef,#f8fe69,#f0f95a,#ebf34b,#eaed3e,#e9e637,#e8dd30,#e7d72c,#e6d028,#e4c925,#e2c221,#e0bb1f,#dfb51c,#ddaf19);
    }

.color-map.oxy_0_20 {
    background: linear-gradient(to right, #400505,#490607,#54070a,#5f070d,#6a060f,#76050f,#7f060d,#880e0a,#504f4f,#555454,#5c5b5b,#616060,#676666,#6e6d6d,#737372,#7a7a79,#81807f,#868685,#8d8d8c,#939392,#9b9a9a,#a2a1a0,#a8a7a7,#b0afae,#b7b7b6,#bebebd,#c6c5c4,#cccccb,#d5d5d4,#dddddc,#e6e5e4,#eeeeec,#f8fe69,#eef754,#eaed3e,#e9e032,#e7d72c,#e5cc26,#e2c221,#dfb81d,#ddaf19);
    }

.color-map.oxy_0_15 {
    background: linear-gradient(to right, #400505,#4d0708,#5c070c,#6a060f,#79050f,#850a0b,#504f4f,#575756,#5f5f5e,#676666,#6f6f6e,#777776,#81807f,#898887,#929190,#9b9a9a,#a3a3a2,#adadac,#b7b7b6,#c1c1c0,#cbcac9,#d5d5d4,#dfdfde,#ebebe9,#f8fe69,#ebf34b,#e9e637,#e7d72c,#e4c925,#e0bb1f,#ddaf19);
    }

.color-map.oxy_0_10 {
    background: linear-gradient(to right, #400505,#430606,#480607,#4b0608,#500709,#54070a,#58070b,#5c070c,#62070d,#66070e,#6a060f,#6f060f,#72060f,#78050f,#7a050f,#7f060d,#83080c,#860c0b,#8a1109,#8d1508,#504f4f,#515150,#545453,#565555,#595858,#5c5b5b,#5d5d5c,#60605f,#626261,#656464,#676666,#6a6969,#6b6b6a,#6f6e6e,#727171,#737372,#767675,#787777,#7b7b7a,#7d7d7c,#81807f,#828281,#858584,#898887,#8a8a89,#8d8d8c,#8f8f8e,#929291,#959594,#979796,#9b9a9a,#9d9d9c,#a0a09f,#a3a2a1,#a6a6a5,#a8a7a7,#ababaa,#adadac,#b1b0af,#b4b4b3,#b7b7b6,#bab9b8,#bcbcbb,#c0c0bf,#c2c2c1,#c6c5c4,#c8c7c6,#cccbca,#cfcfce,#d1d1d0,#d5d5d4,#d8d8d7,#dbdbda,#dededd,#e2e2e1,#e6e5e4,#e9e8e7,#ededeb,#efefee,#f3f3f2,#f8fe69,#f4fc62,#f0f95a,#ecf54e,#eaf145,#eaed3e,#eae738,#e9e436,#e8df31,#e8dc30,#e7d72c,#e6d32a,#e5cf28,#e4c925,#e3c623,#e2c221,#e1be20,#e0b91e,#dfb61d,#ddb11a,#ddaf19);
    }

.color-map.oxy_0_5 {
    background: linear-gradient(to right, #400505,#480607,#500709,#58070b,#62070d,#6a060f,#72060f,#7a050f,#83080c,#8a1109,#504f4f,#545453,#595858,#5d5d5c,#626261,#676666,#6b6b6a,#727171,#767675,#7b7b7a,#81807f,#858584,#8a8a89,#8f8f8e,#959594,#9b9a9a,#a0a09f,#a6a6a5,#ababaa,#b1b0af,#b7b7b6,#bcbcbb,#c2c2c1,#c8c7c6,#cfcfce,#d5d5d4,#dbdbda,#e2e2e1,#e9e8e7,#efefee,#f8fe69,#f0f95a,#eaf145,#eae738,#e8df31,#e7d72c,#e5cf28,#e3c623,#e1be20,#dfb61d,#ddaf19);
    }

.color-map.oxy_0_2 {
    background: linear-gradient(to right, #400505,#490607,#54070a,#5f070d,#6a060f,#76050f,#7f060d,#880e0a,#504f4f,#555454,#5c5b5b,#616060,#676666,#6e6d6d,#737372,#7a7a79,#81807f,#868685,#8d8d8c,#939392,#9b9a9a,#a2a1a0,#a8a7a7,#b0afae,#b7b7b6,#bebebd,#c6c5c4,#cccccb,#d5d5d4,#dddddc,#e6e5e4,#eeeeec,#f8fe69,#eef754,#eaed3e,#e9e032,#e7d72c,#e5cc26,#e2c221,#dfb81d,#ddaf19);
    }

.color-map.thermal_0_30 {
    background: linear-gradient(to right, #042333,#05263b,#052943,#072b4b,#092e56,#0c3060,#0f326a,#143374,#1c3482,#23348c,#2c3395,#35339c,#40349f,#4736a0,#4e389e,#563b9c,#5c3e9a,#624198,#674396,#6e4794,#744992,#794b91,#7e4e90,#85518e,#8b538d,#90558b,#96578a,#9d5988,#a35b86,#a95d84,#b15f82,#b7617f,#bd637c,#c36579,#ca6774,#d06970,#d66c6c,#db6e68,#e17262,#e6755d,#eb7958,#ee7d53,#f3824d,#f58749,#f78c45,#f99341,#fb993f,#fb9f3d,#fca63c,#fcae3c,#fbb43d,#fbbb3e,#fac140,#f8c943,#f7d045,#f5d748,#f3dd4b,#f1e650,#eeed53,#ebf457,#e8fa5b);
    }

.color-map.thermal_0_20 {
    background: linear-gradient(to right, #042333,#05273f,#072b4b,#0a2f5b,#0f326a,#19337c,#23348c,#303399,#40349f,#4b379f,#563b9c,#5f3f99,#674396,#714893,#794b91,#83508f,#8b538d,#93568b,#9d5988,#a65c86,#b15f82,#ba627e,#c36579,#cd6872,#d66c6c,#df7064,#e6755d,#ed7a55,#f3824d,#f68a47,#f99341,#fb9c3e,#fca63c,#fcb13c,#fbbb3e,#f9c641,#f7d045,#f4da4a,#f1e650,#edf055,#e8fa5b);
    }

.color-map.thermal_0_15 {
    background: linear-gradient(to right, #042333,#052943,#092e56,#0f326a,#1c3482,#2c3395,#40349f,#4e389e,#5c3e9a,#674396,#744992,#7e4e90,#8b538d,#96578a,#a35b86,#b15f82,#bd637c,#ca6774,#d66c6c,#e17262,#eb7958,#f3824d,#f78c45,#fb993f,#fca63c,#fbb43d,#fac140,#f7d045,#f3dd4b,#eeed53,#e8fa5b);
    }

.color-map.thermal_0_10 {
    background: linear-gradient(to right, #042333,#042537,#05273d,#052841,#062a47,#072b4b,#082d52,#092e56,#0b305d,#0d3165,#0f326a,#133372,#163377,#1a347f,#1e3484,#23348c,#273491,#2e3397,#35339c,#39339e,#40349f,#4435a0,#49369f,#4d379f,#52399d,#563b9c,#593d9b,#5e3f9a,#604099,#654297,#674396,#6c4595,#6e4794,#724893,#764a92,#794b91,#7d4d90,#804e8f,#84508e,#87518e,#8b538d,#8e548c,#92558b,#96578a,#995889,#9d5988,#a05a87,#a55c86,#a85d85,#ac5e83,#b15f82,#b46080,#b8627e,#bb627d,#c0647b,#c36579,#c76676,#ca6774,#ce6971,#d36a6e,#d66c6c,#da6e69,#dc6f66,#e07163,#e37260,#e6755d,#e8775a,#ec7956,#ee7d53,#f07f50,#f3824d,#f4854b,#f68848,#f78b46,#f88f43,#f99341,#fa9640,#fb9b3e,#fb9e3e,#fca33d,#fca63c,#fcaa3c,#fcae3c,#fbb23d,#fbb73d,#fbbb3e,#fabf3f,#fac340,#f9c842,#f8cb43,#f7d045,#f6d347,#f5d849,#f3dd4b,#f2e14d,#f1e650,#efe951,#edee54,#ecf256,#eaf759,#e8fa5b);
    }

.color-map.thermal_0_5 {
    background: linear-gradient(to right, #042333,#05273d,#062a47,#082d52,#0b305d,#0f326a,#163377,#1e3484,#273491,#35339c,#40349f,#49369f,#52399d,#593d9b,#604099,#674396,#6e4794,#764a92,#7d4d90,#84508e,#8b538d,#92558b,#995889,#a05a87,#a85d85,#b15f82,#b8627e,#c0647b,#c76676,#ce6971,#d66c6c,#dc6f66,#e37260,#e8775a,#ee7d53,#f3824d,#f68848,#f88f43,#fa9640,#fb9e3e,#fca63c,#fcae3c,#fbb73d,#fabf3f,#f9c842,#f7d045,#f5d849,#f2e14d,#efe951,#ecf256,#e8fa5b);
    }

.color-map.thermal_0_2 {
    background: linear-gradient(to right, #042333,#05273f,#072b4b,#0a2f5b,#0f326a,#19337c,#23348c,#303399,#40349f,#4b379f,#563b9c,#5f3f99,#674396,#714893,#794b91,#83508f,#8b538d,#93568b,#9d5988,#a65c86,#b15f82,#ba627e,#c36579,#cd6872,#d66c6c,#df7064,#e6755d,#ed7a55,#f3824d,#f68a47,#f99341,#fb9c3e,#fca63c,#fcb13c,#fbbb3e,#f9c641,#f7d045,#f4da4a,#f1e650,#edf055,#e8fa5b);
    }

.color-map.inferno_0_30 {
    background: linear-gradient(to right, #000004,#02010a,#040312,#07051b,#0c0826,#110a30,#160b39,#1c0c43,#240c4f,#2b0b57,#320a5e,#390963,#420a68,#490b6a,#4f0d6c,#57106e,#5d126e,#64156e,#6a176e,#721a6e,#781c6d,#7f1e6c,#85216b,#8d2369,#932667,#9a2865,#a02a63,#a82e5f,#ae305c,#b43359,#bc3754,#c13a50,#c73e4c,#cc4248,#d34743,#d84c3e,#dd513a,#e15635,#e65d2f,#ea632a,#ed6925,#f06f20,#f37819,#f67e14,#f8850f,#f98e09,#fb9606,#fb9d07,#fca50a,#fcae12,#fbb61a,#fbbe23,#fac62d,#f8cf3a,#f6d746,#f4df53,#f2e661,#f1ef75,#f3f586,#f6fa96,#fcffa4);
    }

.color-map.inferno_0_20 {
    background: linear-gradient(to right, #000004,#02020e,#07051b,#0e092b,#160b39,#210c4a,#2b0b57,#360961,#420a68,#4c0c6b,#57106e,#61136e,#6a176e,#751b6e,#7f1e6c,#8a226a,#932667,#9d2964,#a82e5f,#b1325a,#bc3754,#c43c4e,#cc4248,#d54a41,#dd513a,#e45a31,#ea632a,#ef6c23,#f37819,#f78212,#f98e09,#fb9906,#fca50a,#fcb216,#fbbe23,#f9cb35,#f6d746,#f3e35a,#f1ef75,#f4f88e,#fcffa4);
    }

.color-map.inferno_0_15 {
    background: linear-gradient(to right, #000004,#040312,#0c0826,#160b39,#240c4f,#320a5e,#420a68,#4f0d6c,#5d126e,#6a176e,#781c6d,#85216b,#932667,#a02a63,#ae305c,#bc3754,#c73e4c,#d34743,#dd513a,#e65d2f,#ed6925,#f37819,#f8850f,#fb9606,#fca50a,#fbb61a,#fac62d,#f6d746,#f2e661,#f3f586,#fcffa4);
    }

.color-map.inferno_0_10 {
    background: linear-gradient(to right, #000004,#010106,#02020c,#030210,#050417,#07051b,#0a0722,#0c0826,#10092d,#140b34,#160b39,#1b0c41,#1e0c45,#230c4c,#260c51,#2b0b57,#2f0a5b,#340a5f,#390963,#3d0965,#420a68,#450a69,#4a0c6b,#4d0d6c,#520e6d,#57106e,#5a116e,#5f136e,#62146e,#67166e,#6a176e,#6f196e,#721a6e,#771c6d,#7c1d6d,#7f1e6c,#84206b,#87216b,#8c2369,#8f2469,#932667,#972766,#9b2964,#a02a63,#a32c61,#a82e5f,#ab2f5e,#b0315b,#b3325a,#b73557,#bc3754,#bf3952,#c33b4f,#c63d4d,#ca404a,#cc4248,#d04545,#d34743,#d74b3f,#da4e3c,#dd513a,#e05536,#e25734,#e55c30,#e75e2e,#ea632a,#eb6628,#ee6a24,#f06f20,#f1731d,#f37819,#f57b17,#f68013,#f78410,#f8890c,#f98e09,#fa9207,#fb9706,#fb9b06,#fca108,#fca50a,#fcaa0f,#fcae12,#fcb418,#fbba1f,#fbbe23,#fac42a,#f9c72f,#f8cd37,#f7d13d,#f6d746,#f5db4c,#f4e156,#f2e661,#f2ea69,#f1ef75,#f2f27d,#f3f68a,#f5f992,#f9fc9d,#fcffa4);
    }

.color-map.inferno_0_5 {
    background: linear-gradient(to right, #000004,#02020c,#050417,#0a0722,#10092d,#160b39,#1e0c45,#260c51,#2f0a5b,#390963,#420a68,#4a0c6b,#520e6d,#5a116e,#62146e,#6a176e,#721a6e,#7c1d6d,#84206b,#8c2369,#932667,#9b2964,#a32c61,#ab2f5e,#b3325a,#bc3754,#c33b4f,#ca404a,#d04545,#d74b3f,#dd513a,#e25734,#e75e2e,#eb6628,#f06f20,#f37819,#f68013,#f8890c,#fa9207,#fb9b06,#fca50a,#fcae12,#fbba1f,#fac42a,#f8cd37,#f6d746,#f4e156,#f2ea69,#f2f27d,#f5f992,#fcffa4);
    }

.color-map.inferno_0_2 {
    background: linear-gradient(to right, #000004,#02020e,#07051b,#0e092b,#160b39,#210c4a,#2b0b57,#360961,#420a68,#4c0c6b,#57106e,#61136e,#6a176e,#751b6e,#7f1e6c,#8a226a,#932667,#9d2964,#a82e5f,#b1325a,#bc3754,#c43c4e,#cc4248,#d54a41,#dd513a,#e45a31,#ea632a,#ef6c23,#f37819,#f78212,#f98e09,#fb9906,#fca50a,#fcb216,#fbbe23,#f9cb35,#f6d746,#f3e35a,#f1ef75,#f4f88e,#fcffa4);
    }

.color-map.jet_0_30 {
    background: linear-gradient(to right, #000080,#000092,#0000a4,#0000b6,#0000cd,#0000df,#0000f1,#0000ff,#0008ff,#0018ff,#0028ff,#0038ff,#004cff,#005cff,#006cff,#0080ff,#0090ff,#00a0ff,#00b0ff,#00c4ff,#00d4ff,#00e4f8,#0cf4eb,#1cffdb,#29ffce,#36ffc1,#43ffb4,#53ffa4,#60ff97,#6dff8a,#7dff7a,#8aff6d,#97ff60,#a4ff53,#b4ff43,#c1ff36,#ceff29,#dbff1c,#ebff0c,#f8f500,#ffe600,#ffd700,#ffc400,#ffb600,#ffa700,#ff9400,#ff8600,#ff7700,#ff6800,#ff5500,#ff4700,#ff3800,#ff2900,#ff1600,#f10800,#df0000,#cd0000,#b60000,#a40000,#920000,#800000);
    }

.color-map.jet_0_20 {
    background: linear-gradient(to right, #000080,#00009b,#0000b6,#0000d6,#0000f1,#0000ff,#0018ff,#0030ff,#004cff,#0064ff,#0080ff,#0098ff,#00b0ff,#00ccff,#00e4f8,#16ffe1,#29ffce,#3cffba,#53ffa4,#66ff90,#7dff7a,#90ff66,#a4ff53,#baff3c,#ceff29,#e4ff13,#f8f500,#ffde00,#ffc400,#ffae00,#ff9400,#ff7e00,#ff6800,#ff4e00,#ff3800,#ff1e00,#f10800,#d60000,#b60000,#9b0000,#800000);
    }

.color-map.jet_0_15 {
    background: linear-gradient(to right, #000080,#0000a4,#0000cd,#0000f1,#0008ff,#0028ff,#004cff,#006cff,#0090ff,#00b0ff,#00d4ff,#0cf4eb,#29ffce,#43ffb4,#60ff97,#7dff7a,#97ff60,#b4ff43,#ceff29,#ebff0c,#ffe600,#ffc400,#ffa700,#ff8600,#ff6800,#ff4700,#ff2900,#f10800,#cd0000,#a40000,#800000);
    }

.color-map.jet_0_10 {
    background: linear-gradient(to right, #000080,#000089,#000096,#00009f,#0000ad,#0000b6,#0000c4,#0000cd,#0000da,#0000e8,#0000f1,#0000ff,#0000ff,#0004ff,#000cff,#0018ff,#0020ff,#002cff,#0038ff,#0040ff,#004cff,#0054ff,#0060ff,#0068ff,#0074ff,#0080ff,#0088ff,#0094ff,#009cff,#00a8ff,#00b0ff,#00bcff,#00c4ff,#00d0ff,#00dcfe,#00e4f8,#09f0ee,#0ff8e7,#19ffde,#1fffd7,#29ffce,#30ffc7,#39ffbe,#43ffb4,#49ffad,#53ffa4,#5aff9d,#63ff94,#6aff8d,#73ff83,#7dff7a,#83ff73,#8dff6a,#94ff63,#9dff5a,#a4ff53,#adff49,#b4ff43,#beff39,#c7ff30,#ceff29,#d7ff1f,#deff19,#e7ff0f,#eeff09,#f8f500,#feed00,#ffe200,#ffd700,#ffd000,#ffc400,#ffbd00,#ffb200,#ffab00,#ff9f00,#ff9400,#ff8d00,#ff8200,#ff7a00,#ff6f00,#ff6800,#ff5d00,#ff5500,#ff4a00,#ff3f00,#ff3800,#ff2d00,#ff2500,#ff1a00,#ff1300,#f10800,#e80000,#da0000,#cd0000,#c40000,#b60000,#ad0000,#9f0000,#960000,#890000,#800000);
    }

.color-map.jet_0_5 {
    background: linear-gradient(to right, #000080,#000096,#0000ad,#0000c4,#0000da,#0000f1,#0000ff,#000cff,#0020ff,#0038ff,#004cff,#0060ff,#0074ff,#0088ff,#009cff,#00b0ff,#00c4ff,#00dcfe,#09f0ee,#19ffde,#29ffce,#39ffbe,#49ffad,#5aff9d,#6aff8d,#7dff7a,#8dff6a,#9dff5a,#adff49,#beff39,#ceff29,#deff19,#eeff09,#feed00,#ffd700,#ffc400,#ffb200,#ff9f00,#ff8d00,#ff7a00,#ff6800,#ff5500,#ff3f00,#ff2d00,#ff1a00,#f10800,#da0000,#c40000,#ad0000,#960000,#800000);
    }

.color-map.jet_0_2 {
    background: linear-gradient(to right, #000080,#00009b,#0000b6,#0000d6,#0000f1,#0000ff,#0018ff,#0030ff,#004cff,#0064ff,#0080ff,#0098ff,#00b0ff,#00ccff,#00e4f8,#16ffe1,#29ffce,#3cffba,#53ffa4,#66ff90,#7dff7a,#90ff66,#a4ff53,#baff3c,#ceff29,#e4ff13,#f8f500,#ffde00,#ffc400,#ffae00,#ff9400,#ff7e00,#ff6800,#ff4e00,#ff3800,#ff1e00,#f10800,#d60000,#b60000,#9b0000,#800000);
    }

.color-map.rainbow_0_30 {
    background: linear-gradient(to right, #8000ff,#780dff,#7019ff,#6826fe,#5e35fe,#5641fd,#4e4dfc,#4659fb,#3c68f9,#3473f8,#2c7ef7,#2489f5,#1996f3,#11a0f1,#09a9ee,#00b5eb,#08bee9,#10c6e6,#18cde4,#22d6e0,#2adddd,#32e3da,#3ae8d6,#44eed2,#4df3ce,#54f6cb,#5df9c7,#66fcc2,#6efebe,#76ffb9,#80ffb4,#88ffaf,#90feab,#99fca6,#a2f9a0,#abf69b,#b2f396,#bbee91,#c4e88a,#cce385,#d4dd80,#dcd67a,#e6cd73,#eec66d,#f6be68,#ffb360,#ffa95b,#ffa055,#ff964f,#ff8947,#ff7e41,#ff733b,#ff6835,#ff592d,#ff4d27,#ff4121,#ff351b,#ff2613,#ff190d,#ff0d06,#ff0000);
    }

.color-map.rainbow_0_20 {
    background: linear-gradient(to right, #8000ff,#7413ff,#6826fe,#5a3bfd,#4e4dfc,#4062fa,#3473f8,#2884f6,#1996f3,#0ea5ef,#00b5eb,#0dc2e8,#18cde4,#27dade,#32e3da,#40ecd4,#4df3ce,#58f8c9,#66fcc2,#72febb,#80ffb4,#8cfead,#99fca6,#a6f89d,#b2f396,#c0eb8d,#cce385,#d9da7d,#e6cd73,#f2c26b,#ffb360,#ffa558,#ff964f,#ff8444,#ff733b,#ff5f30,#ff4d27,#ff3b1e,#ff2613,#ff1309,#ff0000);
    }

.color-map.rainbow_0_15 {
    background: linear-gradient(to right, #8000ff,#7019ff,#5e35fe,#4e4dfc,#3c68f9,#2c7ef7,#1996f3,#09a9ee,#08bee9,#18cde4,#2adddd,#3ae8d6,#4df3ce,#5df9c7,#6efebe,#80ffb4,#90feab,#a2f9a0,#b2f396,#c4e88a,#d4dd80,#e6cd73,#f6be68,#ffa95b,#ff964f,#ff7e41,#ff6835,#ff4d27,#ff351b,#ff190d,#ff0000);
    }

.color-map.rainbow_0_10 {
    background: linear-gradient(to right, #8000ff,#7c06ff,#7610ff,#7216ff,#6c1fff,#6826fe,#622ffe,#5e35fe,#583efd,#5247fc,#4e4dfc,#4856fb,#445cfb,#3e65fa,#396bf9,#3473f8,#3079f7,#2981f6,#2489f5,#208ef4,#1996f3,#169bf2,#10a2f0,#0ca7ef,#06aeed,#00b5eb,#04b9ea,#0ac0e8,#0fc4e7,#14cae5,#18cde4,#1fd3e1,#22d6e0,#28dbde,#2fe0db,#32e3da,#38e7d7,#3dead5,#42edd3,#46efd1,#4df3ce,#50f4cc,#56f7ca,#5df9c7,#60fac5,#66fcc2,#6afdc0,#70febc,#74feba,#7affb7,#80ffb4,#84ffb2,#8bfeae,#8efeac,#94fda8,#99fca6,#9efaa2,#a2f9a0,#a8f79c,#aef498,#b2f396,#b9ef92,#bced8f,#c2ea8c,#c6e789,#cce385,#d0e082,#d6db7e,#dcd67a,#e0d377,#e6cd73,#ebca70,#f0c46c,#f4c069,#fbb965,#ffb360,#ffae5e,#ffa759,#ffa256,#ff9b52,#ff964f,#ff8e4a,#ff8947,#ff8143,#ff793e,#ff733b,#ff6b37,#ff6533,#ff5c2f,#ff562c,#ff4d27,#ff4724,#ff3e1f,#ff351b,#ff2f18,#ff2613,#ff1f10,#ff160b,#ff1008,#ff0603,#ff0000);
    }

.color-map.rainbow_0_5 {
    background: linear-gradient(to right, #8000ff,#7610ff,#6c1fff,#622ffe,#583efd,#4e4dfc,#445cfb,#396bf9,#3079f7,#2489f5,#1996f3,#10a2f0,#06aeed,#04b9ea,#0fc4e7,#18cde4,#22d6e0,#2fe0db,#38e7d7,#42edd3,#4df3ce,#56f7ca,#60fac5,#6afdc0,#74feba,#80ffb4,#8bfeae,#94fda8,#9efaa2,#a8f79c,#b2f396,#bced8f,#c6e789,#d0e082,#dcd67a,#e6cd73,#f0c46c,#fbb965,#ffae5e,#ffa256,#ff964f,#ff8947,#ff793e,#ff6b37,#ff5c2f,#ff4d27,#ff3e1f,#ff2f18,#ff1f10,#ff1008,#ff0000);
    }

.color-map.rainbow_0_2 {
    background: linear-gradient(to right, #8000ff,#7413ff,#6826fe,#5a3bfd,#4e4dfc,#4062fa,#3473f8,#2884f6,#1996f3,#0ea5ef,#00b5eb,#0dc2e8,#18cde4,#27dade,#32e3da,#40ecd4,#4df3ce,#58f8c9,#66fcc2,#72febb,#80ffb4,#8cfead,#99fca6,#a6f89d,#b2f396,#c0eb8d,#cce385,#d9da7d,#e6cd73,#f2c26b,#ffb360,#ffa558,#ff964f,#ff8444,#ff733b,#ff5f30,#ff4d27,#ff3b1e,#ff2613,#ff1309,#ff0000);
    }

.color-map.viridis_0_30 {
    background: linear-gradient(to right, #440154,#46075a,#470d60,#471365,#481a6c,#481f70,#482475,#482979,#472f7d,#463480,#443983,#433e85,#414487,#3f4889,#3d4d8a,#3b528b,#39568c,#375b8d,#355f8d,#32648e,#31688e,#2f6c8e,#2d708e,#2b748e,#2a788e,#287c8e,#27808e,#25848e,#23888e,#228c8d,#21918c,#1f948c,#1f988b,#1e9c89,#1fa188,#20a486,#22a884,#25ac82,#2ab07f,#2fb47c,#35b779,#3bbb75,#44bf70,#4cc26c,#54c568,#5ec962,#67cc5c,#70cf57,#7ad151,#86d549,#90d743,#9bd93c,#a5db36,#b2dd2d,#bddf26,#c8e020,#d2e21b,#dfe318,#eae51a,#f4e61e,#fde725);
    }

.color-map.viridis_0_20 {
    background: linear-gradient(to right, #440154,#460a5d,#471365,#481c6e,#482475,#472d7b,#463480,#443b84,#414487,#3e4a89,#3b528b,#38598c,#355f8d,#31668e,#2f6c8e,#2c728e,#2a788e,#277e8e,#25848e,#238a8d,#21918c,#1f968b,#1e9c89,#1fa287,#22a884,#28ae80,#2fb47c,#38b977,#44bf70,#50c46a,#5ec962,#6ccd5a,#7ad151,#8bd646,#9bd93c,#addc30,#bddf26,#cde11d,#dfe318,#efe51c,#fde725);
    }

.color-map.viridis_0_15 {
    background: linear-gradient(to right, #440154,#470d60,#481a6c,#482475,#472f7d,#443983,#414487,#3d4d8a,#39568c,#355f8d,#31688e,#2d708e,#2a788e,#27808e,#23888e,#21918c,#1f988b,#1fa188,#22a884,#2ab07f,#35b779,#44bf70,#54c568,#67cc5c,#7ad151,#90d743,#a5db36,#bddf26,#d2e21b,#eae51a,#fde725);
    }

.color-map.viridis_0_10 {
    background: linear-gradient(to right, #440154,#450457,#46085c,#460b5e,#471063,#471365,#481769,#481a6c,#481d6f,#482173,#482475,#482878,#472a7a,#472e7c,#46307e,#463480,#453781,#443a83,#433e85,#424086,#414487,#404688,#3e4989,#3e4c8a,#3c4f8a,#3b528b,#3a548c,#38588c,#375a8c,#365d8d,#355f8d,#33628d,#32648e,#31678e,#306a8e,#2f6c8e,#2e6f8e,#2d718e,#2c738e,#2b758e,#2a788e,#297a8e,#287d8e,#27808e,#26828e,#25848e,#24868e,#23898e,#228b8d,#218e8d,#21918c,#20928c,#1f958b,#1f978b,#1f9a8a,#1e9c89,#1f9f88,#1fa188,#20a386,#21a685,#22a884,#25ab82,#26ad81,#29af7f,#2cb17e,#2fb47c,#32b67a,#37b878,#3bbb75,#3fbc73,#44bf70,#48c16e,#4ec36b,#52c569,#58c765,#5ec962,#63cb5f,#69cd5b,#6ece58,#75d054,#7ad151,#81d34d,#86d549,#8ed645,#95d840,#9bd93c,#a2da37,#a8db34,#b0dd2f,#b5de2b,#bddf26,#c2df23,#cae11f,#d2e21b,#d8e219,#dfe318,#e5e419,#ece51b,#f1e51d,#f8e621,#fde725);
    }

.color-map.viridis_0_5 {
    background: linear-gradient(to right, #440154,#46085c,#471063,#481769,#481d6f,#482475,#472a7a,#46307e,#453781,#433e85,#414487,#3e4989,#3c4f8a,#3a548c,#375a8c,#355f8d,#32648e,#306a8e,#2e6f8e,#2c738e,#2a788e,#287d8e,#26828e,#24868e,#228b8d,#21918c,#1f958b,#1f9a8a,#1f9f88,#20a386,#22a884,#26ad81,#2cb17e,#32b67a,#3bbb75,#44bf70,#4ec36b,#58c765,#63cb5f,#6ece58,#7ad151,#86d549,#95d840,#a2da37,#b0dd2f,#bddf26,#cae11f,#d8e219,#e5e419,#f1e51d,#fde725);
    }

.color-map.viridis_0_2 {
    background: linear-gradient(to right, #440154,#460a5d,#471365,#481c6e,#482475,#472d7b,#463480,#443b84,#414487,#3e4a89,#3b528b,#38598c,#355f8d,#31668e,#2f6c8e,#2c728e,#2a788e,#277e8e,#25848e,#238a8d,#21918c,#1f968b,#1e9c89,#1fa287,#22a884,#28ae80,#2fb47c,#38b977,#44bf70,#50c46a,#5ec962,#6ccd5a,#7ad151,#8bd646,#9bd93c,#addc30,#bddf26,#cde11d,#dfe318,#efe51c,#fde725);
    }

    
/*# sourceMappingURL=style.css.map */