@charset "UTF-8";
@import url("./pretendard-gov-local.css");
.table caption, .blind {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.auth-form, .auth-result, .auth .btn-group {
  max-width: clamp(600px, 31.25vw, 1200px);
  margin-inline: auto;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  --vh: calc(100vh / 100);
  --bg-1: #F0F2F7;
  --bg-2: #F0F2F7;
  --surface: #ffffff;
  --line-1: #DEE1E8;
  --line-1-hover: rgb(176.9196428571, 184.0178571429, 200.5803571429);
  --line-2: #0F48B2;
  --text-primary: #072865;
  --text-secondary: #0F48B2;
  --text-1: #23262C;
  --text-1-hover: rgb(1.1075949367, 1.2025316456, 1.3924050633);
  --text-2: #535A6A;
  --text-2-hover: rgb(49.4047619048, 53.5714285714, 63.0952380952);
  --text-3: #858B99;
  --text-3-hover: rgb(95.3973214286, 101.0089285714, 114.1026785714);
  --icon-1: #8E97AD;
  --icon-2: #8E97AD;
}

@media (prefers-color-scheme: dark) {
  [ui-app=console] :root {
    --bg-1: #121418;
    --bg-2: rgba(240, 242, 247, 0.1);
    --surface: #21242B;
    --line-1: rgba(222, 225, 232, 0.15);
    --line-1-hover: rgba(222, 225, 232, 0.5);
    --line-2: #ffffff;
    --text-primary: #ffffff;
    --text-secondary: #ffffff;
    --text-1: #ffffff;
    --text-1-hover: c-lighten(15%, white);
    --text-2: #F0F2F7;
    --text-2-hover: c-lighten(15%, gray, 50);
    --text-3: #DEE1E8;
    --text-3-hover: c-lighten(15%, gray, 100);
    --icon-1: rgba(142, 151, 173, 0.7);
    --icon-2: rgba(222, 225, 232, 0.65);
  }
}
[ui-app=console][ui-theme=dark] {
  --bg-1: #121418;
  --bg-2: rgba(240, 242, 247, 0.1);
  --surface: #21242B;
  --line-1: rgba(222, 225, 232, 0.15);
  --line-1-hover: rgba(222, 225, 232, 0.5);
  --line-2: #ffffff;
  --text-primary: #ffffff;
  --text-secondary: #ffffff;
  --text-1: #ffffff;
  --text-1-hover: c-lighten(15%, white);
  --text-2: #F0F2F7;
  --text-2-hover: c-lighten(15%, gray, 50);
  --text-3: #DEE1E8;
  --text-3-hover: c-lighten(15%, gray, 100);
  --icon-1: rgba(142, 151, 173, 0.7);
  --icon-2: rgba(222, 225, 232, 0.65);
}
[ui-app=console] body {
  overflow-y: hidden;
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--line-1);
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--line-1-hover);
}

*::-webkit-scrollbar-track {
  background-color: transparent;
}

html,
body {
  position: relative;
  width: 100%;
  min-height: calc(var(--vh) * 100);
  height: calc(var(--vh) * 100);
  font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  word-break: keep-all;
  word-wrap: break-word;
  scroll-behavior: smooth;
  color: #121418;
  letter-spacing: -0.02em;
  scrollbar-gutter: stable;
}

body {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  overflow-x: hidden;
}

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before,
q::after {
  content: "";
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input {
  appearance: none;
}
input:focus {
  outline: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  appearance: none;
  text-transform: none;
  caret-color: var(--text-1);
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  appearance: button;
  cursor: pointer;
  border: 0;
  background: transparent;
}

[disabled] {
  pointer-events: none;
}

img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}

picture {
  display: inline-block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}

hr {
  width: 100%;
  box-sizing: content-box;
  border: 0;
  height: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
  page-break-after: always;
  background-color: var(--line-1);
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
}
a:active, a:hover {
  outline: none;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

small,
sub,
sup {
  font-size: 1rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.5rem;
}

sup {
  top: -0.5rem;
}

legend {
  max-width: 100%;
  width: 100%;
  color: inherit;
  white-space: normal;
  display: block;
  border: 0;
}

fieldset {
  min-width: 0;
}

summary {
  display: list-item;
}

th,
td {
  font-weight: inherit;
}

p,
label,
span {
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
}

strong,
em {
  font-family: inherit;
  font-weight: 600;
  font-style: normal;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1 {
  font-size: clamp(36px, 1.875vw, 72px);
  color: #23262C;
}

h2 {
  font-size: clamp(24px, 1.25vw, 48px);
  color: #23262C;
}

h3 {
  font-size: clamp(20px, 1.0416666667vw, 40px);
  color: #23262C;
}

h4 {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #23262C;
}

[ui-app=system] .red,
[ui-app=mdt] .red {
  color: #F35454;
}

input[type=text],
input[type=search],
input[type=password],
input[type=number],
select,
textarea {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  padding: clamp(4px, 0.2083333333vw, 8px) clamp(12px, 0.625vw, 24px);
  font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  line-height: 1;
  height: clamp(32px, 1.6666666667vw, 64px);
  color: var(--text-1);
  background-color: var(--surface);
  border: 1px solid var(--line-1);
  border-radius: 4px;
  transition: border-color 0.3s ease 0s;
  outline: 0;
}
[ui-app=system] input[type=text],
[ui-app=system] input[type=search],
[ui-app=system] input[type=password],
[ui-app=system] input[type=number],
[ui-app=system] select,
[ui-app=system] textarea {
  height: clamp(36px, 1.875vw, 72px);
}
[ui-app=mdt] input[type=text],
[ui-app=mdt] input[type=search],
[ui-app=mdt] input[type=password],
[ui-app=mdt] input[type=number],
[ui-app=mdt] select,
[ui-app=mdt] textarea {
  height: 56px;
}
input[type=text]:disabled,
input[type=search]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
select:disabled,
textarea:disabled {
  background-color: rgba(240, 242, 247, 0.5);
  color: #8E97AD;
}
input[readonly][type=text],
input[readonly][type=search],
input[readonly][type=password],
input[readonly][type=number],
select[readonly],
textarea[readonly] {
  background-color: rgba(240, 242, 247, 0.5);
  color: #23262C;
}
input[type=text]::placeholder,
input[type=search]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--text-3);
}
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  border-color: #0F48B2;
}

input[type=text].is-error,
input[type=search].is-error,
input[type=password].is-error,
input[type=number].is-error,
select.is-error,
textarea.is-error {
  border-color: #F35454;
  background-color: #FEF0F0;
  color: #F35454;
}
input[type=text].is-error::placeholder,
input[type=search].is-error::placeholder,
input[type=password].is-error::placeholder,
input[type=number].is-error::placeholder,
select.is-error::placeholder,
textarea.is-error::placeholder {
  color: #F35454;
}
input[type=text].is-error ~ [class*=__message],
input[type=text].is-error + [class*=__message],
input[type=search].is-error ~ [class*=__message],
input[type=search].is-error + [class*=__message],
input[type=password].is-error ~ [class*=__message],
input[type=password].is-error + [class*=__message],
input[type=number].is-error ~ [class*=__message],
input[type=number].is-error + [class*=__message],
select.is-error ~ [class*=__message],
select.is-error + [class*=__message],
textarea.is-error ~ [class*=__message],
textarea.is-error + [class*=__message] {
  color: #F35454;
}
input[type=text].is-valid,
input[type=search].is-valid,
input[type=password].is-valid,
input[type=number].is-valid,
select.is-valid,
textarea.is-valid {
  border-color: #307EFE;
  background-color: #F0F6FF;
  color: #307EFE;
}
input[type=text].is-valid::placeholder,
input[type=search].is-valid::placeholder,
input[type=password].is-valid::placeholder,
input[type=number].is-valid::placeholder,
select.is-valid::placeholder,
textarea.is-valid::placeholder {
  color: #307EFE;
}
input[type=text].is-valid ~ [class*=__message],
input[type=text].is-valid + [class*=__message],
input[type=search].is-valid ~ [class*=__message],
input[type=search].is-valid + [class*=__message],
input[type=password].is-valid ~ [class*=__message],
input[type=password].is-valid + [class*=__message],
input[type=number].is-valid ~ [class*=__message],
input[type=number].is-valid + [class*=__message],
select.is-valid ~ [class*=__message],
select.is-valid + [class*=__message],
textarea.is-valid ~ [class*=__message],
textarea.is-valid + [class*=__message] {
  color: #307EFE;
}

textarea {
  min-height: clamp(200px, 10.4166666667vw, 400px);
  line-height: 1.3;
  padding: clamp(12px, 0.625vw, 24px);
}

select {
  background-repeat: no-repeat;
  background-position: right clamp(8px, 0.4166666667vw, 16px) center;
  background-size: clamp(17px, 0.8854166667vw, 34px);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 6L8.50065 10L12.5 6' stroke='%238E97AD' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  padding: clamp(8px, 0.4166666667vw, 16px) clamp(32px, 1.6666666667vw, 64px) clamp(8px, 0.4166666667vw, 16px) clamp(12px, 0.625vw, 24px);
  height: clamp(32px, 1.6666666667vw, 64px);
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

form,
.content-form,
.form {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(20px, 1.0416666667vw, 40px);
}
form[ui-form-side],
.content-form[ui-form-side],
.form[ui-form-side] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(48px, 2.5vw, 96px);
}

.form-main {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(28px, 1.4583333333vw, 56px);
}
.form-side {
  flex-shrink: 0;
  width: clamp(286px, 14.8958333333vw, 572px);
  border: 1px solid #DEE1E8;
  padding: clamp(20px, 1.0416666667vw, 40px) clamp(16px, 0.8333333333vw, 32px);
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(20px, 1.0416666667vw, 40px);
}
.form-side .form-date-col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(20px, 1.0416666667vw, 40px);
  width: 100%;
}
.form-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(20px, 1.0416666667vw, 40px);
}
.form-help {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #0F48B2;
}
.form-help:before {
  content: "·";
}
.form-help--error {
  color: #F35454;
}
.form-desc {
  color: #0F48B2;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  line-height: 1;
}
.form-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  display: inline-flex;
}
.form-checkbox input[type=checkbox] {
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect%20width=%2716%27%20height=%2716%27%20/%3E%3Crect%20x=%270.5%27%20y=%270.5%27%20width=%2715%27%20height=%2715%27%20rx=%273.5%27%20stroke=%27%23DEE1E8%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect%20width=%2716%27%20height=%2716%27%20/%3E%3Crect%20x=%270.5%27%20y=%270.5%27%20width=%2715%27%20height=%2715%27%20rx=%273.5%27%20stroke=%27%23DEE1E8%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.form-checkbox input[type=checkbox] + span {
  font-weight: 600;
  color: var(--text-3);
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 1;
}
.form-checkbox input[type=checkbox]:checked + span {
  color: var(--text-1);
}
.form-checkbox input[type=checkbox]:checked {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect%20width=%2716%27%20height=%2716%27%20rx=%274%27%20fill=%27%230F48B2%27/%3E%3Cpath%20d=%27M4%207.6087L6.5%2011L12%205%27%20stroke=%27white%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.form-label-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(16px, 0.8333333333vw, 32px);
}
.form-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(12px, 0.625vw, 24px);
}
.form-row label:not(.search-switch) {
  font-weight: 500;
  color: var(--text-2);
  line-height: 1;
}
[ui-app=console] .form-row label:not(.search-switch) {
  width: clamp(68px, 3.5416666667vw, 136px);
}
[ui-app=system] .form-row {
  width: 100%;
  align-items: stretch;
  gap: clamp(8px, 0.4166666667vw, 16px);
}
[ui-app=system] .form-row .btn {
  flex-shrink: 0;
  min-width: clamp(96px, 5vw, 192px);
}
.form-row.agree {
  justify-content: space-between;
}
.form-col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(6px, 0.3125vw, 12px);
  width: 100%;
  min-width: 0;
}
.form-col label {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #535A6A;
  font-weight: 600;
}
.form-col label em {
  color: #F35454;
}
.form-col label strong {
  color: #0F48B2;
}
.form-col label .label-hint {
  color: #697080;
  font-size: clamp(11px, 0.5729166667vw, 22px);
  font-weight: 400;
}
.form-meta {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid #DEE1E8;
  padding-bottom: clamp(12px, 0.625vw, 24px);
}
.form-meta .required-note {
  color: #858B99;
}
.form-file {
  width: 100%;
}
.form-file-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(12px, 0.625vw, 24px);
  margin-bottom: clamp(8px, 0.4166666667vw, 16px);
}
.form-file .btn[ui-size=default] {
  height: clamp(36px, 1.875vw, 72px);
}
.form-date {
  position: relative;
  width: 100%;
}
.form-date:after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(12px, 0.625vw, 24px);
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M5.875%209.25712H18.125M7.45833%204V5.37159M16.375%204V5.37142M19%207.77142V17.6C19%2018.9255%2017.9553%2020%2016.6667%2020H7.33333C6.04467%2020%205%2018.9255%205%2017.6V7.77142C5%206.44594%206.04467%205.37142%207.33333%205.37142H16.6667C17.9553%205.37142%2019%206.44594%2019%207.77142Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
}
.form-date input {
  padding-right: clamp(32px, 1.6666666667vw, 64px);
}
.form-password {
  position: relative;
  width: 100%;
}
.form-password input {
  padding-right: clamp(40px, 2.0833333333vw, 80px);
}
.btn-pw-toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: clamp(40px, 2.0833333333vw, 80px);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-pw-toggle::before {
  content: "";
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: block;
  background-color: #8E97AD;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M1%208C2.5%205.5%205%203%208%203C11%203%2013.5%205.5%2015%208C13.5%2010.5%2011%2013%208%2013C5%2013%202.5%2010.5%201%208Z%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linejoin=%27round%27/%3E%3Ccircle%20cx=%278%27%20cy=%278%27%20r=%272.5%27%20stroke=%27white%27%20stroke-width=%271.4%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M1%208C2.5%205.5%205%203%208%203C11%203%2013.5%205.5%2015%208C13.5%2010.5%2011%2013%208%2013C5%2013%202.5%2010.5%201%208Z%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linejoin=%27round%27/%3E%3Ccircle%20cx=%278%27%20cy=%278%27%20r=%272.5%27%20stroke=%27white%27%20stroke-width=%271.4%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.btn-pw-toggle.is-visible::before {
  mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M2%202L14%2014%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3Cpath%20d=%27M4.5%205.1C3%206%201.7%207%201%208C2.5%2010.5%205%2013%208%2013C9.5%2013%2010.9%2012.4%2012%2011.5%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M7.2%203.1C7.46%203.04%207.73%203%208%203C11%203%2013.5%205.5%2015%208C14.5%209%2013.7%209.9%2012.9%2010.6%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M2%202L14%2014%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3Cpath%20d=%27M4.5%205.1C3%206%201.7%207%201%208C2.5%2010.5%205%2013%208%2013C9.5%2013%2010.9%2012.4%2012%2011.5%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M7.2%203.1C7.46%203.04%207.73%203%208%203C11%203%2013.5%205.5%2015%208C14.5%209%2013.7%209.9%2012.9%2010.6%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.btn-pw-toggle:hover::before,
.btn-pw-toggle:focus::before {
  background-color: var(--text-1, #1A2236);
}

.col-2 > .form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(24px, 1.25vw, 48px);
}
.col-2 > .form-row:has(.form-col-button) {
  grid-template-columns: repeat(2, 1fr) auto;
}
.col-2 .form-col.span-1 {
  grid-column: span 1;
}
.col-2 .form-col.span-2 {
  grid-column: span 2;
}
.col-2 .form-col.span-full {
  grid-column: 1/-1;
}
.col-2 .form-col.span-full .btn {
  margin-inline: auto;
}
.col-2 .form-col-button {
  grid-column: 3;
  grid-row: 1/span 2;
  display: flex;
  align-items: flex-end;
}
.col-2 .form-col-button.single-row {
  grid-row: 1;
}
.col-2 textarea {
  min-height: clamp(64px, 3.3333333333vw, 128px);
}

.col-3 > .form-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(24px, 1.25vw, 48px);
}
.col-3 > .form-row:has(.form-col-button) {
  grid-template-columns: repeat(3, 1fr) auto;
}
.col-3 .form-col.span-1 {
  grid-column: span 1;
}
.col-3 .form-col.span-2 {
  grid-column: span 2;
}
.col-3 .form-col.span-3 {
  grid-column: span 3;
}
.col-3 .form-col.span-full {
  grid-column: 1/-1;
}
.col-3 .form-col.span-full .btn {
  margin-inline: auto;
}
.col-3 .form-col-button {
  grid-column: 4;
  grid-row: 1/span 2;
  display: flex;
  align-items: flex-end;
}
.col-3 .form-col-button.single-row {
  grid-row: 1;
}
.col-3 textarea {
  min-height: clamp(64px, 3.3333333333vw, 128px);
}

