@charset "UTF-8";
@import "https://static.shanghaidisneyresort.com/pep/media/pep/live/media/site/font/InspireTWDC_Web/fonts.css";

/* node_modules/@shdr/ditto-ui/styles/dui-theme.css */
:root {
  --balloon-border-radius: 2px;
  --balloon-color: rgba(16, 16, 16, 0.95);
  --balloon-text-color: #fff;
  --balloon-font-size: 12px;
  --balloon-move: 4px;
}
button[aria-label][data-balloon-pos] {
  overflow: visible;
}
[aria-label][data-balloon-pos] {
  position: relative;
  cursor: pointer;
}
[aria-label][data-balloon-pos]:after {
  opacity: 0;
  pointer-events: none;
  transition: all 0.18s ease-out 0.18s;
  text-indent: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
  font-size: var(--balloon-font-size);
  background: var(--balloon-color);
  border-radius: 2px;
  color: var(--balloon-text-color);
  border-radius: var(--balloon-border-radius);
  content: attr(aria-label);
  padding: 0.5em 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 10;
}
[aria-label][data-balloon-pos]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: var(--balloon-color);
  opacity: 0;
  pointer-events: none;
  transition: all 0.18s ease-out 0.18s;
  content: "";
  position: absolute;
  z-index: 10;
}
[aria-label][data-balloon-pos]:hover:before,
[aria-label][data-balloon-pos]:hover:after,
[aria-label][data-balloon-pos][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-visible]:after,
[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before,
[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
  opacity: 1;
  pointer-events: none;
}
[aria-label][data-balloon-pos].font-awesome:after {
  font-family:
    FontAwesome,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}
[aria-label][data-balloon-pos][data-balloon-break]:after {
  white-space: pre;
}
[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
  white-space: pre-line;
  word-break: break-word;
}
[aria-label][data-balloon-pos][data-balloon-blunt]:before,
[aria-label][data-balloon-pos][data-balloon-blunt]:after {
  transition: none;
}
[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-pos=down]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:after {
  transform: translate(-50%, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-pos=down]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:before {
  transform: translate(-50%, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos*=-left]:after {
  left: 0;
}
[aria-label][data-balloon-pos][data-balloon-pos*=-left]:before {
  left: 5px;
}
[aria-label][data-balloon-pos][data-balloon-pos*=-right]:after {
  right: 0;
}
[aria-label][data-balloon-pos][data-balloon-pos*=-right]:before {
  right: 5px;
}
[aria-label][data-balloon-pos][data-balloon-po*=-left]:hover:after,
[aria-label][data-balloon-pos][data-balloon-po*=-left][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:after {
  transform: translate(0, 0);
}
[aria-label][data-balloon-pos][data-balloon-po*=-left]:hover:before,
[aria-label][data-balloon-pos][data-balloon-po*=-left][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:before {
  transform: translate(0, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos^=up]:before,
[aria-label][data-balloon-pos][data-balloon-pos^=up]:after {
  bottom: 100%;
  transform-origin: top;
  transform: translate(0, var(--balloon-move));
}
[aria-label][data-balloon-pos][data-balloon-pos^=up]:after {
  margin-bottom: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos=up]:before,
[aria-label][data-balloon-pos][data-balloon-pos=up]:after {
  left: 50%;
  transform: translate(-50%, var(--balloon-move));
}
[aria-label][data-balloon-pos][data-balloon-pos^=down]:before,
[aria-label][data-balloon-pos][data-balloon-pos^=down]:after {
  top: 100%;
  transform: translate(0, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos^=down]:after {
  margin-top: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos^=down]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-pos=down]:after,
[aria-label][data-balloon-pos][data-balloon-pos=down]:before {
  left: 50%;
  transform: translate(-50%, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-pos=right]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:after {
  transform: translate(0, -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-pos=right]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:before {
  transform: translate(0, -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos=left]:after,
[aria-label][data-balloon-pos][data-balloon-pos=left]:before {
  right: 100%;
  top: 50%;
  transform: translate(var(--balloon-move), -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos=left]:after {
  margin-right: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos=left]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-pos=right]:after,
[aria-label][data-balloon-pos][data-balloon-pos=right]:before {
  left: 100%;
  top: 50%;
  transform: translate(calc(var(--balloon-move) * -1), -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos=right]:after {
  margin-left: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos=right]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-length]:after {
  white-space: normal;
}
[aria-label][data-balloon-pos][data-balloon-length=small]:after {
  width: 80px;
}
[aria-label][data-balloon-pos][data-balloon-length=medium]:after {
  width: 150px;
}
[aria-label][data-balloon-pos][data-balloon-length=large]:after {
  width: 260px;
}
[aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
  width: 380px;
}
@media screen and (max-width: 768px) {
  [aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
    width: 90vw;
  }
}
[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
  width: 100%;
}
[class^=dui-],
[class*=" dui-"] {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=dui-] *,
[class^=dui-] *::before,
[class^=dui-] *::after,
[class*=" dui-"] *,
[class*=" dui-"] *::before,
[class*=" dui-"] *::after {
  box-sizing: inherit;
}
[class^=dui-] ul,
[class*=" dui-"] ul {
  padding: 0;
  margin: 0;
}
[class^=dui-] ul li,
[class*=" dui-"] ul li {
  list-style-type: none;
}
html [class^=dui-],
html [class*=" dui-"] {
  font-family:
    "InspireTWDC",
    "PingFang SC",
    "Source Han Sans CN",
    "Microsoft Yahei",
    "sans-serif",
    "Arial";
}
html[lang=zh] [class^=dui-],
html[lang=zh] [class*=" dui-"] {
  font-family:
    "PingFang SC",
    "Source Han Sans CN",
    "Microsoft Yahei",
    "sans-serif",
    "Arial";
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.flex-auto {
  flex: 1 0 auto;
}
.flex-xy-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.flex-justify-center {
  display: flex;
  justify-content: center;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 2rem;
}
.mb-3 {
  margin-bottom: 3rem;
}
.text-mute {
  color: #494B67;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.cursor-pointer {
  cursor: pointer;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@keyframes dui-rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dui-rotate {
  animation: dui-rotate 1s linear infinite;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5);
  }
}
.dui-focus-ripple:focus:not(:active)::after {
  animation: ripple 0.8s ease-out;
}
.dui-icon-hover {
  cursor: pointer;
}
.dui-icon-hover:hover {
  fill: #0064F0;
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.dui-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dui-layout-head {
  height: 4rem;
  flex-basis: 4rem;
  flex-shrink: 0;
}
.dui-layout-body {
  height: calc(100vh - 4rem);
  display: flex;
  background-color: #EDEDF0;
}
.dui-layout-vertical {
  flex-grow: 1;
  display: flex;
  overflow: auto;
  flex-direction: column;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
.dui-layout-main {
  flex-grow: 1;
  overflow: auto;
}
.dui-layout-main-nav {
  display: inline-block;
  flex-shrink: 0;
  text-decoration: none;
  font-size: 0.875rem;
  margin-top: -0.75rem;
  margin-bottom: 0.75rem;
}
.dui-layout-main-nav > a {
  text-decoration: none;
}
.dui-layout-main-container {
  flex-shrink: 0;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 4px 10px #ccc;
}
.dui-layout-main-title {
  margin: 0;
  padding: 1rem;
  color: #0064F0;
  font-size: 1rem;
  font-weight: bold;
}
.dui-layout-main-pagination-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  border-top: 1px solid #EDEDF0;
}
.dui-layout-main-pagination-footer .dui-pagination {
  justify-content: flex-end;
}
.dui-layout-main-container + .dui-layout-main-container {
  margin-top: 0.75rem;
}
.dui-layout2 {
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}
.dui-layout2.vertical {
  flex-direction: column;
}
.dui-layout2-header,
.dui-layout2-footer,
.dui-layout2-sider {
  flex-shrink: 0;
}
.dui-layout2-content {
  flex: auto;
  overflow: auto;
}
.dui-breadcrumb {
  display: block;
  line-height: 0;
}
.dui-breadcrumb-item {
  display: inline-block;
}
.dui-breadcrumb-item:last-child .dui-breadcrumb-separator {
  display: none;
}
.dui-breadcrumb-item:last-child .dui-breadcrumb-icon {
  display: none;
}
.dui-breadcrumb-link {
  font-size: 0.875rem;
  color: #494B67;
  display: inline-block;
}
.dui-breadcrumb-link a {
  color: #0064F0;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
}
.dui-breadcrumb-link a:hover {
  color: #CCE0FC;
}
.dui-breadcrumb-link a:hover .dui-icon {
  fill: #CCE0FC;
}
.dui-breadcrumb-link .dui-icon {
  vertical-align: text-bottom;
  margin-right: 4px;
  fill: #0064F0;
}
.dui-breadcrumb-separator {
  font-size: 0.875rem;
  margin: 0 8px;
  color: #494B67;
}
.dui-breadcrumb-icon {
  margin: 0 4px;
}
.dui-btn {
  line-height: 1;
  border: 1px solid transparent;
  border-radius: 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: white;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.dui-btn[disabled] {
  background-color: #EDEDF0;
  border-color: #EDEDF0;
  color: #707187;
  cursor: not-allowed;
  box-shadow: none;
}
.dui-btn[disabled] svg {
  fill: #707187 !important;
}
.dui-btn[disabled].dui-btn-outline {
  background-color: transparent;
  border-color: #EDEDF0;
  color: #707187;
}
.dui-btn[disabled].dui-btn-outline svg {
  fill: #707187 !important;
}
.dui-btn:focus {
  outline: none;
}
.dui-btn-primary {
  background-color: #0064F0;
  border-color: #0064F0;
}
.dui-btn-primary:not([disabled]):hover {
  background-color: #247fff;
  border-color: #247fff;
}
.dui-btn-primary.dui-btn-outline {
  background-color: transparent;
  border-color: #0064F0;
  color: #0064F0;
}
.dui-btn-primary.dui-btn-outline svg.dui-btn-icon-left {
  fill: #494B67;
}
.dui-btn-primary.dui-btn-outline:not([disabled]):hover {
  background-color: #F3F4F5;
  border-color: #247fff;
}
.dui-btn-primary.dui-btn-outline .dui-btn-ripple-circle-color {
  background: rgba(0, 100, 240, 0.25);
}
.dui-btn-default {
  background-color: #707187;
  border-color: #707187;
}
.dui-btn-default:not([disabled]):hover {
  background-color: #8b8c9f;
  border-color: #8b8c9f;
}
.dui-btn-default.dui-btn-outline {
  background-color: transparent;
  border-color: #707187;
  color: #1C1E41;
}
.dui-btn-default.dui-btn-outline svg.dui-btn-icon-left {
  fill: #494B67;
}
.dui-btn-default.dui-btn-outline:not([disabled]):hover {
  background-color: #F3F4F5;
  border-color: #8b8c9f;
}
.dui-btn-default.dui-btn-outline .dui-btn-ripple-circle-color {
  background: rgba(112, 113, 135, 0.25);
}
.dui-btn-success {
  background-color: #0AAB9C;
  border-color: #0AAB9C;
}
.dui-btn-success:not([disabled]):hover {
  background-color: #0ddbc8;
  border-color: #0ddbc8;
}
.dui-btn-success.dui-btn-outline {
  background-color: transparent;
  border-color: #0AAB9C;
  color: #0AAB9C;
}
.dui-btn-success.dui-btn-outline svg.dui-btn-icon-left {
  fill: #494B67;
}
.dui-btn-success.dui-btn-outline:not([disabled]):hover {
  background-color: #F3F4F5;
  border-color: #0ddbc8;
}
.dui-btn-success.dui-btn-outline .dui-btn-ripple-circle-color {
  background: rgba(10, 171, 156, 0.25);
}
.dui-btn-sm {
  padding: 4px 8px;
  font-size: 12px;
}
.dui-btn-md {
  min-width: 86px;
  padding: 8px 10px;
  text-align: center;
}
.dui-btn-lg {
  padding: 8px 128px;
}
.dui-btn-group {
  display: flex;
}
.dui-btn-group .dui-btn {
  border-radius: 0;
}
.dui-btn-group .dui-btn:not(:last-child) {
  border-right: none;
}
.dui-btn-group .dui-btn:first-child {
  border-radius: 2px 0 0 2px;
}
.dui-btn-group .dui-btn:last-child {
  border-radius: 0 2px 2px 0;
}
.dui-btn-loading,
.dui-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dui-btn-loading svg.dui-btn-icon-left,
.dui-btn svg.dui-btn-icon-left {
  display: inline-block;
  width: 14px;
  height: 14px;
  fill: white;
  margin-right: 8px;
}
.dui-btn-ripple-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  pointer-events: none;
  animation: btn-ripple 0.5s ease-in;
}
@keyframes btn-ripple {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.dui-icon {
  width: 1rem;
  height: 1rem;
  fill: #494B67;
  transition: fill 0.2s;
}
.dui-icon-primary {
  fill: #0064F0;
}
.dui-icon-default {
  fill: #707187;
}
.dui-icon-success {
  fill: #0AAB9C;
}
.dui-icon-info {
  fill: #CCE0FC;
}
.dui-icon-white {
  fill: white;
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
[class^=dui-] input[type=text],
[class^=dui-] input[type=number],
[class^=dui-] input[type=password],
[class^=dui-] input[type=email],
[class^=dui-] textarea,
[class*=" dui-"] input[type=text],
[class*=" dui-"] input[type=number],
[class*=" dui-"] input[type=password],
[class*=" dui-"] input[type=email],
[class*=" dui-"] textarea {
  line-height: 1.3;
  padding: 6px 12px;
  font-size: 0.875rem;
  background-color: white;
  -webkit-appearance: none;
  border-radius: 2px;
  border: 1px solid #EDEDF0;
  height: 2rem;
  transition: all 0.1s linear;
}
[class^=dui-] input[type=text]:focus,
[class^=dui-] input[type=number]:focus,
[class^=dui-] input[type=password]:focus,
[class^=dui-] input[type=email]:focus,
[class^=dui-] textarea:focus,
[class*=" dui-"] input[type=text]:focus,
[class*=" dui-"] input[type=number]:focus,
[class*=" dui-"] input[type=password]:focus,
[class*=" dui-"] input[type=email]:focus,
[class*=" dui-"] textarea:focus {
  border: 1px solid #0064F0;
  outline: none;
}
[class^=dui-] textarea,
[class*=" dui-"] textarea {
  resize: none;
}
[class^=dui-] input[type=number]::-webkit-outer-spin-button,
[class^=dui-] input[type=number]::-webkit-inner-spin-button,
[class*=" dui-"] input[type=number]::-webkit-outer-spin-button,
[class*=" dui-"] input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[class^=dui-] input[type=number],
[class*=" dui-"] input[type=number] {
  -moz-appearance: textfield;
}
[class^=dui-] .input-checkbox,
[class^=dui-] .input-radio,
[class*=" dui-"] .input-checkbox,
[class*=" dui-"] .input-radio {
  height: 2rem;
  display: inline-flex;
  align-items: center;
}
[class^=dui-] .input-checkbox input[type=radio],
[class^=dui-] .input-checkbox input[type=checkbox],
[class^=dui-] .input-radio input[type=radio],
[class^=dui-] .input-radio input[type=checkbox],
[class*=" dui-"] .input-checkbox input[type=radio],
[class*=" dui-"] .input-checkbox input[type=checkbox],
[class*=" dui-"] .input-radio input[type=radio],
[class*=" dui-"] .input-radio input[type=checkbox] {
  margin-right: 4px;
  opacity: 0;
}
[class^=dui-] .input-message-error,
[class*=" dui-"] .input-message-error {
  color: #DD002A;
}
.dui-form[addon] {
  padding-right: 2.5rem;
}
.dui-form-item {
  position: relative;
  display: flex;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
}
.dui-form-item > label {
  display: block;
  flex: 0 1 auto;
  line-height: 2rem;
  text-align: right;
  padding-right: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dui-form-item > label span {
  color: #cc5f61;
}
.dui-form-item-body {
  flex: 1;
}
.dui-form-item-text {
  padding-top: 9px;
}
.dui-form-item-text2 {
  height: 2rem;
  line-height: 2rem;
}
.dui-form-item-with-error {
  margin-bottom: 4px;
}
.dui-form-item .dui-switch {
  line-height: 2rem;
}
.dui-form-item-addon {
  margin-left: 0.75rem;
  position: absolute;
  top: 1rem;
  left: 100%;
  transform: translateY(-50%);
}
.dui-input-group {
  display: flex;
  position: relative;
}
.dui-input-group input {
  flex-grow: 1;
}
.dui-input-group input:not(:first-child) {
  padding-left: 2rem;
}
.dui-input-group input:not(:last-child) {
  padding-right: 2rem;
}
.dui-input-group .dui-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dui-input-group .dui-icon:first-child {
  left: 0.5rem;
}
.dui-input-group .dui-icon:last-child {
  right: 0.5rem;
}
.dui-input,
.dui-input-number {
  display: inline-block;
}
[class^=dui-] input[type=text]:disabled,
[class^=dui-] input[type=number]:disabled,
[class^=dui-] input[type=password]:disabled,
[class^=dui-] input[type=email]:disabled,
[class^=dui-] textarea:disabled,
[class*=" dui-"] input[type=text]:disabled,
[class*=" dui-"] input[type=number]:disabled,
[class*=" dui-"] input[type=password]:disabled,
[class*=" dui-"] input[type=email]:disabled,
[class*=" dui-"] textarea:disabled {
  color: #494B67;
  background-color: #EDEDF0;
}
[class^=dui-] input[type=text]:read-only,
[class^=dui-] input[type=number]:read-only,
[class^=dui-] input[type=password]:read-only,
[class^=dui-] input[type=email]:read-only,
[class^=dui-] textarea:read-only,
[class*=" dui-"] input[type=text]:read-only,
[class*=" dui-"] input[type=number]:read-only,
[class*=" dui-"] input[type=password]:read-only,
[class*=" dui-"] input[type=email]:read-only,
[class*=" dui-"] textarea:read-only {
  background-color: #EDEDF0;
}
.dui-textarea {
  display: inline-block;
}
.dui-textarea textarea {
  width: 100%;
  height: 100%;
}
.dui-textarea-resize-vertical textarea {
  resize: vertical;
}
[class^=dui-] input[type=text].dui-input-invalid,
[class^=dui-] input[type=number].dui-input-invalid,
[class^=dui-] input[type=password].dui-input-invalid,
[class^=dui-] input[type=email].dui-input-invalid,
[class^=dui-] textarea.dui-input-invalid,
[class*=" dui-"] input[type=text].dui-input-invalid,
[class*=" dui-"] input[type=number].dui-input-invalid,
[class*=" dui-"] input[type=password].dui-input-invalid,
[class*=" dui-"] input[type=email].dui-input-invalid,
[class*=" dui-"] textarea.dui-input-invalid {
  border: 1px solid #DD002A;
}
[class^=dui-] svg .dui-input-invalid-icon,
[class*=" dui-"] svg .dui-input-invalid-icon {
  fill: #DD002A;
}
.dui-radio-btn-group {
  display: flex;
  flex-wrap: wrap;
}
.dui-radio-btn-group .dui-radio-item:not(:first-of-type) .input-radio {
  border-left: none;
}
.dui-radio-btn-group .dui-radio-item:not(:first-of-type) .input-radio:before {
  position: absolute;
  display: block;
  content: "";
  top: -1px;
  left: -1px;
  width: 1px;
  height: calc(100% + 2px);
  background-color: #707187;
  z-index: -1;
}
.dui-radio-btn-group .dui-radio-item:last-of-type .input-radio {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.dui-radio-btn-group .dui-radio-item:first-of-type .input-radio {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.dui-radio-btn-group .dui-radio-item .input-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 2rem;
  border: 1px solid #707187;
  white-space: nowrap;
  cursor: pointer;
}
.dui-radio-btn-group .dui-radio-item .input-radio input[type=radio] {
  display: none;
}
.dui-radio-btn-group .dui-radio-item.selected .input-radio {
  color: #FFF;
  background: #0064F0;
  border-color: #0064F0;
}
.dui-radio-btn-group .dui-radio-item.selected .input-radio:before {
  background-color: #0064F0;
  z-index: 1;
}
.dui-radio-link-group {
  display: flex;
  flex-wrap: wrap;
}
.dui-radio-link-group .dui-radio-item {
  position: relative;
}
.dui-radio-link-group .dui-radio-item .input-radio {
  display: inline-flex;
  position: relative;
  align-items: center;
  padding: 0.5rem 2rem;
  white-space: nowrap;
  cursor: pointer;
}
.dui-radio-link-group .dui-radio-item .input-radio input[type=radio] {
  display: none;
}
.dui-radio-link-group .dui-radio-item.selected .input-radio {
  color: #0064F0;
}
.dui-radio-link-group .dui-radio-item:not(:last-of-type) .input-radio:before {
  content: "|";
  position: absolute;
  right: 0;
  top: 50%;
  transform: scale(0.8) translateY(-60%);
  color: #494B67;
}
.dui-radio-group:not(.dui-radio-btn-group):not(.dui-radio-link-group) .input-radio:before {
  content: "";
  position: relative;
  left: 0.875rem;
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: -0.875rem;
  border: 1px solid #EDEDF0;
  border-radius: 50%;
  background-color: #fafafc;
  transition: border 0.15s ease-in-out;
}
.dui-radio-group:not(.dui-radio-btn-group):not(.dui-radio-link-group) .dui-radio-item.selected.disabled .input-radio:after {
  border-color: #707187;
}
.dui-radio-group:not(.dui-radio-btn-group):not(.dui-radio-link-group) .dui-radio-item.selected .input-radio {
  position: relative;
}
.dui-radio-group:not(.dui-radio-btn-group):not(.dui-radio-link-group) .dui-radio-item.selected .input-radio:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border: 4px solid #0064F0;
  border-radius: 50%;
  background-color: #fafafc;
}
.input-checkbox:before {
  content: "";
  position: relative;
  left: 0.875rem;
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: -0.875rem;
  border: 1px solid #EDEDF0;
  border-radius: 2px;
  background-color: #fafafc;
}
.dui-checkbox.selected.disabled .input-checkbox:after,
.dui-checkbox-item.selected.disabled .input-checkbox:after {
  border-color: #707187;
  background-color: #707187;
}
.dui-checkbox.selected .input-checkbox,
.dui-checkbox-item.selected .input-checkbox {
  position: relative;
}
.dui-checkbox.selected .input-checkbox:after,
.dui-checkbox-item.selected .input-checkbox:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 2px;
  background-color: #0064F0;
  background-size: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQogIDxwb2x5Z29uIHN0eWxlPSJmaWxsOndoaXRlIiBwb2ludHM9IjEyLjMsMjcuNiAwLjcsMTYuMiA0LjcsMTIuMiAxMi4zLDE5LjggMjcuNyw0LjQgMzEuMyw4LjcgIi8+DQo8L3N2Zz4NCg==);
  background-repeat: no-repeat;
  background-position: center;
}
.dui-checkbox.half-selected.disabled .input-checkbox:after,
.dui-checkbox-item.half-selected.disabled .input-checkbox:after {
  border-color: #707187;
  background-color: #707187;
}
.dui-checkbox.half-selected .input-checkbox,
.dui-checkbox-item.half-selected .input-checkbox {
  position: relative;
}
.dui-checkbox.half-selected .input-checkbox:after,
.dui-checkbox-item.half-selected .input-checkbox:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(3px);
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: #0064F0;
  background-size: 10px;
}
.dui-switch {
  display: inline-block;
}
.dui-switch-inner {
  position: relative;
  display: inline-block;
  height: 20px;
  min-width: 40px;
  line-height: 18px;
  vertical-align: middle;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #707187;
  cursor: pointer;
  transition: all 0.36s;
  -webkit-user-select: none;
  user-select: none;
}
.dui-switch-inner:after {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 1px;
  top: 1px;
  border-radius: 18px;
  background-color: #FFF;
  content: "";
  cursor: pointer;
  transition: all 0.36s ease-in-out;
}
.dui-switch-inner:active:after {
  width: 24px;
}
.dui-switch.selected .dui-switch-inner {
  background-color: #0AAB9C;
}
.dui-switch.selected .dui-switch-inner:after {
  left: 100%;
  transform: translateX(-100%);
  margin-left: -1px;
}
.dui-switch.disabled .dui-switch-inner,
.dui-switch.readonly .dui-switch-inner {
  opacity: 0.4;
}
.dui-switch.disabled .dui-switch-inner:active:after,
.dui-switch.readonly .dui-switch-inner:active:after {
  width: 16px;
}
[class^=dui-] ::placeholder,
[class*=" dui-"] ::placeholder {
  color: #707187;
  opacity: 1;
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.dui-loading {
  width: 1rem;
  height: 1rem;
  fill: #0064F0;
}
.dui-loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 5rem;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dui-loading-active > *:not(.dui-loading-container) {
  filter: blur(2px);
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.dui-select {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  line-height: 1.3;
  padding: 6px 12px;
  font-size: 0.875rem;
  background-color: white;
  -webkit-appearance: none;
  border-radius: 2px;
  border: 1px solid #EDEDF0;
  height: 2rem;
  min-width: 100px;
  transition: border-color 0.2s ease-in-out;
}
.dui-select:focus {
  border: 1px solid #0064F0;
  outline: none;
}
.dui-select:hover {
  border: 1px solid #EDEDF0;
  outline: none;
}
.dui-select.open {
  border-color: #EDEDF0;
}
.dui-select-head {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.dui-select-head input {
  width: 100%;
  height: 100%;
  outline: 0;
  padding: 0;
  border-width: 0;
  border-radius: 4px;
  line-height: normal;
  font-size: 100%;
}
.dui-select-head input.disabled {
  visibility: hidden;
}
.dui-select-head svg {
  margin: 2px;
  flex-shrink: 0;
}
.dui-select-head-remove {
  flex-shrink: 0;
  display: none;
  width: 1rem;
  height: 1rem;
  text-align: center;
  cursor: default;
  animation: appear 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.dui-select-head-remove:hover {
  transform: scale(1.3);
}
.dui-select-head:hover > svg.hover-hide {
  display: none;
}
.dui-select-head:hover .dui-select-head-remove {
  display: inline-block;
}
.dui-select-head.search {
  cursor: text;
}
.dui-select-label,
.dui-select-placeholder {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  flex: 1;
  margin-right: 0.25rem;
  min-height: 1.25rem;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}
.dui-select-label.search,
.dui-select-placeholder.search {
  position: absolute;
  left: 0;
  right: 0;
  padding-right: 16px;
  pointer-events: none;
}
.dui-select-label.mute {
  color: #494B67;
}
.dui-select-label-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dui-select-placeholder {
  color: #494B67;
}
.dui-select-no-options,
.dui-select-options {
  line-height: 1.3;
  padding: 6px 12px;
  font-size: 0.875rem;
  background-color: white;
  -webkit-appearance: none;
  border-radius: 2px;
  border: 1px solid #EDEDF0;
  min-height: 2rem;
  max-height: 250px;
  padding: 0;
  margin: 2px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.dui-select-no-options:focus,
.dui-select-options:focus {
  border: 1px solid #0064F0;
  outline: none;
}
.dui-select-option,
.dui-select-option-all {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  line-height: 1.3;
  padding: 6px 12px;
  cursor: pointer;
}
.dui-select-option:not([disabled=true]):hover,
.dui-select-option-all:not([disabled=true]):hover {
  background: #EDEDF0;
}
.dui-select-option[disabled=true],
.dui-select-option-all[disabled=true] {
  color: #494B67;
  background-color: #EDEDF0;
  cursor: not-allowed;
}
.dui-select-option.active,
.dui-select-option-all.active {
  color: #0064F0;
  background: #EDEDF0;
}
.dui-select-option .dui-checkbox,
.dui-select-option-all .dui-checkbox {
  display: flex;
  margin-right: 2px;
}
.dui-select-option .dui-checkbox .input-checkbox,
.dui-select-option-all .dui-checkbox .input-checkbox {
  height: unset;
}
.dui-select-option-all {
  color: #494B67;
}
.dui-select-no-options {
  -webkit-user-select: none;
  user-select: none;
}
.dui-select[disabled=true] {
  color: #494B67;
  background-color: #EDEDF0;
}
.dui-select[readonly=true] {
  background-color: #EDEDF0;
}
@keyframes appear {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.dui-tab {
  display: flex;
  flex-direction: column;
}
.dui-tab-head {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  padding: 0 1rem;
  justify-content: center;
}
.dui-tab-link-bar {
  position: absolute;
  bottom: 0;
  width: 80px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #0064F0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.dui-tab-item {
  white-space: nowrap;
  padding: 0;
  margin: 0px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  color: #1C1E41;
  transition: all 0.2s;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #707187;
  text-align: center;
}
.dui-tab-item.active {
  color: #0064F0;
  font-weight: 800;
}
.dui-tab-item::after {
  content: attr(data-title);
  font-weight: 800;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  display: block;
}
.dui-tab-item.card {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-color: #EDEDF0;
}
.dui-tab-item.card.active {
  background-color: #0064F0;
  color: #fff;
}
.dui-tab-body {
  position: relative;
  flex: 1 0 auto;
  display: flex;
  overflow: hidden;
}
.dui-tab-body-wrapper {
  flex: 1 0 100%;
}
.dui-tab-body-wrapper.show {
  z-index: 1;
}
.dui-tab-body-wrapper.hide {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.5rem;
  bottom: 0;
}
.dui-tab-body-overflow {
  overflow: visible;
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.dui-table {
  display: block;
  font-size: 0.875rem;
}
.dui-table.dui-table-outline {
  border: 1px solid #EDEDF0;
}
.dui-table.dui-table-outline .dui-table-head {
  border-top: 0;
}
.dui-table.dui-table-outline .dui-table-row:last-child {
  border-bottom: 0;
}
.dui-table-head {
  display: flex;
  background-color: #EDEDF0;
  border-top: 1px solid #EDEDF0;
  border-bottom: 1px solid #EDEDF0;
  color: #494B67;
  height: 40px;
  min-height: 40px;
}
.dui-table-head-cell,
.dui-table-head > div {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  line-height: 1rem;
}
.dui-table-head-cell > svg {
  flex-shrink: 0;
  cursor: pointer;
}
.dui-table-head-cell > svg.asc {
  transition: 0.3s;
  transform: rotate(180deg);
}
.dui-table-row {
  display: flex;
  align-items: center;
  background: #fff;
  color: #1C1E41;
  border-bottom: 1px solid #EDEDF0;
  min-height: 48px;
}
.dui-table-row:hover {
  background: #F3F4F5;
}
.dui-table-row.active {
  background: #ebf2f8;
  border-left: 2px solid #3b88ce;
}
.dui-table-row > div,
.dui-table-row > .dui-table-cell {
  padding: 0.5rem 0.75rem;
  line-height: 1.5rem;
}
.dui-table .dui-table-select-column {
  display: flex;
  align-items: center;
  width: 2rem;
  padding: 0.5rem 0;
  padding-left: 0.75rem;
  line-height: 1.5rem;
}
.dui-table-head .dui-table-select-column .dui-checkbox.hide,
.dui-table-row .dui-table-select-column .dui-checkbox.hide {
  display: none;
}
.dui-table-head .dui-table-select-column .input-checkbox,
.dui-table-row .dui-table-select-column .input-checkbox {
  height: 1rem;
}
.dui-table-no-content-slogan {
  text-align: center;
  padding: 2rem 0;
  flex: 1;
}
.dui-table.loading {
  position: relative;
}
.dui-table.loading.empty {
  min-height: 10rem;
}
.dui-table.loading > *:not(.dui-table-loading) {
  filter: blur(2px);
}
.dui-table.loading .dui-table-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dui-table.loading .dui-table-loading > .dui-icon {
  fill: #0064F0;
  width: 16px;
  height: 16px;
}
.dui-table-scroll-body {
  display: block;
  overflow-y: scroll;
}
.dui-table-tree.dui-table {
  padding-left: 5rem;
}
.dui-table-tree .dui-table-head {
  position: relative;
  border-top: none;
  background: #FFF;
  color: #CCE0FC;
}
.dui-table-tree .dui-table-head > div {
  padding: 0.5rem 0.75rem;
}
.dui-table-tree .dui-table-head:after {
  position: absolute;
  top: 0;
  left: -2.5rem;
  content: "";
  height: 3.75rem;
  border-left: 3px dotted #EDEDF0;
}
.dui-table-tree .dui-table-row {
  position: relative;
  border: none;
}
.dui-table-tree .dui-table-row:last-child:after {
  height: 0;
}
.dui-table-tree .dui-table-row:hover {
  background: #FFF;
}
.dui-table-tree .dui-table-row > div {
  padding: 0.5rem 0.75rem;
}
.dui-table-tree .dui-table-row:after {
  position: absolute;
  top: 1.25rem;
  left: -2.5rem;
  content: "";
  height: 100%;
  width: 2rem;
  border-left: 3px dotted #EDEDF0;
  border-top: 3px dotted #EDEDF0;
}
.dui-table-tree-no-data {
  position: relative;
  padding-left: 5.75rem;
  line-height: 2.5rem;
}
.dui-table-tree-no-data:after {
  position: absolute;
  top: 0;
  left: 2.5rem;
  content: "";
  height: 1.5rem;
  width: 2rem;
  border-left: 3px dotted #EDEDF0;
  border-bottom: 3px dotted #EDEDF0;
}
.dui-cdk-overlay-container,
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dui-cdk-overlay-container {
  position: fixed;
  z-index: 10001;
}
.dui-cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dui-cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.48;
}
.dui-cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.dui-cdk-overlay-container .cdk-overlay-transparent-backdrop {
  background: none;
}
.dui-cdk-overlay-container .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
body.dui-modal-open {
  overflow: hidden;
}
body.dui-modal-open .dui-root {
  display: block;
  filter: blur(4px);
}
.dui-modal:has(.dui-hyperlink-popup-row) {
  z-index: 10000;
}
.dui-modal,
.dui-modal-backdrop {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.dui-modal {
  position: fixed;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10001;
}
.dui-modal-backdrop {
  position: absolute;
  background-color: transparent;
  height: 100vh;
}
.dui-modal-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 12px;
  font-size: 14px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dui-modal-dialog[size=sm] {
  width: 24rem;
}
.dui-modal-dialog[size=md] {
  width: 36rem;
}
.dui-modal-dialog[size=lg] {
  width: 48rem;
}
.dui-modal-dialog[size=mb] {
  width: 319px;
}
.dui-modal-dialog[size=mb] .dui-modal-title .title {
  padding: 20px 0px 8px;
  font-size: 18px;
  border-bottom: none;
}
.dui-modal-dialog[size=mb] .dui-modal-body {
  padding: 0px 20px 20px;
}
.dui-modal-dialog[size=mb] .dui-modal-close {
  display: none;
}
.dui-modal-title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #1C1E41;
  padding: 0 20px;
}
.dui-modal-title .title {
  padding: 20px 0px 16px;
  flex: 1;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px #EDEDF0 solid;
  word-break: break-word;
}
.dui-modal-body {
  padding: 16px 20px;
}
.dui-modal-foot {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 16px;
}
.dui-modal-foot .dui-btn:not(:last-of-type) {
  margin-right: 12px;
}
.dui-modal-close {
  cursor: pointer;
  transition: fill 0.2s;
  fill: #494B67;
  position: absolute;
  right: 20px;
  width: 28px;
  height: 28px;
  padding: 6px;
}
.dui-dropdown {
  font-size: 0.875rem;
}
.dui-dropdown-content {
  background: white;
  border: 1px solid #EDEDF0;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.dui-dropdown-caret {
  position: absolute;
}
.dui-dropdown-caret-inner {
  position: absolute;
}
.dui-dropdown-top {
  transform-origin: 50% 100%;
}
.dui-dropdown-top.dui-dropdown-has-caret .dui-dropdown-content {
  margin-bottom: 10px;
}
.dui-dropdown-top.dui-dropdown-has-caret .dui-dropdown-caret {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border-top: 10px solid #EDEDF0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.dui-dropdown-top.dui-dropdown-has-caret .dui-dropdown-caret-inner {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 0);
  margin-bottom: 1px;
  border-top: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.dui-dropdown-right {
  transform-origin: 0 50%;
}
.dui-dropdown-right.dui-dropdown-has-caret .dui-dropdown-content {
  margin-left: 10px;
}
.dui-dropdown-right.dui-dropdown-has-caret .dui-dropdown-caret {
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-right: 10px solid #EDEDF0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.dui-dropdown-right.dui-dropdown-has-caret .dui-dropdown-caret-inner {
  left: 0;
  top: 0;
  transform: translate(0, -50%);
  margin-left: 1px;
  border-right: 10px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.dui-dropdown-bottom {
  transform-origin: 50% 0;
}
.dui-dropdown-bottom.dui-dropdown-has-caret .dui-dropdown-content {
  margin-top: 10px;
}
.dui-dropdown-bottom.dui-dropdown-has-caret .dui-dropdown-caret {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border-bottom: 10px solid #EDEDF0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.dui-dropdown-bottom.dui-dropdown-has-caret .dui-dropdown-caret-inner {
  top: 0;
  left: 0;
  transform: translate(-50%, 0);
  margin-top: 1px;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.dui-dropdown-left {
  transform-origin: 100% 50%;
}
.dui-dropdown-left.dui-dropdown-has-caret .dui-dropdown-content {
  margin-right: 10px;
}
.dui-dropdown-left.dui-dropdown-has-caret .dui-dropdown-caret {
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-left: 10px solid #EDEDF0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.dui-dropdown-left.dui-dropdown-has-caret .dui-dropdown-caret-inner {
  right: 0;
  top: 0;
  transform: translate(0, -50%);
  margin-right: 1px;
  border-left: 10px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.dui-dropdown-trigger {
  cursor: pointer;
}
.dui-dropdown-title {
  display: block;
  padding: 8px 10px;
  cursor: default;
  font-weight: bold;
  white-space: nowrap;
}
.dui-dropdown-item {
  display: block;
  padding: 8px 10px;
  line-height: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
  font-size: 0.875rem;
  white-space: nowrap;
}
.dui-dropdown-item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.dui-dropdown-item:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.dui-dropdown-item a {
  text-decoration: none;
}
.dui-dropdown-item.active,
.dui-dropdown-item:hover {
  background: #EDEDF0;
}
.dui-dropdown-origin-container {
  position: relative;
}
.dui-modal:has(.sign-out-modal) {
  display: flex;
  align-items: center;
}
.dui-modal:has(.sign-out-modal) .dui-modal-dialog {
  width: 820px;
  border-radius: 12px;
}
.dui-modal:has(.sign-out-modal) .dui-modal-dialog .dui-modal-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 16px;
  margin: 0 20px;
  border-bottom: 0.5px solid #EDEDF0;
}
.dui-modal:has(.sign-out-modal) .dui-modal-dialog .dui-modal-title .title {
  padding: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  border-bottom: none;
}
.dui-modal:has(.sign-out-modal) .dui-modal-dialog .dui-modal-title .dui-modal-close {
  width: 28px;
  height: 28px;
  position: static;
  fill: #1C1E41;
}
.dui-modal:has(.sign-out-modal) .dui-modal-dialog .dui-modal-body {
  padding: 16px 20px 20px;
}
.dui-calendar-swiper-container {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.dui-calendar-swiper-container .dui-calendar-swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
::ng-deep .dui-calendar-swiper-container .swiper-slide {
  flex-shrink: 0;
}
.dui-calendar-outer-container {
  padding-top: calc(var(--shdr-dui-base-size-ratio, 1) * 20px);
  padding-right: calc(var(--shdr-dui-base-size-ratio, 1) * 14px);
  padding-bottom: calc(var(--shdr-dui-base-size-ratio, 1) * 20px);
  padding-left: calc(var(--shdr-dui-base-size-ratio, 1) * 14px);
  background-color: #ffffff;
}
:host {
  width: 100%;
}
:host.browser .dui-calendar-outer-container {
  padding: 20px;
}
:host.browser .dui-calendar-outer-container-for-park {
  padding: 0;
  width: 100%;
}
:host ::ng-deep .dui-month-view-container {
  border-top: none !important;
}
.dui-calendar-swiper-container.swiper-horizontal {
  touch-action: pan-y;
}
.dui-baseswiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.dui-baseswiper .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.dui-baseswiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.dui-baseswiper .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.dui-baseswiper .swiper-slide {
  flex-shrink: 0;
  width: auto;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.dui-swiper-box {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.dui-swiper-box .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.dui-swiper-box .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.dui-swiper-box .swiper .swiper-slide {
  height: auto;
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.dui-swiper-box .swiper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.dui-swiper-box .swiper .dui-swiper-button-dishes {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background:
    linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 4.59%,
      #FFFFFF 68.67%);
}
.dui-swiper-box .swiper .dui-swiper-button-dishes div {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #EDEDF0;
}
.dui-swiper-box .swiper .dui-swiper-button-dishes div:hover {
  background:
    linear-gradient(
      0deg,
      rgba(28, 30, 65, 0.1),
      rgba(28, 30, 65, 0.1)),
    linear-gradient(
      0deg,
      #FFFFFF,
      #FFFFFF);
  box-shadow: 0px 2px 8px 0px rgba(28, 30, 65, 0.4);
}
.dui-swiper-box .swiper .dui-swiper-button-dishes svg {
  transform: rotate(180deg);
  width: 16px;
  height: 16px;
}
.dui-swiper-box .swiper .dui-swiper-button-dishes-right {
  right: 0;
  left: auto;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 4.59%,
      #FFFFFF 68.67%);
}
.dui-swiper-box .swiper .dui-swiper-button-dishes-right svg {
  transform: rotate(0);
}
.dui-swiper-box .swiper .dui-swiper-button-card {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 36px;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dui-swiper-box .swiper .dui-swiper-button-card div {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #EDEDF0;
  box-shadow: 0px 2px 10px 0px rgba(28, 30, 65, 0.2);
}
.dui-swiper-box .swiper .dui-swiper-button-card div:hover {
  background:
    linear-gradient(
      0deg,
      rgba(28, 30, 65, 0.1),
      rgba(28, 30, 65, 0.1)),
    linear-gradient(
      0deg,
      #FFFFFF,
      #FFFFFF);
  box-shadow: 0px 2px 8px 0px rgba(28, 30, 65, 0.4);
}
.dui-swiper-box .swiper .dui-swiper-button-card svg {
  fill: #0064F0;
  transform: rotate(180deg);
  width: 16px;
  height: 16px;
}
.dui-swiper-box .swiper .dui-swiper-button-card-right {
  right: 36px;
  left: auto;
}
.dui-swiper-box .swiper .dui-swiper-button-card-right svg {
  transform: rotate(0);
}
.dui-swiper-box .swiper .dui-swiper-button-dishes.swiper-button-disabled {
  display: none;
  opacity: 0;
}
.dui-swiper-box .swiper .dui-swiper-navigation .small {
  width: 36px;
  height: 36px;
}
.dui-swiper-box .swiper .dui-swiper-navigation .small svg {
  width: 12px;
  height: 12px;
}
.dui-swiper-box .swiper .dui-swiper-navigation .large {
  width: 60px;
  height: 60px;
}
.dui-swiper-box .swiper .dui-swiper-navigation .large svg {
  width: 20px;
  height: 20px;
}
.dui-swiper-box .swiper .dui-swiper-navigation .light {
  background-color: #FFF;
  border: 1px solid #EDEDF0;
}
.dui-swiper-box .swiper .dui-swiper-navigation .light svg {
  fill: #1C1E41;
}
.dui-swiper-box .swiper .dui-swiper-navigation .dark {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
}
.dui-swiper-box .swiper .dui-swiper-navigation .dark svg {
  fill: #FFF;
}
.dui-swiper-box .swiper .dui-swiper-navigation .dark:hover {
  background: rgba(0, 0, 0, 0.8);
}
.dui-swiper-box .swiper .dui-swiper-navigation .gray {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
}
.dui-swiper-box .swiper .dui-swiper-navigation .gray svg {
  fill: #FFF;
}
.dui-swiper-box .swiper .dui-swiper-navigation .gray:hover {
  background: rgba(0, 0, 0, 0.8);
}
.dui-swiper-box .swiper .dui-swiper-navigation .primary {
  background-color: #FFF;
  border: 1px solid #EDEDF0;
}
.dui-swiper-box .swiper .dui-swiper-navigation .primary svg {
  fill: #0064F0;
}
.dui-swiper-box .type9 .dui-swiper-navigation {
  display: none;
}
.dui-swiper-box .type9:hover .dui-swiper-navigation {
  display: flex;
}
.dui-swiper-box .dui-card-button-outside {
  z-index: 1;
  position: absolute;
  top: 0;
  left: -60px;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dui-swiper-box .dui-card-button-outside div {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #EDEDF0;
  box-shadow: 0px 2px 10px 0px rgba(28, 30, 65, 0.2);
}
.dui-swiper-box .dui-card-button-outside div:hover {
  background:
    linear-gradient(
      0deg,
      rgba(28, 30, 65, 0.1),
      rgba(28, 30, 65, 0.1)),
    linear-gradient(
      0deg,
      #FFFFFF,
      #FFFFFF);
  box-shadow: 0px 2px 8px 0px rgba(28, 30, 65, 0.4);
}
.dui-swiper-box .dui-card-button-outside svg {
  fill: #0064F0;
  transform: rotate(180deg);
  width: 16px;
  height: 16px;
}
.dui-swiper-box .dui-card-button-outside-right {
  right: -60px;
  left: auto;
}
.dui-swiper-box .dui-card-button-outside-right svg {
  transform: rotate(0);
}
.dui-swiper-box .dui-swiper-pagination {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dui-swiper-box .dui-swiper-pagination-bullet {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  margin-right: 6px;
}
.dui-swiper-box .dui-swiper-pagination-bullet span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #CCE0FC;
}
.dui-swiper-box .dui-swiper-pagination-bullet-active {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  margin-left: 6px;
  cursor: pointer;
}
.dui-swiper-box .dui-swiper-pagination-bullet-active svg {
  width: 100%;
  height: 100%;
}
.dui-swiper-box .dui-swiper-pagination-custom {
  bottom: -20px;
  position: absolute;
}
.dui-swiper-box .dui-swiper-pagination-regular {
  bottom: 24px;
  position: absolute;
  padding: 12px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 18px;
  margin: 0;
  z-index: 2;
}
.dui-swiper-box .dui-swiper-pagination-regular .dui-swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #919191;
  border-radius: 50%;
  margin: 0 4px;
}
.dui-swiper-box .dui-swiper-pagination-regular .dui-swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.dui-swiper-box .dui-swiper-pagination-regular .dui-swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.dui-swiper-box .dui-swiper-pagination-regular .dui-swiper-pagination-bullet-active {
  width: 30px;
  height: 12px;
  background-color: white;
  border-radius: 6px;
}
.dui-swiper-box .dui-swiper-pagination-regular.large .dui-swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}
.dui-swiper-box .dui-swiper-pagination-regular.large .dui-swiper-pagination-bullet-active {
  width: 30px;
  height: 12px;
}
.dui-swiper-box .dui-swiper-pagination-regular.small {
  padding: 8px;
}
.dui-swiper-box .dui-swiper-pagination-regular.small .dui-swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 2px;
}
.dui-swiper-box .dui-swiper-pagination-regular.small .dui-swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.dui-swiper-box .dui-swiper-pagination-regular.small .dui-swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.dui-swiper-box .dui-swiper-pagination-regular.small .dui-swiper-pagination-bullet-active {
  width: 20px;
  height: 8px;
}
.dui-swiper-flex-center {
  justify-content: center;
}
.dui-swiper-box .swiper .dui-swiper-align-items {
  align-items: normal;
}
.dui-image-group {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.dui-image-group .dui-image-group-item {
  width: 100%;
  line-height: 0;
}
.dui-image-group::ng-deep .dui-swiper-box .swiper .swiper-wrapper {
  align-items: center;
}
.dui-mobile-view {
  max-width: 768px;
}
.dui-image-vertical-group {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.dui-image-vertical-group .vertical-images {
  display: flex;
  flex-direction: column;
}
.dui-image-vertical-group .dui-image-group-item {
  width: 100%;
  line-height: 0;
}
.dui-mobile-view {
  max-width: 768px;
}
:host {
  display: block;
  width: 100%;
  height: 100%;
}
:host .dui-image {
  width: 100%;
  height: 100%;
  position: relative;
}
:host .dui-image.dui-has-link {
  cursor: pointer;
}
:host .dui-image .dui-icon {
  width: 100%;
  height: 100%;
}
:host .dui-image img {
  display: block;
  width: 100%;
  height: 100%;
}
:host .dui-image .skeleton-img {
  height: 100%;
  width: 100%;
  position: absolute;
  background-image:
    linear-gradient(
      100deg,
      #f2f2f2 40%,
      #e6e6e6 50%,
      #f2f2f2 63%);
  list-style: none;
  background-size: 400% 100%;
  background-position: 100% 50%;
  animation: skeleton-loading 1.4s ease infinite;
}
:host .dui-image .empty-img {
  display: inline-block;
  height: 100%;
  width: 100%;
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.dui-richText {
  font-size: 16px;
  line-height: 22px;
}
.dui-richText h1 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
.dui-richText h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.dui-richText h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.dui-richText a {
  font-size: 16px;
  line-height: 22px;
  color: #0064F0;
  text-decoration: underline;
  word-break: break-word;
}
.dui-richText p,
.dui-richText table {
  font-size: 16px;
  line-height: 22px;
  margin: 32px 0;
}
.dui-richText sub,
.dui-richText sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.dui-richText sup {
  top: -0.5em;
}
.dui-richText sub {
  bottom: -0.25em;
}
.dui-richText small {
  font-size: 12px;
  line-height: 18px;
}
.dui-richText small a,
.dui-richText small strong,
.dui-richText small b,
.dui-richText small em,
.dui-richText small i,
.dui-richText small div,
.dui-richText small span,
.dui-richText small p,
.dui-richText small br {
  font-size: 12px;
  line-height: 18px;
}
.dui-richText img {
  display: flex;
}
.dui-richText ul {
  padding-left: 18px !important;
}
.dui-richText ul > li {
  list-style-type: disc;
}
.dui-richText ol {
  padding-left: 26px !important;
}
.dui-richText ol > li {
  list-style-type: numberic;
}
.dui-richText ul,
.dui-richText ol {
  box-sizing: content-box;
}
.dui-richText ul li,
.dui-richText ol li {
  list-style-position: outside;
}
.dui-richText table {
  table-layout: fixed;
  width: 100%;
  border-spacing: 0px;
  border-radius: 8px;
  border: none;
  border-collapse: separate;
}
.dui-richText table a {
  word-break: break-all;
}
.dui-richText table,
.dui-richText tr,
.dui-richText td {
  color: #1C1E41;
}
.dui-richText tr:first-child {
  background-color: #E5EFFD;
  font-weight: 600;
}
.dui-richText tr:first-child td:first-child {
  border-top-left-radius: 8px;
}
.dui-richText tr:first-child td:last-child {
  border-top-right-radius: 8px;
}
.dui-richText tr:first-child td {
  border-top: 1px solid #CCE0FC;
}
.dui-richText tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.dui-richText tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.dui-richText tr td {
  border: none;
  border-bottom: 1px solid #CCE0FC;
  border-right: 1px solid #CCE0FC;
}
.dui-richText tr td:first-child {
  border-left: 1px solid #CCE0FC;
}
.dui-richText td {
  padding: 12px;
  text-align: left;
  vertical-align: top;
}
.dui-finderDetail {
  color: #494B67;
}
.dui-finderDetail p,
.dui-finderDetail div,
.dui-finderDetail span,
.dui-finderDetail ul,
.dui-finderDetail ol,
.dui-finderDetail li,
.dui-finderDetail strong,
.dui-finderDetail b,
.dui-finderDetail i,
.dui-finderDetail em {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.dui-finderDetail a {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.dui-finderDetailCardDescription {
  color: #494B67;
}
.dui-finderDetailCardDescription p,
.dui-finderDetailCardDescription div,
.dui-finderDetailCardDescription span,
.dui-finderDetailCardDescription ul,
.dui-finderDetailCardDescription ol,
.dui-finderDetailCardDescription li,
.dui-finderDetailCardDescription strong,
.dui-finderDetailCardDescription b,
.dui-finderDetailCardDescription i,
.dui-finderDetailCardDescription em {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.dui-finderDetailCardDescription a {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.dui-article {
  color: #1C1E41;
}
.dui-dtComponentDescription p,
.dui-dtComponentDescription div,
.dui-dtComponentDescription span,
.dui-dtComponentDescription ul,
.dui-dtComponentDescription ol,
.dui-dtComponentDescription li,
.dui-dtComponentDescription strong,
.dui-dtComponentDescription b,
.dui-dtComponentDescription i,
.dui-dtComponentDescription em,
.dui-dtComponentDescription a {
  font-size: 18px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .dui-richText {
    font-size: 14px;
    line-height: 20px;
  }
  .dui-richText h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .dui-richText h2 {
    font-size: 16px;
    line-height: 22px;
  }
  .dui-richText h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
  }
  .dui-richText a {
    font-size: 14px;
    line-height: 20px;
  }
  .dui-richText p,
  .dui-richText table {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0;
  }
  .dui-richText small {
    font-size: 10px;
    line-height: 16px;
  }
  .dui-richText small a,
  .dui-richText small strong,
  .dui-richText small b,
  .dui-richText small em,
  .dui-richText small i,
  .dui-richText small div,
  .dui-richText small span,
  .dui-richText small p,
  .dui-richText small br {
    font-size: 10px;
    line-height: 16px;
  }
  .dui-richText td {
    padding: 8px;
  }
  .dui-contactusTitle a {
    text-decoration: none;
  }
  .dui-contactusTitle small {
    font-size: 16px;
    line-height: 22px;
  }
  .dui-dtComponentDescription p,
  .dui-dtComponentDescription div,
  .dui-dtComponentDescription span,
  .dui-dtComponentDescription ul,
  .dui-dtComponentDescription ol,
  .dui-dtComponentDescription li,
  .dui-dtComponentDescription strong,
  .dui-dtComponentDescription b,
  .dui-dtComponentDescription i,
  .dui-dtComponentDescription em,
  .dui-dtComponentDescription a {
    font-size: 12px;
    line-height: 18px;
  }
  .dui-finderDetail {
    color: #494B67;
  }
  .dui-finderDetail p,
  .dui-finderDetail div,
  .dui-finderDetail span,
  .dui-finderDetail ul,
  .dui-finderDetail ol,
  .dui-finderDetail li,
  .dui-finderDetail strong,
  .dui-finderDetail b,
  .dui-finderDetail i,
  .dui-finderDetail em {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
  }
  .dui-finderDetail a {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
  }
  .dui-finderDetailCardDescription {
    color: #494B67;
  }
  .dui-finderDetailCardDescription p,
  .dui-finderDetailCardDescription div,
  .dui-finderDetailCardDescription span,
  .dui-finderDetailCardDescription ul,
  .dui-finderDetailCardDescription ol,
  .dui-finderDetailCardDescription li,
  .dui-finderDetailCardDescription strong,
  .dui-finderDetailCardDescription b,
  .dui-finderDetailCardDescription i,
  .dui-finderDetailCardDescription em {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
  }
  .dui-finderDetailCardDescription a {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
  }
}
.dui-dtComponentTitle p,
.dui-dtComponentDescription p,
.dui-dtUnitDescription p {
  margin: 0;
  overflow-wrap: break-word;
}
.dui-contactusTitle a {
  text-decoration: underline;
}
.dui-contactusTitle small {
  font-size: 16px;
  line-height: 22px;
}
.dui-dt-article {
  padding: 24px 0;
}
.dui-dt-article-container {
  color: #707187;
  font-size: 18px;
  line-height: 24px;
  max-width: 828px;
  margin: 0 auto;
  padding: 32px 24px;
  border-radius: 16px;
}
.dui-dt-article-header {
  text-align: left;
}
.dui-dt-article-header-titleflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.dui-dt-article-header-titleframe {
  display: flex;
  text-align: center;
  align-items: flex-start;
}
.dui-dt-article-header-titleframe h2 {
  margin-bottom: 16px;
}
.dui-dt-article-header-titleframe-title {
  display: inline;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
  max-width: 734px;
  text-align: left;
}
.dui-dt-article-header-titleframe-title.dui-dt-article-fonttheme-light {
  color: #FFF;
}
.dui-dt-article-header-titleframe-title.dui-dt-article-fonttheme-dark {
  color: #1C1E41;
}
.dui-dt-article-header-decorate {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.dui-dt-article-header-decorate-left {
  margin-right: 6px;
}
.dui-dt-article-header-decorate-right {
  margin-left: 6px;
}
.dui-dt-article-ctalink {
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #0064F0;
  text-align: center;
}
.dui-dt-article-ctalink-top {
  text-align: right;
  margin-top: 24px;
}
.dui-dt-article-ctalink-bottom {
  margin-top: 16px;
  text-align: left;
}
.dui-dt-article-ctalink-left {
  margin-top: 24px;
}
.dui-dt-article-ctalink-topleft {
  height: 40px;
  align-content: center;
  width: fit-content;
  white-space: nowrap;
}
.dui-dt-article-ctalink .dui-dt-article-fonttheme-light {
  color: #FFF;
}
.dui-dt-article-ctalink .dui-dt-article-fonttheme-dark {
  color: #0064F0;
}
.dui-dt-article-description {
  font-size: 18px;
  line-height: 24px;
  color: #707187;
}
.dui-dt-article-description.dui-dt-article-fonttheme-light {
  color: #FFF;
}
.dui-dt-article-description.dui-dt-article-fonttheme-dark {
  color: #707187;
}
.dui-dt-article-arrowicon {
  width: 7px;
  height: 12px;
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .dui-dt-article {
    padding: 0;
  }
  .dui-dt-article-container {
    font-size: 12px;
    line-height: 18px;
    padding: 20px 14px;
    border-radius: 0;
  }
  .dui-dt-article-header-titleframe h2 {
    margin-bottom: 12px;
  }
  .dui-dt-article-header-titleframe-title {
    font-size: 24px;
    line-height: 30px;
  }
  .dui-dt-article-header-titleframe-decorate {
    width: 30px;
    height: 30px;
  }
  .dui-dt-article-ctalink {
    font-size: 14px;
    line-height: 20px;
  }
  .dui-dt-article-ctalink-bottom {
    margin-top: 12px;
  }
  .dui-dt-article-description {
    font-size: 12px;
    line-height: 18px;
  }
}

/* src/styles.scss */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
img,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  touch-action: manipulation;
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  border: 0;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
address {
  font-style: normal;
}
input::-ms-clear {
  display: none;
}
button {
  background: none;
  border: 0;
  padding: 0;
}
body {
  margin: 0;
}
.wdpr-universal-layout-container {
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (max-width: 767.98px) {
  .wdpr-universal-layout-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1179.98px) {
  .wdpr-universal-layout-container {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1180px) and (max-width: 1919.98px) {
  .wdpr-universal-layout-container {
    width: 1100px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .wdpr-universal-layout-container {
    width: 1300px;
    padding-left: 0;
    padding-right: 0;
  }
}
.fullscreen-page {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fullscreen-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: auto;
}
.fullscreen-page {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fullscreen-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: auto;
}
@media (min-width: 220px) {
  html {
    font-size: 9.3866666667px;
  }
}
@media (min-width: 280px) {
  html {
    font-size: 11.9466666667px;
  }
}
@media (min-width: 320px) {
  html {
    font-size: 13.6533333333px;
  }
}
@media (min-width: 360px) {
  html {
    font-size: 15.36px;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 390px) {
  html {
    font-size: 16.64px;
  }
}
@media (min-width: 411px) {
  html {
    font-size: 17.536px;
  }
}
@media (min-width: 412px) {
  html {
    font-size: 17.5786666667px;
  }
}
@media (min-width: 414px) {
  html {
    font-size: 17.664px;
  }
}
@media (min-width: 428px) {
  html {
    font-size: 18.2613333333px;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 20.48px;
  }
}
@media (min-width: 540px) {
  html {
    font-size: 23.04px;
  }
}
@media (min-width: 640px) {
  html {
    font-size: 27.3066666667px;
  }
}
@media (min-width: 720px) {
  html {
    font-size: 30.72px;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 32.768px;
  }
}
@media (min-width: 1024px) {
  html {
    font-size: 43.6906666667px;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 61.44px;
  }
}
.fullscreen-page {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fullscreen-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: auto;
}
.fullscreen-page {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fullscreen-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: auto;
}
@media (min-width: 220px) {
  html {
    font-size: 9.3866666667px;
  }
}
@media (min-width: 280px) {
  html {
    font-size: 11.9466666667px;
  }
}
@media (min-width: 320px) {
  html {
    font-size: 13.6533333333px;
  }
}
@media (min-width: 360px) {
  html {
    font-size: 15.36px;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 390px) {
  html {
    font-size: 16.64px;
  }
}
@media (min-width: 411px) {
  html {
    font-size: 17.536px;
  }
}
@media (min-width: 412px) {
  html {
    font-size: 17.5786666667px;
  }
}
@media (min-width: 414px) {
  html {
    font-size: 17.664px;
  }
}
@media (min-width: 428px) {
  html {
    font-size: 18.2613333333px;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 20.48px;
  }
}
@media (min-width: 540px) {
  html {
    font-size: 23.04px;
  }
}
@media (min-width: 640px) {
  html {
    font-size: 27.3066666667px;
  }
}
@media (min-width: 720px) {
  html {
    font-size: 30.72px;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 32.768px;
  }
}
@media (min-width: 1024px) {
  html {
    font-size: 43.6906666667px;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 61.44px;
  }
}
.fullscreen-page {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fullscreen-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: auto;
}
* {
  background-repeat: no-repeat;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  overflow: hidden;
  height: 100vh;
  height: 100dvh;
}
body {
  height: 100vh;
  height: 100dvh;
  overflow: auto;
}
.m1 {
  margin: 0.0625rem;
}
.p1 {
  padding: 0.0625rem;
}
.m2 {
  margin: 0.125rem;
}
.p2 {
  padding: 0.125rem;
}
.m3 {
  margin: 0.1875rem;
}
.p3 {
  padding: 0.1875rem;
}
.m4 {
  margin: 0.25rem;
}
.p4 {
  padding: 0.25rem;
}
.m5 {
  margin: 0.3125rem;
}
.p5 {
  padding: 0.3125rem;
}
.m6 {
  margin: 0.375rem;
}
.p6 {
  padding: 0.375rem;
}
.m7 {
  margin: 0.4375rem;
}
.p7 {
  padding: 0.4375rem;
}
.m8 {
  margin: 0.5rem;
}
.p8 {
  padding: 0.5rem;
}
.m9 {
  margin: 0.5625rem;
}
.p9 {
  padding: 0.5625rem;
}
.m10 {
  margin: 0.625rem;
}
.p10 {
  padding: 0.625rem;
}
.m11 {
  margin: 0.6875rem;
}
.p11 {
  padding: 0.6875rem;
}
.m12 {
  margin: 0.75rem;
}
.p12 {
  padding: 0.75rem;
}
.m13 {
  margin: 0.8125rem;
}
.p13 {
  padding: 0.8125rem;
}
.m14 {
  margin: 0.875rem;
}
.p14 {
  padding: 0.875rem;
}
.m15 {
  margin: 0.9375rem;
}
.p15 {
  padding: 0.9375rem;
}
.m16 {
  margin: 1rem;
}
.p16 {
  padding: 1rem;
}
.m17 {
  margin: 1.0625rem;
}
.p17 {
  padding: 1.0625rem;
}
.m18 {
  margin: 1.125rem;
}
.p18 {
  padding: 1.125rem;
}
.m19 {
  margin: 1.1875rem;
}
.p19 {
  padding: 1.1875rem;
}
.m20 {
  margin: 1.25rem;
}
.p20 {
  padding: 1.25rem;
}
.m21 {
  margin: 1.3125rem;
}
.p21 {
  padding: 1.3125rem;
}
.m22 {
  margin: 1.375rem;
}
.p22 {
  padding: 1.375rem;
}
.m23 {
  margin: 1.4375rem;
}
.p23 {
  padding: 1.4375rem;
}
.m24 {
  margin: 1.5rem;
}
.p24 {
  padding: 1.5rem;
}
.m25 {
  margin: 1.5625rem;
}
.p25 {
  padding: 1.5625rem;
}
.m26 {
  margin: 1.625rem;
}
.p26 {
  padding: 1.625rem;
}
.m27 {
  margin: 1.6875rem;
}
.p27 {
  padding: 1.6875rem;
}
.m28 {
  margin: 1.75rem;
}
.p28 {
  padding: 1.75rem;
}
.m29 {
  margin: 1.8125rem;
}
.p29 {
  padding: 1.8125rem;
}
.m30 {
  margin: 1.875rem;
}
.p30 {
  padding: 1.875rem;
}
.font-9 {
  font-size: 0.5625rem;
  line-height: 0.625rem;
}
.font-10 {
  font-size: 0.625rem;
  line-height: 0.875rem;
}
.font-11 {
  font-size: 0.6875rem;
  line-height: 0.875rem;
}
.font-12 {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.font-13 {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.font-14 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.font-15 {
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
.font-16 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.font-18 {
  font-size: 1.125rem;
  line-height: 1.25rem;
}
.font-20 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.font-24 {
  font-size: 1.5rem;
  line-height: 1.875rem;
}
.font-28 {
  font-size: 1.75rem;
  line-height: 1.75rem;
}
.font-36 {
  font-size: 2.25rem;
  line-height: 0rem;
}
.font9 {
  font-size: 0.5625rem;
}
.font10 {
  font-size: 0.625rem;
}
.font11 {
  font-size: 0.6875rem;
}
.font12 {
  font-size: 0.75rem;
}
.font13 {
  font-size: 0.8125rem;
}
.font14 {
  font-size: 0.875rem;
}
.font15 {
  font-size: 0.9375rem;
}
.font16 {
  font-size: 1rem;
}
.font17 {
  font-size: 1.0625rem;
}
.font18 {
  font-size: 1.125rem;
}
.font20 {
  font-size: 1.25rem;
}
.font24 {
  font-size: 1.5rem;
}
.font36 {
  font-size: 2.25rem;
}
.lineH-12 {
  line-height: 0.75rem;
}
.lineH-16 {
  line-height: 1rem;
}
.lineH-18 {
  line-height: 1.125rem;
}
.lineH-20 {
  line-height: 1.25rem;
}
.lineH-22 {
  line-height: 1.375rem;
}
.lineH-24 {
  line-height: 1.5rem;
}
.lineH-28 {
  line-height: 1.75rem;
}
.lineH-32 {
  line-height: 2rem;
}
.color-link:link,
.color-link:visited,
.color-link:hover,
.color-link:active {
  color: #1994D7;
}
.color-link {
  color: #1994D7;
}
.color-alert {
  color: #e42b0a;
}
.light-gray {
  color: #8294AA;
}
.color-gray {
  color: #78899E;
}
.color-293B56 {
  color: #293B56;
}
.color-A1AFC0 {
  color: #A1AFC0;
}
.color-61941B {
  color: #61941B;
}
.color-b68f23 {
  color: #b68f23;
}
.marginB-4 {
  margin-bottom: 0.25rem;
}
.marginB-5 {
  margin-bottom: 0.3125rem;
}
.marginB-6 {
  margin-bottom: 0.375rem;
}
.marginB-7 {
  margin-bottom: 0.4375rem;
}
.marginB-8 {
  margin-bottom: 0.5rem;
}
.marginB-10 {
  margin-bottom: 0.625rem;
}
.marginB-11 {
  margin-bottom: 0.6875rem;
}
.marginB-12 {
  margin-bottom: 0.75rem;
}
.marginB-14 {
  margin-bottom: 0.875rem;
}
.marginB-15 {
  margin-bottom: 0.9375rem;
}
.marginB-16 {
  margin-bottom: 1rem;
}
.marginB-17 {
  margin-bottom: 1.0625rem;
}
.marginB-20 {
  margin-bottom: 1.25rem;
}
.marginB-21 {
  margin-bottom: 1.3125rem;
}
.marginB-24 {
  margin-bottom: 1.5rem;
}
.marginB-33 {
  margin-bottom: 2.0625rem;
}
.marginB-38 {
  margin-bottom: 2.375rem;
}
.marginB-40 {
  margin-bottom: 2.5rem;
}
.marginL-4 {
  margin-left: 0.25rem;
}
.marginL-5 {
  margin-left: 0.3125rem;
}
.marginL-8 {
  margin-left: 0.5rem;
}
.marginL-12 {
  margin-left: 0.75rem;
}
.marginL-16 {
  margin-left: 1rem;
}
.marginL-20 {
  margin-left: 1.25rem;
}
.marginL-24 {
  margin-left: 1.5rem;
}
.marginL-95 {
  margin-left: 5.9375rem;
}
.marginR-4 {
  margin-right: 0.25rem;
}
.marginR-8 {
  margin-right: 0.5rem;
}
.marginR-9 {
  margin-right: 0.5625rem;
}
.marginR-10 {
  margin-right: 0.625rem;
}
.marginR-12 {
  margin-right: 0.75rem;
}
.marginR-16 {
  margin-right: 1rem;
}
.marginR-20 {
  margin-right: 1.25rem;
}
.marginT-4 {
  margin-top: 0.25rem;
}
.marginT-5 {
  margin-top: 0.3125rem;
}
.marginT-7 {
  margin-top: 0.4375rem;
}
.marginT-8 {
  margin-top: 0.5rem;
}
.marginT-9 {
  margin-top: 0.5625rem;
}
.marginT-10 {
  margin-top: 0.625rem;
}
.marginT-12 {
  margin-top: 0.75rem;
}
.marginT-16 {
  margin-top: 1rem;
}
.marginT-20 {
  margin-top: 1.25rem;
}
.marginT-24 {
  margin-top: 1.5rem;
}
.marginT-28 {
  margin-top: 1.75rem;
}
.paddingRL16 {
  padding: 0 1rem;
}
.paddingRL13 {
  padding: 0 0.8125rem;
}
.paddingRL40 {
  padding: 0 2.5rem;
}
.paddingRL12 {
  padding: 0 0.75rem;
}
.paddingRL20 {
  padding: 0 1.25rem;
}
.paddingB-8 {
  padding-bottom: 0.5rem;
}
.paddingB-24 {
  padding-bottom: 1.5rem;
}
.paddingB-12 {
  padding-bottom: 0.75rem;
}
.paddingT-24 {
  padding-top: 1.5rem;
}
.paddingT-12 {
  padding-top: 0.75rem;
}
.marginRL16 {
  margin: 0 1rem;
}
.fzW-500 {
  font-weight: 500;
}
.fzW-600 {
  font-weight: 600;
}
.fzW-700 {
  font-weight: 700;
}
.fzW-800 {
  font-weight: 800;
}
.fw-bold {
  font-weight: bold;
}
.fw-bolder {
  font-weight: bolder;
}
.flex {
  display: flex;
}
.flex-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.flex-start {
  justify-content: flex-start;
}
.flex-end {
  justify-content: flex-end;
}
.flex-between {
  justify-content: space-between;
}
.flex-around {
  justify-content: space-around;
}
.flex-center {
  justify-content: center;
}
.flex-column-pure {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.flex-column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
.align-start {
  align-self: flex-start;
}
.align-end {
  align-self: flex-end;
}
.text-r {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  display: table;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.clearfix {
  zoom: 1;
}
.borderB-solid {
  border-bottom: 0.0625rem solid #D5D5E0;
}
.service-border {
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #ECF1F4;
}
.borderB-dashed {
  border-bottom: 0.0625rem dashed #D5D5E0;
}
.borderT-dashed {
  border-top: 0.0625rem dashed #D5D5E0;
}
.text-underline {
  text-decoration: underline;
}
.scaleHalf {
  transform: scale(0.5);
  transform-origin: 0% 0%;
}
a.atag {
  color: #1994D7;
}
.fixed {
  position: fixed !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
  top: 0;
  left: 0;
}
.nowrap {
  white-space: nowrap;
}
.ft-popup-title {
  font-weight: bold;
}
html {
  font-family:
    "InspireTWDC",
    "PingFang SC",
    "Source Han Sans CN",
    "Microsoft Yahei",
    "sans-serif",
    "Arial";
  color: #1C1E41;
}
html[lang=zh] {
  font-family:
    "PingFang SC",
    "Source Han Sans CN",
    "Microsoft Yahei",
    "sans-serif",
    "Arial";
}
.overlay .mat-progress-spinner circle {
  stroke: #1994D7;
}
.mat-bottom-sheet-container {
  padding: 0 !important;
  background-color: rgba(0, 0, 0, 0.07);
  max-height: 90vh !important;
  overflow-y: hidden !important;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.8);
}
.cdk-overlay-container .mat-dialog-container {
  padding: 0;
}
.change-APID .mat-form-field-appearance-legacy .mat-form-field-infix {
  font-size: 0.875rem;
}
.change-APID .mat-form-field {
  width: 100%;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  font-size: 0.875rem;
}
.mdc-dialog__surface {
  overflow-y: inherit !important;
}
.ft-book {
  font-family: var(--font-family-book-theme);
}
.ft-roman {
  font-family: var(--font-family-roman);
  font-weight: var(--font-weight-roman);
}
.fixed {
  position: fixed !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
  top: 0;
  left: 0;
}
.boldTitle {
  font-weight: bold !important;
}
.notUserSelect {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.noFlicker {
  -webkit-tap-highlight-color: transparent;
}
.dui-modal.sign-out-modal.small-screen {
  display: flex;
  align-items: center;
}
.dui-modal.sign-out-modal.small-screen .dui-modal-dialog {
  border-radius: 12px;
  max-width: 320px;
}
.dui-modal.sign-out-modal.small-screen .dui-modal-dialog .dui-modal-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0 8px;
  margin: 0 20px;
  border-bottom: unset;
}
.dui-modal.sign-out-modal.small-screen .dui-modal-dialog .dui-modal-title .title {
  padding: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.dui-modal.sign-out-modal.small-screen .dui-modal-dialog .dui-modal-title .dui-modal-close {
  display: none;
}
.dui-modal.sign-out-modal.small-screen .dui-modal-dialog .dui-modal-body {
  padding: 0 20px 20px;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.view-map-dialog-backdrop {
  background: rgba(0, 0, 0, 0.8);
  opacity: initial;
}

/* angular:styles/global:styles */