/* 颜色相关 */
.c-gradient-primary {
  background: linear-gradient(to right, var(--primary100), var(--primary200), var(--primary300));
}

.c-gradient-accent {
  background: linear-gradient(to right, var(--accent100), var(--accent200));
}

.c-gradient-bg {
  background: linear-gradient(to right, var(--bg100), var(--bg200), var(--bg300));
}

.c-gradient-primary-reverse {
  background: linear-gradient(to left, var(--primary100), var(--primary200), var(--primary300));
}

.c-gradient-accent-reverse {
  background: linear-gradient(to left, var(--accent100), var(--accent200));
}

.c-gradient-bg-reverse {
  background: linear-gradient(to left, var(--bg100), var(--bg200), var(--bg300));
}

.c-gradient-primary-top {
  background: linear-gradient(to bottom, var(--primary100), var(--primary200), var(--primary300));
}

.c-gradient-accent-top {
  background: linear-gradient(to bottom, var(--accent100), var(--accent200));
}

.c-gradient-bg-top {
  background: linear-gradient(to bottom, var(--bg100), var(--bg200), var(--bg300));
}

.c-gradient-primary-bottom {
  background: linear-gradient(to top, var(--primary100), var(--primary200), var(--primary300));
}

.c-gradient-accent-bottom {
  background: linear-gradient(to top, var(--accent100), var(--accent200));
}

.c-gradient-bg-bottom {
  background: linear-gradient(to top, var(--bg100), var(--bg200), var(--bg300));
}

.c-gradient-primary-top-left {
  background: linear-gradient(to bottom right, var(--primary100), var(--primary200), var(--primary300));
}

.c-gradient-accent-top-left {
  background: linear-gradient(to bottom right, var(--accent100), var(--accent200));
}

.c-gradient-bg-top-left {
  background: linear-gradient(to bottom right, var(--bg100), var(--bg200), var(--bg300));
}

.c-gradient-primary-top-right {
  background: linear-gradient(to bottom left, var(--primary100), var(--primary200), var(--primary300));
}

.c-gradient-accent-top-right {
  background: linear-gradient(to bottom left, var(--accent100), var(--accent200));
}

.c-gradient-bg-top-right {
  background: linear-gradient(to bottom left, var(--bg100), var(--bg200), var(--bg300));
}

.c-gradient-primary-bottom-left {
  background: linear-gradient(to top right, var(--primary100), var(--primary200), var(--primary300));
}

.c-gradient-accent-bottom-left {
  background: linear-gradient(to top right, var(--accent100), var(--accent200));
}

.c-gradient-bg-bottom-left {
  background: linear-gradient(to top right, var(--bg100), var(--bg200), var(--bg300));
}

.c-gradient-primary-bottom-right {
  background: linear-gradient(to top left, var(--primary100), var(--primary200), var(--primary300));
}

.c-gradient-accent-bottom-right {
  background: linear-gradient(to top left, var(--accent100), var(--accent200));
}

.c-gradient-bg-bottom-right {
  background: linear-gradient(to top left, var(--bg100), var(--bg200), var(--bg300));
}

#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: linear-gradient(90deg, var(--accent100) 0%, var(--accent200) 18%, var(--primary200) 22%, var(--primary100) 100%) !important;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  box-shadow: 0 0 0.625rem var(--primary100), 0 0 1.25rem var(--accent100);
  animation: nprogressPulse 1.2s ease-in-out infinite;
}
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 6.25rem;
  height: 100%;
  box-shadow: 0 0 0.625rem var(--accent100), 0 0 0.3125rem var(--accent100);
  opacity: 1;
  transform: rotate(3deg) translate(0px, -0.25rem);
}
#nprogress .spinner {
  display: none !important;
}

@keyframes nprogressPulse {
  0% {
    box-shadow: 0 0 0.5rem var(--primary100), 0 0 1rem var(--accent100);
  }
  50% {
    box-shadow: 0 0 1rem var(--accent100), 0 0 2rem var(--primary100);
  }
  100% {
    box-shadow: 0 0 0.5rem var(--primary100), 0 0 1rem var(--accent100);
  }
}
/* PrimeVue UI 样式 */
.p-popover::after,
.p-drawer::after {
  background: transparent !important;
}
.p-popover::before,
.p-drawer::before {
  background: transparent !important;
}

.p-drawer .p-drawer-header {
  background: var(--primary100);
  color: var(--primary400);
}

.p-menu,
.p-panelmenu,
.p-tieredmenu,
.p-menubar,
.p-megamenu {
  min-width: 100%;
}

/* .p-menu {
  min-width: 100%;
  .p-menu-list {
    .p-menu-submenu-label {
      font-size: var(--app-font-sizex);
    }
    .p-menu-item {
      .p-menu-item-link {
        .p-menu-item-icon {
          font-size: var(--app-font-sizex);
        }
        .p-menu-item-label {
        }
      }
    }
  }
} */
.p-panelmenu * {
  border-radius: var(--rounded);
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-panelmenu-header-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-panelmenu-header-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-content-container .p-panelmenu-submenu {
  padding-top: calc(var(--paddings));
  padding-bottom: calc(var(--paddings));
  gap: calc(var(--gaps));
  display: flex;
  flex-direction: column;
}
.p-panelmenu a svg[data-pc-section=submenuicon] {
  position: absolute;
  right: var(--padding);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--app-font-sizes);
  height: var(--app-font-sizes);
}
.p-panelmenu .selecteds .p-panelmenu-header a,
.p-panelmenu .selecteds .p-panelmenu-header a * {
  color: var(--primary100);
}
.p-panelmenu .selecteds li.selecteds > .p-panelmenu-item-content a,
.p-panelmenu .selecteds li.selecteds > .p-panelmenu-item-content a * {
  color: var(--primary100);
}
.dark .p-panelmenu .selected a {
  box-shadow: inset 0 0 1.25rem 0.25rem var(--bg200);
}
.p-panelmenu .selected a {
  box-shadow: inset 0 0 1.25rem 0.25rem var(--bg300);
}
.p-panelmenu .selected a,
.p-panelmenu .selected a * {
  color: var(--primary100);
}
.p-panelmenu .selected a span.p-panelmenu-item-icon,
.p-panelmenu .selected a .p-panelmenu-header-icon {
  color: var(--primary100);
}