.col-4 > .form-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(24px, 1.25vw, 48px);
}
.col-4 > .form-row:has(.form-col-button) {
  grid-template-columns: repeat(4, 1fr) auto;
}
.col-4 .form-col.span-1 {
  grid-column: span 1;
}
.col-4 .form-col.span-2 {
  grid-column: span 2;
}
.col-4 .form-col.span-3 {
  grid-column: span 3;
}
.col-4 .form-col.span-4 {
  grid-column: span 4;
}
.col-4 .form-col.span-full {
  grid-column: 1/-1;
}
.col-4 .form-col.span-full .btn {
  margin-inline: auto;
}
.col-4 .form-col-button {
  grid-column: 5;
  grid-row: 1/span 2;
  display: flex;
  align-items: flex-end;
}
.col-4 .form-col-button.single-row {
  grid-row: 1;
}
.col-4 textarea {
  min-height: clamp(64px, 3.3333333333vw, 128px);
}

.col-5 > .form-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(24px, 1.25vw, 48px);
}
.col-5 > .form-row:has(.form-col-button) {
  grid-template-columns: repeat(5, 1fr) auto;
}
.col-5 .form-col.span-1 {
  grid-column: span 1;
}
.col-5 .form-col.span-2 {
  grid-column: span 2;
}
.col-5 .form-col.span-3 {
  grid-column: span 3;
}
.col-5 .form-col.span-4 {
  grid-column: span 4;
}
.col-5 .form-col.span-5 {
  grid-column: span 5;
}
.col-5 .form-col.span-full {
  grid-column: 1/-1;
}
.col-5 .form-col.span-full .btn {
  margin-inline: auto;
}
.col-5 .form-col-button {
  grid-column: 6;
  grid-row: 1/span 2;
  display: flex;
  align-items: flex-end;
}
.col-5 .form-col-button.single-row {
  grid-row: 1;
}
.col-5 textarea {
  min-height: clamp(64px, 3.3333333333vw, 128px);
}

.col-6 > .form-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(24px, 1.25vw, 48px);
}
.col-6 > .form-row:has(.form-col-button) {
  grid-template-columns: repeat(6, 1fr) auto;
}
.col-6 .form-col.span-1 {
  grid-column: span 1;
}
.col-6 .form-col.span-2 {
  grid-column: span 2;
}
.col-6 .form-col.span-3 {
  grid-column: span 3;
}
.col-6 .form-col.span-4 {
  grid-column: span 4;
}
.col-6 .form-col.span-5 {
  grid-column: span 5;
}
.col-6 .form-col.span-6 {
  grid-column: span 6;
}
.col-6 .form-col.span-full {
  grid-column: 1/-1;
}
.col-6 .form-col.span-full .btn {
  margin-inline: auto;
}
.col-6 .form-col-button {
  grid-column: 7;
  grid-row: 1/span 2;
  display: flex;
  align-items: flex-end;
}
.col-6 .form-col-button.single-row {
  grid-row: 1;
}
.col-6 textarea {
  min-height: clamp(64px, 3.3333333333vw, 128px);
}

.file-input {
  display: none;
}
.file-desc {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #858B99;
  font-weight: 600;
}
.file-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  width: 100%;
  padding: clamp(16px, 0.8333333333vw, 32px);
  border: 1px solid #DEE1E8;
  border-radius: 4px;
  margin-top: clamp(16px, 0.8333333333vw, 32px);
  background-color: rgba(240, 242, 247, 0.5);
  display: none;
}
.file-list.is-show {
  display: flex;
}
.file-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  color: #535A6A;
}
.file-name {
  cursor: pointer;
}
.file-name:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.file-remove {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%204L4%2012M12%2012L4%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%204L4%2012M12%2012L4%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}

[class^=list-] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
}
[class^=list-] > li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(2px, 0.1041666667vw, 4px);
  position: relative;
}
[class^=list-] > li:before {
  content: "";
}

.list-dot > li:before {
  content: "•";
  color: var(--text-3);
}
.list-dot > li {
  color: var(--text-2);
}

