@charset "UTF-8";.vgt-table.striped tbody tr:nth-of-type(odd) {
  background-color: rgba(51, 68, 109, 0.03);
}

/* Utility styles
************************************************/
.vgt-right-align {
  text-align: right;
}

.vgt-left-align {
  text-align: left;
}

.vgt-center-align {
  text-align: center;
}

.vgt-pull-left {
  float: left !important;
}

.vgt-pull-right {
  float: right !important;
}

.vgt-clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.vgt-responsive {
  width: 100%;
  overflow-x: auto;
  position: relative;
}

.vgt-text-disabled {
  color: #909399;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.vgt-wrap {
  position: relative;
}

.vgt-fixed-header {
  position: absolute;
  z-index: 10;
  overflow-x: auto;
}

table.vgt-table {
  font-size: 16px;
  border-collapse: collapse;
  background-color: #FFFFFF;
  width: 100%;
  max-width: 100%;
  table-layout: auto;
  border: 1px solid #DCDFE6;
}
table.vgt-table td {
  padding: 0.75em 0.75em 0.75em 0.75em;
  vertical-align: top;
  border-bottom: 1px solid #DCDFE6;
  color: #606266;
}
table.vgt-table tr.clickable {
  cursor: pointer;
}
table.vgt-table tr.clickable:hover {
  background-color: #F1F5FD;
}

.vgt-table th {
  padding: 0.75em 1.5em 0.75em 0.75em;
  vertical-align: middle;
  position: relative;
}
.vgt-table th.sortable button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vgt-table th.sortable button:focus {
  outline: none;
}
.vgt-table th.sortable button:after {
  content: "";
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-top: -7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #606266;
}
.vgt-table th.sortable button:before {
  content: "";
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-bottom: -7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #606266;
}
.vgt-table th.line-numbers, .vgt-table th.vgt-checkbox-col {
  padding: 0 0.75em 0 0.75em;
  color: #606266;
  border-right: 1px solid #DCDFE6;
  word-wrap: break-word;
  width: 25px;
  text-align: center;
  background: linear-gradient(#F4F5F8, #F1F3F6);
}
.vgt-table th.filter-th {
  padding: 0.75em 0.75em 0.75em 0.75em;
}
.vgt-table th.vgt-row-header {
  border-bottom: 2px solid #DCDFE6;
  border-top: 2px solid #DCDFE6;
  background-color: #fafafb;
}
.vgt-table th.vgt-row-header .triangle {
  width: 24px;
  height: 24px;
  border-radius: 15%;
  position: relative;
  margin: 0px 8px;
}
.vgt-table th.vgt-row-header .triangle:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #606266;
  margin-left: -3px;
  transition: 0.3s ease transform;
}
.vgt-table th.vgt-row-header .triangle.expand:after {
  transform: rotate(90deg);
}
.vgt-table thead th {
  color: #606266;
  vertical-align: bottom;
  border-bottom: 1px solid #DCDFE6;
  padding-right: 1.5em;
  background: linear-gradient(#F4F5F8, #F1F3F6);
}
.vgt-table thead th.vgt-checkbox-col {
  vertical-align: middle;
}
.vgt-table thead th.sorting-asc button:after {
  border-bottom: 5px solid #409eff;
}
.vgt-table thead th.sorting-desc button:before {
  border-top: 5px solid #409eff;
}

.vgt-input, .vgt-select {
  width: 100%;
  height: 32px;
  line-height: 1;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px;
  color: #606266;
  border-radius: 4px;
  box-sizing: border-box;
  background-image: none;
  background-color: #fff;
  border: 1px solid #DCDFE6;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.vgt-input::-moz-placeholder, .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #606266;
  opacity: 0.3; /* Firefox */
}
.vgt-input::placeholder, .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #606266;
  opacity: 0.3; /* Firefox */
}
.vgt-input:focus, .vgt-select:focus {
  outline: none;
  border-color: #409eff;
}

.vgt-loading {
  position: absolute;
  width: 100%;
  z-index: 10;
  margin-top: 117px;
}
.vgt-loading__content {
  background-color: #c0dfff;
  color: #409eff;
  padding: 7px 30px;
  border-radius: 3px;
}

.vgt-inner-wrap.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.vgt-wrap__expander {
  text-decoration: none;
}

.vgt-table.bordered td, .vgt-table.bordered th {
  border: 1px solid #DCDFE6;
}
.vgt-table.bordered th.vgt-row-header {
  border-bottom: 3px solid #DCDFE6;
}

.vgt-wrap.rtl {
  direction: rtl;
}
.vgt-wrap.rtl .vgt-table thead th, .vgt-wrap.rtl .vgt-table.condensed thead th {
  padding-left: 1.5em;
  padding-right: 0.75em;
}
.vgt-wrap.rtl .vgt-table th.sorting:after,
.vgt-wrap.rtl .vgt-table th.sorting-asc:after {
  margin-right: 5px;
  margin-left: 0px;
}
.vgt-wrap.rtl .vgt-table th.sortable:after,
.vgt-wrap.rtl .vgt-table th.sortable:before {
  right: inherit;
  left: 6px;
}

.vgt-table.condensed td, .vgt-table.condensed th.vgt-row-header {
  padding: 0.4em 0.4em 0.4em 0.4em;
}