.p-tieredmenu * {
  border-radius: var(--rounded);
}
.p-tieredmenu .p-tieredmenu-root-list .p-tieredmenu-item {
  min-width: 100%;
}
.p-tieredmenu .p-tieredmenu-root-list .p-tieredmenu-item .p-tieredmenu-item-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-tieredmenu .p-tieredmenu-root-list .p-tieredmenu-item .p-tieredmenu-item-content .p-tieredmenu-item-link {
  width: 100%;
  padding-right: var(--app-font-sizex);
}
.p-tieredmenu .p-tieredmenu-root-list .p-tieredmenu-item .p-tieredmenu-item-content .p-tieredmenu-item-link .p-tieredmenu-item-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--app-font-sizex);
  height: var(--app-font-sizex);
  font-size: var(--app-font-sizex);
}
.p-tieredmenu .p-tieredmenu-root-list .p-tieredmenu-item .p-tieredmenu-item-content .p-tieredmenu-item-link .p-tieredmenu-item-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0 !important;
}
.p-tieredmenu .p-tieredmenu-root-list .p-tieredmenu-item .p-tieredmenu-item-content .p-tieredmenu-item-link .p-tieredmenu-submenu-icon {
  position: absolute;
  right: 0;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.p-tieredmenu .p-tieredmenu-root-list .p-tieredmenu-item .p-tieredmenu-submenu {
  padding: var(--paddings);
  gap: calc(var(--gaps));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-tieredmenu .selecteds > .p-tieredmenu-item-content a,
.p-tieredmenu .selecteds > .p-tieredmenu-item-content a * {
  color: var(--primary100);
}
.p-tieredmenu .selecteds li.selecteds > .p-tieredmenu-item-content a,
.p-tieredmenu .selecteds li.selecteds > .p-tieredmenu-item-content a * {
  color: var(--primary100);
}
.p-tieredmenu .selected .p-tieredmenu-item-content,
.p-tieredmenu .selected .p-tieredmenu-item-content * {
  color: var(--primary100);
  background: var(--bg200);
}
.p-tieredmenu .selected .p-tieredmenu-item-content span.p-tieredmenu-item-icon {
  background: var(--primary100);
}

.p-icon {
  width: var(--app-font-size);
  height: var(--app-font-size);
  font-size: var(--app-font-size);
}

.p-form .form-item {
  column-gap: var(--gap);
}
.p-form .form-item .form-item-content .p-inputtext,
.p-form .form-item .form-item-content * .p-inputtext {
  width: 100%;
}
.p-form .form-item .form-item-content,
.p-form .form-item .form-item-content * {
  border-radius: var(--rounded);
  border-color: var(--bg300);
}
.p-form .form-item .form-item-content:hover,
.p-form .form-item .form-item-content *:hover {
  border-color: color-mix(in srgb, var(--primary-color-hover) 60%, transparent) !important;
}
.p-form .form-item .form-item-content:focus,
.p-form .form-item .form-item-content *:focus {
  border-color: var(--primary-color-active) !important;
}
.p-form .form-item .form-item-content:active,
.p-form .form-item .form-item-content *:active {
  border-color: var(--primary-color-active) !important;
}
.p-form .form-item .form-item-content:checked,
.p-form .form-item .form-item-content *:checked {
  border-color: var(--primary-color-active) !important;
}
.p-form .form-item .form-item-content:focus-visible,
.p-form .form-item .form-item-content *:focus-visible {
  border-color: var(--primary-color-active) !important;
}
.p-form .form-item .form-item-content:disabled,
.p-form .form-item .form-item-content *:disabled {
  border-color: var(--primary-color-disabled) !important;
}
.p-form .form-item .form-item-content:invalid,
.p-form .form-item .form-item-content *:invalid {
  border-color: var(--secondary-color) !important;
}
.p-form .form-item .form-item-content:valid,
.p-form .form-item .form-item-content *:valid {
  border-color: var(--bg300);
}
.p-form .form-item .form-item-content:read-only,
.p-form .form-item .form-item-content *:read-only {
  border-color: var(--bg300);
}
.p-form .form-item .form-item-content.form-item-content-invalid, .p-form .form-item .form-item-content.form-item-content-invalid > *, .p-form .form-item .form-item-content.form-item-content-invalid input, .p-form .form-item .form-item-content.form-item-content-invalid textarea, .p-form .form-item .form-item-content.form-item-content-invalid select, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtext, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtextarea, .p-form .form-item .form-item-content.form-item-content-invalid .p-dropdown, .p-form .form-item .form-item-content.form-item-content-invalid .p-multiselect, .p-form .form-item .form-item-content.form-item-content-invalid .p-cascadeselect, .p-form .form-item .form-item-content.form-item-content-invalid .p-treeselect, .p-form .form-item .form-item-content.form-item-content-invalid .p-listbox, .p-form .form-item .form-item-content.form-item-content-invalid .p-autocomplete, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputmask, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputnumber, .p-form .form-item .form-item-content.form-item-content-invalid .p-password, .p-form .form-item .form-item-content.form-item-content-invalid .p-colorpicker, .p-form .form-item .form-item-content.form-item-content-invalid .p-slider, .p-form .form-item .form-item-content.form-item-content-invalid .p-rating,
.p-form .form-item .form-item-content *.form-item-content-invalid,
.p-form .form-item .form-item-content *.form-item-content-invalid > *,
.p-form .form-item .form-item-content *.form-item-content-invalid input,
.p-form .form-item .form-item-content *.form-item-content-invalid textarea,
.p-form .form-item .form-item-content *.form-item-content-invalid select,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtext,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtextarea,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-dropdown,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-multiselect,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-cascadeselect,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-treeselect,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-listbox,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-autocomplete,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputmask,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputnumber,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-password,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-colorpicker,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-slider,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-rating {
  border-color: var(--danger-color) !important;
}
.p-form .form-item .form-item-content.form-item-content-invalid:hover, .p-form .form-item .form-item-content.form-item-content-invalid:active, .p-form .form-item .form-item-content.form-item-content-invalid:focus, .p-form .form-item .form-item-content.form-item-content-invalid:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid > *:hover, .p-form .form-item .form-item-content.form-item-content-invalid > *:active, .p-form .form-item .form-item-content.form-item-content-invalid > *:focus, .p-form .form-item .form-item-content.form-item-content-invalid > *:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid input:hover, .p-form .form-item .form-item-content.form-item-content-invalid input:active, .p-form .form-item .form-item-content.form-item-content-invalid input:focus, .p-form .form-item .form-item-content.form-item-content-invalid input:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid textarea:hover, .p-form .form-item .form-item-content.form-item-content-invalid textarea:active, .p-form .form-item .form-item-content.form-item-content-invalid textarea:focus, .p-form .form-item .form-item-content.form-item-content-invalid textarea:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid select:hover, .p-form .form-item .form-item-content.form-item-content-invalid select:active, .p-form .form-item .form-item-content.form-item-content-invalid select:focus, .p-form .form-item .form-item-content.form-item-content-invalid select:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtext:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtext:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtext:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtext:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtextarea:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtextarea:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtextarea:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputtextarea:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-dropdown:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-dropdown:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-dropdown:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-dropdown:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-multiselect:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-multiselect:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-multiselect:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-multiselect:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-cascadeselect:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-cascadeselect:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-cascadeselect:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-cascadeselect:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-treeselect:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-treeselect:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-treeselect:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-treeselect:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-listbox:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-listbox:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-listbox:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-listbox:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-autocomplete:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-autocomplete:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-autocomplete:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-autocomplete:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputmask:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputmask:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputmask:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputmask:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputnumber:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputnumber:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputnumber:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-inputnumber:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-password:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-password:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-password:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-password:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-colorpicker:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-colorpicker:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-colorpicker:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-colorpicker:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-slider:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-slider:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-slider:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-slider:focus-visible, .p-form .form-item .form-item-content.form-item-content-invalid .p-rating:hover, .p-form .form-item .form-item-content.form-item-content-invalid .p-rating:active, .p-form .form-item .form-item-content.form-item-content-invalid .p-rating:focus, .p-form .form-item .form-item-content.form-item-content-invalid .p-rating:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid:active,
.p-form .form-item .form-item-content *.form-item-content-invalid:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid > *:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid > *:active,
.p-form .form-item .form-item-content *.form-item-content-invalid > *:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid > *:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid input:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid input:active,
.p-form .form-item .form-item-content *.form-item-content-invalid input:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid input:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid textarea:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid textarea:active,
.p-form .form-item .form-item-content *.form-item-content-invalid textarea:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid textarea:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid select:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid select:active,
.p-form .form-item .form-item-content *.form-item-content-invalid select:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid select:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtext:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtext:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtext:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtext:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtextarea:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtextarea:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtextarea:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputtextarea:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-dropdown:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-dropdown:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-dropdown:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-dropdown:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-multiselect:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-multiselect:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-multiselect:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-multiselect:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-cascadeselect:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-cascadeselect:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-cascadeselect:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-cascadeselect:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-treeselect:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-treeselect:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-treeselect:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-treeselect:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-listbox:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-listbox:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-listbox:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-listbox:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-autocomplete:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-autocomplete:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-autocomplete:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-autocomplete:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputmask:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputmask:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputmask:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputmask:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputnumber:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputnumber:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputnumber:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-inputnumber:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-password:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-password:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-password:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-password:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-colorpicker:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-colorpicker:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-colorpicker:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-colorpicker:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-slider:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-slider:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-slider:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-slider:focus-visible,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-rating:hover,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-rating:active,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-rating:focus,
.p-form .form-item .form-item-content *.form-item-content-invalid .p-rating:focus-visible {
  border-color: var(--danger-color) !important;
}
.p-form .form-item .form-item-content.form-item-content-invalid::placeholder, .p-form .form-item .form-item-content.form-item-content-invalid input::placeholder, .p-form .form-item .form-item-content.form-item-content-invalid textarea::placeholder,
.p-form .form-item .form-item-content *.form-item-content-invalid::placeholder,
.p-form .form-item .form-item-content *.form-item-content-invalid input::placeholder,
.p-form .form-item .form-item-content *.form-item-content-invalid textarea::placeholder {
  color: var(--text200) !important;
}
.p-form .p-password .p-icon {
  width: var(--app-font-size);
  height: var(--app-font-size);
  font-size: var(--app-font-size);
  top: 50% !important;
  margin-top: calc(-1 * var(--app-font-size) / 2) !important;
  cursor: pointer;
  color: var(--text200);
}
.p-form .p-password .p-icon:hover {
  color: var(--text100);
}

/* 选项组 选择按钮 */
.p-togglebutton {
  width: auto !important;
  border: 1px solid var(--bg300) !important;
  padding: 0.25rem var(--paddings);
}
.p-togglebutton .p-togglebutton-content {
  padding: 0.125rem var(--paddings);
  margin: 0;
}

.p-togglebutton-checked {
  color: var(--accent100);
}

/* 开关 */
.p-toggleswitch {
  width: calc(var(--app-font-size) * 2 + var(--gaps) * 2) !important;
  height: calc(var(--app-font-size) + var(--gaps)) !important;
}
.p-toggleswitch * {
  background: var(--bg100) !important;
}
.p-toggleswitch .p-toggleswitch-slider .p-toggleswitch-handle {
  width: var(--app-font-size) !important;
  height: calc(var(--app-font-size)) !important;
  background: var(--bg300) !important;
  inset-inline-start: 0.25rem !important;
  margin-block-start: calc(-1 * var(--app-font-size) / 2) !important;
}

.p-toggleswitch-checked * {
  background: var(--accent100) !important;
  border-color: var(--accent200) !important;
}
.p-toggleswitch-checked .p-toggleswitch-slider .p-toggleswitch-handle {
  background: var(--bg200) !important;
  inset-inline-start: calc(100% - var(--app-font-size) - 0.25rem) !important;
}

/* 颜色选择 */
.p-colorpicker-panel {
  border-radius: 0.25rem !important;
}

/* 滑块 */
.p-slider {
  background: var(--bg300) !important;
}
.p-slider .p-slider-range {
  background: var(--accent100) !important;
}
.p-slider .p-slider-handle {
  background: var(--bg300) !important;
}

/* 星星 */
.p-rating .p-icon:hover {
  color: var(--accent100) !important;
}

/* 单选 */
.p-radiobutton-group {
  gap: var(--gapl) !important;
}
.p-radiobutton-group .p-radiobutton-checked .p-radiobutton-box {
  background: var(--accent100) !important;
}

/* 多选 */
.p-checkbox.p-checkbox-checked .p-checkbox-box {
  background: var(--accent100) !important;
}

/* Toast */
.p-toast-message .p-toast-message-icon {
  margin-top: 0.125rem;
}

/* message */
.p-message.p-message-success.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--success-color), transparent 4%) !important;
  color: var(--success-color) !important;
}

.p-message.p-message-info.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--info-color), transparent 4%) !important;
  color: var(--info-color) !important;
}

.p-message.p-message-warn.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--warn-color), transparent 4%) !important;
  color: var(--warn-color) !important;
}

.p-message.p-message-error.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--danger-color), transparent 4%) !important;
  color: var(--danger-color) !important;
}

.p-message.p-message-secondary.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--bg300), transparent 4%) !important;
  color: var(--text100) !important;
}

.p-message.p-message-contrast.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--contrast-color), transparent 4%) !important;
  color: var(--contrast-color) !important;
}

.dark .p-message.p-message-success.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--success-color), transparent 8%) !important;
  color: var(--success-color) !important;
}
.dark .p-message.p-message-info.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--info-color), transparent 8%) !important;
  color: var(--info-color) !important;
}
.dark .p-message.p-message-warn.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--warn-color), transparent 8%) !important;
  color: var(--warn-color) !important;
}
.dark .p-message.p-message-error.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--danger-color), transparent 8%) !important;
  color: var(--danger-color) !important;
}
.dark .p-message.p-message-secondary.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--bg300), transparent 8%) !important;
  color: var(--text100) !important;
}
.dark .p-message.p-message-contrast.p-message-outlined {
  border: 1px solid color-mix(in srgb, var(--contrast-color), transparent 8%) !important;
  color: var(--contrast-color) !important;
}

/* tabs */
.p-tabs {
  width: 100%;
  height: 100%;
}
.p-tabs .p-tabpanels {
  width: 100%;
  flex: 1;
}
.p-tabs .p-tabpanels .p-tabpanel {
  height: 100% !important;
}

/* breadcrumb 面包屑 */
.p-breadcrumb .p-icon {
  width: var(--app-font-sizes) !important;
  height: var(--app-font-sizes) !important;
  font-size: var(--app-font-sizes) !important;
}

/* .p-slider-handle::before  */
.p-slider-handle::before {
  background: var(--accent200) !important;
}

/* ==========================================================
   vue-datepicker 系统变量映射层
   完全基于你的框架系统变量进行桥接
   ========================================================== */
/* vue-datepicker 全局变量覆盖 */
:root {
  /* 过渡动画 */
  --dp-common-transition: all 0.2s ease-in-out !important;
  --dp-animation-duration: 0.2s !important;
  --dp-menu-appear-transition-timing: cubic-bezier(0.4, 0, 0.2, 1) !important;
  --dp-transition-timing: ease-out !important;
  --dp-action-row-transtion: all 0.3s ease-in-out !important;
  --dp-transition-timing-general: 0.2s !important;
  /* 字体 */
  --dp-font-size: var(--app-font-size) !important;
  --dp-preview-font-size: var(--app-font-sizes) !important;
  --dp-time-font-size: var(--app-font-sizex) !important;
  /* 圆角 */
  --dp-border-radius: var(--rounded) !important;
  --dp-cell-border-radius: var(--rounded) !important;
  /* 内边距 */
  --dp-menu-padding: var(--padding) !important;
  --dp-cell-padding: var(--paddings) !important;
  --dp-common-padding: var(--paddings) !important;
  --dp-input-padding: var(--paddings) var(--padding) !important;
  --dp-action-buttons-padding: var(--paddings) !important;
  --dp-calendar-header-cell-padding: var(--paddings) !important;
  --dp-overlay-col-padding: var(--paddings) !important;
  --dp-action-row-padding: var(--paddings) !important;
  --dp-calendar-wrap-padding: 0 var(--paddings) !important;
  /* 外边距和间距 */
  --dp-row-margin: var(--gaps) 0 !important;
  --dp-multi-calendars-spacing: var(--gap) !important;
}

/* 浅色主题 */
.dp__theme_light {
  --dp-background-color: var(--bg100) !important;
  --dp-text-color: var(--text100) !important;
  --dp-border-color: var(--bg300) !important;
  --dp-hover-color: var(--bg200) !important;
  --dp-primary-color: var(--primary100) !important;
  --dp-primary-text-color: var(--primary400) !important;
  --dp-disabled-color: var(--bg300) !important;
  --dp-scroll-bar-color: var(--bg300) !important;
  --dp-scroll-bar-hover-color: var(--bg300) !important;
}

/* 深色主题 */
.dp__theme_dark {
  --dp-background-color: var(--bg100) !important;
  --dp-text-color: var(--text100) !important;
  --dp-border-color: var(--bg300) !important;
  --dp-hover-color: var(--bg200) !important;
  --dp-primary-color: var(--primary100) !important;
  --dp-primary-text-color: var(--primary400) !important;
  --dp-disabled-color: var(--bg300) !important;
  --dp-scroll-bar-color: var(--bg300) !important;
  --dp-scroll-bar-hover-color: var(--bg300) !important;
}

/* 增强的样式优化 */
.dp__input {
  border: 1px solid var(--bg300) !important;
  border-radius: var(--dp-border-radius) !important;
  background-color: var(--bg100) !important;
  color: var(--text100) !important;
  font-size: var(--dp-font-size) !important;
  transition: var(--dp-common-transition) !important;
}