.table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--text-1);
}
.table-scroll {
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.table [ui-row=expanded] {
  display: none;
}
.table.is-expanded [ui-row=expanded] {
  display: table-row;
}
.table tr {
  position: relative;
}
.table th,
.table td {
  padding: clamp(6px, 0.3125vw, 12px) clamp(8px, 0.4166666667vw, 16px);
  text-align: center;
  vertical-align: middle;
}
.table th.highlight,
.table td.highlight {
  color: #307EFE;
}
.table th.col-left,
.table td.col-left {
  text-align: left;
}
.table th.col-right,
.table td.col-right {
  text-align: right;
}
.table th.status-done,
.table td.status-done {
  color: #0F48B2;
}
.table th[ui-file],
.table td[ui-file] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.table th[ui-file]::before,
.table td[ui-file]::before {
  content: "";
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M8.61638%209.83089V13.6728C8.61638%2015.5713%2010.1317%2017.1103%2012.0009%2017.1103C13.8702%2017.1103%2015.3855%2015.5713%2015.3855%2013.6728V8.81986C15.3855%207.81478%2014.5833%207%2013.5937%207C12.6041%207%2011.8018%207.81478%2011.8018%208.81986V13.4706M6.46158%202H17.5385C18.898%202%2020%203.11932%2020%204.50005L19.9997%2019.5001C19.9997%2020.8808%2018.8976%2022%2017.5382%2022L6.46148%2022C5.10203%2021.9999%203.99999%2020.8807%204%2019.4999L4.0001%204.49999C4.0001%203.11928%205.10215%202%206.46158%202Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M8.61638%209.83089V13.6728C8.61638%2015.5713%2010.1317%2017.1103%2012.0009%2017.1103C13.8702%2017.1103%2015.3855%2015.5713%2015.3855%2013.6728V8.81986C15.3855%207.81478%2014.5833%207%2013.5937%207C12.6041%207%2011.8018%207.81478%2011.8018%208.81986V13.4706M6.46158%202H17.5385C18.898%202%2020%203.11932%2020%204.50005L19.9997%2019.5001C19.9997%2020.8808%2018.8976%2022%2017.5382%2022L6.46148%2022C5.10203%2021.9999%203.99999%2020.8807%204%2019.4999L4.0001%204.49999C4.0001%203.11928%205.10215%202%206.46158%202Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.table thead {
  position: sticky;
  top: 0;
  background-color: var(--surface);
  z-index: 100;
  box-shadow: inset 0 1px 0 var(--line-1), 0 1px 0 var(--line-1);
}
.table thead th {
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  height: clamp(36px, 1.875vw, 72px);
}
.table tbody tr {
  transition: background-color 0.2s ease;
  border-bottom: 1px solid var(--line-1);
}
.table tbody tr:hover {
  background-color: rgba(48, 126, 254, 0.1);
}
.table tbody tr.is-selected {
  background-color: rgba(48, 126, 254, 0.2);
}
.table tbody tr.is-selected:hover {
  background-color: rgba(48, 126, 254, 0.2);
}
.table tbody tr td {
  height: clamp(40px, 2.0833333333vw, 80px);
}
.table tbody tr td a {
  display: block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table tbody tr td a:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.table tbody td.fire {
  color: #F35454;
}
.table tbody td.rescue {
  color: #FF9735;
}
.table tbody td.ems {
  color: #40C86E;
}
.table tbody td.etc {
  color: #9677F5;
}
.table tbody td.emergency {
  color: #F35454;
}
.table tbody td.normal {
  color: #40C86E;
}
.table tbody td.dispatch {
  color: #FF9735;
}
.table tbody td.standby {
  color: #9677F5;
}
.table tbody td.ca {
  color: #F06292;
}
[ui-app=system] .table thead {
  box-shadow: inset 0 1px 0 #23262C, 0 1px 0 var(--line-1);
}
[ui-app=system] .table thead th {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  font-weight: 500;
  color: #23262C;
}
[ui-app=system] .table tbody td, [ui-app=system] .table tbody th {
  font-size: clamp(14px, 0.7291666667vw, 28px);
}

[ui-sort] {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  line-height: 1;
  vertical-align: middle;
}
[ui-sort][ui-sort-direction=desc] .icon-sort {
  transform: scaleY(-1);
}

.icon-sort {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
.icon-sort::before {
  content: "";
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M8%202.5L10.5981%207H5.40192L8%202.5Z%27%20fill=%27%23072865%27/%3E%3Cpath%20d=%27M8%2014.5L10.5981%2010H5.40192L8%2014.5Z%27%20fill=%27%238E97AD%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  transition: all 0.3s ease 0s;
  padding: clamp(6px, 0.3125vw, 12px) clamp(8px, 0.4166666667vw, 16px);
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  font-weight: 600;
  min-height: clamp(28px, 1.4583333333vw, 56px);
}
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  width: 100%;
}
[ui-app=system] .btn-group:not(:has(.btn-group__right)) > .btn {
  flex: 1 1 0;
}
.btn-group__right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  margin-left: auto;
}
.btn-panel {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cline%20x1=%274.7%27%20y1=%2711.3%27%20x2=%2719.3%27%20y2=%2711.3%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cline%20x1=%274.7%27%20y1=%2711.3%27%20x2=%2719.3%27%20y2=%2711.3%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.btn-panel.is-collapsed {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%206L12%2018M18%2012L6%2012%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%206L12%2018M18%2012L6%2012%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.btn-panel-left {
  position: absolute;
  top: 50%;
  right: clamp(-48px, -1.25vw, -24px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(48px, 2.5vw, 96px);
  border-radius: 0 8px 8px 0;
  transform: translateY(-50%);
  z-index: 100;
  background-color: var(--surface);
}
.btn-panel-left:after {
  content: "";
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M6.75%209L12.751%2015L18.75%209%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M6.75%209L12.751%2015L18.75%209%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
  transform: rotate(90deg);
}
.btn-panel-left.is-collapsed:after {
  transform: rotate(-90deg);
}
.btn-section {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M6.75%209L12.751%2015L18.75%209%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M6.75%209L12.751%2015L18.75%209%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
  transform: rotate(180deg);
}
.btn-section.is-collapsed {
  transform: rotate(0);
}
.btn-setting {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: clamp(32px, 1.6666666667vw, 64px);
  height: clamp(32px, 1.6666666667vw, 64px);
  border-radius: 50%;
  background-color: var(--bg-2);
  transition: all 0.3s ease 0s;
}
.btn-setting:after {
  content: "";
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--text-2);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2014.5C13.3807%2014.5%2014.5%2013.3807%2014.5%2012C14.5%2010.6193%2013.3807%209.5%2012%209.5C10.6193%209.5%209.5%2010.6193%209.5%2012C9.5%2013.3807%2010.6193%2014.5%2012%2014.5Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M4%2012.6992V11.3008C4%2010.4744%204.6754%209.79106%205.50971%209.79106C6.94791%209.79106%207.5359%208.77399%206.81283%207.52649C6.39964%206.81137%206.64596%205.8817%207.36904%205.46852L8.74367%204.68188C9.37139%204.30843%2010.1819%204.53091%2010.5553%205.15863L10.6427%205.3096C11.3578%206.5571%2012.5338%206.5571%2013.2569%205.3096L13.3443%205.15863C13.7178%204.53091%2014.5282%204.30843%2015.156%204.68188L16.5306%205.46852C17.2537%205.8817%2017.5%206.81137%2017.0868%207.52649C16.3637%208.77399%2016.9517%209.79106%2018.3899%209.79106C19.2163%209.79106%2019.8996%2010.4665%2019.8996%2011.3008V12.6992C19.8996%2013.5256%2019.2242%2014.2089%2018.3899%2014.2089C16.9517%2014.2089%2016.3637%2015.226%2017.0868%2016.4735C17.5%2017.1966%2017.2537%2018.1183%2016.5306%2018.5315L15.156%2019.3181C14.5282%2019.6916%2013.7178%2019.4691%2013.3443%2018.8414L13.2569%2018.6904C12.5418%2017.4429%2011.3658%2017.4429%2010.6427%2018.6904L10.5553%2018.8414C10.1819%2019.4691%209.37139%2019.6916%208.74367%2019.3181L7.36904%2018.5315C6.64596%2018.1183%206.39964%2017.1886%206.81283%2016.4735C7.5359%2015.226%206.94791%2014.2089%205.50971%2014.2089C4.6754%2014.2089%204%2013.5256%204%2012.6992Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2014.5C13.3807%2014.5%2014.5%2013.3807%2014.5%2012C14.5%2010.6193%2013.3807%209.5%2012%209.5C10.6193%209.5%209.5%2010.6193%209.5%2012C9.5%2013.3807%2010.6193%2014.5%2012%2014.5Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M4%2012.6992V11.3008C4%2010.4744%204.6754%209.79106%205.50971%209.79106C6.94791%209.79106%207.5359%208.77399%206.81283%207.52649C6.39964%206.81137%206.64596%205.8817%207.36904%205.46852L8.74367%204.68188C9.37139%204.30843%2010.1819%204.53091%2010.5553%205.15863L10.6427%205.3096C11.3578%206.5571%2012.5338%206.5571%2013.2569%205.3096L13.3443%205.15863C13.7178%204.53091%2014.5282%204.30843%2015.156%204.68188L16.5306%205.46852C17.2537%205.8817%2017.5%206.81137%2017.0868%207.52649C16.3637%208.77399%2016.9517%209.79106%2018.3899%209.79106C19.2163%209.79106%2019.8996%2010.4665%2019.8996%2011.3008V12.6992C19.8996%2013.5256%2019.2242%2014.2089%2018.3899%2014.2089C16.9517%2014.2089%2016.3637%2015.226%2017.0868%2016.4735C17.5%2017.1966%2017.2537%2018.1183%2016.5306%2018.5315L15.156%2019.3181C14.5282%2019.6916%2013.7178%2019.4691%2013.3443%2018.8414L13.2569%2018.6904C12.5418%2017.4429%2011.3658%2017.4429%2010.6427%2018.6904L10.5553%2018.8414C10.1819%2019.4691%209.37139%2019.6916%208.74367%2019.3181L7.36904%2018.5315C6.64596%2018.1183%206.39964%2017.1886%206.81283%2016.4735C7.5359%2015.226%206.94791%2014.2089%205.50971%2014.2089C4.6754%2014.2089%204%2013.5256%204%2012.6992Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
  transition: all 0.3s ease 0s;
}
.btn-setting.is-active {
  background-color: #0F48B2;
}
.btn-setting.is-active:after {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: #ffffff;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2014.5C13.3807%2014.5%2014.5%2013.3807%2014.5%2012C14.5%2010.6193%2013.3807%209.5%2012%209.5C10.6193%209.5%209.5%2010.6193%209.5%2012C9.5%2013.3807%2010.6193%2014.5%2012%2014.5Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M4%2012.6992V11.3008C4%2010.4744%204.6754%209.79106%205.50971%209.79106C6.94791%209.79106%207.5359%208.77399%206.81283%207.52649C6.39964%206.81137%206.64596%205.8817%207.36904%205.46852L8.74367%204.68188C9.37139%204.30843%2010.1819%204.53091%2010.5553%205.15863L10.6427%205.3096C11.3578%206.5571%2012.5338%206.5571%2013.2569%205.3096L13.3443%205.15863C13.7178%204.53091%2014.5282%204.30843%2015.156%204.68188L16.5306%205.46852C17.2537%205.8817%2017.5%206.81137%2017.0868%207.52649C16.3637%208.77399%2016.9517%209.79106%2018.3899%209.79106C19.2163%209.79106%2019.8996%2010.4665%2019.8996%2011.3008V12.6992C19.8996%2013.5256%2019.2242%2014.2089%2018.3899%2014.2089C16.9517%2014.2089%2016.3637%2015.226%2017.0868%2016.4735C17.5%2017.1966%2017.2537%2018.1183%2016.5306%2018.5315L15.156%2019.3181C14.5282%2019.6916%2013.7178%2019.4691%2013.3443%2018.8414L13.2569%2018.6904C12.5418%2017.4429%2011.3658%2017.4429%2010.6427%2018.6904L10.5553%2018.8414C10.1819%2019.4691%209.37139%2019.6916%208.74367%2019.3181L7.36904%2018.5315C6.64596%2018.1183%206.39964%2017.1886%206.81283%2016.4735C7.5359%2015.226%206.94791%2014.2089%205.50971%2014.2089C4.6754%2014.2089%204%2013.5256%204%2012.6992Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2014.5C13.3807%2014.5%2014.5%2013.3807%2014.5%2012C14.5%2010.6193%2013.3807%209.5%2012%209.5C10.6193%209.5%209.5%2010.6193%209.5%2012C9.5%2013.3807%2010.6193%2014.5%2012%2014.5Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M4%2012.6992V11.3008C4%2010.4744%204.6754%209.79106%205.50971%209.79106C6.94791%209.79106%207.5359%208.77399%206.81283%207.52649C6.39964%206.81137%206.64596%205.8817%207.36904%205.46852L8.74367%204.68188C9.37139%204.30843%2010.1819%204.53091%2010.5553%205.15863L10.6427%205.3096C11.3578%206.5571%2012.5338%206.5571%2013.2569%205.3096L13.3443%205.15863C13.7178%204.53091%2014.5282%204.30843%2015.156%204.68188L16.5306%205.46852C17.2537%205.8817%2017.5%206.81137%2017.0868%207.52649C16.3637%208.77399%2016.9517%209.79106%2018.3899%209.79106C19.2163%209.79106%2019.8996%2010.4665%2019.8996%2011.3008V12.6992C19.8996%2013.5256%2019.2242%2014.2089%2018.3899%2014.2089C16.9517%2014.2089%2016.3637%2015.226%2017.0868%2016.4735C17.5%2017.1966%2017.2537%2018.1183%2016.5306%2018.5315L15.156%2019.3181C14.5282%2019.6916%2013.7178%2019.4691%2013.3443%2018.8414L13.2569%2018.6904C12.5418%2017.4429%2011.3658%2017.4429%2010.6427%2018.6904L10.5553%2018.8414C10.1819%2019.4691%209.37139%2019.6916%208.74367%2019.3181L7.36904%2018.5315C6.64596%2018.1183%206.39964%2017.1886%206.81283%2016.4735C7.5359%2015.226%206.94791%2014.2089%205.50971%2014.2089C4.6754%2014.2089%204%2013.5256%204%2012.6992Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.btn-close {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%204L4%2012M12%2012L4%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%204L4%2012M12%2012L4%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.btn-vehicle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(2px, 0.1041666667vw, 4px);
  color: var(--text-3);
  font-size: clamp(14px, 0.7291666667vw, 28px);
}
.btn-vehicle:before {
  content: "";
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2712%27%20height=%2712%27%20viewBox=%270%200%2012%2012%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M2%206.5L4.84444%209L10%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.btn-vehicle.is-expanded {
  color: #307EFE;
  font-weight: 600;
}
.btn-vehicle.is-expanded:before {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: #307EFE;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2712%27%20height=%2712%27%20viewBox=%270%200%2012%2012%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M2%206.5L4.84444%209L10%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2712%27%20height=%2712%27%20viewBox=%270%200%2012%2012%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M2%206.5L4.84444%209L10%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.btn-download {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  color: var(--text-secondary);
  font-weight: 600;
}
.btn-download:after {
  content: "";
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.5%2014.1874L4.5%2017.5681C4.5%2018.0805%204.69754%2018.5719%205.04917%2018.9342C5.40081%2019.2965%205.87772%2019.5%206.375%2019.5H17.625C18.1223%2019.5%2018.5992%2019.2965%2018.9508%2018.9342C19.3025%2018.5719%2019.5%2018.0805%2019.5%2017.5681V14.1874M12.001%204.5V15.4473M12.001%2015.4473L16.2868%2011.2644M12.001%2015.4473L7.71533%2011.2644%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.5%2014.1874L4.5%2017.5681C4.5%2018.0805%204.69754%2018.5719%205.04917%2018.9342C5.40081%2019.2965%205.87772%2019.5%206.375%2019.5H17.625C18.1223%2019.5%2018.5992%2019.2965%2018.9508%2018.9342C19.3025%2018.5719%2019.5%2018.0805%2019.5%2017.5681V14.1874M12.001%204.5V15.4473M12.001%2015.4473L16.2868%2011.2644M12.001%2015.4473L7.71533%2011.2644%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.btn[ui-icon=arrow]::after {
  content: "";
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2712%27%20height=%2712%27%20viewBox=%270%200%2012%2012%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.5%203L7.5%206L4.5%209%27%20stroke=%27%230F48B2%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2712%27%20height=%2712%27%20viewBox=%270%200%2012%2012%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.5%203L7.5%206L4.5%209%27%20stroke=%27%230F48B2%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.btn[ui-size=block] {
  width: 100%;
  height: clamp(36px, 1.875vw, 72px);
}
[ui-app=system] .btn[ui-size=block] {
  height: clamp(40px, 2.0833333333vw, 80px);
}
.btn[ui-size=default] {
  height: clamp(40px, 2.0833333333vw, 80px);
  padding: 0 clamp(24px, 1.25vw, 48px);
}
.btn[ui-color=primary] {
  background-color: #072865;
  color: #ffffff;
}
.btn[ui-color=primary]:hover {
  background-color: rgb(3.6944444444, 21.1111111111, 53.3055555556);
}
.btn[ui-color=primary][ui-type=outlined] {
  background-color: transparent;
  border-color: #072865;
  color: #072865;
}
.btn[ui-color=primary][ui-type=outlined]:hover {
  background-color: rgba(7, 40, 101, 0.06);
}
.btn[ui-color=primary][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #072865;
}
.btn[ui-color=primary][ui-type=text]:hover {
  color: rgb(3.6944444444, 21.1111111111, 53.3055555556);
}
.btn[ui-color=secondary] {
  background-color: #0F48B2;
  color: #ffffff;
}
.btn[ui-color=secondary]:hover {
  background-color: rgb(11.0362694301, 52.9740932642, 130.9637305699);
}
.btn[ui-color=secondary][ui-type=outlined] {
  background-color: transparent;
  border-color: var(--text-secondary);
  color: var(--text-secondary);
}
.btn[ui-color=secondary][ui-type=outlined]:hover {
  background-color: rgba(15, 72, 178, 0.06);
}
.btn[ui-color=secondary][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #0F48B2;
}
.btn[ui-color=secondary][ui-type=text]:hover {
  color: rgb(11.0362694301, 52.9740932642, 130.9637305699);
}
.btn[ui-color=white] {
  background-color: #ffffff;
  color: #ffffff;
}
.btn[ui-color=white]:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}
.btn[ui-color=white][ui-type=outlined] {
  background-color: transparent;
  border-color: #DEE1E8;
  color: #858B99;
}
.btn[ui-color=white][ui-type=outlined]:hover {
  background-color: rgb(247.35, 247.35, 247.35) !important;
}
.btn[ui-color=white][ui-type=outlined]:hover {
  background-color: rgba(255, 255, 255, 0.06);
}
.btn[ui-color=white][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #ffffff;
}
.btn[ui-color=white][ui-type=text]:hover {
  color: rgb(229.5, 229.5, 229.5);
}
.btn[ui-color=red] {
  background-color: #F35454;
  color: #ffffff;
}
.btn[ui-color=red]:hover {
  background-color: rgb(239.6557377049, 36.3442622951, 36.3442622951);
}
.btn[ui-color=red][ui-type=outlined] {
  background-color: transparent;
  border-color: #F35454;
  color: #F35454;
}
.btn[ui-color=red][ui-type=outlined]:hover {
  background-color: rgba(243, 84, 84, 0.06);
}
.btn[ui-color=red][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #F35454;
}
.btn[ui-color=red][ui-type=text]:hover {
  color: rgb(239.6557377049, 36.3442622951, 36.3442622951);
}
.btn[ui-color=orange] {
  background-color: #FF9735;
  color: #ffffff;
}
.btn[ui-color=orange]:hover {
  background-color: rgb(255, 124.7425742574, 2);
}
.btn[ui-color=orange][ui-type=outlined] {
  background-color: transparent;
  border-color: #FF9735;
  color: #FF9735;
}
.btn[ui-color=orange][ui-type=outlined]:hover {
  background-color: rgba(255, 151, 53, 0.06);
}
.btn[ui-color=orange][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #FF9735;
}
.btn[ui-color=orange][ui-type=text]:hover {
  color: rgb(255, 124.7425742574, 2);
}
.btn[ui-color=green] {
  background-color: #40C86E;
  color: #ffffff;
}
.btn[ui-color=green]:hover {
  background-color: rgb(47.6219512195, 165.3780487805, 87.4512195122);
}
.btn[ui-color=green][ui-type=outlined] {
  background-color: transparent;
  border-color: #40C86E;
  color: #40C86E;
}
.btn[ui-color=green][ui-type=outlined]:hover {
  background-color: rgba(64, 200, 110, 0.06);
}
.btn[ui-color=green][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #40C86E;
}
.btn[ui-color=green][ui-type=text]:hover {
  color: rgb(47.6219512195, 165.3780487805, 87.4512195122);
}
.btn[ui-color=purple] {
  background-color: #9677F5;
  color: #ffffff;
}
.btn[ui-color=purple]:hover {
  background-color: rgb(113.3219178082, 71.4931506849, 241.5068493151);
}
.btn[ui-color=purple][ui-type=outlined] {
  background-color: transparent;
  border-color: #9677F5;
  color: #9677F5;
}
.btn[ui-color=purple][ui-type=outlined]:hover {
  background-color: rgba(150, 119, 245, 0.06);
}
.btn[ui-color=purple][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #9677F5;
}
.btn[ui-color=purple][ui-type=text]:hover {
  color: rgb(113.3219178082, 71.4931506849, 241.5068493151);
}
.btn[ui-color=blue] {
  background-color: #307EFE;
  color: #ffffff;
}
.btn[ui-color=blue]:hover {
  background-color: rgb(1.2067307692, 95.3317307692, 249.7932692308);
}
.btn[ui-color=blue][ui-type=outlined] {
  background-color: transparent;
  border-color: #307EFE;
  color: #307EFE;
}
.btn[ui-color=blue][ui-type=outlined]:hover {
  background-color: rgba(48, 126, 254, 0.06);
}
.btn[ui-color=blue][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #307EFE;
}
.btn[ui-color=blue][ui-type=text]:hover {
  color: rgb(1.2067307692, 95.3317307692, 249.7932692308);
}
.btn[ui-color=pink] {
  background-color: #F06292;
  color: #ffffff;
}
.btn[ui-color=pink]:hover {
  background-color: rgb(235.5523255814, 51.4476744186, 113.6802325581);
}
.btn[ui-color=pink][ui-type=outlined] {
  background-color: transparent;
  border-color: #F06292;
  color: #F06292;
}
.btn[ui-color=pink][ui-type=outlined]:hover {
  background-color: rgba(240, 98, 146, 0.06);
}
.btn[ui-color=pink][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #F06292;
}
.btn[ui-color=pink][ui-type=text]:hover {
  color: rgb(235.5523255814, 51.4476744186, 113.6802325581);
}
.btn[ui-color=gray-50] {
  background-color: #F0F2F7;
  color: #ffffff;
}
.btn[ui-color=gray-50]:hover {
  background-color: rgb(206.7391304348, 213.1739130435, 229.2608695652);
}
.btn[ui-color=gray-50][ui-type=outlined] {
  background: transparent;
  border-color: #F0F2F7;
  color: #F0F2F7;
}
.btn[ui-color=gray-50][ui-type=outlined]:hover {
  background-color: rgba(240, 242, 247, 0.06);
}
.btn[ui-color=gray-50][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #F0F2F7;
  font-weight: 400;
}
.btn[ui-color=gray-50][ui-type=text]:hover {
  color: rgb(206.7391304348, 213.1739130435, 229.2608695652);
}
.btn[ui-color=gray-100] {
  background-color: #DEE1E8;
  color: #ffffff;
}
.btn[ui-color=gray-100]:hover {
  background-color: rgb(191.9464285714, 197.6785714286, 211.0535714286);
}
.btn[ui-color=gray-100][ui-type=outlined] {
  background: transparent;
  border-color: #DEE1E8;
  color: #DEE1E8;
}
.btn[ui-color=gray-100][ui-type=outlined]:hover {
  background-color: rgba(222, 225, 232, 0.06);
}
.btn[ui-color=gray-100][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #DEE1E8;
  font-weight: 400;
}
.btn[ui-color=gray-100][ui-type=text]:hover {
  color: rgb(191.9464285714, 197.6785714286, 211.0535714286);
}
.btn[ui-color=gray-300] {
  background-color: #8E97AD;
  color: #ffffff;
}
.btn[ui-color=gray-300]:hover {
  background-color: rgb(112.4461538462, 123.8, 151.5538461538);
}
.btn[ui-color=gray-300][ui-type=outlined] {
  background: transparent;
  border-color: #8E97AD;
  color: #8E97AD;
}
.btn[ui-color=gray-300][ui-type=outlined]:hover {
  background-color: rgba(142, 151, 173, 0.06);
}
.btn[ui-color=gray-300][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #8E97AD;
  font-weight: 400;
}
.btn[ui-color=gray-300][ui-type=text]:hover {
  color: rgb(112.4461538462, 123.8, 151.5538461538);
}
.btn[ui-color=gray-500] {
  background-color: #858B99;
  color: #ffffff;
}
.btn[ui-color=gray-500]:hover {
  background-color: rgb(107.0089285714, 113.3035714286, 127.9910714286);
}
.btn[ui-color=gray-500][ui-type=outlined] {
  background: transparent;
  border-color: #858B99;
  color: #858B99;
}
.btn[ui-color=gray-500][ui-type=outlined]:hover {
  background-color: rgba(133, 139, 153, 0.06);
}
.btn[ui-color=gray-500][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #858B99;
  font-weight: 400;
}
.btn[ui-color=gray-500][ui-type=text]:hover {
  color: rgb(107.0089285714, 113.3035714286, 127.9910714286);
}
.btn[ui-color=gray-600] {
  background-color: #535A6A;
  color: #ffffff;
}
.btn[ui-color=gray-600]:hover {
  background-color: rgb(60.6031746032, 65.7142857143, 77.3968253968);
}
.btn[ui-color=gray-600][ui-type=outlined] {
  background: transparent;
  border-color: #535A6A;
  color: #535A6A;
}
.btn[ui-color=gray-600][ui-type=outlined]:hover {
  background-color: rgba(83, 90, 106, 0.06);
}
.btn[ui-color=gray-600][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #535A6A;
  font-weight: 400;
}
.btn[ui-color=gray-600][ui-type=text]:hover {
  color: rgb(60.6031746032, 65.7142857143, 77.3968253968);
}
.btn[ui-color=gray-700] {
  background-color: #23262C;
  color: #ffffff;
}
.btn[ui-color=gray-700]:hover {
  background-color: rgb(12.4050632911, 13.4683544304, 15.5949367089);
}
.btn[ui-color=gray-700][ui-type=outlined] {
  background: transparent;
  border-color: #23262C;
  color: #23262C;
}
.btn[ui-color=gray-700][ui-type=outlined]:hover {
  background-color: rgba(35, 38, 44, 0.06);
}
.btn[ui-color=gray-700][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #23262C;
  font-weight: 400;
}
.btn[ui-color=gray-700][ui-type=text]:hover {
  color: rgb(12.4050632911, 13.4683544304, 15.5949367089);
}
.btn[ui-color=gray-800] {
  background-color: #21242B;
  color: #ffffff;
}
.btn[ui-color=gray-800]:hover {
  background-color: rgb(10.8552631579, 11.8421052632, 14.1447368421);
}
.btn[ui-color=gray-800][ui-type=outlined] {
  background: transparent;
  border-color: #21242B;
  color: #21242B;
}
.btn[ui-color=gray-800][ui-type=outlined]:hover {
  background-color: rgba(33, 36, 43, 0.06);
}
.btn[ui-color=gray-800][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #21242B;
  font-weight: 400;
}
.btn[ui-color=gray-800][ui-type=text]:hover {
  color: rgb(10.8552631579, 11.8421052632, 14.1447368421);
}
.btn[ui-color=gray-900] {
  background-color: #121418;
  color: #ffffff;
}
.btn[ui-color=gray-900]:hover {
  background-color: hsl(220, 14.2857142857%, -1.7647058824%);
}
.btn[ui-color=gray-900][ui-type=outlined] {
  background: transparent;
  border-color: #121418;
  color: #121418;
}
.btn[ui-color=gray-900][ui-type=outlined]:hover {
  background-color: rgba(18, 20, 24, 0.06);
}
.btn[ui-color=gray-900][ui-type=text] {
  background: transparent;
  border: none;
  padding: 0;
  color: #121418;
  font-weight: 400;
}
.btn[ui-color=gray-900][ui-type=text]:hover {
  color: hsl(220, 14.2857142857%, -1.7647058824%);
}
.btn[ui-fs=xs] {
  font-size: clamp(13px, 0.6770833333vw, 26px);
}
.btn[ui-fs=sm] {
  font-size: clamp(14px, 0.7291666667vw, 28px);
}
.btn[ui-fs=base] {
  font-size: clamp(14px, 0.7291666667vw, 28px);
}
.btn[ui-fs=md] {
  font-size: clamp(16px, 0.8333333333vw, 32px);
}
.btn[ui-fs=lg] {
  font-size: clamp(20px, 1.0416666667vw, 40px);
}
.btn[ui-fs=xl] {
  font-size: clamp(24px, 1.25vw, 48px);
}
.btn[ui-fs=xxl] {
  font-size: clamp(36px, 1.875vw, 72px);
}
.btn[ui-fs=main] {
  font-size: clamp(64px, 3.3333333333vw, 128px);
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.modal.is-open {
  opacity: 1;
  pointer-events: auto;
}
.modal-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(18, 20, 24, 0.7);
}
.modal-dialog {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
  width: var(--modal-width, clamp(860px, 44.7916666667vw, 1720px));
  height: var(--modal-height, auto);
  max-width: calc(100% - clamp(20px, 1.0416666667vw, 40px));
  max-height: 90vh;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 1px 6px 16px rgba(0, 0, 0, 0.14);
  z-index: 1;
  overflow: hidden;
}
.is-positioned .modal-dialog {
  position: absolute;
  left: var(--modal-x, 0);
  top: var(--modal-y, 0);
}
.modal-dialog > * {
  width: 100%;
}
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: clamp(16px, 0.8333333333vw, 32px);
  border-bottom: 1px solid #DEE1E8;
}
.modal-title {
  font-size: clamp(16px, 0.8333333333vw, 32px);
  font-weight: 600;
  color: #23262C;
}
.modal-body {
  flex: 1;
  padding: clamp(24px, 1.25vw, 48px) clamp(20px, 1.0416666667vw, 40px) clamp(20px, 1.0416666667vw, 40px);
  overflow-y: auto;
  min-height: 0;
}
.modal-body:has(.content-view) + .modal-footer {
  padding: 0;
  gap: 0;
}
.modal-body:has(.content-view) + .modal-footer > * {
  flex: 1;
  background-color: #121418;
  color: #ffffff;
  border-radius: 0;
  font-weight: 500;
}
.modal-body:has(.content-view) + .modal-footer > *:not(:last-child) {
  border-right: 1px solid #535A6A;
}
.modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  padding: 0 clamp(20px, 1.0416666667vw, 40px) clamp(24px, 1.25vw, 48px);
}
[ui-app=system] .modal-footer .btn {
  height: clamp(40px, 2.0833333333vw, 80px);
  padding: 0 clamp(24px, 1.25vw, 48px);
}
.modal .btn-close {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%204L4%2012M12%2012L4%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%204L4%2012M12%2012L4%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.modal-search {
  padding: clamp(20px, 1.0416666667vw, 40px);
  border-radius: 12px;
  background-color: rgba(240, 242, 247, 0.5);
}
.modal-search .form-col-button {
  margin-top: auto;
  flex-shrink: 0;
  width: auto;
}
.modal-search .form-col-button .btn {
  height: clamp(36px, 1.875vw, 72px);
  min-width: clamp(72px, 3.75vw, 144px);
  padding-inline: clamp(24px, 1.25vw, 48px);
}
.modal-result {
  margin-top: clamp(32px, 1.6666666667vw, 64px);
}
.modal-result-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(12px, 0.625vw, 24px);
  font-size: clamp(20px, 1.0416666667vw, 40px);
  margin-bottom: clamp(16px, 0.8333333333vw, 32px);
  line-height: 1;
}
.modal-result .table-scroll {
  border-top: 1px solid #23262C;
}
.modal-result .table th, .modal-result .table td {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #23262C;
}
.modal-result .table th .btn, .modal-result .table td .btn {
  margin-inline: auto;
}
.modal-result .table-scroll {
  max-height: calc(60vh - clamp(200px, 10.4166666667vw, 400px));
}
.modal-result-tree {
  margin-top: clamp(16px, 0.8333333333vw, 32px);
  height: clamp(250px, 13.0208333333vw, 500px);
  max-height: calc(60vh - clamp(200px, 10.4166666667vw, 400px));
  overflow-y: auto;
  border: 1px solid #DEE1E8;
  border-radius: 12px;
  padding: clamp(16px, 0.8333333333vw, 32px);
}
.modal .content-search {
  margin-top: clamp(32px, 1.6666666667vw, 64px);
}
.modal .medical-card {
  padding: 0;
  height: auto;
}
.modal .medical-card textarea {
  height: clamp(100px, 5.2083333333vw, 200px);
}
.modal .content-view .view-header, .modal .content-view .view-body, .modal .content-view .view-file {
  padding-inline: 0 !important;
}
.modal .content-view .view-title {
  margin-bottom: clamp(8px, 0.4166666667vw, 16px);
}

[ui-app=console] .modal-header {
  padding: clamp(12px, 0.625vw, 24px);
}
[ui-app=console] .modal .btn-close {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%204L4%2012M12%2012L4%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%204L4%2012M12%2012L4%204%27%20stroke=%27%238E97AD%27%20stroke-width=%271.2%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
[ui-app=console] .modal-body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: clamp(12px, 0.625vw, 24px);
  height: 100%;
}
[ui-app=console] .modal-body > p {
  color: #072865;
  margin-bottom: clamp(12px, 0.625vw, 24px);
  font-weight: 500;
}
[ui-app=console] .modal-body .table-scroll {
  flex: 1;
  min-height: 0;
}
[ui-app=console] .modal-body .table thead {
  background-color: #F0F2F7;
}
[ui-app=console] .modal-body .table thead th {
  box-shadow: inset 0 1px 0px #DEE1E8;
}
[ui-app=console] .modal-body .table tbody tr:nth-child(even) {
  background-color: rgba(240, 242, 247, 0.5);
}
[ui-app=console] .modal-body .table tbody tr:nth-child(even):hover {
  background-color: rgba(48, 126, 254, 0.1);
}
[ui-app=console] .modal-body .table tfoot th, [ui-app=console] .modal-body .table tfoot td {
  background-color: rgba(48, 126, 254, 0.08);
  font-weight: 600;
}
[ui-app=console] .modal-body .table tfoot th:not(.highlight) {
  color: #072865;
}
[ui-app=console] .modal-body .table th, [ui-app=console] .modal-body .table td {
  white-space: nowrap;
}
[ui-app=console] .modal-body .table th:not(.highlight), [ui-app=console] .modal-body .table td:not(.highlight) {
  color: #23262C;
}
[ui-app=console] .modal-body .table th:not(:last-child), [ui-app=console] .modal-body .table td:not(:last-child) {
  border-right: 1px solid #DEE1E8;
}

[ui-app=mdt] .modal .btn {
  height: 56px;
  padding: clamp(0px, 0vw, 0px) clamp(24px, 1.25vw, 48px);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(16px, 0.8333333333vw, 32px);
  margin-top: clamp(12px, 0.625vw, 24px);
  position: relative;
}
.pagination-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  color: #535A6A;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  white-space: nowrap;
}
.pagination-info select {
  font-weight: 600;
  height: clamp(32px, 1.6666666667vw, 64px);
}
.pagination-prev, .pagination-next {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2712%27%20height=%2712%27%20viewBox=%270%200%2012%2012%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.5%203L7.5%206L4.5%209%27%20stroke=%27%230F48B2%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2712%27%20height=%2712%27%20viewBox=%270%200%2012%2012%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.5%203L7.5%206L4.5%209%27%20stroke=%27%230F48B2%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.pagination-prev {
  transform: scaleX(-1);
}
.pagination-section {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: clamp(10px, 0.5208333333vw, 20px);
}
.table-count {
  text-align: right;
  padding-right: clamp(8px, 0.8333333333vw, 16px);
  font-size: clamp(11px, 0.5729166667vw, 22px)
;
  font-weight: 500;
  color: #2D3748;
  margin-bottom: 4px;
}

.tree-item.is-open > .tree-row .tree-toggle::before {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect%20x=%273%27%20y=%273.5%27%20width=%2718%27%20height=%2718%27%20rx=%274%27%20fill=%27%23072865%27/%3E%3Cpath%20d=%27M16%2012.5L8%2012.5%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.tree-item.is-open > .tree-children {
  display: block;
}
.tree-item > strong {
  display: block;
  color: #0F48B2;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  margin-bottom: clamp(4px, 0.2083333333vw, 8px);
}
.tree-item:not(:first-child) > strong {
  margin-top: clamp(12px, 0.625vw, 24px);
}
.tree-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  padding: clamp(4px, 0.2083333333vw, 8px) clamp(8px, 0.4166666667vw, 16px);
  cursor: pointer;
}
.tree-row:hover {
  background-color: rgba(48, 126, 254, 0.05);
}
.tree-row.is-selected {
  background-color: rgba(48, 126, 254, 0.1);
}
.tree-row:has([ui-tree-toggle]) .tree-label::before {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.00086%209.06704L4.00078%2016.4999C4.00077%2017.6045%204.8962%2018.5%206.00078%2018.5L17.9997%2018.5C19.1043%2018.5%2019.9997%2017.6046%2019.9997%2016.5001L20%208.91765C20%208.36535%2019.5523%207.91762%2019%207.91762H12.0697L9.76555%205.5H5.00038C4.44795%205.5%204.00017%205.94747%204.00034%206.49991C4.00058%207.26992%204.00086%208.32475%204.00086%209.06704Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.tree-row:not(:has([ui-tree-toggle])) .tree-label {
  padding-left: calc(clamp(24px, 1.25vw, 48px) + clamp(8px, 0.4166666667vw, 16px));
}
.tree-row:not(:has([ui-tree-toggle])) .tree-label::before {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M14.3078%204.5V7.3125C14.3078%207.83027%2014.721%208.25%2015.2308%208.25H18M16.6154%205.90625C16.2046%205.53292%2015.7783%205.09014%2015.5092%204.80256C15.3301%204.6112%2015.0827%204.5%2014.8227%204.5H7.84618C6.82661%204.5%206.00008%205.33946%206.00007%206.37499L6%2017.625C5.99999%2018.6605%206.82652%2019.5%207.8461%2019.5L16.1536%2019.5C17.1732%2019.5%2017.9997%2018.6606%2017.9997%2017.625L18%207.68581C18%207.44609%2017.91%207.21565%2017.7461%207.04307C17.4432%206.72394%2016.9374%206.19884%2016.6154%205.90625Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.tree-toggle {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
}
.tree-toggle::before {
  content: "";
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect%20x=%273%27%20y=%273.5%27%20width=%2718%27%20height=%2718%27%20rx=%274%27%20fill=%27%23072865%27/%3E%3Cpath%20d=%27M12%208.5L12%2016.5M16%2012.5L8%2012.5%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.tree-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
}
.tree-label::before {
  content: "";
}
.tree-children {
  display: none;
}
.tree-children:not(:has(.tree-cell)) > .tree-item > .tree-row {
  padding-left: clamp(32px, 1.6666666667vw, 64px);
}
.tree-children:not(:has(.tree-cell)) .tree-children > .tree-item > .tree-row {
  padding-left: clamp(64px, 3.3333333333vw, 128px);
}
.tree-head {
  display: grid;
  grid-template-columns: 2fr 3fr 1fr;
  text-align: center;
  padding-bottom: clamp(8px, 0.4166666667vw, 16px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
  font-weight: 500;
  border-bottom: 1px solid #DEE1E8;
  color: #535A6A;
}
.tree-head + .tree-item {
  height: clamp(228px, 11.875vw, 456px);
  overflow-y: auto;
  padding: clamp(16px, 0.8333333333vw, 32px) 0;
}
.tree:has(.tree-head) .tree-row {
  display: grid;
  grid-template-columns: 3fr 3fr 1fr;
}
.tree:has(.tree-head) .tree-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  min-width: 0;
}
.tree:has(.tree-head) .tree-cell + .tree-col {
  text-align: left;
}
.tree:has(.tree-head) .tree-col {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #535A6A;
  text-align: center;
}

.tree > .tree-item > .tree-children > .tree-item > .tree-row {
  padding-left: clamp(32px, 1.6666666667vw, 64px);
}

.tree > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-row {
  padding-left: clamp(64px, 3.3333333333vw, 128px);
}

.tree > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-row {
  padding-left: clamp(96px, 5vw, 192px);
}

.tree > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-row {
  padding-left: clamp(128px, 6.6666666667vw, 256px);
}

.tree > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-row {
  padding-left: clamp(160px, 8.3333333333vw, 320px);
}

.tree > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-row {
  padding-left: clamp(192px, 10vw, 384px);
}

.tree > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-children > .tree-item > .tree-row {
  padding-left: clamp(224px, 11.6666666667vw, 448px);
}

.layout {
  width: 100%;
}
.layout[ui-auth=guest] .header-nav,
.layout[ui-auth=guest] .header-util {
  display: none;
}

.header {
  position: sticky;
  top: 0;
  border-bottom: 1.5px solid  #DEE1E8;
  height: clamp(80px, 4.1666666667vw, 160px);
  backdrop-filter: blur(16px);
  z-index: 101;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 1.25vw, 48px);
  height: 100%;
  padding-inline: clamp(80px, 4.1666666667vw, 160px);
  background-color: rgba(240, 242, 247, 0.5);
}
.header-inner > .header-left,
.header-inner > .header-util {
  flex: 0 0 auto;
}
.header-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 0;
  gap: clamp(20px, 2.3333vw, 112px);
  height: 100%;
  min-width: 0;
  overflow: hidden;
}
.header-nav .nav-item {
  position: relative;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #535A6A;
  transition: color 0.2s ease;
}
.header-nav .nav-item:hover {
  color: rgb(38.2063492063, 41.4285714286, 48.7936507937);
}
.header-nav .nav-item {
  font-size: clamp(18px, 0.9375vw, 36px);
  line-height: 1;
}
.header-nav .nav-item:before {
  content: "";
  position: absolute;
  top: 0;
  right: clamp(-16px, -0.4166666667vw, -8px);
  width: clamp(4px, 0.2083333333vw, 8px);
  height: clamp(4px, 0.2083333333vw, 8px);
  border-radius: 50%;
  background-color: #0F48B2;
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}
.header-nav .nav-item[target=_blank]:after {
  content: "";
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M8.45875%207.0808L16.9928%207.09274M16.9928%207.09274L17.0047%2015.5054M16.9928%207.09274L7.09331%2016.9922%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.header-nav .nav-item.is-active, .header-nav .nav-item:hover {
  color: #23262C;
}
.header-nav .nav-item.is-active:before, .header-nav .nav-item:hover:before {
  opacity: 1;
}
.header-nav .nav-item.is-active {
  color: #0F48B2;
}
.header-nav .nav-item.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: auto;
}
#btnReport.is-disabled,
#btnChatbot.is-disabled {
  cursor: default;
}
.header-nav .nav-item.is-disabled:hover {
  color: #535A6A;
}
.header-nav .nav-item.is-disabled:before {
  opacity: 0;
}
.header-util {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(16px, 0.8333333333vw, 32px);
}
.header-util .util-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #535A6A;
  transition: color 0.2s ease;
}
.header-util .util-item:hover {
  color: rgb(38.2063492063, 41.4285714286, 48.7936507937);
}
.header-util .util-item {
  line-height: 1;
}
.header-util .util-item [class^=icon] {
  transition: all 0.3s ease 0s;
}
.header-util .util-item .icon-person {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M16.5%209C16.5%206.51472%2014.4853%204.5%2012%204.5C9.51472%204.5%207.5%206.51472%207.5%209C7.5%2011.4853%209.51472%2013.5%2012%2013.5C14.4853%2013.5%2016.5%2011.4853%2016.5%209Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M18.5%2019.5C18.5%2016.1863%2015.5899%2013.5%2012%2013.5C8.41015%2013.5%205.5%2016.1863%205.5%2019.5%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M16.5%209C16.5%206.51472%2014.4853%204.5%2012%204.5C9.51472%204.5%207.5%206.51472%207.5%209C7.5%2011.4853%209.51472%2013.5%2012%2013.5C14.4853%2013.5%2016.5%2011.4853%2016.5%209Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M18.5%2019.5C18.5%2016.1863%2015.5899%2013.5%2012%2013.5C8.41015%2013.5%205.5%2016.1863%205.5%2019.5%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.header-util .util-item .icon-setting {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2014.5C13.3807%2014.5%2014.5%2013.3807%2014.5%2012C14.5%2010.6193%2013.3807%209.5%2012%209.5C10.6193%209.5%209.5%2010.6193%209.5%2012C9.5%2013.3807%2010.6193%2014.5%2012%2014.5Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M4%2012.6992V11.3008C4%2010.4744%204.6754%209.79106%205.50971%209.79106C6.94791%209.79106%207.5359%208.77399%206.81283%207.52649C6.39964%206.81137%206.64596%205.8817%207.36904%205.46852L8.74367%204.68188C9.37139%204.30843%2010.1819%204.53091%2010.5553%205.15863L10.6427%205.3096C11.3578%206.5571%2012.5338%206.5571%2013.2569%205.3096L13.3443%205.15863C13.7178%204.53091%2014.5282%204.30843%2015.156%204.68188L16.5306%205.46852C17.2537%205.8817%2017.5%206.81137%2017.0868%207.52649C16.3637%208.77399%2016.9517%209.79106%2018.3899%209.79106C19.2163%209.79106%2019.8996%2010.4665%2019.8996%2011.3008V12.6992C19.8996%2013.5256%2019.2242%2014.2089%2018.3899%2014.2089C16.9517%2014.2089%2016.3637%2015.226%2017.0868%2016.4735C17.5%2017.1966%2017.2537%2018.1183%2016.5306%2018.5315L15.156%2019.3181C14.5282%2019.6916%2013.7178%2019.4691%2013.3443%2018.8414L13.2569%2018.6904C12.5418%2017.4429%2011.3658%2017.4429%2010.6427%2018.6904L10.5553%2018.8414C10.1819%2019.4691%209.37139%2019.6916%208.74367%2019.3181L7.36904%2018.5315C6.64596%2018.1183%206.39964%2017.1886%206.81283%2016.4735C7.5359%2015.226%206.94791%2014.2089%205.50971%2014.2089C4.6754%2014.2089%204%2013.5256%204%2012.6992Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2014.5C13.3807%2014.5%2014.5%2013.3807%2014.5%2012C14.5%2010.6193%2013.3807%209.5%2012%209.5C10.6193%209.5%209.5%2010.6193%209.5%2012C9.5%2013.3807%2010.6193%2014.5%2012%2014.5Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M4%2012.6992V11.3008C4%2010.4744%204.6754%209.79106%205.50971%209.79106C6.94791%209.79106%207.5359%208.77399%206.81283%207.52649C6.39964%206.81137%206.64596%205.8817%207.36904%205.46852L8.74367%204.68188C9.37139%204.30843%2010.1819%204.53091%2010.5553%205.15863L10.6427%205.3096C11.3578%206.5571%2012.5338%206.5571%2013.2569%205.3096L13.3443%205.15863C13.7178%204.53091%2014.5282%204.30843%2015.156%204.68188L16.5306%205.46852C17.2537%205.8817%2017.5%206.81137%2017.0868%207.52649C16.3637%208.77399%2016.9517%209.79106%2018.3899%209.79106C19.2163%209.79106%2019.8996%2010.4665%2019.8996%2011.3008V12.6992C19.8996%2013.5256%2019.2242%2014.2089%2018.3899%2014.2089C16.9517%2014.2089%2016.3637%2015.226%2017.0868%2016.4735C17.5%2017.1966%2017.2537%2018.1183%2016.5306%2018.5315L15.156%2019.3181C14.5282%2019.6916%2013.7178%2019.4691%2013.3443%2018.8414L13.2569%2018.6904C12.5418%2017.4429%2011.3658%2017.4429%2010.6427%2018.6904L10.5553%2018.8414C10.1819%2019.4691%209.37139%2019.6916%208.74367%2019.3181L7.36904%2018.5315C6.64596%2018.1183%206.39964%2017.1886%206.81283%2016.4735C7.5359%2015.226%206.94791%2014.2089%205.50971%2014.2089C4.6754%2014.2089%204%2013.5256%204%2012.6992Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-miterlimit=%2710%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.header-util .util-item .icon-logout {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-1);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M10.7901%204H7.10547C6.54707%204%206.01153%204.21071%205.61668%204.58579C5.22183%204.96086%205%205.46957%205%206V18C5%2018.5304%205.22183%2019.0391%205.61668%2019.4142C6.01153%2019.7893%206.54707%2020%207.10547%2020H10.7901M10.0575%2012H20M20%2012L15.4412%207.42857M20%2012L15.4412%2016.5714%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M10.7901%204H7.10547C6.54707%204%206.01153%204.21071%205.61668%204.58579C5.22183%204.96086%205%205.46957%205%206V18C5%2018.5304%205.22183%2019.0391%205.61668%2019.4142C6.01153%2019.7893%206.54707%2020%207.10547%2020H10.7901M10.0575%2012H20M20%2012L15.4412%207.42857M20%2012L15.4412%2016.5714%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.header-util .util-item:hover [class^=icon] {
  background-color: rgb(89.5692307692, 99.4, 123.4307692308);
}
.header .logo {
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 0.4166666667vw, 16px);
  color: #072865;
  font-size: clamp(20px, 1.0416666667vw, 40px);
  font-weight: 600;
  white-space: nowrap;
}
.header .logo img {
  height: clamp(50px, 2.625vw, 101px);
  margin-bottom: clamp(10px, 1.0416666667vw, 20px)
}

[ui-page=main] .header {
  position: fixed;
  width: 100%;
  border-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
  backdrop-filter: blur(0px);
}
[ui-page=main] .header .nav-item {
  color: #ffffff;
}
[ui-page=main] .header .nav-item:before {
  background-color: #ffffff;
}
[ui-page=main] .header .nav-item[target=_blank]:after {
  content: "";
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: #ffffff;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M8.45875%207.0808L16.9928%207.09274M16.9928%207.09274L17.0047%2015.5054M16.9928%207.09274L7.09331%2016.9922%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M8.45875%207.0808L16.9928%207.09274M16.9928%207.09274L17.0047%2015.5054M16.9928%207.09274L7.09331%2016.9922%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
[ui-page=main] .header .util-item {
  color: #ffffff;
}
[ui-page=main] .header .util-item [class^=icon] {
  background-color: #ffffff;
}
[ui-page=main] .header .logo img {
  filter: brightness(0) invert(1);
}

/* TODO: 임시 챗봇 - 챗봇 구현 완료 후 교체 (.chatbot-popup, .chatbot-popup-*, #btnChatbot 포함) */
#btnChatbot {
  color: #313292;
}
#btnChatbot:hover {
  color: #313292;
}
#btnChatbot.is-disabled,
#btnChatbot.is-disabled:hover {
  color: #535A6A;
}
.chatbot-popup {
  position: fixed;
  top: 60px;
  right: 24px;
  width: 600px;
  height: 500px;
  background: #ffffff;
  border: 1px solid #DEE1E8;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 900;
  display: flex;
  flex-direction: column;
}
.chatbot-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #DEE1E8;
  flex-shrink: 0;
}
.chatbot-popup-title {
  font-size: 15px;
  font-weight: 600;
  color: #23262C;
}
.chatbot-popup-close {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18M6 18L18 6' stroke='%23535A6A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
}
.chatbot-popup-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.chatbot-popup-placeholder {
  font-size: 14px;
  color: #858B99;
}