/*responsive compactMode*/
@media (max-width: 576px) {
  .vgt-compact * {
    box-sizing: border-box;
  }
  .vgt-compact tbody,
  .vgt-compact tr,
  .vgt-compact td {
    display: block;
    width: 100%;
  }
  .vgt-compact thead {
    display: none;
  }
  .vgt-compact tr {
    margin-bottom: 15px;
  }
  .vgt-compact td {
    text-align: right;
    position: relative;
  }
  .vgt-compact td:before {
    content: attr(data-label);
    position: relative;
    float: left;
    left: 0;
    width: 40%;
    padding-left: 10px;
    font-weight: bold;
    text-align: left;
  }
  .vgt-compact th.line-numbers {
    width: 100% !important;
    display: block;
    padding: 0.3em 1em !important;
  }
}
.vgt-global-search {
  padding: 5px 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  border: 1px solid #DCDFE6;
  border-bottom: 0px;
  background: linear-gradient(#F4F5F8, #F1F3F6);
}
.vgt-global-search form {
  display: flex;
}
.vgt-global-search form label {
  margin-top: 3px;
}

.vgt-global-search__input {
  position: relative;
  padding-left: 40px;
  flex-grow: 1;
}
.vgt-global-search__input .input__icon {
  position: absolute;
  left: 0px;
  max-width: 32px;
}
.vgt-global-search__input .input__icon .magnifying-glass {
  margin-top: 3px;
  margin-left: 8px;
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid #494949;
  position: relative;
  border-radius: 50%;
}
.vgt-global-search__input .input__icon .magnifying-glass:before {
  content: "";
  display: block;
  position: absolute;
  right: -7px;
  bottom: -5px;
  background: #494949;
  width: 8px;
  height: 4px;
  border-radius: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.vgt-global-search__actions {
  margin-left: 10px;
}

.vgt-selection-info-row {
  background: #fdf9e8;
  padding: 5px 16px;
  font-size: 13px;
  border-top: 1px solid #DCDFE6;
  border-left: 1px solid #DCDFE6;
  border-right: 1px solid #DCDFE6;
  color: #d3aa3b;
  font-weight: bold;
}
.vgt-selection-info-row a {
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}

.vgt-wrap__actions-footer {
  border: 1px solid #DCDFE6;
}

.vgt-wrap__footer {
  color: #606266;
  font-size: 1.1rem;
  padding: 1em;
  border: 1px solid #DCDFE6;
  background: linear-gradient(#F4F5F8, #F1F3F6);
}
.vgt-wrap__footer .footer__row-count {
  position: relative;
  padding-right: 3px;
}
.vgt-wrap__footer .footer__row-count__label, .vgt-wrap__footer .footer__row-count__select {
  display: inline-block;
  vertical-align: middle;
}
.vgt-wrap__footer .footer__row-count__label {
  font-size: 1.1rem;
}
.vgt-wrap__footer .footer__row-count__select {
  font-size: 1.1rem;
  background-color: transparent;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  height: auto;
  margin-left: 8px;
  color: #606266;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 15px;
  padding-left: 5px;
}
.vgt-wrap__footer .footer__row-count__select::-ms-expand {
  display: none;
}
.vgt-wrap__footer .footer__row-count__select:focus {
  outline: none;
  border-color: #409eff;
}
.vgt-wrap__footer .footer__row-count::after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-top: -1px;
  border-top: 6px solid #606266;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  pointer-events: none;
}
.vgt-wrap__footer .footer__navigation {
  font-size: 1.1rem;
}
.vgt-wrap__footer .footer__navigation > button:first-of-type {
  margin-right: 16px;
}
.vgt-wrap__footer .footer__navigation__page-btn, .vgt-wrap__footer .footer__navigation__info, .vgt-wrap__footer .footer__navigation__page-info {
  display: inline-block;
  vertical-align: middle;
  color: #909399;
}
.vgt-wrap__footer .footer__navigation__page-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  text-decoration: none;
  color: #606266;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
}
.vgt-wrap__footer .footer__navigation__page-btn:hover {
  cursor: pointer;
}
.vgt-wrap__footer .footer__navigation__page-btn.disabled, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover {
  opacity: 0.5;
  cursor: not-allowed;
}
.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: #606266;
}
.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: #606266;
}
.vgt-wrap__footer .footer__navigation__page-btn span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1rem;
}
.vgt-wrap__footer .footer__navigation__page-btn .chevron {
  width: 24px;
  height: 24px;
  border-radius: 15%;
  position: relative;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.vgt-wrap__footer .footer__navigation__page-btn .chevron:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after {
  border-right: 6px solid #409eff;
  margin-left: -3px;
}
.vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after {
  border-left: 6px solid #409eff;
  margin-left: -3px;
}
.vgt-wrap__footer .footer__navigation__info, .vgt-wrap__footer .footer__navigation__page-info {
  display: inline-block;
  margin: 0px 16px;
}
.vgt-wrap__footer .footer__navigation__page-info span {
  display: inline-block;
  vertical-align: middle;
}
.vgt-wrap__footer .footer__navigation__page-info__current-entry {
  width: 30px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  margin: 0px 10px;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  /* on small screens hide the info */
  .vgt-wrap__footer .footer__navigation__info {
    display: none;
  }
  .vgt-wrap__footer .footer__navigation__page-btn {
    margin-left: 16px;
  }
}
.vgt-table.nocturnal {
  border: 1px solid #435169;
  background-color: #324057;
}
.vgt-table.nocturnal tr.clickable:hover {
  background-color: #445168;
}
.vgt-table.nocturnal td {
  border-bottom: 1px solid #435169;
  color: #C7CED8;
}
.vgt-table.nocturnal th.line-numbers, .vgt-table.nocturnal th.vgt-checkbox-col {
  color: #C7CED8;
  border-right: 1px solid #435169;
  background: linear-gradient(#2C394F, #2C394F);
}
.vgt-table.nocturnal thead th {
  color: #C7CED8;
  border-bottom: 1px solid #435169;
  background: linear-gradient(#2C394F, #2C394F);
}
.vgt-table.nocturnal thead th.sortable:before {
  border-top-color: #3e5170;
}
.vgt-table.nocturnal thead th.sortable:after {
  border-bottom-color: #3e5170;
}
.vgt-table.nocturnal thead th.sortable.sorting-asc {
  color: white;
}
.vgt-table.nocturnal thead th.sortable.sorting-asc:after {
  border-bottom-color: #409eff;
}
.vgt-table.nocturnal thead th.sortable.sorting-desc {
  color: white;
}
.vgt-table.nocturnal thead th.sortable.sorting-desc:before {
  border-top-color: #409eff;
}
.vgt-table.nocturnal.bordered td, .vgt-table.nocturnal.bordered th {
  border: 1px solid #435169;
}
.vgt-table.nocturnal .vgt-input, .vgt-table.nocturnal .vgt-select {
  color: #C7CED8;
  background-color: #232d3f;
  border: 1px solid #435169;
}
.vgt-table.nocturnal .vgt-input::-moz-placeholder, .vgt-table.nocturnal .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7CED8;
  opacity: 0.3; /* Firefox */
}
.vgt-table.nocturnal .vgt-input::placeholder, .vgt-table.nocturnal .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7CED8;
  opacity: 0.3; /* Firefox */
}

.vgt-wrap.nocturnal .vgt-wrap__footer {
  color: #C7CED8;
  border: 1px solid #435169;
  background: linear-gradient(#2C394F, #2C394F);
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count {
  position: relative;
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__label {
  color: #8290A7;
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select {
  color: #C7CED8;
  background: #232d3f;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 15px;
  padding-left: 10px;
  border-radius: 3px;
  text-align: center;
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select:focus {
  border-color: #409eff;
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count::after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-top: -1px;
  border-top: 6px solid #C7CED8;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  pointer-events: none;
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn {
  color: #C7CED8;
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: #C7CED8;
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: #C7CED8;
}
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__info, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-info {
  color: #8290A7;
}
.vgt-wrap.nocturnal .vgt-global-search {
  border: 1px solid #435169;
  background: linear-gradient(#2C394F, #2C394F);
}
.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass {
  border: 2px solid #3f4c63;
}
.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass:before {
  background: #3f4c63;
}
.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select {
  color: #C7CED8;
  background-color: #232d3f;
  border: 1px solid #435169;
}
.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7CED8;
  opacity: 0.3; /* Firefox */
}
.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7CED8;
  opacity: 0.3; /* Firefox */
}

.vgt-table.black-rhino {
  border: 1px solid #435169;
  background-color: #dfe5ee;
}
.vgt-table.black-rhino tr.clickable:hover {
  background-color: #fff;
}
.vgt-table.black-rhino td {
  border-bottom: 1px solid #bbc5d6;
  color: rgb(73, 81, 94);
}
.vgt-table.black-rhino th.line-numbers, .vgt-table.black-rhino th.vgt-checkbox-col {
  color: #dae2f0;
  border-right: 1px solid #435169;
  background: linear-gradient(#4c5c79, #4e5d7c);
}
.vgt-table.black-rhino thead th {
  color: #dae2f0;
  text-shadow: 1px 1px #3e5170;
  border-bottom: 1px solid #435169;
  background: linear-gradient(#4c5c79, #4e5d7c);
}
.vgt-table.black-rhino thead th.sortable:before {
  border-top-color: #607498;
}
.vgt-table.black-rhino thead th.sortable:after {
  border-bottom-color: #607498;
}
.vgt-table.black-rhino thead th.sortable.sorting-asc {
  color: white;
}
.vgt-table.black-rhino thead th.sortable.sorting-asc:after {
  border-bottom-color: #409eff;
}
.vgt-table.black-rhino thead th.sortable.sorting-desc:before {
  border-top-color: #409eff;
}
.vgt-table.black-rhino.bordered td {
  border: 1px solid #bbc5d6;
}
.vgt-table.black-rhino.bordered th {
  border: 1px solid #435169;
}
.vgt-table.black-rhino .vgt-input, .vgt-table.black-rhino .vgt-select {
  color: #dae2f0;
  background-color: #34445f;
  border: 1px solid transparent;
}
.vgt-table.black-rhino .vgt-input::-moz-placeholder, .vgt-table.black-rhino .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dae2f0;
  opacity: 0.3; /* Firefox */
}
.vgt-table.black-rhino .vgt-input::placeholder, .vgt-table.black-rhino .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dae2f0;
  opacity: 0.3; /* Firefox */
}

.vgt-wrap.black-rhino .vgt-wrap__footer {
  color: #dae2f0;
  border: 1px solid #435169;
  background: linear-gradient(#4c5c79, #4e5d7c);
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count {
  position: relative;
  padding-right: 3px;
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__label {
  color: rgb(152, 165, 185);
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select {
  color: rgb(73, 81, 94);
  background: #34445f;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 15px;
  padding-left: 5px;
  border-radius: 3px;
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select::-ms-expand {
  display: none;
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select:focus {
  border-color: #409eff;
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count::after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-top: -1px;
  border-top: 6px solid rgb(73, 81, 94);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  pointer-events: none;
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn {
  color: #dae2f0;
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: #dae2f0;
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: #dae2f0;
}
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__info, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-info {
  color: #dae2f0;
}
.vgt-wrap.black-rhino .vgt-global-search {
  border: 1px solid #435169;
  background: linear-gradient(#4c5c79, #4e5d7c);
}
.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass {
  border: 2px solid #3f4c63;
}
.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass:before {
  background: #3f4c63;
}
.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select {
  color: #dae2f0;
  background-color: #44516c;
  border: 1px solid transparent;
}
.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dae2f0;
  opacity: 0.3; /* Firefox */
}
.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dae2f0;
  opacity: 0.3; /* Firefox */
}

.vgt-inner-wrap {
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(50, 50, 93, 0.06);
}

.vgt-table.polar-bear {
  border-spacing: 0;
  border-collapse: separate;
  font-size: 1rem;
  background-color: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-bottom: none;
  border-radius: 0.25rem;
}
.vgt-table.polar-bear td {
  padding: 1em 0.75em 1em 0.75em;
  border-bottom: 1px solid #E4EBF3;
  color: #525f7f;
}
.vgt-table.polar-bear td.vgt-right-align {
  text-align: right;
}
.vgt-table.polar-bear th.line-numbers, .vgt-table.polar-bear th.vgt-checkbox-col {
  color: #394567;
  border-right: 1px solid #e3e8ee;
  background: #f7fafc;
}
.vgt-table.polar-bear thead th {
  color: #667b94;
  font-weight: 600;
  border-bottom: 1px solid #e3e8ee;
  background: #f7fafc;
}
.vgt-table.polar-bear thead th.sorting-asc, .vgt-table.polar-bear thead th.sorting-desc {
  color: #5e72e4;
}
.vgt-table.polar-bear thead th.sorting-desc:before {
  border-top: 5px solid #7485e8;
}
.vgt-table.polar-bear thead th.sorting-asc:after {
  border-bottom: 5px solid #7485e8;
}
.vgt-table.polar-bear thead th .vgt-input, .vgt-table.polar-bear thead th .vgt-select {
  height: 2.75em;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #E4EBF3;
}
.vgt-table.polar-bear thead th .vgt-input:focus, .vgt-table.polar-bear thead th .vgt-select:focus {
  outline: 0;
  border-color: #cae0fe;
}
.vgt-table.polar-bear thead tr:first-child th:first-child {
  border-top-left-radius: 0.25rem;
}
.vgt-table.polar-bear thead tr:first-child th:last-child {
  border-top-right-radius: 0.25rem;
}
.vgt-table.polar-bear.bordered td {
  border: 1px solid #e3e8ee;
  background: #FFFFFF;
}
.vgt-table.polar-bear.bordered th {
  border: 1px solid #e3e8ee;
}

.vgt-wrap.polar-bear .vgt-wrap__footer {
  color: #394567;
  border: 1px solid #e3e8ee;
  border-bottom: 0px;
  border-top: 0px;
  background: linear-gradient(#f7fafc, #f7fafc);
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count {
  position: relative;
  padding-right: 3px;
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__label {
  color: rgb(152, 165, 185);
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select {
  text-align: center;
  color: #525f7f;
  background: #FFFFFF;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px;
  padding-right: 30px;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #E4EBF3;
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select::-ms-expand {
  display: none;
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select:focus {
  border-color: #5e72e4;
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count::after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-top: 6px solid #525f7f;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  pointer-events: none;
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn {
  color: #394567;
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: #394567;
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: #394567;
}
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__info, .vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-info {
  color: #394567;
}
.vgt-wrap.polar-bear .vgt-global-search {
  border: 1px solid #e3e8ee;
  border-bottom: 0px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #f7fafc;
}
.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass {
  border: 2px solid #dde3ea;
}
.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass:before {
  background: #dde3ea;
}
.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input, .vgt-wrap.polar-bear .vgt-global-search__input .vgt-select {
  height: 2.75em;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #E4EBF3;
}
.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #394567;
  opacity: 0.3; /* Firefox */
}
.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::placeholder, .vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #394567;
  opacity: 0.3; /* Firefox */
}.v-enter-active[data-v-402f9588],.v-leave-active[data-v-402f9588]{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.v-enter-from[data-v-402f9588],.v-leave-to[data-v-402f9588]{opacity:0}.v-sidebar-menu{--vsm-primary-color:#4285f4;--vsm-base-bg:#2a2a2e;--vsm-item-color:#fff;--vsm-item-active-line-color:var(--vsm-primary-color);--vsm-item-open-color:#fff;--vsm-item-open-bg:var(--vsm-primary-color);--vsm-item-hover-bg:rgba(30,30,33,.5);--vsm-icon-color:var(--vsm-item-color);--vsm-icon-bg:#1e1e21;--vsm-mobile-item-color:#fff;--vsm-mobile-item-bg:var(--vsm-primary-color);--vsm-mobile-icon-color:var(--vsm-mobile-item-color);--vsm-mobile-icon-bg:transparent;--vsm-dropdown-bg:#36363b;--vsm-header-item-color:hsla(0,0%,100%,.7);--vsm-toggle-btn-color:#fff;--vsm-toggle-btn-bg:#1e1e21;--vsm-item-font-size:16px;--vsm-item-line-height:35px;--vsm-item-padding:10px 15px;--vsm-icon-height:35px;--vsm-icon-width:35px}.v-sidebar-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.v-sidebar-menu{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;position:fixed;text-align:left;top:0;-webkit-transition:max-width .3s ease;transition:max-width .3s ease;width:100%;z-index:999}.v-sidebar-menu,.v-sidebar-menu .vsm--wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.v-sidebar-menu .vsm--wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;position:relative}.v-sidebar-menu .vsm--menu{position:static!important;-webkit-transition:width .3s ease;transition:width .3s ease}.v-sidebar-menu .vsm--scroll-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;position:relative}.v-sidebar-menu .vsm--scroll{-ms-overflow-style:none;height:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.v-sidebar-menu .vsm--scroll::-webkit-scrollbar{display:none;height:0;width:0}.v-sidebar-menu .vsm--scroll-bar{border-radius:4px;bottom:2px;position:absolute;right:2px;top:2px;width:6px;z-index:5}.v-sidebar-menu .vsm--scroll-thumb{background-color:#aaa;border-radius:4px;cursor:pointer;display:block;opacity:.5;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.v-sidebar-menu .vsm--scroll-thumb:hover{opacity:1}.v-sidebar-menu .vsm--dropdown,.v-sidebar-menu .vsm--menu{list-style:none;margin:0;padding:0}.v-sidebar-menu .vsm--dropdown{padding:5px}.v-sidebar-menu .vsm--item{display:block;position:static!important;width:100%}.v-sidebar-menu .vsm--link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--vsm-item-font-size);font-weight:400;line-height:var(--vsm-item-line-height);padding:var(--vsm-item-padding);position:static!important;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.v-sidebar-menu .vsm--link_active{font-weight:600}.v-sidebar-menu .vsm--link_disabled{opacity:.4;pointer-events:none}.v-sidebar-menu .vsm--link_level-1 .vsm--icon{border-radius:3px;height:var(--vsm-icon-height);width:var(--vsm-icon-width)}.v-sidebar-menu .vsm--icon{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;flex-shrink:0;height:25px;justify-content:center;margin-right:15px;width:25px;z-index:20}.v-sidebar-menu .vsm--icon,.v-sidebar-menu .vsm--title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.v-sidebar-menu .vsm--title{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.v-sidebar-menu .vsm--title>span:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-sidebar-menu .vsm--title_hidden{visibility:hidden}.v-sidebar-menu .vsm--arrow{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;height:30px;justify-content:center;text-align:center;width:30px}.v-sidebar-menu .vsm--arrow_default{height:12px;position:relative;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:12px}.v-sidebar-menu .vsm--arrow_default:before{border-bottom:2px solid;border-left:2px solid;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";display:inline-block;height:6px;left:0;position:absolute;top:2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);width:6px}.v-sidebar-menu .vsm--arrow_open .vsm--arrow_default{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.v-sidebar-menu .vsm--header{font-size:14px;font-weight:600;padding:10px 15px;text-transform:uppercase;white-space:nowrap}.v-sidebar-menu .vsm--badge_default{border-radius:3px;font-size:12px;font-weight:600;height:20px;line-height:20px;padding:0 6px;text-transform:uppercase}.v-sidebar-menu .vsm--toggle-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;height:65px;justify-content:center;text-align:center;width:100%}.v-sidebar-menu .vsm--toggle-btn_default{height:12px;position:relative;width:12px}.v-sidebar-menu .vsm--toggle-btn_default:before{border-left:2px solid;content:"";display:inline-block;height:12px;left:0;position:absolute;top:0}.v-sidebar-menu .vsm--toggle-btn_default:after{border-bottom:2px solid;border-left:2px solid;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";display:inline-block;height:6px;left:4px;position:absolute;top:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.v-sidebar-menu.vsm_collapsed .vsm--link_level-1.vsm--link_hover,.v-sidebar-menu.vsm_collapsed .vsm--link_level-1:hover{background-color:transparent!important}.v-sidebar-menu.vsm_collapsed .vsm--toggle-btn_default{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.v-sidebar-menu.vsm_collapsed.vsm_rtl .vsm--toggle-btn_default{-webkit-transform:scaleX(1);transform:scaleX(1)}.v-sidebar-menu.vsm_collapsed .vsm--scroll-wrapper{width:calc(100% + 8px)}.v-sidebar-menu.vsm_rtl{direction:rtl;left:inherit;right:0;text-align:right}.v-sidebar-menu.vsm_rtl .vsm--icon{margin-left:15px;margin-right:0}.v-sidebar-menu.vsm_rtl .vsm--arrow_default{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.v-sidebar-menu.vsm_rtl .vsm--arrow_open .vsm--arrow_default{-webkit-transform:rotate(-90deg) scaleX(-1);transform:rotate(-90deg) scaleX(-1)}.v-sidebar-menu.vsm_rtl .vsm--toggle-btn_default{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.v-sidebar-menu.vsm_rtl .vsm--scroll-bar{left:2px;right:inherit}.v-sidebar-menu.vsm_relative{height:100%;position:relative}.v-sidebar-menu .expand-enter-active,.v-sidebar-menu .expand-leave-active{overflow:hidden;-webkit-transition:height .3s ease;transition:height .3s ease}.v-sidebar-menu .expand-enter-from,.v-sidebar-menu .expand-leave-to{height:0!important}.v-sidebar-menu .slide-animation-enter-active,.v-sidebar-menu .slide-animation-leave-active{-webkit-transition:width .3s ease;transition:width .3s ease}.v-sidebar-menu .slide-animation-enter-from,.v-sidebar-menu .slide-animation-leave-to{width:0!important}.v-sidebar-menu{background-color:var(--vsm-base-bg)}.v-sidebar-menu .vsm--item{color:var(--vsm-item-color)}.v-sidebar-menu .vsm--link_active{background-color:var(--vsm-item-active-bg,transparent);color:var(--vsm-item-active-color,inherit)}.v-sidebar-menu .vsm--link_level-1.vsm--link_active{-webkit-box-shadow:3px 0 0 0 var(--vsm-item-active-line-color) inset;box-shadow:3px 0 0 0 var(--vsm-item-active-line-color) inset}.v-sidebar-menu .vsm--link_level-1.vsm--link_active .vsm--icon{background-color:var(--vsm-icon-active-bg,var(--vsm-icon-bg));color:var(--vsm-icon-active-color,inherit)}.v-sidebar-menu .vsm--link_level-1 .vsm--icon{background-color:var(--vsm-icon-bg)}.v-sidebar-menu .vsm--link_hover{background-color:var(--vsm-item-hover-bg);color:var(--vsm-item-hover-color,inherit)}.v-sidebar-menu .vsm--link_mobile{color:var(--vsm-mobile-item-color)}.v-sidebar-menu.vsm_expanded .vsm--link_level-1.vsm--link_open{background-color:var(--vsm-item-open-bg);color:var(--vsm-item-open-color)}.v-sidebar-menu.vsm_expanded .vsm--link_level-1.vsm--link_open .vsm--icon{background-color:var(--vsm-icon-open-bg,transparent);color:var(--vsm-icon-open-color,inherit)}.v-sidebar-menu.vsm_collapsed .vsm--link_level-1.vsm--link_hover .vsm--icon{background-color:var(--vsm-mobile-icon-bg);color:var(--vsm-mobile-icon-color)}.v-sidebar-menu .vsm--icon{color:var(--vsm-icon-color,inherit)}.v-sidebar-menu .vsm--dropdown{background-color:var(--vsm-dropdown-bg)}.v-sidebar-menu .vsm--dropdown .vsm--item{color:var(--vsm-dropdown-color,var(--vsm-item-color))}.v-sidebar-menu .vsm--mobile-bg{background-color:var(--vsm-mobile-item-bg)}.v-sidebar-menu.vsm_rtl .vsm--link_level-1.vsm--link_active{-webkit-box-shadow:-3px 0 0 0 var(--vsm-item-active-line-color) inset;box-shadow:-3px 0 0 0 var(--vsm-item-active-line-color) inset}.v-sidebar-menu .vsm--header{color:var(--vsm-header-item-color)}.v-sidebar-menu .vsm--badge_default{background-color:#1e1e21;color:var(--vsm-item-color)}.v-sidebar-menu .vsm--toggle-btn{background-color:var(--vsm-toggle-btn-bg);color:var(--vsm-toggle-btn-color)}.v-sidebar-menu.vsm_white-theme{--vsm-base-bg:#fff;--vsm-item-color:#262626;--vsm-item-hover-bg:hsla(0,0%,95%,.5);--vsm-icon-bg:#bbc5d6;--vsm-icon-active-color:#fff;--vsm-icon-active-bg:var(--vsm-item-color);--vsm-dropdown-bg:#e3e3e3;--vsm-header-item-color:rgba(38,38,38,.7);--vsm-toggle-btn-color:var(--vsm-item-color);--vsm-toggle-btn-bg:#f2f2f2;background-color:var(--vsm-base-bg)}.v-sidebar-menu.vsm_white-theme .vsm--item{color:var(--vsm-item-color)}.v-sidebar-menu.vsm_white-theme .vsm--link_active{background-color:var(--vsm-item-active-bg,transparent);color:var(--vsm-item-active-color,inherit)}.v-sidebar-menu.vsm_white-theme .vsm--link_level-1.vsm--link_active{-webkit-box-shadow:3px 0 0 0 var(--vsm-item-active-line-color) inset;box-shadow:3px 0 0 0 var(--vsm-item-active-line-color) inset}.v-sidebar-menu.vsm_white-theme .vsm--link_level-1.vsm--link_active .vsm--icon{background-color:var(--vsm-icon-active-bg,var(--vsm-icon-bg));color:var(--vsm-icon-active-color,inherit)}.v-sidebar-menu.vsm_white-theme .vsm--link_level-1 .vsm--icon{background-color:var(--vsm-icon-bg)}.v-sidebar-menu.vsm_white-theme .vsm--link_hover{background-color:var(--vsm-item-hover-bg);color:var(--vsm-item-hover-color,inherit)}.v-sidebar-menu.vsm_white-theme .vsm--link_mobile{color:var(--vsm-mobile-item-color)}.v-sidebar-menu.vsm_white-theme.vsm_expanded .vsm--link_level-1.vsm--link_open{background-color:var(--vsm-item-open-bg);color:var(--vsm-item-open-color)}.v-sidebar-menu.vsm_white-theme.vsm_expanded .vsm--link_level-1.vsm--link_open .vsm--icon{background-color:var(--vsm-icon-open-bg,transparent);color:var(--vsm-icon-open-color,inherit)}.v-sidebar-menu.vsm_white-theme.vsm_collapsed .vsm--link_level-1.vsm--link_hover .vsm--icon{background-color:var(--vsm-mobile-icon-bg);color:var(--vsm-mobile-icon-color)}.v-sidebar-menu.vsm_white-theme .vsm--icon{color:var(--vsm-icon-color,inherit)}.v-sidebar-menu.vsm_white-theme .vsm--dropdown{background-color:var(--vsm-dropdown-bg)}.v-sidebar-menu.vsm_white-theme .vsm--dropdown .vsm--item{color:var(--vsm-dropdown-color,var(--vsm-item-color))}.v-sidebar-menu.vsm_white-theme .vsm--mobile-bg{background-color:var(--vsm-mobile-item-bg)}.v-sidebar-menu.vsm_white-theme.vsm_rtl .vsm--link_level-1.vsm--link_active{-webkit-box-shadow:-3px 0 0 0 var(--vsm-item-active-line-color) inset;box-shadow:-3px 0 0 0 var(--vsm-item-active-line-color) inset}.v-sidebar-menu.vsm_white-theme .vsm--header{color:var(--vsm-header-item-color)}.v-sidebar-menu.vsm_white-theme .vsm--badge_default{background-color:#f2f2f2;color:var(--vsm-item-color)}.v-sidebar-menu.vsm_white-theme .vsm--toggle-btn{background-color:var(--vsm-toggle-btn-bg);color:var(--vsm-toggle-btn-color)}
/*# sourceMappingURL=vue-sidebar-menu.css.map */.sn-notifications-container{--sn-success-color: rgb(111, 207, 151);--sn-success-progress-color: rgb(84, 170, 120);--sn-error-color: rgb(235, 87, 87);--sn-error-progress-color: rgb(192, 69, 69);--sn-warning-color: rgb(242, 201, 76);--sn-warning-progress-color: rgb(196, 166, 79);--sn-info-color: rgb(81, 205, 243);--sn-info-progress-color: rgb(84, 169, 196);--sn-notifications-gap: 20px;--sn-notifications-padding: 20px;--sn-notify-width: 320px;--sn-notify-radius: 6px;--sn-notify-transition-timing-function: ease;--sn-notify-transition-duration: .5s;--sn-notify-autoclose-timeout: 30s;--sn-notify-padding: .75em;--sn-notify-icon-size: 2em;--sn-notify-close-icon-size: 1em;--sn-notify-border-size: 1px;--sn-notify-border-color: transparent;--sn-notify-border-style: solid;--sn-notify-progress-color: rgb(51, 51, 51);--sn-notify-close-icon-color: rgb(51, 51, 51);--sn-notify-title-color: rgb(51, 51, 51);--sn-notify-text-color: rgb(77, 77, 77);--sn-notify-shadow-color: transparent;--sn-notify-progress-height: 5px;pointer-events:none;width:100%;max-width:100%;max-height:100vh;min-height:100vh;position:fixed;z-index:9999;inset:0;display:grid;grid-auto-rows:min-content;align-content:flex-start;grid-gap:var(--sn-notifications-gap);gap:var(--sn-notifications-gap);padding:var(--sn-notifications-padding)}.sn-notifications-container.sn-is-x-center{justify-content:center}.sn-notifications-container.sn-is-y-center{align-content:center;justify-content:flex-end}.sn-notifications-container.sn-is-center{justify-content:center;align-content:center}.sn-notifications-container.sn-is-left{justify-content:flex-start}.sn-notifications-container.sn-is-right{justify-content:flex-end}.sn-notifications-container.sn-is-top{align-content:flex-start}.sn-notifications-container.sn-is-bottom{align-content:flex-end}.sn-notify{pointer-events:auto;transition-timing-function:var(--sn-notify-transition-timing-function);transition-duration:var(--sn-notify-transition-duration);transition-property:transform,opacity;border-radius:var(--sn-notify-radius);background-color:var(--sn-notify-background-color, transparent);border:var(--sn-notify-border-size) var(--sn-notify-border-style) var(--sn-notify-border-color);padding:var(--sn-notify-padding);box-sizing:border-box;display:flex;align-items:center;overflow:hidden;position:relative;text-decoration:none;width:var(--sn-notify-width)}.sn-notify-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--sn-notify-icon-size);height:var(--sn-notify-icon-size);margin-right:.75em;color:var(--sn-notify-icon-color)}.sn-notify-close{position:absolute;right:.75em;top:.75em;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;justify-content:center;align-items:center;height:var(--sn-notify-close-icon-size);width:var(--sn-notify-close-icon-size);color:var(--sn-notify-close-icon-color)}.sn-notify-title{font-size:1rem;font-weight:600;padding-right:calc(var(--sn-notify-padding) + var(--sn-notify-close-icon-size));color:var(--sn-notify-title-color)}.sn-notify-text{font-size:.875rem;margin-top:.25rem;color:var(--sn-notify-text-color)}.sn-notify-outline{--sn-notify-background-color: rgb(255, 255, 255);--sn-notify-border-color: var(--sn-success-color);box-shadow:0 2px 26px var(--sn-notify-shadow-color)}.sn-notify-outline.sn-notify-success{--sn-notify-border-color: var(--sn-success-color);--sn-notify-icon-color: var(--sn-success-color);--sn-notify-shadow-color: rgba(82, 215, 0, .1)}.sn-notify-outline.sn-notify-error{--sn-notify-border-color: var(--sn-error-color);--sn-notify-icon-color: var(--sn-error-color);--sn-notify-shadow-color: rgba(215, 0, 0, .1)}.sn-notify-outline.sn-notify-warning{--sn-notify-border-color: var(--sn-warning-color);--sn-notify-icon-color: var(--sn-warning-color);--sn-notify-shadow-color: rgba(242, 201, 76, .1)}.sn-notify-outline.sn-notify-info{--sn-notify-border-color: var(--sn-info-color);--sn-notify-icon-color: var(--sn-info-color);--sn-notify-shadow-color: rgba(84, 175, 202, .1)}.sn-notify-outline .sn-notify-title{--sn-notify-title-color: rgb(51, 51, 51)}.sn-notify-outline .sn-notify-text{--sn-notify-text-color: rgb(77, 77, 77)}.sn-notify-outline .sn-notify-close{--sn-notify-close-icon-color: rgb(130, 130, 130)}.sn-notify-filled{--sn-notify-title-color: rgb(51, 51, 51);--sn-notify-text-color: rgb(51, 51, 51);--sn-notify-icon-color: rgb(51, 51, 51);--sn-notify-close-icon-color: rgb(51, 51, 51)}.sn-notify-filled.sn-notify-success{--sn-notify-background-color: var(--sn-success-color)}.sn-notify-filled.sn-notify-error{--sn-notify-background-color: var(--sn-error-color)}.sn-notify-filled.sn-notify-warning{--sn-notify-background-color: var(--sn-warning-color)}.sn-notify-filled.sn-notify-info{--sn-notify-background-color: var(--sn-info-color)}.sn-notify-fade{opacity:0;will-change:opacity}.sn-notify-fade-in{opacity:1}.sn-notify-slide{opacity:0;will-change:opacity,transform;transform:translate3d(var(--sn-notify-x),var(--sn-notify-y),0)}.sn-is-left .sn-notify-slide{--sn-notify-x: -100%;--sn-notify-y: 0}.sn-is-right .sn-notify-slide,.sn-is-y-center:not(.sn-is-left) .sn-notify-slide{--sn-notify-x: 100%;--sn-notify-y: 0}.sn-is-top.sn-is-x-center .sn-notify-slide,.sn-is-x-center .sn-notify-slide{--sn-notify-y: -100%;--sn-notify-x: 0}.sn-is-bottom.sn-is-x-center .sn-notify-slide{--sn-notify-y: 100%;--sn-notify-x: 0}.sn-notify-slide-in{opacity:1;transform:translateZ(0)}.sn-notify-autoclose{padding-bottom:calc(var(--sn-notify-padding) + var(--sn-notify-progress-height))}.sn-notify-autoclose.sn-notify-success{--sn-notify-progress-color: var(--sn-success-progress-color)}.sn-notify-autoclose.sn-notify-error{--sn-notify-progress-color: var(--sn-error-progress-color)}.sn-notify-autoclose.sn-notify-warning{--sn-notify-progress-color: var(--sn-warning-progress-color)}.sn-notify-autoclose.sn-notify-info{--sn-notify-progress-color: var(--sn-info-progress-color)}.sn-notify-autoclose:before{content:"";display:block;position:absolute;left:0;bottom:0;will-change:width;width:100%;height:var(--sn-notify-progress-height);border-radius:0 999px 999px 0;background-color:var(--sn-notify-progress-color);animation:progress var(--sn-notify-autoclose-timeout) linear forwards}.sn-notify-content{padding-right:calc(var(--sn-notify-close-icon-size) + 2px)}@keyframes progress{to{width:0%}}
/*# sourceMappingURL=simple-notify.css.map *//*!
 * 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;
}

.loader[data-v-cdc49fda] {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: spin-cdc49fda 1s linear infinite;
  display: inline-block;
}
@keyframes spin-cdc49fda {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.fadeIn[data-v-cdc49fda] {
  animation: fadeIn 1s;
}
.fadeInRight[data-v-cdc49fda] {
  animation: fadeInRight 1s;
}
.qr-code-container[data-v-cdc49fda] svg {
  max-width: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.qr-code-container[data-v-cdc49fda] .qr-code-svg {
  width: 200px;
  height: 200px;
}

/* ═══════════════════════════════════════════════════
   TOKENS / VARIABLES  (preserving existing palette)
   ═══════════════════════════════════════════════════ */
[data-v-92e414bf]:root {
  --slate-700: #334155;
  --slate-800: #1e293b;
  --gray-100:  #f3f4f6;
  --gray-200:  #e5e7eb;
  --gray-300:  #d1d5db;
  --gray-400:  #9ca3af;
  --gray-500:  #6b7280;
  --gray-700:  #374151;
  --gray-800:  #1f2937;
  --blue-50:   #eff6ff;
  --blue-100:  #dbeafe;
  --blue-500:  #3b82f6;
  --blue-600:  #2563eb;
  --blue-800:  #1e40af;
}

/* ═══════════════════════════════════════════════════
   DASHBOARD WRAPPER
   ═══════════════════════════════════════════════════ */
.dashboard-wrapper[data-v-92e414bf] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 8px 40px;
  position: relative;
}

/* ═══════════════════════════════════════════════════
   HERO SECTION
   ═══════════════════════════════════════════════════ */
.hero-section[data-v-92e414bf] {
  background: linear-gradient(135deg, #334155 0%, #1e293b 60%, #0f172a 100%);
  border-radius: 16px;
  padding: 32px 36px 28px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.hero-section[data-v-92e414bf]::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
.hero-content[data-v-92e414bf] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.hero-date[data-v-92e414bf] {
  color: #94a3b8;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.hero-greeting[data-v-92e414bf] {
  color: #f1f5f9;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 0 8px;
  line-height: 1.2;
}
.hero-username[data-v-92e414bf] {
  background: linear-gradient(135deg, #60a5fa, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-subtitle[data-v-92e414bf] {
  color: #94a3b8;
  font-size: 0.95rem;
  margin: 0;
}
.hero-badge-area[data-v-92e414bf] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  flex-shrink: 0;
}
.role-badge[data-v-92e414bf] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.25);
  color: #93c5fd;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
.live-clock[data-v-92e414bf] {
  color: #64748b;
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  gap: 6px;
}
.hero-gradient-bar[data-v-92e414bf] {
  height: 3px;
  margin-top: 24px;
  border-radius: 2px;
  background: linear-gradient(90deg, #3b82f6, #60a5fa, #334155);
  animation: gradientShift-92e414bf 4s ease infinite;
  background-size: 200% 100%;
}
@keyframes gradientShift-92e414bf {
0%, 100% { background-position: 0% 50%;
}
50% { background-position: 100% 50%;
}
}

/* ═══════════════════════════════════════════════════
   TASKS BANNER
   ═══════════════════════════════════════════════════ */
.tasks-banner[data-v-92e414bf] {
  margin-bottom: 24px;
}
.tasks-header[data-v-92e414bf] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.tasks-header h2[data-v-92e414bf] {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}
.tasks-count[data-v-92e414bf] {
  background: #ef4444;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  min-width: 20px;
  text-align: center;
}
.tasks-scroll[data-v-92e414bf] {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
.task-card[data-v-92e414bf] {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border-radius: 12px;
  padding: 14px 18px;
  min-width: 300px;
  cursor: pointer;
  border-left: 4px solid transparent;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.task-card[data-v-92e414bf]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.task-high[data-v-92e414bf]   { border-left-color: #ef4444;
}
.task-medium[data-v-92e414bf] { border-left-color: #f59e0b;
}
.task-low[data-v-92e414bf]    { border-left-color: #3b82f6;
}
.task-icon-wrap[data-v-92e414bf] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}
.task-high .task-icon-wrap[data-v-92e414bf]   { background: #fef2f2; color: #dc2626;
}
.task-medium .task-icon-wrap[data-v-92e414bf] { background: #fffbeb; color: #d97706;
}
.task-low .task-icon-wrap[data-v-92e414bf]    { background: #eff6ff; color: #2563eb;
}
.task-info[data-v-92e414bf] {
  flex: 1;
  min-width: 0;
}
.task-title[data-v-92e414bf] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-subtitle[data-v-92e414bf] {
  font-size: 0.78rem;
  color: #6b7280;
  margin: 0;
}
.task-arrow[data-v-92e414bf] {
  color: #9ca3af;
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════
   SECTION TITLES
   ═══════════════════════════════════════════════════ */
.section-title[data-v-92e414bf] {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-title i[data-v-92e414bf] {
  color: #3b82f6;
  font-size: 0.9rem;
}

/* ═══════════════════════════════════════════════════
   STATS GRID
   ═══════════════════════════════════════════════════ */
.stats-section[data-v-92e414bf] {
  margin-bottom: 28px;
}
.stats-grid[data-v-92e414bf] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}
.stat-card[data-v-92e414bf] {
  background: #fff;
  border-radius: 14px;
  padding: 22px 24px 18px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  border: 1px solid #f3f4f6;
}
.stat-card[data-v-92e414bf]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  border-color: #e5e7eb;
}
.stat-card-header[data-v-92e414bf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.stat-icon-circle[data-v-92e414bf] {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}
.stat-icon-blue[data-v-92e414bf]    { background: #dbeafe; color: #1e40af;
}
.stat-icon-amber[data-v-92e414bf]   { background: #fef3c7; color: #92400e;
}
.stat-icon-purple[data-v-92e414bf]  { background: #ede9fe; color: #5b21b6;
}
.stat-icon-emerald[data-v-92e414bf] { background: #d1fae5; color: #065f46;
}
.stat-icon-slate[data-v-92e414bf]   { background: #e2e8f0; color: #334155;
}
.stat-trend[data-v-92e414bf] {
  font-size: 0.72rem;
  font-weight: 600;
  color: #059669;
  background: #ecfdf5;
  padding: 3px 8px;
  border-radius: 6px;
}
.stat-trend i[data-v-92e414bf] {
  font-size: 0.6rem;
}
.stat-value[data-v-92e414bf] {
  font-size: 2rem;
  font-weight: 800;
  color: #1f2937;
  line-height: 1;
  margin-bottom: 4px;
  font-variant-numeric: tabular-nums;
}
.stat-label[data-v-92e414bf] {
  font-size: 0.85rem;
  color: #6b7280;
  font-weight: 500;
  margin-bottom: 14px;
}
.stat-bar-row[data-v-92e414bf] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-top: 12px;
  border-top: 1px solid #f3f4f6;
}
.stat-mini[data-v-92e414bf] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  color: #6b7280;
}
.stat-mini-dot[data-v-92e414bf] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.dot-yellow[data-v-92e414bf] { background: #f59e0b;
}
.dot-orange[data-v-92e414bf] { background: #f97316;
}
.dot-blue[data-v-92e414bf]   { background: #3b82f6;
}
.dot-green[data-v-92e414bf]  { background: #10b981;
}
.dot-red[data-v-92e414bf]    { background: #ef4444;
}
.dot-gray[data-v-92e414bf]   { background: #9ca3af;
}

/* ═══════════════════════════════════════════════════
   DUAL COLUMNS
   ═══════════════════════════════════════════════════ */
.dual-columns[data-v-92e414bf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 28px;
}
@media (max-width: 900px) {
.dual-columns[data-v-92e414bf] {
    grid-template-columns: 1fr;
}
}

/* ═══════════════════════════════════════════════════
   QUICK ACTIONS
   ═══════════════════════════════════════════════════ */
.quick-actions-section[data-v-92e414bf] {
  min-width: 0;
}
.actions-grid[data-v-92e414bf] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.action-card[data-v-92e414bf] {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border-radius: 12px;
  padding: 14px 18px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  border: 1px solid #f3f4f6;
}
.action-card[data-v-92e414bf]:hover {
  background: #f8fafc;
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.action-icon-wrap[data-v-92e414bf] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}
.action-blue[data-v-92e414bf]    { background: #dbeafe; color: #1e40af;
}
.action-slate[data-v-92e414bf]   { background: #e2e8f0; color: #334155;
}
.action-emerald[data-v-92e414bf] { background: #d1fae5; color: #065f46;
}
.action-purple[data-v-92e414bf]  { background: #ede9fe; color: #5b21b6;
}
.action-amber[data-v-92e414bf]   { background: #fef3c7; color: #92400e;
}
.action-red[data-v-92e414bf]     { background: #fee2e2; color: #991b1b;
}
.action-cyan[data-v-92e414bf]    { background: #cffafe; color: #155e75;
}
.action-indigo[data-v-92e414bf]  { background: #e0e7ff; color: #3730a3;
}
.action-rose[data-v-92e414bf]    { background: #ffe4e6; color: #9f1239;
}
.action-gray[data-v-92e414bf]    { background: #f3f4f6; color: #374151;
}
.action-text[data-v-92e414bf] {
  min-width: 0;
}
.action-title[data-v-92e414bf] {
  font-size: 0.88rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 2px;
}
.action-desc[data-v-92e414bf] {
  font-size: 0.76rem;
  color: #6b7280;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ═══════════════════════════════════════════════════
   RECENT VEHICLES LIST
   ═══════════════════════════════════════════════════ */
.recent-section[data-v-92e414bf] {
  min-width: 0;
}
.recent-list[data-v-92e414bf] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.recent-item[data-v-92e414bf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 14px 18px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  border: 1px solid #f3f4f6;
}
.recent-item[data-v-92e414bf]:hover {
  background: #f8fafc;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.recent-plate[data-v-92e414bf] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1f2937;
  font-family: 'Courier New', monospace;
  letter-spacing: 1px;
}
.recent-details[data-v-92e414bf] {
  font-size: 0.78rem;
  color: #6b7280;
  margin-top: 2px;
}
.recent-item-right[data-v-92e414bf] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.status-pill[data-v-92e414bf] {
  font-size: 0.68rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.pill-yellow[data-v-92e414bf] { background: #fef3c7; color: #92400e;
}
.pill-orange[data-v-92e414bf] { background: #ffedd5; color: #9a3412;
}
.pill-blue[data-v-92e414bf]   { background: #dbeafe; color: #1e40af;
}
.pill-green[data-v-92e414bf]  { background: #d1fae5; color: #065f46;
}
.pill-gray[data-v-92e414bf]   { background: #f3f4f6; color: #374151;
}
.recent-date[data-v-92e414bf] {
  font-size: 0.72rem;
  color: #9ca3af;
}

/* ═══════════════════════════════════════════════════
   ACTIVITY TIMELINE
   ═══════════════════════════════════════════════════ */
.activity-section[data-v-92e414bf] {
  margin-bottom: 28px;
}
.activity-timeline[data-v-92e414bf] {
  background: #fff;
  border-radius: 14px;
  padding: 20px 24px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  border: 1px solid #f3f4f6;
}
.activity-item[data-v-92e414bf] {
  display: flex;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #f9fafb;
  position: relative;
}
.activity-item[data-v-92e414bf]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.activity-item[data-v-92e414bf]:first-child {
  padding-top: 0;
}
.activity-dot[data-v-92e414bf] {
  width: 10px;
  height: 10px;
  background: #3b82f6;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 5px;
}
.activity-content[data-v-92e414bf] {
  min-width: 0;
  flex: 1;
}
.activity-action[data-v-92e414bf] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 2px;
}
.activity-desc[data-v-92e414bf] {
  font-size: 0.78rem;
  color: #6b7280;
  margin: 0 0 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activity-time[data-v-92e414bf] {
  font-size: 0.7rem;
  color: #9ca3af;
  margin: 0;
}

/* ═══════════════════════════════════════════════════
   EMPTY STATE
   ═══════════════════════════════════════════════════ */
.empty-state[data-v-92e414bf] {
  text-align: center;
  padding: 60px 24px;
}
.empty-state-icon[data-v-92e414bf] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 2rem;
  color: #9ca3af;
}
.empty-state h3[data-v-92e414bf] {
  font-size: 1.1rem;
  color: #374151;
  font-weight: 600;
  margin: 0 0 8px;
}
.empty-state p[data-v-92e414bf] {
  font-size: 0.9rem;
  color: #6b7280;
  max-width: 400px;
  margin: 0 auto;
}

/* ═══════════════════════════════════════════════════
   LOADING
   ═══════════════════════════════════════════════════ */
.loading-overlay[data-v-92e414bf] {
  position: fixed;
  inset: 0;
  background: rgba(241, 245, 249, 0.85);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.loading-spinner-modern[data-v-92e414bf] {
  text-align: center;
}
.spinner-ring[data-v-92e414bf] {
  width: 48px;
  height: 48px;
  border: 4px solid #e2e8f0;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin-92e414bf 0.8s linear infinite;
  margin: 0 auto 14px;
}
@keyframes spin-92e414bf {
to { transform: rotate(360deg);
}
}
.loading-spinner-modern p[data-v-92e414bf] {
  color: #64748b;
  font-size: 0.9rem;
  font-weight: 500;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media (max-width: 768px) {
.hero-content[data-v-92e414bf] {
    flex-direction: column;
    gap: 16px;
}
.hero-badge-area[data-v-92e414bf] {
    flex-direction: row;
    align-items: center;
}
.hero-greeting[data-v-92e414bf] {
    font-size: 1.4rem;
}
.stats-grid[data-v-92e414bf] {
    grid-template-columns: 1fr;
}
.task-card[data-v-92e414bf] {
    min-width: 260px;
}
}
@media (max-width: 480px) {
.hero-section[data-v-92e414bf] {
    padding: 24px 20px 20px;
}
.stat-card[data-v-92e414bf] {
    padding: 18px 16px 14px;
}
}

.vm-page[data-v-6882b4f5] {
  min-height: calc(100vh - 5rem);
  background:
    radial-gradient(800px 420px at 100% 0%, rgba(14, 165, 233, 0.13), transparent 60%),
    radial-gradient(1000px 560px at 0% 100%, rgba(20, 184, 166, 0.1), transparent 60%),
    #f8fafc;
  padding: 1rem;
}
.vm-hero[data-v-6882b4f5] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1rem 1.2rem;
  background: rgba(255, 255, 255, 0.78);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  margin-bottom: 0.9rem;
}
.vm-kicker[data-v-6882b4f5] {
  margin: 0;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 700;
  color: #0f766e;
}
.vm-title[data-v-6882b4f5] {
  margin: 0.35rem 0 0;
  font-size: 1.55rem;
  font-weight: 800;
  color: #0f172a;
}
.vm-subtitle[data-v-6882b4f5] {
  margin: 0.4rem 0 0;
  color: #64748b;
  font-size: 0.9rem;
}
.vm-stats[data-v-6882b4f5] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.8rem;
}
.vm-stat-card[data-v-6882b4f5] {
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 0.9rem;
  padding: 0.7rem 0.85rem;
}
.vm-stat-card p[data-v-6882b4f5] {
  margin: 0;
  color: #64748b;
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.vm-stat-card strong[data-v-6882b4f5] {
  margin-top: 0.2rem;
  display: block;
  font-size: 1.25rem;
  color: #0f172a;
}
.vm-toolbar[data-v-6882b4f5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  margin-bottom: 0.9rem;
}
.vm-search-wrap[data-v-6882b4f5] {
  position: relative;
  flex: 1;
}
.vm-search-wrap i[data-v-6882b4f5] {
  position: absolute;
  left: 0.85rem;
  top: 0.75rem;
  color: #94a3b8;
}
.vm-search-wrap input[data-v-6882b4f5] {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 0.8rem;
  padding: 0.6rem 0.8rem 0.6rem 2.2rem;
  background: #fff;
}
.vm-search-wrap input[data-v-6882b4f5]:focus {
  outline: none;
  border-color: #0ea5e9;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.14);
}
.vm-actions[data-v-6882b4f5] {
  display: flex;
  gap: 0.55rem;
}
.vm-btn[data-v-6882b4f5] {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  border-radius: 0.75rem;
  padding: 0.55rem 0.85rem;
  font-size: 0.8rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  transition: all 0.18s ease;
}
.vm-btn[data-v-6882b4f5]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.vm-btn--ghost[data-v-6882b4f5]:hover {
  border-color: #0ea5e9;
  color: #0369a1;
}
.vm-btn--print[data-v-6882b4f5] {
  border-color: #15803d;
  background: #dcfce7;
  color: #166534;
}
.vm-btn--print-alt[data-v-6882b4f5] {
  border-color: #7c3aed;
  background: #ede9fe;
  color: #6d28d9;
}
.vm-btn--danger[data-v-6882b4f5] {
  border-color: #ef4444;
  background: #fee2e2;
  color: #b91c1c;
}
.vm-btn--primary[data-v-6882b4f5] {
  border-color: #0ea5e9;
  background: #0ea5e9;
  color: #fff;
}
.vm-btn--full[data-v-6882b4f5] {
  width: 100%;
  justify-content: center;
}
.vm-layout[data-v-6882b4f5] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 0.95rem;
}
.vm-columns[data-v-6882b4f5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}
.vm-column[data-v-6882b4f5] {
  border: 1px solid #e2e8f0;
  border-radius: 0.95rem;
  background: #fff;
  overflow: hidden;
}
.vm-column-header[data-v-6882b4f5] {
  padding: 0.7rem 0.75rem;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vm-column-header h3[data-v-6882b4f5] {
  margin: 0;
  font-size: 0.85rem;
  color: #334155;
}
.vm-column-header span[data-v-6882b4f5] {
  min-width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: 0.74rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vm-column-list[data-v-6882b4f5] {
  min-height: 320px;
  max-height: 65vh;
  overflow: auto;
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.vm-pagination[data-v-6882b4f5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  margin-top: 0.8rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 0.85rem;
}
.vm-pagination p[data-v-6882b4f5] {
  margin: 0;
  font-size: 0.8rem;
  color: #475569;
}
.vm-card[data-v-6882b4f5] {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 0.8rem;
  padding: 0.65rem;
  text-align: left;
  transition: all 0.18s ease;
}
.vm-card[data-v-6882b4f5]:hover {
  border-color: #7dd3fc;
  background: #f0f9ff;
  transform: translateY(-1px);
}
.vm-card-top[data-v-6882b4f5] {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: center;
}
.vm-card-title[data-v-6882b4f5] {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  color: #0f172a;
}
.vm-plate[data-v-6882b4f5] {
  font-size: 0.72rem;
  font-weight: 800;
  color: #0369a1;
  border: 1px solid #bae6fd;
  background: #e0f2fe;
  border-radius: 999px;
  padding: 0.18rem 0.45rem;
}
.vm-vin[data-v-6882b4f5] {
  margin: 0.35rem 0 0;
  font-size: 0.73rem;
  color: #475569;
}
.vm-meta[data-v-6882b4f5] {
  margin: 0.25rem 0 0;
  font-size: 0.7rem;
  color: #64748b;
}
.vm-rating[data-v-6882b4f5] {
  margin-top: 0.4rem;
  display: flex;
  gap: 0.15rem;
}
.vm-rating i[data-v-6882b4f5] {
  color: #cbd5e1;
  font-size: 0.72rem;
}
.vm-rating--active[data-v-6882b4f5] {
  color: #f59e0b !important;
}
.vm-detail[data-v-6882b4f5] {
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #0f172a;
  color: #e2e8f0;
  padding: 0.9rem;
  min-height: 520px;
}
.vm-detail-head[data-v-6882b4f5] {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  margin-bottom: 0.8rem;
}
.vm-detail-head h2[data-v-6882b4f5] {
  margin: 0;
  font-size: 1.08rem;
  color: #f8fafc;
}
.vm-detail-head p[data-v-6882b4f5] {
  margin: 0.2rem 0 0;
  color: #94a3b8;
  font-size: 0.78rem;
}
.vm-detail-grid[data-v-6882b4f5] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
  margin-bottom: 0.8rem;
}
.vm-detail-grid label[data-v-6882b4f5] {
  font-size: 0.74rem;
  color: #94a3b8;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.vm-detail-grid select[data-v-6882b4f5],
.vm-detail-grid input[data-v-6882b4f5],
textarea[data-v-6882b4f5] {
  border: 1px solid #334155;
  background: #1e293b;
  color: #e2e8f0;
  border-radius: 0.65rem;
  padding: 0.48rem 0.55rem;
}
textarea[data-v-6882b4f5] {
  width: 100%;
  min-height: 86px;
  margin-bottom: 0.55rem;
}
.vm-tabs[data-v-6882b4f5] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.7rem;
}
.vm-tabs button[data-v-6882b4f5] {
  flex: 1;
  border: 1px solid #334155;
  background: #1e293b;
  color: #94a3b8;
  border-radius: 0.65rem;
  padding: 0.45rem 0.55rem;
  font-size: 0.78rem;
  font-weight: 700;
}
.vm-tabs .is-active[data-v-6882b4f5] {
  background: #0ea5e9;
  border-color: #0ea5e9;
  color: #fff;
}
.vm-list[data-v-6882b4f5] {
  max-height: 240px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.6rem;
}
.vm-list-item[data-v-6882b4f5] {
  border: 1px solid #334155;
  background: #1e293b;
  border-radius: 0.65rem;
  padding: 0.5rem 0.55rem;
}
.vm-list-item p[data-v-6882b4f5] {
  margin: 0;
  color: #e2e8f0;
  font-size: 0.79rem;
}
.vm-list-item span[data-v-6882b4f5] {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.7rem;
  color: #94a3b8;
}
.vm-rating-editor[data-v-6882b4f5] {
  margin-top: 0.8rem;
  border-top: 1px solid #334155;
  padding-top: 0.7rem;
}
.vm-rating-editor p[data-v-6882b4f5] {
  margin: 0 0 0.35rem;
  font-size: 0.76rem;
  color: #94a3b8;
}
.vm-star-btn[data-v-6882b4f5] {
  border: 0;
  background: transparent;
  padding: 0.15rem;
}
.vm-star-btn i[data-v-6882b4f5] {
  color: #475569;
}
.vm-empty[data-v-6882b4f5] {
  text-align: center;
  color: #64748b;
  padding: 1.2rem;
}
.vm-empty p[data-v-6882b4f5] {
  margin: 0.45rem 0 0;
}
.vm-empty--side[data-v-6882b4f5] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vm-empty-sm[data-v-6882b4f5] {
  text-align: center;
  color: #94a3b8;
  font-size: 0.78rem;
  padding: 0.6rem;
}
.vm-icon-btn[data-v-6882b4f5] {
  width: 32px;
  height: 32px;
  border: 1px solid #334155;
  border-radius: 0.55rem;
  color: #cbd5e1;
  background: #1e293b;
}
.vm-spinner[data-v-6882b4f5] {
  width: 28px;
  height: 28px;
  border: 3px solid #e2e8f0;
  border-top-color: #0ea5e9;
  border-radius: 999px;
  margin: 0 auto;
  animation: vm-spin-6882b4f5 0.8s linear infinite;
}
@keyframes vm-spin-6882b4f5 {
to { transform: rotate(360deg);
}
}
@media (max-width: 1400px) {
.vm-columns[data-v-6882b4f5] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1100px) {
.vm-layout[data-v-6882b4f5] { grid-template-columns: 1fr;
}
.vm-detail[data-v-6882b4f5] { min-height: 320px;
}
}
@media (max-width: 800px) {
.vm-stats[data-v-6882b4f5] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vm-columns[data-v-6882b4f5] { grid-template-columns: 1fr;
}
.vm-toolbar[data-v-6882b4f5] { flex-direction: column; align-items: stretch;
}
.vm-actions[data-v-6882b4f5] { flex-wrap: wrap;
}
}

.pv-page[data-v-fbeb36fa] {
  --pv-bg: #f8fafc;
  --pv-card: #ffffff;
  --pv-border: #e2e8f0;
  --pv-text: #0f172a;
  --pv-muted: #64748b;
  --pv-accent: #0ea5e9;
  min-height: calc(100vh - 5rem);
  background:
    radial-gradient(900px 400px at 8% -10%, rgba(14, 165, 233, 0.14), transparent 55%),
    radial-gradient(1000px 520px at 100% 100%, rgba(16, 185, 129, 0.11), transparent 58%),
    var(--pv-bg);
  padding: 1rem;
  font-family: 'Manrope', 'Segoe UI', sans-serif;
}
.pv-hero[data-v-fbeb36fa] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid var(--pv-border);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  padding: 1rem 1.2rem;
}
.pv-kicker[data-v-fbeb36fa] {
  margin: 0;
  color: #0f766e;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 800;
}
.pv-hero h1[data-v-fbeb36fa] {
  margin: 0.28rem 0 0;
  color: var(--pv-text);
  font-size: 1.6rem;
}
.pv-hero p[data-v-fbeb36fa] {
  margin: 0.35rem 0 0;
  color: var(--pv-muted);
}
.pv-hero-actions[data-v-fbeb36fa] {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
}
.pv-stats[data-v-fbeb36fa] {
  margin-top: 0.85rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
}
.pv-stat[data-v-fbeb36fa] {
  border: 1px solid var(--pv-border);
  border-radius: 0.9rem;
  background: var(--pv-card);
  padding: 0.7rem 0.85rem;
}
.pv-stat p[data-v-fbeb36fa] {
  margin: 0;
  color: var(--pv-muted);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pv-stat strong[data-v-fbeb36fa] {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.25rem;
  color: var(--pv-text);
}
.pv-toolbar[data-v-fbeb36fa] {
  margin-top: 0.8rem;
  display: flex;
  gap: 0.7rem;
  align-items: center;
}
.pv-search[data-v-fbeb36fa] {
  flex: 1;
  position: relative;
}
.pv-search i[data-v-fbeb36fa] {
  position: absolute;
  left: 0.78rem;
  top: 0.72rem;
  color: #94a3b8;
}
.pv-search input[data-v-fbeb36fa] {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 0.8rem;
  background: #fff;
  padding: 0.58rem 0.76rem 0.58rem 2.15rem;
}
.pv-search input[data-v-fbeb36fa]:focus {
  outline: none;
  border-color: var(--pv-accent);
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}
.pv-controls[data-v-fbeb36fa] {
  display: flex;
  gap: 0.5rem;
}
.pv-controls select[data-v-fbeb36fa] {
  border: 1px solid #cbd5e1;
  border-radius: 0.75rem;
  padding: 0.56rem 0.64rem;
  background: #fff;
  color: #334155;
}
.pv-layout[data-v-fbeb36fa] {
  margin-top: 0.85rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 0.85rem;
}
.pv-filter-summary[data-v-fbeb36fa] {
  margin-top: 0.55rem;
}
.pv-filter-summary p[data-v-fbeb36fa] {
  margin: 0;
  font-size: 0.78rem;
  color: #475569;
}
.pv-content[data-v-fbeb36fa] {
  border: 1px solid var(--pv-border);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.85);
  padding: 0.75rem;
}
.pv-grid[data-v-fbeb36fa] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}
.pv-card[data-v-fbeb36fa] {
  border: 1px solid var(--pv-border);
  border-radius: 0.9rem;
  background: #fff;
  padding: 0.7rem;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}
.pv-card[data-v-fbeb36fa]:hover {
  transform: translateY(-1px);
  box-shadow: 0 9px 24px rgba(15, 23, 42, 0.08);
  border-color: #7dd3fc;
}
.pv-card.is-selected[data-v-fbeb36fa] {
  border-color: var(--pv-accent);
  box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.15);
}
.pv-card-head[data-v-fbeb36fa] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.45rem;
}
.pv-card-title[data-v-fbeb36fa] {
  max-width: 100%;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pv-card-head h3[data-v-fbeb36fa] {
  margin: 0;
  font-size: 0.88rem;
  color: var(--pv-text);
}
.pv-card-head p[data-v-fbeb36fa] {
  margin: 0.2rem 0 0;
  color: #0369a1;
  font-size: 0.77rem;
  font-weight: 700;
}
.pv-status[data-v-fbeb36fa] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-width: 108px;
  max-width: 108px;
  min-height: 24px;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  font-size: 0.69rem;
  letter-spacing: 0.02em;
  font-weight: 800;
  border: 1px solid #cbd5e1;
  color: #334155;
  background: #f8fafc;
}
.pv-status--published[data-v-fbeb36fa] { background: #dcfce7; color: #166534; border-color: #86efac;
}
.pv-status--working[data-v-fbeb36fa] { background: #fef3c7; color: #92400e; border-color: #fcd34d;
}
.pv-status--todo[data-v-fbeb36fa] { background: #e0f2fe; color: #075985; border-color: #7dd3fc;
}
.pv-status--managed[data-v-fbeb36fa] { background: #ede9fe; color: #5b21b6; border-color: #c4b5fd;
}
.pv-status--pending[data-v-fbeb36fa] { background: #fee2e2; color: #991b1b; border-color: #fca5a5;
}
.pv-status--demolished[data-v-fbeb36fa] { background: #e2e8f0; color: #334155; border-color: #cbd5e1;
}
.pv-status--ok[data-v-fbeb36fa] { background: #dcfce7; color: #166534; border-color: #86efac;
}
.pv-meta[data-v-fbeb36fa] {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.26rem;
}
.pv-meta p[data-v-fbeb36fa] {
  margin: 0;
  font-size: 0.74rem;
  color: #475569;
}
.pv-meta i[data-v-fbeb36fa] {
  width: 16px;
  color: #94a3b8;
}
.pv-card-foot[data-v-fbeb36fa] {
  margin-top: 0.55rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.35rem;
}
.pv-icon[data-v-fbeb36fa] {
  width: 32px;
  height: 32px;
  border-radius: 0.65rem;
  border: 1px solid #dbe3ed;
  background: #fff;
  color: #334155;
}
.pv-icon[data-v-fbeb36fa]:hover {
  border-color: var(--pv-accent);
  color: #0369a1;
}
.pv-detail[data-v-fbeb36fa] {
  border: 1px solid var(--pv-border);
  border-radius: 1rem;
  background: #0f172a;
  color: #e2e8f0;
  padding: 0.8rem;
  min-height: 560px;
}
.pv-detail-head[data-v-fbeb36fa] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.55rem;
}
.pv-detail-head h2[data-v-fbeb36fa] {
  margin: 0;
  font-size: 1.04rem;
}
.pv-detail-head p[data-v-fbeb36fa] {
  margin: 0.25rem 0 0;
  font-size: 0.77rem;
  color: #94a3b8;
}
.pv-detail-grid[data-v-fbeb36fa] {
  margin-top: 0.72rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.32rem;
}
.pv-detail-grid p[data-v-fbeb36fa] {
  margin: 0;
  font-size: 0.78rem;
  color: #cbd5e1;
}
.pv-detail section[data-v-fbeb36fa] {
  margin-top: 0.75rem;
  border-top: 1px solid #334155;
  padding-top: 0.68rem;
}
.pv-detail h4[data-v-fbeb36fa] {
  margin: 0 0 0.4rem;
  font-size: 0.8rem;
  color: #f8fafc;
}
.pv-photos[data-v-fbeb36fa] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.38rem;
}
.pv-photos button[data-v-fbeb36fa] {
  padding: 0;
  border: 1px solid #334155;
  border-radius: 0.55rem;
  overflow: hidden;
  background: #1e293b;
}
.pv-photos img[data-v-fbeb36fa] {
  width: 100%;
  height: 76px;
  -o-object-fit: cover;
     object-fit: cover;
}
.pv-location[data-v-fbeb36fa] {
  border: 1px solid #334155;
  background: #1e293b;
  border-radius: 0.6rem;
  padding: 0.5rem;
}
.pv-location p[data-v-fbeb36fa] {
  margin: 0;
  font-size: 0.78rem;
  color: #e2e8f0;
}
.pv-location a[data-v-fbeb36fa] {
  display: inline-block;
  margin-top: 0.35rem;
  color: #38bdf8;
  font-size: 0.74rem;
}
.pv-pagination[data-v-fbeb36fa] {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 0.58rem 0.64rem;
  border: 1px solid var(--pv-border);
  border-radius: 0.8rem;
  background: #fff;
}
.pv-pagination p[data-v-fbeb36fa] {
  margin: 0;
  font-size: 0.79rem;
  color: #475569;
}
.pv-btn[data-v-fbeb36fa] {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  border-radius: 0.75rem;
  padding: 0.5rem 0.8rem;
  font-size: 0.78rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
}
.pv-btn[data-v-fbeb36fa]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.pv-btn--ghost[data-v-fbeb36fa]:hover {
  border-color: var(--pv-accent);
  color: #0369a1;
}
.pv-btn--primary[data-v-fbeb36fa] {
  background: #0ea5e9;
  color: #fff;
  border-color: #0ea5e9;
}
.pv-btn--full[data-v-fbeb36fa] {
  width: 100%;
  justify-content: center;
  margin-top: 0.5rem;
}
.pv-empty[data-v-fbeb36fa],
.pv-error[data-v-fbeb36fa],
.pv-mini-empty[data-v-fbeb36fa] {
  text-align: center;
  color: #64748b;
  padding: 1.1rem;
}
.pv-empty i[data-v-fbeb36fa],
.pv-error i[data-v-fbeb36fa] {
  font-size: 1.3rem;
}
.pv-empty p[data-v-fbeb36fa],
.pv-error span[data-v-fbeb36fa],
.pv-mini-empty[data-v-fbeb36fa] {
  margin: 0.45rem 0 0;
  font-size: 0.84rem;
}
.pv-empty--detail[data-v-fbeb36fa] {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: column;
}
.pv-spinner[data-v-fbeb36fa] {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border: 3px solid #e2e8f0;
  border-top-color: #0ea5e9;
  border-radius: 999px;
  animation: pv-spin-fbeb36fa 0.8s linear infinite;
}
@keyframes pv-spin-fbeb36fa {
to { transform: rotate(360deg);
}
}
@media (max-width: 1450px) {
.pv-grid[data-v-fbeb36fa] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1100px) {
.pv-layout[data-v-fbeb36fa] { grid-template-columns: 1fr;
}
.pv-detail[data-v-fbeb36fa] { min-height: 340px;
}
}
@media (max-width: 780px) {
.pv-stats[data-v-fbeb36fa] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pv-grid[data-v-fbeb36fa] { grid-template-columns: 1fr;
}
.pv-toolbar[data-v-fbeb36fa] { flex-direction: column; align-items: stretch;
}
.pv-controls[data-v-fbeb36fa] { width: 100%; display: grid; grid-template-columns: 1fr 1fr auto;
}
.pv-hero[data-v-fbeb36fa] { flex-direction: column;
}
.pv-hero-actions[data-v-fbeb36fa] { width: 100%;
}
}

/* Aggiungi eventuali stili personalizzati */

.replacement-parts-container[data-v-f52ad63e] {
  background-color: #f9fafb;
}

.oc-page[data-v-78b46e8a] {
  min-height: calc(100vh - 5rem);
  padding: 1rem;
  background:
    radial-gradient(850px 420px at 0% -10%, rgba(14, 165, 233, 0.14), transparent 60%),
    radial-gradient(900px 460px at 100% 100%, rgba(59, 130, 246, 0.11), transparent 58%),
    #f8fafc;
}
.oc-notice[data-v-78b46e8a] {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: .5rem;
  border-radius: .75rem;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  padding: .55rem .7rem;
  min-width: 280px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .2);
}
.oc-notice--success[data-v-78b46e8a] { border-color: #86efac; background: #f0fdf4; color: #166534;
}
.oc-notice--error[data-v-78b46e8a] { border-color: #fca5a5; background: #fef2f2; color: #991b1b;
}
.oc-notice-close[data-v-78b46e8a] { border: 0; background: transparent; color: inherit; font-size: 1rem; margin-left: auto;
}
.oc-fade-enter-active[data-v-78b46e8a], .oc-fade-leave-active[data-v-78b46e8a] { transition: opacity .2s ease, transform .2s ease;
}
.oc-fade-enter-from[data-v-78b46e8a], .oc-fade-leave-to[data-v-78b46e8a] { opacity: 0; transform: translateY(-8px);
}
.oc-hero[data-v-78b46e8a] {
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1rem 1.15rem;
  background: rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  display: flex;
  justify-content: space-between;
  gap: .8rem;
}
.oc-kicker[data-v-78b46e8a] { margin: 0; font-size: .72rem; color: #0f766e; letter-spacing: .12em; font-weight: 800; text-transform: uppercase;
}
.oc-hero h1[data-v-78b46e8a] { margin: .3rem 0 0; font-size: 1.55rem; color: #0f172a;
}
.oc-hero p[data-v-78b46e8a] { margin: .35rem 0 0; color: #64748b;
}
.oc-hero-actions[data-v-78b46e8a] { display: flex; gap: .45rem; align-items: flex-start; flex-wrap: wrap;
}
.oc-btn[data-v-78b46e8a] {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  border-radius: .75rem;
  padding: .5rem .75rem;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.oc-btn[data-v-78b46e8a]:disabled { opacity: .6; cursor: not-allowed;
}
.oc-btn--ghost[data-v-78b46e8a]:hover { border-color: #0ea5e9; color: #0369a1;
}
.oc-btn--primary[data-v-78b46e8a] { border-color: #0ea5e9; background: #0ea5e9; color: #fff;
}
.oc-btn--booking[data-v-78b46e8a] { border-color: #a855f7; background: #f5f3ff; color: #6d28d9;
}
.oc-btn--success[data-v-78b46e8a] { border-color: #22c55e; background: #dcfce7; color: #166534;
}
.oc-btn--warn[data-v-78b46e8a] { border-color: #f59e0b; background: #fef3c7; color: #92400e;
}
.oc-btn--sm[data-v-78b46e8a] { padding: .35rem .55rem; font-size: .74rem;
}
.oc-stats[data-v-78b46e8a] { margin-top: .75rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem;
}
.oc-stat[data-v-78b46e8a] { border:1px solid #e2e8f0; border-radius:.85rem; background:#fff; padding:.65rem .8rem;
}
.oc-stat p[data-v-78b46e8a] { margin:0; font-size:.72rem; color:#64748b; text-transform:uppercase; letter-spacing:.06em;
}
.oc-stat strong[data-v-78b46e8a] { display:block; margin-top:.2rem; font-size:1.25rem; color:#0f172a;
}
.oc-tabs[data-v-78b46e8a] { margin-top: .7rem; display:flex; gap:.45rem;
}
.oc-tabs button[data-v-78b46e8a] { border:1px solid #cbd5e1; background:#fff; color:#334155; border-radius:.65rem; padding:.45rem .8rem; font-weight:700; font-size:.79rem;
}
.oc-tabs button.active[data-v-78b46e8a] { background:#0f172a; color:#fff; border-color:#0f172a;
}
.oc-layout[data-v-78b46e8a] { margin-top: .75rem; display:grid; grid-template-columns: minmax(0, 1fr) 330px; gap:.7rem;
}
.oc-calendar-card[data-v-78b46e8a], .oc-side[data-v-78b46e8a], .oc-bookings-view[data-v-78b46e8a] { border:1px solid #e2e8f0; border-radius:.95rem; background:#fff; padding:.7rem;
}
.oc-side h3[data-v-78b46e8a] { margin:.1rem 0 .55rem; font-size:.88rem; color:#0f172a;
}
.oc-side-list[data-v-78b46e8a] { display:flex; flex-direction:column; gap:.45rem;
}
.oc-booking-card[data-v-78b46e8a] { border:1px solid #e2e8f0; border-radius:.75rem; background:#f8fafc; padding:.55rem; display:flex; justify-content:space-between; gap:.55rem; align-items:center;
}
.oc-booking-title[data-v-78b46e8a] { margin:0; font-size:.8rem; font-weight:700; color:#0f172a;
}
.oc-booking-meta[data-v-78b46e8a] { margin:.15rem 0 0; font-size:.72rem; color:#64748b;
}
.oc-bookings-columns[data-v-78b46e8a] { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:.7rem;
}
.oc-column[data-v-78b46e8a] { border:1px solid #e2e8f0; border-radius:.85rem; padding:.6rem; background:#f8fafc;
}
.oc-column h3[data-v-78b46e8a] { margin:0 0 .45rem; font-size:.82rem; color:#0f172a;
}
.oc-booking-list[data-v-78b46e8a] { display:flex; flex-direction:column; gap:.45rem;
}
.oc-booking-row[data-v-78b46e8a] { border:1px solid #e2e8f0; border-radius:.75rem; background:#fff; padding:.5rem; display:flex; justify-content:space-between; gap:.5rem; align-items:center;
}
.oc-inline-actions[data-v-78b46e8a] { display:flex; gap:.35rem; align-items:center; flex-wrap:wrap;
}
.oc-status[data-v-78b46e8a] { border-radius:999px; padding:.22rem .5rem; font-size:.68rem; font-weight:700; border:1px solid #cbd5e1;
}
.oc-status--done[data-v-78b46e8a] { background:#dcfce7; border-color:#86efac; color:#166534;
}
.oc-status--warn[data-v-78b46e8a] { background:#fee2e2; border-color:#fca5a5; color:#991b1b;
}
.oc-status--assigned[data-v-78b46e8a] { background:#fef3c7; border-color:#fcd34d; color:#92400e;
}
.oc-status--base[data-v-78b46e8a] { background:#eff6ff; border-color:#bfdbfe; color:#1e40af;
}
.oc-empty[data-v-78b46e8a] { color:#64748b; font-size:.8rem; text-align:center; padding:.7rem;
}
.oc-loading[data-v-78b46e8a] { min-height: 380px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.45rem; color:#64748b;
}
.oc-spinner[data-v-78b46e8a] { width:28px; height:28px; border:3px solid #e2e8f0; border-top-color:#0ea5e9; border-radius:999px; animation:oc-spin-78b46e8a .8s linear infinite;
}
@keyframes oc-spin-78b46e8a {
to { transform: rotate(360deg);
}
}
.oc-modal-backdrop[data-v-78b46e8a] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .48);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 1100;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.oc-modal[data-v-78b46e8a] {
  width: min(920px, 100%);
  border-radius: 1rem;
  border: 1px solid #cbd5e1;
  background: #fff;
  box-shadow: 0 28px 55px rgba(15, 23, 42, .24);
  max-height: calc(100vh - 2rem);
  overflow: auto;
}
.oc-modal--detail[data-v-78b46e8a] { width: min(760px, 100%);
}
.oc-modal-head[data-v-78b46e8a] {
  padding: .9rem 1rem;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
}
.oc-modal-kicker[data-v-78b46e8a] {
  margin: 0;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #0369a1;
  font-weight: 800;
}
.oc-modal-head h3[data-v-78b46e8a] { margin: .25rem 0 0; font-size: 1.08rem; color: #0f172a;
}
.oc-modal-close[data-v-78b46e8a] {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
  border-radius: .6rem;
  width: 32px;
  height: 32px;
  font-size: 1rem;
}
.oc-form-grid[data-v-78b46e8a] {
  padding: .9rem 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}
.oc-form-grid label[data-v-78b46e8a] { display: flex; flex-direction: column; gap: .28rem;
}
.oc-form-grid span[data-v-78b46e8a] { font-size: .74rem; color: #475569; font-weight: 700;
}
.oc-form-grid input[data-v-78b46e8a],
.oc-form-grid select[data-v-78b46e8a],
.oc-form-grid textarea[data-v-78b46e8a] {
  border: 1px solid #cbd5e1;
  border-radius: .62rem;
  padding: .5rem .6rem;
  font-size: .84rem;
  color: #0f172a;
  background: #fff;
}
.oc-form-wide[data-v-78b46e8a] { grid-column: span 2;
}
.oc-form-error[data-v-78b46e8a] {
  margin: 0;
  color: #991b1b;
  font-size: .79rem;
  padding: 0 1rem .4rem;
}
.oc-detail-grid[data-v-78b46e8a] {
  padding: .9rem 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}
.oc-detail-grid article[data-v-78b46e8a] {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: .7rem;
  padding: .55rem .65rem;
}
.oc-detail-grid strong[data-v-78b46e8a] { font-size: .74rem; color: #475569; text-transform: uppercase; letter-spacing: .03em;
}
.oc-detail-grid p[data-v-78b46e8a] { margin: .2rem 0 0; color: #0f172a; font-size: .85rem;
}
.oc-modal-foot[data-v-78b46e8a] {
  padding: .8rem 1rem 1rem;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .45rem;
}
[data-v-78b46e8a] .fc { font-family: 'Manrope', 'Segoe UI', sans-serif;
}
[data-v-78b46e8a] .fc .fc-toolbar-title { font-size: 1.1rem; font-weight: 800; color: #0f172a;
}
[data-v-78b46e8a] .fc .fc-button { background:#0f172a; border-color:#0f172a; text-transform:capitalize; font-size:.78rem;
}
[data-v-78b46e8a] .fc .fc-button:hover { background:#1e293b; border-color:#1e293b;
}
[data-v-78b46e8a] .fc .fc-daygrid-event,[data-v-78b46e8a] .fc .fc-timegrid-event { border-radius:.45rem; padding:.15rem .25rem;
}
@media (max-width: 1200px) {
.oc-layout[data-v-78b46e8a] { grid-template-columns: 1fr;
}
.oc-bookings-columns[data-v-78b46e8a] { grid-template-columns: 1fr;
}
.oc-form-grid[data-v-78b46e8a],
  .oc-detail-grid[data-v-78b46e8a] { grid-template-columns: 1fr;
}
.oc-form-wide[data-v-78b46e8a] { grid-column: span 1;
}
}
@media (max-width: 800px) {
.oc-stats[data-v-78b46e8a] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.oc-hero[data-v-78b46e8a] { flex-direction: column;
}
.oc-notice[data-v-78b46e8a] {
    top: .75rem;
    left: .75rem;
    right: .75rem;
    min-width: 0;
}
}

/* Custom scrollbar */
[data-v-8ac9b738]::-webkit-scrollbar {
  width: 6px;
}
[data-v-8ac9b738]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
[data-v-8ac9b738]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
[data-v-8ac9b738]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.fade-enter-active[data-v-8ac9b738], .fade-leave-active[data-v-8ac9b738] {
  transition: opacity 0.3s;
}
.fade-enter-from[data-v-8ac9b738], .fade-leave-to[data-v-8ac9b738] {
  opacity: 0;
}

.photo-mgmt-page[data-v-a7198852] {
  min-height: calc(100vh - 5rem);
  background:
    radial-gradient(1000px 500px at 100% -10%, rgba(56, 189, 248, 0.12), transparent 60%),
    radial-gradient(800px 420px at 0% 110%, rgba(14, 116, 144, 0.13), transparent 60%),
    #f8fafc;
  padding: 1rem;
}
.photo-mgmt-hero[data-v-a7198852] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1.25rem;
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
  background: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.photo-mgmt-kicker[data-v-a7198852] {
  margin: 0;
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #0f766e;
  font-weight: 700;
}
.photo-mgmt-title[data-v-a7198852] {
  margin: 0.35rem 0 0;
  font-size: 1.5rem;
  font-weight: 800;
  color: #0f172a;
}
.photo-mgmt-subtitle[data-v-a7198852] {
  margin: 0.45rem 0 0;
  color: #475569;
  font-size: 0.92rem;
}
.photo-mgmt-layout[data-v-a7198852] {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 1rem;
}
.pm-card[data-v-a7198852] {
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
}
.pm-card__header[data-v-a7198852] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem 0.75rem;
}
.pm-card__header h2[data-v-a7198852] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
}
.pm-card__header p[data-v-a7198852] {
  margin: 0.2rem 0 0;
  font-size: 0.82rem;
  color: #64748b;
}
.pm-chip[data-v-a7198852] {
  font-size: 0.74rem;
  font-weight: 700;
  color: #0369a1;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
}
.pm-chip--accent[data-v-a7198852] {
  color: #065f46;
  background: #d1fae5;
  border-color: #a7f3d0;
}
.pm-filter[data-v-a7198852] {
  position: relative;
  padding: 0 1rem 1rem;
}
.pm-filter i[data-v-a7198852] {
  position: absolute;
  left: 1.8rem;
  top: 0.7rem;
  color: #94a3b8;
  font-size: 0.86rem;
}
.pm-filter input[data-v-a7198852] {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 0.75rem;
  padding: 0.55rem 0.75rem 0.55rem 2rem;
  outline: none;
  font-size: 0.88rem;
}
.pm-filter input[data-v-a7198852]:focus {
  border-color: #0ea5e9;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.16);
}
.pm-vehicles__list[data-v-a7198852] {
  max-height: calc(100vh - 270px);
  overflow: auto;
  padding: 0 0.65rem 0.85rem;
}
.pm-vehicle-row[data-v-a7198852] {
  width: 100%;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 0.8rem;
  padding: 0.7rem;
  margin-bottom: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  transition: all 0.18s ease;
}
.pm-vehicle-row[data-v-a7198852]:hover {
  border-color: #7dd3fc;
  transform: translateY(-1px);
  background: #f0f9ff;
}
.pm-vehicle-row--active[data-v-a7198852] {
  border-color: #0ea5e9;
  background: #e0f2fe;
}
.pm-plate[data-v-a7198852] {
  margin: 0;
  font-weight: 800;
  font-size: 0.9rem;
  color: #0f172a;
}
.pm-model[data-v-a7198852] {
  margin: 0.15rem 0 0;
  font-size: 0.78rem;
  color: #64748b;
}
.pm-status[data-v-a7198852] {
  font-size: 0.68rem;
  color: #0369a1;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  padding: 0.2rem 0.45rem;
  font-weight: 700;
}
.pm-content__card[data-v-a7198852] {
  min-height: calc(100vh - 230px);
  padding: 0.75rem;
}
.pm-uploader[data-v-a7198852] {
  margin: 0 0.25rem 1rem;
  border: 1.5px dashed #94a3b8;
  border-radius: 0.95rem;
  background: linear-gradient(135deg, #f8fafc, #eff6ff);
  padding: 1.1rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  display: block;
}
.pm-uploader[data-v-a7198852]:hover {
  border-color: #0ea5e9;
  background: linear-gradient(135deg, #f0f9ff, #ecfeff);
}
.pm-uploader__icon[data-v-a7198852] {
  width: 44px;
  height: 44px;
  margin: 0 auto 0.6rem;
  border-radius: 0.75rem;
  background: #0ea5e9;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pm-uploader__title[data-v-a7198852] {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
}
.pm-uploader__hint[data-v-a7198852] {
  margin: 0.35rem 0 0;
  color: #64748b;
  font-size: 0.76rem;
}
.pm-upload-queue[data-v-a7198852] {
  border: 1px solid #e2e8f0;
  border-radius: 0.9rem;
  padding: 0.75rem;
  margin: 0 0.25rem 1rem;
  background: #f8fafc;
}
.pm-upload-queue__header[data-v-a7198852] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.pm-upload-queue__header h3[data-v-a7198852] {
  margin: 0;
  font-size: 0.9rem;
  color: #0f172a;
}
.pm-upload-queue__items[data-v-a7198852] {
  max-height: 130px;
  overflow: auto;
}
.pm-upload-item[data-v-a7198852] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 0.65rem;
  padding: 0.4rem 0.55rem;
  margin-bottom: 0.35rem;
  font-size: 0.78rem;
}
.pm-photos-grid[data-v-a7198852] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.75rem;
  padding: 0 0.25rem 0.25rem;
}
.pm-photo-card[data-v-a7198852] {
  border: 1px solid #e2e8f0;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pm-photo-card[data-v-a7198852]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
}
.pm-photo-preview[data-v-a7198852] {
  width: 100%;
  display: block;
  border: 0;
  background: transparent;
  padding: 0;
}
.pm-photo-preview img[data-v-a7198852] {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
.pm-photo-card__meta[data-v-a7198852] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.6rem;
}
.pm-photo-card__meta label[data-v-a7198852] {
  font-size: 0.72rem;
  color: #64748b;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.pm-photo-card__meta input[data-v-a7198852] {
  width: 78px;
  border: 1px solid #cbd5e1;
  border-radius: 0.55rem;
  padding: 0.35rem 0.45rem;
}
.pm-btn[data-v-a7198852] {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  border-radius: 0.75rem;
  padding: 0.52rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  transition: all 0.2s ease;
}
.pm-btn[data-v-a7198852]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.pm-btn--ghost[data-v-a7198852]:hover {
  border-color: #0ea5e9;
  color: #0369a1;
}
.pm-btn--primary[data-v-a7198852] {
  border-color: #0ea5e9;
  background: #0ea5e9;
  color: #fff;
}
.pm-btn--primary[data-v-a7198852]:hover:not(:disabled) {
  background: #0284c7;
  border-color: #0284c7;
}
.pm-icon-btn[data-v-a7198852] {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #475569;
  border-radius: 0.55rem;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.pm-icon-btn[data-v-a7198852]:hover {
  border-color: #94a3b8;
}
.pm-icon-btn--danger[data-v-a7198852] {
  color: #dc2626;
  border-color: #fecaca;
  background: #fff1f2;
}
.pm-icon-btn--danger[data-v-a7198852]:hover {
  background: #ffe4e6;
  border-color: #fda4af;
}
.pm-empty[data-v-a7198852] {
  text-align: center;
  color: #64748b;
  padding: 1.4rem 0.75rem;
}
.pm-empty i[data-v-a7198852] {
  font-size: 1.2rem;
  color: #94a3b8;
}
.pm-empty p[data-v-a7198852] {
  margin: 0.5rem 0 0;
  font-size: 0.84rem;
}
.pm-empty--large[data-v-a7198852] {
  height: 100%;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pm-spinner[data-v-a7198852] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid #e2e8f0;
  border-top-color: #0ea5e9;
  margin: 0 auto;
  animation: pm-spin-a7198852 0.8s linear infinite;
}
.pm-preview-backdrop[data-v-a7198852] {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: rgba(2, 6, 23, 0.86);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.pm-preview-image[data-v-a7198852] {
  max-width: min(1200px, 95vw);
  max-height: 90vh;
  border-radius: 0.9rem;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.55);
}
.pm-preview-close[data-v-a7198852] {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(15, 23, 42, 0.6);
  color: #fff;
}
.pm-fade-enter-active[data-v-a7198852],
.pm-fade-leave-active[data-v-a7198852] {
  transition: opacity 0.2s ease;
}
.pm-fade-enter-from[data-v-a7198852],
.pm-fade-leave-to[data-v-a7198852] {
  opacity: 0;
}
@keyframes pm-spin-a7198852 {
to {
    transform: rotate(360deg);
}
}
@media (max-width: 1100px) {
.photo-mgmt-layout[data-v-a7198852] {
    grid-template-columns: 1fr;
}
.pm-vehicles__list[data-v-a7198852] {
    max-height: 340px;
}
}
@media (max-width: 640px) {
.photo-mgmt-page[data-v-a7198852] {
    padding: 0.75rem;
}
.photo-mgmt-title[data-v-a7198852] {
    font-size: 1.25rem;
}
}

.input[data-v-ef099f18] {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* BASE STYLES & UTILITIES                                                     */
/* ═══════════════════════════════════════════════════════════════════════════ */
.scrollbar-hide[data-v-0a35c52f] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide[data-v-0a35c52f]::-webkit-scrollbar {
  display: none;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* STAT PILLS                                                                  */
/* ═══════════════════════════════════════════════════════════════════════════ */
.stat-pill[data-v-0a35c52f] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}
.stat-pill-warning[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}
.stat-pill-success[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.stat-pill-primary[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}
.stat-pill-amber[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
.stat-pill-orphan[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* TAB BUTTONS                                                                 */
/* ═══════════════════════════════════════════════════════════════════════════ */
.tab-button[data-v-0a35c52f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tab-button-active[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}
.tab-button-inactive[data-v-0a35c52f] {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.tab-button-inactive[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.badge-count[data-v-0a35c52f] {
  margin-left: 0.25rem;
  min-width: 18px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* MODE TOGGLE                                                                 */
/* ═══════════════════════════════════════════════════════════════════════════ */
.mode-toggle-btn[data-v-0a35c52f] {
  flex: 1 1 0%;
  border-radius: 0.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.mode-toggle-active[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* CARDS                                                                       */
/* ═══════════════════════════════════════════════════════════════════════════ */
.card[data-v-0a35c52f] {
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.card-has-dropdown[data-v-0a35c52f] {
  overflow: visible !important;
}
.card-has-dropdown > .card-header[data-v-0a35c52f]:first-child {
  border-radius: 0.75rem 0.75rem 0 0;
}
.card-animated[data-v-0a35c52f] {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.card-hover[data-v-0a35c52f]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.card-disabled[data-v-0a35c52f] {
  pointer-events: none;
  opacity: 0.5;
}
.card-result[data-v-0a35c52f] {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(238 242 255 / 0.5) var(--tw-gradient-to-position);
}
.card-success[data-v-0a35c52f] {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}
.card-orphan[data-v-0a35c52f] {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}
.card-orphan-border[data-v-0a35c52f] {
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-left-color: rgb(251 146 60 / var(--tw-border-opacity));
}
.card-header[data-v-0a35c52f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.card-header-gradient[data-v-0a35c52f] {
  border-width: 0px;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.card-title[data-v-0a35c52f] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.card-subtitle[data-v-0a35c52f] {
  margin-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.card-body[data-v-0a35c52f] {
  padding: 1.25rem;
}
.price-hint-card[data-v-0a35c52f] {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity));
  background-color: rgb(238 242 255 / 0.5);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.price-hint-label[data-v-0a35c52f] {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}
.price-hint-value[data-v-0a35c52f] {
  margin-top: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* STEP INDICATORS                                                             */
/* ═══════════════════════════════════════════════════════════════════════════ */
.step-indicator[data-v-0a35c52f] {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.step-complete[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.step-optional[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.step-orphan-indicator[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* ORPHAN STYLING                                                              */
/* ═══════════════════════════════════════════════════════════════════════════ */
.orphan-result-badge[data-v-0a35c52f] {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
.badge-orange[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* FORM ELEMENTS                                                               */
/* ═══════════════════════════════════════════════════════════════════════════ */
.form-group[data-v-0a35c52f] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.form-label[data-v-0a35c52f] {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.form-label-sm[data-v-0a35c52f] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.form-checkbox[data-v-0a35c52f] {
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.form-checkbox[data-v-0a35c52f]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}
.form-hint-action[data-v-0a35c52f] {
  margin-top: 0.25rem;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}
.form-hint-action[data-v-0a35c52f]:hover {
  text-decoration-line: underline;
}
.input-field[data-v-0a35c52f] {
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.input-field[data-v-0a35c52f]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity));
}
.input-field[data-v-0a35c52f] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.input-field-sm[data-v-0a35c52f] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.input-with-icon[data-v-0a35c52f] {
  position: relative;
}
.input-icon[data-v-0a35c52f] {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.input-clear-btn[data-v-0a35c52f] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.input-clear-btn[data-v-0a35c52f]:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

/* Fix selects going under other elements */
.select-field[data-v-0a35c52f] {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
}
.select-field-inline[data-v-0a35c52f] {
  cursor: pointer;
  background-color: transparent;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* AUTOCOMPLETE                                                                */
/* ═══════════════════════════════════════════════════════════════════════════ */
.autocomplete-dropdown[data-v-0a35c52f] {
  position: absolute;
  margin-top: 0.5rem;
  max-height: 18rem;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  z-index: 50;
}
.autocomplete-dropdown-sm[data-v-0a35c52f] {
  max-height: 12rem;
}
.autocomplete-item[data-v-0a35c52f] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.autocomplete-item[data-v-0a35c52f]:last-child {
  border-width: 0px;
}
.autocomplete-item[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.autocomplete-item-active[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.autocomplete-item-sm[data-v-0a35c52f] {
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.autocomplete-item-sm[data-v-0a35c52f]:last-child {
  border-width: 0px;
}
.autocomplete-item-sm[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.autocomplete-loading[data-v-0a35c52f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.autocomplete-empty[data-v-0a35c52f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* SELECTED VEHICLE BADGE                                                      */
/* ═══════════════════════════════════════════════════════════════════════════ */
.selected-vehicle-badge[data-v-0a35c52f] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
  padding: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* PHOTO GRID                                                                  */
/* ═══════════════════════════════════════════════════════════════════════════ */
.photo-grid[data-v-0a35c52f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.photo-preview[data-v-0a35c52f] {
  position: relative;
  height: 6rem;
  width: 6rem;
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.photo-preview img[data-v-0a35c52f] {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photo-preview-overlay[data-v-0a35c52f] {
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.5);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.group:hover .photo-preview-overlay[data-v-0a35c52f] {
  opacity: 1;
}
.photo-remove-btn[data-v-0a35c52f] {
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.photo-remove-btn[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.photo-badge-main[data-v-0a35c52f] {
  position: absolute;
  bottom: 0.25rem;
  left: 0.25rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 10px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.photo-add-btn[data-v-0a35c52f] {
  display: flex;
  height: 6rem;
  width: 6rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.photo-add-btn[data-v-0a35c52f]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* IDENTIFY BUTTON                                                             */
/* ═══════════════════════════════════════════════════════════════════════════ */
.btn-identify[data-v-0a35c52f] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #c7d2fe;
  --tw-shadow: var(--tw-shadow-colored);
}
.btn-identify[data-v-0a35c52f]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #a5b4fc;
  --tw-shadow: var(--tw-shadow-colored);
}
.btn-identify[data-v-0a35c52f]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-identify[data-v-0a35c52f]:hover:disabled {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* PROGRESS BAR                                                                */
/* ═══════════════════════════════════════════════════════════════════════════ */
.progress-bar[data-v-0a35c52f] {
  height: 0.375rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.progress-bar-fill[data-v-0a35c52f] {
  height: 100%;
  border-radius: 9999px;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* CONFIDENCE BADGES                                                           */
/* ═══════════════════════════════════════════════════════════════════════════ */
.confidence-badge[data-v-0a35c52f] {
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.confidence-badge-sm[data-v-0a35c52f] {
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}
.confidence-high[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}
.confidence-medium[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.confidence-low[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* OEM BADGES                                                                  */
/* ═══════════════════════════════════════════════════════════════════════════ */
.oem-badge[data-v-0a35c52f] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.oem-badge-primary[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.oem-badge-warning[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.oem-badge-label[data-v-0a35c52f] {
  font-family: Figtree, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  opacity: 0.7;
}
.oem-badge-input[data-v-0a35c52f] {
  width: 7rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  text-transform: uppercase;
}
.oem-badge-input[data-v-0a35c52f]:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* BUTTONS                                                                     */
/* ═══════════════════════════════════════════════════════════════════════════ */
.btn[data-v-0a35c52f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn[data-v-0a35c52f]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
}
.btn[data-v-0a35c52f]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-sm[data-v-0a35c52f] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.btn-xs[data-v-0a35c52f] {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.btn-primary[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-primary[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.btn-primary[data-v-0a35c52f]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}
.btn-outline[data-v-0a35c52f] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.btn-outline[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.btn-outline[data-v-0a35c52f]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.btn-danger[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-danger[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.btn-danger[data-v-0a35c52f]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
.btn-danger-outline[data-v-0a35c52f] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.btn-danger-outline[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.btn-danger-outline[data-v-0a35c52f]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
}
.btn-danger-ghost[data-v-0a35c52f] {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.btn-danger-ghost[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.btn-icon[data-v-0a35c52f] {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn-icon[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.btn-icon-sm[data-v-0a35c52f] {
  height: 1.75rem;
  width: 1.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.btn-icon-danger[data-v-0a35c52f] {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.btn-icon-danger[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.btn-icon-active[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* BADGES                                                                      */
/* ═══════════════════════════════════════════════════════════════════════════ */
.badge[data-v-0a35c52f] {
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.badge-sm[data-v-0a35c52f] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.badge-xs[data-v-0a35c52f] {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 10px;
}
.badge-gray[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.badge-blue[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.badge-emerald[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.badge-amber[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}
.badge-indigo[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* VEHICLE INFOGRAPHIC                                                         */
/* ═══════════════════════════════════════════════════════════════════════════ */
.vehicle-infographic[data-v-0a35c52f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vehicle-svg[data-v-0a35c52f] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 220px;
}
.zone-hotspot[data-v-0a35c52f] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.zone-hotspot[data-v-0a35c52f]:hover {
  filter: brightness(0.92);
  stroke-width: 2;
}
.zone-label[data-v-0a35c52f] {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.5px;
  pointer-events: none;
}
.zone-label-sm[data-v-0a35c52f] {
  font-size: 6.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  pointer-events: none;
}
.zone-label-vsm[data-v-0a35c52f] {
  font-size: 5.5px;
  font-weight: 600;
  pointer-events: none;
}
.zone-count[data-v-0a35c52f] {
  font-size: 9px;
  font-weight: 800;
  pointer-events: none;
}
.zone-selected-info[data-v-0a35c52f] {
  margin-top: 0.75rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.zone-dot[data-v-0a35c52f] {
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.infographic-legend[data-v-0a35c52f] {
  margin-top: 0.75rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.375rem;
}
.trace-hero[data-v-0a35c52f] {
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.trace-plate[data-v-0a35c52f] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}
.trace-meta[data-v-0a35c52f] {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.traceability-svg[data-v-0a35c52f] {
  height: auto;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.traceability-scene[data-v-0a35c52f] {
  position: relative;
  min-height: 520px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background:
    radial-gradient(120% 70% at 50% 20%, #f8fbff 0%, #f1f5f9 65%, #e2e8f0 100%),
    repeating-linear-gradient(0deg, rgba(148, 163, 184, 0.08) 0px, rgba(148, 163, 184, 0.08) 1px, transparent 1px, transparent 24px),
    repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.08) 0px, rgba(148, 163, 184, 0.08) 1px, transparent 1px, transparent 24px);
  overflow: hidden;
}
.traceability-car[data-v-0a35c52f] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 290px;
  height: 470px;
  transform: translate(-50%, -50%);
}
.car-body-core[data-v-0a35c52f] {
  position: absolute;
  inset: 14px 46px;
  border-radius: 130px 130px 100px 100px;
  background:
    linear-gradient(180deg, #dbeafe 0%, #bfdbfe 45%, #93c5fd 100%);
  border: 2px solid #60a5fa;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.7),
    0 12px 30px rgba(30, 64, 175, 0.25);
  z-index: 3;
}
.car-glass[data-v-0a35c52f] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(191, 219, 254, 0.95), rgba(147, 197, 253, 0.85));
  border: 1px solid rgba(37, 99, 235, 0.35);
}
.car-glass-front[data-v-0a35c52f] {
  top: 36px;
  height: 95px;
}
.car-glass-rear[data-v-0a35c52f] {
  bottom: 44px;
  height: 90px;
}
.car-center-line[data-v-0a35c52f] {
  position: absolute;
  left: 50%;
  top: 18px;
  width: 2px;
  height: calc(100% - 36px);
  transform: translateX(-50%);
  background: repeating-linear-gradient(
    to bottom,
    rgba(37, 99, 235, 0.35) 0 8px,
    transparent 8px 16px
  );
}
.car-wheel[data-v-0a35c52f] {
  position: absolute;
  width: 34px;
  height: 74px;
  border-radius: 18px;
  background: linear-gradient(180deg, #111827, #374151);
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.15),
    0 2px 8px rgba(15, 23, 42, 0.25);
  z-index: 2;
}
.car-wheel-fl[data-v-0a35c52f] { left: 30px; top: 88px;
}
.car-wheel-fr[data-v-0a35c52f] { right: 30px; top: 88px;
}
.car-wheel-rl[data-v-0a35c52f] { left: 30px; bottom: 94px;
}
.car-wheel-rr[data-v-0a35c52f] { right: 30px; bottom: 94px;
}
.car-mirror[data-v-0a35c52f] {
  position: absolute;
  width: 16px;
  height: 34px;
  border-radius: 12px;
  background: linear-gradient(180deg, #64748b, #334155);
  border: 1px solid rgba(15, 23, 42, 0.45);
  box-shadow:
    0 2px 8px rgba(15, 23, 42, 0.3),
    inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  z-index: 4;
}
.car-mirror[data-v-0a35c52f]::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 12px;
  background: #334155;
  top: 10px;
}
.car-mirror[data-v-0a35c52f]::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(191, 219, 254, 0.95), rgba(148, 163, 184, 0.9));
  opacity: 0.95;
}
.car-mirror-left[data-v-0a35c52f] {
  left: 62px;
  top: 158px;
  transform: rotate(-24deg);
}
.car-mirror-left[data-v-0a35c52f]::before {
  right: -6px;
  border-radius: 6px 2px 2px 6px;
}
.car-mirror-right[data-v-0a35c52f] {
  right: 62px;
  top: 158px;
  transform: rotate(24deg);
}
.car-mirror-right[data-v-0a35c52f]::before {
  left: -6px;
  border-radius: 2px 6px 6px 2px;
}
.car-light[data-v-0a35c52f] {
  position: absolute;
  width: 44px;
  height: 18px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  z-index: 5;
}
.car-light-front-left[data-v-0a35c52f] {
  top: 18px;
  left: 80px;
  background: linear-gradient(90deg, #fef9c3 0%, #fde68a 65%, #facc15 100%);
  box-shadow:
    0 0 20px rgba(250, 204, 21, 0.62),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.car-light-front-right[data-v-0a35c52f] {
  top: 18px;
  right: 80px;
  background: linear-gradient(270deg, #fef9c3 0%, #fde68a 65%, #facc15 100%);
  box-shadow:
    0 0 20px rgba(250, 204, 21, 0.62),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.car-light-rear-left[data-v-0a35c52f] {
  bottom: 18px;
  left: 80px;
  background: linear-gradient(90deg, #fecaca 0%, #fda4af 65%, #ef4444 100%);
  box-shadow:
    0 0 16px rgba(239, 68, 68, 0.55),
    inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}
.car-light-rear-right[data-v-0a35c52f] {
  bottom: 18px;
  right: 80px;
  background: linear-gradient(270deg, #fecaca 0%, #fda4af 65%, #ef4444 100%);
  box-shadow:
    0 0 16px rgba(239, 68, 68, 0.55),
    inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}
.trace-pin[data-v-0a35c52f] {
  position: absolute;
  transform: translate(-50%, -50%);
  min-width: 146px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #c7d2fe;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
  transition: all 0.18s ease;
}
.trace-pin[data-v-0a35c52f]:hover {
  transform: translate(-50%, -50%) scale(1.03);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
}
.trace-pin-active[data-v-0a35c52f] {
  border-color: #4f46e5;
  background: #eef2ff;
}
.trace-pin-empty[data-v-0a35c52f] {
  opacity: 0.68;
}
.trace-pin-count[data-v-0a35c52f] {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: #4f46e5;
  color: #fff;
  margin-right: 8px;
}
.trace-pin-label[data-v-0a35c52f] {
  font-size: 11px;
  font-weight: 800;
  color: #3730a3;
  letter-spacing: 0.4px;
}
.trace-pin-category[data-v-0a35c52f] {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: #475569;
  font-weight: 600;
}
.tips-box[data-v-0a35c52f] {
  margin-top: 1rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* CATALOG GRID                                                                */
/* ═══════════════════════════════════════════════════════════════════════════ */
.catalog-grid[data-v-0a35c52f] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 640px) {
.catalog-grid[data-v-0a35c52f] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.catalog-grid[data-v-0a35c52f] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1280px) {
.catalog-grid[data-v-0a35c52f] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.catalog-card[data-v-0a35c52f] {
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.catalog-card[data-v-0a35c52f]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.catalog-card-highlight[data-v-0a35c52f] {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
}
.catalog-card-image[data-v-0a35c52f] {
  position: relative;
  aspect-ratio: 1 / 1;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.catalog-card-image img[data-v-0a35c52f] {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalog-card-placeholder[data-v-0a35c52f] {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.catalog-card-badges[data-v-0a35c52f] {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.catalog-card-body[data-v-0a35c52f] {
  padding: 0.75rem;
}
.catalog-card-code[data-v-0a35c52f] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.catalog-card-title[data-v-0a35c52f] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.catalog-card-subtitle[data-v-0a35c52f] {
  margin-top: 0.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.catalog-card-footer[data-v-0a35c52f] {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catalog-card-price[data-v-0a35c52f] {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* TABLE                                                                       */
/* ═══════════════════════════════════════════════════════════════════════════ */
.table[data-v-0a35c52f] {
  min-width: 100%;
}
.table[data-v-0a35c52f] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.table thead[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.table th[data-v-0a35c52f] {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.table td[data-v-0a35c52f] {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.table-row-hover[data-v-0a35c52f]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.table-row-highlight[data-v-0a35c52f] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* LOADING & EMPTY STATES                                                      */
/* ═══════════════════════════════════════════════════════════════════════════ */
.loading-state[data-v-0a35c52f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.empty-state[data-v-0a35c52f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  text-align: center;
}
.empty-state-icon[data-v-0a35c52f] {
  margin-bottom: 1rem;
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.empty-state h3[data-v-0a35c52f] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.empty-state p[data-v-0a35c52f] {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* SPINNERS                                                                    */
/* ═══════════════════════════════════════════════════════════════════════════ */
.spinner[data-v-0a35c52f] {
  height: 2.5rem;
  width: 2.5rem;
}
@keyframes spin-0a35c52f {
to {
    transform: rotate(360deg);
}
}
.spinner[data-v-0a35c52f] {
  animation: spin-0a35c52f 1s linear infinite;
  border-radius: 9999px;
  border-width: 4px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-top-color: rgb(79 70 229 / var(--tw-border-opacity));
}
.spinner-sm[data-v-0a35c52f] {
  height: 1.25rem;
  width: 1.25rem;
}
@keyframes spin-0a35c52f {
to {
    transform: rotate(360deg);
}
}
.spinner-sm[data-v-0a35c52f] {
  animation: spin-0a35c52f 1s linear infinite;
  border-radius: 9999px;
  border-width: 2px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-top-color: rgb(79 70 229 / var(--tw-border-opacity));
}
.spinner-white[data-v-0a35c52f] {
  height: 1.25rem;
  width: 1.25rem;
}
@keyframes spin-0a35c52f {
to {
    transform: rotate(360deg);
}
}
.spinner-white[data-v-0a35c52f] {
  animation: spin-0a35c52f 1s linear infinite;
  border-radius: 9999px;
  border-width: 2px;
  border-color: rgb(255 255 255 / 0.3);
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.spinner-white-sm[data-v-0a35c52f] {
  height: 1rem;
  width: 1rem;
}
@keyframes spin-0a35c52f {
to {
    transform: rotate(360deg);
}
}
.spinner-white-sm[data-v-0a35c52f] {
  animation: spin-0a35c52f 1s linear infinite;
  border-radius: 9999px;
  border-width: 2px;
  border-color: rgb(255 255 255 / 0.3);
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* ALERTS                                                                      */
/* ═══════════════════════════════════════════════════════════════════════════ */
.alert[data-v-0a35c52f] {
  border-radius: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.alert-success[data-v-0a35c52f] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* UNLOAD PART CARD                                                            */
/* ═══════════════════════════════════════════════════════════════════════════ */
.unload-part-card[data-v-0a35c52f] {
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* MODALS                                                                      */
/* ═══════════════════════════════════════════════════════════════════════════ */
.modal-overlay[data-v-0a35c52f] {
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.5);
  padding: 1rem;
}
.modal[data-v-0a35c52f] {
  max-height: 90vh;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.modal-sm[data-v-0a35c52f] {
  max-width: 24rem;
}
.modal-lg[data-v-0a35c52f] {
  max-width: 48rem;
}
.modal-header[data-v-0a35c52f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.modal-header-danger[data-v-0a35c52f] {
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.modal-body[data-v-0a35c52f] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.modal-footer[data-v-0a35c52f] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* TRANSITIONS                                                                 */
/* ═══════════════════════════════════════════════════════════════════════════ */
.fade-slide-enter-active[data-v-0a35c52f],
.fade-slide-leave-active[data-v-0a35c52f] {
  transition: all 0.3s ease;
}
.fade-slide-enter-from[data-v-0a35c52f] {
  opacity: 0;
  transform: translateY(10px);
}
.fade-slide-leave-to[data-v-0a35c52f] {
  opacity: 0;
  transform: translateY(-10px);
}
.scale-enter-active[data-v-0a35c52f],
.scale-leave-active[data-v-0a35c52f] {
  transition: all 0.3s ease;
}
.scale-enter-from[data-v-0a35c52f],
.scale-leave-to[data-v-0a35c52f] {
  opacity: 0;
  transform: scale(0.95);
}
.dropdown-enter-active[data-v-0a35c52f],
.dropdown-leave-active[data-v-0a35c52f] {
  transition: all 0.2s ease;
}
.dropdown-enter-from[data-v-0a35c52f],
.dropdown-leave-to[data-v-0a35c52f] {
  opacity: 0;
  transform: translateY(-10px);
}
.slide-down-enter-active[data-v-0a35c52f],
.slide-down-leave-active[data-v-0a35c52f] {
  transition: all 0.3s ease;
}
.slide-down-enter-from[data-v-0a35c52f],
.slide-down-leave-to[data-v-0a35c52f] {
  opacity: 0;
  max-height: 0;
}
.modal-enter-active[data-v-0a35c52f],
.modal-leave-active[data-v-0a35c52f] {
  transition: all 0.3s ease;
}
.modal-enter-from[data-v-0a35c52f],
.modal-leave-to[data-v-0a35c52f] {
  opacity: 0;
}
.modal-enter-from .modal[data-v-0a35c52f],
.modal-leave-to .modal[data-v-0a35c52f] {
  transform: scale(0.95) translateY(20px);
}

.am-page[data-v-a9780b55] { min-height: calc(100vh - 5rem); padding: 1rem; background: #f8fafc;
}
.am-hero[data-v-a9780b55] { display:flex; justify-content:space-between; gap:.8rem; border:1px solid #e2e8f0; border-radius:1rem; background:#fff; padding:1rem 1.2rem;
}
.am-kicker[data-v-a9780b55] { margin:0; font-size:.72rem; font-weight:800; text-transform:uppercase; color:#0f766e; letter-spacing:.11em;
}
.am-hero h1[data-v-a9780b55] { margin:.25rem 0 0; font-size:1.55rem; color:#0f172a;
}
.am-hero p[data-v-a9780b55] { margin:.35rem 0 0; color:#64748b;
}
.am-grid[data-v-a9780b55] { margin-top:.85rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem;
}
.am-card[data-v-a9780b55] { border:1px solid #e2e8f0; border-radius:.95rem; background:#fff; padding:.85rem;
}
.am-card h3[data-v-a9780b55] { margin:0 0 .6rem; font-size:.95rem; color:#0f172a;
}
.am-card p[data-v-a9780b55] { margin:.32rem 0; font-size:.82rem; color:#475569;
}
.am-form[data-v-a9780b55] { display:flex; flex-direction:column; gap:.5rem;
}
.am-form input[data-v-a9780b55] { border:1px solid #cbd5e1; border-radius:.7rem; padding:.55rem .65rem;
}
.am-form input[data-v-a9780b55]:focus { outline:none; border-color:#0ea5e9; box-shadow:0 0 0 3px rgba(14,165,233,.14);
}
.am-btn[data-v-a9780b55] { border:1px solid #cbd5e1; background:#fff; color:#0f172a; border-radius:.72rem; padding:.5rem .75rem; font-size:.8rem; font-weight:700; display:inline-flex; align-items:center; gap:.38rem;
}
.am-btn[data-v-a9780b55]:disabled { opacity:.6; cursor:not-allowed;
}
.am-btn--primary[data-v-a9780b55] { border-color:#0ea5e9; background:#0ea5e9; color:#fff;
}
.am-btn--danger[data-v-a9780b55] { border-color:#ef4444; background:#fee2e2; color:#b91c1c;
}
.am-btn--ghost[data-v-a9780b55]:hover { border-color:#0ea5e9; color:#0369a1;
}
.am-devices[data-v-a9780b55] { margin-top:.85rem;
}
.am-devices-head[data-v-a9780b55] { display:flex; justify-content:space-between; align-items:center; gap:.6rem; margin-bottom:.55rem;
}
.am-empty[data-v-a9780b55] { color:#64748b; font-size:.83rem; padding:.6rem 0;
}
.am-device-list[data-v-a9780b55] { display:flex; flex-direction:column; gap:.5rem;
}
.am-device-row[data-v-a9780b55] { border:1px solid #e2e8f0; border-radius:.75rem; padding:.55rem .6rem; display:flex; justify-content:space-between; gap:.7rem; align-items:center;
}
.am-device-title[data-v-a9780b55] { margin:0; font-size:.82rem; font-weight:700; color:#0f172a;
}
.am-device-meta[data-v-a9780b55] { margin:.2rem 0 0; font-size:.74rem; color:#64748b;
}
.am-device-fp[data-v-a9780b55] { margin:.2rem 0 0; font-size:.7rem; color:#94a3b8; max-width:460px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
@media (max-width: 900px) {
.am-grid[data-v-a9780b55] { grid-template-columns:1fr;
}
.am-hero[data-v-a9780b55] { flex-direction:column;
}
.am-device-row[data-v-a9780b55] { flex-direction:column; align-items:flex-start;
}
}