.dp__input:focus {
  border-color: var(--primary100) !important;
  box-shadow: 0 0 0 0.125rem var(--primary100) !important;
  outline: none !important;
}

.dp__input:hover {
  border-color: var(--primary100) !important;
}

.dp__input::placeholder {
  color: var(--text200) !important;
  opacity: 1 !important;
}

/* 日历单元格样式 */
.dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
  transition: var(--dp-common-transition) !important;
}

.dp__cell:hover {
  background-color: var(--bg200) !important;
}

.dp__cell.dp__cell_in_range {
  background-color: var(--primary100) !important;
  color: var(--primary400) !important;
}

.dp__cell.dp__cell_selected {
  background-color: var(--primary100) !important;
  color: var(--primary400) !important;
}

.dp__cell.dp__cell_today {
  border: 1px solid var(--primary100) !important;
}

/* 按钮样式 */
.dp__action_button {
  border-radius: var(--dp-cell-border-radius) !important;
  transition: var(--dp-common-transition) !important;
  font-size: var(--dp-font-size) !important;
}

.dp__action_button:hover {
  background-color: var(--bg200) !important;
}

/* 菜单样式 */
.dp__menu {
  border-radius: var(--dp-border-radius) !important;
  box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.06) !important;
  border: 1px solid var(--bg300) !important;
}

/* 年份选择器弹窗 */
.dp__year_picker,
.dp__month_picker,
.dp__calendar_wrap {
  border-radius: var(--dp-border-radius) !important;
}

/* 年份选择器网格 */
.dp__year_grid,
.dp__month_grid {
  border-radius: var(--dp-border-radius) !important;
}

/* 年份选择器单元格 */
.dp__year_grid .dp__cell,
.dp__month_grid .dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
}

/* 所有弹窗容器 */
.dp__overlay,
.dp__overlay_cell,
.dp__overlay_cell_pad {
  border-radius: var(--dp-border-radius) !important;
}

/* 时间选择器弹窗 */
.dp__time_picker_wrap {
  border-radius: var(--dp-border-radius) !important;
}

/* 预设范围弹窗 */
.dp__preset_ranges {
  border-radius: var(--dp-border-radius) !important;
}

/* 所有弹窗内容区域 */
.dp__menu_content {
  border-radius: var(--dp-border-radius) !important;
}

/* 强制覆盖所有可能的弹窗容器 */
.dp__menu_wrap,
.dp__menu_wrap *,
.dp__overlay,
.dp__overlay *,
.dp__calendar,
.dp__calendar *,
.dp__year_picker,
.dp__year_picker *,
.dp__month_picker,
.dp__month_picker *,
.dp__time_picker,
.dp__time_picker * {
  border-radius: var(--dp-border-radius) !important;
}

/* 特殊处理年份和月份选择器 */
.dp__year_picker .dp__cell,
.dp__month_picker .dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
}

/* 确保所有弹窗都有圆角 */
.dp__menu_wrap > *,
.dp__overlay > *,
.dp__calendar > * {
  border-radius: var(--dp-border-radius) !important;
}

/* 年份选择器特殊处理 */
.dp__year_picker {
  border-radius: var(--dp-border-radius) !important;
  overflow: hidden !important;
}

.dp__year_picker .dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
}

/* 月份选择器特殊处理 */
.dp__month_picker {
  border-radius: var(--dp-border-radius) !important;
  overflow: hidden !important;
}

.dp__month_picker .dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
}