.footer {
  width: 100%;
  border-top: 1px solid #DEE1E8;
}
.footer-inner {
  height: clamp(40px, 2.0833333333vw, 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.footer-copy {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(16px, 0.8333333333vw, 32px);
  color: #8E97AD;
  font-size: clamp(13px, 0.6770833333vw, 26px);
}
.footer-copy span {
  position: relative;
}
.footer-copy span:not(:first-child)::before {
  content: "";
  position: absolute;
  left: clamp(-16px, -0.4166666667vw, -8px);
  width: 1px;
  height: clamp(12px, 0.625vw, 24px);
  background-color: #8E97AD;
  top: 50%;
  transform: translateY(-50%);
}

[ui-page=main] .footer {
  position: fixed;
  bottom: 0;
  border-color: transparent;
}
[ui-page=main] .footer-copy {
  color: rgba(222, 225, 232, 0.65);
}
[ui-page=main] .footer-copy span {
  position: relative;
}
[ui-page=main] .footer-copy span:not(:first-child)::before {
  background-color: rgba(222, 225, 232, 0.65);
}

.page {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  min-height: calc(100dvh - clamp(103px, 5.3645833333vw, 206px));
}
.page > * {
  width: 100%;
}
.page:not([ui-page-sidebar]) .page-body {
  background-color: #F0F2F7;
}
.page:not([ui-page-sidebar]) .page-body:has(.statistics) {
  background-color: #ffffff;
}
.page-header {
  border-bottom: 2px solid #B8BDC8;
  padding: clamp(48px, 2.5vw, 96px) clamp(80px, 4.1666666667vw, 160px) clamp(28px, 1.4583333333vw, 56px);
}
.page-title {
  font-size: clamp(36px, 1.875vw, 72px);
  font-weight: 400;
}
.page-body {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-inline: clamp(80px, 4.1666666667vw, 160px);
  flex: 1;
}
.page-body:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: clamp(320px, 16.6666666667vw, 640px);
  width: 1px;
  background-color: #DEE1E8;
}
.page-sidebar {
  position: sticky;
  top: clamp(72px, 3.75vw, 144px);
  width: clamp(240px, 12.5vw, 480px);
  flex-shrink: 0;
  padding: clamp(28px, 1.4583333333vw, 56px) clamp(48px, 2.5vw, 96px) clamp(120px, 6.25vw, 240px) 0;
}
.page-sidebar h1 {
  color: #0F48B2;
  font-size: clamp(36px, 1.875vw, 72px);
  font-weight: 500;
  margin-top: clamp(20px, 1.0416666667vw, 40px);
  margin-bottom: clamp(20px, 1.0416666667vw, 40px);
}
.page-sidebar ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}
.page-sidebar ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  padding: clamp(12px, 0.625vw, 24px) 0;
  font-size: clamp(18px, 0.9375vw, 36px);
  font-weight: 600;
  color: #858B99;
  transition: color 0.2s ease;
}
.page-sidebar ul li:hover {
  color: rgb(60.5625, 64.125, 72.4375);
}
.page-sidebar ul li.is-active {
  color: #23262C;
}
.page-sidebar ul li.is-active:before {
  content: "";
  width: clamp(6px, 0.3125vw, 12px);
  height: clamp(6px, 0.3125vw, 12px);
  border-radius: 50%;
  background-color: #307EFE;
}
.page-content {
  flex: 1;
  min-width: 0;
  padding: clamp(28px, 1.4583333333vw, 56px) 0 clamp(48px, 2.5vw, 96px) clamp(48px, 2.5vw, 96px);
}
.page-content .btn-group {
  margin-top: clamp(20px, 1.0416666667vw, 40px);
}
.page:not([ui-page-sidebar]) .page-body:before {
  display: none;
}
.page:not([ui-page-sidebar]) .page-sidebar {
  display: none;
}
.page:not([ui-page-sidebar]) .page-content {
  padding-left: 0;
}

.auth {
  padding: clamp(96px, 5vw, 192px) 0 clamp(44px, 2.2916666667vw, 88px);
}
.auth em {
  color: #F35454;
  font-weight: 400;
}
.auth-header {
  margin-bottom: clamp(52px, 2.7083333333vw, 104px);
  text-align: center;
}
.auth-header h1 {
  margin-bottom: clamp(20px, 1.0416666667vw, 40px);
}
.auth-header p {
  color: #535A6A;
  line-height: 1.5;
  font-size: clamp(16px, 0.8333333333vw, 32px);
}
.auth-header p strong {
  font-weight: 400;
  color: #072865;
}
.auth-form {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(20px, 1.0416666667vw, 40px);
}
.auth-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(24px, 1.25vw, 48px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
  width: 100%;
  margin-top: clamp(16px, 0.8333333333vw, 32px);
}
.auth-links a {
  position: relative;
  color: #23262C;
  transition: color 0.2s ease;
}
.auth-links a:hover {
  color: hsl(220, 11.3924050633%, -4.5098039216%);
}
.auth-links a:not(:last-child):after {
  content: "";
  position: absolute;
  right: clamp(-24px, -0.625vw, -12px);
  width: 1px;
  height: clamp(18px, 0.9375vw, 36px);
  background-color: #DEE1E8;
}
.auth-footer {
  text-align: center;
  color: #535A6A;
  font-size: clamp(13px, 0.6770833333vw, 26px);
  margin-top: clamp(48px, 2.5vw, 96px);
}
.auth-footer ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(20px, 1.0416666667vw, 40px);
  margin-top: clamp(8px, 0.4166666667vw, 16px);
}
.auth-result {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  border-radius: 12px;
  background-color: rgba(240, 242, 247, 0.5);
  padding: clamp(32px, 1.6666666667vw, 64px);
  text-align: center;
}
.auth-result p:has(strong) {
  margin-top: clamp(12px, 0.625vw, 24px);
  font-size: clamp(20px, 1.0416666667vw, 40px);
  color: #072865;
}
.auth .btn-group {
  margin-top: clamp(32px, 1.6666666667vw, 64px);
}