/* 滚动条样式修复 - 完全隐藏但保持功能 */
.dp__menu,
.dp__year_picker,
.dp__month_picker,
.dp__calendar_wrap,
.dp__overlay {
  /* Firefox 滚动条隐藏 */
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

/* Webkit 浏览器滚动条完全隐藏 */
.dp__menu::-webkit-scrollbar,
.dp__year_picker::-webkit-scrollbar,
.dp__month_picker::-webkit-scrollbar,
.dp__calendar_wrap::-webkit-scrollbar,
.dp__overlay::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 确保滚动功能仍然可用 */
.dp__menu,
.dp__year_picker,
.dp__month_picker,
.dp__calendar_wrap,
.dp__overlay {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* 时间选择器样式 */
.dp__time_input {
  border: 1px solid var(--bg300) !important;
  border-radius: var(--dp-cell-border-radius) !important;
  background-color: var(--bg100) !important;
  color: var(--text100) !important;
  font-size: var(--dp-time-font-size) !important;
}

.dp__time_input:focus {
  border-color: var(--primary100) !important;
  outline: none !important;
}

/* 预设按钮样式 */
.dp__preset_ranges {
  border-top: 0.0625rem solid var(--bg300) !important;
}

.dp__preset_range {
  border-radius: var(--dp-cell-border-radius) !important;
  transition: var(--dp-common-transition) !important;
  font-size: var(--dp-font-size) !important;
}

.dp__preset_range:hover {
  background-color: var(--bg200) !important;
}

/* 禁用状态 */
.dp__disabled {
  background-color: var(--bg300) !important;
  color: var(--text300) !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* View Transitions API 样式 - 固定分层优先级避免闪白 */
::view-transition-old(root) {
  animation: none;
  background: var(--bg100-old, var(--bg100));
  will-change: clip-path, opacity;
  mix-blend-mode: normal;
  z-index: 1; /* 永远在底层 */
}

::view-transition-new(root) {
  animation: none;
  background: var(--bg100-new, var(--bg100));
  will-change: clip-path, opacity;
  mix-blend-mode: normal;
  z-index: 2; /* 永远在上层，避免白屏 */
}

/* 优化过渡性能：避免与 View Transitions 叠加，这里不对 html 应用全局过渡 */
/* 主题切换渐隐渐现蒙层样式 - 动态主题色版本 */
.theme-fade-overlay {
  pointer-events: none;
  backdrop-filter: blur(0.125rem); /* 轻微模糊，过渡更柔和 */
  position: fixed;
  inset: 0;
  z-index: 2000;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* 浏览器兼容性处理 */
@supports not (view-transition-name: root) {
  .theme-transition {
    transition: all 0.3s ease;
  }
  .theme-switch {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
}
* {
  font-size: var(--fontSize);
}

/* 快捷样式 */
.size-1-1 {
  aspect-ratio: 1/1;
}

.size-16-9 {
  aspect-ratio: 16/9;
}

.size-4-3 {
  aspect-ratio: 4/3;
}

.oh-vue-icons {
  font-size: inherit;
}

.p-menuitem-icon,
.p-panelmenu-item-icon,
.p-menubar-item-icon,
.p-megamenu-item-icon,
.p-tieredmenu-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}/* 清除系统默认无用样式 */
body,
html {
  margin: 0;
  padding: 0;
  background: var(--bg100);
}

* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/* 系统默认滚动条设置 （兼容性）
::-webkit-scrollbar    //滚动条整体部分
::-webkit-scrollbar-button   //滚动条两端的按钮
::-webkit-scrollbar-track   // 外层轨道
::-webkit-scrollbar-track-piece    //内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-thumb //滚动条里面可以拖动的那个
::-webkit-scrollbar-corner   //边角
::-webkit-resizer   ///定义右下角拖动块的样式
*/
/* 滚动条轨道及按钮 */
*::-webkit-scrollbar, *::-webkit-scrollbar-button, *::-webkit-scrollbar-track {
  width: 0.5rem;
  height: 0.5rem;
  background: var(--bg200);
}
* {
  /* 滚动条滑块 */
}
*::-webkit-scrollbar-thumb {
  background: var(--bg300);
  border-radius: var(--rounded);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--primary200);
}
*::-webkit-scrollbar-thumb:active {
  background: var(--primary100);
}/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*! 
 * OverlayScrollbars
 * Version: 2.13.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden],
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

/**
 * body element
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

/**
 * wrapper elements overflow:
 */
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

/**
 * viewport overflow:
 */
[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x: hidden;
  --os-viewport-overflow-y: hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}

[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x: visible;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x: hidden;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x: scroll;
}

[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y: visible;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y: hidden;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y: scroll;
}

[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}

/**
 * viewport state modifiers:
 */
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}

/**
 * content element:
 */
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}*,::before,::after{----un-rotate:0;----un-rotate-x:0;----un-rotate-y:0;----un-rotate-z:0;----un-scale-x:1;----un-scale-y:1;----un-scale-z:1;----un-skew-x:0;----un-skew-y:0;----un-translate-x:0;----un-translate-y:0;----un-translate-z:0;----un-pan-x: ;----un-pan-y: ;----un-pinch-zoom: ;----un-scroll-snap-strictness:proximity;----un-ordinal: ;----un-slashed-zero: ;----un-numeric-figure: ;----un-numeric-spacing: ;----un-numeric-fraction: ;----un-border-spacing-x:0;----un-border-spacing-y:0;----un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);----un-ring-shadow:0 0 rgb(0 0 0 / 0);----un-shadow-inset: ;----un-shadow:0 0 rgb(0 0 0 / 0);----un-ring-inset: ;----un-ring-offset-width:0px;----un-ring-offset-color:#fff;----un-ring-width:0px;----un-ring-color:rgb(147 197 253 / 0.5);----un-blur: ;----un-brightness: ;----un-contrast: ;----un-drop-shadow: ;----un-grayscale: ;----un-hue-rotate: ;----un-invert: ;----un-saturate: ;----un-sepia: ;----un-backdrop-blur: ;----un-backdrop-brightness: ;----un-backdrop-contrast: ;----un-backdrop-grayscale: ;----un-backdrop-hue-rotate: ;----un-backdrop-invert: ;----un-backdrop-opacity: ;----un-backdrop-saturate: ;----un-backdrop-sepia: ;}::backdrop{----un-rotate:0;----un-rotate-x:0;----un-rotate-y:0;----un-rotate-z:0;----un-scale-x:1;----un-scale-y:1;----un-scale-z:1;----un-skew-x:0;----un-skew-y:0;----un-translate-x:0;----un-translate-y:0;----un-translate-z:0;----un-pan-x: ;----un-pan-y: ;----un-pinch-zoom: ;----un-scroll-snap-strictness:proximity;----un-ordinal: ;----un-slashed-zero: ;----un-numeric-figure: ;----un-numeric-spacing: ;----un-numeric-fraction: ;----un-border-spacing-x:0;----un-border-spacing-y:0;----un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);----un-ring-shadow:0 0 rgb(0 0 0 / 0);----un-shadow-inset: ;----un-shadow:0 0 rgb(0 0 0 / 0);----un-ring-inset: ;----un-ring-offset-width:0px;----un-ring-offset-color:#fff;----un-ring-width:0px;----un-ring-color:rgb(147 197 253 / 0.5);----un-blur: ;----un-brightness: ;----un-contrast: ;----un-drop-shadow: ;----un-grayscale: ;----un-hue-rotate: ;----un-invert: ;----un-saturate: ;----un-sepia: ;----un-backdrop-blur: ;----un-backdrop-brightness: ;----un-backdrop-contrast: ;----un-backdrop-grayscale: ;----un-backdrop-hue-rotate: ;----un-backdrop-invert: ;----un-backdrop-opacity: ;----un-backdrop-saturate: ;----un-backdrop-sepia: ;}.grid-center{display:grid;place-items:center;}.container,[container=""]{width:100%;height:100%;background-color:var(--bg100) /* var(--bg100) */;color:var(--text100) /* var(--text100) */;}.full,[full=""]{width:100%;height:100%;}.screen{min-height:100vh;}.around{display:flex;align-items:center;justify-content:space-around;}.around-col{display:flex;flex-direction:column;justify-content:space-around;}.between,[between=""]{display:flex;align-items:center;justify-content:space-between;}.between-col,[between-col=""]{display:flex;flex-direction:column;justify-content:space-between;}.between-end,.end,[between-end=""],[end=""]{display:flex;align-items:center;justify-content:flex-end;}.between-start,.start,[between-start=""]{display:flex;align-items:center;justify-content:flex-start;}.between-start\!{display:flex !important;align-items:center !important;justify-content:flex-start !important;}.c-card,[c-card=""]{display:flex;align-items:center;justify-content:center;border-width:1px;border-color:var(--bg300);border-color:transparent;border-style:solid;background-color:var(--bg200) /* var(--bg200) */;color:var(--text100) /* var(--text100) */;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:260ms;transition-timing-function:linear;padding:var(--padding);gap:var(--gap);border-radius:var(--rounded);}.c-card-accent,.c-card-danger,.c-card-primary,.c-card-success,.c-card-warning,[c-card-primary=""]{display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-color:var(--bg300);border-color:transparent;border-style:solid;background-color:var(--bg200) /* var(--bg200) */;color:var(--text100) /* var(--text100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:260ms;transition-timing-function:linear;padding:var(--padding);gap:var(--gap);border-radius:var(--rounded);}.c-card-accent-active{display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-color:var(--bg300);border-color:transparent;border-color:var(--accent100);border-style:solid;background-color:var(--bg200) /* var(--bg200) */;color:var(--text100) /* var(--text100) */;color:var(--accent100) /* var(--accent100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);----un-shadow:0 0.0625rem 0.1875rem 0 var(--accent200),0 0.0625rem 0.125rem -0.0625rem var(--accent200);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:260ms;transition-timing-function:linear;padding:var(--padding);gap:var(--gap);border-radius:var(--rounded);}.c-card-danger-active{display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-color:var(--bg300);border-color:transparent;border-color:var(--danger-color-hover);border-style:solid;background-color:var(--bg200) /* var(--bg200) */;color:var(--text100) /* var(--text100) */;color:var(--danger-color) /* var(--danger-color) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);----un-shadow:0 0.0625rem 0.1875rem 0 var(--danger-color),0 0.0625rem 0.125rem -0.0625rem var(--danger-color);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:260ms;transition-timing-function:linear;padding:var(--padding);gap:var(--gap);border-radius:var(--rounded);}.c-card-primary-active{display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-color:var(--bg300);border-color:transparent;border-color:var(--primary100);border-style:solid;background-color:var(--bg200) /* var(--bg200) */;color:var(--text100) /* var(--text100) */;color:var(--primary100) /* var(--primary100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);----un-shadow:0 0.0625rem 0.1875rem 0 var(--primary200),0 0.0625rem 0.125rem -0.0625rem var(--primary200);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:260ms;transition-timing-function:linear;padding:var(--padding);gap:var(--gap);border-radius:var(--rounded);}.c-card-success-active{display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-color:var(--bg300);border-color:transparent;border-color:var(--success-color-hover);border-style:solid;background-color:var(--bg200) /* var(--bg200) */;color:var(--text100) /* var(--text100) */;color:var(--success-color) /* var(--success-color) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);----un-shadow:0 0.0625rem 0.1875rem 0 var(--success-color),0 0.0625rem 0.125rem -0.0625rem var(--success-color);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:260ms;transition-timing-function:linear;padding:var(--padding);gap:var(--gap);border-radius:var(--rounded);}.c-card-warning-active{display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-color:var(--bg300);border-color:transparent;border-color:var(--warn-color-hover);border-style:solid;background-color:var(--bg200) /* var(--bg200) */;color:var(--text100) /* var(--text100) */;color:var(--warn-color) /* var(--warn-color) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);----un-shadow:0 0.0625rem 0.1875rem 0 var(--warn-color),0 0.0625rem 0.125rem -0.0625rem var(--warn-color);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:260ms;transition-timing-function:linear;padding:var(--padding);gap:var(--gap);border-radius:var(--rounded);}.center,[center=""]{display:flex;align-items:center;justify-content:center;}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;}.center-end{display:flex;align-items:flex-end;justify-content:center;}.center-start,[center-start=""]{display:flex;align-items:flex-start;justify-content:center;}.end-col{display:flex;flex-direction:column;justify-content:flex-end;}.evenly{display:flex;align-items:center;justify-content:space-evenly;}.evenly-col{display:flex;flex-direction:column;justify-content:space-evenly;}.start-col{display:flex;flex-direction:column;justify-content:flex-start;}.c-cp,[c-cp=""]{cursor:pointer;}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.c-border,[c-border=""]{border-width:1px;border-color:var(--bg300);border-style:solid;}.c-border-accent,[c-border-accent=""]{border-width:1px;border-color:var(--accent200);border-style:solid;}.c-border-danger{border-width:1px;border-color:var(--danger-color);border-style:solid;}.c-border-primary,.dark .dark\:c-border-primary,.dark [dark\:c-border-primary=""]{border-width:1px;border-color:var(--primary200);border-style:solid;}.c-border-success{border-width:1px;border-color:var(--success-color);border-style:solid;}.c-border-warning{border-width:1px;border-color:var(--warn-color);border-style:solid;}.c-card-accent:active{border-color:var(--accent100);color:var(--accent100) /* var(--accent100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--primary200),0 0.0625rem 0.125rem -0.0625rem var(--primary200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-danger:active{border-color:var(--danger-color-hover);color:var(--danger-color) /* var(--danger-color) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--danger-color),0 0.0625rem 0.125rem -0.0625rem var(--danger-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-primary:active{border-color:var(--primary100);color:var(--primary200) /* var(--primary200) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--primary200),0 0.0625rem 0.125rem -0.0625rem var(--primary200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}[c-card-primary=""]:active{border-color:var(--primary100);color:var(--primary200) /* var(--primary200) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--primary200),0 0.0625rem 0.125rem -0.0625rem var(--primary200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-success:active{border-color:var(--success-color-hover);color:var(--success-color) /* var(--success-color) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--success-color),0 0.0625rem 0.125rem -0.0625rem var(--success-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-warning:active{border-color:var(--warn-color-hover);color:var(--warn-color) /* var(--warn-color) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--warn-color),0 0.0625rem 0.125rem -0.0625rem var(--warn-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.text-contrast{color:var(--contrast-color) /* var(--contrast-color) */;}.text-danger{color:var(--danger-color) /* var(--danger-color) */;}.text-info{color:var(--info-color) /* var(--info-color) */;}.text-primary{color:var(--primary-color) /* var(--primary-color) */;}.text-success{color:var(--success-color) /* var(--success-color) */;}.text-warn{color:var(--warn-color) /* var(--warn-color) */;}.text-contrast:hover{color:var(--contrast-color-hover) /* var(--contrast-color-hover) */;}.text-danger:hover{color:var(--danger-color-hover) /* var(--danger-color-hover) */;}.text-info:hover{color:var(--info-color-hover) /* var(--info-color-hover) */;}.text-primary:hover{color:var(--primary-color-hover) /* var(--primary-color-hover) */;}.text-success:hover{color:var(--success-color-hover) /* var(--success-color-hover) */;}.text-warn:hover{color:var(--warn-color-hover) /* var(--warn-color-hover) */;}.text-contrast:active{color:var(--contrast-color-active) /* var(--contrast-color-active) */;}.text-danger:active{color:var(--danger-color-active) /* var(--danger-color-active) */;}.text-info:active{color:var(--info-color-active) /* var(--info-color-active) */;}.text-primary:active{color:var(--primary-color-active) /* var(--primary-color-active) */;}.text-success:active{color:var(--success-color-active) /* var(--success-color-active) */;}.text-warn:active{color:var(--warn-color-active) /* var(--warn-color-active) */;}.c-card-accent:hover{color:var(--accent100) /* var(--accent100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--accent200),0 0.0625rem 0.125rem -0.0625rem var(--accent200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-accent-active:hover{color:var(--accent100) /* var(--accent100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--accent200),0 0.0625rem 0.125rem -0.0625rem var(--accent200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-danger:hover{color:var(--danger-color-hover) /* var(--danger-color-hover) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--danger-color),0 0.0625rem 0.125rem -0.0625rem var(--danger-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-danger-active:hover{color:var(--danger-color-hover) /* var(--danger-color-hover) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--danger-color),0 0.0625rem 0.125rem -0.0625rem var(--danger-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-primary:hover{color:var(--primary100) /* var(--primary100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--primary200),0 0.0625rem 0.125rem -0.0625rem var(--primary200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}[c-card-primary=""]:hover{color:var(--primary100) /* var(--primary100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--primary200),0 0.0625rem 0.125rem -0.0625rem var(--primary200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-primary-active:hover{color:var(--primary100) /* var(--primary100) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--primary200),0 0.0625rem 0.125rem -0.0625rem var(--primary200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-success:hover{color:var(--success-color-hover) /* var(--success-color-hover) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--success-color),0 0.0625rem 0.125rem -0.0625rem var(--success-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-success-active:hover{color:var(--success-color-hover) /* var(--success-color-hover) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--success-color),0 0.0625rem 0.125rem -0.0625rem var(--success-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-warning:hover{color:var(--warn-color-hover) /* var(--warn-color-hover) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--warn-color),0 0.0625rem 0.125rem -0.0625rem var(--warn-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card-warning-active:hover{color:var(--warn-color-hover) /* var(--warn-color-hover) */;----un-shadow:0 0.0625rem 0.1875rem 0 var(--warn-color),0 0.0625rem 0.125rem -0.0625rem var(--warn-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-shadow,.dark .dark\:c-shadow{----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-shadow-accent{----un-shadow:0 0.0625rem 0.1875rem 0 var(--accent200),0 0.0625rem 0.125rem -0.0625rem var(--accent200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-shadow-danger{----un-shadow:0 0.0625rem 0.1875rem 0 var(--danger-color),0 0.0625rem 0.125rem -0.0625rem var(--danger-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-shadow-primary{----un-shadow:0 0.0625rem 0.1875rem 0 var(--primary200),0 0.0625rem 0.125rem -0.0625rem var(--primary200);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-shadow-success{----un-shadow:0 0.0625rem 0.1875rem 0 var(--success-color),0 0.0625rem 0.125rem -0.0625rem var(--success-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-shadow-warning{----un-shadow:0 0.0625rem 0.1875rem 0 var(--warn-color),0 0.0625rem 0.125rem -0.0625rem var(--warn-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-card:hover{----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}[c-card=""]:hover{----un-shadow:0 0.0625rem 0.1875rem 0 var(--bg300),0 0.0625rem 0.125rem -0.0625rem var(--bg300);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.c-transition{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:400ms;transition-timing-function:linear;}.c-transitionl{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:800ms;transition-timing-function:linear;}.c-transitions,[c-transitions=""]{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:260ms;transition-timing-function:linear;}.c-transitionx{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:600ms;transition-timing-function:linear;}.pointer-events-none{pointer-events:none;}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative,[relative=""]{position:relative;}.sticky{position:sticky;}.inset-0{inset:0;}.bottom--10vw{bottom:-10vw;}.bottom-0{bottom:0;}.left--10vw{left:-10vw;}.left-0{left:0;}.right--10vw{right:-10vw;}.right-0{right:0;}.right-2{right:0.5rem;}.top--10vw{top:-10vw;}.top-\[calc\(100\%\+2px\)\]{top:calc(100% + 0.125rem);}.top-0{top:0;}.top-1\/2{top:50%;}.z-0{z-index:0;}.z-1,[z-1=""]{z-index:1;}.z-2{z-index:2;}.z-999{z-index:999;}.z-9999{z-index:9999;}.grid,[grid=""]{display:grid;}.col-span-12{grid-column:span 12/span 12;}.grid-col-span-1{grid-column:span 1/span 1;}.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-12,[grid-cols-12=""]{grid-template-columns:repeat(12,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}[rows~="\38 "]{grid-template-rows:repeat(8,minmax(0,1fr));}.m1{margin:0.25rem;}.m15{margin:3.75rem;}.m5{margin:1.25rem;}[m1~="default\:"]:default{margin:0.25rem;}[m15~="default\:"]:default{margin:3.75rem;}[m5~="default\:"]:default{margin:1.25rem;}.me{margin-inline-end:1rem;}.ms{margin-inline-start:1rem;}.inline{display:inline;}.block,.dark .dark\:block{display:block;}.inline-block{display:inline-block;}.dark .dark\:hidden,.hidden{display:none;}[size~="\31 "]{width:0.25rem;height:0.25rem;}.h-\[calc\(100\%-100px\)\]{height:calc(100% - 6.25rem);}.h-\[calc\(100\%-40px\)\]{height:calc(100% - 2.5rem);}.h-\[calc\(100\%-var\(--header-height\)-var\(--footer-height\)\)\]{height:calc(100% - var(--header-height) - var(--footer-height));}.h-\[calc\(100\%-var\(--header-height\)\)\]{height:calc(100% - var(--header-height));}.h-\[calc\(50\%-var\(--gaps\)\)\]{height:calc(50% - var(--gaps));}.h-\[calc\(var\(--content-breadcrumb-height\)\+var\(--tabs-height\)\)\]{height:calc(var(--content-breadcrumb-height) + var(--tabs-height));}.h-50vh{height:50vh;}.h-50vw{height:50vw;}.h-80vh{height:80vh;}.h-8vw{height:8vw;}.h-full,[h-full=""]{height:100%;}.h1{height:0.25rem;}.ha{height:auto;}.min-w-full{min-width:100%;}.w-\[calc\(100\%-100px\)\]{width:calc(100% - 6.25rem);}.w-\[calc\(50\%-var\(--gaps\)\)\]{width:calc(50% - var(--gaps));}.w-1\/5,.w-20\%{width:20%;}.w-100\%\!,.w100\%\!{width:100% !important;}.w-4\/5,.w-80\%{width:80%;}.w-50vw{width:50vw;}.w-80vw{width:80vw;}.w-8vw{width:8vw;}.w-90\%{width:90%;}.w-96\%{width:96%;}.w-full,[w-full=""]{width:100%;}.wa{width:auto;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-auto{flex:1 1 auto;}.flex-row-reverse{flex-direction:row-reverse;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.-translate-y-1\/2{----un-translate-y:-50%;transform:translateX(var(----un-translate-x)) translateY(var(----un-translate-y)) translateZ(var(----un-translate-z)) rotate(var(----un-rotate)) rotateX(var(----un-rotate-x)) rotateY(var(----un-rotate-y)) rotateZ(var(----un-rotate-z)) skewX(var(----un-skew-x)) skewY(var(----un-skew-y)) scaleX(var(----un-scale-x)) scaleY(var(----un-scale-y)) scaleZ(var(----un-scale-z));}.hover\:scale-110:hover{----un-scale-x:1.1;----un-scale-y:1.1;transform:translateX(var(----un-translate-x)) translateY(var(----un-translate-y)) translateZ(var(----un-translate-z)) rotate(var(----un-rotate)) rotateX(var(----un-rotate-x)) rotateY(var(----un-rotate-y)) rotateZ(var(----un-rotate-z)) skewX(var(----un-skew-x)) skewY(var(----un-skew-y)) scaleX(var(----un-scale-x)) scaleY(var(----un-scale-y)) scaleZ(var(----un-scale-z));}.preserve-3d{transform-style:preserve-3d;}.transform,[transform=""]{transform:translateX(var(----un-translate-x)) translateY(var(----un-translate-y)) translateZ(var(----un-translate-z)) rotate(var(----un-rotate)) rotateX(var(----un-rotate-x)) rotateY(var(----un-rotate-y)) rotateZ(var(----un-rotate-z)) skewX(var(----un-skew-x)) skewY(var(----un-skew-y)) scaleX(var(----un-scale-x)) scaleY(var(----un-scale-y)) scaleZ(var(----un-scale-z));}.cursor-move{cursor:move;}.select-none,[select-none=""]{-webkit-user-select:none;user-select:none;}.resize,[resize=""]{resize:both;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.justify-start,[justify-start=""]{justify-content:flex-start;}.justify-start\!{justify-content:flex-start !important;}.justify-end{justify-content:flex-end;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-pre-wrap{white-space:pre-wrap;}.break-all{word-break:break-all;}.b,.border,[b=""]{border-width:1px;}.border-color-accent100{border-color:var(--accent100);}.border-color-primary100{border-color:var(--primary100);}.border-contrastBorderColor{border-color:var(--contrast-color-border);}.border-contrastColor\!{border-color:var(--contrast-color) !important;}.border-dangerBorderColor{border-color:var(--danger-color-border);}.border-helpBorderColor{border-color:var(--help-color-border);}.border-infoBorderColor{border-color:var(--info-color-border);}.border-primaryBorderColor{border-color:var(--primary-color-border);}.border-secondaryBorderColor{border-color:var(--secondary-color-border);}.border-successBorderColor{border-color:var(--success-color-border);}.border-tm{border-color:transparent;}.border-tm\!{border-color:transparent !important;}.border-warnBorderColor{border-color:var(--warn-color-border);}.hover\:border-contrastColor:hover{border-color:var(--contrast-color);}.rounded{border-radius:0.25rem;}.rounded-full{border-radius:9999px;}.rounded-xl{border-radius:0.75rem;}.rounded-l-none\!{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}.rounded-lb-none{border-bottom-left-radius:0;}.rounded-rt-none{border-top-right-radius:0;}.border-none{border-style:none;}.border-x-none{border-left-style:none;border-right-style:none;}.bg-accent100,[bg-accent100=""]{background-color:var(--accent100) /* var(--accent100) */;}.bg-accent200{background-color:var(--accent200) /* var(--accent200) */;}.bg-bg100,.dark .dark\:bg-bg100{background-color:var(--bg100) /* var(--bg100) */;}.bg-bg200,.dark .dark\:bg-bg200{background-color:var(--bg200) /* var(--bg200) */;}.bg-bg300,.dark .dark\:bg-bg300{background-color:var(--bg300) /* var(--bg300) */;}.bg-contrastColor{background-color:var(--contrast-color) /* var(--contrast-color) */;}.bg-dangerColor{background-color:var(--danger-color) /* var(--danger-color) */;}.bg-helpColor{background-color:var(--help-color) /* var(--help-color) */;}.bg-infoColor{background-color:var(--info-color) /* var(--info-color) */;}.bg-primary100,[bg-primary100=""]{background-color:var(--primary100) /* var(--primary100) */;}.bg-primary200{background-color:var(--primary200) /* var(--primary200) */;}.bg-primary300{background-color:var(--primary300) /* var(--primary300) */;}.bg-primaryColor{background-color:var(--primary-color) /* var(--primary-color) */;}.bg-red{----un-bg-opacity:1;background-color:rgb(248 113 113 / var(----un-bg-opacity)) /* #f87171 */;}.bg-secondaryColor{background-color:var(--secondary-color) /* var(--secondary-color) */;}.bg-successColor{background-color:var(--success-color) /* var(--success-color) */;}.bg-tm,.dark .dark\:bg-tm,.dark [dark\:bg-tm=""]{background-color:transparent /* transparent */;}.bg-warnColor{background-color:var(--warn-color) /* var(--warn-color) */;}.hover\:bg-contrastHoverColor:hover{background-color:var(--contrast-color-hover) /* var(--contrast-color-hover) */;}.hover\:bg-dangerHoverColor:hover{background-color:var(--danger-color-hover) /* var(--danger-color-hover) */;}.hover\:bg-helpHoverColor:hover{background-color:var(--help-color-hover) /* var(--help-color-hover) */;}.hover\:bg-infoHoverColor:hover{background-color:var(--info-color-hover) /* var(--info-color-hover) */;}.hover\:bg-primaryHoverColor:hover{background-color:var(--primary-color-hover) /* var(--primary-color-hover) */;}.hover\:bg-secondaryHoverColor:hover{background-color:var(--secondary-color-hover) /* var(--secondary-color-hover) */;}.hover\:bg-successHoverColor:hover{background-color:var(--success-color-hover) /* var(--success-color-hover) */;}.hover\:bg-warnHoverColor:hover{background-color:var(--warn-color-hover) /* var(--warn-color-hover) */;}.active\:bg-contrastActiveColor:active{background-color:var(--contrast-color-active) /* var(--contrast-color-active) */;}.active\:bg-dangerActiveColor:active{background-color:var(--danger-color-active) /* var(--danger-color-active) */;}.active\:bg-helpActiveColor:active{background-color:var(--help-color-active) /* var(--help-color-active) */;}.active\:bg-infoActiveColor:active{background-color:var(--info-color-active) /* var(--info-color-active) */;}.active\:bg-primaryActiveColor:active{background-color:var(--primary-color-active) /* var(--primary-color-active) */;}.active\:bg-secondaryActiveColor:active{background-color:var(--secondary-color-active) /* var(--secondary-color-active) */;}.active\:bg-successActiveColor:active{background-color:var(--success-color-active) /* var(--success-color-active) */;}.active\:bg-warnActiveColor:active{background-color:var(--warn-color-active) /* var(--warn-color-active) */;}.disabled\:bg-contrastDisabledColor:disabled{background-color:var(--contrast-color-disabled) /* var(--contrast-color-disabled) */;}.disabled\:bg-dangerDisabledColor:disabled{background-color:var(--danger-color-disabled) /* var(--danger-color-disabled) */;}.disabled\:bg-helpDisabledColor:disabled{background-color:var(--help-color-disabled) /* var(--help-color-disabled) */;}.disabled\:bg-infoDisabledColor:disabled{background-color:var(--info-color-disabled) /* var(--info-color-disabled) */;}.disabled\:bg-primaryDisabledColor:disabled{background-color:var(--primary-color-disabled) /* var(--primary-color-disabled) */;}.disabled\:bg-secondaryDisabledColor:disabled{background-color:var(--secondary-color-disabled) /* var(--secondary-color-disabled) */;}.disabled\:bg-successDisabledColor:disabled{background-color:var(--success-color-disabled) /* var(--success-color-disabled) */;}.disabled\:bg-warnDisabledColor:disabled{background-color:var(--warn-color-disabled) /* var(--warn-color-disabled) */;}[color-scheme~="transparent"]{color-scheme:transparent;}.px,[px=""]{padding-left:1rem;padding-right:1rem;}.px0{padding-left:0;padding-right:0;}.py-8\%{padding-top:8%;padding-bottom:8%;}.pie{padding-inline-end:1rem;}.text-center{text-align:center;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.text-contrastColor{color:var(--contrast-color) /* var(--contrast-color) */;}.text-contrastTextColor{color:var(--contrast-color-text) /* var(--contrast-color-text) */;}.color-dangerColor,.text-dangerColor{color:var(--danger-color) /* var(--danger-color) */;}.text-dangerTextColor{color:var(--danger-color-text) /* var(--danger-color-text) */;}.text-green-600{----un-text-opacity:1;color:rgb(22 163 74 / var(----un-text-opacity)) /* #16a34a */;}.text-helpColor{color:var(--help-color) /* var(--help-color) */;}.text-helpTextColor{color:var(--help-color-text) /* var(--help-color-text) */;}.text-infoColor{color:var(--info-color) /* var(--info-color) */;}.text-infoTextColor{color:var(--info-color-text) /* var(--info-color-text) */;}.text-primaryColor{color:var(--primary-color) /* var(--primary-color) */;}.text-primaryTextColor{color:var(--primary-color-text) /* var(--primary-color-text) */;}.text-red-600{----un-text-opacity:1;color:rgb(220 38 38 / var(----un-text-opacity)) /* #dc2626 */;}.text-secondaryColor{color:var(--secondary-color) /* var(--secondary-color) */;}.text-secondaryTextColor{color:var(--secondary-color-text) /* var(--secondary-color-text) */;}.text-successColor{color:var(--success-color) /* var(--success-color) */;}.text-successTextColor{color:var(--success-color-text) /* var(--success-color-text) */;}.color-text100,.dark .dark\:color-text100,.text-text100{color:var(--text100) /* var(--text100) */;}.color-text200,.text-text200,[color-text200=""]{color:var(--text200) /* var(--text200) */;}.text-warnColor{color:var(--warn-color) /* var(--warn-color) */;}.text-warnTextColor{color:var(--warn-color-text) /* var(--warn-color-text) */;}.hover\:text-primary100:hover{color:var(--primary100) /* var(--primary100) */;}.color-accent100,[color-accent100=""]{color:var(--accent100) /* var(--accent100) */;}.color-accent200{color:var(--accent200) /* var(--accent200) */;}.color-bg300{color:var(--bg300) /* var(--bg300) */;}.color-dangerActiveColor{color:var(--danger-color-active) /* var(--danger-color-active) */;}.color-primary100,.dark .dark\:color-primary100{color:var(--primary100) /* var(--primary100) */;}.color-primary200{color:var(--primary200) /* var(--primary200) */;}.color-primary300{color:var(--primary300) /* var(--primary300) */;}.color-primary400,[color-primary400=""]{color:var(--primary400) /* var(--primary400) */;}.hover\:color-dangerColor:hover{color:var(--danger-color) /* var(--danger-color) */;}.hover\:color-primary100:hover{color:var(--primary100) /* var(--primary100) */;}.hover\:color-text100\!:hover{color:var(--text100) /* var(--text100) */ !important;}[hover\:color-text100\!=""]:hover{color:var(--text100) /* var(--text100) */ !important;}.focus\:color-text100\!:focus{color:var(--text100) /* var(--text100) */ !important;}[focus\:color-text100\!=""]:focus{color:var(--text100) /* var(--text100) */ !important;}.active\:color-text100\!:active{color:var(--text100) /* var(--text100) */ !important;}[active\:color-text100\!=""]:active{color:var(--text100) /* var(--text100) */ !important;}.font-bold,.fw-bold{font-weight:700;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.font-mono,[font-mono=""]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.tab,[tab=""]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}[\!tab=""]{-moz-tab-size:4 !important;-o-tab-size:4 !important;tab-size:4 !important;}.text-shadow{----un-text-shadow:0 0 0.0625rem var(----un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 0.0625rem var(----un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(----un-text-shadow);}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.shadow{----un-shadow:var(----un-shadow-inset) 0 0.0625rem 0.1875rem 0 var(----un-shadow-color, rgb(0 0 0 / 0.1)),var(----un-shadow-inset) 0 0.0625rem 0.125rem -0.0625rem var(----un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.ring{----un-ring-width:0.1875rem;----un-ring-offset-shadow:var(----un-ring-inset) 0 0 0 var(----un-ring-offset-width) var(----un-ring-offset-color);----un-ring-shadow:var(----un-ring-inset) 0 0 0 calc(var(----un-ring-width) + var(----un-ring-offset-width)) var(----un-ring-color);box-shadow:var(----un-ring-offset-shadow), var(----un-ring-shadow), var(----un-shadow);}.backdrop-blur-xl{----un-backdrop-blur:blur(1.5rem);-webkit-backdrop-filter:var(----un-backdrop-blur) var(----un-backdrop-brightness) var(----un-backdrop-contrast) var(----un-backdrop-grayscale) var(----un-backdrop-hue-rotate) var(----un-backdrop-invert) var(----un-backdrop-opacity) var(----un-backdrop-saturate) var(----un-backdrop-sepia);backdrop-filter:var(----un-backdrop-blur) var(----un-backdrop-brightness) var(----un-backdrop-contrast) var(----un-backdrop-grayscale) var(----un-backdrop-hue-rotate) var(----un-backdrop-invert) var(----un-backdrop-opacity) var(----un-backdrop-saturate) var(----un-backdrop-sepia);}.blur{----un-blur:blur(0.5rem);filter:var(----un-blur) var(----un-brightness) var(----un-contrast) var(----un-drop-shadow) var(----un-grayscale) var(----un-hue-rotate) var(----un-invert) var(----un-saturate) var(----un-sepia);}.blur-3xl{----un-blur:blur(4rem);filter:var(----un-blur) var(----un-brightness) var(----un-contrast) var(----un-drop-shadow) var(----un-grayscale) var(----un-hue-rotate) var(----un-invert) var(----un-saturate) var(----un-sepia);}.filter{filter:var(----un-blur) var(----un-brightness) var(----un-contrast) var(----un-drop-shadow) var(----un-grayscale) var(----un-hue-rotate) var(----un-invert) var(----un-saturate) var(----un-sepia);}.backdrop-filter{-webkit-backdrop-filter:var(----un-backdrop-blur) var(----un-backdrop-brightness) var(----un-backdrop-contrast) var(----un-backdrop-grayscale) var(----un-backdrop-hue-rotate) var(----un-backdrop-invert) var(----un-backdrop-opacity) var(----un-backdrop-saturate) var(----un-backdrop-sepia);backdrop-filter:var(----un-backdrop-blur) var(----un-backdrop-brightness) var(----un-backdrop-contrast) var(----un-backdrop-grayscale) var(----un-backdrop-hue-rotate) var(----un-backdrop-invert) var(----un-backdrop-opacity) var(----un-backdrop-saturate) var(----un-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[duration~="\31 20ms"]{transition-duration:120ms;}[duration~="\31 s"]{transition-duration:1s;}[duration~="\32 s"]{transition-duration:2s;}[duration~="\35 00ms"]{transition-duration:500ms;}[duration~="\38 00ms"]{transition-duration:800ms;}[delay~="\30 s"]{transition-delay:0s;}.ease,.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.w-0{width:0px;}.w-100{width:6.25rem;}.w-375{width:23.4375rem;}.w-400\!{width:25rem !important;}.h-1{height:0.0625rem;}.h-100{height:6.25rem;}.h-40{height:2.5rem;}.max-h-60{max-height:3.75rem;}.fs-10{font-size:0.625rem;}.fs-16{font-size:1rem;}.p-0{padding:0px;}.p-4{padding:0.25rem;}.pt-0{padding-top:0px;}.mt-4{margin-top:0.25rem;}.mb-2{margin-bottom:0.125rem;}.mb-4{margin-bottom:0.25rem;}.mb-6{margin-bottom:0.375rem;}.ml-2{margin-left:0.125rem;}.px-4{padding-left:0.25rem;padding-right:0.25rem;}[px~="\32 "]{padding-left:0.125rem;padding-right:0.125rem;}.py-0{padding-top:0px;padding-bottom:0px;}.py-2{padding-top:0.125rem;padding-bottom:0.125rem;}.py-4{padding-top:0.25rem;padding-bottom:0.25rem;}.my-4{margin-top:0.25rem;margin-bottom:0.25rem;}.gap-0{gap:0px;}.gap-2{gap:0.125rem;}.t-0{top:0px;}.r-0{right:0px;}.b-0{bottom:0px;}.l-0{left:0px;}.w-appFontSize,[w-appFontSize=""]{width:var(--app-font-size);}.w-appFontSizel{width:var(--app-font-sizel);}.w-appFontSizes,[w-appFontSizes=""]{width:var(--app-font-sizes);}.w-appFontSizex{width:var(--app-font-sizex);}.w-sidebarCollapsedWidth{width:var(--sidebar-collapsed-width);}.w-sidebarWidth{width:var(--sidebar-width);}.h-appFontSize,[h-appFontSize=""]{height:var(--app-font-size);}.h-appFontSizel{height:var(--app-font-sizel);}.h-appFontSizes{height:var(--app-font-sizes);}.h-appFontSizex{height:var(--app-font-sizex);}.h-breadcrumbHeight{height:var(--breadcrumb-height) !important;}.h-contentBreadcrumbHeight{height:var(--content-breadcrumb-height) !important;}.h-contentHeight{height:var(--content-height) !important;}.h-contentsBreadcrumbHeight{height:var(--contents-breadcrumb-height) !important;}.h-contentsHeight{height:var(--contents-height) !important;}.h-contentsTabsHeight{height:var(--contents-tabs-height) !important;}.h-contentTabsHeight{height:var(--content-tabs-height) !important;}.h-footerHeight{height:var(--footer-height) !important;}.h-headerHeight{height:var(--header-height) !important;}.h-tabsHeight{height:var(--tabs-height) !important;}.p-padding,[p-padding=""]{padding:var(--padding);}.p-paddingl,[p-paddingl=""]{padding:var(--paddingl);}.p-paddings{padding:var(--paddings);}.p-paddingx{padding:var(--paddingx);}.pt-paddings{padding-top:var(--paddings);}.pl-paddings{padding-left:var(--paddings);}.px-gap{padding-left:var(--gap);padding-right:var(--gap);}.px-padding,[px-padding=""]{padding-left:var(--padding);padding-right:var(--padding);}.px-paddingl{padding-left:var(--paddingl);padding-right:var(--paddingl);}.px-paddings{padding-left:var(--paddings);padding-right:var(--paddings);}.px-paddingx{padding-left:var(--paddingx);padding-right:var(--paddingx);}.py-padding,[py-padding=""]{padding-top:var(--padding);padding-bottom:var(--padding);}.py-paddings,[py-paddings=""]{padding-top:var(--paddings);padding-bottom:var(--paddings);}.py-paddingx{padding-top:var(--paddingx);padding-bottom:var(--paddingx);}.mt-gap,[mt-gap=""]{margin-top:var(--gap);}.mt-gapl{margin-top:var(--gapl);}.mr-gap{margin-right:var(--gap);}.mb-gap{margin-bottom:var(--gap);}.mb-gapl{margin-bottom:var(--gapl);}.mb-gaps{margin-bottom:var(--gaps);}.mx-gap{margin-left:var(--gap);margin-right:var(--gap);}.mx-gaps,[mx-gaps=""]{margin-left:var(--gaps);margin-right:var(--gaps);}.mx-paddings,[mx-paddings=""]{margin-left:var(--paddings);margin-right:var(--paddings);}.my-gap{margin-top:var(--gap);margin-bottom:var(--gap);}.my-gaps{margin-top:var(--gaps);margin-bottom:var(--gaps);}.t-gap{top:var(--gap);}.t-gapl{top:var(--gapl);}.r-gapl{right:var(--gapl);}.b-gapl{bottom:var(--gapl);}.l-gapl{left:var(--gapl);}.gap-gap,[gap-gap=""]{gap:var(--gap);}.gap-gapl{gap:var(--gapl);}.gap-gaps,[gap-gaps=""]{gap:var(--gaps);}.gap-gapx{gap:var(--gapx);}.rounded-rounded,[rounded-rounded=""]{border-radius:var(--rounded);}.fs-appFontSize{font-size:var(--app-font-size);}.fs-appFontSizel,[fs-appFontSizel=""]{font-size:var(--app-font-sizel);}.fs-appFontSizes,[fs-appFontSizes=""]{font-size:var(--app-font-sizes);}.fs-appFontSizex,[fs-appFontSizex=""]{font-size:var(--app-font-sizex);}@media (min-width: 48rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.sm\:block{display:block;}.sm\:hidden{display:none;}.sm\:h-60vh{height:60vh;}.sm\:w-56vw{width:56vw;}.sm\:w-60vw{width:60vw;}.sm\:w-65vw{width:65vw;}.sm\:w-80\%{width:80%;}.sm\:py-6\%{padding-top:6%;padding-bottom:6%;}.sm\:fs-12{font-size:0.75rem;}.sm\:py-6{padding-top:0.375rem;padding-bottom:0.375rem;}.sm\:fs-appFontSize{font-size:var(--app-font-size);}}@media (min-width: 59.375rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.md\:block{display:block;}.md\:hidden{display:none;}.md\:w-36vw{width:36vw;}.md\:w-46\%{width:46%;}.md\:w-50vw{width:50vw;}.md\:flex{display:flex;}.md\:px0{padding-left:0;padding-right:0;}.md\:py-4\%{padding-top:4%;padding-bottom:4%;}.md\:fs-14{font-size:0.875rem;}.md\:py-2{padding-top:0.125rem;padding-bottom:0.125rem;}.md\:py-7{padding-top:0.4375rem;padding-bottom:0.4375rem;}.md\:w-sidebarCollapsedWidth{width:var(--sidebar-collapsed-width);}.md\:w-sidebarWidth{width:var(--sidebar-width);}.md\:px-padding{padding-left:var(--padding);padding-right:var(--padding);}}@media (min-width: 87.5rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.lg\:h-140\%{height:140%;}.lg\:w-30\%{width:30%;}.lg\:w-30vw{width:30vw;}.lg\:w-48vw{width:48vw;}.lg\:py-2\%{padding-top:2%;padding-bottom:2%;}.lg\:fs-12{font-size:0.75rem;}.lg\:px-padding{padding-left:var(--padding);padding-right:var(--padding);}}@media (min-width: 103.75rem){.xl\:col-span-2,[xl\:col-span-2=""]{grid-column:span 2/span 2;}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.xl\:w-26vw{width:26vw;}.xl\:w-28\%{width:28%;}.xl\:w-46vw{width:46vw;}.xl\:py-8{padding-top:0.5rem;padding-bottom:0.5rem;}}@media (min-width: 160rem){.xxl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.xxl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.xxl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.xxl\:w-24vw{width:24vw;}.xxl\:w-26\%{width:26%;}.xxl\:w-44vw{width:44vw;}.xxl\:px-paddingx{padding-left:var(--paddingx);padding-right:var(--paddingx);}}/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.pv-message-stack[data-v-5835ec59] {
  position: fixed;
  top: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1300;
  display: flex;
  flex-direction: column;
  gap: var(--gapx);
  pointer-events: none;
}
.pv-message-stack[data-v-5835ec59] .p-message {
  pointer-events: auto;
  width: auto;
  min-width: 10vw;
  align-self: center;
}
.pv-message-body[data-v-5835ec59] {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.pv-message-summary[data-v-5835ec59] {
  font-weight: 600;
}
.pv-message-pop-enter-from[data-v-5835ec59],
.pv-message-pop-leave-to[data-v-5835ec59] {
  opacity: 0;
  transform: translateY(-0.5rem) scale(0.98);
}
.pv-message-pop-enter-active[data-v-5835ec59],
.pv-message-pop-leave-active[data-v-5835ec59] {
  transition: all 0.2s ease;
}
.animate__animated {
  animation-duration: var(--animate-duration, 1s);
  animation-delay: var(--animate-delay, 0s);
}
.spinner[data-v-14756544] {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
  width: var(--spinner-width);
  height: var(--spinner-height);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--bar-width) * 0.5);
}
.spinner > div[data-v-14756544] {
  background-color: var(--primary100);
  height: 100%;
  width: var(--bar-width);
  display: inline-block;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  animation: sk-stretchdelay-14756544 1.2s infinite ease-in-out;
  -webkit-animation: sk-stretchdelay-14756544 1.2s infinite ease-in-out;
}
.spinner .rect2[data-v-14756544] {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3[data-v-14756544] {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4[data-v-14756544] {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5[data-v-14756544] {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay-14756544 {
0%, 40%, 100% {
    -webkit-transform: translateZ(0) scaleY(0.4);
}
20% {
    -webkit-transform: translateZ(0) scaleY(1);
}
}
@keyframes sk-stretchdelay-14756544 {
0%, 40%, 100% {
    transform: translateZ(0) scaleY(0.4);
    -webkit-transform: translateZ(0) scaleY(0.4);
}
20% {
    transform: translateZ(0) scaleY(1);
    -webkit-transform: translateZ(0) scaleY(1);
}
}.atom-spinner[data-v-a0b63ed0] {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}
.atom-spinner .spinner-inner[data-v-a0b63ed0] {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.atom-spinner .spinner-circle[data-v-a0b63ed0] {
  display: block;
  position: absolute;
  color: var(--primary100);
  font-size: var(--circle-size);
  top: 50%;
  left: 50%;
  transform: translateZ(0) translate(-50%, -50%);
  -webkit-transform: translateZ(0) translate(-50%, -50%);
}
.atom-spinner .spinner-line[data-v-a0b63ed0] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-left: var(--border-size) solid var(--primary200);
  border-top: var(--border-size) solid transparent;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.atom-spinner .spinner-line[data-v-a0b63ed0]:nth-child(1) {
  animation: atom-spinner-animation-1-a0b63ed0 1s linear infinite;
  -webkit-animation: atom-spinner-animation-1-a0b63ed0 1s linear infinite;
  transform: translateZ(0) rotateZ(120deg) rotateX(66deg) rotateZ(0deg);
}
.atom-spinner .spinner-line[data-v-a0b63ed0]:nth-child(2) {
  animation: atom-spinner-animation-2-a0b63ed0 1s linear infinite;
  -webkit-animation: atom-spinner-animation-2-a0b63ed0 1s linear infinite;
  transform: translateZ(0) rotateZ(240deg) rotateX(66deg) rotateZ(0deg);
}
.atom-spinner .spinner-line[data-v-a0b63ed0]:nth-child(3) {
  animation: atom-spinner-animation-3-a0b63ed0 1s linear infinite;
  -webkit-animation: atom-spinner-animation-3-a0b63ed0 1s linear infinite;
  transform: translateZ(0) rotateZ(360deg) rotateX(66deg) rotateZ(0deg);
}
@keyframes atom-spinner-animation-1-a0b63ed0 {
0% {
    transform: translateZ(0) rotateZ(120deg) rotateX(66deg) rotateZ(0deg);
}
100% {
    transform: translateZ(0) rotateZ(120deg) rotateX(66deg) rotateZ(360deg);
}
}
@-webkit-keyframes atom-spinner-animation-1-a0b63ed0 {
0% {
    -webkit-transform: translateZ(0) rotateZ(120deg) rotateX(66deg) rotateZ(0deg);
}
100% {
    -webkit-transform: translateZ(0) rotateZ(120deg) rotateX(66deg) rotateZ(360deg);
}
}
@keyframes atom-spinner-animation-2-a0b63ed0 {
0% {
    transform: translateZ(0) rotateZ(240deg) rotateX(66deg) rotateZ(0deg);
}
100% {
    transform: translateZ(0) rotateZ(240deg) rotateX(66deg) rotateZ(360deg);
}
}
@-webkit-keyframes atom-spinner-animation-2-a0b63ed0 {
0% {
    -webkit-transform: translateZ(0) rotateZ(240deg) rotateX(66deg) rotateZ(0deg);
}
100% {
    -webkit-transform: translateZ(0) rotateZ(240deg) rotateX(66deg) rotateZ(360deg);
}
}
@keyframes atom-spinner-animation-3-a0b63ed0 {
0% {
    transform: translateZ(0) rotateZ(360deg) rotateX(66deg) rotateZ(0deg);
}
100% {
    transform: translateZ(0) rotateZ(360deg) rotateX(66deg) rotateZ(360deg);
}
}
@-webkit-keyframes atom-spinner-animation-3-a0b63ed0 {
0% {
    -webkit-transform: translateZ(0) rotateZ(360deg) rotateX(66deg) rotateZ(0deg);
}
100% {
    -webkit-transform: translateZ(0) rotateZ(360deg) rotateX(66deg) rotateZ(360deg);
}
}/**
 * ScrollbarWrapper 样式
 * 完全基于 OverlayScrollbars v2 的 CSS 变量系统
 * 不直接操作 DOM 元素样式
 */
/* 基础容器样式 */
.overlay-scrollbar-wrapper {
  background: transparent;
  width: 100%;
  height: 100%;
}

/* 根据方向控制滚动条显示 */
.overlay-scrollbar-wrapper.is-vertical :deep(.os-scrollbar-horizontal) {
  display: none !important;
}
.overlay-scrollbar-wrapper.is-horizontal :deep(.os-scrollbar-vertical) {
  display: none !important;
}

/**
 * 覆盖 OverlayScrollbars 默认主题的 CSS 变量
 * 使用 !important 确保我们的自定义变量优先级最高
 */
.overlay-scrollbar-wrapper :deep(.os-theme-dark),
.overlay-scrollbar-wrapper :deep(.os-theme-light) {
  /* 颜色变量 - 继承父元素的自定义变量 */
  --os-handle-bg: var(--custom-os-handle-bg) !important;
  --os-handle-bg-hover: var(--custom-os-handle-bg-hover) !important;
  --os-handle-bg-active: var(--custom-os-handle-bg-active) !important;
  --os-track-bg: var(--custom-os-track-bg) !important;
  --os-track-bg-hover: var(--custom-os-track-bg-hover) !important;
  --os-track-bg-active: var(--custom-os-track-bg-active) !important;
  /* 尺寸变量 - 支持三种交互状态 */
  --os-size: var(--custom-os-size) !important;
  --os-handle-perpendicular-size: var(--custom-os-handle-perpendicular-size) !important;
  --os-handle-perpendicular-size-hover: var(--custom-os-handle-perpendicular-size-hover) !important;
  --os-handle-perpendicular-size-active: var(
    --custom-os-handle-perpendicular-size-active
  ) !important;
  --os-padding-perpendicular: var(--custom-os-padding-perpendicular) !important;
  --os-padding-axis: var(--custom-os-padding-axis) !important;
  /* 形状变量 */
  --os-handle-border-radius: var(--custom-os-handle-border-radius) !important;
  --os-track-border-radius: var(--custom-os-track-border-radius) !important;
  --os-handle-min-size: var(--custom-os-handle-min-size) !important;
  --os-handle-max-size: var(--custom-os-handle-max-size) !important;
  /* 边框变量 */
  --os-handle-border: var(--custom-os-handle-border) !important;
  --os-handle-border-hover: var(--custom-os-handle-border) !important;
  --os-handle-border-active: var(--custom-os-handle-border) !important;
  --os-track-border: var(--custom-os-track-border) !important;
  --os-track-border-hover: var(--custom-os-track-border) !important;
  --os-track-border-active: var(--custom-os-track-border) !important;
}.enter-active-class[data-v-afdc2564] {
  animation-duration: 800ms !important;
}
.leave-active-class[data-v-afdc2564] {
  animation-duration: 400ms !important;
  animation-timing-function: ease-in-out !important;
}/* ============================================
   标签项基础样式
   ============================================ */
.tabs-item {
  /* 首尾标签去除外边距，避免轨道两端留白 */
}
.tabs-item:first-child {
  margin-left: 0 !important;
}
.tabs-item:last-child {
  margin-right: 0 !important;
}

/* ============================================
   标签轨道容器样式
   ============================================ */
.tabs-track {
  /* 轨道背景和阴影的过渡动画
     - 可调整: transition 时长和缓动函数
     - 示例: 0.25s ease 可改为 0.3s cubic-bezier(0.4, 0, 0.2, 1) */
  transition: background 0.25s ease, box-shadow 0.25s ease;
  /* 使用主题圆角变量，可在主题配置中统一调整 */
  border-radius: var(--rounded);
}

/* 拖拽状态下的轨道样式
   - background: 拖拽时的背景色透明度（35% 可调整为 20-50%）
   - box-shadow: 拖拽时的阴影强度和颜色（24% 可调整为 15-35%） */
.tabs-track--dragging {
  box-shadow: 0 0.25rem 1.875rem color-mix(in srgb, var(--primary100) 35%, transparent);
}

/* 悬停状态下的轨道样式（当插入线显示时）
   - background: 悬停时的背景色透明度（20% 可调整为 10-30%） */
.tabs-track--hover {
  background: color-mix(in srgb, var(--bg200) 20%, transparent);
}

/* ============================================
   拖拽插入线样式（着陆点指示器）
   ============================================ */
.tabs-drop-line {
  /* 绝对定位，相对于 .tabs-track */
  position: absolute;
  top: 50%;
  left: 0; /* 通过 JS 动态设置，此处为初始值 */
  /* 线条尺寸
     - width: 线条宽度（1px 可调整为 2-4px）
     - height: 线条高度（100% 可调整为 80-100%） */
  width: 0.0625rem;
  height: 100%;
  /* 线条颜色和发光效果
     - background: 主色（var(--primary100) 可改为 var(--accent100) 或其他主题色）
     - box-shadow: 发光效果，第一个为内层光晕，第二个为外层光晕
       - 60% 和 40% 可调整发光强度（30-80%）
       - 10px 和 20px 可调整光晕扩散范围（5-30px） */
  background: var(--primary100);
  box-shadow: 0 0 0.625rem color-mix(in srgb, var(--primary100) 60%, transparent), 0 0 1.25rem color-mix(in srgb, var(--primary200) 40%, transparent);
  /* 圆角，999px 实现完全圆形端点 */
  border-radius: 62.4375rem;
  /* 居中定位（相对于 left 值）
     - translate(-50%, -50%): 向左上偏移自身宽高的 50%，实现完美居中 */
  transform: translate(-50%, -50%);
  /* 禁用鼠标事件，避免阻挡拖拽交互 */
  pointer-events: none;
  /* 插入线出现/消失的动画
     - transform: 位置变化动画（0.12s 可调整为 0.1-0.2s）
     - opacity: 透明度变化动画
     - ease: 缓动函数（可改为 ease-in-out、cubic-bezier 等） */
  transition: transform 0.12s ease, opacity 0.12s ease;
  /* 线条透明度（0.9 可调整为 0.7-1.0） */
  opacity: 0.9;
  /* 上端圆圈指示器
     - 使用 ::before 伪元素创建上端圆圈
     - 位置：top: 0（线条顶部）
     - 尺寸：6px 可调整为 4-10px
     - 颜色：与线条一致
     - 发光：与线条相同的发光效果 */
}
.tabs-drop-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.375rem; /* 圆圈直径（可调整为 4-10px） */
  height: 0.375rem; /* 圆圈直径（可调整为 4-10px） */
  background: var(--primary100);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0.5rem color-mix(in srgb, var(--primary100) 70%, transparent), 0 0 1rem color-mix(in srgb, var(--primary200) 50%, transparent);
  transition: transform 0.12s ease, opacity 0.12s ease;
}
.tabs-drop-line {
  /* 下端圆圈指示器
     - 使用 ::after 伪元素创建下端圆圈
     - 位置：bottom: 0（线条底部）
     - 尺寸：与上端圆圈一致
     - 颜色和发光：与上端圆圈一致 */
}
.tabs-drop-line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0.375rem; /* 圆圈直径（可调整为 4-10px） */
  height: 0.375rem; /* 圆圈直径（可调整为 4-10px） */
  background: var(--primary100);
  border-radius: 50%;
  transform: translate(-50%, 50%);
  box-shadow: 0 0 0.5rem color-mix(in srgb, var(--primary100) 70%, transparent), 0 0 1rem color-mix(in srgb, var(--primary200) 50%, transparent);
  transition: transform 0.12s ease, opacity 0.12s ease;
}

/* ============================================
   标签项交互样式
   ============================================ */
.tabs-item {
  /* 标签项状态变化的过渡动画
     - box-shadow: 阴影变化（0.2s 可调整为 0.15-0.3s）
     - background: 背景色变化
     - color: 文字颜色变化
     - cubic-bezier(0.2, 0.8, 0.2, 1): 自定义缓动曲线，可改为 ease、ease-in-out 等 */
  transition: box-shadow 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.2s ease, color 0.2s ease;
  /* 性能优化：提前告知浏览器该属性会变化，启用硬件加速 */
  will-change: box-shadow;
}

/* ============================================
   无障碍：减少动画偏好设置
   ============================================ */
@media (prefers-reduced-motion: reduce) {
  /* 当用户系统设置偏好减少动画时，禁用所有过渡效果
     确保对动画敏感的用户获得更好的体验 */
.tabs-item {
    transition: none;
}
}/* ==========================================================
   vue-datepicker 系统变量映射层
   完全基于你的框架系统变量进行桥接
   ========================================================== */
/* vue-datepicker 全局变量覆盖 */
:root {
  /* 过渡动画 */
  --dp-common-transition: all 0.2s ease-in-out !important;
  --dp-animation-duration: 0.2s !important;
  --dp-menu-appear-transition-timing: cubic-bezier(0.4, 0, 0.2, 1) !important;
  --dp-transition-timing: ease-out !important;
  --dp-action-row-transtion: all 0.3s ease-in-out !important;
  --dp-transition-timing-general: 0.2s !important;
  /* 字体 */
  --dp-font-size: var(--app-font-size) !important;
  --dp-preview-font-size: var(--app-font-sizes) !important;
  --dp-time-font-size: var(--app-font-sizex) !important;
  /* 圆角 */
  --dp-border-radius: var(--rounded) !important;
  --dp-cell-border-radius: var(--rounded) !important;
  /* 内边距 */
  --dp-menu-padding: var(--padding) !important;
  --dp-cell-padding: var(--paddings) !important;
  --dp-common-padding: var(--paddings) !important;
  --dp-input-padding: var(--paddings) var(--padding) !important;
  --dp-action-buttons-padding: var(--paddings) !important;
  --dp-calendar-header-cell-padding: var(--paddings) !important;
  --dp-overlay-col-padding: var(--paddings) !important;
  --dp-action-row-padding: var(--paddings) !important;
  --dp-calendar-wrap-padding: 0 var(--paddings) !important;
  /* 外边距和间距 */
  --dp-row-margin: var(--gaps) 0 !important;
  --dp-multi-calendars-spacing: var(--gap) !important;
}

/* 浅色主题 */
.dp__theme_light {
  --dp-background-color: var(--bg100) !important;
  --dp-text-color: var(--text100) !important;
  --dp-border-color: var(--bg300) !important;
  --dp-hover-color: var(--bg200) !important;
  --dp-primary-color: var(--primary100) !important;
  --dp-primary-text-color: var(--primary400) !important;
  --dp-disabled-color: var(--bg300) !important;
  --dp-scroll-bar-color: var(--bg300) !important;
  --dp-scroll-bar-hover-color: var(--bg300) !important;
}

/* 深色主题 */
.dp__theme_dark {
  --dp-background-color: var(--bg100) !important;
  --dp-text-color: var(--text100) !important;
  --dp-border-color: var(--bg300) !important;
  --dp-hover-color: var(--bg200) !important;
  --dp-primary-color: var(--primary100) !important;
  --dp-primary-text-color: var(--primary400) !important;
  --dp-disabled-color: var(--bg300) !important;
  --dp-scroll-bar-color: var(--bg300) !important;
  --dp-scroll-bar-hover-color: var(--bg300) !important;
}

/* 增强的样式优化 */
.dp__input {
  border: 1px solid var(--bg300) !important;
  border-radius: var(--dp-border-radius) !important;
  background-color: var(--bg100) !important;
  color: var(--text100) !important;
  font-size: var(--dp-font-size) !important;
  transition: var(--dp-common-transition) !important;
}

.dp__input:focus {
  border-color: var(--primary100) !important;
  box-shadow: 0 0 0 0.125rem var(--primary100) !important;
  outline: none !important;
}

.dp__input:hover {
  border-color: var(--primary100) !important;
}

.dp__input::placeholder {
  color: var(--text200) !important;
  opacity: 1 !important;
}

/* 日历单元格样式 */
.dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
  transition: var(--dp-common-transition) !important;
}

.dp__cell:hover {
  background-color: var(--bg200) !important;
}

.dp__cell.dp__cell_in_range {
  background-color: var(--primary100) !important;
  color: var(--primary400) !important;
}

.dp__cell.dp__cell_selected {
  background-color: var(--primary100) !important;
  color: var(--primary400) !important;
}

.dp__cell.dp__cell_today {
  border: 1px solid var(--primary100) !important;
}

/* 按钮样式 */
.dp__action_button {
  border-radius: var(--dp-cell-border-radius) !important;
  transition: var(--dp-common-transition) !important;
  font-size: var(--dp-font-size) !important;
}

.dp__action_button:hover {
  background-color: var(--bg200) !important;
}

/* 菜单样式 */
.dp__menu {
  border-radius: var(--dp-border-radius) !important;
  box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.06) !important;
  border: 1px solid var(--bg300) !important;
}

/* 年份选择器弹窗 */
.dp__year_picker,
.dp__month_picker,
.dp__calendar_wrap {
  border-radius: var(--dp-border-radius) !important;
}

/* 年份选择器网格 */
.dp__year_grid,
.dp__month_grid {
  border-radius: var(--dp-border-radius) !important;
}

/* 年份选择器单元格 */
.dp__year_grid .dp__cell,
.dp__month_grid .dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
}