.main {
  display: grid;
  grid-template-columns: 360px 1fr 360px;
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(24px, 1.25vw, 48px);
  min-height: calc(100dvh - clamp(40px, 2.0833333333vw, 80px));
  height: 100%;
  padding: clamp(64px, 3.3333333333vw, 128px) clamp(80px, 4.1666666667vw, 160px);
}
.main-left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(40px, 2.0833333333vw, 80px);
}
.main-center .svg {
  width: clamp(913px, 47.5520833333vw, 1826px);
  height: clamp(741px, 38.59375vw, 1482px);
}
.main-center .svg-path {
  fill: rgba(222, 225, 232, 0.5);
}
.main-center .svg-text {
  fill: #8E97AD;
}
.main-center .svg-icon {
  display: none;
}
.main-center .svg-icon rect {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  fill: rgba(255, 255, 255, 0.8);
  rx: 48;
}
.main-center .svg-icon path {
  stroke-width: 1.4;
  stroke: #F35454;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.main-center .svg .fire .svg-icon {
  display: block;
}
.main-center .svg .red .svg-text,
.main-center .svg .orange .svg-text,
.main-center .svg .green .svg-text {
  fill: #ffffff;
}
.main-center .svg .red .svg-path {
  fill: rgba(243, 84, 84, 0.8);
}
.main-center .svg .orange .svg-path {
  fill: rgba(255, 151, 53, 0.8);
}
.main-center .svg .green .svg-path {
  fill: rgba(64, 200, 110, 0.8);
}
.main-right {
  margin-top: calc(-1 * clamp(64px, 3.3333333333vw, 128px) + 30px);
}
.main .live-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(12px, 0.625vw, 24px);
}
.main .live-time {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  color: #072865;
  font-size: clamp(16px, 0.8333333333vw, 32px);
}
.main .live-time strong {
  font-size: clamp(64px, 3.3333333333vw, 128px);
}
.main .live-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(8px, 0.4166666667vw, 16px);
  margin-top: clamp(24px, 1.25vw, 48px);
}
.main .live-card .card {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(12px, 0.625vw, 24px);
  width: clamp(140px, 7.2916666667vw, 280px);
  border-radius: 12px;
  border: 1px solid #DEE1E8;
  padding: clamp(16px, 0.8333333333vw, 32px);
}
.main .live-card .card-icon {
  width: clamp(36px, 1.875vw, 72px);
  height: clamp(36px, 1.875vw, 72px);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.main .live-card .card-icon:after {
  content: "";
}
.main .live-card .card.sum .card-icon {
  background-color: rgba(15, 72, 178, 0.1);
}
.main .live-card .card.sum .card-icon:after {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M5.11559%2014.1736L3.58352%2015.1942C2.72761%2015.7644%202.77074%2016.6306%203.68189%2017.17L10.1461%2020.9964C11.0966%2021.5591%2012.6377%2021.5591%2013.5883%2020.9964L20.0525%2017.17C20.9636%2016.6306%2021.0068%2015.7644%2020.1509%2015.1942L18.6188%2014.1736%27%20stroke=%27%23072865%27%20stroke-width=%271.4%27/%3E%3Cpath%20d=%27M5.11559%2010.3354L3.58352%2011.356C2.72761%2011.9262%202.77074%2012.7925%203.68189%2013.3318L10.1461%2017.1583C11.0966%2017.721%2012.6377%2017.721%2013.5883%2017.1583L20.0525%2013.3318C20.9636%2012.7925%2021.0068%2011.9262%2020.1509%2011.356L18.6188%2010.3354%27%20stroke=%27%23072865%27%20stroke-width=%271.4%27/%3E%3Crect%20y=%270.713145%27%20width=%2710.2207%27%20height=%2710.2207%27%20rx=%271.3%27%20transform=%27matrix(0.860536%200.50939%20-0.860536%200.50939%2012.4809%202.84988)%27%20stroke=%27%23072865%27%20stroke-width=%271.4%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.main .live-card .card.waiting .card-icon {
  background-color: rgba(150, 119, 245, 0.1);
}
.main .live-card .card.waiting .card-icon:after {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M9.57447%2017.9143H14.4255M16.9787%2021H7.02128C6.45724%2021%206%2020.5395%206%2019.9714V17.2237C6%2017.0042%206.06977%2016.7904%206.19909%2016.6136L9.12807%2012.6101C9.39353%2012.2473%209.39353%2011.7527%209.12807%2011.3899L6.19909%207.38641C6.06977%207.20964%206%206.99584%206%206.77626V4.02857C6%203.46051%206.45724%203%207.02128%203H16.7234C17.2874%203%2017.7447%203.46051%2017.7447%204.02857V6.79608C17.7447%207.00337%2017.6825%207.20582%2017.5663%207.3769L14.8351%2011.3971C14.5898%2011.7581%2014.5981%2012.2359%2014.8558%2012.5881L17.8009%2016.6136C17.9302%2016.7904%2018%2017.0042%2018%2017.2237V19.9714C18%2020.5395%2017.5428%2021%2016.9787%2021Z%27%20stroke=%27%239677F5%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.main .live-card .card.accepting .card-icon {
  background-color: rgba(48, 126, 254, 0.1);
}
.main .live-card .card.accepting .card-icon:after {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle%20cx=%2711.8672%27%20cy=%2712.5%27%20r=%279%27%20stroke=%27%23307EFE%27%20stroke-opacity=%270.2%27%20stroke-width=%271.4%27/%3E%3Cpath%20d=%27M20.8672%2012.5C20.8672%2017.4706%2016.8378%2021.5%2011.8672%2021.5C6.89662%2021.5%202.86719%2017.4706%202.8679%2012.5C2.86719%207.52944%206.89662%203.5%2011.8672%203.5%27%20stroke=%27%23307EFE%27%20stroke-width=%271.4%27/%3E%3Cpath%20d=%27M7.5%2012.5L10.7%2015.5L16.5%209.5%27%20stroke=%27%23307EFE%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.main .live-card .card.callbot .card-icon {
  background-color: rgba(240, 242, 247, 0.5);
}
.main .live-card .card.callbot .card-icon:after {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M17.6%2015.2V13.6C17.6%2011.3373%2017.6%2010.2059%2016.8971%209.50299C16.1941%208.80005%2015.0627%208.80005%2012.8%208.80005H11.2C8.93728%208.80005%207.80591%208.80005%207.10297%209.50299C6.40002%2010.2059%206.40002%2011.3373%206.40002%2013.6V15.2C6.40002%2017.4628%206.40002%2018.5941%207.10297%2019.2971C7.80591%2020%208.93728%2020%2011.2%2020H12.8C15.0627%2020%2016.1941%2020%2016.8971%2019.2971C17.6%2018.5941%2017.6%2017.4628%2017.6%2015.2Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M17.6%2016.8C18.7313%2016.8%2019.297%2016.8%2019.6485%2016.4486C20%2016.097%2020%2015.5314%2020%2014.4C20%2013.2686%2020%2012.703%2019.6485%2012.3514C19.297%2012%2018.7313%2012%2017.6%2012%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M6.4%2016.8C5.26863%2016.8%204.70294%2016.8%204.35147%2016.4486C4%2016.097%204%2015.5314%204%2014.4C4%2013.2686%204%2012.703%204.35147%2012.3514C4.70294%2012%205.26863%2012%206.4%2012%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M13.2%205.2C13.2%205.86274%2012.6628%206.4%2012%206.4C11.3373%206.4%2010.8%205.86274%2010.8%205.2C10.8%204.53726%2011.3373%204%2012%204C12.6628%204%2013.2%204.53726%2013.2%205.2Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27/%3E%3Cpath%20d=%27M12%206.3999V8.7999%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M9.59998%2012.8V13.6%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M14.4%2012.8V13.6%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M10.4%2016.3999C10.4%2016.3999%2010.9334%2016.7999%2012%2016.7999C13.0667%2016.7999%2013.6%2016.3999%2013.6%2016.3999%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.main .live-card .card-count {
  font-size: clamp(24px, 1.25vw, 48px);
}
.main .live-card .card-label {
  color: #535A6A;
}
.main .map-legend + .map-legend {
  margin-top: clamp(5px, 0.2604166667vw, 10px);
}
.main .map-legend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
}
.main .map-legend .legend-title {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #535A6A;
}
.main .map-legend .legend-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #858B99;
}
.main .map-legend .legend-item span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
}
.main .map-legend .legend-item span::before {
  content: "";
  width: clamp(8px, 0.4166666667vw, 16px);
  height: clamp(8px, 0.4166666667vw, 16px);
  border-radius: 50%;
  background-color: #DEE1E8;
}
.main .map-legend .legend-item span.green::before {
  background-color: #40C86E;
}
.main .map-legend .legend-item span.orange::before {
  background-color: #FF9735;
}
.main .map-legend .legend-item span.red::before {
  background-color: #F35454;
}
.main .map-legend .legend-item span.black::before {
  background-color: #000000;
}
.main .map-legend .legend-item span.red {
  color: #858B99;
}
.main .section-title {
  font-size: clamp(20px, 1.0416666667vw, 40px);
}
.main .summary {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(24px, 1.25vw, 48px);
  padding: clamp(28px, 1.4583333333vw, 56px) clamp(20px, 1.0416666667vw, 40px);
  border: 1px solid #DEE1E8;
  border-radius: 12px;
  margin-bottom: clamp(18px, 0.9375vw, 36px);
}
.main .summary-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: stretch;
  justify-content: stretch;
}
.main .summary-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  width: clamp(64px, 3.3333333333vw, 128px);
  height: clamp(64px, 3.3333333333vw, 128px);
}
.main .summary-list li:not(:last-child) {
  border-right: 1px solid #DEE1E8;
}
.main .summary-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  font-weight: 500;
  color: #535A6A;
}
.main .summary-label:before {
  content: "";
}
.main .summary-count {
  font-weight: 600;
  font-size: clamp(20px, 1.0416666667vw, 40px);
}
.main .summary .sum .summary-label:before {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M5.11559%2014.1736L3.58352%2015.1942C2.72761%2015.7644%202.77074%2016.6306%203.68189%2017.17L10.1461%2020.9964C11.0966%2021.5591%2012.6377%2021.5591%2013.5883%2020.9964L20.0525%2017.17C20.9636%2016.6306%2021.0068%2015.7644%2020.1509%2015.1942L18.6188%2014.1736%27%20stroke=%27%23072865%27%20stroke-width=%271.4%27/%3E%3Cpath%20d=%27M5.11559%2010.3354L3.58352%2011.356C2.72761%2011.9262%202.77074%2012.7925%203.68189%2013.3318L10.1461%2017.1583C11.0966%2017.721%2012.6377%2017.721%2013.5883%2017.1583L20.0525%2013.3318C20.9636%2012.7925%2021.0068%2011.9262%2020.1509%2011.356L18.6188%2010.3354%27%20stroke=%27%23072865%27%20stroke-width=%271.4%27/%3E%3Crect%20y=%270.713145%27%20width=%2710.2207%27%20height=%2710.2207%27%20rx=%271.3%27%20transform=%27matrix(0.860536%200.50939%20-0.860536%200.50939%2012.4809%202.84988)%27%20stroke=%27%23072865%27%20stroke-width=%271.4%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.main .summary .fire .summary-label:before {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M9.61111%2014C11.8331%2013.433%2013.5%2011.6971%2013.5%209.62232C13.5%207.08155%2012.3889%206.06524%2012.3889%206.06524C12.3889%206.06524%2012.3889%208.09786%2010.7222%208.09786C10.7222%204.03262%207.38889%202%207.38889%202C7.38889%206.06524%203.5%206.06524%203.5%209.62232C3.5%2011.6965%204.61335%2013.4329%206.8362%2014%27%20stroke=%27%23F35454%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M6.75228%2014.0001C5.10023%2010.1196%207.87531%207.6001%207.87531%207.6001C7.87531%207.6001%207.87531%2012.6088%2010.6829%2010.9392C10.6829%2010.9392%2011.2444%2013.4436%209.55986%2014.0001%27%20stroke=%27%23F35454%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.main .summary .rescue .summary-label:before {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M3.23077%202.98718L7.23077%201.32051C7.72308%201.11538%208.27692%201.11538%208.76923%201.32051L12.7692%202.98718C13.5145%203.29772%2014%204.02593%2014%204.83333V9.5C14%2010.1295%2013.7036%2010.7223%2013.2%2011.1L9.2%2014.1C8.48889%2014.6333%207.51111%2014.6333%206.8%2014.1L2.8%2011.1C2.29639%2010.7223%202%2010.1295%202%209.5V4.83333C2%204.02593%202.48548%203.29772%203.23077%202.98718Z%27%20stroke=%27%23FF9735%27%20stroke-width=%271.4%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M8%205L8%2010M10.5%207.5L5.5%207.5%27%20stroke=%27%23FF9735%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.main .summary .ems .summary-label:before {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background-color: #40C86E;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule=%27evenodd%27%20clip-rule=%27evenodd%27%20d=%27M8%204.5C10.4853%204.5%2012.5%206.51472%2012.5%209V12.2998H13C13.9389%2012.2998%2014.7002%2013.0611%2014.7002%2014C14.7002%2014.9389%2013.9389%2015.7002%2013%2015.7002H3C2.06112%2015.7002%201.2998%2014.9389%201.2998%2014C1.2998%2013.0611%202.06112%2012.2998%203%2012.2998H3.5V9C3.5%206.51472%205.51472%204.5%208%204.5ZM3%2013.7002C2.83431%2013.7002%202.7002%2013.8343%202.7002%2014C2.7002%2014.1657%202.83431%2014.2998%203%2014.2998H13C13.1657%2014.2998%2013.2998%2014.1657%2013.2998%2014C13.2998%2013.8343%2013.1657%2013.7002%2013%2013.7002H3ZM8%205.90039C6.28792%205.90039%204.90039%207.28792%204.90039%209V12.2998H11.0996V9C11.0996%207.28792%209.71208%205.90039%208%205.90039Z%27%20fill=%27%238E97AD%27/%3E%3Cpath%20d=%27M2.49512%203.00488C2.7685%202.73165%203.21203%202.73156%203.48535%203.00488L4.43555%203.95508C4.70861%204.22842%204.70771%204.67104%204.43457%204.94434C4.16129%205.21761%203.7187%205.21842%203.44531%204.94531L2.49512%203.99512C2.22175%203.72175%202.22175%203.27825%202.49512%203.00488Z%27%20fill=%27%238E97AD%27/%3E%3Cpath%20d=%27M12.4551%203.00488C12.7284%202.73174%2013.172%202.73171%2013.4453%203.00488C13.7184%203.27821%2013.7184%203.7218%2013.4453%203.99512L12.4951%204.94531C12.2217%205.21845%2011.7782%205.21763%2011.5049%204.94434C11.232%204.67101%2011.2319%204.22832%2011.5049%203.95508L12.4551%203.00488Z%27%20fill=%27%238E97AD%27/%3E%3Cpath%20d=%27M8.2002%201C8.5867%201.00011%208.90039%201.31366%208.90039%201.7002V3.04395C8.90022%203.43033%208.5866%203.74306%208.2002%203.74316C7.8137%203.74316%207.50017%203.4304%207.5%203.04395V1.7002C7.5%201.3136%207.8136%201%208.2002%201Z%27%20fill=%27%238E97AD%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule=%27evenodd%27%20clip-rule=%27evenodd%27%20d=%27M8%204.5C10.4853%204.5%2012.5%206.51472%2012.5%209V12.2998H13C13.9389%2012.2998%2014.7002%2013.0611%2014.7002%2014C14.7002%2014.9389%2013.9389%2015.7002%2013%2015.7002H3C2.06112%2015.7002%201.2998%2014.9389%201.2998%2014C1.2998%2013.0611%202.06112%2012.2998%203%2012.2998H3.5V9C3.5%206.51472%205.51472%204.5%208%204.5ZM3%2013.7002C2.83431%2013.7002%202.7002%2013.8343%202.7002%2014C2.7002%2014.1657%202.83431%2014.2998%203%2014.2998H13C13.1657%2014.2998%2013.2998%2014.1657%2013.2998%2014C13.2998%2013.8343%2013.1657%2013.7002%2013%2013.7002H3ZM8%205.90039C6.28792%205.90039%204.90039%207.28792%204.90039%209V12.2998H11.0996V9C11.0996%207.28792%209.71208%205.90039%208%205.90039Z%27%20fill=%27%238E97AD%27/%3E%3Cpath%20d=%27M2.49512%203.00488C2.7685%202.73165%203.21203%202.73156%203.48535%203.00488L4.43555%203.95508C4.70861%204.22842%204.70771%204.67104%204.43457%204.94434C4.16129%205.21761%203.7187%205.21842%203.44531%204.94531L2.49512%203.99512C2.22175%203.72175%202.22175%203.27825%202.49512%203.00488Z%27%20fill=%27%238E97AD%27/%3E%3Cpath%20d=%27M12.4551%203.00488C12.7284%202.73174%2013.172%202.73171%2013.4453%203.00488C13.7184%203.27821%2013.7184%203.7218%2013.4453%203.99512L12.4951%204.94531C12.2217%205.21845%2011.7782%205.21763%2011.5049%204.94434C11.232%204.67101%2011.2319%204.22832%2011.5049%203.95508L12.4551%203.00488Z%27%20fill=%27%238E97AD%27/%3E%3Cpath%20d=%27M8.2002%201C8.5867%201.00011%208.90039%201.31366%208.90039%201.7002V3.04395C8.90022%203.43033%208.5866%203.74306%208.2002%203.74316C7.8137%203.74316%207.50017%203.4304%207.5%203.04395V1.7002C7.5%201.3136%207.8136%201%208.2002%201Z%27%20fill=%27%238E97AD%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.main .summary .etc .summary-label:before {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle%20cx=%278%27%20cy=%278.5%27%20r=%275.8%27%20stroke=%27%239677F5%27%20stroke-width=%271.4%27/%3E%3Ccircle%20cx=%275%27%20cy=%278.75%27%20r=%270.75%27%20fill=%27%239677F5%27/%3E%3Ccircle%20cx=%278%27%20cy=%278.75%27%20r=%270.75%27%20fill=%27%239677F5%27/%3E%3Ccircle%20cx=%2711%27%20cy=%278.75%27%20r=%270.75%27%20fill=%27%239677F5%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.main .table tbody tr:has(.fire) {
  background-color: rgba(243, 84, 84, 0.1);
}
.main .summary .table th {
  height: clamp(48px, 2.5vw, 96px);
}
.main .summary .table td {
  height: clamp(20px, 1.0416666667vw, 40px);
}
.main .ai {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  margin-top: clamp(16px, 0.8333333333vw, 32px);
}
.main .ai > * {
  width: 100%;
  position: relative;
  padding: clamp(8px, 0.4166666667vw, 16px) clamp(12px, 0.625vw, 24px);
  border: 1px solid #DEE1E8;
  border-radius: 12px;
}
.main .ai p {
  font-weight: 600;
  text-align: center;
  padding: clamp(16px, 0.8333333333vw, 32px) clamp(12px, 0.625vw, 24px);
}
.main .ai h4 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  margin-bottom: clamp(8px, 0.4166666667vw, 16px);
}
.main .ai h4:before {
  content: "";
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--icon-2);
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2012V8.5M12%2014.5942V14.625M19%2012C19%2015.866%2015.866%2019%2012%2019C8.13401%2019%205%2015.866%205%2012C5%208.13401%208.13401%205%2012%205C15.866%205%2019%208.13401%2019%2012Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2012V8.5M12%2014.5942V14.625M19%2012C19%2015.866%2015.866%2019%2012%2019C8.13401%2019%205%2015.866%205%2012C5%208.13401%208.13401%205%2012%205C15.866%205%2019%208.13401%2019%2012Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.main .ai h4 span {
  margin-left: auto;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  font-weight: 400;
  color: var(--text-3);
}
.main .ai h4.level-2:before {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: #307EFE;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2012V8.5M12%2014.5942V14.625M19%2012C19%2015.866%2015.866%2019%2012%2019C8.13401%2019%205%2015.866%205%2012C5%208.13401%208.13401%205%2012%205C15.866%205%2019%208.13401%2019%2012Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2012V8.5M12%2014.5942V14.625M19%2012C19%2015.866%2015.866%2019%2012%2019C8.13401%2019%205%2015.866%205%2012C5%208.13401%208.13401%205%2012%205C15.866%205%2019%208.13401%2019%2012Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.main .ai h4.level-3:before {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: #FF9735;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2012V8.5M12%2014.5942V14.625M19%2012C19%2015.866%2015.866%2019%2012%2019C8.13401%2019%205%2015.866%205%2012C5%208.13401%208.13401%205%2012%205C15.866%205%2019%208.13401%2019%2012Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12%2012V8.5M12%2014.5942V14.625M19%2012C19%2015.866%2015.866%2019%2012%2019C8.13401%2019%205%2015.866%205%2012C5%208.13401%208.13401%205%2012%205C15.866%205%2019%208.13401%2019%2012Z%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.main .ai h4.level-4 {
  color: #F35454;
}
.main .ai h4.level-4:before {
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: #F35454;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M13.3474%2018H10.6526C7.41133%2018%205.79069%2018%205.19345%2016.9959C4.59622%2015.9919%205.42515%2014.6609%207.08302%2011.999L8.4304%209.83555C10.0229%207.27852%2010.8192%206%2012%206C13.1808%206%2013.9771%207.27851%2015.5696%209.83555L16.917%2011.999C18.5748%2014.6609%2019.4038%2015.9919%2018.8065%2016.9959C18.2093%2018%2016.5886%2018%2013.3474%2018Z%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M12%2010V13%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M12%2015.3281V15.3356%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M13.3474%2018H10.6526C7.41133%2018%205.79069%2018%205.19345%2016.9959C4.59622%2015.9919%205.42515%2014.6609%207.08302%2011.999L8.4304%209.83555C10.0229%207.27852%2010.8192%206%2012%206C13.1808%206%2013.9771%207.27851%2015.5696%209.83555L16.917%2011.999C18.5748%2014.6609%2019.4038%2015.9919%2018.8065%2016.9959C18.2093%2018%2016.5886%2018%2013.3474%2018Z%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M12%2010V13%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M12%2015.3281V15.3356%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.main .ai .warning {
  border: 2px solid #F35454;
}

.content-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  margin-top: clamp(21px, 1.09375vw, 42px);
  margin-bottom: clamp(20px, 1.0416666667vw, 40px);
}
.content-title button {
  font-weight: 600;
}
.content-title button:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.content-title .update {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  color: #535A6A;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  margin-left: clamp(16px, 0.8333333333vw, 32px);
}
.content-title .update span:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  color: #ffffff;
  line-height: 1;
  background-color: #072865;
  padding: clamp(4px, 0.2083333333vw, 8px) clamp(8px, 0.4166666667vw, 16px);
  border-radius: 4px;
}
.content-title .update span:first-child:before {
  content: "";
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M8%206.32V8.28118C8%208.40848%208.05057%208.53057%208.14059%208.62059L9.2%209.68M2%204.88V4.4C2%203.07452%203.07452%202%204.4%202H4.88M11.12%202L11.6%202C12.9255%202%2014%203.07452%2014%204.4V4.88M4.16%2012.32L2.48%2014M13.52%2014L11.84%2012.32M13.28%208.48C13.28%2011.3961%2010.9161%2013.76%208%2013.76C5.08394%2013.76%202.72%2011.3961%202.72%208.48C2.72%205.56394%205.08394%203.2%208%203.2C10.9161%203.2%2013.28%205.56394%2013.28%208.48Z%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.content-title .update.off span:first-child {
  background-color: #8E97AD;
}
.content-title .update.off span:first-child:before {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20viewBox=%270%200%2016%2016%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M2%204.88V4.4C2%203.8596%202.1786%203.36092%202.48%202.95977M11.12%202L11.6%202C12.9255%202%2014%203.07452%2014%204.4V4.88M4.16%2012.32L2.48%2014M13.52%2014L2.72%202.68606M6.5%203.41611C6.97548%203.27548%207.47892%203.2%208%203.2C10.9161%203.2%2013.28%205.56394%2013.28%208.48C13.28%209.3156%2013.0859%2010.1059%2012.7403%2010.8082M11.6%2012.3425C10.6569%2013.2219%209.39127%2013.76%208%2013.76C5.08394%2013.76%202.72%2011.3961%202.72%208.48C2.72%207.08873%203.2581%205.82314%204.13754%204.88%27%20stroke=%27white%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.content-search {
  /* padding: clamp(20px, 1.0416666667vw, 40px); */
  padding: clamp(14px, 0.7291666667vw, 28px);
  border-radius: 12px;
  background-color: rgba(240, 242, 247, 0.5);
  /* margin-bottom: clamp(28px, 1.4583333333vw, 56px); */
  margin-bottom: clamp(16px, 0.8333333333vw, 32px)
}
.content-search > .form-row {
  gap: clamp(20px, 1.0416666667vw, 40px) clamp(24px, 1.25vw, 48px);
}
.content-search .form-col > .form-row {
  gap: clamp(8px, 0.4166666667vw, 16px);
}
.content-search .form-col > .form-row select {
  flex: 1;
}
.content-search .form-col > .form-row input {
  flex: 2;
}
.content-search .form-col-button {
  margin-top: auto;
  flex-shrink: 0;
  width: auto;
}
.content-search .form-col-button .btn {
  height: clamp(36px, 1.875vw, 72px);
  min-width: clamp(72px, 3.75vw, 144px);
  padding-inline: clamp(24px, 1.25vw, 48px);
}
.content-search .form-col:first-child:has(select) {
  flex: 1;
}
.content-search .form-col:first-child:has(select) + .form-col:has(input) {
  flex: 2;
}
.content-search .form-col-button {
  flex: none;
}
.content-search .form-date-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(8px, 0.4166666667vw, 16px);
  width: 100%;
}
.content-view {
  border-top: 1px solid #23262C;
}
.content-view .view-header {
  padding: clamp(20px, 1.0416666667vw, 40px) clamp(32px, 1.6666666667vw, 64px);
  border-bottom: 1px solid #DEE1E8;
}
.content-view .view-title {
  font-size: clamp(20px, 1.0416666667vw, 40px);
  font-weight: 600;
  margin-bottom: clamp(12px, 0.625vw, 24px);
}
.content-view .view-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  color: #535A6A;
}
.content-view .view-meta div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
}
.content-view .view-body {
  padding: clamp(32px, 1.6666666667vw, 64px) clamp(32px, 1.6666666667vw, 64px) clamp(28px, 1.4583333333vw, 56px);
}
.content-view .view-body + .view-file {
  padding: 0 clamp(32px, 1.6666666667vw, 64px) clamp(32px, 1.6666666667vw, 64px);
}
.content-view .view-file {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
}
.content-view .view-file li {
  width: 100%;
}
.content-view .view-file li a,
.content-view .view-file li button {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: clamp(8px, 0.4166666667vw, 16px) clamp(24px, 1.25vw, 48px);
  background-color: rgba(240, 242, 247, 0.5);
  border-radius: 4px;
  border: 0;
  color: #535A6A;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.3s ease 0s;
}
.content-view .view-file li a:after,
.content-view .view-file li button:after {
  content: "";
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background-color: #8E97AD;
  mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.5%2014.1874L4.5%2017.5681C4.5%2018.0805%204.69754%2018.5719%205.04917%2018.9342C5.40081%2019.2965%205.87772%2019.5%206.375%2019.5H17.625C18.1223%2019.5%2018.5992%2019.2965%2018.9508%2018.9342C19.3025%2018.5719%2019.5%2018.0805%2019.5%2017.5681V14.1874M12.001%204.5V15.4473M12.001%2015.4473L16.2868%2011.2644M12.001%2015.4473L7.71533%2011.2644%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M4.5%2014.1874L4.5%2017.5681C4.5%2018.0805%204.69754%2018.5719%205.04917%2018.9342C5.40081%2019.2965%205.87772%2019.5%206.375%2019.5H17.625C18.1223%2019.5%2018.5992%2019.2965%2018.9508%2018.9342C19.3025%2018.5719%2019.5%2018.0805%2019.5%2017.5681V14.1874M12.001%204.5V15.4473M12.001%2015.4473L16.2868%2011.2644M12.001%2015.4473L7.71533%2011.2644%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  background-image: none;
}
.content-view .view-file li a:hover,
.content-view .view-file li button:hover {
  background-color: #F0F2F7;
}
.content-view .view-nav {
  border-top: 1px solid #DEE1E8;
}
.content-view .view-nav > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(16px, 0.8333333333vw, 32px);
  padding: clamp(8px, 0.4166666667vw, 16px) clamp(32px, 1.6666666667vw, 64px);
  border-bottom: 1px solid #DEE1E8;
  height: clamp(40px, 2.0833333333vw, 80px);
}
.content-view .view-nav > div dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  width: clamp(62px, 3.2291666667vw, 124px);
  color: #858B99;
}
.content-view .view-nav > div dt:after {
  content: "";
  width: clamp(24px, 1.25vw, 48px);
  height: clamp(24px, 1.25vw, 48px);
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M6.75%209L12.751%2015L18.75%209%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
  mask: none;
  -webkit-mask: none;
  background-color: transparent;
}
.content-view .view-nav > div dd {
  flex: 1;
}
.content-view .view-nav > div.prev dt:after {
  transform: scaleY(-1);
}
.content-view .view-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: clamp(32px, 1.6666666667vw, 64px);
}
.content-view .view-answer {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(16px, 0.8333333333vw, 32px);
  padding: clamp(24px, 1.25vw, 48px);
  border-top: 1px solid #DEE1E8;
}
.content-view .view-answer > * {
  width: 100%;
}
.content-view .view-answer .btn {
  height: clamp(36px, 1.875vw, 72px);
}
.content-view .view-answer .answer-body {
  width: 100%;
  background-color: rgba(48, 126, 254, 0.08);
  padding: clamp(24px, 1.25vw, 48px) clamp(16px, 0.8333333333vw, 32px);
}
.content-view .view-answer textarea {
  min-height: clamp(104px, 5.4166666667vw, 208px);
}
.content-view .view-answer .btn-group {
  margin-top: 0;
}
.content-system .table thead th {
  height: clamp(36px, 1.875vw, 72px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
}
.content-system .table tbody td, .content-system .table tbody th {
  height: clamp(40px, 2.0833333333vw, 80px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
}
.content-system .list-dot {
  font-size: clamp(14px, 0.7291666667vw, 28px);
  margin-top: clamp(16px, 0.8333333333vw, 32px);
}
.content-system .table-scroll {
  max-height: clamp(320px, 16.6666666667vw, 640px);
}
.content-system .system-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: clamp(20px, 1.0416666667vw, 40px);
}
.content-system .system-date {
  color: #858B99;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  font-weight: 400;
}
.content-system .system-form {
  border-top: 2px solid #0F48B2;
  margin-top: clamp(48px, 2.5vw, 96px);
  padding: clamp(24px, 1.25vw, 48px) clamp(16px, 0.8333333333vw, 32px) 0;
}
.content-system .system-form .form-label-row:has(.form-desc) {
  margin-bottom: clamp(28px, 1.4583333333vw, 56px);
}
.content-system .system-form:has(.system-left) {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(48px, 2.5vw, 96px);
}
.content-system .system-form:has(.system-left) .system-left {
  flex: 3;
}
.content-system .system-form:has(.system-left) .system-right {
  flex: 1;
}
.content-system .system-form .btn {
  height: clamp(36px, 1.875vw, 72px);
  min-width: clamp(64px, 3.3333333333vw, 128px);
}
.content-system .system-tree {
  margin-top: clamp(20px, 1.0416666667vw, 40px);
}
.content-system .system-tree .tree {
  border: 1px solid #DEE1E8;
  border-radius: 12px;
  padding: clamp(16px, 0.8333333333vw, 32px);
}
.content-system .system-program {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(40px, 2.0833333333vw, 80px);
}
.content-system .system-program > * {
  flex: 0 0 calc((100% - 1 * clamp(40px, 2.0833333333vw, 80px)) / 2);
  max-width: calc((100% - 1 * clamp(40px, 2.0833333333vw, 80px)) / 2);
}
.content-system .system-program .tree {
  border: 1px solid #DEE1E8;
  border-radius: 12px;
  padding: clamp(16px, 0.8333333333vw, 32px);
  height: clamp(480px, 25vw, 960px);
  overflow-y: scroll;
}
.content-system .code-group {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(68px, 3.5416666667vw, 136px);
}
.content-system .code-table {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}
.content-system .code-table > * {
  width: 100%;
}
.content-system .code-table .table {
  margin-bottom: clamp(12px, 0.625vw, 24px);
}
.content-system .code-table .pagination {
  margin-top: auto;
}

.terms {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(28px, 1.4583333333vw, 56px);
}
.terms-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(12px, 0.625vw, 24px);
  color: #535A6A;
}
.terms-item strong {
  font-weight: 400;
  color: #23262C;
}
.terms ul li {
  color: #535A6A;
}

.medical {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(20px, 1.0416666667vw, 40px);
}
.medical .table {
  flex: 1;
  min-height: 0;
}
.medical-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: clamp(20px, 1.0416666667vw, 40px);
}
.medical-header .content-title {
  margin-bottom: 0;
}
.medical-header select {
  width: clamp(200px, 10.4166666667vw, 400px);
}
.medical-card {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(12px, 0.625vw, 24px);
  background-color: #ffffff;
  border-radius: 12px;
  padding: clamp(24px, 1.25vw, 48px) clamp(20px, 1.0416666667vw, 40px);
  height: 40vh;
}
.medical-card > * {
  width: 100%;
}
.medical-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
.medical-card-body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: clamp(12px, 0.625vw, 24px);
  flex: 1;
  min-height: 0;
}
.medical-card-body .is-negative {
  color: #F35454;
  font-weight: 600;
}
.medical-card-body .is-positive {
  color: #0F48B2;
}
.medical-card-body textarea {
  height: 100%;
  min-height: initial;
}

.statistics .table {
  border-top: 0;
}
.statistics .table thead {
  background-color: #F0F2F7;
  box-shadow: inset 0 1px 0 #DEE1E8, 0 1px 0 #DEE1E8;
}
.statistics .table thead th {
  box-shadow: none;
}
.statistics .table tbody tr:nth-child(even) {
  background-color: rgba(240, 242, 247, 0.5);
}
.statistics .table tbody tr:nth-child(even):hover {
  background-color: rgba(48, 126, 254, 0.1);
}
.statistics .table th, .statistics .table td {
  white-space: nowrap;
}
.statistics .table th:not(:last-child), .statistics .table td:not(:last-child) {
  border-right: 1px solid #DEE1E8;
}