/* 所有弹窗容器 */
.dp__overlay,
.dp__overlay_cell,
.dp__overlay_cell_pad {
  border-radius: var(--dp-border-radius) !important;
}

/* 时间选择器弹窗 */
.dp__time_picker_wrap {
  border-radius: var(--dp-border-radius) !important;
}

/* 预设范围弹窗 */
.dp__preset_ranges {
  border-radius: var(--dp-border-radius) !important;
}

/* 所有弹窗内容区域 */
.dp__menu_content {
  border-radius: var(--dp-border-radius) !important;
}

/* 强制覆盖所有可能的弹窗容器 */
.dp__menu_wrap,
.dp__menu_wrap *,
.dp__overlay,
.dp__overlay *,
.dp__calendar,
.dp__calendar *,
.dp__year_picker,
.dp__year_picker *,
.dp__month_picker,
.dp__month_picker *,
.dp__time_picker,
.dp__time_picker * {
  border-radius: var(--dp-border-radius) !important;
}

/* 特殊处理年份和月份选择器 */
.dp__year_picker .dp__cell,
.dp__month_picker .dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
}

/* 确保所有弹窗都有圆角 */
.dp__menu_wrap > *,
.dp__overlay > *,
.dp__calendar > * {
  border-radius: var(--dp-border-radius) !important;
}