.flatpickr-calendar {
  position: absolute;
  width: clamp(250px, 13.0208333333vw, 500px);
  padding: clamp(12px, 0.625vw, 24px);
  border-radius: 4px;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  line-height: 1.6;
  background: #ffffff;
  box-shadow: 1px 0 0 #DEE1E8, -1px 0 0 #DEE1E8, 0 1px 0 #DEE1E8, 0 -1px 0 #DEE1E8, 0 clamp(8px, 0.4166666667vw, 16px) clamp(24px, 1.25vw, 48px) rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  display: none;
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 1000;
}
.flatpickr-months {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: clamp(8px, 0.4166666667vw, 16px);
  position: relative;
}
.flatpickr-months .flatpickr-month {
  flex: 1;
  height: clamp(28px, 1.4583333333vw, 56px);
  text-align: center;
  position: relative;
  color: #121418;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  position: absolute;
  top: 50%;
  height: 100%;
  padding: clamp(4px, 0.2083333333vw, 8px);
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: clamp(17px, 0.8854166667vw, 34px);
  height: clamp(17px, 0.8854166667vw, 34px);
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #858B99;
}
.flatpickr-months .flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-next-month {
  right: 0;
}
.flatpickr-current-month {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(2px, 0.1041666667vw, 4px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
  font-weight: 600;
}
.flatpickr-current-month .cur-month {
  font-weight: 700;
}
.flatpickr-current-month .numInputWrapper {
  display: inline-flex;
  align-items: center;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  width: clamp(90px, 4.6875vw, 180px);
  height: clamp(28px, 1.4583333333vw, 56px);
}
.flatpickr-current-month select {
  width: auto;
  height: clamp(28px, 1.4583333333vw, 56px);
  font-size: clamp(14px, 0.7291666667vw, 28px);
  padding-top: clamp(4px, 0.2083333333vw, 8px);
  padding-bottom: clamp(4px, 0.2083333333vw, 8px);
}
.flatpickr-weekdays {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: clamp(4px, 0.2083333333vw, 8px);
  text-align: center;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
.flatpickr-weekdays .flatpickr-weekday {
  flex: 1;
  font-size: clamp(13px, 0.6770833333vw, 26px);
  font-weight: 600;
  color: #858B99;
}
.flatpickr-days {
  display: flex;
  overflow: hidden;
}
.flatpickr-day {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
  height: clamp(28px, 1.4583333333vw, 56px);
  line-height: clamp(28px, 1.4583333333vw, 56px);
  cursor: pointer;
  border: 1px solid transparent;
  font-size: clamp(13px, 0.6770833333vw, 26px);
  transition: all 0.3s ease 0s;
  text-align: center;
}
.flatpickr-day:hover {
  background: #F0F2F7;
}
.flatpickr-day.today {
  border-color: #072865;
}
.flatpickr-day.selected {
  background: #072865;
  border-color: #072865;
  color: #ffffff;
  font-weight: 600;
}
.flatpickr-day.flatpickr-disabled {
  color: #8E97AD;
  cursor: default;
}
.flatpickr-time {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: clamp(4px, 0.2083333333vw, 8px);
  height: clamp(28px, 1.4583333333vw, 56px);
  border-top: 1px solid #DEE1E8;
  margin-top: clamp(8px, 0.4166666667vw, 16px);
  padding-top: clamp(8px, 0.4166666667vw, 16px);
}
.flatpickr-time input,
.flatpickr-time input[type=number] {
  flex: 1;
  text-align: center;
  border: 1px solid transparent;
  background: transparent;
  font-size: clamp(14px, 0.7291666667vw, 28px);
  height: clamp(28px, 1.4583333333vw, 56px);
}
.flatpickr-time input:focus,
.flatpickr-time input[type=number]:focus {
  background: #F0F2F7;
}
.flatpickr-time .flatpickr-am-pm {
  width: clamp(52px, 2.7083333333vw, 104px);
  cursor: pointer;
}
.flatpickr-time .flatpickr-am-pm:hover {
  background: #F0F2F7;
}

.dayContainer {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

/* 관련시스템  드롭다운 */
#importantSitesDropdown {
  display: none;
  position: fixed;
  /* flex-direction: row; */
  flex-direction: column;
  background: rgb(247, 248, 251);
  /* border: 1px solid #ddd; */
  border-bottom: 1.5px solid #ddd; 
  border-radius: 6px;
  padding: 4px 0;
  z-index: 9999;
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, .08); */
  backdrop-filter: blur(6px);
}

.important-site-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  padding: clamp(3px, 0.3125vw, 6px) clamp(6px, 0.625vw, 12px);
  white-space: nowrap;
  color: #535A6A;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 550;
}

#importantSitesDropdown .important-site-item:hover {
  color: #23262C;
}

.important-site-item::after {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M8.45875%207.0808L16.9928%207.09274M16.9928%207.09274L17.0047%2015.5054M16.9928%207.09274L7.09331%2016.9922%27%20stroke=%27%238E97AD%27%20stroke-width=%271.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat center/contain;
}

/*# sourceMappingURL=cdis-system.css.map */