/* 年份选择器特殊处理 */
.dp__year_picker {
  border-radius: var(--dp-border-radius) !important;
  overflow: hidden !important;
}

.dp__year_picker .dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
}

/* 月份选择器特殊处理 */
.dp__month_picker {
  border-radius: var(--dp-border-radius) !important;
  overflow: hidden !important;
}

.dp__month_picker .dp__cell {
  border-radius: var(--dp-cell-border-radius) !important;
}

/* 滚动条样式修复 - 完全隐藏但保持功能 */
.dp__menu,
.dp__year_picker,
.dp__month_picker,
.dp__calendar_wrap,
.dp__overlay {
  /* Firefox 滚动条隐藏 */
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

/* Webkit 浏览器滚动条完全隐藏 */
.dp__menu::-webkit-scrollbar,
.dp__year_picker::-webkit-scrollbar,
.dp__month_picker::-webkit-scrollbar,
.dp__calendar_wrap::-webkit-scrollbar,
.dp__overlay::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 确保滚动功能仍然可用 */
.dp__menu,
.dp__year_picker,
.dp__month_picker,
.dp__calendar_wrap,
.dp__overlay {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* 时间选择器样式 */
.dp__time_input {
  border: 1px solid var(--bg300) !important;
  border-radius: var(--dp-cell-border-radius) !important;
  background-color: var(--bg100) !important;
  color: var(--text100) !important;
  font-size: var(--dp-time-font-size) !important;
}

.dp__time_input:focus {
  border-color: var(--primary100) !important;
  outline: none !important;
}

/* 预设按钮样式 */
.dp__preset_ranges {
  border-top: 0.0625rem solid var(--bg300) !important;
}

.dp__preset_range {
  border-radius: var(--dp-cell-border-radius) !important;
  transition: var(--dp-common-transition) !important;
  font-size: var(--dp-font-size) !important;
}

.dp__preset_range:hover {
  background-color: var(--bg200) !important;
}

/* 禁用状态 */
.dp__disabled {
  background-color: var(--bg300) !important;
  color: var(--text300) !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_not_clearable{padding-inline-end:var(--dp-input-not-clearable-padding) !important}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transition: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-input-not-clearable-padding: 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}

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