@charset "UTF-8";/* stylelint-disable scss/no-global-function-names */
.layout-wrapper.layout-nav-type-horizontal .nav-items {
  display: flex;
  flex-wrap: wrap;
}/* stylelint-disable scss/no-global-function-names */
.layout-horizontal-nav .nav-group .nav-group-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.layout-horizontal-nav .nav-group .popper-content {
  z-index: 1;
}
.layout-horizontal-nav .nav-group .popper-content > div {
  overflow-x: hidden;
  overflow-y: auto;
}
/* stylelint-disable scss/no-global-function-names */ /*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.layout-content-width-boxed.layout-wrapper.layout-nav-type-horizontal .navbar-content-container, .layout-content-width-boxed.layout-wrapper.layout-nav-type-horizontal .layout-footer .footer-content-container, .layout-content-width-boxed .layout-horizontal-nav .horizontal-nav-content-container {
  inline-size: 100%;
  margin-inline: auto;
  max-inline-size: 1440px;
}
.layout-wrapper.layout-nav-type-horizontal .navbar-content-container, .layout-wrapper.layout-nav-type-horizontal .layout-footer .footer-content-container, .layout-horizontal-nav .horizontal-nav-content-container {
  padding-inline: 1.5rem;
}
.layout-wrapper.layout-nav-type-horizontal {
  display: flex;
  flex-direction: column;
  min-block-size: calc(var(--vh, 1vh) * 100);
}
.layout-wrapper.layout-nav-type-horizontal .layout-navbar-and-nav-container {
  z-index: 1;
}
.layout-wrapper.layout-nav-type-horizontal .layout-navbar {
  z-index: 11;
  block-size: 64px;
}
.layout-wrapper.layout-nav-type-horizontal.layout-content-height-fixed {
  max-block-size: calc(var(--vh) * 100);
}
.layout-wrapper.layout-nav-type-horizontal.layout-content-height-fixed .layout-page-content {
  overflow: hidden;
}
.layout-wrapper.layout-nav-type-horizontal.layout-content-height-fixed .layout-page-content > :first-child {
  max-block-size: 100%;
  overflow-y: auto;
}
.layout-wrapper.layout-navbar-sticky.horizontal-nav-sticky .layout-navbar-and-nav-container {
  position: sticky;
  inset-block-start: 0;
  will-change: transform;
}
.layout-wrapper.layout-navbar-hidden.horizontal-nav-hidden .layout-navbar-and-nav-container {
  display: none;
}
.layout-horizontal-nav {
  z-index: 11;
}/* stylelint-disable scss/no-global-function-names */
.layout-horizontal-nav .nav-link a {
  display: flex;
  align-items: center;
}.v-application {
  display: flex;
  background: rgb(var(--v-theme-background));
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}

.v-application__wrap {
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  position: relative;
}.v-app-bar {
  display: flex;
}
.v-app-bar.v-toolbar {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
  box-shadow: 0 2px 7px 1px var(--v-shadow-key-umbra-opacity), 0 7px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}
.v-app-bar:not(.v-toolbar--absolute) {
  padding-inline-end: var(--v-scrollbar-offset);
}.v-toolbar {
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
  width: 100%;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  border-radius: 0;
  background: rgb(var(--v-theme-on-surface-variant));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-toolbar--border {
  border-width: thin;
  box-shadow: none;
}
.v-toolbar--absolute {
  position: absolute;
}
.v-toolbar--collapse {
  max-width: 112px;
  overflow: hidden;
  border-end-end-radius: 24px;
}
.v-toolbar--collapse .v-toolbar-title {
  display: none;
}
.v-toolbar--flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-toolbar--floating {
  display: inline-flex;
}
.v-toolbar--rounded {
  border-radius: 6px;
}

.v-toolbar__content,
.v-toolbar__extension {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  transition: inherit;
  width: 100%;
}

.v-toolbar__content > .v-btn:first-child {
  margin-inline-start: 10px;
}
.v-toolbar__content > .v-btn:last-child {
  margin-inline-end: 10px;
}
.v-toolbar__content > .v-toolbar-title {
  margin-inline-start: 16px;
}
.v-toolbar--density-prominent .v-toolbar__content {
  align-items: flex-start;
}

.v-toolbar__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: var(--v-toolbar-image-opacity, 1);
  transition-property: opacity;
}

.v-toolbar__prepend,
.v-toolbar__append {
  align-items: center;
  align-self: stretch;
  display: flex;
}

.v-toolbar__prepend {
  margin-inline: 10px auto;
}

.v-toolbar__append {
  margin-inline: auto 10px;
}

.v-toolbar-title {
  flex: 1 1;
  font-size: 1.25rem;
  min-width: 0;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75rem;
  text-transform: none;
}
.v-toolbar--density-prominent .v-toolbar-title {
  align-self: flex-end;
  padding-bottom: 6px;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.25rem;
  text-transform: none;
}

.v-toolbar-title__placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-toolbar-items {
  display: flex;
  height: inherit;
  align-self: stretch;
}
.v-toolbar-items > .v-btn {
  border-radius: 0;
}.v-img {
  --v-theme-overlay-multiplier: 3;
  z-index: 0;
}
.v-img--booting .v-responsive__sizer {
  transition: none;
}

.v-img__img,
.v-img__picture,
.v-img__gradient,
.v-img__placeholder,
.v-img__error {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-img__img--preload {
  filter: blur(4px);
}
.v-img__img--contain {
  object-fit: contain;
}
.v-img__img--cover {
  object-fit: cover;
}

.v-img__gradient {
  background-repeat: no-repeat;
}.v-responsive {
  display: flex;
  flex: 1 0 auto;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.v-responsive--inline {
  display: inline-flex;
  flex: 0 0 auto;
}

.v-responsive__content {
  flex: 1 0 0px;
  max-width: 100%;
}

.v-responsive__sizer ~ .v-responsive__content {
  margin-inline-start: -100%;
}

.v-responsive__sizer {
  flex: 1 0 0px;
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}.v-btn {
  align-items: center;
  border-radius: 6px;
  display: inline-grid;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content auto max-content;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.0892857143em;
  line-height: normal;
  max-width: 100%;
  outline: none;
  position: relative;
  text-decoration: none;
  text-indent: 0.0892857143em;
  text-transform: uppercase;
  transition-property: box-shadow, transform, opacity, background;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  vertical-align: middle;
  flex-shrink: 0;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-btn--size-x-small {
  --v-btn-size: 0.625rem;
  --v-btn-height: 22px;
  font-size: var(--v-btn-size);
  min-width: 40px;
  padding: 0 12px;
}

.v-btn--size-small {
  --v-btn-size: 0.75rem;
  --v-btn-height: 30px;
  font-size: var(--v-btn-size);
  min-width: 54px;
  padding: 0 16px;
}

.v-btn--size-default {
  --v-btn-size: 0.875rem;
  --v-btn-height: 38px;
  font-size: var(--v-btn-size);
  min-width: 68px;
  padding: 0 20px;
}

.v-btn--size-large {
  --v-btn-size: 1rem;
  --v-btn-height: 46px;
  font-size: var(--v-btn-size);
  min-width: 82px;
  padding: 0 24px;
}

.v-btn--size-x-large {
  --v-btn-size: 1.125rem;
  --v-btn-height: 54px;
  font-size: var(--v-btn-size);
  min-width: 96px;
  padding: 0 28px;
}

.v-btn.v-btn--density-default {
  height: calc(var(--v-btn-height) + 0px);
}

.v-btn.v-btn--density-comfortable {
  height: calc(var(--v-btn-height) + -8px);
}

.v-btn.v-btn--density-compact {
  height: calc(var(--v-btn-height) + -12px);
}

.v-btn--border {
  border-width: thin;
  box-shadow: none;
}
.v-btn--absolute {
  position: absolute;
}
.v-btn--fixed {
  position: fixed;
}
.v-btn:hover > .v-btn__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-btn:focus-visible > .v-btn__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-btn:focus > .v-btn__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-btn--variant-plain {
  opacity: 0.62;
}
.v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
  opacity: 1;
}
.v-btn--variant-plain .v-btn__overlay {
  display: none;
}
.v-btn--variant-elevated, .v-btn--variant-flat {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-btn--variant-elevated {
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}
.v-btn--variant-flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-btn--variant-outlined {
  border: thin solid currentColor;
}
.v-btn--variant-text .v-btn__overlay {
  background: currentColor;
}
.v-btn--variant-tonal .v-btn__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
@supports selector(:focus-visible) {
  .v-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .v-btn:focus-visible::after {
    opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
  }
}
.v-btn--icon {
  border-radius: 50%;
  min-width: 0;
  padding: 0;
}
.v-btn--icon.v-btn--size-default {
  --v-btn-size: 1rem;
}
.v-btn--icon.v-btn--density-default {
  width: calc(var(--v-btn-height) + 8px);
  height: calc(var(--v-btn-height) + 8px);
}
.v-btn--icon.v-btn--density-comfortable {
  width: calc(var(--v-btn-height) + 0px);
  height: calc(var(--v-btn-height) + 0px);
}
.v-btn--icon.v-btn--density-compact {
  width: calc(var(--v-btn-height) + -4px);
  height: calc(var(--v-btn-height) + -4px);
}

.v-btn--elevated:hover, .v-btn--elevated:focus {
  box-shadow: 0 2px 7px 1px var(--v-shadow-key-umbra-opacity), 0 7px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}
.v-btn--elevated:active {
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}
.v-btn--flat {
  box-shadow: none;
}
.v-btn--block {
  display: flex;
  flex: 1 0 auto;
  min-width: 100%;
}
.v-btn--disabled {
  pointer-events: none;
  opacity: 0.26;
}
.v-btn--disabled:hover {
  opacity: 0.26;
}
.v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
  box-shadow: none;
  opacity: 1;
  color: rgba(var(--v-theme-on-surface), 0.26);
  background: rgb(var(--v-theme-surface));
}
.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
  opacity: 0.4615384615;
}
.v-btn--loading {
  pointer-events: none;
}
.v-btn--loading .v-btn__content,
.v-btn--loading .v-btn__prepend,
.v-btn--loading .v-btn__append {
  opacity: 0;
}
.v-btn--stacked {
  grid-template-areas: "prepend" "content" "append";
  grid-template-columns: auto;
  grid-template-rows: max-content max-content max-content;
  justify-items: center;
  align-content: center;
}
.v-btn--stacked .v-btn__content {
  flex-direction: column;
  line-height: 1.25;
}
.v-btn--stacked .v-btn__prepend,
.v-btn--stacked .v-btn__append,
.v-btn--stacked .v-btn__content > .v-icon--start,
.v-btn--stacked .v-btn__content > .v-icon--end {
  margin-inline: 0;
}
.v-btn--stacked .v-btn__prepend,
.v-btn--stacked .v-btn__content > .v-icon--start {
  margin-bottom: 4px;
}
.v-btn--stacked .v-btn__append,
.v-btn--stacked .v-btn__content > .v-icon--end {
  margin-top: 4px;
}
.v-btn--stacked.v-btn--size-x-small {
  --v-btn-size: 0.625rem;
  --v-btn-height: 56px;
  font-size: var(--v-btn-size);
  min-width: 56px;
  padding: 0 12px;
}

.v-btn--stacked.v-btn--size-small {
  --v-btn-size: 0.75rem;
  --v-btn-height: 64px;
  font-size: var(--v-btn-size);
  min-width: 64px;
  padding: 0 14px;
}

.v-btn--stacked.v-btn--size-default {
  --v-btn-size: 0.875rem;
  --v-btn-height: 72px;
  font-size: var(--v-btn-size);
  min-width: 72px;
  padding: 0 16px;
}

.v-btn--stacked.v-btn--size-large {
  --v-btn-size: 1rem;
  --v-btn-height: 80px;
  font-size: var(--v-btn-size);
  min-width: 80px;
  padding: 0 18px;
}

.v-btn--stacked.v-btn--size-x-large {
  --v-btn-size: 1.125rem;
  --v-btn-height: 88px;
  font-size: var(--v-btn-size);
  min-width: 88px;
  padding: 0 20px;
}

.v-btn--stacked.v-btn--density-default {
  height: calc(var(--v-btn-height) + 0px);
}

.v-btn--stacked.v-btn--density-comfortable {
  height: calc(var(--v-btn-height) + -16px);
}

.v-btn--stacked.v-btn--density-compact {
  height: calc(var(--v-btn-height) + -24px);
}

.v-btn--slim {
  padding: 0 8px;
}
.v-btn--rounded {
  border-radius: 36px;
}
.v-btn--rounded.v-btn--icon {
  border-radius: 6px;
}
.v-btn .v-icon {
  --v-icon-size-multiplier: 0.8571428571;
}
.v-btn--icon .v-icon {
  --v-icon-size-multiplier: 1;
}
.v-btn--stacked .v-icon {
  --v-icon-size-multiplier: 1.1428571429;
}

.v-btn__loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.v-btn__content,
.v-btn__prepend,
.v-btn__append {
  align-items: center;
  display: flex;
  transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-btn__prepend {
  grid-area: prepend;
  margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
}

.v-btn__append {
  grid-area: append;
  margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
}

.v-btn__content {
  grid-area: content;
  justify-content: center;
  white-space: nowrap;
}
.v-btn__content > .v-icon--start {
  margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
}
.v-btn__content > .v-icon--end {
  margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
}
.v-btn--stacked .v-btn__content {
  white-space: normal;
}

.v-btn__overlay {
  background-color: currentColor;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.v-btn__overlay,
.v-btn__underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
  margin-inline-start: 0.5rem;
}

.v-pagination .v-btn {
  border-radius: 6px;
}
.v-btn__overlay {
  transition: none;
}
.v-pagination__item--is-active .v-btn__overlay {
  opacity: var(--v-border-opacity);
}.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}.v-btn-group {
  display: inline-flex;
  flex-wrap: nowrap;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  vertical-align: middle;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  border-radius: 6px;
  background: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-btn-group--border {
  border-width: thin;
  box-shadow: none;
}
.v-btn-group--density-default.v-btn-group {
  height: 48px;
}

.v-btn-group--density-comfortable.v-btn-group {
  height: 40px;
}

.v-btn-group--density-compact.v-btn-group {
  height: 36px;
}

.v-btn-group .v-btn {
  border-radius: 0;
  border-color: inherit;
}
.v-btn-group .v-btn:not(:last-child) {
  border-inline-end: none;
}
.v-btn-group .v-btn:not(:first-child) {
  border-inline-start: none;
}
.v-btn-group .v-btn:first-child {
  border-start-start-radius: inherit;
  border-end-start-radius: inherit;
}
.v-btn-group .v-btn:last-child {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
.v-btn-group--divided .v-btn:not(:last-child) {
  border-inline-end-width: thin;
  border-inline-end-style: solid;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-btn-group--tile {
  border-radius: 0;
}.v-icon {
  --v-icon-size-multiplier: 1;
  align-items: center;
  display: inline-flex;
  font-feature-settings: "liga";
  height: 1em;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  position: relative;
  text-indent: 0;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  width: 1em;
  min-width: 1em;
}
.v-icon--clickable {
  cursor: pointer;
}
.v-icon--size-x-small {
  font-size: calc(var(--v-icon-size-multiplier) * 1em);
}
.v-icon--size-small {
  font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
}
.v-icon--size-default {
  font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}
.v-icon--size-large {
  font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
}
.v-icon--size-x-large {
  font-size: calc(var(--v-icon-size-multiplier) * 2em);
}

.v-icon__svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.v-icon--start {
  margin-inline-end: 8px;
}

.v-icon--end {
  margin-inline-start: 8px;
}.v-progress-circular {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative;
  vertical-align: middle;
}
.v-progress-circular > svg {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.v-progress-circular__content {
  align-items: center;
  display: flex;
  justify-content: center;
}

.v-progress-circular__underlay {
  color: rgba(var(--v-border-color), var(--v-border-opacity));
  stroke: currentColor;
  z-index: 1;
}

.v-progress-circular__overlay {
  stroke: currentColor;
  transition: all 0.2s ease-in-out, stroke-width 0s;
  z-index: 2;
}

.v-progress-circular--size-x-small {
  height: 16px;
  width: 16px;
}
.v-progress-circular--size-small {
  height: 24px;
  width: 24px;
}
.v-progress-circular--size-default {
  height: 32px;
  width: 32px;
}
.v-progress-circular--size-large {
  height: 48px;
  width: 48px;
}
.v-progress-circular--size-x-large {
  height: 64px;
  width: 64px;
}

.v-progress-circular--indeterminate > svg {
  animation: progress-circular-rotate 1.4s linear infinite;
  transform-origin: center center;
  transition: all 0.2s ease-in-out;
}
.v-progress-circular--indeterminate .v-progress-circular__overlay {
  animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
  stroke-dasharray: 25, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  transform-origin: center center;
  transform: rotate(-90deg);
}

.v-progress-circular--disable-shrink > svg {
  animation-duration: 0.7s;
}
.v-progress-circular--disable-shrink .v-progress-circular__overlay {
  animation: none;
}

.v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
  animation-play-state: paused !important;
}

@keyframes progress-circular-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes progress-circular-rotate {
  100% {
    transform: rotate(270deg);
  }
}.v-progress-linear {
  background: transparent;
  overflow: hidden;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.v-progress-linear--rounded {
  border-radius: 9999px;
}

.v-progress-linear__background {
  background: currentColor;
  bottom: 0;
  left: 0;
  opacity: var(--v-border-opacity);
  position: absolute;
  top: 0;
  transition-property: width, left, right;
  transition: inherit;
}

.v-progress-linear__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.v-progress-linear__determinate,
.v-progress-linear__indeterminate {
  background: currentColor;
}

.v-progress-linear__determinate {
  height: inherit;
  left: 0;
  position: absolute;
  transition: inherit;
  transition-property: width, left, right;
}

.v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
  animation-play-state: paused;
  animation-duration: 2.2s;
  animation-iteration-count: infinite;
  bottom: 0;
  height: inherit;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: auto;
  will-change: left, right;
}
.v-progress-linear__indeterminate .long {
  animation-name: indeterminate-ltr;
}
.v-progress-linear__indeterminate .short {
  animation-name: indeterminate-short-ltr;
}

.v-progress-linear__stream {
  animation: stream 0.25s infinite linear;
  animation-play-state: paused;
  bottom: 0;
  left: auto;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  transition: inherit;
  transition-property: width, left, right;
}

.v-progress-linear--reverse .v-progress-linear__background,
.v-progress-linear--reverse .v-progress-linear__determinate,
.v-progress-linear--reverse .v-progress-linear__content {
  left: auto;
  right: 0;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
  left: auto;
  right: 0;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .long {
  animation-name: indeterminate-rtl;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
  animation-name: indeterminate-short-rtl;
}
.v-progress-linear--reverse .v-progress-linear__stream {
  right: auto;
}

.v-progress-linear--absolute,
.v-progress-linear--fixed {
  left: 0;
  z-index: 1;
}

.v-progress-linear--absolute {
  position: absolute;
}

.v-progress-linear--fixed {
  position: fixed;
}

.v-progress-linear--rounded {
  border-radius: 9999px;
}
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
  border-radius: inherit;
}

.v-progress-linear--striped .v-progress-linear__determinate {
  animation: progress-linear-stripes 1s infinite linear;
  background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
  background-repeat: repeat;
  background-size: var(--v-progress-linear-height);
}

.v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
  animation-play-state: running;
}
.v-progress-linear--active .v-progress-linear__stream {
  animation-play-state: running;
}

.v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
.v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
  border-radius: 9999px;
}
.v-progress-linear--rounded-bar .v-progress-linear__determinate {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

@keyframes indeterminate-ltr {
  0% {
    left: -90%;
    right: 100%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}
@keyframes indeterminate-rtl {
  0% {
    left: 100%;
    right: -90%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: -35%;
    right: 100%;
  }
}
@keyframes indeterminate-short-ltr {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short-rtl {
  0% {
    left: 100%;
    right: -200%;
  }
  60% {
    left: -8%;
    right: 107%;
  }
  100% {
    left: -8%;
    right: 107%;
  }
}
@keyframes stream {
  to {
    transform: translateX(var(--v-progress-linear-stream-to));
  }
}
@keyframes progress-linear-stripes {
  0% {
    background-position-x: var(--v-progress-linear-height);
  }
}.v-ripple__container {
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}
.v-ripple__animation {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}
.v-ripple__animation--enter {
  transition: none;
  opacity: 0;
}
.v-ripple__animation--in {
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
  opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
}
.v-ripple__animation--out {
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
  opacity: 0;
}.v-alert {
  display: grid;
  flex: 1 1;
  grid-template-areas: "prepend content append close" ". content . .";
  grid-template-columns: max-content auto max-content max-content;
  position: relative;
  padding: 16px;
  overflow: hidden;
  --v-border-color: currentColor;
  border-radius: 6px;
}
.v-alert--absolute {
  position: absolute;
}
.v-alert--fixed {
  position: fixed;
}
.v-alert--sticky {
  position: sticky;
}
.v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-alert--variant-plain {
  opacity: 0.62;
}
.v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
  opacity: 1;
}
.v-alert--variant-plain .v-alert__overlay {
  display: none;
}
.v-alert--variant-elevated, .v-alert--variant-flat {
  background: rgb(var(--v-theme-on-surface-variant));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-alert--variant-elevated {
  box-shadow: 0 2px 4px 1px var(--v-shadow-key-umbra-opacity), 0 4px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 3px 2px var(--v-shadow-key-ambient-opacity);
}
.v-alert--variant-flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-alert--variant-outlined {
  border: thin solid currentColor;
}
.v-alert--variant-text .v-alert__overlay {
  background: currentColor;
}
.v-alert--variant-tonal .v-alert__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-alert--prominent {
  grid-template-areas: "prepend content append close" "prepend content . .";
}
.v-alert.v-alert--border {
  --v-border-opacity: 0.38;
}
.v-alert.v-alert--border.v-alert--border-start {
  padding-inline-start: 24px;
}
.v-alert.v-alert--border.v-alert--border-end {
  padding-inline-end: 24px;
}
.v-alert--variant-plain {
  transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
}
.v-alert--density-default {
  padding-bottom: 16px;
  padding-top: 16px;
}
.v-alert--density-default.v-alert--border-top {
  padding-top: 24px;
}
.v-alert--density-default.v-alert--border-bottom {
  padding-bottom: 24px;
}

.v-alert--density-comfortable {
  padding-bottom: 13px;
  padding-top: 13px;
}
.v-alert--density-comfortable.v-alert--border-top {
  padding-top: 21px;
}
.v-alert--density-comfortable.v-alert--border-bottom {
  padding-bottom: 21px;
}

.v-alert--density-compact {
  padding-bottom: 8px;
  padding-top: 8px;
}
.v-alert--density-compact.v-alert--border-top {
  padding-top: 16px;
}
.v-alert--density-compact.v-alert--border-bottom {
  padding-bottom: 16px;
}

.v-alert__border {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: var(--v-border-opacity);
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  width: 100%;
  border-color: currentColor;
  border-style: solid;
  border-width: 0;
}
.v-alert__border--border {
  border-width: 8px;
  box-shadow: none;
}
.v-alert--border-start .v-alert__border {
  border-inline-start-width: 8px;
}
.v-alert--border-end .v-alert__border {
  border-inline-end-width: 8px;
}
.v-alert--border-top .v-alert__border {
  border-top-width: 8px;
}
.v-alert--border-bottom .v-alert__border {
  border-bottom-width: 8px;
}

.v-alert__close {
  flex: 0 1 auto;
  grid-area: close;
}

.v-alert__content {
  align-self: center;
  grid-area: content;
  overflow: hidden;
}

.v-alert__append,
.v-alert__close {
  align-self: flex-start;
  margin-inline-start: 16px;
}

.v-alert__append {
  align-self: flex-start;
  grid-area: append;
}
.v-alert__append + .v-alert__close {
  margin-inline-start: 16px;
}

.v-alert__prepend {
  align-self: flex-start;
  display: flex;
  align-items: center;
  grid-area: prepend;
  margin-inline-end: 0.75rem;
}
.v-alert--prominent .v-alert__prepend {
  align-self: center;
}

.v-alert__underlay {
  grid-area: none;
  position: absolute;
}
.v-alert--border-start .v-alert__underlay {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.v-alert--border-end .v-alert__underlay {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.v-alert--border-top .v-alert__underlay {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.v-alert--border-bottom .v-alert__underlay {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.v-alert-title {
  align-items: center;
  align-self: center;
  display: flex;
  font-size: 1.125rem;
  font-weight: 600;
  hyphens: auto;
  letter-spacing: 0.0125em;
  line-height: 1.5rem;
  overflow-wrap: normal;
  text-transform: none;
  word-break: normal;
  word-wrap: break-word;
}.v-autocomplete .v-field .v-text-field__prefix,
.v-autocomplete .v-field .v-text-field__suffix,
.v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
  cursor: text;
}
.v-autocomplete .v-field .v-field__input > input {
  flex: 1 1;
}
.v-autocomplete .v-field input {
  min-width: 64px;
}
.v-autocomplete .v-field:not(.v-field--focused) input {
  min-width: 0;
}
.v-autocomplete .v-field--dirty .v-autocomplete__selection {
  margin-inline-end: 2px;
}
.v-autocomplete .v-autocomplete__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-autocomplete__content {
  overflow: hidden;
  box-shadow: 0 2px 7px 1px var(--v-shadow-key-umbra-opacity), 0 7px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
  border-radius: 4px;
}
.v-autocomplete__mask {
  background: rgb(var(--v-theme-on-surface-variant));
}
.v-autocomplete__selection {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: calc(100% - 2px);
}
.v-autocomplete__selection:first-child {
  margin-inline-start: 0;
}
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
.v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 0px;
}
.v-autocomplete--selecting-index .v-autocomplete__selection {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
  opacity: 1;
}
.v-autocomplete--selecting-index .v-field__input > input {
  caret-color: transparent;
}
.v-autocomplete--single.v-text-field input {
  flex: 1 1;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding-inline: inherit;
}
.v-autocomplete--single .v-field--active input {
  transition: none;
}
.v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
  opacity: 0;
}
.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
  opacity: 0;
}
.v-autocomplete__menu-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-autocomplete--active-menu .v-autocomplete__menu-icon {
  opacity: var(--v-high-emphasis-opacity);
  transform: rotate(180deg);
}.v-checkbox .v-selection-control {
  min-height: var(--v-input-control-height);
}.v-selection-control {
  align-items: center;
  contain: layout;
  display: flex;
  flex: 1 0;
  grid-area: control;
  position: relative;
  user-select: none;
}
.v-selection-control .v-label {
  white-space: normal;
  word-break: break-word;
  height: 100%;
}
.v-selection-control--disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
  opacity: 1;
}
.v-selection-control--error:not(.v-selection-control--disabled) .v-label {
  color: rgb(var(--v-theme-error));
}
.v-selection-control--inline {
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}
.v-selection-control--inline .v-label {
  width: auto;
}
.v-selection-control--density-default {
  --v-selection-control-size: 40px;
}

.v-selection-control--density-comfortable {
  --v-selection-control-size: 36px;
}

.v-selection-control--density-compact {
  --v-selection-control-size: 28px;
}

.v-selection-control__wrapper {
  width: var(--v-selection-control-size);
  height: var(--v-selection-control-size);
  display: inline-flex;
  align-items: center;
  position: relative;
  justify-content: center;
  flex: none;
}

.v-selection-control__input {
  width: var(--v-selection-control-size);
  height: var(--v-selection-control-size);
  align-items: center;
  display: flex;
  flex: none;
  justify-content: center;
  position: relative;
  border-radius: 50%;
}
.v-selection-control__input input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.v-selection-control__input::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: currentColor;
  opacity: 0;
  pointer-events: none;
}
.v-selection-control__input:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-selection-control__input > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
  opacity: 1;
}
.v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
  color: rgb(var(--v-theme-error));
}
.v-selection-control--focus-visible .v-selection-control__input::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}.v-label {
  align-items: center;
  color: inherit;
  display: inline-flex;
  font-size: 1rem;
  letter-spacing: 0.009375em;
  min-width: 0;
  opacity: var(--v-medium-emphasis-opacity);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-label--clickable {
  cursor: pointer;
}.v-selection-control-group {
  grid-area: control;
  display: flex;
  flex-direction: column;
}
.v-selection-control-group--inline {
  flex-direction: row;
  flex-wrap: wrap;
}.v-input {
  display: grid;
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.v-input--disabled {
  pointer-events: none;
}
.v-input--density-default {
  --v-input-control-height: 56px;
  --v-input-padding-top: 16px;
}

.v-input--density-comfortable {
  --v-input-control-height: 48px;
  --v-input-padding-top: 12px;
}

.v-input--density-compact {
  --v-input-control-height: 40px;
  --v-input-padding-top: 8px;
}

.v-input--vertical {
  grid-template-areas: "append" "control" "prepend";
  grid-template-rows: max-content auto max-content;
  grid-template-columns: min-content;
}
.v-input--vertical .v-input__prepend {
  margin-block-start: 16px;
}
.v-input--vertical .v-input__append {
  margin-block-end: 16px;
}

.v-input--horizontal {
  grid-template-areas: "prepend control append" "a messages b";
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  grid-template-rows: auto auto;
}
.v-input--horizontal .v-input__prepend {
  margin-inline-end: 16px;
}
.v-input--horizontal .v-input__append {
  margin-inline-start: 16px;
}

.v-input__details {
  align-items: flex-end;
  display: flex;
  font-size: 0.75rem;
  font-weight: 400;
  grid-area: messages;
  letter-spacing: 0.0333333333em;
  line-height: normal;
  min-height: 22px;
  padding-top: 6px;
  overflow: hidden;
  justify-content: space-between;
}

.v-input__details > .v-icon,
.v-input__prepend > .v-icon,
.v-input__append > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-input--disabled .v-input__details > .v-icon,
.v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
.v-input--error .v-input__details .v-messages,
.v-input--disabled .v-input__prepend > .v-icon,
.v-input--disabled .v-input__prepend .v-messages,
.v-input--error .v-input__prepend > .v-icon,
.v-input--error .v-input__prepend .v-messages,
.v-input--disabled .v-input__append > .v-icon,
.v-input--disabled .v-input__append .v-messages,
.v-input--error .v-input__append > .v-icon,
.v-input--error .v-input__append .v-messages {
  opacity: 1;
}
.v-input--disabled .v-input__details,
.v-input--disabled .v-input__prepend,
.v-input--disabled .v-input__append {
  opacity: var(--v-disabled-opacity);
}
.v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
  color: rgb(var(--v-theme-error));
}

.v-input__prepend,
.v-input__append {
  display: flex;
  align-items: flex-start;
  padding-top: var(--v-input-padding-top);
}
.v-input--center-affix .v-input__prepend,
.v-input--center-affix .v-input__append {
  align-items: center;
  padding-top: 0;
}

.v-input__prepend {
  grid-area: prepend;
}

.v-input__append {
  grid-area: append;
}

.v-input__control {
  display: flex;
  grid-area: control;
}

.v-input--hide-spin-buttons input::-webkit-outer-spin-button,
.v-input--hide-spin-buttons input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-input--hide-spin-buttons input[type=number] {
  -moz-appearance: textfield;
}
.v-input--plain-underlined .v-input__details {
  padding: 0;
}
.v-input--plain-underlined .v-input__prepend,
.v-input--plain-underlined .v-input__append {
  align-items: flex-start;
}
.v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
  padding-top: calc(var(--v-input-padding-top) + 4px);
}

.v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
  padding-top: calc(var(--v-input-padding-top) + 2px);
}

.v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
  padding-top: calc(var(--v-input-padding-top) + 0px);
}.v-messages {
  flex: 1 1 auto;
  font-size: 12px;
  min-height: 14px;
  min-width: 1px;
  opacity: var(--v-medium-emphasis-opacity);
  position: relative;
}
.v-messages__message {
  line-height: 12px;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  transition-duration: 150ms;
}.v-chip {
  align-items: center;
  cursor: default;
  display: inline-flex;
  font-weight: 400;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  border-radius: 9999px;
}
.v-chip.v-chip--size-x-small {
  --v-chip-size: 0.6875rem;
  --v-chip-height: 20px;
  font-size: 0.6875rem;
  padding: 0 8px;
}
.v-chip.v-chip--size-x-small .v-avatar {
  --v-avatar-height: 14px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
  --v-avatar-height: 20px;
}

.v-chip.v-chip--size-x-small .v-avatar--start {
  margin-inline-start: -5.6px;
  margin-inline-end: 4px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
  margin-inline-start: -8px;
}

.v-chip.v-chip--size-x-small .v-avatar--end {
  margin-inline-start: 4px;
  margin-inline-end: -5.6px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
  margin-inline-end: -8px;
}

.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
  margin-inline-start: 12px;
}

.v-chip.v-chip--size-x-small .v-icon--start,
.v-chip.v-chip--size-x-small .v-chip__filter {
  margin-inline-start: -4px;
  margin-inline-end: 4px;
}
.v-chip.v-chip--size-x-small .v-icon--end,
.v-chip.v-chip--size-x-small .v-chip__close {
  margin-inline-start: 4px;
  margin-inline-end: -4px;
}
.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
  margin-inline-start: 8px;
}

.v-chip.v-chip--size-small {
  --v-chip-size: 0.8125rem;
  --v-chip-height: 26px;
  font-size: 0.8125rem;
  padding: 0 10px;
}
.v-chip.v-chip--size-small .v-avatar {
  --v-avatar-height: 20px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar {
  --v-avatar-height: 26px;
}

.v-chip.v-chip--size-small .v-avatar--start {
  margin-inline-start: -7px;
  margin-inline-end: 5px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
  margin-inline-start: -10px;
}

.v-chip.v-chip--size-small .v-avatar--end {
  margin-inline-start: 5px;
  margin-inline-end: -7px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
  margin-inline-end: -10px;
}

.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
  margin-inline-start: 15px;
}

.v-chip.v-chip--size-small .v-icon--start,
.v-chip.v-chip--size-small .v-chip__filter {
  margin-inline-start: -5px;
  margin-inline-end: 5px;
}
.v-chip.v-chip--size-small .v-icon--end,
.v-chip.v-chip--size-small .v-chip__close {
  margin-inline-start: 5px;
  margin-inline-end: -5px;
}
.v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
  margin-inline-start: 10px;
}

.v-chip.v-chip--size-default {
  --v-chip-size: 0.9375rem;
  --v-chip-height: 32px;
  font-size: 0.9375rem;
  padding: 0 12px;
}
.v-chip.v-chip--size-default .v-avatar {
  --v-avatar-height: 26px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar {
  --v-avatar-height: 32px;
}

.v-chip.v-chip--size-default .v-avatar--start {
  margin-inline-start: -8.4px;
  margin-inline-end: 6px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
  margin-inline-start: -12px;
}

.v-chip.v-chip--size-default .v-avatar--end {
  margin-inline-start: 6px;
  margin-inline-end: -8.4px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
  margin-inline-end: -12px;
}

.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
  margin-inline-start: 18px;
}

.v-chip.v-chip--size-default .v-icon--start,
.v-chip.v-chip--size-default .v-chip__filter {
  margin-inline-start: -6px;
  margin-inline-end: 6px;
}
.v-chip.v-chip--size-default .v-icon--end,
.v-chip.v-chip--size-default .v-chip__close {
  margin-inline-start: 6px;
  margin-inline-end: -6px;
}
.v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
  margin-inline-start: 12px;
}

.v-chip.v-chip--size-large {
  --v-chip-size: 1.0625rem;
  --v-chip-height: 38px;
  font-size: 1.0625rem;
  padding: 0 14px;
}
.v-chip.v-chip--size-large .v-avatar {
  --v-avatar-height: 32px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar {
  --v-avatar-height: 38px;
}

.v-chip.v-chip--size-large .v-avatar--start {
  margin-inline-start: -9.8px;
  margin-inline-end: 7px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
  margin-inline-start: -14px;
}

.v-chip.v-chip--size-large .v-avatar--end {
  margin-inline-start: 7px;
  margin-inline-end: -9.8px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
  margin-inline-end: -14px;
}

.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
  margin-inline-start: 21px;
}

.v-chip.v-chip--size-large .v-icon--start,
.v-chip.v-chip--size-large .v-chip__filter {
  margin-inline-start: -7px;
  margin-inline-end: 7px;
}
.v-chip.v-chip--size-large .v-icon--end,
.v-chip.v-chip--size-large .v-chip__close {
  margin-inline-start: 7px;
  margin-inline-end: -7px;
}
.v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
  margin-inline-start: 14px;
}

.v-chip.v-chip--size-x-large {
  --v-chip-size: 1.1875rem;
  --v-chip-height: 44px;
  font-size: 1.1875rem;
  padding: 0 17px;
}
.v-chip.v-chip--size-x-large .v-avatar {
  --v-avatar-height: 38px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
  --v-avatar-height: 44px;
}

.v-chip.v-chip--size-x-large .v-avatar--start {
  margin-inline-start: -11.9px;
  margin-inline-end: 8.5px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
  margin-inline-start: -17px;
}

.v-chip.v-chip--size-x-large .v-avatar--end {
  margin-inline-start: 8.5px;
  margin-inline-end: -11.9px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
  margin-inline-end: -17px;
}

.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
  margin-inline-start: 25.5px;
}

.v-chip.v-chip--size-x-large .v-icon--start,
.v-chip.v-chip--size-x-large .v-chip__filter {
  margin-inline-start: -8.5px;
  margin-inline-end: 8.5px;
}
.v-chip.v-chip--size-x-large .v-icon--end,
.v-chip.v-chip--size-x-large .v-chip__close {
  margin-inline-start: 8.5px;
  margin-inline-end: -8.5px;
}
.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
  margin-inline-start: 17px;
}

.v-chip.v-chip--density-default {
  height: calc(var(--v-chip-height) + 0px);
}

.v-chip.v-chip--density-comfortable {
  height: calc(var(--v-chip-height) + -8px);
}

.v-chip.v-chip--density-compact {
  height: calc(var(--v-chip-height) + -12px);
}

.v-chip:hover > .v-chip__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-chip:focus-visible > .v-chip__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-chip:focus > .v-chip__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-chip--variant-plain {
  opacity: 0.26;
}
.v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
  opacity: 1;
}
.v-chip--variant-plain .v-chip__overlay {
  display: none;
}
.v-chip--variant-elevated, .v-chip--variant-flat {
  background: rgb(var(--v-theme-surface-variant));
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-chip--variant-elevated {
  box-shadow: 0 2px 4px 1px var(--v-shadow-key-umbra-opacity), 0 4px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 3px 2px var(--v-shadow-key-ambient-opacity);
}
.v-chip--variant-flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-chip--variant-outlined {
  border: thin solid currentColor;
}
.v-chip--variant-text .v-chip__overlay {
  background: currentColor;
}
.v-chip--variant-tonal .v-chip__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-chip--border {
  border-width: thin;
}
.v-chip--link {
  cursor: pointer;
}
.v-chip--filter {
  user-select: none;
}
.v-chip--label {
  border-radius: 0.25rem;
}

.v-chip__content {
  align-items: center;
  display: inline-flex;
}
.v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
  overflow: hidden;
}

.v-chip__filter,
.v-chip__prepend,
.v-chip__append,
.v-chip__close {
  align-items: center;
  display: inline-flex;
}

.v-chip__close {
  cursor: pointer;
  flex: 0 1 auto;
  font-size: 18px;
  max-height: 18px;
  max-width: 18px;
  user-select: none;
}
.v-chip__close .v-icon {
  font-size: inherit;
}

.v-chip__filter {
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-chip__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.v-chip--disabled {
  opacity: 0.3;
  pointer-events: none;
  user-select: none;
}

.v-chip--label {
  border-radius: 0.25rem;
}.v-avatar {
  flex: none;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: normal;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: width, height;
  vertical-align: middle;
  border-radius: 50%;
}
.v-avatar.v-avatar--size-x-small {
  --v-avatar-height: 24px;
}
.v-avatar.v-avatar--size-small {
  --v-avatar-height: 32px;
}
.v-avatar.v-avatar--size-default {
  --v-avatar-height: 40px;
}
.v-avatar.v-avatar--size-large {
  --v-avatar-height: 48px;
}
.v-avatar.v-avatar--size-x-large {
  --v-avatar-height: 56px;
}
.v-avatar.v-avatar--density-default {
  height: calc(var(--v-avatar-height) + 0px);
  width: calc(var(--v-avatar-height) + 0px);
}
.v-avatar.v-avatar--density-comfortable {
  height: calc(var(--v-avatar-height) + -4px);
  width: calc(var(--v-avatar-height) + -4px);
}
.v-avatar.v-avatar--density-compact {
  height: calc(var(--v-avatar-height) + -8px);
  width: calc(var(--v-avatar-height) + -8px);
}
.v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-avatar--variant-plain {
  opacity: 0.62;
}
.v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
  opacity: 1;
}
.v-avatar--variant-plain .v-avatar__overlay {
  display: none;
}
.v-avatar--variant-elevated, .v-avatar--variant-flat {
  background: var(--v-theme-surface);
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
.v-avatar--variant-elevated {
  box-shadow: 0 2px 4px 1px var(--v-shadow-key-umbra-opacity), 0 4px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 3px 2px var(--v-shadow-key-ambient-opacity);
}
.v-avatar--variant-flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-avatar--variant-outlined {
  border: thin solid currentColor;
}
.v-avatar--variant-text .v-avatar__overlay {
  background: currentColor;
}
.v-avatar--variant-tonal .v-avatar__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-avatar--rounded {
  border-radius: 6px;
}
.v-avatar .v-img {
  height: 100%;
  width: 100%;
}.v-chip-group {
  display: flex;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  padding: 4px 0;
  flex-wrap: wrap;
}
.v-chip-group .v-chip {
  margin: 4px 8px 4px 0;
}
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
  opacity: var(--v-activated-opacity);
}

.v-chip-group--column {
  flex-wrap: wrap;
  white-space: normal;
}.v-list {
  overflow: auto;
  padding: 8px 0;
  position: relative;
  outline: none;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  border-radius: 6px;
  background: rgba(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-list--border {
  border-width: thin;
  box-shadow: none;
}
.v-list--disabled {
  pointer-events: none;
  user-select: none;
}
.v-list--nav {
  padding-inline: 8px;
}
.v-list--rounded {
  border-radius: 6px;
}
.v-list--subheader {
  padding-top: 0;
}

.v-list-img {
  border-radius: inherit;
  display: flex;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.v-list-subheader {
  align-items: center;
  background: inherit;
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  padding-inline-end: 16px;
  min-height: 40px;
  transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
}
.v-list-subheader__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-list--density-default .v-list-subheader {
  min-height: 40px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--density-comfortable .v-list-subheader {
  min-height: 36px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--density-compact .v-list-subheader {
  min-height: 32px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list-subheader--inset {
  --indent-padding: 56px;
}
.v-list--nav .v-list-subheader {
  font-size: 0.75rem;
}
.v-list-subheader--sticky {
  background: inherit;
  left: 0;
  position: sticky;
  top: 0;
  z-index: 1;
}

.v-list__overlay {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease-in-out;
}.v-list-item {
  align-items: center;
  display: grid;
  flex: none;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content 1fr auto;
  outline: none;
  max-width: 100%;
  padding: 4px 16px;
  position: relative;
  text-decoration: none;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  border-radius: 0;
}
.v-list-item--border {
  border-width: thin;
  box-shadow: none;
}
.v-list-item:hover > .v-list-item__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-list-item:focus-visible > .v-list-item__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-list-item:focus > .v-list-item__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-list-item--variant-plain {
  opacity: 0.62;
}
.v-list-item--variant-plain:focus, .v-list-item--variant-plain:hover {
  opacity: 1;
}
.v-list-item--variant-plain .v-list-item__overlay {
  display: none;
}
.v-list-item--variant-elevated, .v-list-item--variant-flat {
  background: rgba(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-list-item--variant-elevated {
  box-shadow: 0 2px 4px 1px var(--v-shadow-key-umbra-opacity), 0 4px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 3px 2px var(--v-shadow-key-ambient-opacity);
}
.v-list-item--variant-flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-list-item--variant-outlined {
  border: thin solid currentColor;
}
.v-list-item--variant-text .v-list-item__overlay {
  background: currentColor;
}
.v-list-item--variant-tonal .v-list-item__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
@supports selector(:focus-visible) {
  .v-list-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .v-list-item:focus-visible::after {
    opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
  }
}
.v-list-item__prepend > .v-badge .v-icon,
.v-list-item__prepend > .v-icon, .v-list-item__append > .v-badge .v-icon,
.v-list-item__append > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-list-item--active .v-list-item__prepend > .v-badge .v-icon,
.v-list-item--active .v-list-item__prepend > .v-icon,
.v-list-item--active .v-list-item__append > .v-badge .v-icon,
.v-list-item--active .v-list-item__append > .v-icon {
  opacity: 1;
}
.v-list-item--rounded {
  border-radius: 6px;
}
.v-list-item--disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.6;
}
.v-list-item--link {
  cursor: pointer;
}
.v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item .v-avatar, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item .v-avatar {
  --v-avatar-height: 24px;
}

.v-list-item__prepend {
  align-items: center;
  align-self: center;
  display: flex;
  grid-area: prepend;
}
.v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
.v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
.v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
  width: 32px;
}
.v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
  width: 16px;
}
.v-list-item--slim .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
  width: 8px;
}
.v-list-item--slim .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
  width: 4px;
}
.v-list-item--three-line .v-list-item__prepend {
  align-self: start;
}

.v-list-item__append {
  align-self: center;
  display: flex;
  align-items: center;
  grid-area: append;
}
.v-list-item__append .v-list-item__spacer {
  order: -1;
  transition: 150ms width cubic-bezier(0.4, 0, 0.2, 1);
}
.v-list-item__append > .v-badge ~ .v-list-item__spacer,
.v-list-item__append > .v-icon ~ .v-list-item__spacer,
.v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
  width: 32px;
}
.v-list-item__append > .v-avatar ~ .v-list-item__spacer {
  width: 16px;
}
.v-list-item--slim .v-list-item__append > .v-badge ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__append > .v-icon ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
  width: 8px;
}
.v-list-item--slim .v-list-item__append > .v-avatar ~ .v-list-item__spacer {
  width: 4px;
}
.v-list-item--three-line .v-list-item__append {
  align-self: start;
}

.v-list-item__content {
  align-self: center;
  grid-area: content;
  overflow: hidden;
}

.v-list-item-action {
  align-self: center;
  display: flex;
  align-items: center;
  grid-area: prepend;
  flex: none;
  transition: inherit;
  transition-property: height, width;
}
.v-list-item-action--start {
  margin-inline-end: 12px;
}
.v-list-item-action--end {
  margin-inline-start: 12px;
}

.v-list-item-media {
  margin-top: 0;
  margin-bottom: 0;
}
.v-list-item-media--start {
  margin-inline-end: 16px;
}
.v-list-item-media--end {
  margin-inline-start: 16px;
}
.v-list-item--two-line .v-list-item-media {
  margin-top: -4px;
  margin-bottom: -4px;
}
.v-list-item--three-line .v-list-item-media {
  margin-top: 0;
  margin-bottom: 0;
}

.v-list-item-subtitle {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  opacity: var(--v-medium-emphasis-opacity);
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1rem;
  text-transform: none;
}
.v-list-item--one-line .v-list-item-subtitle {
  -webkit-line-clamp: 1;
}
.v-list-item--two-line .v-list-item-subtitle {
  -webkit-line-clamp: 2;
}
.v-list-item--three-line .v-list-item-subtitle {
  -webkit-line-clamp: 3;
}
.v-list-item--nav .v-list-item-subtitle {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1rem;
}

.v-list-item-title {
  hyphens: auto;
  overflow-wrap: normal;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: break-word;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  line-height: 1.5rem;
  text-transform: none;
}
.v-list-item--nav .v-list-item-title {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1rem;
}

.v-list-item--density-default {
  min-height: 40px;
}
.v-list-item--density-default.v-list-item--one-line {
  min-height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-list-item--density-default.v-list-item--two-line {
  min-height: 64px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.v-list-item--density-default.v-list-item--three-line {
  min-height: 88px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-default.v-list-item--three-line .v-list-item__append {
  padding-top: 8px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline: 16px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline: 16px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline: 16px;
}

.v-list-item--density-comfortable {
  min-height: 36px;
}
.v-list-item--density-comfortable.v-list-item--one-line {
  min-height: 44px;
}
.v-list-item--density-comfortable.v-list-item--two-line {
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-list-item--density-comfortable.v-list-item--three-line {
  min-height: 84px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append {
  padding-top: 6px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline: 16px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline: 16px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline: 16px;
}

.v-list-item--density-compact {
  min-height: 32px;
}
.v-list-item--density-compact.v-list-item--one-line {
  min-height: 40px;
}
.v-list-item--density-compact.v-list-item--two-line {
  min-height: 56px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-list-item--density-compact.v-list-item--three-line {
  min-height: 80px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-compact.v-list-item--three-line .v-list-item__append {
  padding-top: 4px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline: 16px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline: 16px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline: 16px;
}

.v-list-item--nav {
  padding-inline: 8px;
}
.v-list .v-list-item--nav:not(:only-child) {
  margin-bottom: 4px;
}

.v-list-item__underlay {
  position: absolute;
}

.v-list-item__overlay {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease-in-out;
}
.v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
  --v-theme-overlay-multiplier: 0;
}

.v-list {
  --indent-padding: 0px;
}
.v-list--nav {
  --indent-padding: -8px;
}

.v-list-group {
  --list-indent-size: 16px;
  --parent-padding: var(--indent-padding);
  --prepend-width: 40px;
}
.v-list-group--fluid {
  --list-indent-size: 0px;
}
.v-list-group--prepend {
  --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
}
.v-list-group--fluid.v-list-group--prepend {
  --parent-padding: var(--indent-padding);
}

.v-list-group__items {
  --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
}

.v-list-group__items .v-list-item {
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
  opacity: 0;
}
.v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}.v-divider {
  display: block;
  flex: 1 1 100%;
  height: 0px;
  max-height: 0px;
  opacity: var(--v-border-opacity);
  transition: inherit;
  border-style: solid;
  border-width: thin 0 0 0;
}
.v-divider--vertical {
  align-self: stretch;
  border-width: 0 thin 0 0;
  display: inline-flex;
  height: inherit;
  margin-left: -1px;
  max-height: 100%;
  max-width: 0px;
  vertical-align: text-bottom;
  width: 0px;
}
.v-divider--inset:not(.v-divider--vertical) {
  max-width: calc(100% - 72px);
  margin-inline-start: 72px;
}
.v-divider--inset.v-divider--vertical {
  margin-bottom: 8px;
  margin-top: 8px;
  max-height: calc(100% - 16px);
}.v-menu > .v-overlay__content {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.v-menu > .v-overlay__content > .v-card,
.v-menu > .v-overlay__content > .v-sheet,
.v-menu > .v-overlay__content > .v-list {
  background: rgb(var(--v-theme-surface));
  border-radius: inherit;
  overflow: auto;
  height: 100%;
  box-shadow: 0 5px 11px 3px var(--v-shadow-key-umbra-opacity), 0 11px 8px 1px var(--v-shadow-key-penumbra-opacity), 0 3px 8px 4px var(--v-shadow-key-ambient-opacity);
}.v-overlay-container {
  contain: layout;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  display: contents;
}

.v-overlay-scroll-blocked {
  padding-inline-end: var(--v-scrollbar-offset);
}
.v-overlay-scroll-blocked:not(html) {
  overflow-y: hidden !important;
}
html.v-overlay-scroll-blocked {
  position: fixed;
  top: var(--v-body-scroll-y);
  left: var(--v-body-scroll-x);
  width: 100%;
  height: 100%;
}

.v-overlay {
  border-radius: inherit;
  display: flex;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.v-overlay__content {
  outline: none;
  position: absolute;
  pointer-events: auto;
  contain: layout;
}

.v-overlay__scrim {
  pointer-events: auto;
  background: rgb(var(--v-theme-on-surface));
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0.32;
  position: fixed;
  right: 0;
  top: 0;
}

.v-overlay--absolute {
  position: absolute;
}

.v-overlay--contained .v-overlay__scrim {
  position: absolute;
}

.v-overlay--scroll-blocked {
  padding-inline-end: var(--v-scrollbar-offset);
}.v-select .v-field .v-text-field__prefix,
.v-select .v-field .v-text-field__suffix,
.v-select .v-field .v-field__input, .v-select .v-field.v-field {
  cursor: pointer;
}
.v-select .v-field .v-field__input > input {
  align-self: flex-start;
  opacity: 1;
  flex: 0 0;
  position: absolute;
  width: 100%;
  transition: none;
  pointer-events: none;
  caret-color: transparent;
}
.v-select .v-field--dirty .v-select__selection {
  margin-inline-end: 2px;
}
.v-select .v-select__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-select__content {
  overflow: hidden;
  box-shadow: 0 2px 7px 1px var(--v-shadow-key-umbra-opacity), 0 7px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
  border-radius: 4px;
}
.v-select__selection {
  display: inline-flex;
  align-items: center;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: 100%;
}
.v-select .v-select__selection:first-child {
  margin-inline-start: 0;
}
.v-select--selected .v-field .v-field__input > input {
  opacity: 0;
}
.v-select__menu-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-select--active-menu .v-select__menu-icon {
  opacity: var(--v-high-emphasis-opacity);
  transform: rotate(180deg);
}/* region BLOCK */
.v-text-field input {
  color: inherit;
  opacity: 0;
  flex: 1;
  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
}
.v-text-field input:focus, .v-text-field input:active {
  outline: none;
}
.v-text-field input:invalid {
  box-shadow: none;
}
.v-text-field .v-field {
  cursor: text;
}
.v-text-field--prefixed.v-text-field .v-field__input {
  --v-field-padding-start: 6px;
}

.v-text-field--suffixed.v-text-field .v-field__input {
  --v-field-padding-end: 0;
}

.v-text-field .v-input__details {
  padding-inline: 16px;
}
.v-text-field .v-field--no-label input,
.v-text-field .v-field--active input {
  opacity: 1;
}
.v-text-field .v-field--single-line input {
  transition: none;
}

/* endregion */
/* region ELEMENTS */
.v-text-field__prefix, .v-text-field__suffix {
  align-items: center;
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  cursor: default;
  display: flex;
  opacity: 0;
  transition: inherit;
  white-space: nowrap;
  min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
  padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
  padding-bottom: var(--v-field-padding-bottom, 6px);
}
.v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
  opacity: 1;
}
.v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
}
.v-text-field__prefix {
  padding-inline-start: var(--v-field-padding-start);
}
.v-text-field__suffix {
  padding-inline-end: var(--v-field-padding-end);
}

/* endregion */.v-counter {
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  flex: 0 1 auto;
  font-size: 12px;
  transition-duration: 150ms;
}/* region INPUT */
.v-field {
  display: grid;
  grid-template-areas: "prepend-inner field clear append-inner";
  grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
  font-size: 16px;
  letter-spacing: 0.009375em;
  max-width: 100%;
  border-radius: 6px;
  contain: layout;
  flex: 1 0;
  grid-area: control;
  position: relative;
  --v-field-padding-start: 16px;
  --v-field-padding-end: 16px;
  --v-field-padding-top: 8px;
  --v-field-padding-bottom: 4px;
  --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
  --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}
.v-field--disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.v-field .v-chip {
  --v-chip-height: 24px;
}

/* endregion */
/* region MODIFIERS */
.v-field--prepended {
  padding-inline-start: 12px;
}
.v-field--appended {
  padding-inline-end: 12px;
}
.v-field--variant-solo, .v-field--variant-solo-filled {
  background: rgb(var(--v-theme-surface));
  border-color: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}
.v-field--variant-solo-inverted {
  background: rgb(var(--v-theme-surface));
  border-color: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}
.v-field--variant-solo-inverted.v-field--focused {
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-field--variant-filled {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
  --v-input-control-height: 56px;
  --v-field-padding-bottom: 4px;
}

.v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
  --v-input-control-height: 48px;
  --v-field-padding-bottom: 0px;
}

.v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
  --v-input-control-height: 40px;
  --v-field-padding-bottom: 0px;
}

.v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
  --v-field-padding-top: 0px;
}
.v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
  --v-field-padding-bottom: 16px;
}

.v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
  --v-field-padding-bottom: 12px;
}

.v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
  --v-field-padding-bottom: 8px;
}

.v-field--variant-plain, .v-field--variant-underlined {
  border-radius: 0;
  padding: 0;
}
.v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
  --v-field-padding-start: 0px;
  --v-field-padding-end: 0px;
}
.v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
  --v-input-control-height: 48px;
  --v-field-padding-top: 4px;
  --v-field-padding-bottom: 4px;
}

.v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
  --v-input-control-height: 40px;
  --v-field-padding-top: 2px;
  --v-field-padding-bottom: 0px;
}

.v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
  --v-input-control-height: 32px;
  --v-field-padding-top: 0px;
  --v-field-padding-bottom: 0px;
}

.v-field--flat {
  box-shadow: none;
}
.v-field--rounded {
  border-radius: 9999px;
}
.v-field.v-field--prepended {
  --v-field-padding-start: 6px;
}
.v-field.v-field--appended {
  --v-field-padding-end: 6px;
}

/* endregion */
/* region ELEMENTS */
.v-field__input {
  align-items: center;
  color: inherit;
  column-gap: 2px;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.009375em;
  opacity: var(--v-high-emphasis-opacity);
  min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
  min-width: 0;
  padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
  padding-top: var(--v-field-input-padding-top);
  padding-bottom: var(--v-field-input-padding-bottom);
  position: relative;
  width: 100%;
}
.v-input--density-default .v-field__input {
  row-gap: 8px;
}

.v-input--density-comfortable .v-field__input {
  row-gap: 6px;
}

.v-input--density-compact .v-field__input {
  row-gap: 4px;
}

.v-field__input input {
  letter-spacing: inherit;
}
.v-field__input input::placeholder,
input.v-field__input::placeholder,
textarea.v-field__input::placeholder {
  color: currentColor;
  opacity: var(--v-disabled-opacity);
}

.v-field__input:focus, .v-field__input:active {
  outline: none;
}
.v-field__input:invalid {
  box-shadow: none;
}

.v-field__field {
  flex: 1 0;
  grid-area: field;
  position: relative;
  align-items: flex-start;
  display: flex;
}

/* endregion */
/* region AFFIXES */
.v-field__prepend-inner {
  grid-area: prepend-inner;
  padding-inline-end: var(--v-field-padding-after);
}

.v-field__clearable {
  grid-area: clear;
}

.v-field__append-inner {
  grid-area: append-inner;
  padding-inline-start: var(--v-field-padding-after);
}

.v-field__append-inner,
.v-field__clearable,
.v-field__prepend-inner {
  display: flex;
  align-items: flex-start;
  padding-top: var(--v-input-padding-top, 8px);
}
.v-field--center-affix .v-field__append-inner,
.v-field--center-affix .v-field__clearable,
.v-field--center-affix .v-field__prepend-inner {
  align-items: center;
  padding-top: 0;
}

.v-field.v-field--variant-underlined .v-field__append-inner,
.v-field.v-field--variant-underlined .v-field__clearable,
.v-field.v-field--variant-underlined .v-field__prepend-inner,
.v-field.v-field--variant-plain .v-field__append-inner,
.v-field.v-field--variant-plain .v-field__clearable,
.v-field.v-field--variant-plain .v-field__prepend-inner {
  align-items: flex-start;
  padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
  padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--focused .v-field__prepend-inner,
.v-field--focused .v-field__append-inner {
  opacity: 1;
}

.v-field__prepend-inner > .v-icon,
.v-field__append-inner > .v-icon,
.v-field__clearable > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
.v-field--disabled .v-field__append-inner > .v-icon,
.v-field--error .v-field__append-inner > .v-icon,
.v-field--disabled .v-field__clearable > .v-icon,
.v-field--error .v-field__clearable > .v-icon {
  opacity: 1;
}
.v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
.v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
.v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
  color: rgb(var(--v-theme-error));
}

.v-field__clearable {
  cursor: pointer;
  opacity: 0;
  overflow: hidden;
  margin-inline: 4px;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, transform, width;
}
.v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
  opacity: 1;
}
@media (hover: hover) {
  .v-field:hover .v-field__clearable {
    opacity: 1;
  }
}

/* endregion */
/* region LABEL */
.v-label.v-field-label {
  contain: layout paint;
  margin-inline-start: var(--v-field-padding-start);
  margin-inline-end: var(--v-field-padding-end);
  max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
  pointer-events: none;
  position: absolute;
  top: var(--v-input-padding-top);
  transform-origin: left center;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, transform;
  z-index: 1;
}
.v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
  top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
}
.v-field--center-affix .v-label.v-field-label {
  top: 50%;
  transform: translateY(-50%);
}
.v-field--active .v-label.v-field-label {
  visibility: hidden;
}
.v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
  opacity: 1;
}
.v-field--error:not(.v-field--disabled) .v-label.v-field-label {
  color: rgb(var(--v-theme-error));
}
.v-label.v-field-label--floating {
  --v-field-label-scale: 0.75em;
  font-size: var(--v-field-label-scale);
  visibility: hidden;
  max-width: 100%;
}
.v-field--center-affix .v-label.v-field-label--floating {
  transform: none;
}
.v-field.v-field--active .v-label.v-field-label--floating {
  visibility: unset;
}
.v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 7px;
}

.v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 5px;
}

.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 3px;
}

.v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
  transform: translateY(-16px);
  margin: 0;
  top: var(--v-input-padding-top);
}
.v-field--variant-outlined .v-label.v-field-label--floating {
  transform: translateY(-50%);
  transform-origin: center;
  position: static;
  margin: 0 4px;
}

/* endregion */
/* region OUTLINE */
.v-field__outline {
  --v-field-border-width: 1px;
  --v-field-border-opacity: 0.38;
  align-items: stretch;
  contain: layout;
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%;
}
@media (hover: hover) {
  .v-field:hover .v-field__outline {
    --v-field-border-opacity: var(--v-high-emphasis-opacity);
  }
}
.v-field--error:not(.v-field--disabled) .v-field__outline {
  color: rgb(var(--v-theme-error));
}
.v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
  --v-field-border-opacity: 1;
}
.v-field--variant-outlined.v-field--focused .v-field__outline {
  --v-field-border-width: 2px;
}
.v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
  border-color: currentColor;
  border-style: solid;
  border-width: 0 0 var(--v-field-border-width);
  opacity: var(--v-field-border-opacity);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
  border-color: currentColor;
  border-style: solid;
  border-width: 0 0 2px;
  transform: scaleX(0);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
  transform: scaleX(1);
}

.v-field--variant-outlined .v-field__outline {
  border-radius: inherit;
}
.v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
  border: 0 solid currentColor;
  opacity: var(--v-field-border-opacity);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-outlined .v-field__outline__start {
  flex: 0 0 12px;
  border-top-width: var(--v-field-border-width);
  border-bottom-width: var(--v-field-border-width);
  border-inline-start-width: var(--v-field-border-width);
  border-start-start-radius: inherit;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: inherit;
}
.v-field--rounded.v-field--variant-outlined .v-field__outline__start,
[class^=rounded-].v-field--variant-outlined .v-field__outline__start,
[class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
  flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
}

.v-field--variant-outlined .v-field__outline__notch {
  flex: none;
  position: relative;
}
.v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
  opacity: var(--v-field-border-opacity);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--variant-outlined .v-field__outline__notch::before {
  border-width: var(--v-field-border-width) 0 0;
}
.v-field--variant-outlined .v-field__outline__notch::after {
  bottom: 0;
  border-width: 0 0 var(--v-field-border-width);
}
.v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
  opacity: 0;
}

.v-field--variant-outlined .v-field__outline__end {
  flex: 1;
  border-top-width: var(--v-field-border-width);
  border-bottom-width: var(--v-field-border-width);
  border-inline-end-width: var(--v-field-border-width);
  border-start-start-radius: 0;
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
  border-end-start-radius: 0;
}

/* endregion */
/* region LOADER */
.v-field__loader {
  top: calc(100% - 2px);
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: hidden;
}
.v-field--variant-outlined .v-field__loader {
  top: calc(100% - 3px);
}

/* endregion */
/* region OVERLAY */
.v-field__overlay {
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-field--variant-filled .v-field__overlay {
  background-color: currentColor;
  opacity: 0.04;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-filled.v-field--has-background .v-field__overlay {
  opacity: 0;
}
@media (hover: hover) {
  .v-field--variant-filled:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-filled.v-field--focused .v-field__overlay {
  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}

.v-field--variant-solo-filled .v-field__overlay {
  background-color: currentColor;
  opacity: 0.04;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
  .v-field--variant-solo-filled:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-solo-filled.v-field--focused .v-field__overlay {
  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}

.v-field--variant-solo-inverted .v-field__overlay {
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
  opacity: 0;
}
@media (hover: hover) {
  .v-field--variant-solo-inverted:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
  background-color: rgb(var(--v-theme-surface-variant));
  opacity: 1;
}

/* endregion */
/* region MODIFIERS */
.v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
  flex-direction: row-reverse;
}
.v-field--reverse .v-field__input, .v-field--reverse input {
  text-align: end;
}

.v-input--disabled .v-field--variant-filled .v-field__outline::before,
.v-input--disabled .v-field--variant-underlined .v-field__outline::before {
  border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
}

.v-field--loading .v-field__outline::after,
.v-field--loading .v-field__outline::before {
  opacity: 0;
}

/* endregion */.v-virtual-scroll {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  overflow: auto;
  position: relative;
}
.v-virtual-scroll__container {
  display: block;
}.v-badge {
  display: inline-block;
  line-height: 1;
}

.v-badge__badge {
  align-items: center;
  display: inline-flex;
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 500;
  height: 1.25rem;
  justify-content: center;
  min-width: 20px;
  padding: 4px 6px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  text-indent: 0;
  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  background: rgb(var(--v-theme-surface-variant));
  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
}
.v-badge--bordered .v-badge__badge::after {
  border-radius: inherit;
  border-style: solid;
  border-width: 2px;
  bottom: 0;
  color: rgb(var(--v-theme-background));
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(1.05);
}
.v-badge--dot .v-badge__badge {
  border-radius: 4.5px;
  height: 9px;
  min-width: 0;
  padding: 0;
  width: 9px;
}
.v-badge--dot .v-badge__badge::after {
  border-width: 1.5px;
}
.v-badge--inline .v-badge__badge {
  position: relative;
  vertical-align: middle;
}
.v-badge__badge .v-icon {
  color: inherit;
  font-size: 0.75rem;
  margin: 0 -2px;
}
.v-badge__badge img,
.v-badge__badge .v-img {
  height: 100%;
  width: 100%;
}

.v-badge__wrapper {
  display: flex;
  position: relative;
}
.v-badge--inline .v-badge__wrapper {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin: 0 4px;
}.v-banner {
  display: grid;
  flex: 1 1;
  font-size: 0.875rem;
  grid-template-areas: "prepend content actions";
  grid-template-columns: max-content auto max-content;
  grid-template-rows: max-content max-content;
  line-height: 1.375rem;
  overflow: hidden;
  padding-inline: 16px 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  width: 100%;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0 0 thin 0;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  border-radius: 0;
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-banner--border {
  border-width: thin;
  box-shadow: none;
}
.v-banner--absolute {
  position: absolute;
}
.v-banner--fixed {
  position: fixed;
}
.v-banner--sticky {
  position: sticky;
}
.v-banner--rounded {
  border-radius: 6px;
}
.v-banner--stacked:not(.v-banner--one-line) {
  grid-template-areas: "prepend content" ". actions";
}
.v-banner--stacked .v-banner-text {
  padding-inline-end: 36px;
}
.v-banner--density-default .v-banner-actions {
  margin-bottom: -8px;
}
.v-banner--density-default.v-banner--one-line {
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-banner--density-default.v-banner--one-line .v-banner-actions {
  margin-bottom: 0;
}
.v-banner--density-default.v-banner--one-line {
  padding-top: 10px;
}
.v-banner--density-default.v-banner--two-line {
  padding-top: 16px;
  padding-bottom: 16px;
}
.v-banner--density-default.v-banner--three-line {
  padding-top: 24px;
  padding-bottom: 16px;
}
.v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
  margin-top: 20px;
}

.v-banner--density-comfortable .v-banner-actions {
  margin-bottom: -4px;
}
.v-banner--density-comfortable.v-banner--one-line {
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
  margin-bottom: 0;
}
.v-banner--density-comfortable.v-banner--two-line {
  padding-top: 12px;
  padding-bottom: 12px;
}
.v-banner--density-comfortable.v-banner--three-line {
  padding-top: 20px;
  padding-bottom: 12px;
}
.v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
  margin-top: 16px;
}

.v-banner--density-compact .v-banner-actions {
  margin-bottom: 0px;
}
.v-banner--density-compact.v-banner--one-line {
  padding-top: 0px;
  padding-bottom: 0px;
}
.v-banner--density-compact.v-banner--one-line .v-banner-actions {
  margin-bottom: 0;
}
.v-banner--density-compact.v-banner--two-line {
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-banner--density-compact.v-banner--three-line {
  padding-top: 16px;
  padding-bottom: 8px;
}
.v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
  margin-top: 12px;
}

.v-banner--sticky {
  top: 0;
}

.v-banner__content {
  align-items: center;
  display: flex;
  grid-area: content;
}

.v-banner__prepend {
  align-self: flex-start;
  grid-area: prepend;
  margin-inline-end: 24px;
}

.v-banner-actions {
  align-self: flex-end;
  display: flex;
  flex: 0 1;
  grid-area: actions;
  justify-content: flex-end;
}
.v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
  margin-top: 20px;
}

.v-banner-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  padding-inline-end: 90px;
  overflow: hidden;
}
.v-banner--one-line .v-banner-text {
  -webkit-line-clamp: 1;
}
.v-banner--two-line .v-banner-text {
  -webkit-line-clamp: 2;
}
.v-banner--three-line .v-banner-text {
  -webkit-line-clamp: 3;
}
.v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
  align-self: flex-start;
}.v-bottom-navigation {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  border-radius: 0;
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-bottom-navigation--border {
  border-width: thin;
  box-shadow: none;
}
.v-bottom-navigation--active {
  box-shadow: 0 2px 7px 1px var(--v-shadow-key-umbra-opacity), 0 7px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}

.v-bottom-navigation__content {
  display: flex;
  flex: none;
  font-size: 0.75rem;
  justify-content: center;
  transition: inherit;
  width: 100%;
}
.v-bottom-navigation .v-bottom-navigation__content > .v-btn {
  font-size: inherit;
  height: 100%;
  max-width: 168px;
  min-width: 80px;
  text-transform: none;
  transition: inherit;
  width: auto;
  border-radius: 0;
}
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
  transition: inherit;
}
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
  font-size: 1.5rem;
}
.v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
  flex-grow: 1;
}
.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
  transition: inherit;
  opacity: 0;
}
.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
  transform: translateY(0.5rem);
}.bottom-sheet-transition-enter-from {
  transform: translateY(100%);
}
.bottom-sheet-transition-leave-to {
  transform: translateY(100%);
}

.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
  align-self: flex-end;
  border-radius: 0;
  flex: 0 1 auto;
  left: 0;
  right: 0;
  margin-inline: 0;
  margin-bottom: 0;
  transition-duration: 0.2s;
  width: 100%;
  max-width: 100%;
  overflow: visible;
  box-shadow: 0 7px 15px 4px var(--v-shadow-key-umbra-opacity), 0 15px 12px 2px var(--v-shadow-key-penumbra-opacity), 0 5px 12px 5px var(--v-shadow-key-ambient-opacity);
}
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
  border-radius: 0;
}
.v-bottom-sheet.v-bottom-sheet--inset {
  max-width: none;
}
@media (min-width: 600px) {
  .v-bottom-sheet.v-bottom-sheet--inset {
    max-width: 70%;
  }
}.v-dialog {
  align-items: center;
  justify-content: center;
  margin: auto;
}
.v-dialog > .v-overlay__content {
  max-height: calc(100% - 48px);
  width: calc(100% - 48px);
  max-width: calc(100% - 48px);
  margin: 24px;
  display: flex;
  flex-direction: column;
}
.v-dialog > .v-overlay__content > .v-card,
.v-dialog > .v-overlay__content > .v-sheet,
.v-dialog > .v-overlay__content > form > .v-card,
.v-dialog > .v-overlay__content > form > .v-sheet {
  --v-scrollbar-offset: 0px;
  border-radius: 6px;
  overflow-y: auto;
  box-shadow: 0 11px 27px 7px var(--v-shadow-key-umbra-opacity), 0 27px 24px 3px var(--v-shadow-key-penumbra-opacity), 0 9px 24px 7px var(--v-shadow-key-ambient-opacity);
}
.v-dialog > .v-overlay__content > .v-card,
.v-dialog > .v-overlay__content > form > .v-card {
  display: flex;
  flex-direction: column;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-item,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
  padding: 20px 24px 0;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
  padding-top: 20px;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-text,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
  font-size: inherit;
  letter-spacing: 0.03125em;
  line-height: inherit;
  padding: 20px 24px 20px;
}

.v-dialog--fullscreen {
  --v-scrollbar-offset: 0px;
}
.v-dialog--fullscreen > .v-overlay__content {
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 0;
  left: 0;
}
.v-dialog--fullscreen > .v-overlay__content > .v-card,
.v-dialog--fullscreen > .v-overlay__content > .v-sheet,
.v-dialog--fullscreen > .v-overlay__content > form > .v-card,
.v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
  min-height: 100%;
  min-width: 100%;
  border-radius: 0;
}

.v-dialog--scrollable > .v-overlay__content,
.v-dialog--scrollable > .v-overlay__content > form {
  display: flex;
  overflow: hidden;
}
.v-dialog--scrollable > .v-overlay__content > .v-card,
.v-dialog--scrollable > .v-overlay__content > form > .v-card {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
}
.v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
.v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
  backface-visibility: hidden;
  overflow-y: auto;
}.v-breadcrumbs {
  display: flex;
  align-items: center;
  line-height: 1.375rem;
  padding: 16px 12px;
}
.v-breadcrumbs--rounded {
  border-radius: 6px;
}
.v-breadcrumbs--density-default {
  padding-top: 16px;
  padding-bottom: 16px;
}

.v-breadcrumbs--density-comfortable {
  padding-top: 12px;
  padding-bottom: 12px;
}

.v-breadcrumbs--density-compact {
  padding-top: 8px;
  padding-bottom: 8px;
}

.v-breadcrumbs__prepend {
  align-items: center;
  display: inline-flex;
}

.v-breadcrumbs-item {
  align-items: center;
  color: inherit;
  display: inline-flex;
  padding: 0 4px;
  text-decoration: none;
  vertical-align: middle;
}
.v-breadcrumbs-item--disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.v-breadcrumbs-item--link {
  color: inherit;
  text-decoration: none;
}
.v-breadcrumbs-item--link:hover {
  text-decoration: underline;
}
.v-breadcrumbs-item .v-icon {
  font-size: 1rem;
  margin-inline: -4px 2px;
}

.v-breadcrumbs-divider {
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle;
}.v-card {
  display: block;
  overflow: hidden;
  overflow-wrap: break-word;
  position: relative;
  padding: 0;
  text-decoration: none;
  transition-duration: 0.28s;
  transition-property: box-shadow, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  border-radius: 6px;
}
.v-card--border {
  border-width: thin;
  box-shadow: none;
}
.v-card--absolute {
  position: absolute;
}
.v-card--fixed {
  position: fixed;
}
.v-card:hover > .v-card__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-card:focus-visible > .v-card__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-card:focus > .v-card__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-card--variant-plain {
  opacity: 0.62;
}
.v-card--variant-plain:focus, .v-card--variant-plain:hover {
  opacity: 1;
}
.v-card--variant-plain .v-card__overlay {
  display: none;
}
.v-card--variant-elevated, .v-card--variant-flat {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
.v-card--variant-elevated {
  box-shadow: 0 3px 9px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity);
}
.v-card--variant-flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-card--variant-outlined {
  border: thin solid currentColor;
}
.v-card--variant-text .v-card__overlay {
  background: currentColor;
}
.v-card--variant-tonal .v-card__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-card--disabled {
  pointer-events: none;
  user-select: none;
}
.v-card--disabled > :not(.v-card__loader) {
  opacity: 0.6;
}
.v-card--flat {
  box-shadow: none;
}
.v-card--hover {
  cursor: pointer;
}
.v-card--hover::before, .v-card--hover::after {
  border-radius: inherit;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: inherit;
}
.v-card--hover::before {
  opacity: 1;
  z-index: -1;
  box-shadow: 0 3px 9px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity);
}
.v-card--hover::after {
  z-index: 1;
  opacity: 0;
  box-shadow: 0 5px 11px 3px var(--v-shadow-key-umbra-opacity), 0 11px 8px 1px var(--v-shadow-key-penumbra-opacity), 0 3px 8px 4px var(--v-shadow-key-ambient-opacity);
}
.v-card--hover:hover::after {
  opacity: 1;
}
.v-card--hover:hover::before {
  opacity: 0;
}
.v-card--hover:hover {
  box-shadow: 0 5px 11px 3px var(--v-shadow-key-umbra-opacity), 0 11px 8px 1px var(--v-shadow-key-penumbra-opacity), 0 3px 8px 4px var(--v-shadow-key-ambient-opacity);
}
.v-card--link {
  cursor: pointer;
}

.v-card-actions {
  align-items: center;
  display: flex;
  flex: none;
  min-height: unset;
  padding: 0 12px 12px;
}

.v-card-item {
  align-items: center;
  display: grid;
  flex: none;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content auto max-content;
  padding: 24px;
}
.v-card-item + .v-card-text {
  padding-top: 0;
}
.v-card-item__prepend {
  grid-area: prepend;
  padding-inline-end: 1rem;
}
.v-card-item__append {
  grid-area: append;
  padding-inline-start: 1rem;
}

.v-card-item__content {
  align-self: center;
  grid-area: content;
  overflow: hidden;
}

.v-card-title {
  display: block;
  flex: none;
  font-size: 1.25rem;
  font-weight: 500;
  hyphens: auto;
  letter-spacing: 0.0125em;
  min-width: 0;
  overflow-wrap: normal;
  overflow: hidden;
  padding: 0.5rem 1rem;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  word-break: normal;
  word-wrap: break-word;
}
.v-card .v-card-title {
  line-height: 1.65rem;
}
.v-card--density-comfortable .v-card-title {
  line-height: 1.75rem;
}
.v-card--density-compact .v-card-title {
  line-height: 1.55rem;
}
.v-card-item .v-card-title {
  padding: 0;
}
.v-card-title + .v-card-text,
.v-card-title + .v-card-actions {
  padding-top: 0;
}

.v-card-subtitle {
  display: block;
  flex: none;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  opacity: 1;
  overflow: hidden;
  padding: 0 1rem;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}
.v-card .v-card-subtitle {
  line-height: 1.5;
}
.v-card--density-comfortable .v-card-subtitle {
  line-height: 1.125rem;
}
.v-card--density-compact .v-card-subtitle {
  line-height: 1rem;
}
.v-card-item .v-card-subtitle {
  padding: 0 0 0.25rem;
}

.v-card-text {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  padding: 24px;
  text-transform: none;
}
.v-card .v-card-text {
  line-height: 1.5;
}
.v-card--density-comfortable .v-card-text {
  line-height: 1.2rem;
}
.v-card--density-compact .v-card-text {
  line-height: 1.15rem;
}

.v-card__image {
  display: flex;
  height: 100%;
  flex: 1 1 auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.v-card__content {
  border-radius: inherit;
  overflow: hidden;
  position: relative;
}

.v-card__loader {
  bottom: auto;
  top: 0;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1;
}

.v-card__overlay {
  background-color: currentColor;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}.v-carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.v-carousel__controls {
  align-items: center;
  background: rgba(var(--v-theme-surface-variant), 0.3);
  bottom: 0;
  display: flex;
  height: 50px;
  justify-content: center;
  list-style-type: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.v-carousel__controls > .v-item-group {
  flex: 0 1 auto;
}
.v-carousel__controls__item {
  margin: 0 8px;
}
.v-carousel__controls__item .v-icon {
  opacity: 0.5;
}
.v-carousel__controls__item--active .v-icon {
  opacity: 1;
  vertical-align: middle;
}
.v-carousel__controls__item:hover {
  background: none;
}
.v-carousel__controls__item:hover .v-icon {
  opacity: 0.8;
}

.v-carousel__progress {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.v-carousel-item {
  display: block;
  height: inherit;
  text-decoration: none;
}
.v-carousel-item > .v-img {
  height: inherit;
}

.v-carousel--hide-delimiter-background .v-carousel__controls {
  background: transparent;
}

.v-carousel--vertical-delimiters .v-carousel__controls {
  flex-direction: column;
  height: 100% !important;
  width: 50px;
}.v-window {
  overflow: hidden;
}
.v-window__container {
  display: flex;
  flex-direction: column;
  height: inherit;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-window__controls {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  pointer-events: none;
}
.v-window__controls * {
  pointer-events: auto;
}
.v-window--show-arrows-on-hover {
  overflow: hidden;
}
.v-window--show-arrows-on-hover .v-window__left {
  transform: translateX(-200%);
}
.v-window--show-arrows-on-hover .v-window__right {
  transform: translateX(200%);
}
.v-window--show-arrows-on-hover:hover .v-window__left,
.v-window--show-arrows-on-hover:hover .v-window__right {
  transform: translateX(0);
}
.v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
  position: absolute !important;
  top: 0;
  width: 100%;
}
.v-window-x-transition-enter-from {
  transform: translateX(100%);
}
.v-window-x-transition-leave-to {
  transform: translateX(-100%);
}
.v-window-x-reverse-transition-enter-from {
  transform: translateX(-100%);
}
.v-window-x-reverse-transition-leave-to {
  transform: translateX(100%);
}
.v-window-y-transition-enter-from {
  transform: translateY(100%);
}
.v-window-y-transition-leave-to {
  transform: translateY(-100%);
}
.v-window-y-reverse-transition-enter-from {
  transform: translateY(-100%);
}
.v-window-y-reverse-transition-leave-to {
  transform: translateY(100%);
}.v-code {
  background-color: rgb(var(--v-theme-code));
  color: rgb(var(--v-theme-on-code));
  border-radius: 4px;
  line-height: 1.8;
  font-size: 0.9em;
  font-weight: normal;
  padding: 0.2em 0.4em;
}.v-color-picker {
  align-self: flex-start;
  contain: content;
}
.v-color-picker.v-sheet {
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
  border-radius: 4px;
}

.v-color-picker__controls {
  display: flex;
  flex-direction: column;
  padding: 16px;
}

.v-color-picker--flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}.v-color-picker-canvas {
  display: flex;
  position: relative;
  overflow: hidden;
  contain: content;
  touch-action: none;
}
.v-color-picker-canvas__dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background: transparent;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
}
.v-color-picker-canvas__dot--disabled {
  box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
}
.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
  will-change: transform;
}.v-color-picker-edit {
  display: flex;
  margin-top: 24px;
}

.v-color-picker-edit__input {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.v-color-picker-edit__input:not(:last-child) {
  margin-inline-end: 8px;
}
.v-color-picker-edit__input input {
  border-radius: 4px;
  margin-bottom: 8px;
  min-width: 0;
  outline: none;
  text-align: center;
  width: 100%;
  height: 32px;
  background: rgba(var(--v-theme-surface-variant), 0.2);
  color: rgba(var(--v-theme-on-surface));
}
.v-color-picker-edit__input span {
  font-size: 0.75rem;
}.v-color-picker-preview__alpha .v-slider-track__background {
  background-color: transparent !important;
}
.v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
  background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
}

.v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
  background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
}

.v-color-picker-preview__alpha .v-slider-track__background::after {
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
  border-radius: inherit;
}

.v-color-picker-preview__sliders {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.v-color-picker-preview__dot {
  position: relative;
  height: 30px;
  width: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
  border-radius: 50%;
  overflow: hidden;
  margin-inline-end: 24px;
}
.v-color-picker-preview__dot > div {
  width: 100%;
  height: 100%;
}

.v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
  background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
}

.v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
  background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
}

.v-color-picker-preview__track {
  position: relative;
  width: 100%;
  margin: 0 !important;
}
.v-color-picker-preview__track .v-slider-track__fill {
  display: none;
}

.v-color-picker-preview {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}

.v-color-picker-preview__eye-dropper {
  position: relative;
  margin-right: 12px;
}.v-slider .v-slider__container input {
  cursor: default;
  padding: 0;
  width: 100%;
  display: none;
}
.v-slider > .v-input__append,
.v-slider > .v-input__prepend {
  padding: 0;
}

.v-slider__container {
  position: relative;
  min-height: inherit;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.v-input--disabled .v-slider__container {
  opacity: var(--v-disabled-opacity);
}
.v-input--error:not(.v-input--disabled) .v-slider__container {
  color: rgb(var(--v-theme-error));
}

.v-slider.v-input--horizontal {
  align-items: center;
  margin-inline: 8px 8px;
}
.v-slider.v-input--horizontal > .v-input__control {
  min-height: 32px;
  display: flex;
  align-items: center;
}

.v-slider.v-input--vertical {
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 12px;
}
.v-slider.v-input--vertical > .v-input__control {
  min-height: 300px;
}

.v-slider.v-input--disabled {
  pointer-events: none;
}

.v-slider--has-labels > .v-input__control {
  margin-bottom: 4px;
}

.v-slider__label {
  margin-inline-end: 12px;
}.v-slider-thumb {
  touch-action: none;
  color: rgb(var(--v-theme-surface-variant));
}
.v-input--error:not(.v-input--disabled) .v-slider-thumb {
  color: inherit;
}

.v-slider-thumb__label {
  background: rgba(var(--v-theme-surface-variant), 0.7);
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-slider-thumb__label::before {
  color: rgba(var(--v-theme-surface-variant), 0.7);
}

.v-slider-thumb {
  outline: none;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-slider-thumb__surface {
  cursor: pointer;
  width: var(--v-slider-thumb-size);
  height: var(--v-slider-thumb-size);
  border-radius: 50%;
  user-select: none;
  background-color: currentColor;
}
.v-slider-thumb__surface::before {
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  color: inherit;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.v-slider-thumb__surface::after {
  content: "";
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.v-slider-thumb__label-container {
  position: absolute;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.v-slider-thumb__label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  min-width: 35px;
  height: 25px;
  border-radius: 4px;
  padding: 6px;
  position: absolute;
  user-select: none;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.v-slider-thumb__label::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}

.v-slider-thumb__ripple {
  position: absolute;
  left: calc(var(--v-slider-thumb-size) / -2);
  top: calc(var(--v-slider-thumb-size) / -2);
  width: calc(var(--v-slider-thumb-size) * 2);
  height: calc(var(--v-slider-thumb-size) * 2);
  background: inherit;
}

.v-slider.v-input--horizontal .v-slider-thumb {
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
}
.v-slider.v-input--horizontal .v-slider-thumb__label-container {
  left: calc(var(--v-slider-thumb-size) / 2);
  top: 0;
}
.v-slider.v-input--horizontal .v-slider-thumb__label {
  bottom: calc(var(--v-slider-thumb-size) / 2);
}
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
  transform: translateX(-50%);
}

.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
  transform: translateX(50%);
}

.v-slider.v-input--horizontal .v-slider-thumb__label::before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid currentColor;
  bottom: -6px;
}

.v-slider.v-input--vertical .v-slider-thumb {
  top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
}
.v-slider.v-input--vertical .v-slider-thumb__label-container {
  top: calc(var(--v-slider-thumb-size) / 2);
  right: 0;
}
.v-slider.v-input--vertical .v-slider-thumb__label {
  top: -12.5px;
  left: calc(var(--v-slider-thumb-size) / 2);
}
.v-slider.v-input--vertical .v-slider-thumb__label::before {
  border-right: 6px solid currentColor;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -6px;
}

.v-slider-thumb--focused .v-slider-thumb__surface::before {
  transform: scale(2);
  opacity: var(--v-focus-opacity);
}

.v-slider-thumb--pressed {
  transition: none;
}
.v-slider-thumb--pressed .v-slider-thumb__surface::before {
  opacity: var(--v-pressed-opacity);
}

@media (hover: hover) {
  .v-slider-thumb:hover .v-slider-thumb__surface::before {
    transform: scale(2);
  }
  .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
    opacity: var(--v-hover-opacity);
  }
}.v-slider-track__background {
  background-color: rgb(var(--v-theme-surface-variant));
}

.v-slider-track__fill {
  background-color: rgb(var(--v-theme-surface-variant));
}

.v-slider-track__tick {
  background-color: rgb(var(--v-theme-surface-variant));
}
.v-slider-track__tick--filled {
  background-color: rgb(var(--v-theme-on-surface-variant));
}

.v-slider-track {
  border-radius: 6px;
}

.v-slider-track__background, .v-slider-track__fill {
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  border-radius: inherit;
}
.v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
  transition: none;
}
.v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
  background-color: currentColor;
}

.v-slider-track__ticks {
  height: 100%;
  width: 100%;
  position: relative;
}

.v-slider-track__tick {
  position: absolute;
  opacity: 0;
  transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
  width: var(--v-slider-tick-size);
  height: var(--v-slider-tick-size);
  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
}
.v-locale--is-ltr.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
  transform: none;
}

.v-locale--is-rtl.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
  transform: translateX(100%);
}

.v-locale--is-ltr.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
  transform: translateX(-100%);
}

.v-locale--is-rtl.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
  transform: none;
}

.v-slider-track__tick-label {
  position: absolute;
  user-select: none;
  white-space: nowrap;
}

.v-slider.v-input--horizontal .v-slider-track {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(var(--v-slider-track-size) + 2px);
  touch-action: pan-y;
}
.v-slider.v-input--horizontal .v-slider-track__background {
  height: var(--v-slider-track-size);
}
.v-slider.v-input--horizontal .v-slider-track__fill {
  height: inherit;
}
.v-slider.v-input--horizontal .v-slider-track__tick {
  margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
}
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
}

.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
  margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
}
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
  transform: translateX(-50%);
}

.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
  transform: translateX(50%);
}

.v-slider.v-input--horizontal .v-slider-track__tick--first {
  margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
}
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
  transform: translateX(0%);
}

.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
  transform: translateX(0%);
}

.v-slider.v-input--horizontal .v-slider-track__tick--last {
  margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
}
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
  transform: translateX(-100%);
}

.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
  transform: translateX(100%);
}

.v-slider.v-input--vertical .v-slider-track {
  height: 100%;
  display: flex;
  justify-content: center;
  width: calc(var(--v-slider-track-size) + 2px);
  touch-action: pan-x;
}
.v-slider.v-input--vertical .v-slider-track__background {
  width: var(--v-slider-track-size);
}
.v-slider.v-input--vertical .v-slider-track__fill {
  width: inherit;
}
.v-slider.v-input--vertical .v-slider-track__ticks {
  height: 100%;
}
.v-slider.v-input--vertical .v-slider-track__tick {
  margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
  transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
}
.v-locale--is-rtl.v-slider.v-input--vertical .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
  transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
}

.v-slider.v-input--vertical .v-slider-track__tick--first {
  bottom: calc(0% + var(--v-slider-tick-size) + 1px);
}
.v-slider.v-input--vertical .v-slider-track__tick--last {
  bottom: calc(100% - var(--v-slider-tick-size) - 1px);
}
.v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
  margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
  transform: translateY(-50%);
}

.v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
  opacity: 1;
}

.v-slider-track__background--opacity {
  opacity: 0.38;
}.v-color-picker-swatches {
  overflow-y: auto;
}
.v-color-picker-swatches > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 8px;
}

.v-color-picker-swatches__swatch {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.v-color-picker-swatches__color {
  position: relative;
  height: 18px;
  max-height: 18px;
  width: 45px;
  margin: 2px 4px;
  border-radius: 2px;
  user-select: none;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
  cursor: pointer;
}
.v-color-picker-swatches__color > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}.v-sheet {
  display: block;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  border-radius: 0;
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}
.v-sheet--border {
  border-width: thin;
  box-shadow: none;
}
.v-sheet--absolute {
  position: absolute;
}
.v-sheet--fixed {
  position: fixed;
}
.v-sheet--relative {
  position: relative;
}
.v-sheet--sticky {
  position: sticky;
}
.v-sheet--rounded {
  border-radius: 6px;
}.v-combobox .v-field .v-text-field__prefix,
.v-combobox .v-field .v-text-field__suffix,
.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
  cursor: text;
}
.v-combobox .v-field .v-field__input > input {
  flex: 1 1;
}
.v-combobox .v-field input {
  min-width: 64px;
}
.v-combobox .v-field:not(.v-field--focused) input {
  min-width: 0;
}
.v-combobox .v-field--dirty .v-combobox__selection {
  margin-inline-end: 2px;
}
.v-combobox .v-combobox__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-combobox__content {
  overflow: hidden;
  box-shadow: 0 2px 7px 1px var(--v-shadow-key-umbra-opacity), 0 7px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
  border-radius: 4px;
}
.v-combobox__mask {
  background: rgb(var(--v-theme-on-surface-variant));
}
.v-combobox__selection {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: 90%;
}
.v-combobox__selection:first-child {
  margin-inline-start: 0;
}
.v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
.v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
.v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
.v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 0px;
}
.v-combobox--selecting-index .v-combobox__selection {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-combobox--selecting-index .v-combobox__selection--selected {
  opacity: 1;
}
.v-combobox--selecting-index .v-field__input > input {
  caret-color: transparent;
}
.v-combobox--single.v-text-field input {
  flex: 1 1;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding-inline: inherit;
}
.v-combobox--single .v-field--active input {
  transition: none;
}
.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
  opacity: 0;
}
.v-combobox--single .v-field--focused .v-combobox__selection {
  opacity: 0;
}
.v-combobox__menu-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-combobox--active-menu .v-combobox__menu-icon {
  opacity: var(--v-high-emphasis-opacity);
  transform: rotate(180deg);
}.v-data-table {
  width: 100%;
}

.v-data-table__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.v-data-table__tr--focus {
  border: 1px dotted black;
}
.v-data-table__tr--clickable {
  cursor: pointer;
}

.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
  text-align: end;
}
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
  flex-direction: row-reverse;
}
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
  text-align: center;
}
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
  justify-content: center;
}
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
  padding: 0 8px;
}
.v-data-table .v-table__wrapper > table > thead > tr > th,
.v-data-table .v-table__wrapper > table tbody > tr > th {
  align-items: center;
}
.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
  position: sticky;
}
.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
  cursor: pointer;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
  opacity: 0;
}
.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
  opacity: 0.5;
}

.v-data-table-column--fixed {
  background: rgb(var(--v-theme-surface));
  position: sticky !important;
  left: 0;
  z-index: 1;
}

.v-data-table-column--last-fixed {
  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
  z-index: 2;
}

.v-data-table-group-header-row td {
  background: rgba(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface));
}
.v-data-table-group-header-row td > span {
  padding-left: 5px;
}

.v-data-table--loading .v-data-table__td {
  opacity: 0.3;
}

.v-data-table-group-header-row__column {
  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
}

.v-data-table-header__content {
  display: flex;
  align-items: center;
}

.v-data-table-header__sort-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  padding: 4px;
  border-radius: 50%;
  background: rgba(var(--v-border-color), var(--v-border-opacity));
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
}

.v-data-table-progress > th {
  border: none !important;
  height: auto !important;
  padding: 0 !important;
}

.v-data-table-rows-loading,
.v-data-table-rows-no-data {
  text-align: center;
}.v-data-table-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 8px;
  justify-content: flex-end;
}

.v-data-table-footer__items-per-page {
  padding-inline-end: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.v-data-table-footer__items-per-page > span {
  padding-inline-end: 24px;
}

.v-data-table-footer__info {
  display: flex;
  padding-inline-end: 24px;
}

.v-data-table-footer__pagination {
  display: flex;
  align-items: center;
}

.v-data-table-footer__page {
  padding: 0 8px;
}.v-table {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  transition-duration: 0.28s;
  transition-property: box-shadow, opacity, background, height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.v-table .v-table-divider {
  border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-table .v-table__wrapper > table > thead > tr > th {
  border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
  border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-table .v-table__wrapper > table > tfoot > tr > td,
.v-table .v-table__wrapper > table > tfoot > tr > th {
  border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
  position: relative;
}
.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--v-border-color), var(--v-hover-opacity));
  pointer-events: none;
}
.v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
  background: rgb(var(--v-theme-surface));
  box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
  z-index: 1;
}
.v-table.v-table--fixed-footer > tfoot > tr > th,
.v-table.v-table--fixed-footer > tfoot > tr > td {
  background: rgb(var(--v-theme-surface));
  box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-table {
  --v-table-header-height: 56px;
  border-radius: inherit;
  line-height: 1.5;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.v-table > .v-table__wrapper > table {
  width: 100%;
  border-spacing: 0;
}
.v-table > .v-table__wrapper > table > tbody > tr > td,
.v-table > .v-table__wrapper > table > tbody > tr > th,
.v-table > .v-table__wrapper > table > thead > tr > td,
.v-table > .v-table__wrapper > table > thead > tr > th,
.v-table > .v-table__wrapper > table > tfoot > tr > td,
.v-table > .v-table__wrapper > table > tfoot > tr > th {
  padding: 0 16px;
  transition-duration: 0.28s;
  transition-property: box-shadow, opacity, background, height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.v-table > .v-table__wrapper > table > tbody > tr > th,
.v-table > .v-table__wrapper > table > thead > tr > th,
.v-table > .v-table__wrapper > table > tfoot > tr > th {
  font-weight: 500;
  user-select: none;
  text-align: start;
}
.v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
.v-table--density-default > .v-table__wrapper > table > thead > tr > th,
.v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
  height: calc(var(--v-table-header-height) + 0px);
}
.v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
.v-table--density-default > .v-table__wrapper > table > thead > tr > td,
.v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
  height: calc(var(--v-table-row-height, 52px) + 0px);
}

.v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
.v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
.v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
  height: calc(var(--v-table-header-height) - 8px);
}
.v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
.v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
.v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
  height: calc(var(--v-table-row-height, 52px) - 8px);
}

.v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
.v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
.v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
  height: calc(var(--v-table-header-height) - 16px);
}
.v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
.v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
.v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
  height: calc(var(--v-table-row-height, 52px) - 16px);
}

.v-table__wrapper {
  border-radius: inherit;
  overflow: auto;
  flex: 1 1 auto;
}

.v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
  border-top-left-radius: 0;
}
.v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
  border-top-right-radius: 0;
}

.v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
  border-bottom-left-radius: 0;
}
.v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
  border-bottom-right-radius: 0;
}

.v-table--fixed-height > .v-table__wrapper {
  overflow-y: auto;
}

.v-table--fixed-header > .v-table__wrapper > table > thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
  border-bottom: 0px !important;
}

.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
  border-top: 0px !important;
}.v-date-picker__input {
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.v-date-picker {
  overflow: hidden;
}

.v-date-picker-month {
  padding: 0 12px 12px;
}

.v-date-picker-month__day {
  height: 48px;
  width: 48px;
}
.v-date-picker-month__day .v-btn {
  --v-btn-height: 28px;
  --v-btn-size: 0.85rem;
}.v-date-picker-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-inline-start: 6px;
  padding-inline-end: 12px;
}
.v-date-picker-controls > .v-btn:first-child {
  text-transform: none;
  font-weight: 400;
  line-height: initial;
  letter-spacing: initial;
}
.v-date-picker-controls--variant-classic {
  padding-inline-start: 12px;
}
.v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
  opacity: 0.7;
}
.v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
  cursor: pointer;
}
.v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
  opacity: 1;
}
.v-date-picker-controls .v-btn:last-child {
  margin-inline-start: 4px;
}
.v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
  transform: rotate(180deg);
}

.v-date-picker-controls__date {
  margin-inline-end: 4px;
}
.v-date-picker-controls--variant-classic .v-date-picker-controls__date {
  margin: auto;
  text-align: center;
}

.v-date-picker-controls__month {
  display: flex;
}
.v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
  flex-direction: row-reverse;
}

.v-date-picker-controls--variant-classic .v-date-picker-controls__month {
  flex: 1 0 auto;
}

.v-date-picker__title {
  display: inline-block;
}.v-container {
  width: 100%;
  padding: 16px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 960px) {
  .v-container {
    max-width: 900px;
  }
}
@media (min-width: 1280px) {
  .v-container {
    max-width: 1200px;
  }
}
@media (min-width: 1920px) {
  .v-container {
    max-width: 1800px;
  }
}
@media (min-width: 2560px) {
  .v-container {
    max-width: 2400px;
  }
}
.v-container--fluid {
  max-width: 100%;
}
.v-container.fill-height {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.v-row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  margin: -12px;
}
.v-row + .v-row {
  margin-top: 12px;
}
.v-row + .v-row--dense {
  margin-top: 4px;
}
.v-row--dense {
  margin: -4px;
}
.v-row--dense > .v-col,
.v-row--dense > [class*=v-col-] {
  padding: 4px;
}
.v-row.v-row--no-gutters {
  margin: 0;
}
.v-row.v-row--no-gutters > .v-col,
.v-row.v-row--no-gutters > [class*=v-col-] {
  padding: 0;
}

.v-spacer {
  flex-grow: 1;
}

.v-col-xxl,
.v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
.v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
.v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
.v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
.v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
.v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
  width: 100%;
  padding: 12px;
}

.v-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

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

.v-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.v-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.v-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.v-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

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

.v-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.v-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

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

.v-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.v-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

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

.offset-1 {
  margin-inline-start: 8.3333333333%;
}

.offset-2 {
  margin-inline-start: 16.6666666667%;
}

.offset-3 {
  margin-inline-start: 25%;
}

.offset-4 {
  margin-inline-start: 33.3333333333%;
}

.offset-5 {
  margin-inline-start: 41.6666666667%;
}

.offset-6 {
  margin-inline-start: 50%;
}

.offset-7 {
  margin-inline-start: 58.3333333333%;
}

.offset-8 {
  margin-inline-start: 66.6666666667%;
}

.offset-9 {
  margin-inline-start: 75%;
}

.offset-10 {
  margin-inline-start: 83.3333333333%;
}

.offset-11 {
  margin-inline-start: 91.6666666667%;
}

@media (min-width: 600px) {
  .v-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-0 {
    margin-inline-start: 0;
  }
  .offset-sm-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-inline-start: 25%;
  }
  .offset-sm-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-inline-start: 50%;
  }
  .offset-sm-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-inline-start: 75%;
  }
  .offset-sm-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-inline-start: 91.6666666667%;
  }
}
@media (min-width: 960px) {
  .v-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-0 {
    margin-inline-start: 0;
  }
  .offset-md-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-md-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-md-3 {
    margin-inline-start: 25%;
  }
  .offset-md-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-md-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-md-6 {
    margin-inline-start: 50%;
  }
  .offset-md-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-md-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-md-9 {
    margin-inline-start: 75%;
  }
  .offset-md-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-md-11 {
    margin-inline-start: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .v-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-0 {
    margin-inline-start: 0;
  }
  .offset-lg-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-inline-start: 25%;
  }
  .offset-lg-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-inline-start: 50%;
  }
  .offset-lg-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-inline-start: 75%;
  }
  .offset-lg-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-inline-start: 91.6666666667%;
  }
}
@media (min-width: 1920px) {
  .v-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-0 {
    margin-inline-start: 0;
  }
  .offset-xl-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-inline-start: 25%;
  }
  .offset-xl-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-inline-start: 50%;
  }
  .offset-xl-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-inline-start: 75%;
  }
  .offset-xl-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-inline-start: 91.6666666667%;
  }
}
@media (min-width: 2560px) {
  .v-col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .v-col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .v-col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .v-col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .v-col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .v-col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .v-col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .v-col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .v-col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .v-col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .v-col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .v-col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .v-col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .v-col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxl-0 {
    margin-inline-start: 0;
  }
  .offset-xxl-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-inline-start: 25%;
  }
  .offset-xxl-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-inline-start: 50%;
  }
  .offset-xxl-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-inline-start: 75%;
  }
  .offset-xxl-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-inline-start: 91.6666666667%;
  }
}.v-date-picker-header {
  display: grid;
  grid-template-areas: "prepend content append";
  grid-template-columns: min-content minmax(0, 1fr) min-content;
  overflow: hidden;
  padding-inline: 24px 12px;
  padding-bottom: 12px;
}

.v-date-picker-header__append {
  grid-area: append;
}

.v-date-picker-header__prepend {
  grid-area: prepend;
  padding-inline-start: 8px;
}

.v-date-picker-header__content {
  align-items: center;
  display: inline-flex;
  font-size: 32px;
  line-height: 40px;
  grid-area: content;
  justify-content: space-between;
}
.v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
  opacity: 0.7;
}
.v-date-picker--month .v-date-picker-header__content {
  opacity: 1;
}
.v-date-picker--year .v-date-picker-header__content {
  cursor: pointer;
}

.date-picker-header-transition-enter-active,
.date-picker-header-reverse-transition-enter-active {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.date-picker-header-transition-leave-active,
.date-picker-header-reverse-transition-leave-active {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.date-picker-header-transition-enter-from {
  transform: translate(0, 100%);
}
.date-picker-header-transition-leave-to {
  opacity: 0;
  transform: translate(0, -100%);
}

.date-picker-header-reverse-transition-enter-from {
  transform: translate(0, -100%);
}
.date-picker-header-reverse-transition-leave-to {
  opacity: 0;
  transform: translate(0, 100%);
}.v-date-picker-month {
  display: flex;
  justify-content: center;
  min-width: 328px;
  --v-date-picker-month-day-diff: 4px;
}

.v-date-picker-month__weeks {
  display: grid;
  grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
  row-gap: 4px;
  font-size: 0.875rem;
}
.v-date-picker-month__weeks + .v-date-picker-month__days {
  grid-row-gap: 0;
}

.v-date-picker-month__weekday {
  font-size: 0.875rem;
}

.v-date-picker-month__days {
  display: grid;
  grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
  row-gap: 4px;
  flex: 1 1;
  justify-content: space-around;
}

.v-date-picker-month__day {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.v-date-picker-month__day--selected .v-btn {
  background-color: rgb(var(--v-theme-surface-variant));
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-date-picker-month__day--week {
  font-size: var(--v-btn-size);
}

.v-date-picker-month__day--adjacent {
  opacity: 0.5;
}

.v-date-picker-month__day--hide-adjacent {
  opacity: 0;
}.v-date-picker-months {
  height: 320px;
  overflow-y: scroll;
}

.v-date-picker-months__content {
  align-items: center;
  display: grid;
  flex: 1 1;
  height: inherit;
  justify-content: space-around;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 4px 24px;
  padding-inline-start: 36px;
  padding-inline-end: 36px;
}
.v-date-picker-months__content .v-btn {
  text-transform: none;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}.v-date-picker-years {
  height: 320px;
  overflow-y: scroll;
}

.v-date-picker-years__content {
  display: grid;
  flex: 1 1;
  justify-content: space-around;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 24px;
  padding-inline: 36px;
}
.v-date-picker-years__content .v-btn {
  padding-inline: 8px;
}.v-picker.v-sheet {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  border-radius: 6px;
  display: grid;
  grid-auto-rows: min-content;
  grid-template-areas: "title" "header" "body";
  overflow: hidden;
}
.v-picker.v-sheet.v-picker--with-actions {
  grid-template-areas: "title" "header" "body" "actions";
}

.v-picker__body {
  grid-area: body;
}

.v-picker__header {
  grid-area: header;
}

.v-picker__actions {
  grid-area: actions;
  padding: 0 12px 12px 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.v-picker__actions .v-btn {
  min-width: 48px;
}
.v-picker__actions .v-btn:not(:last-child) {
  margin-inline-end: 8px;
}

.v-picker--landscape {
  grid-template-areas: "title" "header body" "header body";
}

.v-picker--landscape.v-picker--with-actions {
  grid-template-areas: "title" "header body" "header actions";
}

.v-picker-title {
  text-transform: uppercase;
  font-size: 0.75rem;
  grid-area: title;
  padding-inline: 24px 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  letter-spacing: 0.1666666667em;
}.v-expansion-panel {
  background-color: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
.v-expansion-panel:not(:first-child)::after {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-expansion-panel--disabled .v-expansion-panel-title {
  color: rgba(var(--v-theme-on-surface), 0.26);
}
.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
  opacity: 0.4615384615;
}

.v-expansion-panels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :last-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
}
.v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}
.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
  transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
}

.v-expansion-panel {
  flex: 1 0 100%;
  max-width: 100%;
  position: relative;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: margin-top, border-radius, border, max-width;
  border-radius: 6px;
}
.v-expansion-panel:not(:first-child)::after {
  border-top-style: solid;
  border-top-width: thin;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
}
.v-expansion-panel--disabled .v-expansion-panel-title {
  pointer-events: none;
}
.v-expansion-panel--active:not(:first-child),
.v-expansion-panel--active + .v-expansion-panel {
  margin-top: 16px;
}
.v-expansion-panel--active:not(:first-child)::after,
.v-expansion-panel--active + .v-expansion-panel::after {
  opacity: 0;
}
.v-expansion-panel--active > .v-expansion-panel-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
  min-height: 47px;
}

.v-expansion-panel__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
  border-radius: inherit;
  z-index: -1;
}

.v-expansion-panel-title {
  align-items: center;
  text-align: start;
  border-radius: inherit;
  display: flex;
  font-size: 1rem;
  line-height: 1;
  min-height: 47px;
  outline: none;
  padding: 16px 18px;
  position: relative;
  transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  justify-content: space-between;
}
.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-expansion-panel-title--active::before {
  opacity: 0.12;
}

.v-expansion-panel-title__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border-radius: inherit;
  opacity: 0;
}

.v-expansion-panel-title__icon {
  display: inline-flex;
  margin-bottom: -4px;
  margin-top: -4px;
  user-select: none;
  margin-inline-start: auto;
}

.v-expansion-panel-text {
  display: flex;
}
.v-expansion-panel-text__wrapper {
  padding: 0 18px 12px;
  flex: 1 1 auto;
  max-width: 100%;
}

.v-expansion-panels--variant-accordion > .v-expansion-panel {
  margin-top: 0;
}
.v-expansion-panels--variant-accordion > .v-expansion-panel::after {
  opacity: 1;
}

.v-expansion-panels--variant-popout > .v-expansion-panel {
  max-width: calc(100% - 32px);
}
.v-expansion-panels--variant-popout > .v-expansion-panel--active {
  max-width: calc(100% + 16px);
}

.v-expansion-panels--variant-inset > .v-expansion-panel {
  max-width: 100%;
}
.v-expansion-panels--variant-inset > .v-expansion-panel--active {
  max-width: calc(100% - 32px);
}.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
.v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
.v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
.v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 0px;
}
.v-file-input input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.v-file-input .v-input__details {
  padding-inline: 16px;
}.v-footer {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  padding: 8px 16px;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: height, width, transform, max-width, left, right, top, bottom;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  border-radius: 0;
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-footer--border {
  border-width: thin;
  box-shadow: none;
}
.v-footer--absolute {
  position: absolute;
}
.v-footer--fixed {
  position: fixed;
}
.v-footer--rounded {
  border-radius: 6px;
}.v-infinite-scroll--horizontal {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
  height: 100%;
  width: 1px;
}

.v-infinite-scroll--vertical {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
  height: 1px;
  width: 100%;
}

.v-infinite-scroll__side {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 8px;
}.v-item-group {
  flex: 0 1 auto;
  max-width: 100%;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}.v-kbd {
  background: rgb(var(--v-theme-kbd));
  color: rgb(var(--v-theme-on-kbd));
  border-radius: 3px;
  display: inline;
  font-size: 85%;
  font-weight: normal;
  padding: 0.2em 0.4rem;
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}.v-layout {
  --v-scrollbar-offset: 0px;
  display: flex;
  flex: 1 1 auto;
}
.v-layout--full-height {
  --v-scrollbar-offset: inherit;
  height: 100%;
}.v-layout-item {
  position: absolute;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-layout-item--absolute {
  position: absolute;
}.v-locale-provider {
  display: contents;
}.v-main {
  flex: 1 0 auto;
  max-width: 100%;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  padding-left: var(--v-layout-left);
  padding-right: var(--v-layout-right);
  padding-top: var(--v-layout-top);
  padding-bottom: var(--v-layout-bottom);
}
.v-main__scroller {
  max-width: 100%;
  position: relative;
}
.v-main--scrollable {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-main--scrollable > .v-main__scroller {
  flex: 1 1 auto;
  overflow-y: auto;
  --v-layout-left: 0px;
  --v-layout-right: 0px;
  --v-layout-top: 0px;
  --v-layout-bottom: 0px;
}.v-navigation-drawer {
  -webkit-overflow-scrolling: touch;
  background: rgb(var(--v-theme-surface));
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  pointer-events: auto;
  transition-duration: 0.2s;
  transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-navigation-drawer--border {
  border-width: thin;
  box-shadow: none;
}
.v-navigation-drawer--rounded {
  border-radius: 6px;
}
.v-navigation-drawer--top {
  top: 0;
  border-bottom-width: thin;
}
.v-navigation-drawer--bottom {
  left: 0;
  border-top-width: thin;
}
.v-navigation-drawer--left {
  top: 0;
  left: 0;
  right: auto;
  border-right-width: thin;
}
.v-navigation-drawer--right {
  top: 0;
  left: auto;
  right: 0;
  border-left-width: thin;
}
.v-navigation-drawer--floating {
  border: none;
}
.v-navigation-drawer--temporary {
  box-shadow: 0 8px 19px 5px var(--v-shadow-key-umbra-opacity), 0 19px 16px 2px var(--v-shadow-key-penumbra-opacity), 0 6px 16px 6px var(--v-shadow-key-ambient-opacity);
}
.v-navigation-drawer--sticky {
  height: auto;
  transition: box-shadow, transform, visibility, width, height, left, right;
}
.v-navigation-drawer .v-list {
  overflow: hidden;
}

.v-navigation-drawer__content {
  flex: 0 1 auto;
  height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.v-navigation-drawer__img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.v-navigation-drawer__img img {
  height: inherit;
  object-fit: cover;
  width: inherit;
}

.v-navigation-drawer__scrim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.2;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.v-navigation-drawer__prepend,
.v-navigation-drawer__append {
  flex: none;
  overflow: hidden;
}.v-otp-input {
  border-radius: 4px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
  position: relative;
}
.v-otp-input .v-field {
  height: 100%;
}

.v-otp-input__divider {
  margin: 0 8px;
}

.v-otp-input__content {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  height: 64px;
  padding: 0.5rem;
  justify-content: center;
  max-width: 320px;
  position: relative;
  border-radius: inherit;
}
.v-otp-input--divided .v-otp-input__content {
  max-width: 360px;
}

.v-otp-input__field {
  color: inherit;
  font-size: 1.25rem;
  height: 100%;
  outline: none;
  text-align: center;
  width: 100%;
}
.v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-otp-input__field[type=number] {
  -moz-appearance: textfield;
}

.v-otp-input__loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}.v-pagination__list {
  display: inline-flex;
  list-style-type: none;
  justify-content: center;
  width: 100%;
}
.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
  margin: 0.1875rem;
}.v-parallax {
  position: relative;
  overflow: hidden;
}
.v-parallax--active > .v-img__img {
  will-change: transform;
}.v-radio-group > .v-input__control {
  flex-direction: column;
}
.v-radio-group > .v-input__control > .v-label {
  margin-inline-start: 16px;
}
.v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
  padding-inline-start: 6px;
  margin-top: 8px;
}
.v-radio-group .v-input__details {
  padding-inline: 16px;
}.v-rating {
  max-width: 100%;
  display: inline-flex;
  white-space: nowrap;
}
.v-rating--readonly {
  pointer-events: none;
}

.v-rating__wrapper {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}
.v-rating__wrapper--bottom {
  flex-direction: column-reverse;
}

.v-rating__item {
  display: inline-flex;
  position: relative;
}
.v-rating__item label {
  cursor: pointer;
}
.v-rating__item .v-btn--variant-plain {
  opacity: 1;
}
.v-rating__item .v-btn {
  transition-property: transform;
}
.v-rating__item .v-btn .v-icon {
  transition: inherit;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
  transform: scale(1.25);
}
.v-rating__item--half {
  overflow: hidden;
  position: absolute;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  z-index: 1;
}
.v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
  opacity: 0;
}

.v-rating__hidden {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}.v-skeleton-loader {
  align-items: center;
  background: rgb(var(--v-theme-surface));
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  vertical-align: top;
}
.v-skeleton-loader__actions {
  justify-content: end;
}
.v-skeleton-loader .v-skeleton-loader__ossein {
  height: 100%;
}
.v-skeleton-loader .v-skeleton-loader__avatar,
.v-skeleton-loader .v-skeleton-loader__button,
.v-skeleton-loader .v-skeleton-loader__chip,
.v-skeleton-loader .v-skeleton-loader__divider,
.v-skeleton-loader .v-skeleton-loader__heading,
.v-skeleton-loader .v-skeleton-loader__image,
.v-skeleton-loader .v-skeleton-loader__ossein,
.v-skeleton-loader .v-skeleton-loader__text {
  background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
}
.v-skeleton-loader .v-skeleton-loader__list-item,
.v-skeleton-loader .v-skeleton-loader__list-item-avatar,
.v-skeleton-loader .v-skeleton-loader__list-item-text,
.v-skeleton-loader .v-skeleton-loader__list-item-two-line,
.v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
.v-skeleton-loader .v-skeleton-loader__list-item-three-line,
.v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
  border-radius: 6px;
}
.v-skeleton-loader__bone {
  align-items: center;
  border-radius: inherit;
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
}
.v-skeleton-loader__bone::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: loading 1.5s infinite;
  background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
  transform: translateX(-100%);
  z-index: 1;
}
.v-skeleton-loader__avatar {
  border-radius: 50%;
  flex: 0 1 auto;
  margin: 8px 16px;
  max-height: 48px;
  min-height: 48px;
  height: 48px;
  max-width: 48px;
  min-width: 48px;
  width: 48px;
}
.v-skeleton-loader__avatar + .v-skeleton-loader__bone {
  flex: 1 1 auto;
  margin-inline-start: 0;
}
.v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
.v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
  margin-inline-start: 0;
}
.v-skeleton-loader__button {
  border-radius: 6px;
  height: 36px;
  margin: 16px;
  max-width: 64px;
}
.v-skeleton-loader__button + .v-skeleton-loader__bone {
  flex: 1 1 auto;
  margin-inline-start: 0;
}
.v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
.v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
  margin-inline-start: 0;
}
.v-skeleton-loader__chip {
  border-radius: 16px;
  margin: 16px;
  height: 32px;
  max-width: 96px;
}
.v-skeleton-loader__chip + .v-skeleton-loader__bone {
  flex: 1 1 auto;
  margin-inline-start: 0;
}
.v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
.v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
  margin-inline-start: 0;
}
.v-skeleton-loader__date-picker {
  border-radius: inherit;
}
.v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
  max-width: 88px;
  width: 20%;
}
.v-skeleton-loader__date-picker .v-skeleton-loader__heading {
  max-width: 256px;
  width: 40%;
}
.v-skeleton-loader__date-picker-days {
  flex-wrap: wrap;
  margin: 16px;
}
.v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
  border-radius: 6px;
  margin: 4px;
  max-width: 100%;
}
.v-skeleton-loader__date-picker-options {
  flex-wrap: nowrap;
}
.v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
  flex: 1 1 auto;
}
.v-skeleton-loader__divider {
  border-radius: 1px;
  height: 2px;
}
.v-skeleton-loader__heading {
  border-radius: 12px;
  margin: 16px;
  height: 24px;
}
.v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
  margin-top: -16px;
}
.v-skeleton-loader__image {
  height: 150px;
  border-radius: 0;
}
.v-skeleton-loader__card .v-skeleton-loader__image {
  border-radius: 0;
}
.v-skeleton-loader__list-item {
  margin: 16px;
}
.v-skeleton-loader__list-item .v-skeleton-loader__text {
  margin: 0;
}
.v-skeleton-loader__table-thead {
  justify-content: space-between;
}
.v-skeleton-loader__table-thead .v-skeleton-loader__heading {
  margin-top: 16px;
  max-width: 16px;
}
.v-skeleton-loader__table-tfoot {
  flex-wrap: nowrap;
}
.v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
  margin-top: 16px;
}
.v-skeleton-loader__table-row {
  align-items: baseline;
  margin: 0 8px;
  justify-content: space-evenly;
  flex-wrap: nowrap;
}
.v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
  margin-inline: 8px;
}
.v-skeleton-loader__table-row + .v-skeleton-loader__divider {
  margin: 0 16px;
}
.v-skeleton-loader__table-cell {
  align-items: center;
  display: flex;
  height: 48px;
  width: 88px;
}
.v-skeleton-loader__table-cell .v-skeleton-loader__text {
  margin-bottom: 0;
}
.v-skeleton-loader__subtitle {
  max-width: 70%;
}
.v-skeleton-loader__subtitle > .v-skeleton-loader__text {
  height: 16px;
  border-radius: 8px;
}
.v-skeleton-loader__text {
  border-radius: 6px;
  margin: 16px;
  height: 12px;
}
.v-skeleton-loader__text + .v-skeleton-loader__text {
  margin-top: -8px;
  max-width: 50%;
}
.v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
  max-width: 70%;
}
.v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
  display: none;
}
.v-skeleton-loader--is-loading {
  overflow: hidden;
}
.v-skeleton-loader--tile {
  border-radius: 0;
}
.v-skeleton-loader--tile .v-skeleton-loader__bone {
  border-radius: 0;
}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}.v-slide-group {
  display: flex;
  overflow: hidden;
}

.v-slide-group__next,
.v-slide-group__prev {
  align-items: center;
  display: flex;
  flex: 0 1 52px;
  justify-content: center;
  min-width: 52px;
  cursor: pointer;
}
.v-slide-group__next--disabled,
.v-slide-group__prev--disabled {
  pointer-events: none;
  opacity: var(--v-disabled-opacity);
}

.v-slide-group__content {
  display: flex;
  flex: 1 0 auto;
  position: relative;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}
.v-slide-group__content > * {
  white-space: initial;
}

.v-slide-group__container {
  contain: content;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.v-slide-group--vertical,
.v-slide-group--vertical .v-slide-group__container,
.v-slide-group--vertical .v-slide-group__content {
  flex-direction: column;
}.v-snackbar {
  justify-content: center;
  z-index: 10000;
  margin: 8px;
  margin-inline-end: calc(8px + var(--v-scrollbar-offset));
}
.v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
  align-items: flex-end;
}
.v-snackbar__wrapper {
  align-items: center;
  display: flex;
  max-width: 672px;
  min-height: 48px;
  min-width: 344px;
  overflow: hidden;
  padding: 0;
  border-radius: 6px;
}
.v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-snackbar--variant-plain {
  opacity: 0.62;
}
.v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
  opacity: 1;
}
.v-snackbar--variant-plain .v-snackbar__overlay {
  display: none;
}
.v-snackbar--variant-elevated, .v-snackbar--variant-flat {
  background: #212121;
  color: rgb(var(--v-theme-on-primary));
}
.v-snackbar--variant-elevated {
  box-shadow: 0 3px 9px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity);
}
.v-snackbar--variant-flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-snackbar--variant-outlined {
  border: thin solid currentColor;
}
.v-snackbar--variant-text .v-snackbar__overlay {
  background: currentColor;
}
.v-snackbar--variant-tonal .v-snackbar__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.v-snackbar__content {
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1.5;
  margin-right: auto;
  padding: 14px 16px;
  text-align: initial;
}
.v-snackbar__actions {
  align-items: center;
  align-self: center;
  display: flex;
  margin-inline-end: 8px;
}
.v-snackbar__actions > .v-btn {
  padding: 0 8px;
  min-width: auto;
}
.v-snackbar__timer {
  width: 100%;
  position: absolute;
  top: 0;
}
.v-snackbar__timer .v-progress-linear {
  transition: 0.2s linear;
}
.v-snackbar--absolute {
  position: absolute;
  z-index: 1;
}
.v-snackbar--multi-line .v-snackbar__wrapper {
  min-height: 68px;
}
.v-snackbar--vertical .v-snackbar__wrapper {
  flex-direction: column;
}
.v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
  align-self: flex-end;
  margin-bottom: 8px;
}

.v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.v-snackbar-transition-enter-active {
  transition-property: opacity, transform;
}
.v-snackbar-transition-enter-from {
  opacity: 0;
  transform: scale(0.8);
}
.v-snackbar-transition-leave-active {
  transition-property: opacity;
}
.v-snackbar-transition-leave-to {
  opacity: 0;
}.v-stepper.v-sheet {
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
  border-radius: 4px;
  overflow: hidden;
}
.v-stepper.v-sheet.v-stepper--flat {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}

.v-stepper-header {
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
  align-items: center;
  display: flex;
  position: relative;
  overflow-x: auto;
  justify-content: space-between;
  z-index: 1;
}
.v-stepper-header .v-divider {
  margin: 0 -16px;
}
.v-stepper-header .v-divider:last-child {
  margin-inline-end: 0;
}
.v-stepper-header .v-divider:first-child {
  margin-inline-start: 0;
}
.v-stepper--alt-labels .v-stepper-header {
  height: auto;
}
.v-stepper--alt-labels .v-stepper-header .v-divider {
  align-self: flex-start;
  margin: 35px -67px 0;
}

.v-stepper-window {
  margin: 1.5rem;
}

.v-stepper-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.v-stepper .v-stepper-actions {
  padding: 0 1.5rem 1rem;
}
.v-stepper-window-item .v-stepper-actions {
  padding: 1.5rem 0 0;
}.v-stepper-item {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: none;
  opacity: var(--v-medium-emphasis-opacity);
  padding: 1.5rem;
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.v-stepper-item--selected {
  opacity: 1;
}
.v-stepper-item--error {
  color: rgb(var(--v-theme-error));
}
.v-stepper-item--disabled {
  opacity: var(--v-medium-emphasis-opacity);
  pointer-events: none;
}
.v-stepper--alt-labels .v-stepper-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-basis: 175px;
}

.v-stepper-item__avatar.v-avatar {
  background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
  color: rgb(var(--v-theme-on-surface-variant));
  font-size: 0.75rem;
  margin-inline-end: 8px;
}
.v-stepper-item__avatar.v-avatar .v-icon {
  font-size: 0.875rem;
}
.v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
  background: rgb(var(--v-theme-surface-variant));
}
.v-stepper-item--error .v-stepper-item__avatar.v-avatar {
  background: rgb(var(--v-theme-error));
}
.v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
  margin-bottom: 16px;
  margin-inline-end: 0;
}

.v-stepper-item__title {
  line-height: 1;
}
.v-stepper--mobile .v-stepper-item__title {
  display: none;
}

.v-stepper-item__subtitle {
  font-size: 0.75rem;
  text-align: left;
  line-height: 1;
  opacity: var(--v-medium-emphasis-opacity);
}
.v-stepper--alt-labels .v-stepper-item__subtitle {
  text-align: center;
}
.v-stepper--mobile .v-stepper-item__subtitle {
  display: none;
}.v-switch .v-label {
  padding-inline-start: 10px;
}
.v-switch .v-switch__thumb {
  background-color: rgb(var(--v-theme-surface-bright));
  color: rgb(var(--v-theme-on-surface-bright));
}

.v-switch__loader {
  display: flex;
}
.v-switch__loader .v-progress-circular {
  color: rgb(var(--v-theme-surface));
}

.v-switch__track,
.v-switch__thumb {
  transition: none;
}
.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
  background-color: rgb(var(--v-theme-error));
  color: rgb(var(--v-theme-on-error));
}

.v-switch__track {
  background-color: rgb(var(--v-theme-surface-variant));
  border-radius: 9999px;
  height: 14px;
  opacity: 0.6;
  width: 36px;
  cursor: pointer;
  transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
}
.v-switch--inset .v-switch__track {
  border-radius: 9999px;
  height: 32px;
  width: 52px;
}

.v-switch__thumb {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
  pointer-events: none;
  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 7px 1px var(--v-shadow-key-umbra-opacity), 0 7px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}
.v-switch--inset .v-switch__thumb {
  height: 24px;
  width: 24px;
  transform: scale(0.6666666667);
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-switch--inset .v-switch__thumb--filled {
  transform: none;
}
.v-switch--inset .v-selection-control--dirty .v-switch__thumb {
  transform: none;
  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
}

.v-switch .v-selection-control {
  min-height: var(--v-input-control-height);
}
.v-switch .v-selection-control__input {
  border-radius: 50%;
  transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-10px);
  position: absolute;
}
.v-switch .v-selection-control__input .v-icon {
  position: absolute;
}
.v-switch .v-selection-control--dirty .v-selection-control__input {
  transform: translateX(10px);
}
.v-switch.v-switch--indeterminate .v-selection-control__input {
  transform: scale(0.8);
}
.v-switch.v-switch--indeterminate .v-switch__thumb {
  transform: scale(0.75);
  box-shadow: none;
}
.v-switch.v-switch--inset .v-selection-control__wrapper {
  width: auto;
}.v-system-bar {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  height: 24px;
  justify-content: flex-end;
  max-width: 100%;
  padding-inline: 8px;
  position: relative;
  text-align: end;
  width: 100%;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
  background: rgba(var(--v-theme-on-surface-variant));
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  line-height: 1.25rem;
  text-transform: none;
}
.v-system-bar .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-system-bar--absolute {
  position: absolute;
}
.v-system-bar--fixed {
  position: fixed;
}
.v-system-bar--rounded {
  border-radius: 0;
}
.v-system-bar--window {
  height: 32px;
}
.v-system-bar:not(.v-system-bar--absolute) {
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
}.v-tabs {
  display: flex;
  height: var(--v-tabs-height);
}
.v-tabs--density-default {
  --v-tabs-height: 42px;
}
.v-tabs--density-default.v-tabs--stacked {
  --v-tabs-height: 72px;
}

.v-tabs--density-comfortable {
  --v-tabs-height: 38px;
}
.v-tabs--density-comfortable.v-tabs--stacked {
  --v-tabs-height: 68px;
}

.v-tabs--density-compact {
  --v-tabs-height: 30px;
}
.v-tabs--density-compact.v-tabs--stacked {
  --v-tabs-height: 60px;
}

.v-tabs.v-slide-group--vertical {
  height: auto;
  flex: none;
  --v-tabs-height: 42px;
}

.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
  margin-inline-start: 42px;
}

.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
  margin-inline-end: auto;
}
.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
  margin-inline-start: auto;
}

.v-tabs--grow {
  flex-grow: 1;
}
.v-tabs--grow .v-tab {
  flex: 1 0 auto;
  max-width: none;
}

.v-tabs--align-tabs-end .v-tab:first-child {
  margin-inline-start: auto;
}
.v-tabs--align-tabs-end .v-tab:last-child {
  margin-inline-end: 0;
}

@media (max-width: 1279.98px) {
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
    margin-inline-start: 52px;
  }
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
    margin-inline-end: 52px;
  }
}.v-tab.v-tab {
  --v-btn-height: var(--v-tabs-height);
  border-radius: 0;
  min-width: 90px;
}
.v-slide-group--horizontal .v-tab {
  max-width: 360px;
}
.v-slide-group--vertical .v-tab {
  justify-content: start;
}

.v-tab__slider {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: currentColor;
  pointer-events: none;
  opacity: 0;
}
.v-tab--selected .v-tab__slider {
  opacity: 1;
}
.v-slide-group--vertical .v-tab__slider {
  top: 0;
  height: 100%;
  width: 2px;
}.v-textarea .v-field {
  --v-textarea-control-height: var(--v-input-control-height);
}
.v-textarea .v-field__field {
  --v-input-control-height: var(--v-textarea-control-height);
}
.v-textarea .v-field__input {
  flex: 1 1 auto;
  outline: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
  mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
}
.v-textarea .v-field__input.v-textarea__sizer {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  min-height: 0 !important;
  pointer-events: none;
}
.v-textarea--no-resize .v-field__input {
  resize: none;
}
.v-textarea .v-field--no-label textarea,
.v-textarea .v-field--active textarea {
  opacity: 1;
}
.v-textarea textarea {
  opacity: 0;
  flex: 1;
  min-width: 0;
  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
}
.v-textarea textarea:focus, .v-textarea textarea:active {
  outline: none;
}
.v-textarea textarea:invalid {
  box-shadow: none;
}.v-theme-provider {
  background: rgb(var(--v-theme-background));
  color: rgb(var(--v-theme-on-background));
}.v-timeline .v-timeline-divider__dot {
  background: rgba(var(--v-border-color), 0.08);
}
.v-timeline .v-timeline-divider__inner-dot {
  background: rgb(var(--v-theme-on-surface));
}

.v-timeline {
  display: grid;
  grid-auto-flow: dense;
  position: relative;
}
.v-timeline--horizontal.v-timeline {
  grid-column-gap: 24px;
  width: 100%;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
  grid-row: 3;
  padding-block-start: 24px;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
  grid-row: 1;
  padding-block-end: 24px;
  align-self: flex-end;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
  grid-row: 1;
  padding-block-end: 24px;
  align-self: flex-end;
}
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
  grid-row: 3;
  padding-block-start: 24px;
}

.v-timeline--vertical.v-timeline {
  row-gap: 24px;
  height: 100%;
}
.v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
  padding-block-start: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
  padding-block-end: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
  grid-column: 1;
  padding-inline-end: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
  grid-column: 3;
  padding-inline-start: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
  grid-column: 3;
  padding-inline-start: 24px;
}
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
  grid-column: 1;
  justify-self: flex-end;
  padding-inline-end: 24px;
}

.v-timeline-item {
  display: contents;
}

.v-timeline-divider {
  position: relative;
  display: flex;
  align-items: center;
}
.v-timeline--horizontal .v-timeline-divider {
  flex-direction: row;
  grid-row: 2;
  width: 100%;
}

.v-timeline--vertical .v-timeline-divider {
  height: 100%;
  flex-direction: column;
  grid-column: 2;
}

.v-timeline-divider__before {
  background: rgba(var(--v-border-color), var(--v-border-opacity));
  position: absolute;
}
.v-timeline--horizontal .v-timeline-divider__before {
  height: var(--v-timeline-line-thickness);
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  inset-inline-start: -12px;
  inset-inline-end: initial;
}

.v-timeline--vertical .v-timeline-divider__before {
  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  width: var(--v-timeline-line-thickness);
  top: -12px;
}

.v-timeline-divider__after {
  background: rgba(var(--v-border-color), var(--v-border-opacity));
  position: absolute;
}
.v-timeline--horizontal .v-timeline-divider__after {
  height: var(--v-timeline-line-thickness);
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  inset-inline-end: -12px;
  inset-inline-start: initial;
}

.v-timeline--vertical .v-timeline-divider__after {
  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  width: var(--v-timeline-line-thickness);
  bottom: -12px;
}

.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  top: 0;
}

.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  inset-inline-start: 0;
  inset-inline-end: initial;
}

.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
  height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
}

.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
  width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
  inset-inline-end: -12px;
  inset-inline-start: initial;
}

.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
  height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
}

.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
  width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
}

.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  bottom: 0;
}

.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
  inset-inline-end: 0;
  inset-inline-start: initial;
}

.v-timeline--vertical .v-timeline-item:only-child .v-timeline-divider__after {
  height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset));
}

.v-timeline-divider__dot {
  z-index: 1;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity);
}
.v-timeline-divider__dot--size-x-small {
  height: 18px;
  width: 18px;
}
.v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
  height: calc(100% - 6px);
  width: calc(100% - 6px);
}
.v-timeline-divider__dot--size-small {
  height: 26px;
  width: 26px;
}
.v-timeline-divider__dot--size-small .v-timeline-divider__inner-dot {
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}
.v-timeline-divider__dot--size-default {
  height: 34px;
  width: 34px;
}
.v-timeline-divider__dot--size-default .v-timeline-divider__inner-dot {
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}
.v-timeline-divider__dot--size-large {
  height: 42px;
  width: 42px;
}
.v-timeline-divider__dot--size-large .v-timeline-divider__inner-dot {
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}
.v-timeline-divider__dot--size-x-large {
  height: 50px;
  width: 50px;
}
.v-timeline-divider__dot--size-x-large .v-timeline-divider__inner-dot {
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}

.v-timeline-divider__inner-dot {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}

/** Modifiers **/
.v-timeline--horizontal.v-timeline--justify-center {
  grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
}

.v-timeline--vertical.v-timeline--justify-center {
  grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
}

.v-timeline--horizontal.v-timeline--justify-auto {
  grid-template-rows: auto min-content auto;
}

.v-timeline--vertical.v-timeline--justify-auto {
  grid-template-columns: auto min-content auto;
}

.v-timeline--horizontal.v-timeline--density-comfortable {
  height: 100%;
}
.v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
  grid-template-rows: min-content min-content auto;
}
.v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
  grid-template-rows: auto min-content min-content;
}

.v-timeline--vertical.v-timeline--density-comfortable {
  width: 100%;
}
.v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
  grid-template-columns: min-content min-content auto;
}
.v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
  grid-template-columns: auto min-content min-content;
}

.v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
  grid-template-rows: 0 min-content auto;
}
.v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
  grid-template-rows: auto min-content 0;
}
.v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
  grid-row: 1;
}

.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
  grid-template-columns: 0 min-content auto;
}
.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
  grid-template-columns: auto min-content 0;
}
.v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
  grid-column: 3;
}

.v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
  grid-row: 3;
  padding-block-end: initial;
  padding-block-start: 24px;
}
.v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
  grid-row: 1;
  padding-block-end: 24px;
  padding-block-start: initial;
}

.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
  grid-column: 3;
  padding-inline-start: 24px;
  padding-inline-end: initial;
  justify-self: flex-start;
}
.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
  grid-column: 1;
  justify-self: flex-end;
  padding-inline-end: 24px;
  padding-inline-start: initial;
}

.v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
  grid-row: 1;
  padding-block-end: 24px;
  padding-block-start: initial;
}
.v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
  grid-row: 3;
  padding-block-end: initial;
  padding-block-start: 24px;
}

.v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
  grid-column: 1;
  justify-self: flex-end;
  padding-inline-end: 24px;
}
.v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
  grid-column: 3;
  padding-inline-start: 24px;
  justify-self: flex-start;
}

.v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
  height: inherit;
  width: inherit;
}

.v-timeline--align-center {
  --v-timeline-line-size-base: 50%;
  --v-timeline-line-size-offset: 0px;
}
.v-timeline--horizontal.v-timeline--align-center {
  justify-items: center;
}
.v-timeline--horizontal.v-timeline--align-center .v-timeline-item__body {
  padding-inline: 12px;
}
.v-timeline--horizontal.v-timeline--align-center .v-timeline-item__opposite {
  padding-inline: 12px;
}
.v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
  justify-content: center;
}

.v-timeline--vertical.v-timeline--align-center {
  align-items: center;
}
.v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
  justify-content: center;
}

.v-timeline--align-start {
  --v-timeline-line-size-base: 100%;
  --v-timeline-line-size-offset: 12px;
}
.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
  --v-timeline-line-size-offset: 24px;
}
.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
  --v-timeline-line-size-offset: -12px;
}
.v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
  --v-timeline-line-size-offset: 0px;
}
.v-timeline--horizontal.v-timeline--align-start {
  justify-items: flex-start;
}
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
  justify-content: flex-start;
}
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
  width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
}
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
  width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
}

.v-timeline--vertical.v-timeline--align-start {
  align-items: flex-start;
}
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
  justify-content: flex-start;
}
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
  height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
}
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
  height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
}

.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
  display: none;
}
.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
  --v-timeline-line-size-offset: 12px;
}
.v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
  padding-block-start: 0;
}

.v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
  padding-inline-start: 0;
}

.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
  display: none;
}
.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
  --v-timeline-line-size-offset: 12px;
}
.v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
  padding-block-end: 0;
}

.v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
  padding-inline-end: 0;
}.v-tooltip > .v-overlay__content {
  background: #212121;
  color: rgb(var(--v-theme-on-primary));
  border-radius: 6px;
  font-size: 0.875rem;
  line-height: 1.6;
  display: inline-block;
  padding: 5px 16px;
  text-transform: initial;
  width: auto;
  opacity: 1;
  pointer-events: none;
  transition-property: opacity, transform;
}
.v-tooltip > .v-overlay__content[class*=enter-active] {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 150ms;
}
.v-tooltip > .v-overlay__content[class*=leave-active] {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 75ms;
}/* stylelint-disable scss/no-global-function-names */
.popper-content {
  position: absolute;
}
.expand-enter-active,
.expand-leave-active {
  overflow: hidden;
  transition: block-size var(--expand-transition-duration, 0.25s) ease;
}
.expand-enter-from,
.expand-leave-to {
  block-size: 0;
}

[data-v-e5b9cc91] {
  backface-visibility: hidden;
  perspective: 1000px;
  transform: translateZ(0);
  will-change: block-size;
}

/* stylelint-disable scss/no-global-function-names */ /*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.layout-vertical-nav {
  position: fixed;
  z-index: 1004;
  display: flex;
  flex-direction: column;
  block-size: 100%;
  inline-size: 260px;
  inset-block-start: 0;
  inset-inline-start: 0;
  transition: transform 0.25s ease-in-out, inline-size 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  will-change: transform, inline-size;
}
.layout-vertical-nav .nav-header {
  display: flex;
  align-items: center;
}
.layout-vertical-nav .nav-header .header-action {
  cursor: pointer;
}
.layout-vertical-nav .app-title-wrapper {
  margin-inline-end: auto;
}
.layout-vertical-nav .nav-items {
  block-size: 100%;
}
.layout-vertical-nav .nav-item-title {
  overflow: hidden;
  margin-inline-end: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) {
  inline-size: 80px;
}
.layout-vertical-nav.overlay-nav:not(.visible) {
  transform: translateX(-260px);
}
[dir=rtl] .layout-vertical-nav.overlay-nav:not(.visible) {
  transform: translateX(260px);
}/* stylelint-disable scss/no-global-function-names */
.layout-vertical-nav .nav-group-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
/* stylelint-disable scss/no-global-function-names */ /*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.layout-content-width-boxed.layout-wrapper.layout-nav-type-vertical .layout-navbar, .layout-content-width-boxed.layout-wrapper.layout-nav-type-vertical .layout-footer {
  inline-size: 100%;
  margin-inline: auto;
  max-inline-size: 1440px;
}
.layout-wrapper.layout-nav-type-vertical .layout-navbar, .layout-wrapper.layout-nav-type-vertical .layout-footer {
  padding-inline: 1.5rem;
}
.layout-wrapper.layout-nav-type-vertical.layout-navbar-hidden .layout-navbar {
  display: none;
}
.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-navbar {
  position: sticky;
  inset-block-start: 0;
}
.layout-wrapper.layout-nav-type-vertical {
  block-size: 100%;
}
.layout-wrapper.layout-nav-type-vertical .layout-content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-block-size: calc(var(--vh, 1vh) * 100);
  transition: padding-inline-start 0.2s ease-in-out;
  will-change: padding-inline-start;
}
.layout-wrapper.layout-nav-type-vertical .layout-navbar {
  z-index: 11;
}
.layout-wrapper.layout-nav-type-vertical .layout-navbar .navbar-content-container {
  block-size: 64px;
}
.layout-wrapper.layout-nav-type-vertical .layout-overlay {
  position: fixed;
  z-index: 1003;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
  will-change: transform;
}
.layout-wrapper.layout-nav-type-vertical .layout-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}
.layout-wrapper.layout-nav-type-vertical:not(.layout-overlay-nav) .layout-content-wrapper {
  padding-inline-start: 260px;
}
.layout-wrapper.layout-nav-type-vertical.layout-vertical-nav-collapsed .layout-content-wrapper {
  padding-inline-start: 80px;
}
.layout-wrapper.layout-nav-type-vertical.layout-content-height-fixed .layout-content-wrapper {
  max-block-size: calc(var(--vh) * 100);
}
.layout-wrapper.layout-nav-type-vertical.layout-content-height-fixed .layout-page-content {
  display: flex;
  overflow: hidden;
}
.layout-wrapper.layout-nav-type-vertical.layout-content-height-fixed .layout-page-content .page-content-container {
  inline-size: 100%;
}
.layout-wrapper.layout-nav-type-vertical.layout-content-height-fixed .layout-page-content .page-content-container > :first-child {
  max-block-size: 100%;
  overflow-y: auto;
}/* stylelint-disable scss/no-global-function-names */
.layout-vertical-nav .nav-link a {
  display: flex;
  align-items: center;
}
/* stylelint-disable scss/no-global-function-names */ /*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.layout-content-width-boxed .layout-page-content {
  inline-size: 100%;
  margin-inline: auto;
  max-inline-size: 1440px;
}
.layout-page-content {
  padding-inline: 1.5rem;
}
[dir=rtl] .nav-group-arrow {
  transform: rotate(180deg);
}
html,
body {
  min-block-size: 100%;
}
.layout-page-content {
  flex-grow: 1;
  padding-block: 1.5rem;
}
.layout-footer .footer-content-container {
  block-size: 56px;
}
.layout-footer-sticky .layout-footer {
  position: sticky;
  inset-block-end: 0;
  will-change: transform;
}
.layout-footer-hidden .layout-footer {
  display: none;
}/* stylelint-disable scss/no-global-function-names */
*,
::before,
::after {
  box-sizing: inherit;
  background-repeat: no-repeat;
}

html {
  box-sizing: border-box;
}

ol,
ul {
  list-style: none;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x {
  height: 15px;
  bottom: 0;
}

.ps__rail-x, .ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  position: absolute;
}

.ps__rail-y {
  width: 15px;
  right: 0;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps__thumb-x {
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
}

.ps__thumb-x, .ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  position: absolute;
}

.ps__thumb-y {
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ps {
    overflow: auto !important;
  }
}
.ps {
  position: relative;
}

.cursor-pointer {
  cursor: pointer;
}
/* stylelint-disable scss/no-global-function-names */
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  line-height: 1;
}

.text-9xl {
  font-size: 8rem;
  line-height: 1;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gap-0 {
  gap: 0;
}

.gap-x-0 {
  column-gap: 0;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-x-1 {
  column-gap: 0.25rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-x-3 {
  column-gap: 0.75rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-x-5 {
  column-gap: 1.25rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-x-6 {
  column-gap: 1.5rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-x-7 {
  column-gap: 1.75rem;
}

.gap-y-7 {
  row-gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.gap-9 {
  gap: 2.25rem;
}

.gap-x-9 {
  column-gap: 2.25rem;
}

.gap-y-9 {
  row-gap: 2.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-x-10 {
  column-gap: 2.5rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-11 {
  gap: 2.75rem;
}

.gap-x-11 {
  column-gap: 2.75rem;
}

.gap-y-11 {
  row-gap: 2.75rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-x-12 {
  column-gap: 3rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-x-14 {
  column-gap: 3.5rem;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-x-16 {
  column-gap: 4rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-x-20 {
  column-gap: 5rem;
}

.gap-y-20 {
  row-gap: 5rem;
}

.gap-24 {
  gap: 6rem;
}

.gap-x-24 {
  column-gap: 6rem;
}

.gap-y-24 {
  row-gap: 6rem;
}

.gap-28 {
  gap: 7rem;
}

.gap-x-28 {
  column-gap: 7rem;
}

.gap-y-28 {
  row-gap: 7rem;
}

.gap-32 {
  gap: 8rem;
}

.gap-x-32 {
  column-gap: 8rem;
}

.gap-y-32 {
  row-gap: 8rem;
}

.gap-36 {
  gap: 9rem;
}

.gap-x-36 {
  column-gap: 9rem;
}

.gap-y-36 {
  row-gap: 9rem;
}

.gap-40 {
  gap: 10rem;
}

.gap-x-40 {
  column-gap: 10rem;
}

.gap-y-40 {
  row-gap: 10rem;
}

.gap-44 {
  gap: 11rem;
}

.gap-x-44 {
  column-gap: 11rem;
}

.gap-y-44 {
  row-gap: 11rem;
}

.gap-48 {
  gap: 12rem;
}

.gap-x-48 {
  column-gap: 12rem;
}

.gap-y-48 {
  row-gap: 12rem;
}

.gap-52 {
  gap: 13rem;
}

.gap-x-52 {
  column-gap: 13rem;
}

.gap-y-52 {
  row-gap: 13rem;
}

.gap-56 {
  gap: 14rem;
}

.gap-x-56 {
  column-gap: 14rem;
}

.gap-y-56 {
  row-gap: 14rem;
}

.gap-60 {
  gap: 15rem;
}

.gap-x-60 {
  column-gap: 15rem;
}

.gap-y-60 {
  row-gap: 15rem;
}

.gap-64 {
  gap: 16rem;
}

.gap-x-64 {
  column-gap: 16rem;
}

.gap-y-64 {
  row-gap: 16rem;
}

.gap-72 {
  gap: 18rem;
}

.gap-x-72 {
  column-gap: 18rem;
}

.gap-y-72 {
  row-gap: 18rem;
}

.gap-80 {
  gap: 20rem;
}

.gap-x-80 {
  column-gap: 20rem;
}

.gap-y-80 {
  row-gap: 20rem;
}

.gap-96 {
  gap: 24rem;
}

.gap-x-96 {
  column-gap: 24rem;
}

.gap-y-96 {
  row-gap: 24rem;
}

/*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.v-application__wrap {
  /* stylelint-disable-next-line liberty/use-logical-spec */
  min-height: calc(var(--vh, 1vh) * 100);
}

h1,
h2,
h3,
h4,
h5,
h6,
.text-h1,
.text-h2,
.text-h3,
.text-h4,
.text-h5,
.text-h6,
.text-button,
.text-overline,
.v-card-title {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}

.v-application,
.text-body-1,
.text-body-2,
.text-subtitle-1,
.text-subtitle-2 {
  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
}

.v-row .v-col .v-input__details,
.v-row [class^="v-col-*"] .v-input__details {
  margin-block-end: 0;
}

.v-theme--light {
  --v-theme-background:
    var(
      --skin-theme-background,
      248, 247, 250
    ) !important;
  --v-theme-surface:
    var(
      --skin-theme-surface,
      255, 255, 255
    ) !important;
}

.v-theme--dark {
  --v-theme-background:
    var(
      --skin-theme-background,
      37, 41, 60
    ) !important;
  --v-theme-surface:
    var(
      --skin-theme-surface,
      47, 51, 73
    ) !important;
}

.v-btn--density-compact.v-btn--size-default .v-btn__content > svg {
  width: 22px;
  height: 22px;
  font-size: 22px;
}

.v-card-subtitle {
  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity));
}

.v-card-text + .v-card-text {
  padding-block-start: 0 !important;
}

/*
  👉 Checkbox & Radio Ripple

  TODO Checkbox and switch component. Remove it when vuetify resolve the extra spacing: https://github.com/vuetifyjs/vuetify/issues/15519
  We need this because form elements likes checkbox and switches are by default set to height of textfield height which is way big than we want
  Tested with checkbox & switches
*/
.v-checkbox.v-input,
.v-switch.v-input {
  --v-input-control-height: auto;
  flex: unset;
}

.v-selection-control--density-comfortable.v-checkbox-btn, .v-selection-control--density-comfortable.v-radio, .v-selection-control--density-comfortable.v-radio-btn {
  margin-inline-start: -0.5625rem;
}

.v-selection-control--density-compact.v-radio, .v-selection-control--density-compact.v-radio-btn, .v-selection-control--density-compact.v-checkbox-btn {
  margin-inline-start: -0.3125rem;
}

.v-selection-control--density-default.v-checkbox-btn, .v-selection-control--density-default.v-radio, .v-selection-control--density-default.v-radio-btn {
  margin-inline-start: -0.6875rem;
}

.v-radio-group .v-selection-control-group .v-radio:not(:last-child) {
  margin-inline-end: 0.9rem;
}

/*
  👉 Tabs
  Disable tab transition

  This is for tabs where we don't have card wrapper to tabs and have multiple cards as tab content.

  This class will disable transition and adds `overflow: unset` on `VWindow` to allow spreading shadow
*/
.disable-tab-transition {
  overflow: unset !important;
}
.disable-tab-transition .v-window__container {
  block-size: auto !important;
}
.disable-tab-transition .v-window-item:not(.v-window-item--active) {
  display: none !important;
}
.disable-tab-transition .v-window__container .v-window-item {
  transform: none !important;
}

.v-list .v-list-item__prepend > .v-icon,
.v-list .v-list-item__append > .v-icon {
  opacity: var(--v-high-emphasis-opacity);
}

/*
  ℹ️ Custom class

  Remove list spacing inside card

  This is because card title gets padding of 20px and list item have padding of 16px. Moreover, list container have padding-bottom as well.
*/
.card-list {
  --v-card-list-gap: 20px;
}
.card-list.v-list {
  padding-block: 0;
}
.card-list .v-list-item {
  min-block-size: unset;
  min-block-size: auto !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
}
.card-list .v-list-item > .v-ripple__container {
  opacity: 0;
}
.card-list .v-list-item:not(:last-child) {
  padding-block-end: var(--v-card-list-gap) !important;
}
.card-list .v-list-item:hover > .v-list-item__overlay,
.card-list .v-list-item:focus > .v-list-item__overlay,
.card-list .v-list-item:active > .v-list-item__overlay,
.card-list .v-list-item.active > .v-list-item__overlay {
  opacity: 0 !important;
}

.v-switch.v-input,
.v-checkbox-btn,
.v-radio-btn,
.v-radio {
  --v-input-control-height: auto;
  flex: unset;
}

.v-checkbox-btn .v-selection-control__input .v-icon.iconify--custom {
  border-radius: 0.25rem;
  block-size: 1.125rem !important;
  font-size: 1.125rem !important;
  inline-size: 1.125rem !important;
}
.v-checkbox-btn .v-selection-control--dirty .v-selection-control__input .v-icon.iconify--custom {
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}

.v-radio .v-selection-control__input .iconify--custom,
.v-radio-btn .v-selection-control__input .iconify--custom {
  border-radius: 5rem;
  block-size: 1.125rem !important;
  font-size: 1.125rem !important;
  inline-size: 1.125rem !important;
}
.v-radio.v-selection-control--dirty .v-selection-control__input .iconify--custom,
.v-radio-btn.v-selection-control--dirty .v-selection-control__input .iconify--custom {
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}

svg.iconify * {
  stroke-width: 1.5;
}

.v-alert:not(.v-alert--prominent) .v-alert__prepend {
  z-index: 1;
  padding: 0.25rem;
  border-radius: 0.375rem;
  background-color: #fff;
}
.v-alert:not(.v-alert--prominent) .v-alert__prepend .v-icon {
  block-size: 1.125rem !important;
  font-size: 1.125rem !important;
  inline-size: 1.125rem !important;
}

.v-alert:not(.v-alert--prominent).bg-primary .v-alert__prepend,
.v-alert:not(.v-alert--prominent).text-primary .v-alert__prepend {
  color: rgb(var(--v-theme-primary)) !important;
}

.v-alert:not(.v-alert--prominent).bg-secondary .v-alert__prepend,
.v-alert:not(.v-alert--prominent).text-secondary .v-alert__prepend {
  color: rgb(var(--v-theme-secondary)) !important;
}

.v-alert:not(.v-alert--prominent).bg-error .v-alert__prepend,
.v-alert:not(.v-alert--prominent).text-error .v-alert__prepend {
  color: rgb(var(--v-theme-error)) !important;
}

.v-alert:not(.v-alert--prominent).bg-info .v-alert__prepend,
.v-alert:not(.v-alert--prominent).text-info .v-alert__prepend {
  color: rgb(var(--v-theme-info)) !important;
}

.v-alert:not(.v-alert--prominent).bg-success .v-alert__prepend,
.v-alert:not(.v-alert--prominent).text-success .v-alert__prepend {
  color: rgb(var(--v-theme-success)) !important;
}

.v-alert:not(.v-alert--prominent).bg-warning .v-alert__prepend,
.v-alert:not(.v-alert--prominent).text-warning .v-alert__prepend {
  color: rgb(var(--v-theme-warning)) !important;
}

.v-badge__badge .v-icon {
  margin-block-end: 0.125rem !important;
}

.v-slider-thumb {
  border: 3px solid rgb(var(--v-theme-surface));
  border-radius: 5rem;
  box-shadow: 0 3px 6px 2px var(--v-shadow-key-umbra-opacity), 0 6px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity);
}

.v-slider-thumb__label {
  background: #212121 !important;
  color: rgb(var(--v-theme-on-primary)) !important;
}

.v-slider.v-input--horizontal .v-slider-thumb__label::before {
  border-block-start-color: #212121 !important;
}

.v-slider.v-input--vertical .v-slider-thumb__label::before {
  border-inline-end-color: #212121 !important;
}
@keyframes v-shake {
  59% {
    margin-left: 0;
  }
  60%, 80% {
    margin-left: 2px;
  }
  70%, 90% {
    margin-left: -2px;
  }
}
/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

.dialog-transition-enter-active,
.dialog-bottom-transition-enter-active,
.dialog-top-transition-enter-active {
  transition-duration: 225ms !important;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.dialog-transition-leave-active,
.dialog-bottom-transition-leave-active,
.dialog-top-transition-leave-active {
  transition-duration: 125ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.dialog-transition-enter-active, .dialog-transition-leave-active,
.dialog-bottom-transition-enter-active,
.dialog-bottom-transition-leave-active,
.dialog-top-transition-enter-active,
.dialog-top-transition-leave-active {
  transition-property: transform, opacity !important;
  pointer-events: none;
}

.dialog-transition-enter-from, .dialog-transition-leave-to {
  transform: scale(0.9);
  opacity: 0;
}
.dialog-transition-enter-to, .dialog-transition-leave-from {
  opacity: 1;
}

.dialog-bottom-transition-enter-from, .dialog-bottom-transition-leave-to {
  transform: translateY(calc(50vh + 50%));
}

.dialog-top-transition-enter-from, .dialog-top-transition-leave-to {
  transform: translateY(calc(-50vh - 50%));
}

.picker-transition-enter-active,
.picker-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-leave-active,
.picker-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-move,
.picker-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-enter-from, .picker-transition-leave-to,
.picker-reverse-transition-enter-from,
.picker-reverse-transition-leave-to {
  opacity: 0;
}
.picker-transition-leave-from, .picker-transition-leave-active, .picker-transition-leave-to,
.picker-reverse-transition-leave-from,
.picker-reverse-transition-leave-active,
.picker-reverse-transition-leave-to {
  position: absolute !important;
}
.picker-transition-enter-active, .picker-transition-leave-active,
.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.picker-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-transition-enter-from {
  transform: translate(0, 100%);
}
.picker-transition-leave-to {
  transform: translate(0, -100%);
}

.picker-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-reverse-transition-enter-from {
  transform: translate(0, -100%);
}
.picker-reverse-transition-leave-to {
  transform: translate(0, 100%);
}

.expand-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-transition-enter-active, .expand-transition-leave-active {
  transition-property: height !important;
}

.expand-x-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-x-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-x-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.expand-x-transition-enter-active, .expand-x-transition-leave-active {
  transition-property: width !important;
}

.scale-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-transition-leave-to {
  opacity: 0;
}
.scale-transition-leave-active {
  transition-duration: 100ms !important;
}
.scale-transition-enter-from {
  opacity: 0;
  transform: scale(0);
}
.scale-transition-enter-active, .scale-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scale-rotate-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-transition-leave-to {
  opacity: 0;
}
.scale-rotate-transition-leave-active {
  transition-duration: 100ms !important;
}
.scale-rotate-transition-enter-from {
  opacity: 0;
  transform: scale(0) rotate(-45deg);
}
.scale-rotate-transition-enter-active, .scale-rotate-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scale-rotate-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scale-rotate-reverse-transition-leave-to {
  opacity: 0;
}
.scale-rotate-reverse-transition-leave-active {
  transition-duration: 100ms !important;
}
.scale-rotate-reverse-transition-enter-from {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.scale-rotate-reverse-transition-enter-active, .scale-rotate-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.message-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.message-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.message-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.message-transition-enter-from, .message-transition-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}
.message-transition-leave-from, .message-transition-leave-active {
  position: absolute;
}
.message-transition-enter-active, .message-transition-leave-active {
  transition-property: transform, opacity !important;
}

.slide-y-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-transition-enter-from, .slide-y-transition-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}
.slide-y-transition-enter-active, .slide-y-transition-leave-active {
  transition-property: transform, opacity !important;
}

.slide-y-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-y-reverse-transition-enter-from, .slide-y-reverse-transition-leave-to {
  opacity: 0;
  transform: translateY(15px);
}
.slide-y-reverse-transition-enter-active, .slide-y-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scroll-y-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-transition-enter-from, .scroll-y-transition-leave-to {
  opacity: 0;
}
.scroll-y-transition-enter-from {
  transform: translateY(-15px);
}
.scroll-y-transition-leave-to {
  transform: translateY(15px);
}
.scroll-y-transition-enter-active, .scroll-y-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scroll-y-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-y-reverse-transition-enter-from, .scroll-y-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-y-reverse-transition-enter-from {
  transform: translateY(15px);
}
.scroll-y-reverse-transition-leave-to {
  transform: translateY(-15px);
}
.scroll-y-reverse-transition-enter-active, .scroll-y-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scroll-x-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-transition-enter-from, .scroll-x-transition-leave-to {
  opacity: 0;
}
.scroll-x-transition-enter-from {
  transform: translateX(-15px);
}
.scroll-x-transition-leave-to {
  transform: translateX(15px);
}
.scroll-x-transition-enter-active, .scroll-x-transition-leave-active {
  transition-property: transform, opacity !important;
}

.scroll-x-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scroll-x-reverse-transition-enter-from, .scroll-x-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-x-reverse-transition-enter-from {
  transform: translateX(15px);
}
.scroll-x-reverse-transition-leave-to {
  transform: translateX(-15px);
}
.scroll-x-reverse-transition-enter-active, .scroll-x-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.slide-x-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-transition-enter-from, .slide-x-transition-leave-to {
  opacity: 0;
  transform: translateX(-15px);
}
.slide-x-transition-enter-active, .slide-x-transition-leave-active {
  transition-property: transform, opacity !important;
}

.slide-x-reverse-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-reverse-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-reverse-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.slide-x-reverse-transition-enter-from, .slide-x-reverse-transition-leave-to {
  opacity: 0;
  transform: translateX(15px);
}
.slide-x-reverse-transition-enter-active, .slide-x-reverse-transition-leave-active {
  transition-property: transform, opacity !important;
}

.fade-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fade-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fade-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fade-transition-enter-from, .fade-transition-leave-to {
  opacity: 0 !important;
}
.fade-transition-enter-active, .fade-transition-leave-active {
  transition-property: opacity !important;
}

.fab-transition-enter-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fab-transition-leave-active {
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fab-transition-move {
  transition-duration: 0.5s !important;
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.fab-transition-enter-from, .fab-transition-leave-to {
  transform: scale(0) rotate(-45deg);
}
.fab-transition-enter-active, .fab-transition-leave-active {
  transition-property: transform !important;
}

.v-locale--is-rtl {
  direction: rtl;
}
.v-locale--is-ltr {
  direction: ltr;
}

.blockquote {
  padding: 16px 0 16px 24px;
  font-size: 18px;
  font-weight: 300;
}

html {
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  font-size: 1rem;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html.overflow-y-hidden {
  overflow-y: hidden !important;
}

:root {
  --v-theme-overlay-multiplier: 1;
  --v-scrollbar-offset: 0px;
}

@supports (-webkit-touch-callout: none) {
  body {
    cursor: pointer;
  }
}
@media only print {
  .hidden-print-only {
    display: none !important;
  }
}

@media only screen {
  .hidden-screen-only {
    display: none !important;
  }
}

@media (max-width: 599.98px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 600px) and (max-width: 959.98px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 960px) and (max-width: 1279.98px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1919.98px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1920px) and (max-width: 2559.98px) {
  .hidden-xl {
    display: none !important;
  }
}

@media (min-width: 2560px) {
  .hidden-xxl {
    display: none !important;
  }
}

@media (min-width: 600px) {
  .hidden-sm-and-up {
    display: none !important;
  }
}

@media (min-width: 960px) {
  .hidden-md-and-up {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .hidden-lg-and-up {
    display: none !important;
  }
}

@media (min-width: 1920px) {
  .hidden-xl-and-up {
    display: none !important;
  }
}

@media (max-width: 959.98px) {
  .hidden-sm-and-down {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .hidden-md-and-down {
    display: none !important;
  }
}

@media (max-width: 1919.98px) {
  .hidden-lg-and-down {
    display: none !important;
  }
}

@media (max-width: 2559.98px) {
  .hidden-xl-and-down {
    display: none !important;
  }
}

.elevation-24 {
  box-shadow: 0 11px 27px 7px var(--v-shadow-key-umbra-opacity), 0 27px 24px 3px var(--v-shadow-key-penumbra-opacity), 0 9px 24px 7px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-23 {
  box-shadow: 0 11px 26px 7px var(--v-shadow-key-umbra-opacity), 0 26px 23px 3px var(--v-shadow-key-penumbra-opacity), 0 9px 23px 7px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-22 {
  box-shadow: 0 10px 25px 6px var(--v-shadow-key-umbra-opacity), 0 25px 22px 3px var(--v-shadow-key-penumbra-opacity), 0 8px 22px 7px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-21 {
  box-shadow: 0 10px 24px 6px var(--v-shadow-key-umbra-opacity), 0 24px 21px 3px var(--v-shadow-key-penumbra-opacity), 0 8px 21px 7px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-20 {
  box-shadow: 0 10px 23px 6px var(--v-shadow-key-umbra-opacity), 0 23px 20px 3px var(--v-shadow-key-penumbra-opacity), 0 8px 20px 7px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-19 {
  box-shadow: 0 9px 22px 6px var(--v-shadow-key-umbra-opacity), 0 22px 19px 2px var(--v-shadow-key-penumbra-opacity), 0 7px 19px 7px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-18 {
  box-shadow: 0 9px 21px 5px var(--v-shadow-key-umbra-opacity), 0 21px 18px 2px var(--v-shadow-key-penumbra-opacity), 0 7px 18px 7px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-17 {
  box-shadow: 0 8px 20px 5px var(--v-shadow-key-umbra-opacity), 0 20px 17px 2px var(--v-shadow-key-penumbra-opacity), 0 6px 17px 7px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-16 {
  box-shadow: 0 8px 19px 5px var(--v-shadow-key-umbra-opacity), 0 19px 16px 2px var(--v-shadow-key-penumbra-opacity), 0 6px 16px 6px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-15 {
  box-shadow: 0 8px 18px 5px var(--v-shadow-key-umbra-opacity), 0 18px 15px 2px var(--v-shadow-key-penumbra-opacity), 0 6px 15px 6px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-14 {
  box-shadow: 0 7px 17px 4px var(--v-shadow-key-umbra-opacity), 0 17px 14px 2px var(--v-shadow-key-penumbra-opacity), 0 5px 14px 6px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-13 {
  box-shadow: 0 7px 16px 4px var(--v-shadow-key-umbra-opacity), 0 16px 13px 2px var(--v-shadow-key-penumbra-opacity), 0 5px 13px 6px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-12 {
  box-shadow: 0 7px 15px 4px var(--v-shadow-key-umbra-opacity), 0 15px 12px 2px var(--v-shadow-key-penumbra-opacity), 0 5px 12px 5px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-11 {
  box-shadow: 0 6px 14px 4px var(--v-shadow-key-umbra-opacity), 0 14px 11px 1px var(--v-shadow-key-penumbra-opacity), 0 4px 11px 5px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-10 {
  box-shadow: 0 6px 13px 3px var(--v-shadow-key-umbra-opacity), 0 13px 10px 1px var(--v-shadow-key-penumbra-opacity), 0 4px 10px 5px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-9 {
  box-shadow: 0 5px 12px 3px var(--v-shadow-key-umbra-opacity), 0 12px 9px 1px var(--v-shadow-key-penumbra-opacity), 0 3px 9px 5px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-8 {
  box-shadow: 0 5px 11px 3px var(--v-shadow-key-umbra-opacity), 0 11px 8px 1px var(--v-shadow-key-penumbra-opacity), 0 3px 8px 4px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-7 {
  box-shadow: 0 4px 10px 2px var(--v-shadow-key-umbra-opacity), 0 10px 9px 1px var(--v-shadow-key-penumbra-opacity), 0 2px 7px 4px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-6 {
  box-shadow: 0 3px 9px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-5 {
  box-shadow: 0 3px 8px 1px var(--v-shadow-key-umbra-opacity), 0 8px 6px var(--v-shadow-key-penumbra-opacity), 0 1px 5px 4px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-4 {
  box-shadow: 0 2px 7px 1px var(--v-shadow-key-umbra-opacity), 0 7px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-3 {
  box-shadow: 0 3px 6px 2px var(--v-shadow-key-umbra-opacity), 0 6px 4px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-2 {
  box-shadow: 0 3px 5px 2px var(--v-shadow-key-umbra-opacity), 0 5px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 4px 2px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-1 {
  box-shadow: 0 2px 4px 1px var(--v-shadow-key-umbra-opacity), 0 4px 3px var(--v-shadow-key-penumbra-opacity), 0 1px 3px 2px var(--v-shadow-key-ambient-opacity) !important;
}

.elevation-0 {
  box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity), 0 0 0 0 var(--v-shadow-key-penumbra-opacity), 0 0 0 0 var(--v-shadow-key-ambient-opacity) !important;
}

.d-sr-only,
.d-sr-only-focusable:not(:focus) {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

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

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

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

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

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

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

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

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

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

.float-none {
  float: none !important;
}

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

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

.v-locale--is-rtl .float-end {
  float: left !important;
}

.v-locale--is-rtl .float-start {
  float: right !important;
}

.v-locale--is-ltr .float-end {
  float: right !important;
}

.v-locale--is-ltr .float-start {
  float: left !important;
}

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

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

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

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

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

.flex-1-1-100 {
  flex: 1 1 100% !important;
}

.flex-1-0-100 {
  flex: 1 0 100% !important;
}

.flex-0-1-100 {
  flex: 0 1 100% !important;
}

.flex-0-0-100 {
  flex: 0 0 100% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ga-0 {
  gap: 0px !important;
}

.ga-1 {
  gap: 4px !important;
}

.ga-2 {
  gap: 8px !important;
}

.ga-3 {
  gap: 12px !important;
}

.ga-4 {
  gap: 16px !important;
}

.ga-5 {
  gap: 20px !important;
}

.ga-6 {
  gap: 24px !important;
}

.ga-7 {
  gap: 28px !important;
}

.ga-8 {
  gap: 32px !important;
}

.ga-9 {
  gap: 36px !important;
}

.ga-10 {
  gap: 40px !important;
}

.ga-11 {
  gap: 44px !important;
}

.ga-12 {
  gap: 48px !important;
}

.ga-13 {
  gap: 52px !important;
}

.ga-14 {
  gap: 56px !important;
}

.ga-15 {
  gap: 60px !important;
}

.ga-16 {
  gap: 64px !important;
}

.ga-auto {
  gap: auto !important;
}

.gr-0 {
  row-gap: 0px !important;
}

.gr-1 {
  row-gap: 4px !important;
}

.gr-2 {
  row-gap: 8px !important;
}

.gr-3 {
  row-gap: 12px !important;
}

.gr-4 {
  row-gap: 16px !important;
}

.gr-5 {
  row-gap: 20px !important;
}

.gr-6 {
  row-gap: 24px !important;
}

.gr-7 {
  row-gap: 28px !important;
}

.gr-8 {
  row-gap: 32px !important;
}

.gr-9 {
  row-gap: 36px !important;
}

.gr-10 {
  row-gap: 40px !important;
}

.gr-11 {
  row-gap: 44px !important;
}

.gr-12 {
  row-gap: 48px !important;
}

.gr-13 {
  row-gap: 52px !important;
}

.gr-14 {
  row-gap: 56px !important;
}

.gr-15 {
  row-gap: 60px !important;
}

.gr-16 {
  row-gap: 64px !important;
}

.gr-auto {
  row-gap: auto !important;
}

.gc-0 {
  column-gap: 0px !important;
}

.gc-1 {
  column-gap: 4px !important;
}

.gc-2 {
  column-gap: 8px !important;
}

.gc-3 {
  column-gap: 12px !important;
}

.gc-4 {
  column-gap: 16px !important;
}

.gc-5 {
  column-gap: 20px !important;
}

.gc-6 {
  column-gap: 24px !important;
}

.gc-7 {
  column-gap: 28px !important;
}

.gc-8 {
  column-gap: 32px !important;
}

.gc-9 {
  column-gap: 36px !important;
}

.gc-10 {
  column-gap: 40px !important;
}

.gc-11 {
  column-gap: 44px !important;
}

.gc-12 {
  column-gap: 48px !important;
}

.gc-13 {
  column-gap: 52px !important;
}

.gc-14 {
  column-gap: 56px !important;
}

.gc-15 {
  column-gap: 60px !important;
}

.gc-16 {
  column-gap: 64px !important;
}

.gc-auto {
  column-gap: auto !important;
}

.ma-0 {
  margin: 0px !important;
}

.ma-1 {
  margin: 4px !important;
}

.ma-2 {
  margin: 8px !important;
}

.ma-3 {
  margin: 12px !important;
}

.ma-4 {
  margin: 16px !important;
}

.ma-5 {
  margin: 20px !important;
}

.ma-6 {
  margin: 24px !important;
}

.ma-7 {
  margin: 28px !important;
}

.ma-8 {
  margin: 32px !important;
}

.ma-9 {
  margin: 36px !important;
}

.ma-10 {
  margin: 40px !important;
}

.ma-11 {
  margin: 44px !important;
}

.ma-12 {
  margin: 48px !important;
}

.ma-13 {
  margin: 52px !important;
}

.ma-14 {
  margin: 56px !important;
}

.ma-15 {
  margin: 60px !important;
}

.ma-16 {
  margin: 64px !important;
}

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

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

.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.mx-2 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.mx-3 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mx-4 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.mx-5 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.mx-6 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.mx-7 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.mx-8 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.mx-9 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.mx-10 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.mx-11 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.mx-12 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.mx-13 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.mx-14 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.mx-15 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.mx-16 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

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

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

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-7 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.my-8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.my-9 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.my-10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-11 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.my-12 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.my-13 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.my-14 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.my-15 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.my-16 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

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

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

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mt-6 {
  margin-top: 24px !important;
}

.mt-7 {
  margin-top: 28px !important;
}

.mt-8 {
  margin-top: 32px !important;
}

.mt-9 {
  margin-top: 36px !important;
}

.mt-10 {
  margin-top: 40px !important;
}

.mt-11 {
  margin-top: 44px !important;
}

.mt-12 {
  margin-top: 48px !important;
}

.mt-13 {
  margin-top: 52px !important;
}

.mt-14 {
  margin-top: 56px !important;
}

.mt-15 {
  margin-top: 60px !important;
}

.mt-16 {
  margin-top: 64px !important;
}

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

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 12px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.mr-5 {
  margin-right: 20px !important;
}

.mr-6 {
  margin-right: 24px !important;
}

.mr-7 {
  margin-right: 28px !important;
}

.mr-8 {
  margin-right: 32px !important;
}

.mr-9 {
  margin-right: 36px !important;
}

.mr-10 {
  margin-right: 40px !important;
}

.mr-11 {
  margin-right: 44px !important;
}

.mr-12 {
  margin-right: 48px !important;
}

.mr-13 {
  margin-right: 52px !important;
}

.mr-14 {
  margin-right: 56px !important;
}

.mr-15 {
  margin-right: 60px !important;
}

.mr-16 {
  margin-right: 64px !important;
}

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

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

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.mb-5 {
  margin-bottom: 20px !important;
}

.mb-6 {
  margin-bottom: 24px !important;
}

.mb-7 {
  margin-bottom: 28px !important;
}

.mb-8 {
  margin-bottom: 32px !important;
}

.mb-9 {
  margin-bottom: 36px !important;
}

.mb-10 {
  margin-bottom: 40px !important;
}

.mb-11 {
  margin-bottom: 44px !important;
}

.mb-12 {
  margin-bottom: 48px !important;
}

.mb-13 {
  margin-bottom: 52px !important;
}

.mb-14 {
  margin-bottom: 56px !important;
}

.mb-15 {
  margin-bottom: 60px !important;
}

.mb-16 {
  margin-bottom: 64px !important;
}

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

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.ml-3 {
  margin-left: 12px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.ml-5 {
  margin-left: 20px !important;
}

.ml-6 {
  margin-left: 24px !important;
}

.ml-7 {
  margin-left: 28px !important;
}

.ml-8 {
  margin-left: 32px !important;
}

.ml-9 {
  margin-left: 36px !important;
}

.ml-10 {
  margin-left: 40px !important;
}

.ml-11 {
  margin-left: 44px !important;
}

.ml-12 {
  margin-left: 48px !important;
}

.ml-13 {
  margin-left: 52px !important;
}

.ml-14 {
  margin-left: 56px !important;
}

.ml-15 {
  margin-left: 60px !important;
}

.ml-16 {
  margin-left: 64px !important;
}

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

.ms-0 {
  margin-inline-start: 0px !important;
}

.ms-1 {
  margin-inline-start: 4px !important;
}

.ms-2 {
  margin-inline-start: 8px !important;
}

.ms-3 {
  margin-inline-start: 12px !important;
}

.ms-4 {
  margin-inline-start: 16px !important;
}

.ms-5 {
  margin-inline-start: 20px !important;
}

.ms-6 {
  margin-inline-start: 24px !important;
}

.ms-7 {
  margin-inline-start: 28px !important;
}

.ms-8 {
  margin-inline-start: 32px !important;
}

.ms-9 {
  margin-inline-start: 36px !important;
}

.ms-10 {
  margin-inline-start: 40px !important;
}

.ms-11 {
  margin-inline-start: 44px !important;
}

.ms-12 {
  margin-inline-start: 48px !important;
}

.ms-13 {
  margin-inline-start: 52px !important;
}

.ms-14 {
  margin-inline-start: 56px !important;
}

.ms-15 {
  margin-inline-start: 60px !important;
}

.ms-16 {
  margin-inline-start: 64px !important;
}

.ms-auto {
  margin-inline-start: auto !important;
}

.me-0 {
  margin-inline-end: 0px !important;
}

.me-1 {
  margin-inline-end: 4px !important;
}

.me-2 {
  margin-inline-end: 8px !important;
}

.me-3 {
  margin-inline-end: 12px !important;
}

.me-4 {
  margin-inline-end: 16px !important;
}

.me-5 {
  margin-inline-end: 20px !important;
}

.me-6 {
  margin-inline-end: 24px !important;
}

.me-7 {
  margin-inline-end: 28px !important;
}

.me-8 {
  margin-inline-end: 32px !important;
}

.me-9 {
  margin-inline-end: 36px !important;
}

.me-10 {
  margin-inline-end: 40px !important;
}

.me-11 {
  margin-inline-end: 44px !important;
}

.me-12 {
  margin-inline-end: 48px !important;
}

.me-13 {
  margin-inline-end: 52px !important;
}

.me-14 {
  margin-inline-end: 56px !important;
}

.me-15 {
  margin-inline-end: 60px !important;
}

.me-16 {
  margin-inline-end: 64px !important;
}

.me-auto {
  margin-inline-end: auto !important;
}

.ma-n1 {
  margin: -4px !important;
}

.ma-n2 {
  margin: -8px !important;
}

.ma-n3 {
  margin: -12px !important;
}

.ma-n4 {
  margin: -16px !important;
}

.ma-n5 {
  margin: -20px !important;
}

.ma-n6 {
  margin: -24px !important;
}

.ma-n7 {
  margin: -28px !important;
}

.ma-n8 {
  margin: -32px !important;
}

.ma-n9 {
  margin: -36px !important;
}

.ma-n10 {
  margin: -40px !important;
}

.ma-n11 {
  margin: -44px !important;
}

.ma-n12 {
  margin: -48px !important;
}

.ma-n13 {
  margin: -52px !important;
}

.ma-n14 {
  margin: -56px !important;
}

.ma-n15 {
  margin: -60px !important;
}

.ma-n16 {
  margin: -64px !important;
}

.mx-n1 {
  margin-right: -4px !important;
  margin-left: -4px !important;
}

.mx-n2 {
  margin-right: -8px !important;
  margin-left: -8px !important;
}

.mx-n3 {
  margin-right: -12px !important;
  margin-left: -12px !important;
}

.mx-n4 {
  margin-right: -16px !important;
  margin-left: -16px !important;
}

.mx-n5 {
  margin-right: -20px !important;
  margin-left: -20px !important;
}

.mx-n6 {
  margin-right: -24px !important;
  margin-left: -24px !important;
}

.mx-n7 {
  margin-right: -28px !important;
  margin-left: -28px !important;
}

.mx-n8 {
  margin-right: -32px !important;
  margin-left: -32px !important;
}

.mx-n9 {
  margin-right: -36px !important;
  margin-left: -36px !important;
}

.mx-n10 {
  margin-right: -40px !important;
  margin-left: -40px !important;
}

.mx-n11 {
  margin-right: -44px !important;
  margin-left: -44px !important;
}

.mx-n12 {
  margin-right: -48px !important;
  margin-left: -48px !important;
}

.mx-n13 {
  margin-right: -52px !important;
  margin-left: -52px !important;
}

.mx-n14 {
  margin-right: -56px !important;
  margin-left: -56px !important;
}

.mx-n15 {
  margin-right: -60px !important;
  margin-left: -60px !important;
}

.mx-n16 {
  margin-right: -64px !important;
  margin-left: -64px !important;
}

.my-n1 {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

.my-n2 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

.my-n3 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

.my-n4 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}

.my-n5 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.my-n6 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}

.my-n7 {
  margin-top: -28px !important;
  margin-bottom: -28px !important;
}

.my-n8 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}

.my-n9 {
  margin-top: -36px !important;
  margin-bottom: -36px !important;
}

.my-n10 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.my-n11 {
  margin-top: -44px !important;
  margin-bottom: -44px !important;
}

.my-n12 {
  margin-top: -48px !important;
  margin-bottom: -48px !important;
}

.my-n13 {
  margin-top: -52px !important;
  margin-bottom: -52px !important;
}

.my-n14 {
  margin-top: -56px !important;
  margin-bottom: -56px !important;
}

.my-n15 {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}

.my-n16 {
  margin-top: -64px !important;
  margin-bottom: -64px !important;
}

.mt-n1 {
  margin-top: -4px !important;
}

.mt-n2 {
  margin-top: -8px !important;
}

.mt-n3 {
  margin-top: -12px !important;
}

.mt-n4 {
  margin-top: -16px !important;
}

.mt-n5 {
  margin-top: -20px !important;
}

.mt-n6 {
  margin-top: -24px !important;
}

.mt-n7 {
  margin-top: -28px !important;
}

.mt-n8 {
  margin-top: -32px !important;
}

.mt-n9 {
  margin-top: -36px !important;
}

.mt-n10 {
  margin-top: -40px !important;
}

.mt-n11 {
  margin-top: -44px !important;
}

.mt-n12 {
  margin-top: -48px !important;
}

.mt-n13 {
  margin-top: -52px !important;
}

.mt-n14 {
  margin-top: -56px !important;
}

.mt-n15 {
  margin-top: -60px !important;
}

.mt-n16 {
  margin-top: -64px !important;
}

.mr-n1 {
  margin-right: -4px !important;
}

.mr-n2 {
  margin-right: -8px !important;
}

.mr-n3 {
  margin-right: -12px !important;
}

.mr-n4 {
  margin-right: -16px !important;
}

.mr-n5 {
  margin-right: -20px !important;
}

.mr-n6 {
  margin-right: -24px !important;
}

.mr-n7 {
  margin-right: -28px !important;
}

.mr-n8 {
  margin-right: -32px !important;
}

.mr-n9 {
  margin-right: -36px !important;
}

.mr-n10 {
  margin-right: -40px !important;
}

.mr-n11 {
  margin-right: -44px !important;
}

.mr-n12 {
  margin-right: -48px !important;
}

.mr-n13 {
  margin-right: -52px !important;
}

.mr-n14 {
  margin-right: -56px !important;
}

.mr-n15 {
  margin-right: -60px !important;
}

.mr-n16 {
  margin-right: -64px !important;
}

.mb-n1 {
  margin-bottom: -4px !important;
}

.mb-n2 {
  margin-bottom: -8px !important;
}

.mb-n3 {
  margin-bottom: -12px !important;
}

.mb-n4 {
  margin-bottom: -16px !important;
}

.mb-n5 {
  margin-bottom: -20px !important;
}

.mb-n6 {
  margin-bottom: -24px !important;
}

.mb-n7 {
  margin-bottom: -28px !important;
}

.mb-n8 {
  margin-bottom: -32px !important;
}

.mb-n9 {
  margin-bottom: -36px !important;
}

.mb-n10 {
  margin-bottom: -40px !important;
}

.mb-n11 {
  margin-bottom: -44px !important;
}

.mb-n12 {
  margin-bottom: -48px !important;
}

.mb-n13 {
  margin-bottom: -52px !important;
}

.mb-n14 {
  margin-bottom: -56px !important;
}

.mb-n15 {
  margin-bottom: -60px !important;
}

.mb-n16 {
  margin-bottom: -64px !important;
}

.ml-n1 {
  margin-left: -4px !important;
}

.ml-n2 {
  margin-left: -8px !important;
}

.ml-n3 {
  margin-left: -12px !important;
}

.ml-n4 {
  margin-left: -16px !important;
}

.ml-n5 {
  margin-left: -20px !important;
}

.ml-n6 {
  margin-left: -24px !important;
}

.ml-n7 {
  margin-left: -28px !important;
}

.ml-n8 {
  margin-left: -32px !important;
}

.ml-n9 {
  margin-left: -36px !important;
}

.ml-n10 {
  margin-left: -40px !important;
}

.ml-n11 {
  margin-left: -44px !important;
}

.ml-n12 {
  margin-left: -48px !important;
}

.ml-n13 {
  margin-left: -52px !important;
}

.ml-n14 {
  margin-left: -56px !important;
}

.ml-n15 {
  margin-left: -60px !important;
}

.ml-n16 {
  margin-left: -64px !important;
}

.ms-n1 {
  margin-inline-start: -4px !important;
}

.ms-n2 {
  margin-inline-start: -8px !important;
}

.ms-n3 {
  margin-inline-start: -12px !important;
}

.ms-n4 {
  margin-inline-start: -16px !important;
}

.ms-n5 {
  margin-inline-start: -20px !important;
}

.ms-n6 {
  margin-inline-start: -24px !important;
}

.ms-n7 {
  margin-inline-start: -28px !important;
}

.ms-n8 {
  margin-inline-start: -32px !important;
}

.ms-n9 {
  margin-inline-start: -36px !important;
}

.ms-n10 {
  margin-inline-start: -40px !important;
}

.ms-n11 {
  margin-inline-start: -44px !important;
}

.ms-n12 {
  margin-inline-start: -48px !important;
}

.ms-n13 {
  margin-inline-start: -52px !important;
}

.ms-n14 {
  margin-inline-start: -56px !important;
}

.ms-n15 {
  margin-inline-start: -60px !important;
}

.ms-n16 {
  margin-inline-start: -64px !important;
}

.me-n1 {
  margin-inline-end: -4px !important;
}

.me-n2 {
  margin-inline-end: -8px !important;
}

.me-n3 {
  margin-inline-end: -12px !important;
}

.me-n4 {
  margin-inline-end: -16px !important;
}

.me-n5 {
  margin-inline-end: -20px !important;
}

.me-n6 {
  margin-inline-end: -24px !important;
}

.me-n7 {
  margin-inline-end: -28px !important;
}

.me-n8 {
  margin-inline-end: -32px !important;
}

.me-n9 {
  margin-inline-end: -36px !important;
}

.me-n10 {
  margin-inline-end: -40px !important;
}

.me-n11 {
  margin-inline-end: -44px !important;
}

.me-n12 {
  margin-inline-end: -48px !important;
}

.me-n13 {
  margin-inline-end: -52px !important;
}

.me-n14 {
  margin-inline-end: -56px !important;
}

.me-n15 {
  margin-inline-end: -60px !important;
}

.me-n16 {
  margin-inline-end: -64px !important;
}

.pa-0 {
  padding: 0px !important;
}

.pa-1 {
  padding: 4px !important;
}

.pa-2 {
  padding: 8px !important;
}

.pa-3 {
  padding: 12px !important;
}

.pa-4 {
  padding: 16px !important;
}

.pa-5 {
  padding: 20px !important;
}

.pa-6 {
  padding: 24px !important;
}

.pa-7 {
  padding: 28px !important;
}

.pa-8 {
  padding: 32px !important;
}

.pa-9 {
  padding: 36px !important;
}

.pa-10 {
  padding: 40px !important;
}

.pa-11 {
  padding: 44px !important;
}

.pa-12 {
  padding: 48px !important;
}

.pa-13 {
  padding: 52px !important;
}

.pa-14 {
  padding: 56px !important;
}

.pa-15 {
  padding: 60px !important;
}

.pa-16 {
  padding: 64px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.py-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.py-9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-11 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.py-12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.py-13 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.py-14 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.py-15 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

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

.pt-1 {
  padding-top: 4px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pt-6 {
  padding-top: 24px !important;
}

.pt-7 {
  padding-top: 28px !important;
}

.pt-8 {
  padding-top: 32px !important;
}

.pt-9 {
  padding-top: 36px !important;
}

.pt-10 {
  padding-top: 40px !important;
}

.pt-11 {
  padding-top: 44px !important;
}

.pt-12 {
  padding-top: 48px !important;
}

.pt-13 {
  padding-top: 52px !important;
}

.pt-14 {
  padding-top: 56px !important;
}

.pt-15 {
  padding-top: 60px !important;
}

.pt-16 {
  padding-top: 64px !important;
}

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

.pr-1 {
  padding-right: 4px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pr-3 {
  padding-right: 12px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pr-5 {
  padding-right: 20px !important;
}

.pr-6 {
  padding-right: 24px !important;
}

.pr-7 {
  padding-right: 28px !important;
}

.pr-8 {
  padding-right: 32px !important;
}

.pr-9 {
  padding-right: 36px !important;
}

.pr-10 {
  padding-right: 40px !important;
}

.pr-11 {
  padding-right: 44px !important;
}

.pr-12 {
  padding-right: 48px !important;
}

.pr-13 {
  padding-right: 52px !important;
}

.pr-14 {
  padding-right: 56px !important;
}

.pr-15 {
  padding-right: 60px !important;
}

.pr-16 {
  padding-right: 64px !important;
}

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

.pb-1 {
  padding-bottom: 4px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pb-7 {
  padding-bottom: 28px !important;
}

.pb-8 {
  padding-bottom: 32px !important;
}

.pb-9 {
  padding-bottom: 36px !important;
}

.pb-10 {
  padding-bottom: 40px !important;
}

.pb-11 {
  padding-bottom: 44px !important;
}

.pb-12 {
  padding-bottom: 48px !important;
}

.pb-13 {
  padding-bottom: 52px !important;
}

.pb-14 {
  padding-bottom: 56px !important;
}

.pb-15 {
  padding-bottom: 60px !important;
}

.pb-16 {
  padding-bottom: 64px !important;
}

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

.pl-1 {
  padding-left: 4px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

.pl-7 {
  padding-left: 28px !important;
}

.pl-8 {
  padding-left: 32px !important;
}

.pl-9 {
  padding-left: 36px !important;
}

.pl-10 {
  padding-left: 40px !important;
}

.pl-11 {
  padding-left: 44px !important;
}

.pl-12 {
  padding-left: 48px !important;
}

.pl-13 {
  padding-left: 52px !important;
}

.pl-14 {
  padding-left: 56px !important;
}

.pl-15 {
  padding-left: 60px !important;
}

.pl-16 {
  padding-left: 64px !important;
}

.ps-0 {
  padding-inline-start: 0px !important;
}

.ps-1 {
  padding-inline-start: 4px !important;
}

.ps-2 {
  padding-inline-start: 8px !important;
}

.ps-3 {
  padding-inline-start: 12px !important;
}

.ps-4 {
  padding-inline-start: 16px !important;
}

.ps-5 {
  padding-inline-start: 20px !important;
}

.ps-6 {
  padding-inline-start: 24px !important;
}

.ps-7 {
  padding-inline-start: 28px !important;
}

.ps-8 {
  padding-inline-start: 32px !important;
}

.ps-9 {
  padding-inline-start: 36px !important;
}

.ps-10 {
  padding-inline-start: 40px !important;
}

.ps-11 {
  padding-inline-start: 44px !important;
}

.ps-12 {
  padding-inline-start: 48px !important;
}

.ps-13 {
  padding-inline-start: 52px !important;
}

.ps-14 {
  padding-inline-start: 56px !important;
}

.ps-15 {
  padding-inline-start: 60px !important;
}

.ps-16 {
  padding-inline-start: 64px !important;
}

.pe-0 {
  padding-inline-end: 0px !important;
}

.pe-1 {
  padding-inline-end: 4px !important;
}

.pe-2 {
  padding-inline-end: 8px !important;
}

.pe-3 {
  padding-inline-end: 12px !important;
}

.pe-4 {
  padding-inline-end: 16px !important;
}

.pe-5 {
  padding-inline-end: 20px !important;
}

.pe-6 {
  padding-inline-end: 24px !important;
}

.pe-7 {
  padding-inline-end: 28px !important;
}

.pe-8 {
  padding-inline-end: 32px !important;
}

.pe-9 {
  padding-inline-end: 36px !important;
}

.pe-10 {
  padding-inline-end: 40px !important;
}

.pe-11 {
  padding-inline-end: 44px !important;
}

.pe-12 {
  padding-inline-end: 48px !important;
}

.pe-13 {
  padding-inline-end: 52px !important;
}

.pe-14 {
  padding-inline-end: 56px !important;
}

.pe-15 {
  padding-inline-end: 60px !important;
}

.pe-16 {
  padding-inline-end: 64px !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-sm {
  border-radius: 3px !important;
}

.rounded {
  border-radius: 6px !important;
}

.rounded-lg {
  border-radius: 12px !important;
}

.rounded-xl {
  border-radius: 36px !important;
}

.rounded-pill {
  border-radius: 9999px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-shaped {
  border-radius: 36px 0 !important;
}

.rounded-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-t-sm {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.rounded-t {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded-t-lg {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

.rounded-t-xl {
  border-top-left-radius: 36px !important;
  border-top-right-radius: 36px !important;
}

.rounded-t-pill {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.rounded-t-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-t-shaped {
  border-top-left-radius: 36px !important;
  border-top-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-e-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-e-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-e-sm {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.v-locale--is-rtl .rounded-e-sm {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.v-locale--is-ltr .rounded-e {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.v-locale--is-rtl .rounded-e {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.v-locale--is-ltr .rounded-e-lg {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.v-locale--is-rtl .rounded-e-lg {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.v-locale--is-ltr .rounded-e-xl {
  border-top-right-radius: 36px !important;
  border-bottom-right-radius: 36px !important;
}

.v-locale--is-rtl .rounded-e-xl {
  border-top-left-radius: 36px !important;
  border-bottom-left-radius: 36px !important;
}

.v-locale--is-ltr .rounded-e-pill {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-e-pill {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-e-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-e-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-e-shaped {
  border-top-right-radius: 36px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-e-shaped {
  border-top-left-radius: 36px !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-b-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-b-sm {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.rounded-b {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-b-lg {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.rounded-b-xl {
  border-bottom-left-radius: 36px !important;
  border-bottom-right-radius: 36px !important;
}

.rounded-b-pill {
  border-bottom-left-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.rounded-b-circle {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-b-shaped {
  border-bottom-left-radius: 36px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-s-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-s-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-s-sm {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.v-locale--is-rtl .rounded-s-sm {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.v-locale--is-ltr .rounded-s {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.v-locale--is-rtl .rounded-s {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.v-locale--is-ltr .rounded-s-lg {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.v-locale--is-rtl .rounded-s-lg {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.v-locale--is-ltr .rounded-s-xl {
  border-top-left-radius: 36px !important;
  border-bottom-left-radius: 36px !important;
}

.v-locale--is-rtl .rounded-s-xl {
  border-top-right-radius: 36px !important;
  border-bottom-right-radius: 36px !important;
}

.v-locale--is-ltr .rounded-s-pill {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-s-pill {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-s-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-s-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-s-shaped {
  border-top-left-radius: 36px !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-s-shaped {
  border-top-right-radius: 36px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-ts-0 {
  border-top-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-ts-0 {
  border-top-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-ts-sm {
  border-top-left-radius: 3px !important;
}

.v-locale--is-rtl .rounded-ts-sm {
  border-top-right-radius: 3px !important;
}

.v-locale--is-ltr .rounded-ts {
  border-top-left-radius: 6px !important;
}

.v-locale--is-rtl .rounded-ts {
  border-top-right-radius: 6px !important;
}

.v-locale--is-ltr .rounded-ts-lg {
  border-top-left-radius: 12px !important;
}

.v-locale--is-rtl .rounded-ts-lg {
  border-top-right-radius: 12px !important;
}

.v-locale--is-ltr .rounded-ts-xl {
  border-top-left-radius: 36px !important;
}

.v-locale--is-rtl .rounded-ts-xl {
  border-top-right-radius: 36px !important;
}

.v-locale--is-ltr .rounded-ts-pill {
  border-top-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-ts-pill {
  border-top-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-ts-circle {
  border-top-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-ts-circle {
  border-top-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-ts-shaped {
  border-top-left-radius: 36px 0 !important;
}

.v-locale--is-rtl .rounded-ts-shaped {
  border-top-right-radius: 36px 0 !important;
}

.v-locale--is-ltr .rounded-te-0 {
  border-top-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-te-0 {
  border-top-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-te-sm {
  border-top-right-radius: 3px !important;
}

.v-locale--is-rtl .rounded-te-sm {
  border-top-left-radius: 3px !important;
}

.v-locale--is-ltr .rounded-te {
  border-top-right-radius: 6px !important;
}

.v-locale--is-rtl .rounded-te {
  border-top-left-radius: 6px !important;
}

.v-locale--is-ltr .rounded-te-lg {
  border-top-right-radius: 12px !important;
}

.v-locale--is-rtl .rounded-te-lg {
  border-top-left-radius: 12px !important;
}

.v-locale--is-ltr .rounded-te-xl {
  border-top-right-radius: 36px !important;
}

.v-locale--is-rtl .rounded-te-xl {
  border-top-left-radius: 36px !important;
}

.v-locale--is-ltr .rounded-te-pill {
  border-top-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-te-pill {
  border-top-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-te-circle {
  border-top-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-te-circle {
  border-top-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-te-shaped {
  border-top-right-radius: 36px 0 !important;
}

.v-locale--is-rtl .rounded-te-shaped {
  border-top-left-radius: 36px 0 !important;
}

.v-locale--is-ltr .rounded-be-0 {
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-be-0 {
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-be-sm {
  border-bottom-right-radius: 3px !important;
}

.v-locale--is-rtl .rounded-be-sm {
  border-bottom-left-radius: 3px !important;
}

.v-locale--is-ltr .rounded-be {
  border-bottom-right-radius: 6px !important;
}

.v-locale--is-rtl .rounded-be {
  border-bottom-left-radius: 6px !important;
}

.v-locale--is-ltr .rounded-be-lg {
  border-bottom-right-radius: 12px !important;
}

.v-locale--is-rtl .rounded-be-lg {
  border-bottom-left-radius: 12px !important;
}

.v-locale--is-ltr .rounded-be-xl {
  border-bottom-right-radius: 36px !important;
}

.v-locale--is-rtl .rounded-be-xl {
  border-bottom-left-radius: 36px !important;
}

.v-locale--is-ltr .rounded-be-pill {
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-be-pill {
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-be-circle {
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-be-circle {
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-be-shaped {
  border-bottom-right-radius: 36px 0 !important;
}

.v-locale--is-rtl .rounded-be-shaped {
  border-bottom-left-radius: 36px 0 !important;
}

.v-locale--is-ltr .rounded-bs-0 {
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-bs-0 {
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-bs-sm {
  border-bottom-left-radius: 3px !important;
}

.v-locale--is-rtl .rounded-bs-sm {
  border-bottom-right-radius: 3px !important;
}

.v-locale--is-ltr .rounded-bs {
  border-bottom-left-radius: 6px !important;
}

.v-locale--is-rtl .rounded-bs {
  border-bottom-right-radius: 6px !important;
}

.v-locale--is-ltr .rounded-bs-lg {
  border-bottom-left-radius: 12px !important;
}

.v-locale--is-rtl .rounded-bs-lg {
  border-bottom-right-radius: 12px !important;
}

.v-locale--is-ltr .rounded-bs-xl {
  border-bottom-left-radius: 36px !important;
}

.v-locale--is-rtl .rounded-bs-xl {
  border-bottom-right-radius: 36px !important;
}

.v-locale--is-ltr .rounded-bs-pill {
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-bs-pill {
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-bs-circle {
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-bs-circle {
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-bs-shaped {
  border-bottom-left-radius: 36px 0 !important;
}

.v-locale--is-rtl .rounded-bs-shaped {
  border-bottom-right-radius: 36px 0 !important;
}

.border-0 {
  border-width: 0 !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border {
  border-width: thin !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-sm {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-md {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-lg {
  border-width: 4px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-xl {
  border-width: 8px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-opacity-0 {
  --v-border-opacity: 0 !important;
}

.border-opacity {
  --v-border-opacity: 0.12 !important;
}

.border-opacity-25 {
  --v-border-opacity: 0.25 !important;
}

.border-opacity-50 {
  --v-border-opacity: 0.5 !important;
}

.border-opacity-75 {
  --v-border-opacity: 0.75 !important;
}

.border-opacity-100 {
  --v-border-opacity: 1 !important;
}

.border-t-0 {
  border-block-start-width: 0 !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t {
  border-block-start-width: thin !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-sm {
  border-block-start-width: 1px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-md {
  border-block-start-width: 2px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-lg {
  border-block-start-width: 4px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-xl {
  border-block-start-width: 8px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-0 {
  border-inline-end-width: 0 !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e {
  border-inline-end-width: thin !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-sm {
  border-inline-end-width: 1px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-md {
  border-inline-end-width: 2px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-lg {
  border-inline-end-width: 4px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-xl {
  border-inline-end-width: 8px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-0 {
  border-block-end-width: 0 !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b {
  border-block-end-width: thin !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-sm {
  border-block-end-width: 1px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-md {
  border-block-end-width: 2px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-lg {
  border-block-end-width: 4px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-xl {
  border-block-end-width: 8px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-0 {
  border-inline-start-width: 0 !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s {
  border-inline-start-width: thin !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-sm {
  border-inline-start-width: 1px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-md {
  border-inline-start-width: 2px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-lg {
  border-inline-start-width: 4px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-xl {
  border-inline-start-width: 8px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-double {
  border-style: double !important;
}

.border-none {
  border-style: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

.text-justify {
  text-align: justify !important;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-overline {
  text-decoration: overline !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-no-wrap {
  white-space: nowrap !important;
}

.text-pre {
  white-space: pre !important;
}

.text-pre-line {
  white-space: pre-line !important;
}

.text-pre-wrap {
  white-space: pre-wrap !important;
}

.text-break {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.text-high-emphasis {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)) !important;
}

.text-medium-emphasis {
  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)) !important;
}

.text-disabled {
  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)) !important;
}

.text-truncate {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.text-h1 {
  font-size: 6rem !important;
  font-weight: 500;
  line-height: 7rem;
  letter-spacing: -0.015625em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-h2 {
  font-size: 3.75rem !important;
  font-weight: 500;
  line-height: 4.5rem;
  letter-spacing: -0.0083333333em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-h3 {
  font-size: 3rem !important;
  font-weight: 500;
  line-height: 3.5rem;
  letter-spacing: normal !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-h4 {
  font-size: 2.125rem !important;
  font-weight: 500;
  line-height: 2.625rem;
  letter-spacing: 0.0073529412em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-h5 {
  font-size: 1.5rem !important;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: normal !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-h6 {
  font-size: 1.25rem !important;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.0125em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-subtitle-1 {
  font-size: 1rem !important;
  font-weight: normal;
  line-height: 1.75rem;
  letter-spacing: 0.009375em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-subtitle-2 {
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-body-1 {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.03125em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-body-2 {
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0178571429em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-button {
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 2.25rem;
  letter-spacing: 0.0892857143em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: uppercase !important;
}

.text-caption {
  font-size: 0.75rem !important;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.0333333333em !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: none !important;
}

.text-overline {
  font-size: 0.75rem !important;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0.0625rem !important;
  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: uppercase !important;
}

.text-none {
  text-transform: none !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.font-weight-thin {
  font-weight: 100 !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-regular {
  font-weight: 400 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-black {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-mono {
  font-family: monospace !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-fixed {
  position: fixed !important;
}

.position-absolute {
  position: absolute !important;
}

.position-sticky {
  position: sticky !important;
}

.fill-height {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.h-screen {
  height: 100vh !important;
}

.h-0 {
  height: 0 !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-screen {
  height: 100dvh !important;
}

.w-auto {
  width: auto !important;
}

.w-0 {
  width: 0 !important;
}

.w-25 {
  width: 25% !important;
}

.w-33 {
  width: 33% !important;
}

.w-50 {
  width: 50% !important;
}

.w-66 {
  width: 66% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 600px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-sm-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-sm-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-sm-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-sm-start {
    float: left !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-sm-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-sm-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-sm-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-sm-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-sm-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-sm-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-sm-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-space-between {
    justify-content: space-between !important;
  }
  .justify-sm-space-around {
    justify-content: space-around !important;
  }
  .justify-sm-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-baseline {
    align-items: baseline !important;
  }
  .align-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-space-between {
    align-content: space-between !important;
  }
  .align-content-sm-space-around {
    align-content: space-around !important;
  }
  .align-content-sm-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-6 {
    order: 6 !important;
  }
  .order-sm-7 {
    order: 7 !important;
  }
  .order-sm-8 {
    order: 8 !important;
  }
  .order-sm-9 {
    order: 9 !important;
  }
  .order-sm-10 {
    order: 10 !important;
  }
  .order-sm-11 {
    order: 11 !important;
  }
  .order-sm-12 {
    order: 12 !important;
  }
  .order-sm-last {
    order: 13 !important;
  }
  .ga-sm-0 {
    gap: 0px !important;
  }
  .ga-sm-1 {
    gap: 4px !important;
  }
  .ga-sm-2 {
    gap: 8px !important;
  }
  .ga-sm-3 {
    gap: 12px !important;
  }
  .ga-sm-4 {
    gap: 16px !important;
  }
  .ga-sm-5 {
    gap: 20px !important;
  }
  .ga-sm-6 {
    gap: 24px !important;
  }
  .ga-sm-7 {
    gap: 28px !important;
  }
  .ga-sm-8 {
    gap: 32px !important;
  }
  .ga-sm-9 {
    gap: 36px !important;
  }
  .ga-sm-10 {
    gap: 40px !important;
  }
  .ga-sm-11 {
    gap: 44px !important;
  }
  .ga-sm-12 {
    gap: 48px !important;
  }
  .ga-sm-13 {
    gap: 52px !important;
  }
  .ga-sm-14 {
    gap: 56px !important;
  }
  .ga-sm-15 {
    gap: 60px !important;
  }
  .ga-sm-16 {
    gap: 64px !important;
  }
  .ga-sm-auto {
    gap: auto !important;
  }
  .gr-sm-0 {
    row-gap: 0px !important;
  }
  .gr-sm-1 {
    row-gap: 4px !important;
  }
  .gr-sm-2 {
    row-gap: 8px !important;
  }
  .gr-sm-3 {
    row-gap: 12px !important;
  }
  .gr-sm-4 {
    row-gap: 16px !important;
  }
  .gr-sm-5 {
    row-gap: 20px !important;
  }
  .gr-sm-6 {
    row-gap: 24px !important;
  }
  .gr-sm-7 {
    row-gap: 28px !important;
  }
  .gr-sm-8 {
    row-gap: 32px !important;
  }
  .gr-sm-9 {
    row-gap: 36px !important;
  }
  .gr-sm-10 {
    row-gap: 40px !important;
  }
  .gr-sm-11 {
    row-gap: 44px !important;
  }
  .gr-sm-12 {
    row-gap: 48px !important;
  }
  .gr-sm-13 {
    row-gap: 52px !important;
  }
  .gr-sm-14 {
    row-gap: 56px !important;
  }
  .gr-sm-15 {
    row-gap: 60px !important;
  }
  .gr-sm-16 {
    row-gap: 64px !important;
  }
  .gr-sm-auto {
    row-gap: auto !important;
  }
  .gc-sm-0 {
    column-gap: 0px !important;
  }
  .gc-sm-1 {
    column-gap: 4px !important;
  }
  .gc-sm-2 {
    column-gap: 8px !important;
  }
  .gc-sm-3 {
    column-gap: 12px !important;
  }
  .gc-sm-4 {
    column-gap: 16px !important;
  }
  .gc-sm-5 {
    column-gap: 20px !important;
  }
  .gc-sm-6 {
    column-gap: 24px !important;
  }
  .gc-sm-7 {
    column-gap: 28px !important;
  }
  .gc-sm-8 {
    column-gap: 32px !important;
  }
  .gc-sm-9 {
    column-gap: 36px !important;
  }
  .gc-sm-10 {
    column-gap: 40px !important;
  }
  .gc-sm-11 {
    column-gap: 44px !important;
  }
  .gc-sm-12 {
    column-gap: 48px !important;
  }
  .gc-sm-13 {
    column-gap: 52px !important;
  }
  .gc-sm-14 {
    column-gap: 56px !important;
  }
  .gc-sm-15 {
    column-gap: 60px !important;
  }
  .gc-sm-16 {
    column-gap: 64px !important;
  }
  .gc-sm-auto {
    column-gap: auto !important;
  }
  .ma-sm-0 {
    margin: 0px !important;
  }
  .ma-sm-1 {
    margin: 4px !important;
  }
  .ma-sm-2 {
    margin: 8px !important;
  }
  .ma-sm-3 {
    margin: 12px !important;
  }
  .ma-sm-4 {
    margin: 16px !important;
  }
  .ma-sm-5 {
    margin: 20px !important;
  }
  .ma-sm-6 {
    margin: 24px !important;
  }
  .ma-sm-7 {
    margin: 28px !important;
  }
  .ma-sm-8 {
    margin: 32px !important;
  }
  .ma-sm-9 {
    margin: 36px !important;
  }
  .ma-sm-10 {
    margin: 40px !important;
  }
  .ma-sm-11 {
    margin: 44px !important;
  }
  .ma-sm-12 {
    margin: 48px !important;
  }
  .ma-sm-13 {
    margin: 52px !important;
  }
  .ma-sm-14 {
    margin: 56px !important;
  }
  .ma-sm-15 {
    margin: 60px !important;
  }
  .ma-sm-16 {
    margin: 64px !important;
  }
  .ma-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-sm-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-sm-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-sm-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-sm-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-sm-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-sm-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-sm-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-sm-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-sm-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-sm-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-sm-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-sm-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-sm-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-sm-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-sm-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-sm-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-sm-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-sm-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-sm-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-sm-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-sm-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-sm-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-sm-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-sm-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-sm-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-sm-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-sm-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-sm-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-sm-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-sm-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-sm-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mt-sm-1 {
    margin-top: 4px !important;
  }
  .mt-sm-2 {
    margin-top: 8px !important;
  }
  .mt-sm-3 {
    margin-top: 12px !important;
  }
  .mt-sm-4 {
    margin-top: 16px !important;
  }
  .mt-sm-5 {
    margin-top: 20px !important;
  }
  .mt-sm-6 {
    margin-top: 24px !important;
  }
  .mt-sm-7 {
    margin-top: 28px !important;
  }
  .mt-sm-8 {
    margin-top: 32px !important;
  }
  .mt-sm-9 {
    margin-top: 36px !important;
  }
  .mt-sm-10 {
    margin-top: 40px !important;
  }
  .mt-sm-11 {
    margin-top: 44px !important;
  }
  .mt-sm-12 {
    margin-top: 48px !important;
  }
  .mt-sm-13 {
    margin-top: 52px !important;
  }
  .mt-sm-14 {
    margin-top: 56px !important;
  }
  .mt-sm-15 {
    margin-top: 60px !important;
  }
  .mt-sm-16 {
    margin-top: 64px !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-0 {
    margin-right: 0px !important;
  }
  .mr-sm-1 {
    margin-right: 4px !important;
  }
  .mr-sm-2 {
    margin-right: 8px !important;
  }
  .mr-sm-3 {
    margin-right: 12px !important;
  }
  .mr-sm-4 {
    margin-right: 16px !important;
  }
  .mr-sm-5 {
    margin-right: 20px !important;
  }
  .mr-sm-6 {
    margin-right: 24px !important;
  }
  .mr-sm-7 {
    margin-right: 28px !important;
  }
  .mr-sm-8 {
    margin-right: 32px !important;
  }
  .mr-sm-9 {
    margin-right: 36px !important;
  }
  .mr-sm-10 {
    margin-right: 40px !important;
  }
  .mr-sm-11 {
    margin-right: 44px !important;
  }
  .mr-sm-12 {
    margin-right: 48px !important;
  }
  .mr-sm-13 {
    margin-right: 52px !important;
  }
  .mr-sm-14 {
    margin-right: 56px !important;
  }
  .mr-sm-15 {
    margin-right: 60px !important;
  }
  .mr-sm-16 {
    margin-right: 64px !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .mb-sm-1 {
    margin-bottom: 4px !important;
  }
  .mb-sm-2 {
    margin-bottom: 8px !important;
  }
  .mb-sm-3 {
    margin-bottom: 12px !important;
  }
  .mb-sm-4 {
    margin-bottom: 16px !important;
  }
  .mb-sm-5 {
    margin-bottom: 20px !important;
  }
  .mb-sm-6 {
    margin-bottom: 24px !important;
  }
  .mb-sm-7 {
    margin-bottom: 28px !important;
  }
  .mb-sm-8 {
    margin-bottom: 32px !important;
  }
  .mb-sm-9 {
    margin-bottom: 36px !important;
  }
  .mb-sm-10 {
    margin-bottom: 40px !important;
  }
  .mb-sm-11 {
    margin-bottom: 44px !important;
  }
  .mb-sm-12 {
    margin-bottom: 48px !important;
  }
  .mb-sm-13 {
    margin-bottom: 52px !important;
  }
  .mb-sm-14 {
    margin-bottom: 56px !important;
  }
  .mb-sm-15 {
    margin-bottom: 60px !important;
  }
  .mb-sm-16 {
    margin-bottom: 64px !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-0 {
    margin-left: 0px !important;
  }
  .ml-sm-1 {
    margin-left: 4px !important;
  }
  .ml-sm-2 {
    margin-left: 8px !important;
  }
  .ml-sm-3 {
    margin-left: 12px !important;
  }
  .ml-sm-4 {
    margin-left: 16px !important;
  }
  .ml-sm-5 {
    margin-left: 20px !important;
  }
  .ml-sm-6 {
    margin-left: 24px !important;
  }
  .ml-sm-7 {
    margin-left: 28px !important;
  }
  .ml-sm-8 {
    margin-left: 32px !important;
  }
  .ml-sm-9 {
    margin-left: 36px !important;
  }
  .ml-sm-10 {
    margin-left: 40px !important;
  }
  .ml-sm-11 {
    margin-left: 44px !important;
  }
  .ml-sm-12 {
    margin-left: 48px !important;
  }
  .ml-sm-13 {
    margin-left: 52px !important;
  }
  .ml-sm-14 {
    margin-left: 56px !important;
  }
  .ml-sm-15 {
    margin-left: 60px !important;
  }
  .ml-sm-16 {
    margin-left: 64px !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .ms-sm-0 {
    margin-inline-start: 0px !important;
  }
  .ms-sm-1 {
    margin-inline-start: 4px !important;
  }
  .ms-sm-2 {
    margin-inline-start: 8px !important;
  }
  .ms-sm-3 {
    margin-inline-start: 12px !important;
  }
  .ms-sm-4 {
    margin-inline-start: 16px !important;
  }
  .ms-sm-5 {
    margin-inline-start: 20px !important;
  }
  .ms-sm-6 {
    margin-inline-start: 24px !important;
  }
  .ms-sm-7 {
    margin-inline-start: 28px !important;
  }
  .ms-sm-8 {
    margin-inline-start: 32px !important;
  }
  .ms-sm-9 {
    margin-inline-start: 36px !important;
  }
  .ms-sm-10 {
    margin-inline-start: 40px !important;
  }
  .ms-sm-11 {
    margin-inline-start: 44px !important;
  }
  .ms-sm-12 {
    margin-inline-start: 48px !important;
  }
  .ms-sm-13 {
    margin-inline-start: 52px !important;
  }
  .ms-sm-14 {
    margin-inline-start: 56px !important;
  }
  .ms-sm-15 {
    margin-inline-start: 60px !important;
  }
  .ms-sm-16 {
    margin-inline-start: 64px !important;
  }
  .ms-sm-auto {
    margin-inline-start: auto !important;
  }
  .me-sm-0 {
    margin-inline-end: 0px !important;
  }
  .me-sm-1 {
    margin-inline-end: 4px !important;
  }
  .me-sm-2 {
    margin-inline-end: 8px !important;
  }
  .me-sm-3 {
    margin-inline-end: 12px !important;
  }
  .me-sm-4 {
    margin-inline-end: 16px !important;
  }
  .me-sm-5 {
    margin-inline-end: 20px !important;
  }
  .me-sm-6 {
    margin-inline-end: 24px !important;
  }
  .me-sm-7 {
    margin-inline-end: 28px !important;
  }
  .me-sm-8 {
    margin-inline-end: 32px !important;
  }
  .me-sm-9 {
    margin-inline-end: 36px !important;
  }
  .me-sm-10 {
    margin-inline-end: 40px !important;
  }
  .me-sm-11 {
    margin-inline-end: 44px !important;
  }
  .me-sm-12 {
    margin-inline-end: 48px !important;
  }
  .me-sm-13 {
    margin-inline-end: 52px !important;
  }
  .me-sm-14 {
    margin-inline-end: 56px !important;
  }
  .me-sm-15 {
    margin-inline-end: 60px !important;
  }
  .me-sm-16 {
    margin-inline-end: 64px !important;
  }
  .me-sm-auto {
    margin-inline-end: auto !important;
  }
  .ma-sm-n1 {
    margin: -4px !important;
  }
  .ma-sm-n2 {
    margin: -8px !important;
  }
  .ma-sm-n3 {
    margin: -12px !important;
  }
  .ma-sm-n4 {
    margin: -16px !important;
  }
  .ma-sm-n5 {
    margin: -20px !important;
  }
  .ma-sm-n6 {
    margin: -24px !important;
  }
  .ma-sm-n7 {
    margin: -28px !important;
  }
  .ma-sm-n8 {
    margin: -32px !important;
  }
  .ma-sm-n9 {
    margin: -36px !important;
  }
  .ma-sm-n10 {
    margin: -40px !important;
  }
  .ma-sm-n11 {
    margin: -44px !important;
  }
  .ma-sm-n12 {
    margin: -48px !important;
  }
  .ma-sm-n13 {
    margin: -52px !important;
  }
  .ma-sm-n14 {
    margin: -56px !important;
  }
  .ma-sm-n15 {
    margin: -60px !important;
  }
  .ma-sm-n16 {
    margin: -64px !important;
  }
  .mx-sm-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-sm-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-sm-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-sm-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-sm-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-sm-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-sm-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-sm-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-sm-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-sm-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-sm-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-sm-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-sm-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-sm-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-sm-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-sm-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-sm-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-sm-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-sm-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-sm-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-sm-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-sm-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-sm-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-sm-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-sm-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-sm-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-sm-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-sm-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-sm-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-sm-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-sm-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-sm-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-sm-n1 {
    margin-top: -4px !important;
  }
  .mt-sm-n2 {
    margin-top: -8px !important;
  }
  .mt-sm-n3 {
    margin-top: -12px !important;
  }
  .mt-sm-n4 {
    margin-top: -16px !important;
  }
  .mt-sm-n5 {
    margin-top: -20px !important;
  }
  .mt-sm-n6 {
    margin-top: -24px !important;
  }
  .mt-sm-n7 {
    margin-top: -28px !important;
  }
  .mt-sm-n8 {
    margin-top: -32px !important;
  }
  .mt-sm-n9 {
    margin-top: -36px !important;
  }
  .mt-sm-n10 {
    margin-top: -40px !important;
  }
  .mt-sm-n11 {
    margin-top: -44px !important;
  }
  .mt-sm-n12 {
    margin-top: -48px !important;
  }
  .mt-sm-n13 {
    margin-top: -52px !important;
  }
  .mt-sm-n14 {
    margin-top: -56px !important;
  }
  .mt-sm-n15 {
    margin-top: -60px !important;
  }
  .mt-sm-n16 {
    margin-top: -64px !important;
  }
  .mr-sm-n1 {
    margin-right: -4px !important;
  }
  .mr-sm-n2 {
    margin-right: -8px !important;
  }
  .mr-sm-n3 {
    margin-right: -12px !important;
  }
  .mr-sm-n4 {
    margin-right: -16px !important;
  }
  .mr-sm-n5 {
    margin-right: -20px !important;
  }
  .mr-sm-n6 {
    margin-right: -24px !important;
  }
  .mr-sm-n7 {
    margin-right: -28px !important;
  }
  .mr-sm-n8 {
    margin-right: -32px !important;
  }
  .mr-sm-n9 {
    margin-right: -36px !important;
  }
  .mr-sm-n10 {
    margin-right: -40px !important;
  }
  .mr-sm-n11 {
    margin-right: -44px !important;
  }
  .mr-sm-n12 {
    margin-right: -48px !important;
  }
  .mr-sm-n13 {
    margin-right: -52px !important;
  }
  .mr-sm-n14 {
    margin-right: -56px !important;
  }
  .mr-sm-n15 {
    margin-right: -60px !important;
  }
  .mr-sm-n16 {
    margin-right: -64px !important;
  }
  .mb-sm-n1 {
    margin-bottom: -4px !important;
  }
  .mb-sm-n2 {
    margin-bottom: -8px !important;
  }
  .mb-sm-n3 {
    margin-bottom: -12px !important;
  }
  .mb-sm-n4 {
    margin-bottom: -16px !important;
  }
  .mb-sm-n5 {
    margin-bottom: -20px !important;
  }
  .mb-sm-n6 {
    margin-bottom: -24px !important;
  }
  .mb-sm-n7 {
    margin-bottom: -28px !important;
  }
  .mb-sm-n8 {
    margin-bottom: -32px !important;
  }
  .mb-sm-n9 {
    margin-bottom: -36px !important;
  }
  .mb-sm-n10 {
    margin-bottom: -40px !important;
  }
  .mb-sm-n11 {
    margin-bottom: -44px !important;
  }
  .mb-sm-n12 {
    margin-bottom: -48px !important;
  }
  .mb-sm-n13 {
    margin-bottom: -52px !important;
  }
  .mb-sm-n14 {
    margin-bottom: -56px !important;
  }
  .mb-sm-n15 {
    margin-bottom: -60px !important;
  }
  .mb-sm-n16 {
    margin-bottom: -64px !important;
  }
  .ml-sm-n1 {
    margin-left: -4px !important;
  }
  .ml-sm-n2 {
    margin-left: -8px !important;
  }
  .ml-sm-n3 {
    margin-left: -12px !important;
  }
  .ml-sm-n4 {
    margin-left: -16px !important;
  }
  .ml-sm-n5 {
    margin-left: -20px !important;
  }
  .ml-sm-n6 {
    margin-left: -24px !important;
  }
  .ml-sm-n7 {
    margin-left: -28px !important;
  }
  .ml-sm-n8 {
    margin-left: -32px !important;
  }
  .ml-sm-n9 {
    margin-left: -36px !important;
  }
  .ml-sm-n10 {
    margin-left: -40px !important;
  }
  .ml-sm-n11 {
    margin-left: -44px !important;
  }
  .ml-sm-n12 {
    margin-left: -48px !important;
  }
  .ml-sm-n13 {
    margin-left: -52px !important;
  }
  .ml-sm-n14 {
    margin-left: -56px !important;
  }
  .ml-sm-n15 {
    margin-left: -60px !important;
  }
  .ml-sm-n16 {
    margin-left: -64px !important;
  }
  .ms-sm-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-sm-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-sm-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-sm-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-sm-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-sm-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-sm-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-sm-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-sm-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-sm-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-sm-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-sm-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-sm-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-sm-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-sm-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-sm-n16 {
    margin-inline-start: -64px !important;
  }
  .me-sm-n1 {
    margin-inline-end: -4px !important;
  }
  .me-sm-n2 {
    margin-inline-end: -8px !important;
  }
  .me-sm-n3 {
    margin-inline-end: -12px !important;
  }
  .me-sm-n4 {
    margin-inline-end: -16px !important;
  }
  .me-sm-n5 {
    margin-inline-end: -20px !important;
  }
  .me-sm-n6 {
    margin-inline-end: -24px !important;
  }
  .me-sm-n7 {
    margin-inline-end: -28px !important;
  }
  .me-sm-n8 {
    margin-inline-end: -32px !important;
  }
  .me-sm-n9 {
    margin-inline-end: -36px !important;
  }
  .me-sm-n10 {
    margin-inline-end: -40px !important;
  }
  .me-sm-n11 {
    margin-inline-end: -44px !important;
  }
  .me-sm-n12 {
    margin-inline-end: -48px !important;
  }
  .me-sm-n13 {
    margin-inline-end: -52px !important;
  }
  .me-sm-n14 {
    margin-inline-end: -56px !important;
  }
  .me-sm-n15 {
    margin-inline-end: -60px !important;
  }
  .me-sm-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-sm-0 {
    padding: 0px !important;
  }
  .pa-sm-1 {
    padding: 4px !important;
  }
  .pa-sm-2 {
    padding: 8px !important;
  }
  .pa-sm-3 {
    padding: 12px !important;
  }
  .pa-sm-4 {
    padding: 16px !important;
  }
  .pa-sm-5 {
    padding: 20px !important;
  }
  .pa-sm-6 {
    padding: 24px !important;
  }
  .pa-sm-7 {
    padding: 28px !important;
  }
  .pa-sm-8 {
    padding: 32px !important;
  }
  .pa-sm-9 {
    padding: 36px !important;
  }
  .pa-sm-10 {
    padding: 40px !important;
  }
  .pa-sm-11 {
    padding: 44px !important;
  }
  .pa-sm-12 {
    padding: 48px !important;
  }
  .pa-sm-13 {
    padding: 52px !important;
  }
  .pa-sm-14 {
    padding: 56px !important;
  }
  .pa-sm-15 {
    padding: 60px !important;
  }
  .pa-sm-16 {
    padding: 64px !important;
  }
  .px-sm-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-sm-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-sm-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-sm-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-sm-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-sm-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-sm-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-sm-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-sm-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-sm-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-sm-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-sm-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-sm-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-sm-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-sm-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-sm-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-sm-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-sm-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-sm-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-sm-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-sm-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-sm-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-sm-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-sm-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-sm-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-sm-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-sm-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-sm-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-sm-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-sm-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-sm-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-sm-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pt-sm-1 {
    padding-top: 4px !important;
  }
  .pt-sm-2 {
    padding-top: 8px !important;
  }
  .pt-sm-3 {
    padding-top: 12px !important;
  }
  .pt-sm-4 {
    padding-top: 16px !important;
  }
  .pt-sm-5 {
    padding-top: 20px !important;
  }
  .pt-sm-6 {
    padding-top: 24px !important;
  }
  .pt-sm-7 {
    padding-top: 28px !important;
  }
  .pt-sm-8 {
    padding-top: 32px !important;
  }
  .pt-sm-9 {
    padding-top: 36px !important;
  }
  .pt-sm-10 {
    padding-top: 40px !important;
  }
  .pt-sm-11 {
    padding-top: 44px !important;
  }
  .pt-sm-12 {
    padding-top: 48px !important;
  }
  .pt-sm-13 {
    padding-top: 52px !important;
  }
  .pt-sm-14 {
    padding-top: 56px !important;
  }
  .pt-sm-15 {
    padding-top: 60px !important;
  }
  .pt-sm-16 {
    padding-top: 64px !important;
  }
  .pr-sm-0 {
    padding-right: 0px !important;
  }
  .pr-sm-1 {
    padding-right: 4px !important;
  }
  .pr-sm-2 {
    padding-right: 8px !important;
  }
  .pr-sm-3 {
    padding-right: 12px !important;
  }
  .pr-sm-4 {
    padding-right: 16px !important;
  }
  .pr-sm-5 {
    padding-right: 20px !important;
  }
  .pr-sm-6 {
    padding-right: 24px !important;
  }
  .pr-sm-7 {
    padding-right: 28px !important;
  }
  .pr-sm-8 {
    padding-right: 32px !important;
  }
  .pr-sm-9 {
    padding-right: 36px !important;
  }
  .pr-sm-10 {
    padding-right: 40px !important;
  }
  .pr-sm-11 {
    padding-right: 44px !important;
  }
  .pr-sm-12 {
    padding-right: 48px !important;
  }
  .pr-sm-13 {
    padding-right: 52px !important;
  }
  .pr-sm-14 {
    padding-right: 56px !important;
  }
  .pr-sm-15 {
    padding-right: 60px !important;
  }
  .pr-sm-16 {
    padding-right: 64px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .pb-sm-1 {
    padding-bottom: 4px !important;
  }
  .pb-sm-2 {
    padding-bottom: 8px !important;
  }
  .pb-sm-3 {
    padding-bottom: 12px !important;
  }
  .pb-sm-4 {
    padding-bottom: 16px !important;
  }
  .pb-sm-5 {
    padding-bottom: 20px !important;
  }
  .pb-sm-6 {
    padding-bottom: 24px !important;
  }
  .pb-sm-7 {
    padding-bottom: 28px !important;
  }
  .pb-sm-8 {
    padding-bottom: 32px !important;
  }
  .pb-sm-9 {
    padding-bottom: 36px !important;
  }
  .pb-sm-10 {
    padding-bottom: 40px !important;
  }
  .pb-sm-11 {
    padding-bottom: 44px !important;
  }
  .pb-sm-12 {
    padding-bottom: 48px !important;
  }
  .pb-sm-13 {
    padding-bottom: 52px !important;
  }
  .pb-sm-14 {
    padding-bottom: 56px !important;
  }
  .pb-sm-15 {
    padding-bottom: 60px !important;
  }
  .pb-sm-16 {
    padding-bottom: 64px !important;
  }
  .pl-sm-0 {
    padding-left: 0px !important;
  }
  .pl-sm-1 {
    padding-left: 4px !important;
  }
  .pl-sm-2 {
    padding-left: 8px !important;
  }
  .pl-sm-3 {
    padding-left: 12px !important;
  }
  .pl-sm-4 {
    padding-left: 16px !important;
  }
  .pl-sm-5 {
    padding-left: 20px !important;
  }
  .pl-sm-6 {
    padding-left: 24px !important;
  }
  .pl-sm-7 {
    padding-left: 28px !important;
  }
  .pl-sm-8 {
    padding-left: 32px !important;
  }
  .pl-sm-9 {
    padding-left: 36px !important;
  }
  .pl-sm-10 {
    padding-left: 40px !important;
  }
  .pl-sm-11 {
    padding-left: 44px !important;
  }
  .pl-sm-12 {
    padding-left: 48px !important;
  }
  .pl-sm-13 {
    padding-left: 52px !important;
  }
  .pl-sm-14 {
    padding-left: 56px !important;
  }
  .pl-sm-15 {
    padding-left: 60px !important;
  }
  .pl-sm-16 {
    padding-left: 64px !important;
  }
  .ps-sm-0 {
    padding-inline-start: 0px !important;
  }
  .ps-sm-1 {
    padding-inline-start: 4px !important;
  }
  .ps-sm-2 {
    padding-inline-start: 8px !important;
  }
  .ps-sm-3 {
    padding-inline-start: 12px !important;
  }
  .ps-sm-4 {
    padding-inline-start: 16px !important;
  }
  .ps-sm-5 {
    padding-inline-start: 20px !important;
  }
  .ps-sm-6 {
    padding-inline-start: 24px !important;
  }
  .ps-sm-7 {
    padding-inline-start: 28px !important;
  }
  .ps-sm-8 {
    padding-inline-start: 32px !important;
  }
  .ps-sm-9 {
    padding-inline-start: 36px !important;
  }
  .ps-sm-10 {
    padding-inline-start: 40px !important;
  }
  .ps-sm-11 {
    padding-inline-start: 44px !important;
  }
  .ps-sm-12 {
    padding-inline-start: 48px !important;
  }
  .ps-sm-13 {
    padding-inline-start: 52px !important;
  }
  .ps-sm-14 {
    padding-inline-start: 56px !important;
  }
  .ps-sm-15 {
    padding-inline-start: 60px !important;
  }
  .ps-sm-16 {
    padding-inline-start: 64px !important;
  }
  .pe-sm-0 {
    padding-inline-end: 0px !important;
  }
  .pe-sm-1 {
    padding-inline-end: 4px !important;
  }
  .pe-sm-2 {
    padding-inline-end: 8px !important;
  }
  .pe-sm-3 {
    padding-inline-end: 12px !important;
  }
  .pe-sm-4 {
    padding-inline-end: 16px !important;
  }
  .pe-sm-5 {
    padding-inline-end: 20px !important;
  }
  .pe-sm-6 {
    padding-inline-end: 24px !important;
  }
  .pe-sm-7 {
    padding-inline-end: 28px !important;
  }
  .pe-sm-8 {
    padding-inline-end: 32px !important;
  }
  .pe-sm-9 {
    padding-inline-end: 36px !important;
  }
  .pe-sm-10 {
    padding-inline-end: 40px !important;
  }
  .pe-sm-11 {
    padding-inline-end: 44px !important;
  }
  .pe-sm-12 {
    padding-inline-end: 48px !important;
  }
  .pe-sm-13 {
    padding-inline-end: 52px !important;
  }
  .pe-sm-14 {
    padding-inline-end: 56px !important;
  }
  .pe-sm-15 {
    padding-inline-end: 60px !important;
  }
  .pe-sm-16 {
    padding-inline-end: 64px !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .text-sm-start {
    text-align: start !important;
  }
  .text-sm-end {
    text-align: end !important;
  }
  .text-sm-h1 {
    font-size: 6rem !important;
    font-weight: 500;
    line-height: 7rem;
    letter-spacing: -0.015625em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-h2 {
    font-size: 3.75rem !important;
    font-weight: 500;
    line-height: 4.5rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-h3 {
    font-size: 3rem !important;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-h4 {
    font-size: 2.125rem !important;
    font-weight: 500;
    line-height: 2.625rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-h5 {
    font-size: 1.5rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.0125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.0178571429em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
  .text-sm-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-sm-overline {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.0625rem !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
}
@media (min-width: 960px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .float-md-none {
    float: none !important;
  }
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-md-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-md-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-md-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-md-start {
    float: left !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-md-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-md-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-md-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-md-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-md-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-md-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-md-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-space-between {
    justify-content: space-between !important;
  }
  .justify-md-space-around {
    justify-content: space-around !important;
  }
  .justify-md-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-baseline {
    align-items: baseline !important;
  }
  .align-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-space-between {
    align-content: space-between !important;
  }
  .align-content-md-space-around {
    align-content: space-around !important;
  }
  .align-content-md-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-6 {
    order: 6 !important;
  }
  .order-md-7 {
    order: 7 !important;
  }
  .order-md-8 {
    order: 8 !important;
  }
  .order-md-9 {
    order: 9 !important;
  }
  .order-md-10 {
    order: 10 !important;
  }
  .order-md-11 {
    order: 11 !important;
  }
  .order-md-12 {
    order: 12 !important;
  }
  .order-md-last {
    order: 13 !important;
  }
  .ga-md-0 {
    gap: 0px !important;
  }
  .ga-md-1 {
    gap: 4px !important;
  }
  .ga-md-2 {
    gap: 8px !important;
  }
  .ga-md-3 {
    gap: 12px !important;
  }
  .ga-md-4 {
    gap: 16px !important;
  }
  .ga-md-5 {
    gap: 20px !important;
  }
  .ga-md-6 {
    gap: 24px !important;
  }
  .ga-md-7 {
    gap: 28px !important;
  }
  .ga-md-8 {
    gap: 32px !important;
  }
  .ga-md-9 {
    gap: 36px !important;
  }
  .ga-md-10 {
    gap: 40px !important;
  }
  .ga-md-11 {
    gap: 44px !important;
  }
  .ga-md-12 {
    gap: 48px !important;
  }
  .ga-md-13 {
    gap: 52px !important;
  }
  .ga-md-14 {
    gap: 56px !important;
  }
  .ga-md-15 {
    gap: 60px !important;
  }
  .ga-md-16 {
    gap: 64px !important;
  }
  .ga-md-auto {
    gap: auto !important;
  }
  .gr-md-0 {
    row-gap: 0px !important;
  }
  .gr-md-1 {
    row-gap: 4px !important;
  }
  .gr-md-2 {
    row-gap: 8px !important;
  }
  .gr-md-3 {
    row-gap: 12px !important;
  }
  .gr-md-4 {
    row-gap: 16px !important;
  }
  .gr-md-5 {
    row-gap: 20px !important;
  }
  .gr-md-6 {
    row-gap: 24px !important;
  }
  .gr-md-7 {
    row-gap: 28px !important;
  }
  .gr-md-8 {
    row-gap: 32px !important;
  }
  .gr-md-9 {
    row-gap: 36px !important;
  }
  .gr-md-10 {
    row-gap: 40px !important;
  }
  .gr-md-11 {
    row-gap: 44px !important;
  }
  .gr-md-12 {
    row-gap: 48px !important;
  }
  .gr-md-13 {
    row-gap: 52px !important;
  }
  .gr-md-14 {
    row-gap: 56px !important;
  }
  .gr-md-15 {
    row-gap: 60px !important;
  }
  .gr-md-16 {
    row-gap: 64px !important;
  }
  .gr-md-auto {
    row-gap: auto !important;
  }
  .gc-md-0 {
    column-gap: 0px !important;
  }
  .gc-md-1 {
    column-gap: 4px !important;
  }
  .gc-md-2 {
    column-gap: 8px !important;
  }
  .gc-md-3 {
    column-gap: 12px !important;
  }
  .gc-md-4 {
    column-gap: 16px !important;
  }
  .gc-md-5 {
    column-gap: 20px !important;
  }
  .gc-md-6 {
    column-gap: 24px !important;
  }
  .gc-md-7 {
    column-gap: 28px !important;
  }
  .gc-md-8 {
    column-gap: 32px !important;
  }
  .gc-md-9 {
    column-gap: 36px !important;
  }
  .gc-md-10 {
    column-gap: 40px !important;
  }
  .gc-md-11 {
    column-gap: 44px !important;
  }
  .gc-md-12 {
    column-gap: 48px !important;
  }
  .gc-md-13 {
    column-gap: 52px !important;
  }
  .gc-md-14 {
    column-gap: 56px !important;
  }
  .gc-md-15 {
    column-gap: 60px !important;
  }
  .gc-md-16 {
    column-gap: 64px !important;
  }
  .gc-md-auto {
    column-gap: auto !important;
  }
  .ma-md-0 {
    margin: 0px !important;
  }
  .ma-md-1 {
    margin: 4px !important;
  }
  .ma-md-2 {
    margin: 8px !important;
  }
  .ma-md-3 {
    margin: 12px !important;
  }
  .ma-md-4 {
    margin: 16px !important;
  }
  .ma-md-5 {
    margin: 20px !important;
  }
  .ma-md-6 {
    margin: 24px !important;
  }
  .ma-md-7 {
    margin: 28px !important;
  }
  .ma-md-8 {
    margin: 32px !important;
  }
  .ma-md-9 {
    margin: 36px !important;
  }
  .ma-md-10 {
    margin: 40px !important;
  }
  .ma-md-11 {
    margin: 44px !important;
  }
  .ma-md-12 {
    margin: 48px !important;
  }
  .ma-md-13 {
    margin: 52px !important;
  }
  .ma-md-14 {
    margin: 56px !important;
  }
  .ma-md-15 {
    margin: 60px !important;
  }
  .ma-md-16 {
    margin: 64px !important;
  }
  .ma-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-md-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-md-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-md-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-md-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-md-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-md-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-md-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-md-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-md-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-md-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-md-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-md-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-md-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-md-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-md-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-md-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-md-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-md-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-md-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-md-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-md-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-md-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-md-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-md-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-md-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-md-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-md-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-md-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-md-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-md-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-md-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mt-md-1 {
    margin-top: 4px !important;
  }
  .mt-md-2 {
    margin-top: 8px !important;
  }
  .mt-md-3 {
    margin-top: 12px !important;
  }
  .mt-md-4 {
    margin-top: 16px !important;
  }
  .mt-md-5 {
    margin-top: 20px !important;
  }
  .mt-md-6 {
    margin-top: 24px !important;
  }
  .mt-md-7 {
    margin-top: 28px !important;
  }
  .mt-md-8 {
    margin-top: 32px !important;
  }
  .mt-md-9 {
    margin-top: 36px !important;
  }
  .mt-md-10 {
    margin-top: 40px !important;
  }
  .mt-md-11 {
    margin-top: 44px !important;
  }
  .mt-md-12 {
    margin-top: 48px !important;
  }
  .mt-md-13 {
    margin-top: 52px !important;
  }
  .mt-md-14 {
    margin-top: 56px !important;
  }
  .mt-md-15 {
    margin-top: 60px !important;
  }
  .mt-md-16 {
    margin-top: 64px !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-0 {
    margin-right: 0px !important;
  }
  .mr-md-1 {
    margin-right: 4px !important;
  }
  .mr-md-2 {
    margin-right: 8px !important;
  }
  .mr-md-3 {
    margin-right: 12px !important;
  }
  .mr-md-4 {
    margin-right: 16px !important;
  }
  .mr-md-5 {
    margin-right: 20px !important;
  }
  .mr-md-6 {
    margin-right: 24px !important;
  }
  .mr-md-7 {
    margin-right: 28px !important;
  }
  .mr-md-8 {
    margin-right: 32px !important;
  }
  .mr-md-9 {
    margin-right: 36px !important;
  }
  .mr-md-10 {
    margin-right: 40px !important;
  }
  .mr-md-11 {
    margin-right: 44px !important;
  }
  .mr-md-12 {
    margin-right: 48px !important;
  }
  .mr-md-13 {
    margin-right: 52px !important;
  }
  .mr-md-14 {
    margin-right: 56px !important;
  }
  .mr-md-15 {
    margin-right: 60px !important;
  }
  .mr-md-16 {
    margin-right: 64px !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  .mb-md-3 {
    margin-bottom: 12px !important;
  }
  .mb-md-4 {
    margin-bottom: 16px !important;
  }
  .mb-md-5 {
    margin-bottom: 20px !important;
  }
  .mb-md-6 {
    margin-bottom: 24px !important;
  }
  .mb-md-7 {
    margin-bottom: 28px !important;
  }
  .mb-md-8 {
    margin-bottom: 32px !important;
  }
  .mb-md-9 {
    margin-bottom: 36px !important;
  }
  .mb-md-10 {
    margin-bottom: 40px !important;
  }
  .mb-md-11 {
    margin-bottom: 44px !important;
  }
  .mb-md-12 {
    margin-bottom: 48px !important;
  }
  .mb-md-13 {
    margin-bottom: 52px !important;
  }
  .mb-md-14 {
    margin-bottom: 56px !important;
  }
  .mb-md-15 {
    margin-bottom: 60px !important;
  }
  .mb-md-16 {
    margin-bottom: 64px !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-0 {
    margin-left: 0px !important;
  }
  .ml-md-1 {
    margin-left: 4px !important;
  }
  .ml-md-2 {
    margin-left: 8px !important;
  }
  .ml-md-3 {
    margin-left: 12px !important;
  }
  .ml-md-4 {
    margin-left: 16px !important;
  }
  .ml-md-5 {
    margin-left: 20px !important;
  }
  .ml-md-6 {
    margin-left: 24px !important;
  }
  .ml-md-7 {
    margin-left: 28px !important;
  }
  .ml-md-8 {
    margin-left: 32px !important;
  }
  .ml-md-9 {
    margin-left: 36px !important;
  }
  .ml-md-10 {
    margin-left: 40px !important;
  }
  .ml-md-11 {
    margin-left: 44px !important;
  }
  .ml-md-12 {
    margin-left: 48px !important;
  }
  .ml-md-13 {
    margin-left: 52px !important;
  }
  .ml-md-14 {
    margin-left: 56px !important;
  }
  .ml-md-15 {
    margin-left: 60px !important;
  }
  .ml-md-16 {
    margin-left: 64px !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .ms-md-0 {
    margin-inline-start: 0px !important;
  }
  .ms-md-1 {
    margin-inline-start: 4px !important;
  }
  .ms-md-2 {
    margin-inline-start: 8px !important;
  }
  .ms-md-3 {
    margin-inline-start: 12px !important;
  }
  .ms-md-4 {
    margin-inline-start: 16px !important;
  }
  .ms-md-5 {
    margin-inline-start: 20px !important;
  }
  .ms-md-6 {
    margin-inline-start: 24px !important;
  }
  .ms-md-7 {
    margin-inline-start: 28px !important;
  }
  .ms-md-8 {
    margin-inline-start: 32px !important;
  }
  .ms-md-9 {
    margin-inline-start: 36px !important;
  }
  .ms-md-10 {
    margin-inline-start: 40px !important;
  }
  .ms-md-11 {
    margin-inline-start: 44px !important;
  }
  .ms-md-12 {
    margin-inline-start: 48px !important;
  }
  .ms-md-13 {
    margin-inline-start: 52px !important;
  }
  .ms-md-14 {
    margin-inline-start: 56px !important;
  }
  .ms-md-15 {
    margin-inline-start: 60px !important;
  }
  .ms-md-16 {
    margin-inline-start: 64px !important;
  }
  .ms-md-auto {
    margin-inline-start: auto !important;
  }
  .me-md-0 {
    margin-inline-end: 0px !important;
  }
  .me-md-1 {
    margin-inline-end: 4px !important;
  }
  .me-md-2 {
    margin-inline-end: 8px !important;
  }
  .me-md-3 {
    margin-inline-end: 12px !important;
  }
  .me-md-4 {
    margin-inline-end: 16px !important;
  }
  .me-md-5 {
    margin-inline-end: 20px !important;
  }
  .me-md-6 {
    margin-inline-end: 24px !important;
  }
  .me-md-7 {
    margin-inline-end: 28px !important;
  }
  .me-md-8 {
    margin-inline-end: 32px !important;
  }
  .me-md-9 {
    margin-inline-end: 36px !important;
  }
  .me-md-10 {
    margin-inline-end: 40px !important;
  }
  .me-md-11 {
    margin-inline-end: 44px !important;
  }
  .me-md-12 {
    margin-inline-end: 48px !important;
  }
  .me-md-13 {
    margin-inline-end: 52px !important;
  }
  .me-md-14 {
    margin-inline-end: 56px !important;
  }
  .me-md-15 {
    margin-inline-end: 60px !important;
  }
  .me-md-16 {
    margin-inline-end: 64px !important;
  }
  .me-md-auto {
    margin-inline-end: auto !important;
  }
  .ma-md-n1 {
    margin: -4px !important;
  }
  .ma-md-n2 {
    margin: -8px !important;
  }
  .ma-md-n3 {
    margin: -12px !important;
  }
  .ma-md-n4 {
    margin: -16px !important;
  }
  .ma-md-n5 {
    margin: -20px !important;
  }
  .ma-md-n6 {
    margin: -24px !important;
  }
  .ma-md-n7 {
    margin: -28px !important;
  }
  .ma-md-n8 {
    margin: -32px !important;
  }
  .ma-md-n9 {
    margin: -36px !important;
  }
  .ma-md-n10 {
    margin: -40px !important;
  }
  .ma-md-n11 {
    margin: -44px !important;
  }
  .ma-md-n12 {
    margin: -48px !important;
  }
  .ma-md-n13 {
    margin: -52px !important;
  }
  .ma-md-n14 {
    margin: -56px !important;
  }
  .ma-md-n15 {
    margin: -60px !important;
  }
  .ma-md-n16 {
    margin: -64px !important;
  }
  .mx-md-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-md-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-md-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-md-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-md-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-md-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-md-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-md-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-md-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-md-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-md-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-md-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-md-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-md-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-md-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-md-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-md-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-md-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-md-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-md-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-md-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-md-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-md-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-md-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-md-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-md-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-md-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-md-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-md-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-md-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-md-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-md-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-md-n1 {
    margin-top: -4px !important;
  }
  .mt-md-n2 {
    margin-top: -8px !important;
  }
  .mt-md-n3 {
    margin-top: -12px !important;
  }
  .mt-md-n4 {
    margin-top: -16px !important;
  }
  .mt-md-n5 {
    margin-top: -20px !important;
  }
  .mt-md-n6 {
    margin-top: -24px !important;
  }
  .mt-md-n7 {
    margin-top: -28px !important;
  }
  .mt-md-n8 {
    margin-top: -32px !important;
  }
  .mt-md-n9 {
    margin-top: -36px !important;
  }
  .mt-md-n10 {
    margin-top: -40px !important;
  }
  .mt-md-n11 {
    margin-top: -44px !important;
  }
  .mt-md-n12 {
    margin-top: -48px !important;
  }
  .mt-md-n13 {
    margin-top: -52px !important;
  }
  .mt-md-n14 {
    margin-top: -56px !important;
  }
  .mt-md-n15 {
    margin-top: -60px !important;
  }
  .mt-md-n16 {
    margin-top: -64px !important;
  }
  .mr-md-n1 {
    margin-right: -4px !important;
  }
  .mr-md-n2 {
    margin-right: -8px !important;
  }
  .mr-md-n3 {
    margin-right: -12px !important;
  }
  .mr-md-n4 {
    margin-right: -16px !important;
  }
  .mr-md-n5 {
    margin-right: -20px !important;
  }
  .mr-md-n6 {
    margin-right: -24px !important;
  }
  .mr-md-n7 {
    margin-right: -28px !important;
  }
  .mr-md-n8 {
    margin-right: -32px !important;
  }
  .mr-md-n9 {
    margin-right: -36px !important;
  }
  .mr-md-n10 {
    margin-right: -40px !important;
  }
  .mr-md-n11 {
    margin-right: -44px !important;
  }
  .mr-md-n12 {
    margin-right: -48px !important;
  }
  .mr-md-n13 {
    margin-right: -52px !important;
  }
  .mr-md-n14 {
    margin-right: -56px !important;
  }
  .mr-md-n15 {
    margin-right: -60px !important;
  }
  .mr-md-n16 {
    margin-right: -64px !important;
  }
  .mb-md-n1 {
    margin-bottom: -4px !important;
  }
  .mb-md-n2 {
    margin-bottom: -8px !important;
  }
  .mb-md-n3 {
    margin-bottom: -12px !important;
  }
  .mb-md-n4 {
    margin-bottom: -16px !important;
  }
  .mb-md-n5 {
    margin-bottom: -20px !important;
  }
  .mb-md-n6 {
    margin-bottom: -24px !important;
  }
  .mb-md-n7 {
    margin-bottom: -28px !important;
  }
  .mb-md-n8 {
    margin-bottom: -32px !important;
  }
  .mb-md-n9 {
    margin-bottom: -36px !important;
  }
  .mb-md-n10 {
    margin-bottom: -40px !important;
  }
  .mb-md-n11 {
    margin-bottom: -44px !important;
  }
  .mb-md-n12 {
    margin-bottom: -48px !important;
  }
  .mb-md-n13 {
    margin-bottom: -52px !important;
  }
  .mb-md-n14 {
    margin-bottom: -56px !important;
  }
  .mb-md-n15 {
    margin-bottom: -60px !important;
  }
  .mb-md-n16 {
    margin-bottom: -64px !important;
  }
  .ml-md-n1 {
    margin-left: -4px !important;
  }
  .ml-md-n2 {
    margin-left: -8px !important;
  }
  .ml-md-n3 {
    margin-left: -12px !important;
  }
  .ml-md-n4 {
    margin-left: -16px !important;
  }
  .ml-md-n5 {
    margin-left: -20px !important;
  }
  .ml-md-n6 {
    margin-left: -24px !important;
  }
  .ml-md-n7 {
    margin-left: -28px !important;
  }
  .ml-md-n8 {
    margin-left: -32px !important;
  }
  .ml-md-n9 {
    margin-left: -36px !important;
  }
  .ml-md-n10 {
    margin-left: -40px !important;
  }
  .ml-md-n11 {
    margin-left: -44px !important;
  }
  .ml-md-n12 {
    margin-left: -48px !important;
  }
  .ml-md-n13 {
    margin-left: -52px !important;
  }
  .ml-md-n14 {
    margin-left: -56px !important;
  }
  .ml-md-n15 {
    margin-left: -60px !important;
  }
  .ml-md-n16 {
    margin-left: -64px !important;
  }
  .ms-md-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-md-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-md-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-md-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-md-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-md-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-md-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-md-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-md-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-md-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-md-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-md-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-md-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-md-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-md-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-md-n16 {
    margin-inline-start: -64px !important;
  }
  .me-md-n1 {
    margin-inline-end: -4px !important;
  }
  .me-md-n2 {
    margin-inline-end: -8px !important;
  }
  .me-md-n3 {
    margin-inline-end: -12px !important;
  }
  .me-md-n4 {
    margin-inline-end: -16px !important;
  }
  .me-md-n5 {
    margin-inline-end: -20px !important;
  }
  .me-md-n6 {
    margin-inline-end: -24px !important;
  }
  .me-md-n7 {
    margin-inline-end: -28px !important;
  }
  .me-md-n8 {
    margin-inline-end: -32px !important;
  }
  .me-md-n9 {
    margin-inline-end: -36px !important;
  }
  .me-md-n10 {
    margin-inline-end: -40px !important;
  }
  .me-md-n11 {
    margin-inline-end: -44px !important;
  }
  .me-md-n12 {
    margin-inline-end: -48px !important;
  }
  .me-md-n13 {
    margin-inline-end: -52px !important;
  }
  .me-md-n14 {
    margin-inline-end: -56px !important;
  }
  .me-md-n15 {
    margin-inline-end: -60px !important;
  }
  .me-md-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-md-0 {
    padding: 0px !important;
  }
  .pa-md-1 {
    padding: 4px !important;
  }
  .pa-md-2 {
    padding: 8px !important;
  }
  .pa-md-3 {
    padding: 12px !important;
  }
  .pa-md-4 {
    padding: 16px !important;
  }
  .pa-md-5 {
    padding: 20px !important;
  }
  .pa-md-6 {
    padding: 24px !important;
  }
  .pa-md-7 {
    padding: 28px !important;
  }
  .pa-md-8 {
    padding: 32px !important;
  }
  .pa-md-9 {
    padding: 36px !important;
  }
  .pa-md-10 {
    padding: 40px !important;
  }
  .pa-md-11 {
    padding: 44px !important;
  }
  .pa-md-12 {
    padding: 48px !important;
  }
  .pa-md-13 {
    padding: 52px !important;
  }
  .pa-md-14 {
    padding: 56px !important;
  }
  .pa-md-15 {
    padding: 60px !important;
  }
  .pa-md-16 {
    padding: 64px !important;
  }
  .px-md-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-md-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-md-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-md-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-md-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-md-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-md-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-md-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-md-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-md-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-md-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-md-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-md-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-md-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-md-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-md-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-md-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-md-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-md-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-md-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-md-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-md-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-md-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-md-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-md-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-md-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-md-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-md-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-md-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-md-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-md-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pt-md-1 {
    padding-top: 4px !important;
  }
  .pt-md-2 {
    padding-top: 8px !important;
  }
  .pt-md-3 {
    padding-top: 12px !important;
  }
  .pt-md-4 {
    padding-top: 16px !important;
  }
  .pt-md-5 {
    padding-top: 20px !important;
  }
  .pt-md-6 {
    padding-top: 24px !important;
  }
  .pt-md-7 {
    padding-top: 28px !important;
  }
  .pt-md-8 {
    padding-top: 32px !important;
  }
  .pt-md-9 {
    padding-top: 36px !important;
  }
  .pt-md-10 {
    padding-top: 40px !important;
  }
  .pt-md-11 {
    padding-top: 44px !important;
  }
  .pt-md-12 {
    padding-top: 48px !important;
  }
  .pt-md-13 {
    padding-top: 52px !important;
  }
  .pt-md-14 {
    padding-top: 56px !important;
  }
  .pt-md-15 {
    padding-top: 60px !important;
  }
  .pt-md-16 {
    padding-top: 64px !important;
  }
  .pr-md-0 {
    padding-right: 0px !important;
  }
  .pr-md-1 {
    padding-right: 4px !important;
  }
  .pr-md-2 {
    padding-right: 8px !important;
  }
  .pr-md-3 {
    padding-right: 12px !important;
  }
  .pr-md-4 {
    padding-right: 16px !important;
  }
  .pr-md-5 {
    padding-right: 20px !important;
  }
  .pr-md-6 {
    padding-right: 24px !important;
  }
  .pr-md-7 {
    padding-right: 28px !important;
  }
  .pr-md-8 {
    padding-right: 32px !important;
  }
  .pr-md-9 {
    padding-right: 36px !important;
  }
  .pr-md-10 {
    padding-right: 40px !important;
  }
  .pr-md-11 {
    padding-right: 44px !important;
  }
  .pr-md-12 {
    padding-right: 48px !important;
  }
  .pr-md-13 {
    padding-right: 52px !important;
  }
  .pr-md-14 {
    padding-right: 56px !important;
  }
  .pr-md-15 {
    padding-right: 60px !important;
  }
  .pr-md-16 {
    padding-right: 64px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  .pb-md-3 {
    padding-bottom: 12px !important;
  }
  .pb-md-4 {
    padding-bottom: 16px !important;
  }
  .pb-md-5 {
    padding-bottom: 20px !important;
  }
  .pb-md-6 {
    padding-bottom: 24px !important;
  }
  .pb-md-7 {
    padding-bottom: 28px !important;
  }
  .pb-md-8 {
    padding-bottom: 32px !important;
  }
  .pb-md-9 {
    padding-bottom: 36px !important;
  }
  .pb-md-10 {
    padding-bottom: 40px !important;
  }
  .pb-md-11 {
    padding-bottom: 44px !important;
  }
  .pb-md-12 {
    padding-bottom: 48px !important;
  }
  .pb-md-13 {
    padding-bottom: 52px !important;
  }
  .pb-md-14 {
    padding-bottom: 56px !important;
  }
  .pb-md-15 {
    padding-bottom: 60px !important;
  }
  .pb-md-16 {
    padding-bottom: 64px !important;
  }
  .pl-md-0 {
    padding-left: 0px !important;
  }
  .pl-md-1 {
    padding-left: 4px !important;
  }
  .pl-md-2 {
    padding-left: 8px !important;
  }
  .pl-md-3 {
    padding-left: 12px !important;
  }
  .pl-md-4 {
    padding-left: 16px !important;
  }
  .pl-md-5 {
    padding-left: 20px !important;
  }
  .pl-md-6 {
    padding-left: 24px !important;
  }
  .pl-md-7 {
    padding-left: 28px !important;
  }
  .pl-md-8 {
    padding-left: 32px !important;
  }
  .pl-md-9 {
    padding-left: 36px !important;
  }
  .pl-md-10 {
    padding-left: 40px !important;
  }
  .pl-md-11 {
    padding-left: 44px !important;
  }
  .pl-md-12 {
    padding-left: 48px !important;
  }
  .pl-md-13 {
    padding-left: 52px !important;
  }
  .pl-md-14 {
    padding-left: 56px !important;
  }
  .pl-md-15 {
    padding-left: 60px !important;
  }
  .pl-md-16 {
    padding-left: 64px !important;
  }
  .ps-md-0 {
    padding-inline-start: 0px !important;
  }
  .ps-md-1 {
    padding-inline-start: 4px !important;
  }
  .ps-md-2 {
    padding-inline-start: 8px !important;
  }
  .ps-md-3 {
    padding-inline-start: 12px !important;
  }
  .ps-md-4 {
    padding-inline-start: 16px !important;
  }
  .ps-md-5 {
    padding-inline-start: 20px !important;
  }
  .ps-md-6 {
    padding-inline-start: 24px !important;
  }
  .ps-md-7 {
    padding-inline-start: 28px !important;
  }
  .ps-md-8 {
    padding-inline-start: 32px !important;
  }
  .ps-md-9 {
    padding-inline-start: 36px !important;
  }
  .ps-md-10 {
    padding-inline-start: 40px !important;
  }
  .ps-md-11 {
    padding-inline-start: 44px !important;
  }
  .ps-md-12 {
    padding-inline-start: 48px !important;
  }
  .ps-md-13 {
    padding-inline-start: 52px !important;
  }
  .ps-md-14 {
    padding-inline-start: 56px !important;
  }
  .ps-md-15 {
    padding-inline-start: 60px !important;
  }
  .ps-md-16 {
    padding-inline-start: 64px !important;
  }
  .pe-md-0 {
    padding-inline-end: 0px !important;
  }
  .pe-md-1 {
    padding-inline-end: 4px !important;
  }
  .pe-md-2 {
    padding-inline-end: 8px !important;
  }
  .pe-md-3 {
    padding-inline-end: 12px !important;
  }
  .pe-md-4 {
    padding-inline-end: 16px !important;
  }
  .pe-md-5 {
    padding-inline-end: 20px !important;
  }
  .pe-md-6 {
    padding-inline-end: 24px !important;
  }
  .pe-md-7 {
    padding-inline-end: 28px !important;
  }
  .pe-md-8 {
    padding-inline-end: 32px !important;
  }
  .pe-md-9 {
    padding-inline-end: 36px !important;
  }
  .pe-md-10 {
    padding-inline-end: 40px !important;
  }
  .pe-md-11 {
    padding-inline-end: 44px !important;
  }
  .pe-md-12 {
    padding-inline-end: 48px !important;
  }
  .pe-md-13 {
    padding-inline-end: 52px !important;
  }
  .pe-md-14 {
    padding-inline-end: 56px !important;
  }
  .pe-md-15 {
    padding-inline-end: 60px !important;
  }
  .pe-md-16 {
    padding-inline-end: 64px !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-start {
    text-align: start !important;
  }
  .text-md-end {
    text-align: end !important;
  }
  .text-md-h1 {
    font-size: 6rem !important;
    font-weight: 500;
    line-height: 7rem;
    letter-spacing: -0.015625em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-h2 {
    font-size: 3.75rem !important;
    font-weight: 500;
    line-height: 4.5rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-h3 {
    font-size: 3rem !important;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-h4 {
    font-size: 2.125rem !important;
    font-weight: 500;
    line-height: 2.625rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-h5 {
    font-size: 1.5rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.0125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.0178571429em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
  .text-md-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-md-overline {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.0625rem !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-lg-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-lg-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-lg-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-lg-start {
    float: left !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-lg-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-lg-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-lg-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-lg-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-lg-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-lg-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-lg-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-space-between {
    justify-content: space-between !important;
  }
  .justify-lg-space-around {
    justify-content: space-around !important;
  }
  .justify-lg-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-baseline {
    align-items: baseline !important;
  }
  .align-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-space-between {
    align-content: space-between !important;
  }
  .align-content-lg-space-around {
    align-content: space-around !important;
  }
  .align-content-lg-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-6 {
    order: 6 !important;
  }
  .order-lg-7 {
    order: 7 !important;
  }
  .order-lg-8 {
    order: 8 !important;
  }
  .order-lg-9 {
    order: 9 !important;
  }
  .order-lg-10 {
    order: 10 !important;
  }
  .order-lg-11 {
    order: 11 !important;
  }
  .order-lg-12 {
    order: 12 !important;
  }
  .order-lg-last {
    order: 13 !important;
  }
  .ga-lg-0 {
    gap: 0px !important;
  }
  .ga-lg-1 {
    gap: 4px !important;
  }
  .ga-lg-2 {
    gap: 8px !important;
  }
  .ga-lg-3 {
    gap: 12px !important;
  }
  .ga-lg-4 {
    gap: 16px !important;
  }
  .ga-lg-5 {
    gap: 20px !important;
  }
  .ga-lg-6 {
    gap: 24px !important;
  }
  .ga-lg-7 {
    gap: 28px !important;
  }
  .ga-lg-8 {
    gap: 32px !important;
  }
  .ga-lg-9 {
    gap: 36px !important;
  }
  .ga-lg-10 {
    gap: 40px !important;
  }
  .ga-lg-11 {
    gap: 44px !important;
  }
  .ga-lg-12 {
    gap: 48px !important;
  }
  .ga-lg-13 {
    gap: 52px !important;
  }
  .ga-lg-14 {
    gap: 56px !important;
  }
  .ga-lg-15 {
    gap: 60px !important;
  }
  .ga-lg-16 {
    gap: 64px !important;
  }
  .ga-lg-auto {
    gap: auto !important;
  }
  .gr-lg-0 {
    row-gap: 0px !important;
  }
  .gr-lg-1 {
    row-gap: 4px !important;
  }
  .gr-lg-2 {
    row-gap: 8px !important;
  }
  .gr-lg-3 {
    row-gap: 12px !important;
  }
  .gr-lg-4 {
    row-gap: 16px !important;
  }
  .gr-lg-5 {
    row-gap: 20px !important;
  }
  .gr-lg-6 {
    row-gap: 24px !important;
  }
  .gr-lg-7 {
    row-gap: 28px !important;
  }
  .gr-lg-8 {
    row-gap: 32px !important;
  }
  .gr-lg-9 {
    row-gap: 36px !important;
  }
  .gr-lg-10 {
    row-gap: 40px !important;
  }
  .gr-lg-11 {
    row-gap: 44px !important;
  }
  .gr-lg-12 {
    row-gap: 48px !important;
  }
  .gr-lg-13 {
    row-gap: 52px !important;
  }
  .gr-lg-14 {
    row-gap: 56px !important;
  }
  .gr-lg-15 {
    row-gap: 60px !important;
  }
  .gr-lg-16 {
    row-gap: 64px !important;
  }
  .gr-lg-auto {
    row-gap: auto !important;
  }
  .gc-lg-0 {
    column-gap: 0px !important;
  }
  .gc-lg-1 {
    column-gap: 4px !important;
  }
  .gc-lg-2 {
    column-gap: 8px !important;
  }
  .gc-lg-3 {
    column-gap: 12px !important;
  }
  .gc-lg-4 {
    column-gap: 16px !important;
  }
  .gc-lg-5 {
    column-gap: 20px !important;
  }
  .gc-lg-6 {
    column-gap: 24px !important;
  }
  .gc-lg-7 {
    column-gap: 28px !important;
  }
  .gc-lg-8 {
    column-gap: 32px !important;
  }
  .gc-lg-9 {
    column-gap: 36px !important;
  }
  .gc-lg-10 {
    column-gap: 40px !important;
  }
  .gc-lg-11 {
    column-gap: 44px !important;
  }
  .gc-lg-12 {
    column-gap: 48px !important;
  }
  .gc-lg-13 {
    column-gap: 52px !important;
  }
  .gc-lg-14 {
    column-gap: 56px !important;
  }
  .gc-lg-15 {
    column-gap: 60px !important;
  }
  .gc-lg-16 {
    column-gap: 64px !important;
  }
  .gc-lg-auto {
    column-gap: auto !important;
  }
  .ma-lg-0 {
    margin: 0px !important;
  }
  .ma-lg-1 {
    margin: 4px !important;
  }
  .ma-lg-2 {
    margin: 8px !important;
  }
  .ma-lg-3 {
    margin: 12px !important;
  }
  .ma-lg-4 {
    margin: 16px !important;
  }
  .ma-lg-5 {
    margin: 20px !important;
  }
  .ma-lg-6 {
    margin: 24px !important;
  }
  .ma-lg-7 {
    margin: 28px !important;
  }
  .ma-lg-8 {
    margin: 32px !important;
  }
  .ma-lg-9 {
    margin: 36px !important;
  }
  .ma-lg-10 {
    margin: 40px !important;
  }
  .ma-lg-11 {
    margin: 44px !important;
  }
  .ma-lg-12 {
    margin: 48px !important;
  }
  .ma-lg-13 {
    margin: 52px !important;
  }
  .ma-lg-14 {
    margin: 56px !important;
  }
  .ma-lg-15 {
    margin: 60px !important;
  }
  .ma-lg-16 {
    margin: 64px !important;
  }
  .ma-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-lg-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-lg-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-lg-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-lg-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-lg-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-lg-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-lg-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-lg-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-lg-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-lg-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-lg-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-lg-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-lg-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-lg-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-lg-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-lg-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-lg-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-lg-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-lg-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-lg-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-lg-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-lg-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-lg-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-lg-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-lg-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-lg-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-lg-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-lg-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-lg-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-lg-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-lg-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  .mt-lg-3 {
    margin-top: 12px !important;
  }
  .mt-lg-4 {
    margin-top: 16px !important;
  }
  .mt-lg-5 {
    margin-top: 20px !important;
  }
  .mt-lg-6 {
    margin-top: 24px !important;
  }
  .mt-lg-7 {
    margin-top: 28px !important;
  }
  .mt-lg-8 {
    margin-top: 32px !important;
  }
  .mt-lg-9 {
    margin-top: 36px !important;
  }
  .mt-lg-10 {
    margin-top: 40px !important;
  }
  .mt-lg-11 {
    margin-top: 44px !important;
  }
  .mt-lg-12 {
    margin-top: 48px !important;
  }
  .mt-lg-13 {
    margin-top: 52px !important;
  }
  .mt-lg-14 {
    margin-top: 56px !important;
  }
  .mt-lg-15 {
    margin-top: 60px !important;
  }
  .mt-lg-16 {
    margin-top: 64px !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0px !important;
  }
  .mr-lg-1 {
    margin-right: 4px !important;
  }
  .mr-lg-2 {
    margin-right: 8px !important;
  }
  .mr-lg-3 {
    margin-right: 12px !important;
  }
  .mr-lg-4 {
    margin-right: 16px !important;
  }
  .mr-lg-5 {
    margin-right: 20px !important;
  }
  .mr-lg-6 {
    margin-right: 24px !important;
  }
  .mr-lg-7 {
    margin-right: 28px !important;
  }
  .mr-lg-8 {
    margin-right: 32px !important;
  }
  .mr-lg-9 {
    margin-right: 36px !important;
  }
  .mr-lg-10 {
    margin-right: 40px !important;
  }
  .mr-lg-11 {
    margin-right: 44px !important;
  }
  .mr-lg-12 {
    margin-right: 48px !important;
  }
  .mr-lg-13 {
    margin-right: 52px !important;
  }
  .mr-lg-14 {
    margin-right: 56px !important;
  }
  .mr-lg-15 {
    margin-right: 60px !important;
  }
  .mr-lg-16 {
    margin-right: 64px !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  .mb-lg-3 {
    margin-bottom: 12px !important;
  }
  .mb-lg-4 {
    margin-bottom: 16px !important;
  }
  .mb-lg-5 {
    margin-bottom: 20px !important;
  }
  .mb-lg-6 {
    margin-bottom: 24px !important;
  }
  .mb-lg-7 {
    margin-bottom: 28px !important;
  }
  .mb-lg-8 {
    margin-bottom: 32px !important;
  }
  .mb-lg-9 {
    margin-bottom: 36px !important;
  }
  .mb-lg-10 {
    margin-bottom: 40px !important;
  }
  .mb-lg-11 {
    margin-bottom: 44px !important;
  }
  .mb-lg-12 {
    margin-bottom: 48px !important;
  }
  .mb-lg-13 {
    margin-bottom: 52px !important;
  }
  .mb-lg-14 {
    margin-bottom: 56px !important;
  }
  .mb-lg-15 {
    margin-bottom: 60px !important;
  }
  .mb-lg-16 {
    margin-bottom: 64px !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-0 {
    margin-left: 0px !important;
  }
  .ml-lg-1 {
    margin-left: 4px !important;
  }
  .ml-lg-2 {
    margin-left: 8px !important;
  }
  .ml-lg-3 {
    margin-left: 12px !important;
  }
  .ml-lg-4 {
    margin-left: 16px !important;
  }
  .ml-lg-5 {
    margin-left: 20px !important;
  }
  .ml-lg-6 {
    margin-left: 24px !important;
  }
  .ml-lg-7 {
    margin-left: 28px !important;
  }
  .ml-lg-8 {
    margin-left: 32px !important;
  }
  .ml-lg-9 {
    margin-left: 36px !important;
  }
  .ml-lg-10 {
    margin-left: 40px !important;
  }
  .ml-lg-11 {
    margin-left: 44px !important;
  }
  .ml-lg-12 {
    margin-left: 48px !important;
  }
  .ml-lg-13 {
    margin-left: 52px !important;
  }
  .ml-lg-14 {
    margin-left: 56px !important;
  }
  .ml-lg-15 {
    margin-left: 60px !important;
  }
  .ml-lg-16 {
    margin-left: 64px !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .ms-lg-0 {
    margin-inline-start: 0px !important;
  }
  .ms-lg-1 {
    margin-inline-start: 4px !important;
  }
  .ms-lg-2 {
    margin-inline-start: 8px !important;
  }
  .ms-lg-3 {
    margin-inline-start: 12px !important;
  }
  .ms-lg-4 {
    margin-inline-start: 16px !important;
  }
  .ms-lg-5 {
    margin-inline-start: 20px !important;
  }
  .ms-lg-6 {
    margin-inline-start: 24px !important;
  }
  .ms-lg-7 {
    margin-inline-start: 28px !important;
  }
  .ms-lg-8 {
    margin-inline-start: 32px !important;
  }
  .ms-lg-9 {
    margin-inline-start: 36px !important;
  }
  .ms-lg-10 {
    margin-inline-start: 40px !important;
  }
  .ms-lg-11 {
    margin-inline-start: 44px !important;
  }
  .ms-lg-12 {
    margin-inline-start: 48px !important;
  }
  .ms-lg-13 {
    margin-inline-start: 52px !important;
  }
  .ms-lg-14 {
    margin-inline-start: 56px !important;
  }
  .ms-lg-15 {
    margin-inline-start: 60px !important;
  }
  .ms-lg-16 {
    margin-inline-start: 64px !important;
  }
  .ms-lg-auto {
    margin-inline-start: auto !important;
  }
  .me-lg-0 {
    margin-inline-end: 0px !important;
  }
  .me-lg-1 {
    margin-inline-end: 4px !important;
  }
  .me-lg-2 {
    margin-inline-end: 8px !important;
  }
  .me-lg-3 {
    margin-inline-end: 12px !important;
  }
  .me-lg-4 {
    margin-inline-end: 16px !important;
  }
  .me-lg-5 {
    margin-inline-end: 20px !important;
  }
  .me-lg-6 {
    margin-inline-end: 24px !important;
  }
  .me-lg-7 {
    margin-inline-end: 28px !important;
  }
  .me-lg-8 {
    margin-inline-end: 32px !important;
  }
  .me-lg-9 {
    margin-inline-end: 36px !important;
  }
  .me-lg-10 {
    margin-inline-end: 40px !important;
  }
  .me-lg-11 {
    margin-inline-end: 44px !important;
  }
  .me-lg-12 {
    margin-inline-end: 48px !important;
  }
  .me-lg-13 {
    margin-inline-end: 52px !important;
  }
  .me-lg-14 {
    margin-inline-end: 56px !important;
  }
  .me-lg-15 {
    margin-inline-end: 60px !important;
  }
  .me-lg-16 {
    margin-inline-end: 64px !important;
  }
  .me-lg-auto {
    margin-inline-end: auto !important;
  }
  .ma-lg-n1 {
    margin: -4px !important;
  }
  .ma-lg-n2 {
    margin: -8px !important;
  }
  .ma-lg-n3 {
    margin: -12px !important;
  }
  .ma-lg-n4 {
    margin: -16px !important;
  }
  .ma-lg-n5 {
    margin: -20px !important;
  }
  .ma-lg-n6 {
    margin: -24px !important;
  }
  .ma-lg-n7 {
    margin: -28px !important;
  }
  .ma-lg-n8 {
    margin: -32px !important;
  }
  .ma-lg-n9 {
    margin: -36px !important;
  }
  .ma-lg-n10 {
    margin: -40px !important;
  }
  .ma-lg-n11 {
    margin: -44px !important;
  }
  .ma-lg-n12 {
    margin: -48px !important;
  }
  .ma-lg-n13 {
    margin: -52px !important;
  }
  .ma-lg-n14 {
    margin: -56px !important;
  }
  .ma-lg-n15 {
    margin: -60px !important;
  }
  .ma-lg-n16 {
    margin: -64px !important;
  }
  .mx-lg-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-lg-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-lg-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-lg-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-lg-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-lg-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-lg-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-lg-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-lg-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-lg-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-lg-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-lg-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-lg-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-lg-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-lg-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-lg-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-lg-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-lg-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-lg-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-lg-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-lg-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-lg-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-lg-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-lg-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-lg-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-lg-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-lg-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-lg-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-lg-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-lg-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-lg-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-lg-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-lg-n1 {
    margin-top: -4px !important;
  }
  .mt-lg-n2 {
    margin-top: -8px !important;
  }
  .mt-lg-n3 {
    margin-top: -12px !important;
  }
  .mt-lg-n4 {
    margin-top: -16px !important;
  }
  .mt-lg-n5 {
    margin-top: -20px !important;
  }
  .mt-lg-n6 {
    margin-top: -24px !important;
  }
  .mt-lg-n7 {
    margin-top: -28px !important;
  }
  .mt-lg-n8 {
    margin-top: -32px !important;
  }
  .mt-lg-n9 {
    margin-top: -36px !important;
  }
  .mt-lg-n10 {
    margin-top: -40px !important;
  }
  .mt-lg-n11 {
    margin-top: -44px !important;
  }
  .mt-lg-n12 {
    margin-top: -48px !important;
  }
  .mt-lg-n13 {
    margin-top: -52px !important;
  }
  .mt-lg-n14 {
    margin-top: -56px !important;
  }
  .mt-lg-n15 {
    margin-top: -60px !important;
  }
  .mt-lg-n16 {
    margin-top: -64px !important;
  }
  .mr-lg-n1 {
    margin-right: -4px !important;
  }
  .mr-lg-n2 {
    margin-right: -8px !important;
  }
  .mr-lg-n3 {
    margin-right: -12px !important;
  }
  .mr-lg-n4 {
    margin-right: -16px !important;
  }
  .mr-lg-n5 {
    margin-right: -20px !important;
  }
  .mr-lg-n6 {
    margin-right: -24px !important;
  }
  .mr-lg-n7 {
    margin-right: -28px !important;
  }
  .mr-lg-n8 {
    margin-right: -32px !important;
  }
  .mr-lg-n9 {
    margin-right: -36px !important;
  }
  .mr-lg-n10 {
    margin-right: -40px !important;
  }
  .mr-lg-n11 {
    margin-right: -44px !important;
  }
  .mr-lg-n12 {
    margin-right: -48px !important;
  }
  .mr-lg-n13 {
    margin-right: -52px !important;
  }
  .mr-lg-n14 {
    margin-right: -56px !important;
  }
  .mr-lg-n15 {
    margin-right: -60px !important;
  }
  .mr-lg-n16 {
    margin-right: -64px !important;
  }
  .mb-lg-n1 {
    margin-bottom: -4px !important;
  }
  .mb-lg-n2 {
    margin-bottom: -8px !important;
  }
  .mb-lg-n3 {
    margin-bottom: -12px !important;
  }
  .mb-lg-n4 {
    margin-bottom: -16px !important;
  }
  .mb-lg-n5 {
    margin-bottom: -20px !important;
  }
  .mb-lg-n6 {
    margin-bottom: -24px !important;
  }
  .mb-lg-n7 {
    margin-bottom: -28px !important;
  }
  .mb-lg-n8 {
    margin-bottom: -32px !important;
  }
  .mb-lg-n9 {
    margin-bottom: -36px !important;
  }
  .mb-lg-n10 {
    margin-bottom: -40px !important;
  }
  .mb-lg-n11 {
    margin-bottom: -44px !important;
  }
  .mb-lg-n12 {
    margin-bottom: -48px !important;
  }
  .mb-lg-n13 {
    margin-bottom: -52px !important;
  }
  .mb-lg-n14 {
    margin-bottom: -56px !important;
  }
  .mb-lg-n15 {
    margin-bottom: -60px !important;
  }
  .mb-lg-n16 {
    margin-bottom: -64px !important;
  }
  .ml-lg-n1 {
    margin-left: -4px !important;
  }
  .ml-lg-n2 {
    margin-left: -8px !important;
  }
  .ml-lg-n3 {
    margin-left: -12px !important;
  }
  .ml-lg-n4 {
    margin-left: -16px !important;
  }
  .ml-lg-n5 {
    margin-left: -20px !important;
  }
  .ml-lg-n6 {
    margin-left: -24px !important;
  }
  .ml-lg-n7 {
    margin-left: -28px !important;
  }
  .ml-lg-n8 {
    margin-left: -32px !important;
  }
  .ml-lg-n9 {
    margin-left: -36px !important;
  }
  .ml-lg-n10 {
    margin-left: -40px !important;
  }
  .ml-lg-n11 {
    margin-left: -44px !important;
  }
  .ml-lg-n12 {
    margin-left: -48px !important;
  }
  .ml-lg-n13 {
    margin-left: -52px !important;
  }
  .ml-lg-n14 {
    margin-left: -56px !important;
  }
  .ml-lg-n15 {
    margin-left: -60px !important;
  }
  .ml-lg-n16 {
    margin-left: -64px !important;
  }
  .ms-lg-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-lg-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-lg-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-lg-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-lg-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-lg-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-lg-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-lg-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-lg-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-lg-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-lg-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-lg-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-lg-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-lg-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-lg-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-lg-n16 {
    margin-inline-start: -64px !important;
  }
  .me-lg-n1 {
    margin-inline-end: -4px !important;
  }
  .me-lg-n2 {
    margin-inline-end: -8px !important;
  }
  .me-lg-n3 {
    margin-inline-end: -12px !important;
  }
  .me-lg-n4 {
    margin-inline-end: -16px !important;
  }
  .me-lg-n5 {
    margin-inline-end: -20px !important;
  }
  .me-lg-n6 {
    margin-inline-end: -24px !important;
  }
  .me-lg-n7 {
    margin-inline-end: -28px !important;
  }
  .me-lg-n8 {
    margin-inline-end: -32px !important;
  }
  .me-lg-n9 {
    margin-inline-end: -36px !important;
  }
  .me-lg-n10 {
    margin-inline-end: -40px !important;
  }
  .me-lg-n11 {
    margin-inline-end: -44px !important;
  }
  .me-lg-n12 {
    margin-inline-end: -48px !important;
  }
  .me-lg-n13 {
    margin-inline-end: -52px !important;
  }
  .me-lg-n14 {
    margin-inline-end: -56px !important;
  }
  .me-lg-n15 {
    margin-inline-end: -60px !important;
  }
  .me-lg-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-lg-0 {
    padding: 0px !important;
  }
  .pa-lg-1 {
    padding: 4px !important;
  }
  .pa-lg-2 {
    padding: 8px !important;
  }
  .pa-lg-3 {
    padding: 12px !important;
  }
  .pa-lg-4 {
    padding: 16px !important;
  }
  .pa-lg-5 {
    padding: 20px !important;
  }
  .pa-lg-6 {
    padding: 24px !important;
  }
  .pa-lg-7 {
    padding: 28px !important;
  }
  .pa-lg-8 {
    padding: 32px !important;
  }
  .pa-lg-9 {
    padding: 36px !important;
  }
  .pa-lg-10 {
    padding: 40px !important;
  }
  .pa-lg-11 {
    padding: 44px !important;
  }
  .pa-lg-12 {
    padding: 48px !important;
  }
  .pa-lg-13 {
    padding: 52px !important;
  }
  .pa-lg-14 {
    padding: 56px !important;
  }
  .pa-lg-15 {
    padding: 60px !important;
  }
  .pa-lg-16 {
    padding: 64px !important;
  }
  .px-lg-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-lg-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-lg-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-lg-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-lg-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-lg-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-lg-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-lg-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-lg-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-lg-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-lg-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-lg-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-lg-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-lg-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-lg-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-lg-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-lg-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-lg-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-lg-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-lg-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-lg-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-lg-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-lg-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-lg-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-lg-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-lg-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-lg-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-lg-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-lg-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-lg-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-lg-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  .pt-lg-3 {
    padding-top: 12px !important;
  }
  .pt-lg-4 {
    padding-top: 16px !important;
  }
  .pt-lg-5 {
    padding-top: 20px !important;
  }
  .pt-lg-6 {
    padding-top: 24px !important;
  }
  .pt-lg-7 {
    padding-top: 28px !important;
  }
  .pt-lg-8 {
    padding-top: 32px !important;
  }
  .pt-lg-9 {
    padding-top: 36px !important;
  }
  .pt-lg-10 {
    padding-top: 40px !important;
  }
  .pt-lg-11 {
    padding-top: 44px !important;
  }
  .pt-lg-12 {
    padding-top: 48px !important;
  }
  .pt-lg-13 {
    padding-top: 52px !important;
  }
  .pt-lg-14 {
    padding-top: 56px !important;
  }
  .pt-lg-15 {
    padding-top: 60px !important;
  }
  .pt-lg-16 {
    padding-top: 64px !important;
  }
  .pr-lg-0 {
    padding-right: 0px !important;
  }
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  .pr-lg-3 {
    padding-right: 12px !important;
  }
  .pr-lg-4 {
    padding-right: 16px !important;
  }
  .pr-lg-5 {
    padding-right: 20px !important;
  }
  .pr-lg-6 {
    padding-right: 24px !important;
  }
  .pr-lg-7 {
    padding-right: 28px !important;
  }
  .pr-lg-8 {
    padding-right: 32px !important;
  }
  .pr-lg-9 {
    padding-right: 36px !important;
  }
  .pr-lg-10 {
    padding-right: 40px !important;
  }
  .pr-lg-11 {
    padding-right: 44px !important;
  }
  .pr-lg-12 {
    padding-right: 48px !important;
  }
  .pr-lg-13 {
    padding-right: 52px !important;
  }
  .pr-lg-14 {
    padding-right: 56px !important;
  }
  .pr-lg-15 {
    padding-right: 60px !important;
  }
  .pr-lg-16 {
    padding-right: 64px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  .pb-lg-3 {
    padding-bottom: 12px !important;
  }
  .pb-lg-4 {
    padding-bottom: 16px !important;
  }
  .pb-lg-5 {
    padding-bottom: 20px !important;
  }
  .pb-lg-6 {
    padding-bottom: 24px !important;
  }
  .pb-lg-7 {
    padding-bottom: 28px !important;
  }
  .pb-lg-8 {
    padding-bottom: 32px !important;
  }
  .pb-lg-9 {
    padding-bottom: 36px !important;
  }
  .pb-lg-10 {
    padding-bottom: 40px !important;
  }
  .pb-lg-11 {
    padding-bottom: 44px !important;
  }
  .pb-lg-12 {
    padding-bottom: 48px !important;
  }
  .pb-lg-13 {
    padding-bottom: 52px !important;
  }
  .pb-lg-14 {
    padding-bottom: 56px !important;
  }
  .pb-lg-15 {
    padding-bottom: 60px !important;
  }
  .pb-lg-16 {
    padding-bottom: 64px !important;
  }
  .pl-lg-0 {
    padding-left: 0px !important;
  }
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  .pl-lg-3 {
    padding-left: 12px !important;
  }
  .pl-lg-4 {
    padding-left: 16px !important;
  }
  .pl-lg-5 {
    padding-left: 20px !important;
  }
  .pl-lg-6 {
    padding-left: 24px !important;
  }
  .pl-lg-7 {
    padding-left: 28px !important;
  }
  .pl-lg-8 {
    padding-left: 32px !important;
  }
  .pl-lg-9 {
    padding-left: 36px !important;
  }
  .pl-lg-10 {
    padding-left: 40px !important;
  }
  .pl-lg-11 {
    padding-left: 44px !important;
  }
  .pl-lg-12 {
    padding-left: 48px !important;
  }
  .pl-lg-13 {
    padding-left: 52px !important;
  }
  .pl-lg-14 {
    padding-left: 56px !important;
  }
  .pl-lg-15 {
    padding-left: 60px !important;
  }
  .pl-lg-16 {
    padding-left: 64px !important;
  }
  .ps-lg-0 {
    padding-inline-start: 0px !important;
  }
  .ps-lg-1 {
    padding-inline-start: 4px !important;
  }
  .ps-lg-2 {
    padding-inline-start: 8px !important;
  }
  .ps-lg-3 {
    padding-inline-start: 12px !important;
  }
  .ps-lg-4 {
    padding-inline-start: 16px !important;
  }
  .ps-lg-5 {
    padding-inline-start: 20px !important;
  }
  .ps-lg-6 {
    padding-inline-start: 24px !important;
  }
  .ps-lg-7 {
    padding-inline-start: 28px !important;
  }
  .ps-lg-8 {
    padding-inline-start: 32px !important;
  }
  .ps-lg-9 {
    padding-inline-start: 36px !important;
  }
  .ps-lg-10 {
    padding-inline-start: 40px !important;
  }
  .ps-lg-11 {
    padding-inline-start: 44px !important;
  }
  .ps-lg-12 {
    padding-inline-start: 48px !important;
  }
  .ps-lg-13 {
    padding-inline-start: 52px !important;
  }
  .ps-lg-14 {
    padding-inline-start: 56px !important;
  }
  .ps-lg-15 {
    padding-inline-start: 60px !important;
  }
  .ps-lg-16 {
    padding-inline-start: 64px !important;
  }
  .pe-lg-0 {
    padding-inline-end: 0px !important;
  }
  .pe-lg-1 {
    padding-inline-end: 4px !important;
  }
  .pe-lg-2 {
    padding-inline-end: 8px !important;
  }
  .pe-lg-3 {
    padding-inline-end: 12px !important;
  }
  .pe-lg-4 {
    padding-inline-end: 16px !important;
  }
  .pe-lg-5 {
    padding-inline-end: 20px !important;
  }
  .pe-lg-6 {
    padding-inline-end: 24px !important;
  }
  .pe-lg-7 {
    padding-inline-end: 28px !important;
  }
  .pe-lg-8 {
    padding-inline-end: 32px !important;
  }
  .pe-lg-9 {
    padding-inline-end: 36px !important;
  }
  .pe-lg-10 {
    padding-inline-end: 40px !important;
  }
  .pe-lg-11 {
    padding-inline-end: 44px !important;
  }
  .pe-lg-12 {
    padding-inline-end: 48px !important;
  }
  .pe-lg-13 {
    padding-inline-end: 52px !important;
  }
  .pe-lg-14 {
    padding-inline-end: 56px !important;
  }
  .pe-lg-15 {
    padding-inline-end: 60px !important;
  }
  .pe-lg-16 {
    padding-inline-end: 64px !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-start {
    text-align: start !important;
  }
  .text-lg-end {
    text-align: end !important;
  }
  .text-lg-h1 {
    font-size: 6rem !important;
    font-weight: 500;
    line-height: 7rem;
    letter-spacing: -0.015625em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-h2 {
    font-size: 3.75rem !important;
    font-weight: 500;
    line-height: 4.5rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-h3 {
    font-size: 3rem !important;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-h4 {
    font-size: 2.125rem !important;
    font-weight: 500;
    line-height: 2.625rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-h5 {
    font-size: 1.5rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.0125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.0178571429em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
  .text-lg-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-lg-overline {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.0625rem !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
}
@media (min-width: 1920px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-xl-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-xl-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-xl-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-xl-start {
    float: left !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-xl-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-xl-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-xl-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-xl-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-xl-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-xl-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-xl-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-space-between {
    justify-content: space-between !important;
  }
  .justify-xl-space-around {
    justify-content: space-around !important;
  }
  .justify-xl-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-baseline {
    align-items: baseline !important;
  }
  .align-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-space-between {
    align-content: space-between !important;
  }
  .align-content-xl-space-around {
    align-content: space-around !important;
  }
  .align-content-xl-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-6 {
    order: 6 !important;
  }
  .order-xl-7 {
    order: 7 !important;
  }
  .order-xl-8 {
    order: 8 !important;
  }
  .order-xl-9 {
    order: 9 !important;
  }
  .order-xl-10 {
    order: 10 !important;
  }
  .order-xl-11 {
    order: 11 !important;
  }
  .order-xl-12 {
    order: 12 !important;
  }
  .order-xl-last {
    order: 13 !important;
  }
  .ga-xl-0 {
    gap: 0px !important;
  }
  .ga-xl-1 {
    gap: 4px !important;
  }
  .ga-xl-2 {
    gap: 8px !important;
  }
  .ga-xl-3 {
    gap: 12px !important;
  }
  .ga-xl-4 {
    gap: 16px !important;
  }
  .ga-xl-5 {
    gap: 20px !important;
  }
  .ga-xl-6 {
    gap: 24px !important;
  }
  .ga-xl-7 {
    gap: 28px !important;
  }
  .ga-xl-8 {
    gap: 32px !important;
  }
  .ga-xl-9 {
    gap: 36px !important;
  }
  .ga-xl-10 {
    gap: 40px !important;
  }
  .ga-xl-11 {
    gap: 44px !important;
  }
  .ga-xl-12 {
    gap: 48px !important;
  }
  .ga-xl-13 {
    gap: 52px !important;
  }
  .ga-xl-14 {
    gap: 56px !important;
  }
  .ga-xl-15 {
    gap: 60px !important;
  }
  .ga-xl-16 {
    gap: 64px !important;
  }
  .ga-xl-auto {
    gap: auto !important;
  }
  .gr-xl-0 {
    row-gap: 0px !important;
  }
  .gr-xl-1 {
    row-gap: 4px !important;
  }
  .gr-xl-2 {
    row-gap: 8px !important;
  }
  .gr-xl-3 {
    row-gap: 12px !important;
  }
  .gr-xl-4 {
    row-gap: 16px !important;
  }
  .gr-xl-5 {
    row-gap: 20px !important;
  }
  .gr-xl-6 {
    row-gap: 24px !important;
  }
  .gr-xl-7 {
    row-gap: 28px !important;
  }
  .gr-xl-8 {
    row-gap: 32px !important;
  }
  .gr-xl-9 {
    row-gap: 36px !important;
  }
  .gr-xl-10 {
    row-gap: 40px !important;
  }
  .gr-xl-11 {
    row-gap: 44px !important;
  }
  .gr-xl-12 {
    row-gap: 48px !important;
  }
  .gr-xl-13 {
    row-gap: 52px !important;
  }
  .gr-xl-14 {
    row-gap: 56px !important;
  }
  .gr-xl-15 {
    row-gap: 60px !important;
  }
  .gr-xl-16 {
    row-gap: 64px !important;
  }
  .gr-xl-auto {
    row-gap: auto !important;
  }
  .gc-xl-0 {
    column-gap: 0px !important;
  }
  .gc-xl-1 {
    column-gap: 4px !important;
  }
  .gc-xl-2 {
    column-gap: 8px !important;
  }
  .gc-xl-3 {
    column-gap: 12px !important;
  }
  .gc-xl-4 {
    column-gap: 16px !important;
  }
  .gc-xl-5 {
    column-gap: 20px !important;
  }
  .gc-xl-6 {
    column-gap: 24px !important;
  }
  .gc-xl-7 {
    column-gap: 28px !important;
  }
  .gc-xl-8 {
    column-gap: 32px !important;
  }
  .gc-xl-9 {
    column-gap: 36px !important;
  }
  .gc-xl-10 {
    column-gap: 40px !important;
  }
  .gc-xl-11 {
    column-gap: 44px !important;
  }
  .gc-xl-12 {
    column-gap: 48px !important;
  }
  .gc-xl-13 {
    column-gap: 52px !important;
  }
  .gc-xl-14 {
    column-gap: 56px !important;
  }
  .gc-xl-15 {
    column-gap: 60px !important;
  }
  .gc-xl-16 {
    column-gap: 64px !important;
  }
  .gc-xl-auto {
    column-gap: auto !important;
  }
  .ma-xl-0 {
    margin: 0px !important;
  }
  .ma-xl-1 {
    margin: 4px !important;
  }
  .ma-xl-2 {
    margin: 8px !important;
  }
  .ma-xl-3 {
    margin: 12px !important;
  }
  .ma-xl-4 {
    margin: 16px !important;
  }
  .ma-xl-5 {
    margin: 20px !important;
  }
  .ma-xl-6 {
    margin: 24px !important;
  }
  .ma-xl-7 {
    margin: 28px !important;
  }
  .ma-xl-8 {
    margin: 32px !important;
  }
  .ma-xl-9 {
    margin: 36px !important;
  }
  .ma-xl-10 {
    margin: 40px !important;
  }
  .ma-xl-11 {
    margin: 44px !important;
  }
  .ma-xl-12 {
    margin: 48px !important;
  }
  .ma-xl-13 {
    margin: 52px !important;
  }
  .ma-xl-14 {
    margin: 56px !important;
  }
  .ma-xl-15 {
    margin: 60px !important;
  }
  .ma-xl-16 {
    margin: 64px !important;
  }
  .ma-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-xl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-xl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-xl-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-xl-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-xl-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xl-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-xl-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-xl-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-xl-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-xl-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xl-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-xl-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-xl-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-xl-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-xl-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xl-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-xl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-xl-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-xl-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-xl-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xl-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-xl-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-xl-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-xl-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-xl-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xl-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-xl-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-xl-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-xl-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-xl-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xl-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0px !important;
  }
  .mt-xl-1 {
    margin-top: 4px !important;
  }
  .mt-xl-2 {
    margin-top: 8px !important;
  }
  .mt-xl-3 {
    margin-top: 12px !important;
  }
  .mt-xl-4 {
    margin-top: 16px !important;
  }
  .mt-xl-5 {
    margin-top: 20px !important;
  }
  .mt-xl-6 {
    margin-top: 24px !important;
  }
  .mt-xl-7 {
    margin-top: 28px !important;
  }
  .mt-xl-8 {
    margin-top: 32px !important;
  }
  .mt-xl-9 {
    margin-top: 36px !important;
  }
  .mt-xl-10 {
    margin-top: 40px !important;
  }
  .mt-xl-11 {
    margin-top: 44px !important;
  }
  .mt-xl-12 {
    margin-top: 48px !important;
  }
  .mt-xl-13 {
    margin-top: 52px !important;
  }
  .mt-xl-14 {
    margin-top: 56px !important;
  }
  .mt-xl-15 {
    margin-top: 60px !important;
  }
  .mt-xl-16 {
    margin-top: 64px !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-0 {
    margin-right: 0px !important;
  }
  .mr-xl-1 {
    margin-right: 4px !important;
  }
  .mr-xl-2 {
    margin-right: 8px !important;
  }
  .mr-xl-3 {
    margin-right: 12px !important;
  }
  .mr-xl-4 {
    margin-right: 16px !important;
  }
  .mr-xl-5 {
    margin-right: 20px !important;
  }
  .mr-xl-6 {
    margin-right: 24px !important;
  }
  .mr-xl-7 {
    margin-right: 28px !important;
  }
  .mr-xl-8 {
    margin-right: 32px !important;
  }
  .mr-xl-9 {
    margin-right: 36px !important;
  }
  .mr-xl-10 {
    margin-right: 40px !important;
  }
  .mr-xl-11 {
    margin-right: 44px !important;
  }
  .mr-xl-12 {
    margin-right: 48px !important;
  }
  .mr-xl-13 {
    margin-right: 52px !important;
  }
  .mr-xl-14 {
    margin-right: 56px !important;
  }
  .mr-xl-15 {
    margin-right: 60px !important;
  }
  .mr-xl-16 {
    margin-right: 64px !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
  .mb-xl-1 {
    margin-bottom: 4px !important;
  }
  .mb-xl-2 {
    margin-bottom: 8px !important;
  }
  .mb-xl-3 {
    margin-bottom: 12px !important;
  }
  .mb-xl-4 {
    margin-bottom: 16px !important;
  }
  .mb-xl-5 {
    margin-bottom: 20px !important;
  }
  .mb-xl-6 {
    margin-bottom: 24px !important;
  }
  .mb-xl-7 {
    margin-bottom: 28px !important;
  }
  .mb-xl-8 {
    margin-bottom: 32px !important;
  }
  .mb-xl-9 {
    margin-bottom: 36px !important;
  }
  .mb-xl-10 {
    margin-bottom: 40px !important;
  }
  .mb-xl-11 {
    margin-bottom: 44px !important;
  }
  .mb-xl-12 {
    margin-bottom: 48px !important;
  }
  .mb-xl-13 {
    margin-bottom: 52px !important;
  }
  .mb-xl-14 {
    margin-bottom: 56px !important;
  }
  .mb-xl-15 {
    margin-bottom: 60px !important;
  }
  .mb-xl-16 {
    margin-bottom: 64px !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-0 {
    margin-left: 0px !important;
  }
  .ml-xl-1 {
    margin-left: 4px !important;
  }
  .ml-xl-2 {
    margin-left: 8px !important;
  }
  .ml-xl-3 {
    margin-left: 12px !important;
  }
  .ml-xl-4 {
    margin-left: 16px !important;
  }
  .ml-xl-5 {
    margin-left: 20px !important;
  }
  .ml-xl-6 {
    margin-left: 24px !important;
  }
  .ml-xl-7 {
    margin-left: 28px !important;
  }
  .ml-xl-8 {
    margin-left: 32px !important;
  }
  .ml-xl-9 {
    margin-left: 36px !important;
  }
  .ml-xl-10 {
    margin-left: 40px !important;
  }
  .ml-xl-11 {
    margin-left: 44px !important;
  }
  .ml-xl-12 {
    margin-left: 48px !important;
  }
  .ml-xl-13 {
    margin-left: 52px !important;
  }
  .ml-xl-14 {
    margin-left: 56px !important;
  }
  .ml-xl-15 {
    margin-left: 60px !important;
  }
  .ml-xl-16 {
    margin-left: 64px !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .ms-xl-0 {
    margin-inline-start: 0px !important;
  }
  .ms-xl-1 {
    margin-inline-start: 4px !important;
  }
  .ms-xl-2 {
    margin-inline-start: 8px !important;
  }
  .ms-xl-3 {
    margin-inline-start: 12px !important;
  }
  .ms-xl-4 {
    margin-inline-start: 16px !important;
  }
  .ms-xl-5 {
    margin-inline-start: 20px !important;
  }
  .ms-xl-6 {
    margin-inline-start: 24px !important;
  }
  .ms-xl-7 {
    margin-inline-start: 28px !important;
  }
  .ms-xl-8 {
    margin-inline-start: 32px !important;
  }
  .ms-xl-9 {
    margin-inline-start: 36px !important;
  }
  .ms-xl-10 {
    margin-inline-start: 40px !important;
  }
  .ms-xl-11 {
    margin-inline-start: 44px !important;
  }
  .ms-xl-12 {
    margin-inline-start: 48px !important;
  }
  .ms-xl-13 {
    margin-inline-start: 52px !important;
  }
  .ms-xl-14 {
    margin-inline-start: 56px !important;
  }
  .ms-xl-15 {
    margin-inline-start: 60px !important;
  }
  .ms-xl-16 {
    margin-inline-start: 64px !important;
  }
  .ms-xl-auto {
    margin-inline-start: auto !important;
  }
  .me-xl-0 {
    margin-inline-end: 0px !important;
  }
  .me-xl-1 {
    margin-inline-end: 4px !important;
  }
  .me-xl-2 {
    margin-inline-end: 8px !important;
  }
  .me-xl-3 {
    margin-inline-end: 12px !important;
  }
  .me-xl-4 {
    margin-inline-end: 16px !important;
  }
  .me-xl-5 {
    margin-inline-end: 20px !important;
  }
  .me-xl-6 {
    margin-inline-end: 24px !important;
  }
  .me-xl-7 {
    margin-inline-end: 28px !important;
  }
  .me-xl-8 {
    margin-inline-end: 32px !important;
  }
  .me-xl-9 {
    margin-inline-end: 36px !important;
  }
  .me-xl-10 {
    margin-inline-end: 40px !important;
  }
  .me-xl-11 {
    margin-inline-end: 44px !important;
  }
  .me-xl-12 {
    margin-inline-end: 48px !important;
  }
  .me-xl-13 {
    margin-inline-end: 52px !important;
  }
  .me-xl-14 {
    margin-inline-end: 56px !important;
  }
  .me-xl-15 {
    margin-inline-end: 60px !important;
  }
  .me-xl-16 {
    margin-inline-end: 64px !important;
  }
  .me-xl-auto {
    margin-inline-end: auto !important;
  }
  .ma-xl-n1 {
    margin: -4px !important;
  }
  .ma-xl-n2 {
    margin: -8px !important;
  }
  .ma-xl-n3 {
    margin: -12px !important;
  }
  .ma-xl-n4 {
    margin: -16px !important;
  }
  .ma-xl-n5 {
    margin: -20px !important;
  }
  .ma-xl-n6 {
    margin: -24px !important;
  }
  .ma-xl-n7 {
    margin: -28px !important;
  }
  .ma-xl-n8 {
    margin: -32px !important;
  }
  .ma-xl-n9 {
    margin: -36px !important;
  }
  .ma-xl-n10 {
    margin: -40px !important;
  }
  .ma-xl-n11 {
    margin: -44px !important;
  }
  .ma-xl-n12 {
    margin: -48px !important;
  }
  .ma-xl-n13 {
    margin: -52px !important;
  }
  .ma-xl-n14 {
    margin: -56px !important;
  }
  .ma-xl-n15 {
    margin: -60px !important;
  }
  .ma-xl-n16 {
    margin: -64px !important;
  }
  .mx-xl-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-xl-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-xl-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-xl-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-xl-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-xl-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-xl-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-xl-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-xl-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-xl-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-xl-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-xl-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-xl-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-xl-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-xl-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-xl-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-xl-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-xl-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-xl-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-xl-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-xl-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-xl-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-xl-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-xl-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-xl-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-xl-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-xl-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-xl-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-xl-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-xl-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-xl-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-xl-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-xl-n1 {
    margin-top: -4px !important;
  }
  .mt-xl-n2 {
    margin-top: -8px !important;
  }
  .mt-xl-n3 {
    margin-top: -12px !important;
  }
  .mt-xl-n4 {
    margin-top: -16px !important;
  }
  .mt-xl-n5 {
    margin-top: -20px !important;
  }
  .mt-xl-n6 {
    margin-top: -24px !important;
  }
  .mt-xl-n7 {
    margin-top: -28px !important;
  }
  .mt-xl-n8 {
    margin-top: -32px !important;
  }
  .mt-xl-n9 {
    margin-top: -36px !important;
  }
  .mt-xl-n10 {
    margin-top: -40px !important;
  }
  .mt-xl-n11 {
    margin-top: -44px !important;
  }
  .mt-xl-n12 {
    margin-top: -48px !important;
  }
  .mt-xl-n13 {
    margin-top: -52px !important;
  }
  .mt-xl-n14 {
    margin-top: -56px !important;
  }
  .mt-xl-n15 {
    margin-top: -60px !important;
  }
  .mt-xl-n16 {
    margin-top: -64px !important;
  }
  .mr-xl-n1 {
    margin-right: -4px !important;
  }
  .mr-xl-n2 {
    margin-right: -8px !important;
  }
  .mr-xl-n3 {
    margin-right: -12px !important;
  }
  .mr-xl-n4 {
    margin-right: -16px !important;
  }
  .mr-xl-n5 {
    margin-right: -20px !important;
  }
  .mr-xl-n6 {
    margin-right: -24px !important;
  }
  .mr-xl-n7 {
    margin-right: -28px !important;
  }
  .mr-xl-n8 {
    margin-right: -32px !important;
  }
  .mr-xl-n9 {
    margin-right: -36px !important;
  }
  .mr-xl-n10 {
    margin-right: -40px !important;
  }
  .mr-xl-n11 {
    margin-right: -44px !important;
  }
  .mr-xl-n12 {
    margin-right: -48px !important;
  }
  .mr-xl-n13 {
    margin-right: -52px !important;
  }
  .mr-xl-n14 {
    margin-right: -56px !important;
  }
  .mr-xl-n15 {
    margin-right: -60px !important;
  }
  .mr-xl-n16 {
    margin-right: -64px !important;
  }
  .mb-xl-n1 {
    margin-bottom: -4px !important;
  }
  .mb-xl-n2 {
    margin-bottom: -8px !important;
  }
  .mb-xl-n3 {
    margin-bottom: -12px !important;
  }
  .mb-xl-n4 {
    margin-bottom: -16px !important;
  }
  .mb-xl-n5 {
    margin-bottom: -20px !important;
  }
  .mb-xl-n6 {
    margin-bottom: -24px !important;
  }
  .mb-xl-n7 {
    margin-bottom: -28px !important;
  }
  .mb-xl-n8 {
    margin-bottom: -32px !important;
  }
  .mb-xl-n9 {
    margin-bottom: -36px !important;
  }
  .mb-xl-n10 {
    margin-bottom: -40px !important;
  }
  .mb-xl-n11 {
    margin-bottom: -44px !important;
  }
  .mb-xl-n12 {
    margin-bottom: -48px !important;
  }
  .mb-xl-n13 {
    margin-bottom: -52px !important;
  }
  .mb-xl-n14 {
    margin-bottom: -56px !important;
  }
  .mb-xl-n15 {
    margin-bottom: -60px !important;
  }
  .mb-xl-n16 {
    margin-bottom: -64px !important;
  }
  .ml-xl-n1 {
    margin-left: -4px !important;
  }
  .ml-xl-n2 {
    margin-left: -8px !important;
  }
  .ml-xl-n3 {
    margin-left: -12px !important;
  }
  .ml-xl-n4 {
    margin-left: -16px !important;
  }
  .ml-xl-n5 {
    margin-left: -20px !important;
  }
  .ml-xl-n6 {
    margin-left: -24px !important;
  }
  .ml-xl-n7 {
    margin-left: -28px !important;
  }
  .ml-xl-n8 {
    margin-left: -32px !important;
  }
  .ml-xl-n9 {
    margin-left: -36px !important;
  }
  .ml-xl-n10 {
    margin-left: -40px !important;
  }
  .ml-xl-n11 {
    margin-left: -44px !important;
  }
  .ml-xl-n12 {
    margin-left: -48px !important;
  }
  .ml-xl-n13 {
    margin-left: -52px !important;
  }
  .ml-xl-n14 {
    margin-left: -56px !important;
  }
  .ml-xl-n15 {
    margin-left: -60px !important;
  }
  .ml-xl-n16 {
    margin-left: -64px !important;
  }
  .ms-xl-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-xl-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-xl-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-xl-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-xl-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-xl-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-xl-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-xl-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-xl-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-xl-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-xl-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-xl-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-xl-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-xl-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-xl-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-xl-n16 {
    margin-inline-start: -64px !important;
  }
  .me-xl-n1 {
    margin-inline-end: -4px !important;
  }
  .me-xl-n2 {
    margin-inline-end: -8px !important;
  }
  .me-xl-n3 {
    margin-inline-end: -12px !important;
  }
  .me-xl-n4 {
    margin-inline-end: -16px !important;
  }
  .me-xl-n5 {
    margin-inline-end: -20px !important;
  }
  .me-xl-n6 {
    margin-inline-end: -24px !important;
  }
  .me-xl-n7 {
    margin-inline-end: -28px !important;
  }
  .me-xl-n8 {
    margin-inline-end: -32px !important;
  }
  .me-xl-n9 {
    margin-inline-end: -36px !important;
  }
  .me-xl-n10 {
    margin-inline-end: -40px !important;
  }
  .me-xl-n11 {
    margin-inline-end: -44px !important;
  }
  .me-xl-n12 {
    margin-inline-end: -48px !important;
  }
  .me-xl-n13 {
    margin-inline-end: -52px !important;
  }
  .me-xl-n14 {
    margin-inline-end: -56px !important;
  }
  .me-xl-n15 {
    margin-inline-end: -60px !important;
  }
  .me-xl-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-xl-0 {
    padding: 0px !important;
  }
  .pa-xl-1 {
    padding: 4px !important;
  }
  .pa-xl-2 {
    padding: 8px !important;
  }
  .pa-xl-3 {
    padding: 12px !important;
  }
  .pa-xl-4 {
    padding: 16px !important;
  }
  .pa-xl-5 {
    padding: 20px !important;
  }
  .pa-xl-6 {
    padding: 24px !important;
  }
  .pa-xl-7 {
    padding: 28px !important;
  }
  .pa-xl-8 {
    padding: 32px !important;
  }
  .pa-xl-9 {
    padding: 36px !important;
  }
  .pa-xl-10 {
    padding: 40px !important;
  }
  .pa-xl-11 {
    padding: 44px !important;
  }
  .pa-xl-12 {
    padding: 48px !important;
  }
  .pa-xl-13 {
    padding: 52px !important;
  }
  .pa-xl-14 {
    padding: 56px !important;
  }
  .pa-xl-15 {
    padding: 60px !important;
  }
  .pa-xl-16 {
    padding: 64px !important;
  }
  .px-xl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-xl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-xl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-xl-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-xl-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-xl-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xl-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-xl-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-xl-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-xl-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-xl-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xl-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-xl-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-xl-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-xl-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-xl-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xl-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-xl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-xl-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-xl-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-xl-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xl-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-xl-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-xl-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-xl-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-xl-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xl-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-xl-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-xl-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-xl-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-xl-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xl-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xl-0 {
    padding-top: 0px !important;
  }
  .pt-xl-1 {
    padding-top: 4px !important;
  }
  .pt-xl-2 {
    padding-top: 8px !important;
  }
  .pt-xl-3 {
    padding-top: 12px !important;
  }
  .pt-xl-4 {
    padding-top: 16px !important;
  }
  .pt-xl-5 {
    padding-top: 20px !important;
  }
  .pt-xl-6 {
    padding-top: 24px !important;
  }
  .pt-xl-7 {
    padding-top: 28px !important;
  }
  .pt-xl-8 {
    padding-top: 32px !important;
  }
  .pt-xl-9 {
    padding-top: 36px !important;
  }
  .pt-xl-10 {
    padding-top: 40px !important;
  }
  .pt-xl-11 {
    padding-top: 44px !important;
  }
  .pt-xl-12 {
    padding-top: 48px !important;
  }
  .pt-xl-13 {
    padding-top: 52px !important;
  }
  .pt-xl-14 {
    padding-top: 56px !important;
  }
  .pt-xl-15 {
    padding-top: 60px !important;
  }
  .pt-xl-16 {
    padding-top: 64px !important;
  }
  .pr-xl-0 {
    padding-right: 0px !important;
  }
  .pr-xl-1 {
    padding-right: 4px !important;
  }
  .pr-xl-2 {
    padding-right: 8px !important;
  }
  .pr-xl-3 {
    padding-right: 12px !important;
  }
  .pr-xl-4 {
    padding-right: 16px !important;
  }
  .pr-xl-5 {
    padding-right: 20px !important;
  }
  .pr-xl-6 {
    padding-right: 24px !important;
  }
  .pr-xl-7 {
    padding-right: 28px !important;
  }
  .pr-xl-8 {
    padding-right: 32px !important;
  }
  .pr-xl-9 {
    padding-right: 36px !important;
  }
  .pr-xl-10 {
    padding-right: 40px !important;
  }
  .pr-xl-11 {
    padding-right: 44px !important;
  }
  .pr-xl-12 {
    padding-right: 48px !important;
  }
  .pr-xl-13 {
    padding-right: 52px !important;
  }
  .pr-xl-14 {
    padding-right: 56px !important;
  }
  .pr-xl-15 {
    padding-right: 60px !important;
  }
  .pr-xl-16 {
    padding-right: 64px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
  .pb-xl-1 {
    padding-bottom: 4px !important;
  }
  .pb-xl-2 {
    padding-bottom: 8px !important;
  }
  .pb-xl-3 {
    padding-bottom: 12px !important;
  }
  .pb-xl-4 {
    padding-bottom: 16px !important;
  }
  .pb-xl-5 {
    padding-bottom: 20px !important;
  }
  .pb-xl-6 {
    padding-bottom: 24px !important;
  }
  .pb-xl-7 {
    padding-bottom: 28px !important;
  }
  .pb-xl-8 {
    padding-bottom: 32px !important;
  }
  .pb-xl-9 {
    padding-bottom: 36px !important;
  }
  .pb-xl-10 {
    padding-bottom: 40px !important;
  }
  .pb-xl-11 {
    padding-bottom: 44px !important;
  }
  .pb-xl-12 {
    padding-bottom: 48px !important;
  }
  .pb-xl-13 {
    padding-bottom: 52px !important;
  }
  .pb-xl-14 {
    padding-bottom: 56px !important;
  }
  .pb-xl-15 {
    padding-bottom: 60px !important;
  }
  .pb-xl-16 {
    padding-bottom: 64px !important;
  }
  .pl-xl-0 {
    padding-left: 0px !important;
  }
  .pl-xl-1 {
    padding-left: 4px !important;
  }
  .pl-xl-2 {
    padding-left: 8px !important;
  }
  .pl-xl-3 {
    padding-left: 12px !important;
  }
  .pl-xl-4 {
    padding-left: 16px !important;
  }
  .pl-xl-5 {
    padding-left: 20px !important;
  }
  .pl-xl-6 {
    padding-left: 24px !important;
  }
  .pl-xl-7 {
    padding-left: 28px !important;
  }
  .pl-xl-8 {
    padding-left: 32px !important;
  }
  .pl-xl-9 {
    padding-left: 36px !important;
  }
  .pl-xl-10 {
    padding-left: 40px !important;
  }
  .pl-xl-11 {
    padding-left: 44px !important;
  }
  .pl-xl-12 {
    padding-left: 48px !important;
  }
  .pl-xl-13 {
    padding-left: 52px !important;
  }
  .pl-xl-14 {
    padding-left: 56px !important;
  }
  .pl-xl-15 {
    padding-left: 60px !important;
  }
  .pl-xl-16 {
    padding-left: 64px !important;
  }
  .ps-xl-0 {
    padding-inline-start: 0px !important;
  }
  .ps-xl-1 {
    padding-inline-start: 4px !important;
  }
  .ps-xl-2 {
    padding-inline-start: 8px !important;
  }
  .ps-xl-3 {
    padding-inline-start: 12px !important;
  }
  .ps-xl-4 {
    padding-inline-start: 16px !important;
  }
  .ps-xl-5 {
    padding-inline-start: 20px !important;
  }
  .ps-xl-6 {
    padding-inline-start: 24px !important;
  }
  .ps-xl-7 {
    padding-inline-start: 28px !important;
  }
  .ps-xl-8 {
    padding-inline-start: 32px !important;
  }
  .ps-xl-9 {
    padding-inline-start: 36px !important;
  }
  .ps-xl-10 {
    padding-inline-start: 40px !important;
  }
  .ps-xl-11 {
    padding-inline-start: 44px !important;
  }
  .ps-xl-12 {
    padding-inline-start: 48px !important;
  }
  .ps-xl-13 {
    padding-inline-start: 52px !important;
  }
  .ps-xl-14 {
    padding-inline-start: 56px !important;
  }
  .ps-xl-15 {
    padding-inline-start: 60px !important;
  }
  .ps-xl-16 {
    padding-inline-start: 64px !important;
  }
  .pe-xl-0 {
    padding-inline-end: 0px !important;
  }
  .pe-xl-1 {
    padding-inline-end: 4px !important;
  }
  .pe-xl-2 {
    padding-inline-end: 8px !important;
  }
  .pe-xl-3 {
    padding-inline-end: 12px !important;
  }
  .pe-xl-4 {
    padding-inline-end: 16px !important;
  }
  .pe-xl-5 {
    padding-inline-end: 20px !important;
  }
  .pe-xl-6 {
    padding-inline-end: 24px !important;
  }
  .pe-xl-7 {
    padding-inline-end: 28px !important;
  }
  .pe-xl-8 {
    padding-inline-end: 32px !important;
  }
  .pe-xl-9 {
    padding-inline-end: 36px !important;
  }
  .pe-xl-10 {
    padding-inline-end: 40px !important;
  }
  .pe-xl-11 {
    padding-inline-end: 44px !important;
  }
  .pe-xl-12 {
    padding-inline-end: 48px !important;
  }
  .pe-xl-13 {
    padding-inline-end: 52px !important;
  }
  .pe-xl-14 {
    padding-inline-end: 56px !important;
  }
  .pe-xl-15 {
    padding-inline-end: 60px !important;
  }
  .pe-xl-16 {
    padding-inline-end: 64px !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
  .text-xl-start {
    text-align: start !important;
  }
  .text-xl-end {
    text-align: end !important;
  }
  .text-xl-h1 {
    font-size: 6rem !important;
    font-weight: 500;
    line-height: 7rem;
    letter-spacing: -0.015625em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-h2 {
    font-size: 3.75rem !important;
    font-weight: 500;
    line-height: 4.5rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-h3 {
    font-size: 3rem !important;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-h4 {
    font-size: 2.125rem !important;
    font-weight: 500;
    line-height: 2.625rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-h5 {
    font-size: 1.5rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.0125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.0178571429em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
  .text-xl-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xl-overline {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.0625rem !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
}
@media (min-width: 2560px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-xxl-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-xxl-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-xxl-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-xxl-start {
    float: left !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-xxl-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-xxl-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-xxl-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-xxl-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-xxl-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-xxl-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-xxl-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-space-between {
    justify-content: space-between !important;
  }
  .justify-xxl-space-around {
    justify-content: space-around !important;
  }
  .justify-xxl-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-baseline {
    align-items: baseline !important;
  }
  .align-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-space-between {
    align-content: space-between !important;
  }
  .align-content-xxl-space-around {
    align-content: space-around !important;
  }
  .align-content-xxl-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-6 {
    order: 6 !important;
  }
  .order-xxl-7 {
    order: 7 !important;
  }
  .order-xxl-8 {
    order: 8 !important;
  }
  .order-xxl-9 {
    order: 9 !important;
  }
  .order-xxl-10 {
    order: 10 !important;
  }
  .order-xxl-11 {
    order: 11 !important;
  }
  .order-xxl-12 {
    order: 12 !important;
  }
  .order-xxl-last {
    order: 13 !important;
  }
  .ga-xxl-0 {
    gap: 0px !important;
  }
  .ga-xxl-1 {
    gap: 4px !important;
  }
  .ga-xxl-2 {
    gap: 8px !important;
  }
  .ga-xxl-3 {
    gap: 12px !important;
  }
  .ga-xxl-4 {
    gap: 16px !important;
  }
  .ga-xxl-5 {
    gap: 20px !important;
  }
  .ga-xxl-6 {
    gap: 24px !important;
  }
  .ga-xxl-7 {
    gap: 28px !important;
  }
  .ga-xxl-8 {
    gap: 32px !important;
  }
  .ga-xxl-9 {
    gap: 36px !important;
  }
  .ga-xxl-10 {
    gap: 40px !important;
  }
  .ga-xxl-11 {
    gap: 44px !important;
  }
  .ga-xxl-12 {
    gap: 48px !important;
  }
  .ga-xxl-13 {
    gap: 52px !important;
  }
  .ga-xxl-14 {
    gap: 56px !important;
  }
  .ga-xxl-15 {
    gap: 60px !important;
  }
  .ga-xxl-16 {
    gap: 64px !important;
  }
  .ga-xxl-auto {
    gap: auto !important;
  }
  .gr-xxl-0 {
    row-gap: 0px !important;
  }
  .gr-xxl-1 {
    row-gap: 4px !important;
  }
  .gr-xxl-2 {
    row-gap: 8px !important;
  }
  .gr-xxl-3 {
    row-gap: 12px !important;
  }
  .gr-xxl-4 {
    row-gap: 16px !important;
  }
  .gr-xxl-5 {
    row-gap: 20px !important;
  }
  .gr-xxl-6 {
    row-gap: 24px !important;
  }
  .gr-xxl-7 {
    row-gap: 28px !important;
  }
  .gr-xxl-8 {
    row-gap: 32px !important;
  }
  .gr-xxl-9 {
    row-gap: 36px !important;
  }
  .gr-xxl-10 {
    row-gap: 40px !important;
  }
  .gr-xxl-11 {
    row-gap: 44px !important;
  }
  .gr-xxl-12 {
    row-gap: 48px !important;
  }
  .gr-xxl-13 {
    row-gap: 52px !important;
  }
  .gr-xxl-14 {
    row-gap: 56px !important;
  }
  .gr-xxl-15 {
    row-gap: 60px !important;
  }
  .gr-xxl-16 {
    row-gap: 64px !important;
  }
  .gr-xxl-auto {
    row-gap: auto !important;
  }
  .gc-xxl-0 {
    column-gap: 0px !important;
  }
  .gc-xxl-1 {
    column-gap: 4px !important;
  }
  .gc-xxl-2 {
    column-gap: 8px !important;
  }
  .gc-xxl-3 {
    column-gap: 12px !important;
  }
  .gc-xxl-4 {
    column-gap: 16px !important;
  }
  .gc-xxl-5 {
    column-gap: 20px !important;
  }
  .gc-xxl-6 {
    column-gap: 24px !important;
  }
  .gc-xxl-7 {
    column-gap: 28px !important;
  }
  .gc-xxl-8 {
    column-gap: 32px !important;
  }
  .gc-xxl-9 {
    column-gap: 36px !important;
  }
  .gc-xxl-10 {
    column-gap: 40px !important;
  }
  .gc-xxl-11 {
    column-gap: 44px !important;
  }
  .gc-xxl-12 {
    column-gap: 48px !important;
  }
  .gc-xxl-13 {
    column-gap: 52px !important;
  }
  .gc-xxl-14 {
    column-gap: 56px !important;
  }
  .gc-xxl-15 {
    column-gap: 60px !important;
  }
  .gc-xxl-16 {
    column-gap: 64px !important;
  }
  .gc-xxl-auto {
    column-gap: auto !important;
  }
  .ma-xxl-0 {
    margin: 0px !important;
  }
  .ma-xxl-1 {
    margin: 4px !important;
  }
  .ma-xxl-2 {
    margin: 8px !important;
  }
  .ma-xxl-3 {
    margin: 12px !important;
  }
  .ma-xxl-4 {
    margin: 16px !important;
  }
  .ma-xxl-5 {
    margin: 20px !important;
  }
  .ma-xxl-6 {
    margin: 24px !important;
  }
  .ma-xxl-7 {
    margin: 28px !important;
  }
  .ma-xxl-8 {
    margin: 32px !important;
  }
  .ma-xxl-9 {
    margin: 36px !important;
  }
  .ma-xxl-10 {
    margin: 40px !important;
  }
  .ma-xxl-11 {
    margin: 44px !important;
  }
  .ma-xxl-12 {
    margin: 48px !important;
  }
  .ma-xxl-13 {
    margin: 52px !important;
  }
  .ma-xxl-14 {
    margin: 56px !important;
  }
  .ma-xxl-15 {
    margin: 60px !important;
  }
  .ma-xxl-16 {
    margin: 64px !important;
  }
  .ma-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-xxl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-xxl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-xxl-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-xxl-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-xxl-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xxl-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-xxl-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-xxl-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-xxl-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-xxl-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xxl-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-xxl-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-xxl-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-xxl-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-xxl-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xxl-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-xxl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-xxl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-xxl-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-xxl-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-xxl-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xxl-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-xxl-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-xxl-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-xxl-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-xxl-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xxl-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-xxl-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-xxl-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-xxl-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-xxl-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xxl-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0px !important;
  }
  .mt-xxl-1 {
    margin-top: 4px !important;
  }
  .mt-xxl-2 {
    margin-top: 8px !important;
  }
  .mt-xxl-3 {
    margin-top: 12px !important;
  }
  .mt-xxl-4 {
    margin-top: 16px !important;
  }
  .mt-xxl-5 {
    margin-top: 20px !important;
  }
  .mt-xxl-6 {
    margin-top: 24px !important;
  }
  .mt-xxl-7 {
    margin-top: 28px !important;
  }
  .mt-xxl-8 {
    margin-top: 32px !important;
  }
  .mt-xxl-9 {
    margin-top: 36px !important;
  }
  .mt-xxl-10 {
    margin-top: 40px !important;
  }
  .mt-xxl-11 {
    margin-top: 44px !important;
  }
  .mt-xxl-12 {
    margin-top: 48px !important;
  }
  .mt-xxl-13 {
    margin-top: 52px !important;
  }
  .mt-xxl-14 {
    margin-top: 56px !important;
  }
  .mt-xxl-15 {
    margin-top: 60px !important;
  }
  .mt-xxl-16 {
    margin-top: 64px !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-0 {
    margin-right: 0px !important;
  }
  .mr-xxl-1 {
    margin-right: 4px !important;
  }
  .mr-xxl-2 {
    margin-right: 8px !important;
  }
  .mr-xxl-3 {
    margin-right: 12px !important;
  }
  .mr-xxl-4 {
    margin-right: 16px !important;
  }
  .mr-xxl-5 {
    margin-right: 20px !important;
  }
  .mr-xxl-6 {
    margin-right: 24px !important;
  }
  .mr-xxl-7 {
    margin-right: 28px !important;
  }
  .mr-xxl-8 {
    margin-right: 32px !important;
  }
  .mr-xxl-9 {
    margin-right: 36px !important;
  }
  .mr-xxl-10 {
    margin-right: 40px !important;
  }
  .mr-xxl-11 {
    margin-right: 44px !important;
  }
  .mr-xxl-12 {
    margin-right: 48px !important;
  }
  .mr-xxl-13 {
    margin-right: 52px !important;
  }
  .mr-xxl-14 {
    margin-right: 56px !important;
  }
  .mr-xxl-15 {
    margin-right: 60px !important;
  }
  .mr-xxl-16 {
    margin-right: 64px !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0px !important;
  }
  .mb-xxl-1 {
    margin-bottom: 4px !important;
  }
  .mb-xxl-2 {
    margin-bottom: 8px !important;
  }
  .mb-xxl-3 {
    margin-bottom: 12px !important;
  }
  .mb-xxl-4 {
    margin-bottom: 16px !important;
  }
  .mb-xxl-5 {
    margin-bottom: 20px !important;
  }
  .mb-xxl-6 {
    margin-bottom: 24px !important;
  }
  .mb-xxl-7 {
    margin-bottom: 28px !important;
  }
  .mb-xxl-8 {
    margin-bottom: 32px !important;
  }
  .mb-xxl-9 {
    margin-bottom: 36px !important;
  }
  .mb-xxl-10 {
    margin-bottom: 40px !important;
  }
  .mb-xxl-11 {
    margin-bottom: 44px !important;
  }
  .mb-xxl-12 {
    margin-bottom: 48px !important;
  }
  .mb-xxl-13 {
    margin-bottom: 52px !important;
  }
  .mb-xxl-14 {
    margin-bottom: 56px !important;
  }
  .mb-xxl-15 {
    margin-bottom: 60px !important;
  }
  .mb-xxl-16 {
    margin-bottom: 64px !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-0 {
    margin-left: 0px !important;
  }
  .ml-xxl-1 {
    margin-left: 4px !important;
  }
  .ml-xxl-2 {
    margin-left: 8px !important;
  }
  .ml-xxl-3 {
    margin-left: 12px !important;
  }
  .ml-xxl-4 {
    margin-left: 16px !important;
  }
  .ml-xxl-5 {
    margin-left: 20px !important;
  }
  .ml-xxl-6 {
    margin-left: 24px !important;
  }
  .ml-xxl-7 {
    margin-left: 28px !important;
  }
  .ml-xxl-8 {
    margin-left: 32px !important;
  }
  .ml-xxl-9 {
    margin-left: 36px !important;
  }
  .ml-xxl-10 {
    margin-left: 40px !important;
  }
  .ml-xxl-11 {
    margin-left: 44px !important;
  }
  .ml-xxl-12 {
    margin-left: 48px !important;
  }
  .ml-xxl-13 {
    margin-left: 52px !important;
  }
  .ml-xxl-14 {
    margin-left: 56px !important;
  }
  .ml-xxl-15 {
    margin-left: 60px !important;
  }
  .ml-xxl-16 {
    margin-left: 64px !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .ms-xxl-0 {
    margin-inline-start: 0px !important;
  }
  .ms-xxl-1 {
    margin-inline-start: 4px !important;
  }
  .ms-xxl-2 {
    margin-inline-start: 8px !important;
  }
  .ms-xxl-3 {
    margin-inline-start: 12px !important;
  }
  .ms-xxl-4 {
    margin-inline-start: 16px !important;
  }
  .ms-xxl-5 {
    margin-inline-start: 20px !important;
  }
  .ms-xxl-6 {
    margin-inline-start: 24px !important;
  }
  .ms-xxl-7 {
    margin-inline-start: 28px !important;
  }
  .ms-xxl-8 {
    margin-inline-start: 32px !important;
  }
  .ms-xxl-9 {
    margin-inline-start: 36px !important;
  }
  .ms-xxl-10 {
    margin-inline-start: 40px !important;
  }
  .ms-xxl-11 {
    margin-inline-start: 44px !important;
  }
  .ms-xxl-12 {
    margin-inline-start: 48px !important;
  }
  .ms-xxl-13 {
    margin-inline-start: 52px !important;
  }
  .ms-xxl-14 {
    margin-inline-start: 56px !important;
  }
  .ms-xxl-15 {
    margin-inline-start: 60px !important;
  }
  .ms-xxl-16 {
    margin-inline-start: 64px !important;
  }
  .ms-xxl-auto {
    margin-inline-start: auto !important;
  }
  .me-xxl-0 {
    margin-inline-end: 0px !important;
  }
  .me-xxl-1 {
    margin-inline-end: 4px !important;
  }
  .me-xxl-2 {
    margin-inline-end: 8px !important;
  }
  .me-xxl-3 {
    margin-inline-end: 12px !important;
  }
  .me-xxl-4 {
    margin-inline-end: 16px !important;
  }
  .me-xxl-5 {
    margin-inline-end: 20px !important;
  }
  .me-xxl-6 {
    margin-inline-end: 24px !important;
  }
  .me-xxl-7 {
    margin-inline-end: 28px !important;
  }
  .me-xxl-8 {
    margin-inline-end: 32px !important;
  }
  .me-xxl-9 {
    margin-inline-end: 36px !important;
  }
  .me-xxl-10 {
    margin-inline-end: 40px !important;
  }
  .me-xxl-11 {
    margin-inline-end: 44px !important;
  }
  .me-xxl-12 {
    margin-inline-end: 48px !important;
  }
  .me-xxl-13 {
    margin-inline-end: 52px !important;
  }
  .me-xxl-14 {
    margin-inline-end: 56px !important;
  }
  .me-xxl-15 {
    margin-inline-end: 60px !important;
  }
  .me-xxl-16 {
    margin-inline-end: 64px !important;
  }
  .me-xxl-auto {
    margin-inline-end: auto !important;
  }
  .ma-xxl-n1 {
    margin: -4px !important;
  }
  .ma-xxl-n2 {
    margin: -8px !important;
  }
  .ma-xxl-n3 {
    margin: -12px !important;
  }
  .ma-xxl-n4 {
    margin: -16px !important;
  }
  .ma-xxl-n5 {
    margin: -20px !important;
  }
  .ma-xxl-n6 {
    margin: -24px !important;
  }
  .ma-xxl-n7 {
    margin: -28px !important;
  }
  .ma-xxl-n8 {
    margin: -32px !important;
  }
  .ma-xxl-n9 {
    margin: -36px !important;
  }
  .ma-xxl-n10 {
    margin: -40px !important;
  }
  .ma-xxl-n11 {
    margin: -44px !important;
  }
  .ma-xxl-n12 {
    margin: -48px !important;
  }
  .ma-xxl-n13 {
    margin: -52px !important;
  }
  .ma-xxl-n14 {
    margin: -56px !important;
  }
  .ma-xxl-n15 {
    margin: -60px !important;
  }
  .ma-xxl-n16 {
    margin: -64px !important;
  }
  .mx-xxl-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-xxl-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-xxl-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-xxl-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-xxl-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-xxl-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-xxl-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-xxl-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-xxl-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-xxl-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-xxl-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-xxl-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-xxl-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-xxl-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-xxl-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-xxl-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-xxl-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-xxl-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-xxl-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-xxl-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-xxl-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-xxl-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-xxl-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-xxl-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-xxl-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-xxl-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-xxl-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-xxl-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-xxl-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-xxl-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-xxl-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-xxl-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-xxl-n1 {
    margin-top: -4px !important;
  }
  .mt-xxl-n2 {
    margin-top: -8px !important;
  }
  .mt-xxl-n3 {
    margin-top: -12px !important;
  }
  .mt-xxl-n4 {
    margin-top: -16px !important;
  }
  .mt-xxl-n5 {
    margin-top: -20px !important;
  }
  .mt-xxl-n6 {
    margin-top: -24px !important;
  }
  .mt-xxl-n7 {
    margin-top: -28px !important;
  }
  .mt-xxl-n8 {
    margin-top: -32px !important;
  }
  .mt-xxl-n9 {
    margin-top: -36px !important;
  }
  .mt-xxl-n10 {
    margin-top: -40px !important;
  }
  .mt-xxl-n11 {
    margin-top: -44px !important;
  }
  .mt-xxl-n12 {
    margin-top: -48px !important;
  }
  .mt-xxl-n13 {
    margin-top: -52px !important;
  }
  .mt-xxl-n14 {
    margin-top: -56px !important;
  }
  .mt-xxl-n15 {
    margin-top: -60px !important;
  }
  .mt-xxl-n16 {
    margin-top: -64px !important;
  }
  .mr-xxl-n1 {
    margin-right: -4px !important;
  }
  .mr-xxl-n2 {
    margin-right: -8px !important;
  }
  .mr-xxl-n3 {
    margin-right: -12px !important;
  }
  .mr-xxl-n4 {
    margin-right: -16px !important;
  }
  .mr-xxl-n5 {
    margin-right: -20px !important;
  }
  .mr-xxl-n6 {
    margin-right: -24px !important;
  }
  .mr-xxl-n7 {
    margin-right: -28px !important;
  }
  .mr-xxl-n8 {
    margin-right: -32px !important;
  }
  .mr-xxl-n9 {
    margin-right: -36px !important;
  }
  .mr-xxl-n10 {
    margin-right: -40px !important;
  }
  .mr-xxl-n11 {
    margin-right: -44px !important;
  }
  .mr-xxl-n12 {
    margin-right: -48px !important;
  }
  .mr-xxl-n13 {
    margin-right: -52px !important;
  }
  .mr-xxl-n14 {
    margin-right: -56px !important;
  }
  .mr-xxl-n15 {
    margin-right: -60px !important;
  }
  .mr-xxl-n16 {
    margin-right: -64px !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -4px !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -8px !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -12px !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -16px !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -20px !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -24px !important;
  }
  .mb-xxl-n7 {
    margin-bottom: -28px !important;
  }
  .mb-xxl-n8 {
    margin-bottom: -32px !important;
  }
  .mb-xxl-n9 {
    margin-bottom: -36px !important;
  }
  .mb-xxl-n10 {
    margin-bottom: -40px !important;
  }
  .mb-xxl-n11 {
    margin-bottom: -44px !important;
  }
  .mb-xxl-n12 {
    margin-bottom: -48px !important;
  }
  .mb-xxl-n13 {
    margin-bottom: -52px !important;
  }
  .mb-xxl-n14 {
    margin-bottom: -56px !important;
  }
  .mb-xxl-n15 {
    margin-bottom: -60px !important;
  }
  .mb-xxl-n16 {
    margin-bottom: -64px !important;
  }
  .ml-xxl-n1 {
    margin-left: -4px !important;
  }
  .ml-xxl-n2 {
    margin-left: -8px !important;
  }
  .ml-xxl-n3 {
    margin-left: -12px !important;
  }
  .ml-xxl-n4 {
    margin-left: -16px !important;
  }
  .ml-xxl-n5 {
    margin-left: -20px !important;
  }
  .ml-xxl-n6 {
    margin-left: -24px !important;
  }
  .ml-xxl-n7 {
    margin-left: -28px !important;
  }
  .ml-xxl-n8 {
    margin-left: -32px !important;
  }
  .ml-xxl-n9 {
    margin-left: -36px !important;
  }
  .ml-xxl-n10 {
    margin-left: -40px !important;
  }
  .ml-xxl-n11 {
    margin-left: -44px !important;
  }
  .ml-xxl-n12 {
    margin-left: -48px !important;
  }
  .ml-xxl-n13 {
    margin-left: -52px !important;
  }
  .ml-xxl-n14 {
    margin-left: -56px !important;
  }
  .ml-xxl-n15 {
    margin-left: -60px !important;
  }
  .ml-xxl-n16 {
    margin-left: -64px !important;
  }
  .ms-xxl-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-xxl-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-xxl-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-xxl-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-xxl-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-xxl-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-xxl-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-xxl-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-xxl-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-xxl-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-xxl-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-xxl-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-xxl-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-xxl-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-xxl-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-xxl-n16 {
    margin-inline-start: -64px !important;
  }
  .me-xxl-n1 {
    margin-inline-end: -4px !important;
  }
  .me-xxl-n2 {
    margin-inline-end: -8px !important;
  }
  .me-xxl-n3 {
    margin-inline-end: -12px !important;
  }
  .me-xxl-n4 {
    margin-inline-end: -16px !important;
  }
  .me-xxl-n5 {
    margin-inline-end: -20px !important;
  }
  .me-xxl-n6 {
    margin-inline-end: -24px !important;
  }
  .me-xxl-n7 {
    margin-inline-end: -28px !important;
  }
  .me-xxl-n8 {
    margin-inline-end: -32px !important;
  }
  .me-xxl-n9 {
    margin-inline-end: -36px !important;
  }
  .me-xxl-n10 {
    margin-inline-end: -40px !important;
  }
  .me-xxl-n11 {
    margin-inline-end: -44px !important;
  }
  .me-xxl-n12 {
    margin-inline-end: -48px !important;
  }
  .me-xxl-n13 {
    margin-inline-end: -52px !important;
  }
  .me-xxl-n14 {
    margin-inline-end: -56px !important;
  }
  .me-xxl-n15 {
    margin-inline-end: -60px !important;
  }
  .me-xxl-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-xxl-0 {
    padding: 0px !important;
  }
  .pa-xxl-1 {
    padding: 4px !important;
  }
  .pa-xxl-2 {
    padding: 8px !important;
  }
  .pa-xxl-3 {
    padding: 12px !important;
  }
  .pa-xxl-4 {
    padding: 16px !important;
  }
  .pa-xxl-5 {
    padding: 20px !important;
  }
  .pa-xxl-6 {
    padding: 24px !important;
  }
  .pa-xxl-7 {
    padding: 28px !important;
  }
  .pa-xxl-8 {
    padding: 32px !important;
  }
  .pa-xxl-9 {
    padding: 36px !important;
  }
  .pa-xxl-10 {
    padding: 40px !important;
  }
  .pa-xxl-11 {
    padding: 44px !important;
  }
  .pa-xxl-12 {
    padding: 48px !important;
  }
  .pa-xxl-13 {
    padding: 52px !important;
  }
  .pa-xxl-14 {
    padding: 56px !important;
  }
  .pa-xxl-15 {
    padding: 60px !important;
  }
  .pa-xxl-16 {
    padding: 64px !important;
  }
  .px-xxl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-xxl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-xxl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-xxl-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-xxl-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-xxl-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xxl-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-xxl-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-xxl-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-xxl-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-xxl-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xxl-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-xxl-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-xxl-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-xxl-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-xxl-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xxl-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-xxl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-xxl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-xxl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-xxl-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-xxl-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-xxl-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xxl-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-xxl-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-xxl-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-xxl-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-xxl-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xxl-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-xxl-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-xxl-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-xxl-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-xxl-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xxl-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xxl-0 {
    padding-top: 0px !important;
  }
  .pt-xxl-1 {
    padding-top: 4px !important;
  }
  .pt-xxl-2 {
    padding-top: 8px !important;
  }
  .pt-xxl-3 {
    padding-top: 12px !important;
  }
  .pt-xxl-4 {
    padding-top: 16px !important;
  }
  .pt-xxl-5 {
    padding-top: 20px !important;
  }
  .pt-xxl-6 {
    padding-top: 24px !important;
  }
  .pt-xxl-7 {
    padding-top: 28px !important;
  }
  .pt-xxl-8 {
    padding-top: 32px !important;
  }
  .pt-xxl-9 {
    padding-top: 36px !important;
  }
  .pt-xxl-10 {
    padding-top: 40px !important;
  }
  .pt-xxl-11 {
    padding-top: 44px !important;
  }
  .pt-xxl-12 {
    padding-top: 48px !important;
  }
  .pt-xxl-13 {
    padding-top: 52px !important;
  }
  .pt-xxl-14 {
    padding-top: 56px !important;
  }
  .pt-xxl-15 {
    padding-top: 60px !important;
  }
  .pt-xxl-16 {
    padding-top: 64px !important;
  }
  .pr-xxl-0 {
    padding-right: 0px !important;
  }
  .pr-xxl-1 {
    padding-right: 4px !important;
  }
  .pr-xxl-2 {
    padding-right: 8px !important;
  }
  .pr-xxl-3 {
    padding-right: 12px !important;
  }
  .pr-xxl-4 {
    padding-right: 16px !important;
  }
  .pr-xxl-5 {
    padding-right: 20px !important;
  }
  .pr-xxl-6 {
    padding-right: 24px !important;
  }
  .pr-xxl-7 {
    padding-right: 28px !important;
  }
  .pr-xxl-8 {
    padding-right: 32px !important;
  }
  .pr-xxl-9 {
    padding-right: 36px !important;
  }
  .pr-xxl-10 {
    padding-right: 40px !important;
  }
  .pr-xxl-11 {
    padding-right: 44px !important;
  }
  .pr-xxl-12 {
    padding-right: 48px !important;
  }
  .pr-xxl-13 {
    padding-right: 52px !important;
  }
  .pr-xxl-14 {
    padding-right: 56px !important;
  }
  .pr-xxl-15 {
    padding-right: 60px !important;
  }
  .pr-xxl-16 {
    padding-right: 64px !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0px !important;
  }
  .pb-xxl-1 {
    padding-bottom: 4px !important;
  }
  .pb-xxl-2 {
    padding-bottom: 8px !important;
  }
  .pb-xxl-3 {
    padding-bottom: 12px !important;
  }
  .pb-xxl-4 {
    padding-bottom: 16px !important;
  }
  .pb-xxl-5 {
    padding-bottom: 20px !important;
  }
  .pb-xxl-6 {
    padding-bottom: 24px !important;
  }
  .pb-xxl-7 {
    padding-bottom: 28px !important;
  }
  .pb-xxl-8 {
    padding-bottom: 32px !important;
  }
  .pb-xxl-9 {
    padding-bottom: 36px !important;
  }
  .pb-xxl-10 {
    padding-bottom: 40px !important;
  }
  .pb-xxl-11 {
    padding-bottom: 44px !important;
  }
  .pb-xxl-12 {
    padding-bottom: 48px !important;
  }
  .pb-xxl-13 {
    padding-bottom: 52px !important;
  }
  .pb-xxl-14 {
    padding-bottom: 56px !important;
  }
  .pb-xxl-15 {
    padding-bottom: 60px !important;
  }
  .pb-xxl-16 {
    padding-bottom: 64px !important;
  }
  .pl-xxl-0 {
    padding-left: 0px !important;
  }
  .pl-xxl-1 {
    padding-left: 4px !important;
  }
  .pl-xxl-2 {
    padding-left: 8px !important;
  }
  .pl-xxl-3 {
    padding-left: 12px !important;
  }
  .pl-xxl-4 {
    padding-left: 16px !important;
  }
  .pl-xxl-5 {
    padding-left: 20px !important;
  }
  .pl-xxl-6 {
    padding-left: 24px !important;
  }
  .pl-xxl-7 {
    padding-left: 28px !important;
  }
  .pl-xxl-8 {
    padding-left: 32px !important;
  }
  .pl-xxl-9 {
    padding-left: 36px !important;
  }
  .pl-xxl-10 {
    padding-left: 40px !important;
  }
  .pl-xxl-11 {
    padding-left: 44px !important;
  }
  .pl-xxl-12 {
    padding-left: 48px !important;
  }
  .pl-xxl-13 {
    padding-left: 52px !important;
  }
  .pl-xxl-14 {
    padding-left: 56px !important;
  }
  .pl-xxl-15 {
    padding-left: 60px !important;
  }
  .pl-xxl-16 {
    padding-left: 64px !important;
  }
  .ps-xxl-0 {
    padding-inline-start: 0px !important;
  }
  .ps-xxl-1 {
    padding-inline-start: 4px !important;
  }
  .ps-xxl-2 {
    padding-inline-start: 8px !important;
  }
  .ps-xxl-3 {
    padding-inline-start: 12px !important;
  }
  .ps-xxl-4 {
    padding-inline-start: 16px !important;
  }
  .ps-xxl-5 {
    padding-inline-start: 20px !important;
  }
  .ps-xxl-6 {
    padding-inline-start: 24px !important;
  }
  .ps-xxl-7 {
    padding-inline-start: 28px !important;
  }
  .ps-xxl-8 {
    padding-inline-start: 32px !important;
  }
  .ps-xxl-9 {
    padding-inline-start: 36px !important;
  }
  .ps-xxl-10 {
    padding-inline-start: 40px !important;
  }
  .ps-xxl-11 {
    padding-inline-start: 44px !important;
  }
  .ps-xxl-12 {
    padding-inline-start: 48px !important;
  }
  .ps-xxl-13 {
    padding-inline-start: 52px !important;
  }
  .ps-xxl-14 {
    padding-inline-start: 56px !important;
  }
  .ps-xxl-15 {
    padding-inline-start: 60px !important;
  }
  .ps-xxl-16 {
    padding-inline-start: 64px !important;
  }
  .pe-xxl-0 {
    padding-inline-end: 0px !important;
  }
  .pe-xxl-1 {
    padding-inline-end: 4px !important;
  }
  .pe-xxl-2 {
    padding-inline-end: 8px !important;
  }
  .pe-xxl-3 {
    padding-inline-end: 12px !important;
  }
  .pe-xxl-4 {
    padding-inline-end: 16px !important;
  }
  .pe-xxl-5 {
    padding-inline-end: 20px !important;
  }
  .pe-xxl-6 {
    padding-inline-end: 24px !important;
  }
  .pe-xxl-7 {
    padding-inline-end: 28px !important;
  }
  .pe-xxl-8 {
    padding-inline-end: 32px !important;
  }
  .pe-xxl-9 {
    padding-inline-end: 36px !important;
  }
  .pe-xxl-10 {
    padding-inline-end: 40px !important;
  }
  .pe-xxl-11 {
    padding-inline-end: 44px !important;
  }
  .pe-xxl-12 {
    padding-inline-end: 48px !important;
  }
  .pe-xxl-13 {
    padding-inline-end: 52px !important;
  }
  .pe-xxl-14 {
    padding-inline-end: 56px !important;
  }
  .pe-xxl-15 {
    padding-inline-end: 60px !important;
  }
  .pe-xxl-16 {
    padding-inline-end: 64px !important;
  }
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-justify {
    text-align: justify !important;
  }
  .text-xxl-start {
    text-align: start !important;
  }
  .text-xxl-end {
    text-align: end !important;
  }
  .text-xxl-h1 {
    font-size: 6rem !important;
    font-weight: 500;
    line-height: 7rem;
    letter-spacing: -0.015625em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-h2 {
    font-size: 3.75rem !important;
    font-weight: 500;
    line-height: 4.5rem;
    letter-spacing: -0.0083333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-h3 {
    font-size: 3rem !important;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-h4 {
    font-size: 2.125rem !important;
    font-weight: 500;
    line-height: 2.625rem;
    letter-spacing: 0.0073529412em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-h5 {
    font-size: 1.5rem !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.0125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0.009375em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.03125em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.0178571429em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.0892857143em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
  .text-xxl-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.0333333333em !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: none !important;
  }
  .text-xxl-overline {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.0625rem !important;
    font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-transform: uppercase !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .float-print-none {
    float: none !important;
  }
  .float-print-left {
    float: left !important;
  }
  .float-print-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-print-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-print-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-print-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-print-start {
    float: left !important;
  }
}
/* stylelint-disable scss/no-global-function-names */ /*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.v-dialog .v-card, .layout-horizontal-nav .nav-group .popper-content > div {
  /* width */
  /* Track */
  /* Handle */
}
.v-dialog .v-card::-webkit-scrollbar, .layout-horizontal-nav .nav-group .popper-content > div::-webkit-scrollbar {
  background: rgb(var(--v-theme-surface));
  block-size: 8px;
  border-end-end-radius: 14px;
  border-start-end-radius: 14px;
  inline-size: 4px;
}
.v-dialog .v-card::-webkit-scrollbar-track, .layout-horizontal-nav .nav-group .popper-content > div::-webkit-scrollbar-track {
  background: transparent;
}
.v-dialog .v-card::-webkit-scrollbar-thumb, .layout-horizontal-nav .nav-group .popper-content > div::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: rgb(var(--v-theme-perfect-scrollbar-thumb));
}
.v-dialog .v-card::-webkit-scrollbar-corner, .layout-horizontal-nav .nav-group .popper-content > div::-webkit-scrollbar-corner {
  display: none;
}

.layout-horizontal-nav .nav-link a, .layout-horizontal-nav .nav-group .popper-triggerer .nav-group-label {
  padding-block: 0.6rem;
  padding-inline: 1rem;
}

.layout-horizontal-nav .nav-link:not(.sub-item) a, .layout-horizontal-nav .nav-group:not(.sub-item) > .popper-triggerer > .nav-group-label {
  border-radius: 0.4rem;
}

.layout-horizontal-nav .nav-link.sub-item a.router-link-active {
  background: rgba(var(--v-theme-primary), 0.1);
  color: rgb(var(--v-theme-primary));
}

/*
  ℹ️ This style is required when you don't provide any transition to horizontal nav items via themeConfig `themeConfig.horizontalNav.transition`
  Also, you have to disable it if you are using transition
*/
/*
  ℹ️ This style is required when you don't provide any transition to horizontal nav items via themeConfig `themeConfig.horizontalNav.transition`
  Also, you have to disable it if you are using transition
*/
.layout-horizontal-nav .nav-item-icon {
  font-size: 1.5rem;
  margin-inline-end: 0.625rem;
}

.layout-horizontal-nav .nav-link.sub-item,
.layout-horizontal-nav .nav-group.sub-item {
  min-inline-size: 12rem;
}
.layout-horizontal-nav .nav-link.sub-item .nav-item-title,
.layout-horizontal-nav .nav-group.sub-item .nav-item-title {
  margin-inline-end: 1rem;
}

.layout-horizontal-nav .nav-group.sub-item .sub-item .nav-item-icon {
  font-size: 0.9rem;
  margin-inline-end: 0.75rem;
  /*
    ℹ️ `margin-inline` will be (normal icon font-size - small icon font-size) / 2
    (1.5rem - 0.9rem) / 2 => 0.6rem / 2 => 0.3rem
  */
  margin-inline-start: 0.3rem;
}

.layout-horizontal-nav .nav-group .nav-item-title {
  margin-inline-end: 0.3rem;
  white-space: nowrap;
}

.layout-horizontal-nav .nav-group .popper-content {
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 6px;
  padding-block: 0.3rem;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-header .header-action {
  font-size: 1.25rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-section-title, .layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child,
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  margin-block: 0;
  margin-inline: 0.875rem;
  padding-block: 0;
  padding-inline: 0.75rem;
  white-space: nowrap;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child,
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  border-radius: 0.4rem;
  block-size: 2.75rem;
  /*
    ℹ️ We will use `margin-block-end` instead of `margin-block` to give more space for shadow to appear.
    With `margin-block`, due to small space (space gets divided between top & bottom) shadow cuts
  */
  margin-block-end: 0.375rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link .nav-item-icon,
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-item-icon {
  flex-shrink: 0;
  font-size: 1.375rem;
  margin-inline-end: 0.5rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group .nav-item-icon,
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-link .nav-item-icon {
  /*
    ℹ️ `margin-inline` will be (normal icon font-size - small icon font-size) / 2
    (1.5rem - 0.9rem) / 2 => 0.6rem / 2 => 0.3rem
  */
  font-size: 0.425rem;
  margin-inline-end: 0.975rem;
  margin-inline-start: 0.475rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group .nav-link .nav-item-icon,
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group .nav-group .nav-item-icon {
  visibility: hidden;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-group.active > :first-child::before, .layout-nav-type-vertical .layout-vertical-nav .nav-group.open > :first-child::before {
  opacity: calc(var(--v-selected-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.active > :hover:first-child .nav-group.active > :first-child::before, .layout-nav-type-vertical .layout-vertical-nav .nav-group.open > :hover:first-child .nav-group.active > :first-child::before, .layout-nav-type-vertical .layout-vertical-nav .nav-group.active > :hover:first-child .nav-group.open > :first-child::before, .layout-nav-type-vertical .layout-vertical-nav .nav-group.open > :hover:first-child .nav-group.open > :first-child::before {
  opacity: calc(var(--v-selected-opacity) + var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.active > :focus-visible:first-child .nav-group.active > :first-child::before, .layout-nav-type-vertical .layout-vertical-nav .nav-group.open > :focus-visible:first-child .nav-group.active > :first-child::before, .layout-nav-type-vertical .layout-vertical-nav .nav-group.active > :focus-visible:first-child .nav-group.open > :first-child::before, .layout-nav-type-vertical .layout-vertical-nav .nav-group.open > :focus-visible:first-child .nav-group.open > :first-child::before {
  opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-nav-type-vertical .layout-vertical-nav .nav-group.active > :focus:first-child::before, .layout-nav-type-vertical .layout-vertical-nav .nav-group.open > :focus:first-child::before {
    opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}

.layout-nav-type-vertical .layout-vertical-nav .nav-section-title {
  block-size: 1.5rem;
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
  font-size: 0.75rem;
  text-transform: uppercase;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-item-badge {
  display: inline-block;
  border-radius: 1.5rem;
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1;
  padding-block: 0.25em;
  padding-inline: 0.55em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

.layout-horizontal-nav, .layout-nav-type-vertical .layout-vertical-nav {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.layout-horizontal-nav .nav-item-title, .layout-nav-type-vertical .layout-vertical-nav .nav-item-title {
  letter-spacing: 0.15px;
}
.layout-horizontal-nav .nav-section-title, .layout-nav-type-vertical .layout-vertical-nav .nav-section-title {
  letter-spacing: 0.4px;
}

/*
    Active nav link styles for horizontal & vertical nav

    For horizontal nav it will be only applied to top level nav items
    For vertical nav it will be only applied to nav links (not nav groups)
*/
.layout-horizontal-nav .nav-link:not(.sub-item) a.router-link-active, .layout-horizontal-nav .nav-group:not(.sub-item).active > .popper-triggerer > .nav-group-label, .layout-nav-type-vertical .layout-vertical-nav .nav-link > .router-link-exact-active {
  background-color: rgb(var(--v-global-theme-primary));
  color: rgb(var(--v-theme-on-primary));
  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}

.layout-horizontal-nav .nav-link a, .layout-nav-type-vertical .layout-vertical-nav .nav-link a {
  color: inherit;
}

.layout-navbar {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.layout-wrapper.layout-nav-type-vertical .navbar-blur.layout-navbar .navbar-content-container, .layout-wrapper.layout-nav-type-horizontal .header-blur.layout-navbar-and-nav-container {
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  /* stylelint-enable */
  background-color: rgb(var(--v-theme-surface), 0.9);
}

.layout-wrapper.layout-nav-type-vertical .layout-navbar .navbar-content-container {
  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  padding-inline: 1.2rem;
}

.layout-wrapper.layout-nav-type-vertical .layout-navbar.navbar-blur {
  isolation: isolate;
}
.layout-wrapper.layout-nav-type-vertical .layout-navbar.navbar-blur::after {
  position: absolute;
  z-index: -1;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  /* stylelint-enable */
  background: linear-gradient(180deg, rgba(var(--v-theme-background), 70%) 44%, rgba(var(--v-theme-background), 43%) 73%, rgba(var(--v-theme-background), 0%));
  background-repeat: repeat;
  block-size: 5.5rem;
  content: "";
  inset-block-start: -1rem;
  inset-inline-end: 0;
  inset-inline-start: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-mask: linear-gradient(black, black 18%, transparent 100%);
  mask: linear-gradient(black, black 18%, transparent 100%);
  /* stylelint-enable */
}

.layout-wrapper.layout-nav-type-horizontal .layout-navbar-and-nav-container {
  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  z-index: 1001;
  background-color: rgb(var(--v-theme-surface));
}
.layout-wrapper.layout-nav-type-horizontal .layout-navbar {
  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.layout-wrapper.layout-nav-type-horizontal .layout-horizontal-nav {
  padding-block: 0.6875rem;
}

.layout-wrapper.layout-nav-type-horizontal .layout-horizontal-nav .nav-items {
  gap: 4px;
}

.layout-horizontal-nav, .layout-nav-type-vertical .layout-vertical-nav {
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

/*
    Active nav link styles for horizontal & vertical nav

    For horizontal nav it will be only applied to top level nav items
    For vertical nav it will be only applied to nav links (not nav groups)
*/
.layout-horizontal-nav .nav-link:not(.sub-item) a.router-link-active, .layout-horizontal-nav .nav-group:not(.sub-item).active > .popper-triggerer > .nav-group-label, .layout-nav-type-vertical .layout-vertical-nav .nav-link > .router-link-exact-active {
  background: linear-gradient(72.47deg, rgb(var(--v-global-theme-primary)) 22.16%, rgba(var(--v-global-theme-primary), 0.7) 76.47%) !important;
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link .nav-item-icon,
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-item-icon {
  font-size: 1.375rem;
  margin-inline-start: 0.2rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-item-badge {
  line-height: 1rem;
  margin-inline-end: 0.5rem;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child,
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  block-size: 2.5rem;
  margin-block-end: 0.25rem;
}

.layout-horizontal-nav .nav-item-icon {
  font-size: 1.375rem;
}

.layout-horizontal-nav .nav-link a, .layout-horizontal-nav .nav-group .popper-triggerer .nav-group-label {
  padding-block: 0.5rem;
  padding-inline: 0.7rem;
}

.layout-horizontal-nav .nav-group .popper-content .nav-link.sub-item a,
.layout-horizontal-nav .nav-group .popper-content .nav-group-label,
.layout-horizontal-nav .nav-link .popper-content .nav-link.sub-item a,
.layout-horizontal-nav .nav-link .popper-content .nav-group-label {
  border-radius: 0.375rem;
  margin-block: 0.25rem;
  margin-inline: 0.5rem;
}

.layout-wrapper.layout-nav-type-vertical .layout-navbar .navbar-content-container {
  padding-inline: 1.5rem;
}

.layout-nav-type-vertical .layout-vertical-nav {
  background-color: rgb(var(--v-theme-surface));
}
.layout-vertical-nav-collapsed.layout-nav-type-vertical .layout-vertical-nav.hovered {
  box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}

.layout-nav-type-vertical .layout-vertical-nav .nav-header {
  overflow: hidden;
  padding: 1rem 0.75rem;
  margin-inline: 0.875rem;
  min-block-size: 64px;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-header .app-logo {
  flex-shrink: 0;
  transition: transform 0.25s ease-in-out;
}
.layout-vertical-nav-collapsed.layout-nav-type-vertical .layout-vertical-nav:not(.hovered) .nav-header .app-logo {
  transform: translateX(-4px);
}
[dir=rtl] .layout-vertical-nav-collapsed.layout-nav-type-vertical .layout-vertical-nav:not(.hovered) .nav-header .app-logo {
  transform: translateX(4px);
}

.layout-nav-type-vertical .layout-vertical-nav .vertical-nav-items-shadow {
  position: absolute;
  z-index: 1;
  background: linear-gradient(rgb(var(--v-theme-surface)) 5%, rgba(var(--v-theme-surface), 75%) 45%, rgba(var(--v-theme-surface), 20%) 80%, transparent);
  block-size: 55px;
  inline-size: 100%;
  inset-block-start: calc(64px - 2px);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-8px);
  transition: opacity 0.15s ease-in-out;
  will-change: opacity;
}
[dir=rtl] .layout-nav-type-vertical .layout-vertical-nav .vertical-nav-items-shadow {
  transform: translateX(8px);
}
.layout-nav-type-vertical .layout-vertical-nav.scrolled .vertical-nav-items-shadow {
  opacity: 1;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title {
  margin-block-end: 0.375rem;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title:not(:first-child) {
  margin-block-start: 1.25rem;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title .placeholder-icon {
  margin-inline: auto;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link,
.layout-nav-type-vertical .layout-vertical-nav .nav-group {
  overflow: hidden;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link.disabled,
.layout-nav-type-vertical .layout-vertical-nav .nav-group.disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a {
  position: relative;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-link > a:focus-visible::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-nav-type-vertical .layout-vertical-nav .nav-link > a:focus::before {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group .nav-group-arrow {
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.15s ease-in-out;
  will-change: transform;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.open > .nav-group-label .nav-group-arrow {
  transform: rotateZ(90deg);
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  position: relative;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child:focus-visible::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child:focus::before {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.vertical-nav-section-title-enter-active,
.vertical-nav-section-title-leave-active {
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.vertical-nav-section-title-enter-from,
.vertical-nav-section-title-leave-to {
  opacity: 0;
  transform: translateX(15px);
}
[dir=rtl] .vertical-nav-section-title-enter-from,
[dir=rtl] .vertical-nav-section-title-leave-to {
  transform: translateX(-15px);
}

.transition-slide-x-enter-active,
.transition-slide-x-leave-active {
  transition: opacity 0.1s ease-in-out, transform 0.12s ease-in-out;
}

.transition-slide-x-enter-from,
.transition-slide-x-leave-to {
  opacity: 0;
  transform: translateX(-15px);
}
[dir=rtl] .transition-slide-x-enter-from,
[dir=rtl] .transition-slide-x-leave-to {
  transform: translateX(15px);
}

.vertical-nav-app-title-enter-active,
.vertical-nav-app-title-leave-active {
  transition: opacity 0.1s ease-in-out, transform 0.12s ease-in-out;
}

.vertical-nav-app-title-enter-from,
.vertical-nav-app-title-leave-to {
  opacity: 0;
  transform: translateX(-15px);
}
[dir=rtl] .vertical-nav-app-title-enter-from,
[dir=rtl] .vertical-nav-app-title-leave-to {
  transform: translateX(15px);
}

.layout-horizontal-nav .nav-link.disabled,
.layout-horizontal-nav .nav-group.disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.layout-horizontal-nav .nav-link a {
  position: relative;
}
.layout-horizontal-nav .nav-link a::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.layout-horizontal-nav .nav-link a:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-link a:focus-visible::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-horizontal-nav .nav-link a:focus::before {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label {
  position: relative;
}
.layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label:focus-visible::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-horizontal-nav .nav-group > .popper-triggerer > .nav-group-label:focus::before {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-horizontal-nav .nav-group:not(.sub-item) > .popper-triggerer {
  position: relative;
  /*
    ℹ️ The Bridge
    This after pseudo will work as bridge when we have space between popper triggerer and popper content
    Initially it will have pointer events none for normal behavior and once the content is shown it will
      work as bridge by setting pointer events to `auto`
  */
}
.layout-horizontal-nav .nav-group:not(.sub-item) > .popper-triggerer::after {
  position: absolute;
  block-size: 1.0625rem;
  content: "";
  inline-size: 100%;
  inset-block-start: 100%;
  inset-inline-start: 0;
  pointer-events: none;
}
.layout-horizontal-nav .nav-group:not(.sub-item).show-content > .popper-triggerer::after {
  /*
    ℹ️ We have added `z-index: 2` because when there is horizontal nav item below the popper trigger (group)
      without this style nav item below popper trigger (group) gets focus hence closes the popper content
  */
  z-index: 2;
  pointer-events: auto;
}
.layout-horizontal-nav .nav-group:not(.sub-item) > .popper-content {
  margin-block-start: 1.0625rem !important;
}
.layout-horizontal-nav .nav-group.sub-item.active > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-group.sub-item.active:hover > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) + var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.layout-horizontal-nav .nav-group.sub-item.active:focus-visible > .popper-triggerer > .nav-group-label::before {
  opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .layout-horizontal-nav .nav-group.sub-item.active:focus > .popper-triggerer > .nav-group-label::before {
    opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.layout-horizontal-nav .nav-group .nav-group-arrow {
  font-size: 1.375rem;
  /*
    ℹ️ ml-auto won't matter in top level group (because we haven't specified fixed width for top level groups)
    but we wrote generally because we don't want to become so specific
  */
  margin-inline-start: auto;
}
.layout-horizontal-nav .nav-group.popper-inline-end .nav-group-arrow {
  transform: rotateZ(270deg);
}
[dir=rtl] .layout-horizontal-nav .nav-group.popper-inline-end .nav-group-arrow {
  transform: rotateZ(90deg);
}
.layout-horizontal-nav .nav-group .popper-content {
  background-color: rgb(var(--v-theme-surface));
}
.layout-horizontal-nav .nav-group .popper-content > div {
  max-block-size: calc(var(--vh, 1vh) * 100 - 120px - 4rem);
}
.scrollable-content.v-navigation-drawer .v-navigation-drawer__content {
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

code {
  background: rgba(var(--v-code-background-color), var(--v-focus-opacity));
  border-radius: 3px;
  color: currentcolor;
  font-size: 85%;
  font-weight: 400;
  padding-block: 0.2em;
  padding-inline: 0.4em;
}

.layout-wrapper.layout-nav-type-vertical:not(.layout-navbar-sticky) .layout-navbar .navbar-content-container {
  margin-block-start: 1rem;
}
.layout-wrapper.layout-nav-type-vertical .layout-navbar .navbar-content-container {
  border-radius: 6px;
  background-color: rgb(var(--v-theme-surface));
}
.layout-wrapper.layout-nav-type-vertical .layout-footer .footer-content-container {
  border-radius: 6px 6px 0 0;
}
.layout-footer-sticky.layout-wrapper.layout-nav-type-vertical .layout-footer .footer-content-container {
  background-color: rgb(var(--v-theme-surface));
  padding-block: 0;
  padding-inline: 1.2rem;
  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}

.layout-wrapper.layout-nav-type-horizontal .navbar-content-container {
  display: flex;
  align-items: center;
  block-size: 100%;
}
.layout-footer-sticky.layout-wrapper.layout-nav-type-horizontal .layout-footer {
  background-color: rgb(var(--v-theme-surface));
  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}

.layout-wrapper.layout-nav-type-horizontal .layout-page-content {
  padding-block: 1.5rem;
}

/* ℹ️ This styles extends the existing layout package's styles for handling cases that aren't related to layouts package */
/*
  ℹ️ When we use v-layout as immediate first child of `.page-content-container`, it adds display:flex and page doesn't get contained height
*/
.layout-wrapper.layout-nav-type-vertical.layout-content-height-fixed .page-content-container > .v-layout:first-child {
  overflow: hidden;
  min-block-size: 100%;
}
.layout-wrapper.layout-nav-type-vertical.layout-content-height-fixed .page-content-container > .v-layout:first-child > .v-main .v-main__wrap > :first-child {
  block-size: 100%;
  overflow-y: auto;
}

.layout-wrapper.layout-nav-type-horizontal.layout-content-height-fixed > .layout-page-content {
  display: flex;
}

.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky {
  /*
    ℹ️ If it's floating navbar
    Add `vertical-nav-floating-navbar-top` as margin top to .layout-page-content
  */
}
.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-navbar {
  inset-block-start: 1rem;
}
.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-page-content {
  margin-block-start: 1rem;
}

.layout-content-width-boxed .layout-page-content {
  max-inline-size: 100% !important;
}

.layout-wrapper.layout-nav-type-vertical .layout-navbar {
  max-inline-size: 100% !important;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  line-height: 1;
}

.text-9xl {
  font-size: 8rem;
  line-height: 1;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gap-0 {
  gap: 0;
}

.gap-x-0 {
  column-gap: 0;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-x-1 {
  column-gap: 0.25rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-x-3 {
  column-gap: 0.75rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-x-5 {
  column-gap: 1.25rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-x-6 {
  column-gap: 1.5rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-x-7 {
  column-gap: 1.75rem;
}

.gap-y-7 {
  row-gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.gap-9 {
  gap: 2.25rem;
}

.gap-x-9 {
  column-gap: 2.25rem;
}

.gap-y-9 {
  row-gap: 2.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-x-10 {
  column-gap: 2.5rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-11 {
  gap: 2.75rem;
}

.gap-x-11 {
  column-gap: 2.75rem;
}

.gap-y-11 {
  row-gap: 2.75rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-x-12 {
  column-gap: 3rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-x-14 {
  column-gap: 3.5rem;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-x-16 {
  column-gap: 4rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-x-20 {
  column-gap: 5rem;
}

.gap-y-20 {
  row-gap: 5rem;
}

.gap-24 {
  gap: 6rem;
}

.gap-x-24 {
  column-gap: 6rem;
}

.gap-y-24 {
  row-gap: 6rem;
}

.gap-28 {
  gap: 7rem;
}

.gap-x-28 {
  column-gap: 7rem;
}

.gap-y-28 {
  row-gap: 7rem;
}

.gap-32 {
  gap: 8rem;
}

.gap-x-32 {
  column-gap: 8rem;
}

.gap-y-32 {
  row-gap: 8rem;
}

.gap-36 {
  gap: 9rem;
}

.gap-x-36 {
  column-gap: 9rem;
}

.gap-y-36 {
  row-gap: 9rem;
}

.gap-40 {
  gap: 10rem;
}

.gap-x-40 {
  column-gap: 10rem;
}

.gap-y-40 {
  row-gap: 10rem;
}

.gap-44 {
  gap: 11rem;
}

.gap-x-44 {
  column-gap: 11rem;
}

.gap-y-44 {
  row-gap: 11rem;
}

.gap-48 {
  gap: 12rem;
}

.gap-x-48 {
  column-gap: 12rem;
}

.gap-y-48 {
  row-gap: 12rem;
}

.gap-52 {
  gap: 13rem;
}

.gap-x-52 {
  column-gap: 13rem;
}

.gap-y-52 {
  row-gap: 13rem;
}

.gap-56 {
  gap: 14rem;
}

.gap-x-56 {
  column-gap: 14rem;
}

.gap-y-56 {
  row-gap: 14rem;
}

.gap-60 {
  gap: 15rem;
}

.gap-x-60 {
  column-gap: 15rem;
}

.gap-y-60 {
  row-gap: 15rem;
}

.gap-64 {
  gap: 16rem;
}

.gap-x-64 {
  column-gap: 16rem;
}

.gap-y-64 {
  row-gap: 16rem;
}

.gap-72 {
  gap: 18rem;
}

.gap-x-72 {
  column-gap: 18rem;
}

.gap-y-72 {
  row-gap: 18rem;
}

.gap-80 {
  gap: 20rem;
}

.gap-x-80 {
  column-gap: 20rem;
}

.gap-y-80 {
  row-gap: 20rem;
}

.gap-96 {
  gap: 24rem;
}

.gap-x-96 {
  column-gap: 24rem;
}

.gap-y-96 {
  row-gap: 24rem;
}

.skin--bordered {
  /*
    Missing components:
     - Stepper
  */
}
.skin--bordered .v-card:not(.v-card .v-card):not(.v-card--flat) {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .v-menu .v-overlay__content > .v-card, .skin--bordered .v-menu .v-overlay__content > .v-sheet, .skin--bordered .v-menu .v-overlay__content > .v-list {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .popper-content {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-navbar-and-nav-container {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border-bottom: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical.window-scrolled .layout-navbar .navbar-content-container {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical.window-scrolled .layout-navbar .navbar-content-container {
  border-block-start: none;
}
.skin--bordered .layout-nav-type-vertical.layout-footer-sticky .layout-footer .footer-content-container {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical.layout-footer-sticky .layout-footer .footer-content-container {
  border-block-end: none;
}
.skin--bordered .layout-nav-type-horizontal.layout-footer-sticky .layout-footer {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-horizontal.layout-footer-sticky .layout-footer {
  border-block-end: none;
}
.skin--bordered .v-theme--light {
  --skin-theme-background:
    255, 255, 255;
  --skin-theme-surface:
    255, 255, 255;
}
.skin--bordered .v-theme--dark {
  --skin-theme-background:
    47, 51, 73;
  --skin-theme-surface:
    47, 51, 73;
}
.skin--bordered .layout-vertical-nav {
  border-inline-end: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-avatar-group {
  display: flex;
  align-items: center;
}
.v-avatar-group > * {
  transition: transform 0.25s ease, box-shadow 0.15s ease;
}
.v-avatar-group > *:not(:first-child) {
  margin-inline-start: -0.8rem;
}
.v-avatar-group > *:hover {
  z-index: 2;
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}
.v-avatar-group > .v-avatar {
  border: 2px solid rgb(var(--v-theme-surface));
}

@media (min-width: 576px) {
  .v-dialog.v-dialog-sm, .v-dialog.v-dialog-lg, .v-dialog.v-dialog-xl {
    inline-size: 565px !important;
  }
}
@media (min-width: 992px) {
  .v-dialog.v-dialog-lg, .v-dialog.v-dialog-xl {
    inline-size: 865px !important;
  }
}
@media (min-width: 1200px) {
  .v-dialog.v-dialog-xl,
  .v-dialog.v-dialog-xl .v-overlay__content > .v-card {
    inline-size: 1165px !important;
  }
}
.v-tabs.v-tabs-pill .v-tab.v-btn {
  border-radius: 6px !important;
  transition: none;
}
.v-tabs.v-tabs-pill .v-tab.v-btn .v-tab__slider {
  visibility: hidden;
}
.v-tabs.v-tabs-pill .v-slide-group__content {
  transition: none;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-primary {
  background-color: rgb(var(--v-theme-primary));
  color: rgb(var(--v-theme-on-primary)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-secondary {
  background-color: rgb(var(--v-theme-secondary));
  color: rgb(var(--v-theme-on-secondary)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-error {
  background-color: rgb(var(--v-theme-error));
  color: rgb(var(--v-theme-on-error)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-info {
  background-color: rgb(var(--v-theme-info));
  color: rgb(var(--v-theme-on-info)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-success {
  background-color: rgb(var(--v-theme-success));
  color: rgb(var(--v-theme-on-success)) !important;
}

.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-warning {
  background-color: rgb(var(--v-theme-warning));
  color: rgb(var(--v-theme-on-warning)) !important;
}

.v-timeline--vertical.v-timeline .v-timeline-item .v-timeline-item__body {
  justify-self: stretch !important;
}

.demo-space-x {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-block-start: -16px;
}
.demo-space-x > * {
  margin-block-start: 16px;
  margin-inline-end: 16px;
}

.demo-space-y > * {
  margin-block-end: 16px;
}
.demo-space-y > *:last-child {
  margin-block-end: 0;
}

.match-height.v-row .v-card {
  block-size: 100%;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

/*
  ℹ️ Vuetify is applying `.text-white` class to badge icon but don't provide its styles
  Moreover, we also use this class in some places

  ℹ️ In vuetify 2 with `$color-pack: false` SCSS var config this class was getting generated but this is not the case in v3

  ℹ️ We also need !important to get correct color in badge icon
*/
.text-white {
  color: #fff !important;
}

.bg-var-theme-background {
  background-color: rgba(var(--v-theme-background), var(--v-medium-emphasis-opacity)) !important;
}

.bg-light-primary {
  background-color: rgba(var(--v-theme-primary), var(--v-activated-opacity)) !important;
}

.bg-light-secondary {
  background-color: rgba(var(--v-theme-secondary), var(--v-activated-opacity)) !important;
}

.bg-light-error {
  background-color: rgba(var(--v-theme-error), var(--v-activated-opacity)) !important;
}

.bg-light-info {
  background-color: rgba(var(--v-theme-info), var(--v-activated-opacity)) !important;
}

.bg-light-success {
  background-color: rgba(var(--v-theme-success), var(--v-activated-opacity)) !important;
}

.bg-light-warning {
  background-color: rgba(var(--v-theme-warning), var(--v-activated-opacity)) !important;
}

.font-weight-semibold {
  font-weight: 600 !important;
}

.leading-normal {
  line-height: normal !important;
}

[dir=rtl] .flip-in-rtl {
  transform: scaleX(-1);
}

.opacity-100 {
  opacity: 100 !important;
}

.v-application.v-theme--dark .ps__rail-y,
.v-application.v-theme--dark .ps__rail-x {
  background-color: transparent !important;
}
.v-application.v-theme--dark .ps__thumb-y {
  background-color: rgba(var(--v-theme-surface-variant), 0.35);
}

.ps__thumb-y {
  inline-size: 0.25rem;
  inset-inline-end: 0.0625rem;
}

.ps__thumb-x {
  block-size: 0.25rem !important;
}

.ps__rail-x {
  background: transparent !important;
  block-size: 0.5rem;
}

.ps__rail-y {
  background: transparent !important;
  inline-size: 0.5rem !important;
  inset-inline-end: 0.125rem !important;
  inset-inline-start: unset !important;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
  inline-size: 0.375rem;
}

.ps__thumb-x,
.ps__thumb-y {
  background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important;
}

a {
  color: rgb(var(--v-theme-primary));
  text-decoration: none;
}

p {
  margin-block-end: 1rem;
}

svg.iconify {
  block-size: 1em;
  inline-size: 1em;
}

.layout-nav-type-vertical .layout-vertical-nav .nav-header .app-logo .app-title {
  font-size: 22px;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-group.active > .nav-group-label {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
  font-weight: 600;
}
.layout-nav-type-vertical .layout-vertical-nav .nav-section-title .placeholder-icon {
  margin-inline-start: 0.3rem;
}

.layout-horizontal-nav .nav-group .popper-content .nav-group.active > .popper-triggerer .nav-group-label,
.layout-horizontal-nav .nav-link .popper-content .nav-group.active > .popper-triggerer .nav-group-label {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
  font-weight: 600;
}
.layout-horizontal-nav .nav-group .popper-content .nav-link.sub-item .router-link-active.router-link-exact-active,
.layout-horizontal-nav .nav-link .popper-content .nav-link.sub-item .router-link-active.router-link-exact-active {
  font-weight: 600;
}

.layout-wrapper.layout-nav-type-horizontal .layout-navbar-and-nav-container .app-logo .app-title {
  font-size: 22px;
}

.skin--bordered .layout-nav-type-vertical .layout-navbar .navbar-content-container {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.skin--bordered .layout-nav-type-vertical.window-scrolled .layout-navbar .navbar-content-container {
  border-block-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-dialog .v-dialog-close-btn {
  position: absolute;
  z-index: 1;
  border-radius: 0.375rem;
  background-color: rgb(var(--v-theme-surface)) !important;
  block-size: 2rem;
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !important;
  inline-size: 2rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  transform: translate(0.5rem, -0.5rem);
}
[dir=rtl] .v-dialog .v-dialog-close-btn {
  transform: translate(-0.5rem, -0.5rem);
}
.v-dialog .v-dialog-close-btn:hover {
  transform: translate(0.3125rem, -0.3125rem);
}
[dir=rtl] .v-dialog .v-dialog-close-btn:hover {
  transform: translate(-0.3125rem, -0.3125rem);
}
.v-dialog .v-btn:active {
  transform: scale(0.98);
}

@media (min-width: 1200px) {
  .v-dialog.v-dialog-xl,
  .v-dialog.v-dialog-xl .v-overlay__content > .v-card,
  .v-dialog.v-dialog-xl .v-overlay__content {
    inline-size: 1165px !important;
    max-inline-size: unset !important;
  }
}
.v-tabs .v-btn:active {
  transform: none;
}

.v-expansion-panel-title {
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  font-weight: 600;
}
.v-expansion-panel-title .v-expansion-panel-title__icon {
  font-size: 0.8125rem;
}

.v-expansion-panel-title .v-expansion-panel-title__overlay,
.v-expansion-panel-title--active .v-expansion-panel-title__overlay,
.v-expansion-panel-title:hover .v-expansion-panel-title__overlay,
.v-expansion-panel-title:focus .v-expansion-panel-title__overlay,
.v-expansion-panel-title:focus-visible .v-expansion-panel-title__overlay,
.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay,
.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
  opacity: 0 !important;
}

.v-expansion-panels:not(.v-expansion-panels--variant-accordion) .v-expansion-panel.v-expansion-panel--active .v-expansion-panel__shadow {
  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
}

.v-menu.v-overlay .v-overlay__content .v-list .v-list-item {
  border-radius: 0.375rem;
  margin-block: 0.25rem;
  margin-inline: 0.5rem;
  min-block-size: 2.25rem;
}
.v-menu.v-overlay .v-overlay__content .v-list .v-list-item:first-child {
  margin-block-start: 0;
}
.v-menu.v-overlay .v-overlay__content .v-list .v-list-item:last-child {
  margin-block-end: 0;
}

.v-pagination .v-pagination__prev .v-btn--icon,
.v-pagination .v-pagination__next .v-btn--icon {
  font-size: 0.85rem;
}

.carousel-delimiter-top-end .v-carousel__controls {
  justify-content: end;
  inset-block-start: 0;
  padding-inline: 1rem;
}
.carousel-delimiter-top-end .v-carousel__controls .v-btn--icon.v-btn--density-default {
  block-size: calc(var(--v-btn-height) + 0px);
  inline-size: calc(var(--v-btn-height) + 0px);
}
.carousel-delimiter-top-end .v-carousel__controls .v-btn--icon.v-btn--density-default .v-btn__overlay {
  opacity: 0;
}
/* sass-plugin-1:/Users/maronato/Developer/vue-toastification/src/scss/index.scss */
.Vue-Toastification__container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 600px;
  box-sizing: border-box;
  display: flex;
  min-height: 100%;
  color: #fff;
  flex-direction: column;
  pointer-events: none;
}
@media only screen and (min-width : 600px) {
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 1em;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 1em;
    flex-direction: column-reverse;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.bottom-left {
    left: 1em;
  }
  .Vue-Toastification__container.top-left .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
    margin-right: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
      margin-right: unset;
      margin-left: auto;
    }
  }
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.bottom-right {
    right: 1em;
  }
  .Vue-Toastification__container.top-right .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
    margin-left: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
      margin-left: unset;
      margin-right: auto;
    }
  }
  .Vue-Toastification__container.top-center,
  .Vue-Toastification__container.bottom-center {
    left: 50%;
    margin-left: -300px;
  }
  .Vue-Toastification__container.top-center .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Vue-Toastification__container .Vue-Toastification__toast {
    width: 100%;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 0;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 0;
    flex-direction: column-reverse;
  }
}
.Vue-Toastification__toast {
  display: inline-flex;
  position: relative;
  max-height: 800px;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 22px 24px;
  border-radius: 8px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  justify-content: space-between;
  font-family:
    "Lato",
    Helvetica,
    "Roboto",
    Arial,
    sans-serif;
  max-width: 600px;
  min-width: 326px;
  pointer-events: auto;
  overflow: hidden;
  transform: translateZ(0);
  direction: ltr;
}
.Vue-Toastification__toast--rtl {
  direction: rtl;
}
.Vue-Toastification__toast--default {
  background-color: #1976d2;
  color: #fff;
}
.Vue-Toastification__toast--info {
  background-color: #2196f3;
  color: #fff;
}
.Vue-Toastification__toast--success {
  background-color: #4caf50;
  color: #fff;
}
.Vue-Toastification__toast--error {
  background-color: #ff5252;
  color: #fff;
}
.Vue-Toastification__toast--warning {
  background-color: #ffc107;
  color: #fff;
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__toast {
    border-radius: 0px;
    margin-bottom: 0.5rem;
  }
}
.Vue-Toastification__toast-body {
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
  white-space: pre-wrap;
}
.Vue-Toastification__toast-component-body {
  flex: 1;
}
.Vue-Toastification__toast.disable-transition {
  animation: none !important;
}
.Vue-Toastification__close-button {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  padding-left: 10px;
  cursor: pointer;
  transition: 0.3s ease;
  align-items: center;
  color: #fff;
  opacity: 0.3;
  transition: visibility 0s, opacity 0.2s linear;
}
.Vue-Toastification__close-button:hover,
.Vue-Toastification__close-button:focus {
  opacity: 1;
}
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
  opacity: 0;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
  padding-left: unset;
  padding-right: 10px;
}
@keyframes scale-x-frames {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Vue-Toastification__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
  animation: scale-x-frames linear 1 forwards;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
  right: 0;
  left: unset;
  transform-origin: right;
}
.Vue-Toastification__icon {
  margin: auto 18px auto 0px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  transition: 0.3s ease;
  align-items: center;
  width: 20px;
  height: 100%;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
  margin: auto 0px auto 18px;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutRight {
  40% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(1000px, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Vue-Toastification__bounce-enter-active.top-left,
.Vue-Toastification__bounce-enter-active.bottom-left {
  animation-name: bounceInLeft;
}
.Vue-Toastification__bounce-enter-active.top-right,
.Vue-Toastification__bounce-enter-active.bottom-right {
  animation-name: bounceInRight;
}
.Vue-Toastification__bounce-enter-active.top-center {
  animation-name: bounceInDown;
}
.Vue-Toastification__bounce-enter-active.bottom-center {
  animation-name: bounceInUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left {
  animation-name: bounceOutLeft;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right {
  animation-name: bounceOutRight;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
  animation-name: bounceOutUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
  animation-name: bounceOutDown;
}
.Vue-Toastification__bounce-leave-active,
.Vue-Toastification__bounce-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__bounce-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes fadeOutTop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutBottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(50px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.Vue-Toastification__fade-enter-active.top-left,
.Vue-Toastification__fade-enter-active.bottom-left {
  animation-name: fadeInLeft;
}
.Vue-Toastification__fade-enter-active.top-right,
.Vue-Toastification__fade-enter-active.bottom-right {
  animation-name: fadeInRight;
}
.Vue-Toastification__fade-enter-active.top-center {
  animation-name: fadeInTop;
}
.Vue-Toastification__fade-enter-active.bottom-center {
  animation-name: fadeInBottom;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left {
  animation-name: fadeOutLeft;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right {
  animation-name: fadeOutRight;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
  animation-name: fadeOutTop;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
  animation-name: fadeOutBottom;
}
.Vue-Toastification__fade-leave-active,
.Vue-Toastification__fade-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__fade-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes slideInBlurredLeft {
  0% {
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredTop {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredRight {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredBottom {
  0% {
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideOutBlurredTop {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 0%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredBottom {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredLeft {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredRight {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1000px) scaleX(2) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
.Vue-Toastification__slideBlurred-enter-active.top-left,
.Vue-Toastification__slideBlurred-enter-active.bottom-left {
  animation-name: slideInBlurredLeft;
}
.Vue-Toastification__slideBlurred-enter-active.top-right,
.Vue-Toastification__slideBlurred-enter-active.bottom-right {
  animation-name: slideInBlurredRight;
}
.Vue-Toastification__slideBlurred-enter-active.top-center {
  animation-name: slideInBlurredTop;
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center {
  animation-name: slideInBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left {
  animation-name: slideOutBlurredLeft;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right {
  animation-name: slideOutBlurredRight;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
  animation-name: slideOutBlurredTop;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
  animation-name: slideOutBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active,
.Vue-Toastification__slideBlurred-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__slideBlurred-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
/* stylelint-disable scss/no-global-function-names */
:root {
  --app-dropdown-radius: 14px;
  --app-dropdown-border: rgba(var(--v-theme-primary), 0.22);
  --app-dropdown-bg: rgba(var(--v-theme-surface), 0.96);
  --app-dropdown-shadow:
    0 14px 34px rgba(var(--v-theme-on-surface), 0.14),
    0 2px 8px rgba(var(--v-theme-primary), 0.12);
  --app-dropdown-hover: rgba(var(--v-theme-primary), 0.14);
  --app-dropdown-item-radius: 10px;
  --app-dropdown-backdrop: blur(9px);
}
* {
  font-family: "Alexandria", "Almarai", sans-serif !important;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
  margin: 2px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, rgba(var(--v-theme-on-surface), 0.2) 0%, rgba(var(--v-theme-on-surface), 0.15) 100%);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.4) 0%, rgba(var(--v-theme-primary), 0.3) 100%);
  border-color: rgba(var(--v-theme-primary), 0.1);
  box-shadow: 0 0 8px rgba(var(--v-theme-primary), 0.2);
}
::-webkit-scrollbar-thumb:active {
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.5) 0%, rgba(var(--v-theme-primary), 0.4) 100%);
}
::-webkit-scrollbar-corner {
  background: transparent;
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--v-theme-on-surface), 0.2) transparent;
}
.v-btn {
  letter-spacing: normal;
}
.v-dialog--scrollable > .v-overlay__content[class] {
  overflow: initial;
}
@keyframes app-dropdown-in {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.v-menu .v-list-item__prepend {
  display: inline-block;
}
.v-select .v-field,
.v-autocomplete .v-field,
.v-combobox .v-field {
  border-radius: var(--app-dropdown-radius);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.v-select .v-field:hover,
.v-autocomplete .v-field:hover,
.v-combobox .v-field:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(var(--v-theme-primary), 0.12);
}
.v-select .v-field--focused,
.v-autocomplete .v-field--focused,
.v-combobox .v-field--focused {
  box-shadow: 0 0 0 4px rgba(var(--v-theme-primary), 0.1);
}
.v-select .v-field--variant-outlined .v-field__outline,
.v-autocomplete .v-field--variant-outlined .v-field__outline,
.v-combobox .v-field--variant-outlined .v-field__outline {
  color: var(--app-dropdown-border);
}
.v-overlay__content.v-select__content, .v-overlay__content.v-autocomplete__content, .v-overlay__content.v-combobox__content, .v-menu > .v-overlay__content,
.v-overlay__content .v-menu__content {
  border: 1px solid var(--app-dropdown-border);
  border-radius: calc(var(--app-dropdown-radius) + 2px);
  background: var(--app-dropdown-bg);
  box-shadow: var(--app-dropdown-shadow);
  backdrop-filter: blur(8px);
  overflow: hidden;
}
.v-overlay__content .v-list {
  padding: 8px;
  background: transparent;
}
.v-overlay__content .v-list-item {
  border-radius: 10px;
  margin-bottom: 2px;
  transition: background-color 0.18s ease, transform 0.18s ease;
}
.v-overlay__content .v-list-item:hover {
  background: var(--app-dropdown-hover);
  transform: translateX(2px);
}
.v-overlay__content .v-list-item.v-list-item--active {
  background: linear-gradient(120deg, rgba(var(--v-theme-primary), 0.18), rgba(var(--v-theme-primary), 0.08));
  color: rgb(var(--v-theme-primary));
}
.v-overlay__content.app-fancy-dropdown {
  border: 1px solid var(--app-dropdown-border);
  border-radius: calc(var(--app-dropdown-radius) + 2px);
  background: var(--app-dropdown-bg);
  box-shadow: var(--app-dropdown-shadow);
  backdrop-filter: blur(9px);
  overflow: hidden;
  animation: app-dropdown-in 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.v-overlay__content.app-fancy-dropdown .v-list {
  padding: 10px;
  background: transparent;
}
.v-overlay__content.app-fancy-dropdown .v-list-subheader {
  min-height: 30px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: rgba(var(--v-theme-on-surface), 0.7);
}
.v-overlay__content.app-fancy-dropdown .v-list-item {
  min-height: 40px;
  border-radius: 10px;
  margin-bottom: 3px;
  transition: background-color 0.18s ease, transform 0.18s ease, color 0.18s ease;
}
.v-overlay__content.app-fancy-dropdown .v-list-item .v-list-item-title {
  font-weight: 500;
}
.v-overlay__content.app-fancy-dropdown .v-list-item:hover {
  background: var(--app-dropdown-hover);
  transform: translateX(2px);
}
.v-overlay__content.app-fancy-dropdown .v-list-item.v-list-item--active {
  background: linear-gradient(120deg, rgba(var(--v-theme-primary), 0.2), rgba(var(--v-theme-primary), 0.1));
  color: rgb(var(--v-theme-primary));
}
@media (prefers-reduced-motion: reduce) {
  .v-overlay__content.app-fancy-dropdown {
    animation: none;
  }
}
.v-pagination button.v-btn {
  block-size: auto;
  inline-size: auto;
  min-block-size: 33px;
  min-inline-size: 33px;
  padding-block: 0;
  padding-inline: 5px;
}
.v-pagination__list {
  flex-wrap: wrap;
}
.app-table th {
  letter-spacing: normal;
}
.app-table.v-data-table .v-table__wrapper > table td.v-data-table-column--no-padding,
.app-table.v-data-table .v-table__wrapper > table th.v-data-table-column--no-padding {
  padding: 0;
}
.app-table.v-data-table .v-table__wrapper > table > thead > tr th {
  background: rgba(var(--v-theme-grey-200), 0.5);
}
.app-table:not(.app-table--sort) .v-table__wrapper > table > thead > tr th {
  cursor: auto !important;
}
.app-table:not(.app-table--sort) .v-table__wrapper > table > thead > tr th .v-data-table-header__sort-icon {
  display: none;
}
.app-table .v-data-table-headers__loader {
  display: none;
}
.app-table .v-checkbox-btn.v-selection-control--disabled .v-selection-control__wrapper {
  opacity: 0.4;
}
.Vue-Toastification__toast {
  padding: 13px;
}
.Vue-Toastification__toast-body {
  font-size: 14px;
}
.app-loader-bar.full-screen {
  position: fixed;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--v-theme-grey-50), 1);
  inset: 0;
}
.app-loader-bar .v-progress-linear {
  position: fixed;
  z-index: 9999;
  inset-block-start: 0;
}
.v-btn {
  border-radius: 12px;
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: all 0.2s ease;
}
.v-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.v-card {
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease;
}
.v-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.v-text-field .v-field, .v-textarea .v-field {
  border-radius: 12px;
  transition: all 0.2s ease;
}
.v-text-field .v-field:hover, .v-textarea .v-field:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 500px) {
  .layout-page-content,
  .layout-wrapper.layout-nav-type-vertical .layout-navbar {
    padding: 0.5rem;
  }
  .layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-navbar {
    inset-block-start: 0.3rem;
  }
  .layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-page-content {
    margin-block-start: 0.3rem;
  }
}
.v-app-loader {
  position: absolute;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--v-theme-grey-50), 0.6);
  inset: 0;
}
.v-app-loader .spinner-circle {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  block-size: 40px;
  border-block-start: 3px solid rgba(var(--v-theme-primary), 1);
  inline-size: 40px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.chat-app-layout {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.chat-app-layout .chat-list-header[class] {
  min-block-size: auto;
  padding: 20px;
}
.chat-app-layout .chat-group-date {
  position: sticky;
  top: 15px;
  bottom: 0;
  background: rgba(47, 51, 73, 0.75);
  backdrop-filter: blur(12px) saturate(1.4);
  color: #fff;
  max-width: max-content;
  margin: auto;
  padding: 6px 16px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 20px;
  opacity: 0.9;
  z-index: 1;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.chat-app-layout .chat-preview-box {
  background: rgba(var(--v-theme-surface), 0.95);
  backdrop-filter: blur(12px);
  padding: 12px 16px;
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
  border: 1px solid rgba(var(--v-border-color), 0.06);
  border-radius: 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.chat-app-layout .chat-preview-box:hover {
  border-color: rgba(var(--v-theme-primary), 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.chat-app-layout .chat-preview-box > div {
  width: calc(100% - 40px);
}
.chat-app-layout .chat-preview-box > button {
  width: 36px;
  height: 36px;
  border-radius: 12px;
}
@media screen and (max-width: 500px) {
  .chat-app-layout .chat-preview-box {
    flex-direction: column-reverse;
    gap: 8px;
  }
  .chat-app-layout .chat-preview-box > div {
    width: 100%;
  }
}
.chat-app-layout .chat-preview-box__img {
  width: 100px;
  height: 100px;
  border: 1px solid rgba(211, 211, 211, 0.2);
  border-radius: 14px;
  display: flex;
  margin-bottom: 8px;
  overflow: hidden;
  transition: all 0.25s ease;
}
.chat-app-layout .chat-preview-box__img img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.chat-app-layout .chat-preview-box__img:hover img {
  transform: scale(1.05);
}
.chat-app-layout .chat-preview-box__name {
  opacity: 0.6;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  font-weight: 500;
}
.chat-app-layout .chat-preview-box audio,
.chat-app-layout .chat-preview-box video {
  max-width: 100%;
  border-radius: 12px;
}
.chat-app-layout .chat-preview-box video {
  max-height: 150px;
}
.chat-app-layout .chat-preview-box__location {
  border-radius: 12px;
  overflow: hidden;
}
.chat-app-layout .chat-preview-box__location:hover {
  opacity: 0.9;
}
.chat-app-layout .chat-preview-box__location img,
.chat-app-layout .chat-preview-box__location iframe {
  display: block;
  max-width: 100%;
  border: 0;
  object-fit: cover;
}
.chat-app-layout .chat-message-img {
  position: relative;
  transition: all 0.3s;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 8px;
  max-width: 200px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.chat-app-layout .chat-message-img__actions {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  background: linear-gradient(transparent, rgba(4, 19, 18, 0.7));
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}
.chat-app-layout .chat-message-img:hover .chat-message-img__actions, .chat-app-layout .chat-message-img.active .chat-message-img__actions {
  opacity: 1;
}
.chat-app-layout .chat-message-video {
  max-width: 100%;
  max-height: 170px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.chat-app-layout .chat-message-audio {
  max-width: 100%;
  height: 48px;
  border-radius: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.chat-app-layout .chat-message-file {
  display: flex;
  gap: 12px;
  align-items: center;
  color: inherit;
  max-width: 320px;
  margin-bottom: 8px;
  padding: 12px;
  background: rgba(var(--v-theme-on-surface), 0.03);
  border-radius: 18px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.04);
}
.chat-app-layout .chat-message-file:hover {
  opacity: 0.9;
  background: rgba(var(--v-theme-on-surface), 0.05);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: rgba(var(--v-theme-primary), 0.08);
}
.chat-app-layout .chat-message-file img {
  min-width: 48px;
  width: 48px;
  height: 56px;
  object-fit: contain;
}
.chat-app-layout .chat-message-file img.small-shadow {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}
.chat-app-layout .chat-message-file small {
  opacity: 0.7;
  font-size: 12px;
}
.chat-app-layout .chat-body {
  position: relative;
}
.chat-app-layout .chat-body:hover .chat-content__actions, .chat-app-layout .chat-body:focus-within .chat-content__actions {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.chat-app-layout .chat-content {
  position: relative;
  border-radius: 20px;
  padding: 12px 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.chat-app-layout .chat-content strong {
  font-size: 14px;
  margin-bottom: 4px;
  display: block;
  font-weight: 600;
}
.chat-app-layout .chat-content.chat-right {
  background-color: var(--message-bg-sent, rgb(var(--v-theme-primary))) !important;
  background-image: none !important;
  color: var(--message-font-color, white) !important;
  border-bottom-right-radius: 6px;
  box-shadow: 0 3px 16px rgba(var(--v-theme-primary), 0.12);
}
.chat-app-layout .chat-content.chat-right strong {
  color: rgba(255, 255, 255, 0.95);
}
.chat-app-layout .chat-content.chat-right a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: underline;
}
.chat-app-layout .chat-content.chat-left {
  background-color: var(--message-bg-received, rgba(var(--v-theme-on-surface), 0.08)) !important;
  background-image: none !important;
  border-bottom-left-radius: 6px;
  border: 1px solid rgba(var(--v-border-color), 0.05);
}
.chat-app-layout .chat-content:hover, .chat-app-layout .chat-content.active {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
.chat-app-layout .chat-content__actions {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0.85);
}
.chat-app-layout .chat-content__actions__btn {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  backdrop-filter: blur(12px);
  background: rgba(var(--v-theme-surface), 0.92);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: all 0.2s ease;
}
.chat-app-layout .chat-content__actions__btn:hover {
  transform: scale(1.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}
[dir=rtl] .chat-app-layout .chat-content__actions {
  right: unset;
  left: 8px;
}
.chat-app-layout .chat-content a {
  color: inherit;
  text-decoration: underline;
  font-weight: 500;
}
.chat-app-layout .chat-content a:hover {
  opacity: 0.8;
}
.chat-app-layout .chat-content .reply-msg {
  background: rgba(var(--v-theme-secondary), 0.08);
  border-inline-start: 3px solid rgba(var(--v-theme-secondary), 0.7);
  border-radius: 14px;
  padding: 10px 14px;
  margin-bottom: 8px;
  transition: all 0.2s ease;
}
.chat-app-layout .chat-content .reply-msg:hover {
  background: rgba(var(--v-theme-secondary), 0.12);
}
.chat-app-layout .chat-content .reply-msg__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 13px;
  opacity: 0.85;
}
.chat-app-layout .chat-content .reply-msg__username {
  color: rgba(var(--v-theme-secondary), 0.9);
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 4px;
}
.chat-app-layout .chat-content.bg-primary .reply-msg {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.8);
}
.chat-app-layout .chat-content.bg-primary .reply-msg__username {
  color: rgba(255, 255, 255, 0.9);
}
.chat-app-layout .chat-voice-recorder {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  display: flex;
}
.chat-app-layout .chat-voice-recorder .v-card__underlay {
  display: none;
}
.chat-app-layout .chat-voice-recorder .chat-record-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e53935;
  animation: record 0.9s infinite alternate;
}
.chat-app-layout .chat-voice-recorder .chat-record-icon.paused {
  animation-play-state: paused;
}
@keyframes record {
  0% {
    transform: scale(1.1);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0.5;
  }
}
.chat-app-layout .starred-messages .chat-body {
  flex-grow: 1;
}
.chat-app-layout .starred-messages .chat-content {
  width: 100%;
}
.chat-app-layout .allow-multiselect {
  position: relative;
  gap: 10px;
  display: flex;
  align-items: start;
}
.chat-app-layout .allow-multiselect .v-checkbox {
  width: 30px;
  position: relative;
  z-index: 3;
}
.chat-app-layout .allow-multiselect .chat-group {
  width: calc(100% - 40px);
}
.chat-app-layout .allow-multiselect .chat-content__actions {
  display: none;
}
.chat-app-layout .allow-multiselect .chat-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
}
.chat-app-layout .allow-multiselect:hover, .chat-app-layout .allow-multiselect.active {
  background: rgba(var(--v-theme-secondary), 15%);
}
.chat-app-layout .allow-multiselect.not-allowed {
  cursor: not-allowed;
  background: none;
}
.v-menu .v-overlay__scrim {
  opacity: 0;
}
.chat-preview-img-modal {
  background: rgba(0, 0, 0, 0.5098039216);
}
.chat-preview-img-modal__container {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
.chat-preview-img-modal__container img {
  max-width: 100%;
  max-height: 100%;
}
.chat-preview-img-modal__btn[class] {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.chat-app-layout .chat-list-item {
  padding: 10px 14px;
  border-radius: 14px;
  margin: 2px 6px;
  transition: background 0.18s ease, transform 0.18s ease;
  cursor: pointer;
}
.chat-app-layout .chat-list-item:hover {
  background: rgba(var(--v-theme-primary), 0.06);
}
.chat-app-layout .chat-list-item.active {
  background: rgba(var(--v-theme-primary), 0.1);
  box-shadow: 0 2px 10px rgba(var(--v-theme-primary), 0.12);
}
.chat-app-layout .chat-list-item .v-avatar {
  border: 2px solid rgba(var(--v-theme-surface), 1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.chat-app-layout .chat-contact .flex-grow-1 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.chat-app-layout .chat-contact .text-xs {
  font-size: 11px;
  opacity: 0.65;
}
.chat-app-layout .chat-contact .text-base {
  font-size: 13.5px;
  line-height: 1.4;
}
.chat-app-layout .message-card-root {
  width: 100%;
}
.chat-app-layout .chat-group--outgoing {
  margin-inline-start: auto;
}
.chat-app-layout .chat-group--incoming {
  margin-inline-end: auto;
}
.chat-app-layout .chat-content {
  position: relative;
  word-break: break-word;
  border-radius: 18px;
  padding: 10px 14px 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 3px 12px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s ease;
  max-width: 500px;
}
.chat-app-layout .chat-content strong {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 3px;
  display: block;
}
.chat-app-layout .chat-content.chat-left {
  border-bottom-left-radius: 5px;
  background-color: var(--message-bg-received, rgba(var(--v-theme-on-surface), 0.08)) !important;
  background-image: none !important;
  color: var(--message-font-color, rgb(var(--v-theme-on-surface))) !important;
  border: 1px solid rgba(var(--v-border-color), 0.07);
}
.chat-app-layout .chat-content.chat-right {
  border-bottom-right-radius: 5px;
  background-color: var(--message-bg-sent, rgb(var(--v-theme-primary))) !important;
  background-image: none !important;
  color: var(--message-font-color, #ffffff) !important;
  box-shadow: 0 2px 10px rgba(var(--v-theme-primary), 0.25), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.chat-app-layout .chat-content.chat-right strong {
  color: rgba(255, 255, 255, 0.95);
}
.chat-app-layout .chat-content.chat-right a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: underline;
}
.chat-app-layout .chat-content.chat-right .reply-msg {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.chat-app-layout .chat-content.chat-right .reply-msg__username {
  color: rgba(255, 255, 255, 0.9) !important;
}
.chat-app-layout .chat-content:hover, .chat-app-layout .chat-content.active {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.chat-app-layout .chat-content .reply-msg {
  background: rgba(var(--v-theme-secondary), 0.1);
  border-inline-start: 3px solid rgba(var(--v-theme-secondary), 0.7);
  border-radius: 10px;
  padding: 8px 12px;
  margin-bottom: 8px;
}
.chat-app-layout .chat-content .reply-msg__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 12.5px;
  opacity: 0.88;
}
.chat-app-layout .chat-content .reply-msg__username {
  color: rgba(var(--v-theme-secondary), 0.9);
  font-weight: 600;
  font-size: 11.5px;
  margin-bottom: 3px;
}
.chat-app-layout .chat-content .message-translation {
  background: rgba(var(--v-theme-primary), 0.07);
  border-radius: 10px;
  border: 1px solid rgba(var(--v-theme-primary), 0.15);
}
.chat-app-layout .chat-body {
  gap: 2px;
}
.chat-app-layout .message-time-wrapper {
  font-family: var(--chat-font-family, "Cairo") !important;
  font-size: 10.5px;
  min-height: 18px;
  opacity: 0.85;
}
.chat-app-layout .message-time-wrapper small {
  color: rgba(var(--v-theme-on-surface), 0.55);
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}
.chat-app-layout .message-time-wrapper span {
  color: rgba(var(--v-theme-on-surface), 0.55);
}
.chat-app-layout .message-time-wrapper .v-icon {
  opacity: 1 !important;
  display: inline-flex !important;
}
.chat-app-layout .message-time-wrapper .message-status-icon {
  flex-shrink: 0;
  opacity: 1 !important;
  visibility: visible !important;
}
.chat-app-layout .thread-count-badge {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 12px;
  background: rgba(var(--v-theme-primary), 0.07);
  display: inline-flex;
  transition: background 0.15s ease;
}
.chat-app-layout .thread-count-badge:hover {
  background: rgba(var(--v-theme-primary), 0.14);
}
.chat-app-layout .chat-avatar .v-avatar {
  border: 2.5px solid rgba(var(--v-theme-surface), 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}
.chat-app-layout .chat-avatar .v-avatar:hover {
  transform: scale(1.06);
}
.chat-app-layout .chat-group-date {
  position: sticky;
  top: 12px;
  background: rgba(47, 51, 73, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  max-width: max-content;
  margin: 0 auto 12px;
  padding: 5px 14px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 20px;
  opacity: 0.95;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  letter-spacing: 0.2px;
}
.chat-app-layout .chat-header {
  padding: 14px 18px;
  border-bottom: 1px solid rgba(var(--v-border-color), 0.07);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.chat-app-layout .chat-header .v-btn {
  border-radius: 10px;
  transition: background 0.15s ease;
}
.chat-app-layout .chat-header .v-btn:hover {
  background: rgba(var(--v-theme-primary), 0.07) !important;
}
.chat-app-layout .chat-search-bar .v-field {
  background: rgba(var(--v-theme-on-surface), 0.05);
  border-radius: 24px;
  transition: all 0.2s ease;
}
.chat-app-layout .chat-search-bar .v-field:hover {
  background: rgba(var(--v-theme-on-surface), 0.07);
}
.chat-app-layout .chat-search-bar .v-field.v-field--focused {
  background: rgba(var(--v-theme-on-surface), 0.09);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}
.chat-app-layout .chat-log-message-form .v-card {
  border-radius: 28px !important;
  border: 1px solid rgba(var(--v-border-color), 0.1) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
  transition: box-shadow 0.2s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(var(--v-theme-surface), 0.95) !important;
}
.chat-app-layout .chat-log-message-form .v-card:focus-within {
  box-shadow: 0 4px 20px rgba(var(--v-theme-primary), 0.12) !important;
  border-color: rgba(var(--v-theme-primary), 0.25) !important;
}
.chat-app-layout .chat-log-message-form .v-card .v-btn:last-child {
  border-radius: 20px !important;
}
.chat-app-layout .message-reactions {
  display: flex;
  gap: 4px;
  margin-top: 5px;
  flex-wrap: wrap;
}
.chat-app-layout .message-reactions .reaction {
  padding: 3px 8px;
  background: rgba(var(--v-theme-on-surface), 0.05);
  border-radius: 12px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}
.chat-app-layout .message-reactions .reaction:hover {
  background: rgba(var(--v-theme-on-surface), 0.09);
  transform: scale(1.12);
}
.chat-app-layout .message-reactions .reaction.active {
  background: rgba(var(--v-theme-primary), 0.12);
  border-color: rgba(var(--v-theme-primary), 0.28);
}
.chat-app-layout .online-badge {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 11px;
  height: 11px;
  background: #4caf82;
  border: 2px solid rgb(var(--v-theme-surface));
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(76, 175, 130, 0.28);
}
.chat-app-layout .typing-indicator {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  background: rgba(var(--v-theme-on-surface), 0.06);
  border-radius: 20px;
  margin: 6px 12px;
  gap: 3px;
}
.chat-app-layout .typing-indicator .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(var(--v-theme-primary), 0.7);
  animation: typingBounce 1.4s infinite;
}
.chat-app-layout .typing-indicator .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.chat-app-layout .typing-indicator .dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes typingBounce {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.55;
  }
  30% {
    transform: translateY(-8px);
    opacity: 1;
  }
}
.chat-app-layout .chat-log {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--v-theme-on-surface), 0.15) transparent;
  overflow: hidden;
}
.chat-app-layout .chat-log::-webkit-scrollbar {
  width: 5px;
}
.chat-app-layout .chat-log::-webkit-scrollbar-track {
  background: transparent;
}
.chat-app-layout .chat-log::-webkit-scrollbar-thumb {
  background: rgba(var(--v-theme-on-surface), 0.15);
  border-radius: 4px;
}
.chat-app-layout .chat-log::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--v-theme-on-surface), 0.28);
}
.chat-app-layout .v-icon.tabler-check,
.chat-app-layout .v-icon.tabler-checks {
  opacity: 1 !important;
  display: inline-flex !important;
}
.chat-app-layout .chat-preview-box {
  border-radius: 16px;
  border: 1px solid rgba(var(--v-border-color), 0.1);
  background: rgba(var(--v-theme-surface), 0.98);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  padding: 12px 14px;
  transition: all 0.2s ease;
}
.chat-app-layout .chat-message-images-grid .image-wrapper {
  border-radius: 14px;
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.chat-app-layout .chat-message-images-grid .image-wrapper:hover {
  transform: scale(1.03) translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
.chat-app-layout .chat-message-file {
  background: rgba(var(--v-theme-on-surface), 0.04);
  border-radius: 14px;
  border: 1px solid rgba(var(--v-border-color), 0.08);
  transition: all 0.2s ease;
}
.chat-app-layout .chat-message-file:hover {
  background: rgba(var(--v-theme-on-surface), 0.07);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.chat-app-layout .group-members .member-item {
  border-radius: 12px;
  transition: background 0.15s ease;
}
.chat-app-layout .group-members .member-item:hover {
  background: rgba(var(--v-theme-on-surface), 0.04);
}
.v-theme--dark .chat-app-layout .chat-content.chat-left {
  background-color: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.05);
}
.v-theme--dark .chat-app-layout .chat-group-date {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.v-theme--dark .chat-app-layout .chat-log-message-form .v-card {
  background: rgba(var(--v-theme-surface), 0.85) !important;
}
@keyframes messageSendIn {
  0% {
    opacity: 0;
    transform: translateY(16px) scale(0.96);
  }
  60% {
    opacity: 1;
    transform: translateY(-3px) scale(1.01);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.chat-group.message-enter-active {
  animation: messageSendIn 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes reactionPop {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.45);
  }
  70% {
    transform: scale(0.88);
  }
  100% {
    transform: scale(1);
  }
}
.message-reaction {
  transition: transform 0.18s ease;
}
.message-reaction:active, .message-reaction.reaction-pop {
  animation: reactionPop 0.38s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
}
@keyframes typingBounce {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.45;
  }
  30% {
    transform: translateY(-6px);
    opacity: 1;
  }
}
.typing-indicator {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: rgba(var(--v-theme-on-surface), 0.06);
  border-radius: 18px;
}
.typing-indicator span {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgb(var(--v-theme-primary));
  animation: typingBounce 1.2s infinite ease-in-out;
}
.typing-indicator span:nth-child(2) {
  animation-delay: 0.18s;
}
.typing-indicator span:nth-child(3) {
  animation-delay: 0.36s;
}
/* ============================================================
 * Chat Onboarding — intro.js overrides
 * ============================================================ */
/* Tooltip wrapper */
.chat-intro-tooltip.introjs-tooltip {
  background: rgb(var(--v-theme-surface, 30 30 30));
  color: rgb(var(--v-theme-on-surface, 240 240 240));
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(var(--v-border-color, 200 200 200), 0.1);
  min-width: 320px;
  max-width: 420px;
  padding: 24px;
  font-family: "Cairo", "Almarai", sans-serif;
  direction: rtl;
}
/* Title */
.chat-intro-tooltip .introjs-tooltip-title {
  font-size: 17px;
  font-weight: 700;
  color: rgb(var(--v-theme-primary, 56 99 217));
  margin-bottom: 10px;
}
/* Body text */
.chat-intro-tooltip .introjs-tooltiptext {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(var(--v-theme-on-surface, 240 240 240), 0.88);
}
/* Progress bar */
.chat-intro-tooltip .introjs-progress {
  background: rgba(var(--v-theme-primary, 56 99 217), 0.15);
  border-radius: 4px;
  height: 4px;
  margin-bottom: 14px;
}
.chat-intro-tooltip .introjs-progressbar {
  background: rgb(var(--v-theme-primary, 56 99 217));
  border-radius: 4px;
}
/* Buttons */
.chat-intro-tooltip .introjs-button {
  border-radius: 10px;
  font-family: "Cairo", "Almarai", sans-serif;
  font-size: 13px;
  padding: 8px 18px;
  cursor: pointer;
  border: none;
  transition: all 0.2s ease;
}
.chat-intro-tooltip .introjs-nextbutton {
  background: rgb(var(--v-theme-primary, 56 99 217));
  color: #fff;
}
.chat-intro-tooltip .introjs-nextbutton:hover {
  opacity: 0.88;
}
.chat-intro-tooltip .introjs-prevbutton {
  background: rgba(var(--v-theme-on-surface, 240 240 240), 0.08);
  color: rgba(var(--v-theme-on-surface, 240 240 240), 0.8);
}
.chat-intro-tooltip .introjs-skipbutton {
  color: rgba(var(--v-theme-on-surface, 240 240 240), 0.4);
  font-size: 18px;
  top: 14px;
  left: 14px;
  right: unset;
}
/* Highlight ring */
.chat-intro-highlight.introjs-helperLayer {
  border-radius: 16px;
  box-shadow: 0 0 0 3px rgb(var(--v-theme-primary, 56 99 217)), 0 0 0 6px rgba(var(--v-theme-primary, 56 99 217), 0.15) !important;
}
/* Arrow */
.chat-intro-tooltip .introjs-arrow {
  border-color: rgb(var(--v-theme-surface, 30 30 30)) transparent transparent transparent;
}
/* ── Welcome / finish cards ─────────────────────────────── */
.onboarding-welcome,
.onboarding-finish {
  text-align: center;
  padding: 8px 0;
}
.onboarding-welcome p,
.onboarding-finish p {
  margin: 6px 0;
  line-height: 1.6;
}
/* ── Keyboard shortcuts table ───────────────────────────── */
.onboarding-shortcuts table {
  width: 100%;
  border-collapse: collapse;
}
.onboarding-shortcuts td {
  padding: 6px 10px;
  font-size: 13px;
  border-bottom: 1px solid rgba(var(--v-border-color, 200 200 200), 0.06);
}
.onboarding-shortcuts tr:last-child td {
  border-bottom: none;
}
.onboarding-shortcuts kbd {
  display: inline-block;
  background: rgba(var(--v-theme-primary, 56 99 217), 0.12);
  color: rgb(var(--v-theme-primary, 56 99 217));
  border: 1px solid rgba(var(--v-theme-primary, 56 99 217), 0.3);
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
  font-family: "Courier New", monospace;
  white-space: nowrap;
}
.v-overlay__scrim {
  backdrop-filter: blur(12px) saturate(1.2);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-dialog .v-card {
  border-radius: 24px !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.25), 0 12px 40px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  border: 1.5px solid rgba(var(--v-theme-on-surface), 0.08);
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 1) 0%, rgba(var(--v-theme-surface), 0.98) 100%);
  position: relative;
  overflow: hidden;
  animation: modalScaleIn 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-dialog .v-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-primary), 0.4) 50%, transparent 100%);
  z-index: 1;
}
.v-dialog .v-card::after {
  content: "";
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 150%;
  height: 150%;
  background: radial-gradient(circle at center, rgba(var(--v-theme-primary), 0.04) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}
.v-dialog .v-card-title {
  position: relative;
  z-index: 1;
  font-weight: 700;
  letter-spacing: -0.01em;
  padding: 1.5rem 2rem 1rem;
  background: linear-gradient(180deg, rgba(var(--v-theme-on-surface), 0.02) 0%, transparent 100%);
}
.v-dialog .v-card-text {
  position: relative;
  z-index: 1;
  padding: 1rem 2rem;
}
.v-dialog .v-card-actions {
  position: relative;
  z-index: 1;
  padding: 1rem 2rem 1.5rem;
  gap: 0.75rem;
  background: linear-gradient(180deg, transparent 0%, rgba(var(--v-theme-on-surface), 0.02) 100%);
}
.v-dialog .v-card-actions .v-btn {
  border-radius: 14px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.02em;
  padding: 10px 24px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.v-dialog .v-card-actions .v-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.v-dialog .v-card-actions .v-btn:active {
  transform: translateY(0);
}
.v-dialog .v-btn--icon {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
}
.v-dialog .v-btn--icon:hover {
  background: rgba(var(--v-theme-error), 0.1) !important;
  transform: scale(1.05) rotate(90deg);
}
.v-dialog .v-btn--icon:hover .v-icon {
  color: rgb(var(--v-theme-error));
}
.v-snackbar .v-snackbar__wrapper {
  border-radius: 16px !important;
  backdrop-filter: blur(20px) saturate(1.4);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: snackbarSlideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-snackbar .v-snackbar__content {
  font-weight: 500;
}
.v-tooltip .v-overlay__content {
  border-radius: 12px !important;
  backdrop-filter: blur(16px) saturate(1.3);
  background: rgba(var(--v-theme-surface-variant), 0.95) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  padding: 8px 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  animation: tooltipFadeIn 0.2s ease;
}
.v-menu .v-list {
  border-radius: 16px !important;
  backdrop-filter: blur(20px) saturate(1.4);
  background: rgba(var(--v-theme-surface), 0.95) !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  border: 1.5px solid rgba(var(--v-theme-on-surface), 0.08);
  padding: 8px;
  animation: menuScaleIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-menu .v-list-item {
  border-radius: 10px !important;
  margin-bottom: 4px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.v-menu .v-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: rgb(var(--v-theme-primary));
  transform: scaleY(0);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-menu .v-list-item:hover {
  background: rgba(var(--v-theme-primary), 0.08) !important;
  transform: translateX(4px);
}
.v-menu .v-list-item:hover::before {
  transform: scaleY(1);
}
.v-menu .v-list-item:active {
  background: rgba(var(--v-theme-primary), 0.12) !important;
  transform: translateX(2px);
}
.v-menu .v-list-item:last-child {
  margin-bottom: 0;
}
.v-bottom-sheet .v-card {
  border-radius: 24px 24px 0 0 !important;
  backdrop-filter: blur(20px) saturate(1.4);
  animation: bottomSheetSlideUp 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes modalScaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes snackbarSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tooltipFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes menuScaleIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes bottomSheetSlideUp {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
::selection {
  background: rgba(var(--v-theme-primary), 0.25);
  color: rgb(var(--v-theme-on-primary));
}
::-moz-selection {
  background: rgba(var(--v-theme-primary), 0.25);
  color: rgb(var(--v-theme-on-primary));
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@keyframes shimmerGradient {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(200%);
  }
}
@keyframes skeletonPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
@keyframes loadingDots {
  0%, 20% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
}
@keyframes spinnerRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.v-skeleton-loader__bone {
  background: linear-gradient(90deg, rgba(var(--v-theme-on-surface), 0.06) 0%, rgba(var(--v-theme-on-surface), 0.08) 20%, rgba(var(--v-theme-on-surface), 0.12) 40%, rgba(var(--v-theme-on-surface), 0.08) 60%, rgba(var(--v-theme-on-surface), 0.06) 100%);
  background-size: 1000px 100%;
  animation: shimmer 2s infinite linear;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.v-skeleton-loader__bone::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
  transform: translateX(-100%);
  animation: shimmerGradient 2s infinite;
}
.v-skeleton-loader__avatar .v-skeleton-loader__bone {
  border-radius: 50%;
}
.v-skeleton-loader__card .v-skeleton-loader__bone {
  border-radius: 20px;
}
.v-progress-circular {
  animation: spinnerRotate 1s linear infinite;
  filter: drop-shadow(0 2px 8px rgba(var(--v-theme-primary), 0.3));
}
.v-progress-circular__overlay {
  transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-progress-linear {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
}
.v-progress-linear__background {
  background: rgba(var(--v-theme-on-surface), 0.06) !important;
}
.v-progress-linear__determinate, .v-progress-linear__indeterminate {
  background: linear-gradient(90deg, rgba(var(--v-theme-primary), 0.8), rgba(var(--v-theme-primary), 1), rgba(var(--v-theme-primary), 0.8)) !important;
  box-shadow: 0 0 12px rgba(var(--v-theme-primary), 0.4);
}
.v-progress-linear__indeterminate.long, .v-progress-linear__indeterminate.short {
  animation-duration: 2s;
}
.loading-card {
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 1) 0%, rgba(var(--v-theme-surface), 0.98) 100%);
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.06);
  animation: skeletonPulse 2s ease-in-out infinite;
}
.loading-dots {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}
.loading-dots__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgb(var(--v-theme-primary));
  animation: loadingDots 1.5s ease-in-out infinite;
}
.loading-dots__dot:nth-child(2) {
  animation-delay: 0.2s;
}
.loading-dots__dot:nth-child(3) {
  animation-delay: 0.4s;
}
.shimmer-card {
  position: relative;
  overflow: hidden;
  background: rgba(var(--v-theme-surface), 1);
  border-radius: 16px;
}
.shimmer-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);
  animation: shimmerGradient 2s infinite;
}
.pulse-loading {
  animation: skeletonPulse 2s ease-in-out infinite;
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
  animation: fadeInUp 0.6s ease;
}
.empty-state__icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.08) 0%, rgba(var(--v-theme-primary), 0.04) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  box-shadow: 0 8px 32px rgba(var(--v-theme-primary), 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(var(--v-theme-primary), 0.1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.empty-state__icon .v-icon {
  font-size: 48px;
  color: rgb(var(--v-theme-primary));
  opacity: 0.6;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.empty-state__icon:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 48px rgba(var(--v-theme-primary), 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.empty-state__icon:hover .v-icon {
  opacity: 1;
  transform: scale(1.1);
}
.empty-state__title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: rgba(var(--v-theme-on-surface), 0.9);
  letter-spacing: -0.02em;
}
.empty-state__description {
  font-size: 0.95rem;
  color: rgba(var(--v-theme-on-surface), 0.6);
  max-width: 400px;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.empty-state__action .v-btn {
  border-radius: 16px;
  text-transform: none;
  font-weight: 600;
  padding: 12px 32px;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 16px rgba(var(--v-theme-primary), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.empty-state__action .v-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(var(--v-theme-primary), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.empty-state__action .v-btn:active {
  transform: translateY(0);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.page-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--v-theme-surface), 0.9);
  backdrop-filter: blur(20px) saturate(1.3);
  animation: fadeIn 0.3s ease;
}
.page-loading-overlay__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.page-loading-overlay__spinner {
  position: relative;
  width: 60px;
  height: 60px;
}
.page-loading-overlay__spinner::before, .page-loading-overlay__spinner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: rgb(var(--v-theme-primary));
}
.page-loading-overlay__spinner::before {
  inset: 0;
  animation: spinnerRotate 1s linear infinite;
}
.page-loading-overlay__spinner::after {
  inset: 8px;
  border-top-color: rgba(var(--v-theme-primary), 0.4);
  animation: spinnerRotate 1.5s linear infinite reverse;
}
.page-loading-overlay__text {
  font-weight: 600;
  color: rgba(var(--v-theme-on-surface), 0.8);
  letter-spacing: 0.02em;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.v-btn--floating {
  box-shadow: 0 8px 32px rgba(var(--v-theme-primary), 0.25), 0 4px 12px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(12px) saturate(1.3);
  border: 1.5px solid rgba(var(--v-theme-on-surface), 0.08);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.v-btn--floating::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: fabShimmer 3s infinite;
}
.v-btn--floating:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 16px 48px rgba(var(--v-theme-primary), 0.35), 0 8px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.v-btn--floating:active {
  transform: translateY(-2px) scale(1.02);
}
.v-btn--floating .v-icon {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-btn--floating:hover .v-icon {
  transform: rotate(90deg) scale(1.1);
}
@keyframes fabShimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 200%;
  }
}
.v-btn {
  border-radius: 14px;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-btn:not(.v-btn--icon):not(.v-btn--floating) {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.v-btn:not(.v-btn--icon):not(.v-btn--floating):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.v-btn:not(.v-btn--icon):not(.v-btn--floating):active {
  transform: translateY(0);
}
.v-btn--elevated:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
.v-btn.bg-primary {
  box-shadow: 0 4px 16px rgba(var(--v-theme-primary), 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.v-btn.bg-primary:hover {
  box-shadow: 0 6px 24px rgba(var(--v-theme-primary), 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.v-btn--icon {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
}
.v-btn--icon:hover {
  background: rgba(var(--v-theme-on-surface), 0.08) !important;
  transform: scale(1.05);
}
.v-btn--icon:hover .v-icon {
  transform: scale(1.1);
}
.v-btn--icon:active {
  transform: scale(0.98);
}
.v-card {
  border-radius: 20px !important;
  border: 1.5px solid rgba(var(--v-theme-on-surface), 0.06);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 1) 0%, rgba(var(--v-theme-surface), 0.98) 100%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.v-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-primary), 0.1) 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.v-card:hover {
  border-color: rgba(var(--v-theme-primary), 0.12);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-2px);
}
.v-card:hover::before {
  opacity: 1;
}
.v-card--variant-elevated {
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.v-card--variant-outlined {
  border: 2px solid rgba(var(--v-theme-on-surface), 0.1);
  box-shadow: none;
}
.v-card--variant-outlined:hover {
  border-color: rgba(var(--v-theme-primary), 0.3);
  box-shadow: 0 4px 20px rgba(var(--v-theme-primary), 0.08) !important;
}
.v-text-field .v-field,
.v-select .v-field,
.v-textarea .v-field,
.v-autocomplete .v-field {
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(var(--v-theme-on-surface), 0.03) 0%, rgba(var(--v-theme-on-surface), 0.02) 100%);
  backdrop-filter: blur(8px);
  border: 1.5px solid rgba(var(--v-theme-on-surface), 0.08);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.02);
}
.v-text-field .v-field:hover,
.v-select .v-field:hover,
.v-textarea .v-field:hover,
.v-autocomplete .v-field:hover {
  background: linear-gradient(135deg, rgba(var(--v-theme-on-surface), 0.05) 0%, rgba(var(--v-theme-on-surface), 0.03) 100%);
  border-color: rgba(var(--v-theme-primary), 0.2);
  box-shadow: 0 2px 12px rgba(var(--v-theme-primary), 0.05), inset 0 1px 4px rgba(0, 0, 0, 0.02);
}
.v-text-field .v-field--focused,
.v-select .v-field--focused,
.v-textarea .v-field--focused,
.v-autocomplete .v-field--focused {
  background: rgba(var(--v-theme-surface), 1);
  border-color: rgba(var(--v-theme-primary), 0.4);
  box-shadow: 0 4px 20px rgba(var(--v-theme-primary), 0.12), 0 0 0 4px rgba(var(--v-theme-primary), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}
.v-text-field .v-field--error,
.v-select .v-field--error,
.v-textarea .v-field--error,
.v-autocomplete .v-field--error {
  border-color: rgba(var(--v-theme-error), 0.5);
  box-shadow: 0 0 0 4px rgba(var(--v-theme-error), 0.08), inset 0 1px 4px rgba(var(--v-theme-error), 0.05);
}
.v-text-field .v-field .v-field__prepend-inner,
.v-text-field .v-field .v-field__append-inner,
.v-select .v-field .v-field__prepend-inner,
.v-select .v-field .v-field__append-inner,
.v-textarea .v-field .v-field__prepend-inner,
.v-textarea .v-field .v-field__append-inner,
.v-autocomplete .v-field .v-field__prepend-inner,
.v-autocomplete .v-field .v-field__append-inner {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-text-field .v-field .v-field__prepend-inner .v-icon,
.v-text-field .v-field .v-field__append-inner .v-icon,
.v-select .v-field .v-field__prepend-inner .v-icon,
.v-select .v-field .v-field__append-inner .v-icon,
.v-textarea .v-field .v-field__prepend-inner .v-icon,
.v-textarea .v-field .v-field__append-inner .v-icon,
.v-autocomplete .v-field .v-field__prepend-inner .v-icon,
.v-autocomplete .v-field .v-field__append-inner .v-icon {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.v-text-field .v-field--focused .v-field__prepend-inner,
.v-select .v-field--focused .v-field__prepend-inner,
.v-textarea .v-field--focused .v-field__prepend-inner,
.v-autocomplete .v-field--focused .v-field__prepend-inner {
  transform: scale(1.1);
}
.v-text-field .v-field--focused .v-field__prepend-inner .v-icon,
.v-select .v-field--focused .v-field__prepend-inner .v-icon,
.v-textarea .v-field--focused .v-field__prepend-inner .v-icon,
.v-autocomplete .v-field--focused .v-field__prepend-inner .v-icon {
  opacity: 1;
  color: rgb(var(--v-theme-primary));
}
.v-text-field .v-field--variant-outlined .v-field__outline__start, .v-text-field .v-field--variant-outlined .v-field__outline__notch, .v-text-field .v-field--variant-outlined .v-field__outline__end,
.v-select .v-field--variant-outlined .v-field__outline__start,
.v-select .v-field--variant-outlined .v-field__outline__notch,
.v-select .v-field--variant-outlined .v-field__outline__end,
.v-textarea .v-field--variant-outlined .v-field__outline__start,
.v-textarea .v-field--variant-outlined .v-field__outline__notch,
.v-textarea .v-field--variant-outlined .v-field__outline__end,
.v-autocomplete .v-field--variant-outlined .v-field__outline__start,
.v-autocomplete .v-field--variant-outlined .v-field__outline__notch,
.v-autocomplete .v-field--variant-outlined .v-field__outline__end {
  border-color: rgba(var(--v-theme-on-surface), 0.15);
  border-style: solid;
  transition: border-color 0.3s ease, border-width 0.2s ease;
}
.v-text-field .v-field--variant-outlined .v-field__outline__start,
.v-select .v-field--variant-outlined .v-field__outline__start,
.v-textarea .v-field--variant-outlined .v-field__outline__start,
.v-autocomplete .v-field--variant-outlined .v-field__outline__start {
  border-inline-end-width: 0 !important;
}
.v-text-field .v-field--variant-outlined .v-field__outline__end,
.v-select .v-field--variant-outlined .v-field__outline__end,
.v-textarea .v-field--variant-outlined .v-field__outline__end,
.v-autocomplete .v-field--variant-outlined .v-field__outline__end {
  border-inline-start-width: 0 !important;
}
.v-text-field .v-field--variant-outlined .v-field__outline__notch,
.v-select .v-field--variant-outlined .v-field__outline__notch,
.v-textarea .v-field--variant-outlined .v-field__outline__notch,
.v-autocomplete .v-field--variant-outlined .v-field__outline__notch {
  border-inline-width: 0 !important;
  border-block-end-width: 0 !important;
}
.v-text-field .v-field--variant-outlined.v-field--focused .v-field__outline__start, .v-text-field .v-field--variant-outlined.v-field--focused .v-field__outline__notch, .v-text-field .v-field--variant-outlined.v-field--focused .v-field__outline__end,
.v-select .v-field--variant-outlined.v-field--focused .v-field__outline__start,
.v-select .v-field--variant-outlined.v-field--focused .v-field__outline__notch,
.v-select .v-field--variant-outlined.v-field--focused .v-field__outline__end,
.v-textarea .v-field--variant-outlined.v-field--focused .v-field__outline__start,
.v-textarea .v-field--variant-outlined.v-field--focused .v-field__outline__notch,
.v-textarea .v-field--variant-outlined.v-field--focused .v-field__outline__end,
.v-autocomplete .v-field--variant-outlined.v-field--focused .v-field__outline__start,
.v-autocomplete .v-field--variant-outlined.v-field--focused .v-field__outline__notch,
.v-autocomplete .v-field--variant-outlined.v-field--focused .v-field__outline__end {
  border-color: rgb(var(--v-theme-primary));
  border-width: 2px;
}
.v-text-field .v-field--variant-outlined.v-field--focused .v-field__outline__start,
.v-select .v-field--variant-outlined.v-field--focused .v-field__outline__start,
.v-textarea .v-field--variant-outlined.v-field--focused .v-field__outline__start,
.v-autocomplete .v-field--variant-outlined.v-field--focused .v-field__outline__start {
  border-inline-end-width: 0 !important;
}
.v-text-field .v-field--variant-outlined.v-field--focused .v-field__outline__end,
.v-select .v-field--variant-outlined.v-field--focused .v-field__outline__end,
.v-textarea .v-field--variant-outlined.v-field--focused .v-field__outline__end,
.v-autocomplete .v-field--variant-outlined.v-field--focused .v-field__outline__end {
  border-inline-start-width: 0 !important;
}
.v-text-field .v-field--variant-outlined.v-field--focused .v-field__outline__notch,
.v-select .v-field--variant-outlined.v-field--focused .v-field__outline__notch,
.v-textarea .v-field--variant-outlined.v-field--focused .v-field__outline__notch,
.v-autocomplete .v-field--variant-outlined.v-field--focused .v-field__outline__notch {
  border-inline-width: 0 !important;
  border-block-end-width: 0 !important;
}
.v-text-field .v-field--variant-outlined .v-field-label,
.v-text-field .v-field--variant-outlined .v-label.v-field-label,
.v-select .v-field--variant-outlined .v-field-label,
.v-select .v-field--variant-outlined .v-label.v-field-label,
.v-textarea .v-field--variant-outlined .v-field-label,
.v-textarea .v-field--variant-outlined .v-label.v-field-label,
.v-autocomplete .v-field--variant-outlined .v-field-label,
.v-autocomplete .v-field--variant-outlined .v-label.v-field-label {
  background: rgba(var(--v-theme-surface), 0.95);
  padding-inline: 4px;
  border-radius: 4px;
  z-index: 1;
}
.v-chip {
  border-radius: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.v-chip--variant-elevated {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.v-chip .v-chip__close {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-chip .v-chip__close:hover {
  transform: scale(1.2) rotate(90deg);
  background: rgba(var(--v-theme-error), 0.1);
  color: rgb(var(--v-theme-error));
}
.v-badge .v-badge__badge {
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.7rem;
  padding: 4px 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  border: 2px solid rgb(var(--v-theme-surface));
  animation: badgePop 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-badge--dot .v-badge__badge {
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgb(var(--v-theme-surface)), 0 2px 8px rgba(0, 0, 0, 0.2);
  animation: badgePulse 2s ease-in-out infinite;
}
@keyframes badgePop {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes badgePulse {
  0%, 100% {
    box-shadow: 0 0 0 2px rgb(var(--v-theme-surface)), 0 2px 8px rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0 0 0 2px rgb(var(--v-theme-surface)), 0 0 12px rgba(var(--v-theme-primary), 0.4);
  }
}
.v-switch .v-switch__track {
  border-radius: 14px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-switch .v-switch__thumb {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-switch.v-input--is-focused .v-switch__thumb {
  box-shadow: 0 4px 12px rgba(var(--v-theme-primary), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.app-field.v-text-field .v-field,
.app-field.v-select .v-field,
.app-field.v-textarea .v-field,
.app-field.v-autocomplete .v-field {
  border-radius: 10px !important;
  background: rgba(var(--v-theme-on-surface), 0.04) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transform: none !important;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.18) !important;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.app-field.v-text-field .v-field:hover,
.app-field.v-select .v-field:hover,
.app-field.v-textarea .v-field:hover,
.app-field.v-autocomplete .v-field:hover {
  box-shadow: none !important;
  transform: none !important;
  background: rgba(var(--v-theme-on-surface), 0.06) !important;
  border-color: rgba(var(--v-theme-on-surface), 0.28) !important;
}
.app-field.v-text-field .v-field--focused,
.app-field.v-select .v-field--focused,
.app-field.v-textarea .v-field--focused,
.app-field.v-autocomplete .v-field--focused {
  box-shadow: none !important;
  transform: none !important;
  background: rgba(var(--v-theme-on-surface), 0.05) !important;
  border-color: rgb(var(--v-theme-primary)) !important;
}
.app-field.v-text-field .v-field--error,
.app-field.v-select .v-field--error,
.app-field.v-textarea .v-field--error,
.app-field.v-autocomplete .v-field--error {
  box-shadow: none !important;
  border-color: rgb(var(--v-theme-error)) !important;
}
.app-field.v-text-field .v-field--variant-outlined .v-field__outline,
.app-field.v-text-field .v-field--variant-outlined .v-field__outline__start,
.app-field.v-text-field .v-field--variant-outlined .v-field__outline__notch,
.app-field.v-text-field .v-field--variant-outlined .v-field__outline__end,
.app-field.v-select .v-field--variant-outlined .v-field__outline,
.app-field.v-select .v-field--variant-outlined .v-field__outline__start,
.app-field.v-select .v-field--variant-outlined .v-field__outline__notch,
.app-field.v-select .v-field--variant-outlined .v-field__outline__end,
.app-field.v-textarea .v-field--variant-outlined .v-field__outline,
.app-field.v-textarea .v-field--variant-outlined .v-field__outline__start,
.app-field.v-textarea .v-field--variant-outlined .v-field__outline__notch,
.app-field.v-textarea .v-field--variant-outlined .v-field__outline__end,
.app-field.v-autocomplete .v-field--variant-outlined .v-field__outline,
.app-field.v-autocomplete .v-field--variant-outlined .v-field__outline__start,
.app-field.v-autocomplete .v-field--variant-outlined .v-field__outline__notch,
.app-field.v-autocomplete .v-field--variant-outlined .v-field__outline__end {
  display: none !important;
  border: none !important;
  border-width: 0 !important;
  opacity: 0 !important;
}
.app-field.v-text-field .v-field-label,
.app-field.v-text-field .v-label.v-field-label,
.app-field.v-select .v-field-label,
.app-field.v-select .v-label.v-field-label,
.app-field.v-textarea .v-field-label,
.app-field.v-textarea .v-label.v-field-label,
.app-field.v-autocomplete .v-field-label,
.app-field.v-autocomplete .v-label.v-field-label {
  background: transparent !important;
  box-shadow: none !important;
}
.app-switch.v-switch .v-selection-control {
  min-height: auto;
}
.app-field-label,
.app-switch.v-switch .v-label,
.app-text-field > .v-label,
.app-select > .v-label,
.app-textarea > .v-label {
  font-family: "Alexandria", "Almarai", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  opacity: 1 !important;
}
.dashboard-page {
  width: 100%;
  max-width: 100%;
  padding-inline: 1.5rem;
  padding-block: 0.5rem 1.5rem;
}
.v-theme--dark .dashboard-page .app-field-label,
.v-theme--dark .dashboard-page .v-label,
.v-theme--dark .app-switch .app-field-label,
.v-theme--dark .app-switch .v-label,
.v-theme--dark .app-text-field .app-field-label,
.v-theme--dark .app-text-field .v-label,
.v-theme--dark .app-select .app-field-label,
.v-theme--dark .app-select .v-label,
.v-theme--dark .app-textarea .app-field-label,
.v-theme--dark .app-textarea .v-label {
  color: #fff !important;
  opacity: 1 !important;
}
.page-enter-active,
.page-leave-active {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-enter-from {
  opacity: 0;
  transform: translateY(20px);
}
.page-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}
.layout-enter-active,
.layout-leave-active {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.layout-enter-from {
  opacity: 0;
  transform: scale(0.98);
}
.layout-leave-to {
  opacity: 0;
  transform: scale(1.02);
}
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-left-enter-from {
  opacity: 0;
  transform: translateX(-30px);
}
.slide-left-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
.slide-right-enter-from {
  opacity: 0;
  transform: translateX(30px);
}
.slide-right-leave-to {
  opacity: 0;
  transform: translateX(-30px);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.scale-enter-active,
.scale-leave-active {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.scale-enter-from {
  opacity: 0;
  transform: scale(0.9);
}
.scale-leave-to {
  opacity: 0;
  transform: scale(1.1);
}
.list-enter-active,
.list-leave-active {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.list-enter-from {
  opacity: 0;
  transform: translateY(20px);
}
.list-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}
.list-move {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.stagger-list-item {
  animation: staggerFadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}
.stagger-list-item:nth-child(1) {
  animation-delay: 0.05s;
}
.stagger-list-item:nth-child(2) {
  animation-delay: 0.1s;
}
.stagger-list-item:nth-child(3) {
  animation-delay: 0.15s;
}
.stagger-list-item:nth-child(4) {
  animation-delay: 0.2s;
}
.stagger-list-item:nth-child(5) {
  animation-delay: 0.25s;
}
.stagger-list-item:nth-child(6) {
  animation-delay: 0.3s;
}
.stagger-list-item:nth-child(7) {
  animation-delay: 0.35s;
}
.stagger-list-item:nth-child(8) {
  animation-delay: 0.4s;
}
.stagger-list-item:nth-child(9) {
  animation-delay: 0.45s;
}
.stagger-list-item:nth-child(10) {
  animation-delay: 0.5s;
}
.stagger-list-item:nth-child(11) {
  animation-delay: 0.55s;
}
.stagger-list-item:nth-child(12) {
  animation-delay: 0.6s;
}
.stagger-list-item:nth-child(13) {
  animation-delay: 0.65s;
}
.stagger-list-item:nth-child(14) {
  animation-delay: 0.7s;
}
.stagger-list-item:nth-child(15) {
  animation-delay: 0.75s;
}
.stagger-list-item:nth-child(16) {
  animation-delay: 0.8s;
}
.stagger-list-item:nth-child(17) {
  animation-delay: 0.85s;
}
.stagger-list-item:nth-child(18) {
  animation-delay: 0.9s;
}
.stagger-list-item:nth-child(19) {
  animation-delay: 0.95s;
}
.stagger-list-item:nth-child(20) {
  animation-delay: 1s;
}
@keyframes staggerFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
@keyframes floatAnimation {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-5px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(5px);
  }
}
.ripple-effect {
  position: relative;
  overflow: hidden;
}
.ripple-effect::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease, opacity 0.6s ease;
  opacity: 0;
}
.ripple-effect:active::after {
  width: 300px;
  height: 300px;
  opacity: 1;
  transition: 0s;
}
.glow-effect {
  position: relative;
}
.glow-effect::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(45deg, rgba(var(--v-theme-primary), 0.3), rgba(var(--v-theme-secondary), 0.3));
  filter: blur(8px);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}
.glow-effect:hover::before {
  opacity: 1;
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.animated-gradient {
  background-size: 200% 200%;
  animation: gradientShift 3s ease infinite;
}
@keyframes breathe {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}
.breathe-animation {
  animation: breathe 2s ease-in-out infinite;
}
.spotlight-effect {
  position: relative;
  overflow: hidden;
}
.spotlight-effect::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
  transform: scale(0);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.spotlight-effect:hover::before {
  transform: scale(1);
}
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(var(--v-theme-primary), 0.8), transparent);
  transform: translateX(-100%);
  animation: loadingSlide 2s ease-in-out infinite;
  z-index: 9999;
}
@keyframes loadingSlide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
*:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--v-theme-primary), 0.3);
  transition: box-shadow 0.2s ease;
}
img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: opacity 0.3s ease;
}
img[loading=lazy] {
  opacity: 0;
}
img[loading=lazy].loaded {
  opacity: 1;
}
hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-on-surface), 0.1) 50%, transparent 100%);
  margin: 1.5rem 0;
}
.shadow-soft {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
}
.shadow-medium {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}
.shadow-hard {
  box-shadow: 0 16px 64px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.08);
}
.blur-soft {
  backdrop-filter: blur(8px) saturate(1.2);
}
.blur-medium {
  backdrop-filter: blur(16px) saturate(1.4);
}
.blur-hard {
  backdrop-filter: blur(24px) saturate(1.6);
}
.glass-effect {
  background: rgba(var(--v-theme-surface), 0.8);
  backdrop-filter: blur(20px) saturate(1.5);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
/* ===== Chat landing — violet / cyan identity ===== */
.lp[data-v-db5d12e3] {
  --acc: #6D5AE0;
  --acc2: #22D3EE;
  --ink: #1A1442;
  --body: #4A4470;
  --line: #E6E2F7;
  position: relative;
  min-height: 100vh;
  background: #F8F7FE;
  color: var(--body);
  font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  overflow-x: clip;
}
.lp[data-v-db5d12e3] * { box-sizing: border-box;
}
.lp-wrap[data-v-db5d12e3] { max-width: 1140px; margin: 0 auto; padding: 0 24px;
}
.lp-bg[data-v-db5d12e3] { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0;
}
.lp-bg .blob[data-v-db5d12e3] { position: absolute; border-radius: 50%; filter: blur(80px);
}
.lp-bg .b1[data-v-db5d12e3] { width: 570px; height: 570px; top: -200px; inset-inline-end: -120px; background: radial-gradient(circle, rgba(109,90,224,.5), transparent 68%); animation: float1-db5d12e3 16s ease-in-out infinite;
}
.lp-bg .b2[data-v-db5d12e3] { width: 500px; height: 500px; top: 44%; inset-inline-start: -150px; background: radial-gradient(circle, rgba(34,211,238,.35), transparent 68%); animation: float2-db5d12e3 21s ease-in-out infinite;
}
.lp-bg .aurora[data-v-db5d12e3] { position: absolute; inset: -30%; background: conic-gradient(from 0deg, transparent, rgba(109,90,224,.18), transparent, rgba(34,211,238,.14), transparent); filter: blur(40px); animation: spin-db5d12e3 47s linear infinite;
}
.lp-bg .grid[data-v-db5d12e3] { position: absolute; inset: 0; background-image: radial-gradient(rgba(109,90,224,.13) 1px, transparent 1px); background-size: 30px 30px; -webkit-mask-image: radial-gradient(120% 80% at 50% 0%, #000 30%, transparent 78%); mask-image: radial-gradient(120% 80% at 50% 0%, #000 30%, transparent 78%);
}
.lp-bg .bubble[data-v-db5d12e3] { position: absolute; bottom: -60px; inset-inline-start: calc(var(--i) * 12%); width: 34px; height: 26px; border-radius: 14px 14px 14px 4px; background: linear-gradient(140deg, rgba(109,90,224,.28), rgba(34,211,238,.22)); animation: rise-db5d12e3 17s linear infinite; animation-delay: calc(var(--i) * -2.1s);
}
@keyframes float1-db5d12e3 {
0%,100% { transform: translate(0,0)
}
50% { transform: translate(-42px,38px)
}
}
@keyframes float2-db5d12e3 {
0%,100% { transform: translate(0,0)
}
50% { transform: translate(52px,-30px)
}
}
@keyframes spin-db5d12e3 {
to { transform: rotate(360deg)
}
}
@keyframes rise-db5d12e3 {
0% { transform: translateY(0) scale(.7); opacity: 0
}
12% { opacity: .9
}
100% { transform: translateY(-110vh) scale(1.15); opacity: 0
}
}
@media (prefers-reduced-motion: reduce) {
.lp-bg .blob[data-v-db5d12e3], .lp-bg .aurora[data-v-db5d12e3], .lp-bg .bubble[data-v-db5d12e3] { animation: none !important
}
.lp-bg .bubble[data-v-db5d12e3] { opacity: .3
}
}

/* nav */
.lp-nav[data-v-db5d12e3] { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); background: rgba(248,247,254,.65); border-bottom: 1px solid rgba(230, 226, 247, 0.5); transition: background 0.3s;
}
.nav-in[data-v-db5d12e3] { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 76px;
}
.brand[data-v-db5d12e3] { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink);
}
.brand-mark[data-v-db5d12e3] { width: 44px; height: 44px; display: block; flex-shrink: 0; border-radius: 12px; background: linear-gradient(135deg, #6D5AE0, #1A1442); box-shadow: 0 4px 12px rgba(109,90,224,.25); padding: 2px;
}
.brand-mark[data-v-db5d12e3] svg { width: 100%; height: 100%; display: block;
}
.brand-txt[data-v-db5d12e3] { display: flex; flex-direction: column; line-height: 1.2;
}
.brand-txt b[data-v-db5d12e3] { font-size: 1.15rem; font-weight: 800; letter-spacing: -0.01em;}
.brand-txt small[data-v-db5d12e3] { font-size: .8rem; color: var(--acc); font-weight: 700;
}
.nav-links[data-v-db5d12e3] { display: flex; align-items: center; gap: 6px;
}
.nl[data-v-db5d12e3] { color: var(--body); text-decoration: none; font-size: .95rem; font-weight: 700; padding: 10px 16px; border-radius: 12px; transition: all 0.2s;
}
.nl[data-v-db5d12e3]:hover { background: rgba(109,90,224,.08); color: var(--acc); transform: translateY(-1px);}
@media (max-width: 560px) {
.brand-txt small[data-v-db5d12e3] { display: none
}
.nl[data-v-db5d12e3] { padding: 8px 10px; font-size: .86rem
}
}
.btn[data-v-db5d12e3] { display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 28px; border-radius: 14px; font-weight: 700; font-size: 1.05rem; text-decoration: none; border: 1px solid transparent; transition: all .25s cubic-bezier(0.2, 0.8, 0.2, 1); position: relative; overflow: hidden;
}
.btn-sm[data-v-db5d12e3] { height: 44px; padding: 0 20px; font-size: .95rem; border-radius: 12px;
}
.btn-primary[data-v-db5d12e3] { background: linear-gradient(135deg, var(--acc), var(--acc2)); color: #fff; box-shadow: 0 10px 24px rgba(109,90,224,.3); border: 1px solid rgba(255,255,255,0.1);
}
.btn-primary[data-v-db5d12e3]:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(109,90,224,.4);
}
.btn-primary.shiny[data-v-db5d12e3]::after { content: ''; position: absolute; top: 0; inset-inline-start: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transform: skewX(-20deg); animation: shine-db5d12e3 5s infinite;
}
@keyframes shine-db5d12e3 {
0% { inset-inline-start: -100%
}
20% { inset-inline-start: 200%
}
100% { inset-inline-start: 200%
}
}
.btn-ghost[data-v-db5d12e3] { border-color: rgba(109,90,224,.3); color: var(--acc); background: rgba(255,255,255,.8); box-shadow: 0 4px 12px rgba(0,0,0,0.03); backdrop-filter: blur(4px);
}
.btn-ghost[data-v-db5d12e3]:hover { background: #fff; border-color: var(--acc); color: var(--acc); transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* scroll reveal animations */
.reveal[data-v-db5d12e3] { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.reveal.visible[data-v-db5d12e3] { opacity: 1; transform: translateY(0);
}
.d-1[data-v-db5d12e3] { transition-delay: 0.1s;
}
.d-2[data-v-db5d12e3] { transition-delay: 0.2s;
}
.d-3[data-v-db5d12e3] { transition-delay: 0.3s;
}
.d-4[data-v-db5d12e3] { transition-delay: 0.4s;
}
.lp-hero[data-v-db5d12e3] { position: relative; z-index: 1; padding: 60px 0 20px;
}
.hero-in[data-v-db5d12e3] { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center;
}
.hero-content[data-v-db5d12e3] { display: contents;
}
.pill[data-v-db5d12e3] { display: inline-flex; align-items: center; gap: 10px; font-size: .95rem; font-weight: 800; color: var(--acc); background: rgba(109,90,224,.12); border: 1px solid rgba(109,90,224,.2); border-radius: 999px; padding: 8px 20px; margin-bottom: 24px; box-shadow: 0 0 15px rgba(109,90,224,.1);
}
.pill .dot[data-v-db5d12e3] { width: 8px; height: 8px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 4px rgba(109,90,224,.25); animation: pulse-db5d12e3 2s infinite;
}
@keyframes pulse-db5d12e3 {
0% { box-shadow: 0 0 0 0 rgba(109,90,224,.4)
}
70% { box-shadow: 0 0 0 8px rgba(109,90,224,0)
}
100% { box-shadow: 0 0 0 0 rgba(109,90,224,0)
}
}
.hero-text h1[data-v-db5d12e3] { margin: 0; font-size: clamp(2.4rem, 4.5vw, 4rem); line-height: 1.25; color: var(--ink); font-weight: 900; letter-spacing: -0.02em;}
.text-slider[data-v-db5d12e3] { display: inline-grid; overflow: hidden; height: 1.15em; vertical-align: bottom;
}
.text-slider > span[data-v-db5d12e3] { grid-area: 1/1; animation: textSlideUp-db5d12e3 9s infinite; opacity: 0; transform: translateY(100%); padding-bottom: 5px;
}
.text-slider > span[data-v-db5d12e3]:nth-child(1) { animation-delay: 0s;
}
.text-slider > span[data-v-db5d12e3]:nth-child(2) { animation-delay: 3s;
}
.text-slider > span[data-v-db5d12e3]:nth-child(3) { animation-delay: 6s;
}
@keyframes textSlideUp-db5d12e3 {
0% { transform: translateY(100%); opacity: 0;
}
5%, 30% { transform: translateY(0); opacity: 1;
}
35%, 100% { transform: translateY(-100%); opacity: 0;
}
}
.grad[data-v-db5d12e3] { background: linear-gradient(100deg, var(--acc), var(--acc2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; padding-bottom: 10px; margin-bottom: -10px;}
.lead[data-v-db5d12e3] { margin: 24px 0 0; max-width: 38ch; font-size: 1.15rem; line-height: 1.8; color: var(--body); font-weight: 500;}
.cta[data-v-db5d12e3] { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 36px;
}
.hero-badges[data-v-db5d12e3] { display: flex; align-items: center; gap: 16px; margin-top: 32px; flex-wrap: wrap;
}
.hero-badge[data-v-db5d12e3] { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--body); font-weight: 700;
}
.hero-badge[data-v-db5d12e3]::before { content: '✓'; width: 22px; height: 22px; border-radius: 50%; background: rgba(109,90,224,.15); color: var(--acc); font-size: 12px; display: flex; align-items: center; justify-content: center; font-weight: 900;
}

/* Chat Preview in Hero */
.hero-visual[data-v-db5d12e3] { position: relative; perspective: 1000px; padding: 20px; margin-top: 20px;}
.floating-badge[data-v-db5d12e3] { position: absolute; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 12px 20px; box-shadow: 0 15px 35px rgba(26,20,66,0.08); font-size: 13px; font-weight: 800; display: flex; align-items: center; gap: 10px; z-index: 10; color: var(--ink); transform: translateZ(40px);
}
.fb-emoji[data-v-db5d12e3] { font-size: 1.4rem; line-height: 1;
}
.fb-right[data-v-db5d12e3] { top: 10%; inset-inline-end: -25px; animation: floatBadge-db5d12e3 4s ease-in-out infinite alternate;
}
.fb-left[data-v-db5d12e3] { bottom: 15%; inset-inline-start: -20px; animation: floatBadge-db5d12e3 5s ease-in-out infinite alternate-reverse;
}
@keyframes floatBadge-db5d12e3 {
0% { transform: translateZ(40px) translateY(0)
}
100% { transform: translateZ(40px) translateY(-12px)
}
}
.typing-indicator[data-v-db5d12e3] { display: flex; gap: 4px; padding: 4px;
}
.typing-indicator span[data-v-db5d12e3] { width: 6px; height: 6px; background: var(--acc); border-radius: 50%; animation: typingBounce-db5d12e3 1.4s infinite ease-in-out both;
}
.typing-indicator span[data-v-db5d12e3]:nth-child(1) { animation-delay: -0.32s;
}
.typing-indicator span[data-v-db5d12e3]:nth-child(2) { animation-delay: -0.16s;
}
@keyframes typingBounce-db5d12e3 {
0%, 80%, 100% { transform: scale(0);
}
40% { transform: scale(1);
}
}
.preview-card[data-v-db5d12e3] { background: #fff; border: 1px solid var(--line); border-radius: 24px; box-shadow: 0 25px 50px rgba(26,20,66,0.12); overflow: hidden; transform-style: preserve-3d; transition: transform 0.1s ease-out; animation: floatCard-db5d12e3 8s ease-in-out infinite; will-change: transform; text-align: right; display: flex; flex-direction: column;}
@keyframes floatCard-db5d12e3 {
0%, 100% { transform: translateY(0)
}
50% { transform: translateY(-15px)
}
}
.preview-header[data-v-db5d12e3] { background: #fff; padding: 16px 20px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line);}
.ph-avatar[data-v-db5d12e3] { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--acc2), var(--acc)); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem;
}
.ph-info[data-v-db5d12e3] { flex: 1; display: flex; flex-direction: column;
}
.ph-info strong[data-v-db5d12e3] { color: var(--ink); font-size: 15px; line-height: 1.2;}
.ph-info span[data-v-db5d12e3] { color: #10b981; font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 4px;}
.ph-info span[data-v-db5d12e3]::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #10b981;
}
.ph-icon[data-v-db5d12e3] { color: var(--body); font-weight: 900; font-size: 1.2rem; cursor: pointer;
}
.preview-body[data-v-db5d12e3] { padding: 20px; background: #F8F7FE; flex: 1; display: flex; flex-direction: column; gap: 16px; background-image: radial-gradient(rgba(109,90,224,.05) 1px, transparent 1px); background-size: 20px 20px;}
.chat-date[data-v-db5d12e3] { text-align: center; font-size: 11px; color: var(--body); background: rgba(109,90,224,0.08); padding: 4px 12px; border-radius: 12px; align-self: center; margin-bottom: 8px;}
.chat-bubble[data-v-db5d12e3] { padding: 12px 16px; border-radius: 16px; font-size: 14px; line-height: 1.5; max-width: 85%; position: relative; box-shadow: 0 2px 5px rgba(0,0,0,0.02);}
.chat-bubble.received[data-v-db5d12e3] { background: #fff; color: var(--ink); align-self: flex-start; border-start-start-radius: 4px; border: 1px solid var(--line);}
.chat-bubble.sent[data-v-db5d12e3] { background: linear-gradient(135deg, var(--acc), #5b48cc); color: #fff; align-self: flex-end; border-start-end-radius: 4px;
}
.chat-time[data-v-db5d12e3] { font-size: 10px; opacity: 0.7; margin-inline-start: 8px; display: inline-block; vertical-align: bottom;
}
.chat-status[data-v-db5d12e3] { display: inline-flex; align-items: center; gap: 4px; margin-inline-start: 8px;
}
.read-ticks[data-v-db5d12e3] { color: #22D3EE; font-size: 10px; font-weight: 900; letter-spacing: -2px;}
.chat-reply-preview[data-v-db5d12e3] { background: rgba(109,90,224,0.08); border-inline-start: 3px solid var(--acc); padding: 6px 10px; border-radius: 6px; margin-bottom: 8px; font-size: 12px; color: var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.preview-footer[data-v-db5d12e3] { background: #fff; padding: 16px 20px; border-top: 1px solid var(--line);
}
.chat-input-bar[data-v-db5d12e3] { background: #F8F7FE; border: 1px solid var(--line); border-radius: 24px; padding: 8px 16px; display: flex; align-items: center; gap: 12px;
}
.chat-input-fake[data-v-db5d12e3] { flex: 1; color: var(--body); font-size: 13px; opacity: 0.7;
}
.chat-icon[data-v-db5d12e3] { font-size: 1.2rem; filter: grayscale(1); opacity: 0.6;}
.chat-send-icon[data-v-db5d12e3] { color: var(--acc); font-size: 1.1rem; transform: rotate(180deg); display: inline-block;}

/* Stats Band */
.stats-band[data-v-db5d12e3] { background: #1A1442; padding: 50px 0; margin-top: 60px; position: relative; overflow: hidden; border-radius: 30px; box-shadow: 0 20px 40px rgba(26,20,66,.3);
}
.stats-band[data-v-db5d12e3]::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 50%, rgba(109,90,224,.2), transparent 50%), radial-gradient(ellipse at 20% 50%, rgba(34,211,238,.15), transparent 50%);
}
.stats-grid[data-v-db5d12e3] { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; z-index: 1;}
.stat-item[data-v-db5d12e3] { text-align: center; padding: 0 20px; border-inline-end: 1px solid rgba(255,255,255,0.1);
}
.stat-item[data-v-db5d12e3]:last-child { border-inline-end: none;
}
.stat-num[data-v-db5d12e3] { font-size: clamp(2rem, 3vw, 3.2rem); font-weight: 900; color: #fff; line-height: 1; margin-bottom: 8px;}
.stat-label[data-v-db5d12e3] { font-size: .95rem; color: rgba(255,255,255,0.6); font-weight: 600;
}

/* Clients Slider */
.clients-slider[data-v-db5d12e3] { padding: 40px 0 20px; margin-top: 20px;
}
.clients-title[data-v-db5d12e3] { text-align: center; font-size: 1.1rem; color: #9A93C4; font-weight: 700; margin-bottom: 30px; opacity: 0.8;}
.slider-track-wrap[data-v-db5d12e3] { overflow: hidden; width: 100%; position: relative; -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent); mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}
.slider-track[data-v-db5d12e3] { display: flex; width: max-content; animation: slideMarquee-db5d12e3 35s linear infinite;
}
.slider-track[data-v-db5d12e3]:hover { animation-play-state: paused;
}
.slide-item[data-v-db5d12e3] { display: flex; align-items: center; gap: 12px; padding: 12px 24px; margin: 0 15px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 4px 12px rgba(26,20,66,0.03); color: var(--ink); font-weight: 700; font-size: 1rem; transition: transform 0.2s ease, border-color 0.2s ease; cursor: default; white-space: nowrap;
}
.slide-item[data-v-db5d12e3]:hover { transform: translateY(-3px); border-color: var(--acc); box-shadow: 0 6px 16px rgba(109,90,224,0.1); color: var(--acc);
}
.dummy-icon[data-v-db5d12e3] { font-size: 1.2rem;
}
@keyframes slideMarquee-db5d12e3 {
0% { transform: translateX(0);
}
100% { transform: translateX(50%);
}
}
.feats[data-v-db5d12e3] { padding: 90px 24px 40px;
}
.section-head[data-v-db5d12e3] { text-align: center; max-width: 600px; margin: 0 auto 50px;
}
.section-head h2[data-v-db5d12e3] { font-size: clamp(1.8rem, 3.5vw, 2.6rem); color: var(--ink); font-weight: 900; margin-bottom: 16px; line-height: 1.2;}
.subtitle[data-v-db5d12e3] { font-size: 1.1rem; color: var(--body); line-height: 1.7; font-weight: 500;}
.grid-cards[data-v-db5d12e3] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
@media (max-width: 900px) {
.hero-in[data-v-db5d12e3] { grid-template-columns: 1fr; text-align: center;
}
.hero-text h1[data-v-db5d12e3] { margin: 0 auto;
}
.lead[data-v-db5d12e3] { margin: 24px auto 0;
}
.cta[data-v-db5d12e3], .hero-badges[data-v-db5d12e3] { justify-content: center;
}
.hero-visual[data-v-db5d12e3] { margin-top: 40px; max-width: 500px; margin-inline: auto;
}
.grid-cards[data-v-db5d12e3] { grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 560px) {
.grid-cards[data-v-db5d12e3] { grid-template-columns: 1fr;
}
.stats-grid[data-v-db5d12e3] { grid-template-columns: repeat(2, 1fr); gap: 30px;
}
.stat-item[data-v-db5d12e3] { border: none !important;
}
}
.card[data-v-db5d12e3] { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 36px 28px; transition: all .3s cubic-bezier(0.2, 0.8, 0.2, 1); position: relative; overflow: hidden;
}
.card[data-v-db5d12e3]::after { content: ''; position: absolute; bottom: 0; inset-inline-start: 0; inset-inline-end: 0; height: 4px; background: linear-gradient(90deg, var(--acc), var(--acc2)); transform: scaleX(0); transform-origin: right; transition: transform .3s ease;
}
.card[data-v-db5d12e3]:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(26,20,66,.08); border-color: transparent;
}
.card[data-v-db5d12e3]:hover::after { transform: scaleX(1); transform-origin: left;}
.ic[data-v-db5d12e3] { width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center; margin-bottom: 24px; transition: transform .3s ease;
}
.card:hover .ic[data-v-db5d12e3] { transform: scale(1.1) rotate(-5deg);
}
.ic svg[data-v-db5d12e3] { width: 30px; height: 30px;
}
.card h3[data-v-db5d12e3] { margin: 0 0 12px; font-size: 1.25rem; color: var(--ink); font-weight: 800;
}
.card p[data-v-db5d12e3] { margin: 0; font-size: 1rem; line-height: 1.7; color: var(--body); font-weight: 500;}
.closing[data-v-db5d12e3] { padding: 40px 24px 100px;
}
.closing-box[data-v-db5d12e3] { text-align: center; background: linear-gradient(135deg, var(--acc), #1A1442); border-radius: 32px; padding: 70px 30px; position: relative; overflow: hidden; color: #fff; box-shadow: 0 25px 50px rgba(26,20,66,.25); border: none;
}
.closing-bg[data-v-db5d12e3] { position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(255,255,255,.15), transparent 60%), radial-gradient(circle at bottom left, rgba(0,0,0,.15), transparent 60%); pointer-events: none;
}
.closing-box h2[data-v-db5d12e3] { margin: 0; font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 900; position: relative; z-index: 1;}
.closing-box p[data-v-db5d12e3] { margin: 16px auto 36px; font-size: 1.15rem; color: rgba(255,255,255,.9); max-width: 50ch; position: relative; z-index: 1;}
.closing-box .cta[data-v-db5d12e3] { position: relative; z-index: 1;
}
.lp-foot[data-v-db5d12e3] { position: relative; z-index: 1; background: #1A1442; color: #CFC9EC; border-top: 4px solid var(--acc);}
.foot-in[data-v-db5d12e3] { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 32px 24px;
}
.brand.sm[data-v-db5d12e3] { color: #fff; font-weight: 800;
}
.brand.sm .brand-mark[data-v-db5d12e3] { width: 34px; height: 34px;
}
.foot-note[data-v-db5d12e3] { margin: 0; font-size: .95rem;
}
.foot-note a[data-v-db5d12e3] { color: var(--acc2); text-decoration: none; font-weight: 700;
}
.foot-note a[data-v-db5d12e3]:hover { text-decoration: underline;
}
.foot-copy[data-v-db5d12e3] { font-size: .86rem; color: #9A93C4;
}

.auth-wrapper[data-v-d9aa6442] {
  min-block-size: 100vh;
  min-inline-size: 100%;
}
.auth-card[data-v-d9aa6442] {
  inline-size: 100%;
}

.auth-wrapper[data-v-b7f645e0] {
  min-height: 100vh;
}

.auth-wrapper[data-v-0fbcaa66] {
  min-block-size: 100vh;
}

.report-metric-card--clickable[data-v-ab5bf7f6] {
  cursor: pointer;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.report-metric-card--clickable[data-v-ab5bf7f6]:hover {
  box-shadow: 0 4px 16px rgba(var(--v-theme-on-surface), 0.12);
  transform: translateY(-1px);
}
.report-metric-card--clickable[data-v-ab5bf7f6]:focus-visible {
  outline: 2px solid rgb(var(--v-theme-primary));
  outline-offset: 2px;
}

.dashboard-chat-page[data-v-da4946e8] {
  min-block-size: calc(100vh - 180px);
}
.dashboard-chat-content[data-v-da4946e8] {
  min-block-size: 0;
}
[data-v-da4946e8] .dashboard-chat-content .chat-page-root {
  block-size: 100%;
  min-block-size: calc(100vh - 200px);
}
/* stylelint-disable scss/no-global-function-names */
.advanced-search-drawer[data-v-7f918c18] .v-navigation-drawer__content {
  display: flex;
  flex-direction: column;
}
.unified-search-input[data-v-7f918c18] .v-field {
  box-shadow: none !important;
  border-radius: 14px;
}
.unified-search-input[data-v-7f918c18] .v-field--focused {
  box-shadow: none !important;
}
.unified-search-input[data-v-7f918c18] .v-field__outline {
  --v-field-border-opacity: 0.45;
}
.unified-search-input[data-v-7f918c18] .v-field--focused .v-field__outline {
  --v-field-border-opacity: 0.8;
}
.fulltext-filters-panel[data-v-7f918c18] {
  background: rgba(var(--v-theme-surface), 0.6);
}
.navigation-controls[data-v-7f918c18] {
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.05);
  background: rgba(var(--v-theme-primary), 0.02);
}
.matched-messages-list[data-v-7f918c18] {
  max-height: 45vh;
  overflow-y: auto;
}
.matched-messages-list[data-v-7f918c18]::-webkit-scrollbar {
  width: 6px;
}
.matched-messages-list[data-v-7f918c18]::-webkit-scrollbar-thumb {
  background: rgba(var(--v-theme-on-surface), 0.2);
  border-radius: 3px;
}
.matched-message-item[data-v-7f918c18] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.matched-message-item[data-v-7f918c18]:hover {
  background: rgba(var(--v-theme-primary), 0.05);
}
.matched-message-item.v-list-item--active[data-v-7f918c18] {
  background: rgba(var(--v-theme-primary), 0.1);
  border-left: 3px solid rgb(var(--v-theme-primary));
}
.message-preview[data-v-7f918c18] {
  font-size: 13px;
  line-height: 1.4;
  color: rgba(var(--v-theme-on-surface), 0.7);
}
.message-preview[data-v-7f918c18] .keyword-highlight {
  background: #ffeb3b;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  font-weight: 600;
}
.empty-state[data-v-7f918c18] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  flex: 1;
}
.match-info[data-v-7f918c18] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filters-section[data-v-7f918c18] {
  max-height: 70vh;
  overflow-y: auto;
}
.filters-section[data-v-7f918c18]::-webkit-scrollbar {
  width: 6px;
}
.filters-section[data-v-7f918c18]::-webkit-scrollbar-thumb {
  background: rgba(var(--v-theme-on-surface), 0.2);
  border-radius: 3px;
}
.media-type-grid[data-v-7f918c18] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.media-type-btn[data-v-7f918c18] {
  justify-content: flex-start;
  padding: 8px 12px;
}
[data-v-7f918c18] .advanced-search-select-menu {
  margin-top: 4px;
  border-radius: 12px;
  overflow: hidden;
}
[data-v-7f918c18] .advanced-search-select-menu .v-list-item {
  min-height: 38px;
}
[data-v-7f918c18] .v-btn-toggle {
  width: 100%;
}
[data-v-7f918c18] .v-btn-toggle .v-btn {
  flex: 1;
}
.audit-log-drawer[data-v-426baee3] {
  display: flex;
  flex-direction: column;
}
.audit-scroll[data-v-426baee3] {
  flex: 1;
  overflow-y: auto;
  max-height: calc(100dvh - 220px);
}
.filter-chips-wrapper {
&[data-v-426baee3] {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--v-theme-on-surface), 0.12) transparent;
  padding-bottom: 2px;
  }
&[data-v-426baee3]::-webkit-scrollbar {
    height: 3px;
}
&[data-v-426baee3]::-webkit-scrollbar-track {
    background: transparent;
}
&[data-v-426baee3]::-webkit-scrollbar-thumb {
    background: rgba(var(--v-theme-on-surface), 0.15);
    border-radius: 4px;
}
}
.filter-chip-group {
&[data-v-426baee3] {
  flex-wrap: nowrap !important;
  padding: 2px 0;
  }
[data-v-426baee3] .v-chip-group__content {
    flex-wrap: nowrap !important;
}
}
.filter-chip[data-v-426baee3] {
  white-space: nowrap;
  flex-shrink: 0;
}
.audit-timeline-col[data-v-426baee3] {
  min-width: 32px;
}
.audit-connector[data-v-426baee3] {
  width: 2px;
  background: rgba(var(--v-theme-on-surface), 0.1);
  min-height: 8px;
  margin-top: 2px;
}
.audit-content[data-v-426baee3] {
  min-width: 0;
}
.audit-entry:last-child .audit-connector[data-v-426baee3] {
  display: none;
}
.audit-date-divider[data-v-426baee3] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgb(var(--v-theme-surface));
  padding: 4px 0;
}

.bookmarks-drawer[data-v-155cb6af] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.drawer-header[data-v-155cb6af] {
  padding: 16px;
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.drawer-title[data-v-155cb6af] {
  font-family: 'Alexandria', 'Almarai', sans-serif !important;
  font-weight: 700;
}
.empty-state[data-v-155cb6af] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  text-align: center;
}
.bookmarks-list[data-v-155cb6af] {
  flex: 1;
  overflow-y: auto;
}
.bookmark-item[data-v-155cb6af] {
  cursor: pointer;
  transition: background-color 0.2s;
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.06);
}
.bookmark-item[data-v-155cb6af]:hover {
  background-color: rgba(var(--v-theme-primary), 0.05);
}
.message-preview[data-v-155cb6af] {
  font-size: 13px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list-actions[data-v-155cb6af] {
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.12);
}
/* stylelint-disable scss/no-global-function-names */
.archived-chat-item[data-v-b49970c4] {
  transition: all 0.2s ease;
}
.archived-chat-item[data-v-b49970c4]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.chat-name-text[data-v-b49970c4] {
  color: rgb(var(--v-theme-on-surface));
  line-height: 1.3;
}
.text-truncate[data-v-b49970c4] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
}/* stylelint-disable scss/no-global-function-names */
.export-options[data-v-1a6250f9] .v-checkbox {
  margin-bottom: 8px;
}/* stylelint-disable scss/no-global-function-names */
.keyword-navigation-drawer[data-v-1ecfa545] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: rgb(var(--v-theme-surface));
}
.drawer-header[data-v-1ecfa545] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.1);
}
.search-section[data-v-1ecfa545] {
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.05);
}
.navigation-controls[data-v-1ecfa545] {
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.05);
  background: rgba(var(--v-theme-primary), 0.02);
}
.matched-messages-list[data-v-1ecfa545] {
  flex: 1;
  overflow-y: auto;
}
.matched-messages-list[data-v-1ecfa545]::-webkit-scrollbar {
  width: 6px;
}
.matched-messages-list[data-v-1ecfa545]::-webkit-scrollbar-thumb {
  background: rgba(var(--v-theme-on-surface), 0.2);
  border-radius: 3px;
}
.matched-message-item[data-v-1ecfa545] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.matched-message-item[data-v-1ecfa545]:hover {
  background: rgba(var(--v-theme-primary), 0.05);
}
.matched-message-item.v-list-item--active[data-v-1ecfa545] {
  background: rgba(var(--v-theme-primary), 0.1);
  border-left: 3px solid rgb(var(--v-theme-primary));
}
.message-preview[data-v-1ecfa545] {
  font-size: 13px;
  line-height: 1.4;
  color: rgba(var(--v-theme-on-surface), 0.7);
}
.message-preview[data-v-1ecfa545] .keyword-highlight {
  background: #ffeb3b;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  font-weight: 600;
}
.empty-state[data-v-1ecfa545] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.match-info[data-v-1ecfa545] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}/* stylelint-disable scss/no-global-function-names */
.location-map-preview[data-v-c69586d3] {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  line-height: 0;
  text-decoration: none;
}
.location-map-preview[data-v-c69586d3]:hover {
  opacity: 0.92;
}
.location-map-preview__embed[data-v-c69586d3] {
  display: block;
  border: 0;
  max-inline-size: 100%;
  pointer-events: none;
}
.message-with-mentions[data-v-d73e5038] .mention-tag {
  color: #4fc3f7;
  background-color: rgba(79, 195, 247, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.message-with-mentions[data-v-d73e5038] .mention-tag:hover {
  background-color: rgba(79, 195, 247, 0.25);
}

/* Preserve link styles */
.message-with-mentions[data-v-d73e5038] a {
  color: #64b5f6;
  text-decoration: underline;
}
/* stylelint-disable scss/no-global-function-names */
.message-reactions[data-v-cf35da36] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
  flex-wrap: wrap;
}
.reactions-list[data-v-cf35da36] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.reaction-chip[data-v-cf35da36] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.reaction-chip[data-v-cf35da36]:hover {
  transform: scale(1.1);
}
.reaction-chip .reaction-emoji[data-v-cf35da36] {
  font-size: 14px;
  margin-right: 2px;
}
.reaction-chip .reaction-count[data-v-cf35da36] {
  font-size: 11px;
  font-weight: 600;
}
.add-reaction-btn[data-v-cf35da36] {
  opacity: 0.7;
  transition: all 0.2s ease;
  background: #160a0a !important;
}
.add-reaction-btn[data-v-cf35da36]:hover {
  opacity: 1;
}
.reaction-picker[data-v-cf35da36] {
  min-width: 200px;
}
.reactions-grid[data-v-cf35da36] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.reaction-option[data-v-cf35da36] {
  font-size: 24px;
  padding: 0.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.reaction-option[data-v-cf35da36]:hover {
  background: rgba(var(--v-theme-primary), 0.1);
  transform: scale(1.2);
}
/* stylelint-disable scss/no-global-function-names */
/* ── Wrapper ────────────────────────────────────────────────── */
.poll-wrap[data-v-d0804945] {
  width: 100%;
  min-width: 220px;
}

/* ── Header ─────────────────────────────────────────────────── */
.poll-header[data-v-d0804945] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  opacity: 0.7;
}
.poll-header-label[data-v-d0804945] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ── Question ───────────────────────────────────────────────── */
.poll-question[data-v-d0804945] {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 2px;
}

/* ── Sub-label ──────────────────────────────────────────────── */
.poll-sublabel[data-v-d0804945] {
  font-size: 0.75rem;
  opacity: 0.55;
  margin-bottom: 10px;
  min-height: 4px;
}

/* ── Options ────────────────────────────────────────────────── */
.poll-options[data-v-d0804945] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.poll-option[data-v-d0804945] {
  border-radius: 8px;
  padding: 5px 4px 6px;
  transition: background 0.12s;
}
.poll-option.is-clickable[data-v-d0804945] {
  cursor: pointer;
}
.poll-option.is-clickable[data-v-d0804945]:hover {
  background: rgba(var(--v-theme-on-surface), 0.05);
}
.poll-option.is-selected[data-v-d0804945] {
  background: rgba(var(--v-theme-primary), 0.08);
}

/* ── Option row ─────────────────────────────────────────────── */
.poll-option-row[data-v-d0804945] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── Control (radio / checkbox / check icon) ────────────────── */
.poll-ctrl[data-v-d0804945] {
  flex-shrink: 0;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.poll-checkbox[data-v-d0804945] .v-selection-control {
  min-height: unset;
}
.poll-circle[data-v-d0804945] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(var(--v-theme-on-surface), 0.35);
  box-sizing: border-box;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.poll-circle.poll-circle--on[data-v-d0804945] {
  border-color: rgb(var(--v-theme-primary));
  border-width: 5px;
}

/* ── Option text ────────────────────────────────────────────── */
.poll-opt-text[data-v-d0804945] {
  flex: 1;
  font-size: 0.88rem;
  line-height: 1.3;
}
.poll-opt-text.poll-opt-text--voted[data-v-d0804945] {
  font-weight: 700;
  color: rgb(var(--v-theme-success));
}

/* ── Vote count ─────────────────────────────────────────────── */
.poll-opt-count[data-v-d0804945] {
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  opacity: 0.55;
  min-width: 14px;
  text-align: end;
}

/* ── Progress bar ───────────────────────────────────────────── */
.poll-bar-track[data-v-d0804945] {
  height: 5px;
  border-radius: 99px;
  margin-top: 5px;
  margin-inline-start: 30px;
  background: rgba(var(--v-theme-on-surface), 0.1);
  overflow: hidden;
}
.poll-bar-fill[data-v-d0804945] {
  height: 100%;
  border-radius: 99px;
  background: rgb(var(--v-theme-success));
  opacity: 0.55;
  transition: width 0.4s ease;
}
.poll-bar-fill--mine[data-v-d0804945] {
  opacity: 1;
}

/* ── Vote button ────────────────────────────────────────────── */
.poll-vote-btn[data-v-d0804945] {
  margin-top: 10px;
  font-weight: 700;
  font-size: 0.85rem;
}

/* ── Footer ─────────────────────────────────────────────────── */
.poll-foot[data-v-d0804945] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(var(--v-theme-on-surface), 0.08);
}
.poll-foot-count[data-v-d0804945] {
  font-size: 0.75rem;
  opacity: 0.5;
}
.poll-foot-link[data-v-d0804945] {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgb(var(--v-theme-success));
  padding: 0;
  line-height: 1;
}
.poll-foot-link[data-v-d0804945]:hover {
  opacity: 0.75;
}

/* ── Dialog ─────────────────────────────────────────────────── */
.pd-header[data-v-d0804945] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 14px 16px 10px;
}
.pd-title[data-v-d0804945] {
  font-size: 1rem;
  font-weight: 700;
}
.pd-sub[data-v-d0804945] {
  font-size: 0.75rem;
  opacity: 0.55;
  margin-top: 2px;
}
.pd-question[data-v-d0804945] {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 10px 16px 12px;
  background: rgba(var(--v-theme-primary), 0.06);
}
.pd-body[data-v-d0804945] {
  padding: 16px !important;
  overflow-y: auto;
  max-height: 65vh;
}
.pd-opt-label[data-v-d0804945] {
  font-size: 0.88rem;
  font-weight: 600;
}
.pd-track[data-v-d0804945] {
  height: 5px;
  border-radius: 99px;
  background: rgba(var(--v-theme-on-surface), 0.1);
  overflow: hidden;
}
.pd-track-fill[data-v-d0804945] {
  height: 100%;
  border-radius: 99px;
  background: rgb(var(--v-theme-success));
  transition: width 0.4s ease;
}
.pd-voter[data-v-d0804945] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
}
.pd-voter-name[data-v-d0804945] {
  font-size: 0.88rem;
}
.survey-card[data-v-6ec78164] {
  border-radius: 12px;
}

.view-once-cover[data-v-a6778b9d] {
  position: relative;
  width: 200px;
  height: 200px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.2s;
}
.view-once-cover[data-v-a6778b9d]:hover {
  transform: scale(1.05);
}
.view-once-cover[data-v-a6778b9d]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 30%, rgba(0, 0, 0, 0.3));
}
.view-once-content[data-v-a6778b9d] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.view-once-viewed[data-v-a6778b9d] {
  width: 200px;
  height: 120px;
  background: rgba(var(--v-theme-surface-variant), 0.3);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px dashed rgba(var(--v-theme-on-surface), 0.2);
}
.view-once-viewer[data-v-a6778b9d] {
  position: relative;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.media-container[data-v-a6778b9d] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px;
}
.view-once-image[data-v-a6778b9d] {
  max-height: 90vh;
  max-width: 100%;
}
.view-once-video[data-v-a6778b9d] {
  max-height: 90vh;
  max-width: 100%;
  border-radius: 8px;
}
.timer-warning[data-v-a6778b9d] {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  backdrop-filter: blur(10px);
}
/* stylelint-disable scss/no-global-function-names */
[data-v-2ae23ca9] .stared-icon path {
  fill: rgba(var(--v-theme-grey-900), 100%);
  stroke: rgba(var(--v-theme-grey-900), 100%);
}
.chat-content__actions[data-v-2ae23ca9] {
  overflow: visible;
}
.chat-content__actions__btn[data-v-2ae23ca9] {
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.chat-content__actions__btn[data-v-2ae23ca9]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: scale(1.1);
}
.message-actions-menu[data-v-2ae23ca9] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  backdrop-filter: blur(6px);
  background: color-mix(in srgb, rgb(var(--v-theme-surface)) 88%, rgb(var(--v-theme-background)));
}
.delete-submenu[data-v-2ae23ca9] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
}
.message-action-item[data-v-2ae23ca9] {
  margin-inline: 8px;
  min-block-size: 38px;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.message-action-item[data-v-2ae23ca9]:hover {
  background-color: rgba(var(--v-theme-primary), 0.08);
  transform: translateX(-2px);
}
.message-action-item.is-show-more[data-v-2ae23ca9] {
  background-color: rgba(var(--v-theme-info), 0.08);
}
.message-action-item.is-show-more[data-v-2ae23ca9]:hover {
  background-color: rgba(var(--v-theme-info), 0.16);
}
.message-action-item.is-danger[data-v-2ae23ca9]:hover {
  background-color: rgba(var(--v-theme-error), 0.1);
}
.chat-message-images-grid[data-v-72deaa56] {
  margin-bottom: 8px;
  max-width: 250px;
}
.image-wrapper[data-v-72deaa56] {
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}
.image-wrapper[data-v-72deaa56]:hover {
  transform: scale(1.05) translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.gif-wrapper[data-v-72deaa56] {
  position: relative;
}
.chat-message-multi-files[data-v-72deaa56] {
  display: grid;
  gap: 4px;
  margin-bottom: 8px;
  max-width: 300px;
}
.chat-message-multi-files.single-file[data-v-72deaa56] {
  grid-template-columns: 1fr;
  max-width: 250px;
}
.chat-message-multi-files.single-file .multi-file-item[data-v-72deaa56] {
  aspect-ratio: auto;
  min-height: 250px;
  max-height: 250px;
  width: 250px;
}
.chat-message-multi-files.two-files[data-v-72deaa56] {
  grid-template-columns: repeat(2, 1fr);
}
.chat-message-multi-files.multiple-files[data-v-72deaa56] {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 145px);
}
.multi-file-item[data-v-72deaa56] {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 1;
  min-height: 145px;
}
.multi-file-item.image-item[data-v-72deaa56],
.multi-file-item.video-item[data-v-72deaa56] {
  cursor: pointer;
  transition: transform 0.2s ease;
}
.multi-file-item.image-item[data-v-72deaa56]:hover,
.multi-file-item.video-item[data-v-72deaa56]:hover {
  transform: scale(1.02);
}
.multi-file-item .v-img[data-v-72deaa56] {
  width: 100%;
  height: 100%;
}
.video-link[data-v-72deaa56] {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.video-play-overlay[data-v-72deaa56] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.more-files-overlay[data-v-72deaa56] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.more-files-count[data-v-72deaa56] {
  color: white;
  font-size: 32px;
  font-weight: 600;
}
.document-item[data-v-72deaa56] {
  background: rgba(var(--v-theme-surface), 0.8);
  border: 1px solid rgba(var(--v-border-color), 0.2);
}
.document-link[data-v-72deaa56] {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.audio-item[data-v-72deaa56] {
  min-height: 145px;
  background: rgba(var(--v-theme-surface), 0.85);
  border: 1px solid rgba(var(--v-border-color), 0.16);
}
.audio-preview[data-v-72deaa56] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 12px;
  gap: 8px;
  text-align: center;
}
.audio-file-name[data-v-72deaa56] {
  width: 100%;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600;
}
.chat-message-audio-wrapper[data-v-72deaa56] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  max-width: 280px;
  border-radius: 14px;
  background: rgba(var(--v-theme-surface), 0.75);
  border: 1px solid rgba(var(--v-border-color), 0.16);
}
.chat-message-audio-header[data-v-72deaa56] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chat-message-audio-meta[data-v-72deaa56] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.chat-message-audio[data-v-72deaa56] {
  width: 100%;
  max-width: 100%;
}
.document-preview[data-v-72deaa56] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 12px;
  text-align: center;
}
.document-info[data-v-72deaa56] {
  margin-top: 8px;
  width: 100%;
}
.document-name[data-v-72deaa56] {
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.document-size[data-v-72deaa56] {
  font-size: 10px;
  opacity: 0.7;
  margin-top: 2px;
}
.gif-badge-message[data-v-72deaa56] {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 600px) {
.chat-message-multi-files[data-v-72deaa56] {
    max-width: 250px;
}
.chat-message-multi-files.single-file[data-v-72deaa56] {
    max-width: 220px;
}
.chat-message-multi-files.single-file .multi-file-item[data-v-72deaa56] {
    width: 220px;
    min-height: 220px;
    max-height: 220px;
}
.chat-message-multi-files.multiple-files[data-v-72deaa56] {
    grid-template-rows: repeat(2, 120px);
}
.multi-file-item[data-v-72deaa56] {
    min-height: 120px;
}
}

.reply-msg-container[data-v-a666eab8] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.reply-msg[data-v-a666eab8] {
  flex: 1;
  padding: 8px 12px;
  background: rgba(var(--v-theme-surface), 0.5);
  border-radius: 8px;
  border-left: 3px solid rgba(var(--v-theme-primary), 0.5);
  cursor: pointer;
  transition: all 0.2s ease;
}
.reply-msg[data-v-a666eab8]:hover {
  opacity: 0.85;
  background: rgba(var(--v-theme-surface), 0.7);
}
.reply-msg.has-actions[data-v-a666eab8] {
  opacity: 1;
}
.reply-msg__username[data-v-a666eab8] {
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  opacity: 0.85;
  text-transform: capitalize;
}
.reply-msg__text[data-v-a666eab8] {
  word-break: break-word;
  white-space: pre-wrap;
  margin-top: 4px;
}

/* File preview styles */
.reply-msg__file-preview[data-v-a666eab8] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.reply-msg__files-grid[data-v-a666eab8] {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}
.reply-msg__file-item[data-v-a666eab8] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.reply-msg__file-item[data-v-a666eab8]:hover {
  transform: scale(1.05);
}
.reply-msg__file-item--image[data-v-a666eab8] {
  width: 60px;
  height: 60px;
  background: rgba(var(--v-theme-surface), 0.8);
}
.reply-msg__file-item--video[data-v-a666eab8] {
  width: 60px;
  height: 60px;
  background: rgba(var(--v-theme-surface), 0.8);
}
.reply-msg__file-item--audio[data-v-a666eab8],
.reply-msg__file-item--document[data-v-a666eab8] {
  width: auto;
  padding: 8px 12px;
  background: rgba(var(--v-theme-surface), 0.8);
  flex-direction: column;
  gap: 4px;
}
.reply-msg__thumbnail[data-v-a666eab8] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reply-msg__video-icon[data-v-a666eab8] {
  position: absolute;
  font-size: 28px;
  pointer-events: none;
}
.reply-msg__file-name[data-v-a666eab8] {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.reply-msg__more-files[data-v-a666eab8] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  color: white;
  font-weight: 600;
  font-size: 14px;
}
.reply-msg__single-file[data-v-a666eab8] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.reply-msg__image-wrapper[data-v-a666eab8],
.reply-msg__video-wrapper[data-v-a666eab8] {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.reply-msg__image[data-v-a666eab8] {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
}
.reply-msg__audio-item[data-v-a666eab8],
.reply-msg__document-item[data-v-a666eab8] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(var(--v-theme-surface), 0.8);
  border-radius: 6px;
}

/* Action menu styling */
[data-v-a666eab8] .chat-content__actions {
  margin-left: 8px;
}
[data-v-a666eab8] .chat-content__actions__btn {
  width: 32px !important;
  height: 32px !important;
  min-width: auto !important;
}
/* stylelint-disable scss/no-global-function-names */
.chat-group[data-v-99f06dc1] {
  margin-bottom: 10px;
  animation: fadeInUp-99f06dc1 0.3s ease-out;
  animation-fill-mode: both;
  position: relative;
  overflow: visible;
  max-width: min(520px, 85%);
}
.chat-group--outgoing[data-v-99f06dc1] {
  margin-inline-start: auto;
  flex-direction: row-reverse;
}
.chat-group--incoming[data-v-99f06dc1] {
  margin-inline-end: auto;
}
.chat-content[data-v-99f06dc1] {
  position: relative;
  border-radius: 20px !important;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  backdrop-filter: blur(6px) saturate(1.15);
  transition: transform 0.2s ease, box-shadow 0.24s ease, border-color 0.2s ease;
}
.chat-content[data-v-99f06dc1]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
  border-color: rgba(var(--v-theme-primary), 0.24);
}
.chat-content.chat-left[data-v-99f06dc1] {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 20px !important;
  color: rgb(var(--v-theme-on-surface)) !important;
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.04), transparent 55%), var(--message-bg-received, rgba(var(--v-theme-on-surface), 0.12)) !important;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.14);
}
.chat-content.chat-right[data-v-99f06dc1] {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 20px !important;
  color: var(--message-font-color, #fff) !important;
  border-color: rgba(var(--v-theme-primary), 0.35);
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.12), transparent 55%), var(--message-bg-sent, rgb(var(--v-theme-primary))) !important;
  box-shadow: 0 10px 22px rgba(var(--v-theme-primary), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.chat-content.chat-content--poll[data-v-99f06dc1] {
  width: min(520px, 100vw - 140px);
  max-width: 100%;
}
@media (max-width: 600px) {
.chat-content.chat-content--poll[data-v-99f06dc1] {
    width: calc(100vw - 96px);
}
}
@keyframes fadeInUp-99f06dc1 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
/* Highlight animation for jump to message */
.highlight-message {
  animation: highlightPulse-99f06dc1 2s ease-in-out;
}
@keyframes highlightPulse-99f06dc1 {
0%, 100% {
    background-color: inherit;
}
50% {
    background-color: rgba(255, 193, 7, 0.3) !important;
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.5);
}
}
/* Emoji support for message content */
.chat-message[data-v-99f06dc1],
.chat-message[data-v-99f06dc1] * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", Roboto, Helvetica, Arial, sans-serif;
}

/* Translation display */
.message-translation[data-v-99f06dc1] {
  background: rgba(var(--v-theme-primary), 0.08);
  border-left: 3px solid rgb(var(--v-theme-primary));
  animation: fadeInSlide-99f06dc1 0.3s ease;
  border-radius: 12px;
}
@keyframes fadeInSlide-99f06dc1 {
from {
    opacity: 0;
    transform: translateY(-5px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.message-time-wrapper--outgoing[data-v-99f06dc1] {
  justify-content: flex-end;
}
.message-time-wrapper--incoming[data-v-99f06dc1] {
  justify-content: flex-start;
}
.message-status-icon[data-v-99f06dc1] {
  flex-shrink: 0;
  opacity: 1 !important;
  visibility: visible !important;
}/* stylelint-disable scss/no-global-function-names */
.widget-slide-enter-active[data-v-86a595bb],
.widget-slide-leave-active[data-v-86a595bb] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.widget-slide-enter-from[data-v-86a595bb] {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
}
.widget-slide-leave-to[data-v-86a595bb] {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
}
.fade-scale-enter-active[data-v-86a595bb],
.fade-scale-leave-active[data-v-86a595bb] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.fade-scale-enter-from[data-v-86a595bb],
.fade-scale-leave-to[data-v-86a595bb] {
  opacity: 0;
  transform: scale(0);
}
.live-chat-widget[data-v-86a595bb] {
  width: 480px;
  height: 550px;
  background: rgb(var(--v-theme-surface));
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: visible;
  z-index: 9999;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: bottom right;
  position: relative;
}
.live-chat-widget.is-dragging[data-v-86a595bb] {
  cursor: grabbing;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.35);
  transform: scale(1.02);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.live-chat-widget.is-resizing[data-v-86a595bb] {
  transition: none !important;
  user-select: none;
}
.live-chat-widget.is-maximized[data-v-86a595bb] {
  border-radius: 12px;
  animation: expandWidget-86a595bb 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.live-chat-widget.is-transitioning[data-v-86a595bb] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@keyframes expandWidget-86a595bb {
0% {
    transform: scale(0.9);
    opacity: 0.8;
}
50% {
    transform: scale(1.02);
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
.widget-header[data-v-86a595bb] {
  padding: 16px;
  background: linear-gradient(135deg, rgb(var(--v-theme-primary)) 0%, rgb(var(--v-theme-primary-darken-1)) 100%);
  color: white;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 10;
  transition: all 0.3s ease;
}
.widget-header .header-drag-area[data-v-86a595bb] {
  flex: 1;
  cursor: grab;
  min-width: 0;
  transition: all 0.2s ease;
}
.widget-header .header-drag-area[data-v-86a595bb]:active {
  cursor: grabbing;
}
.widget-header .header-drag-area[data-v-86a595bb]:hover {
  opacity: 0.95;
}
.widget-header .header-actions[data-v-86a595bb] {
  flex-shrink: 0;
  margin-left: auto;
  z-index: 11;
}
.widget-header .header-actions .v-btn[data-v-86a595bb] {
  background: rgba(255, 255, 255, 0.1) !important;
  transition: all 0.2s ease;
}
.widget-header .header-actions .v-btn[data-v-86a595bb]:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  transform: scale(1.1);
}
.widget-header .header-actions .v-btn[data-v-86a595bb]:active {
  transform: scale(0.95);
}
.widget-header .back-button[data-v-86a595bb] {
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px);
  transition: all 0.2s ease;
}
.widget-header .back-button[data-v-86a595bb]:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  transform: scale(1.05);
}
.widget-header .back-button[data-v-86a595bb]:active {
  transform: scale(0.95);
}
.widget-body[data-v-86a595bb] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0 0 16px 16px;
}
.messages-container[data-v-86a595bb] {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  background-color: var(--chat-log-bg, rgba(var(--v-theme-surface-variant), 0.3));
  background-image: var(--chat-background-image, none);
  background-size: var(--chat-background-size, auto);
  background-position: center;
  background-repeat: repeat;
  scroll-behavior: smooth;
}
.messages-container[data-v-86a595bb]::-webkit-scrollbar {
  width: 6px;
}
.messages-container[data-v-86a595bb]::-webkit-scrollbar-thumb {
  background: rgba(var(--v-theme-on-surface), 0.2);
  border-radius: 3px;
  transition: background 0.2s ease;
}
.messages-container[data-v-86a595bb]::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--v-theme-on-surface), 0.3);
}
.messages-container .messages-list.chat-log[data-v-86a595bb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.empty-state[data-v-86a595bb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  animation: fadeIn-86a595bb 0.5s ease;
}
@keyframes fadeIn-86a595bb {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.messages-list[data-v-86a595bb] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.chat-group-date[data-v-86a595bb] {
  text-align: center;
  font-size: 11px;
  color: rgba(var(--v-theme-on-surface), 0.5);
  margin: 8px 0;
  font-weight: 500;
  animation: fadeIn-86a595bb 0.3s ease;
}
.message-item[data-v-86a595bb] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  animation: messageSlide-86a595bb 0.3s ease;
}
.message-item.message-user[data-v-86a595bb] {
  flex-direction: row-reverse;
}
.message-item.message-user .message-content[data-v-86a595bb] {
  align-items: flex-end;
}
.message-item.message-user .message-bubble[data-v-86a595bb] {
  background: rgb(var(--v-theme-primary));
  color: white;
  border-bottom-right-radius: 4px;
}
.message-item.message-bot .message-bubble[data-v-86a595bb] {
  background: rgb(var(--v-theme-surface));
  border-bottom-left-radius: 4px;
}
.message-content[data-v-86a595bb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 70%;
}
.message-bubble[data-v-86a595bb] {
  padding: 10px 14px;
  border-radius: 12px;
  word-wrap: break-word;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.message-bubble[data-v-86a595bb]:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
@keyframes messageSlide-86a595bb {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.message-time[data-v-86a595bb] {
  font-size: 10px;
  opacity: 0.6;
  padding: 0 4px;
  transition: opacity 0.2s ease;
}
.input-container[data-v-86a595bb] {
  padding: 10px 12px;
  background: rgb(var(--v-theme-surface));
  border-top: 1px solid rgba(var(--v-theme-on-surface), 0.1);
  transition: all 0.2s ease;
}
.input-container .message-input[data-v-86a595bb] .v-field {
  border-radius: 24px;
  transition: all 0.2s ease;
}
.input-container .message-input[data-v-86a595bb] .v-field:focus-within {
  box-shadow: 0 0 0 2px rgba(var(--v-theme-primary), 0.2);
}
.input-container .send-btn[data-v-86a595bb] {
  border-radius: 50%;
  min-width: 40px;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(var(--v-theme-primary), 0.3);
  transition: all 0.2s ease;
}
.input-container .send-btn[data-v-86a595bb]:hover:not(:disabled) {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(var(--v-theme-primary), 0.4);
}
.input-container .send-btn[data-v-86a595bb]:disabled {
  box-shadow: none;
  opacity: 0.5;
}
.input-container .send-btn[data-v-86a595bb] .v-icon {
  color: white !important;
}
.resize-grip[data-v-86a595bb] {
  position: absolute;
  z-index: 10001;
}
.resize-grip-se[data-v-86a595bb] {
  bottom: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  cursor: nwse-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--v-theme-on-surface), 0.4);
  transition: color 0.2s;
}
.resize-grip-se[data-v-86a595bb]:hover {
  color: rgba(var(--v-theme-primary), 0.8);
}
.resize-grip-e[data-v-86a595bb] {
  top: 60px;
  right: 0;
  width: 5px;
  bottom: 60px;
  cursor: ew-resize;
}
.resize-grip-e[data-v-86a595bb]:hover {
  background: rgba(var(--v-theme-primary), 0.15);
  border-radius: 0 4px 4px 0;
}
.resize-grip-s[data-v-86a595bb] {
  bottom: 0;
  left: 60px;
  right: 60px;
  height: 5px;
  cursor: ns-resize;
}
.resize-grip-s[data-v-86a595bb]:hover {
  background: rgba(var(--v-theme-primary), 0.15);
  border-radius: 0 0 4px 4px;
}
.resize-grip-w[data-v-86a595bb] {
  top: 60px;
  left: 0;
  width: 5px;
  bottom: 60px;
  cursor: ew-resize;
}
.resize-grip-w[data-v-86a595bb]:hover {
  background: rgba(var(--v-theme-primary), 0.15);
  border-radius: 4px 0 0 4px;
}
.minimized-button[data-v-86a595bb] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  z-index: 9999;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: fixed;
}
.minimized-button[data-v-86a595bb]:hover {
  transform: scale(1.15) rotate(5deg);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
.minimized-button[data-v-86a595bb]:active {
  transform: scale(0.95);
}
.minimized-button[data-v-86a595bb] .v-badge__badge {
  animation: pulse-86a595bb 2s infinite;
}
@keyframes pulse-86a595bb {
0%, 100% {
    transform: scale(1);
    opacity: 1;
}
50% {
    transform: scale(1.1);
    opacity: 0.9;
}
}
@media (max-width: 600px) {
.live-chat-widget[data-v-86a595bb] {
    width: calc(100vw - 40px);
    max-width: 100vw;
    height: calc(100vh - 40px);
    max-height: 100vh;
}
.live-chat-widget.is-maximized[data-v-86a595bb] {
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    border-radius: 0;
}
.minimized-button[data-v-86a595bb] {
    width: 56px;
    height: 56px;
}
.resize-toggle-btn[data-v-86a595bb] {
    bottom: 60px;
    right: 16px;
}
}/* stylelint-disable scss/no-global-function-names */
.message-navigation[data-v-619f49ab] {
  position: fixed;
  right: 80px;
  bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 10;
  background: rgb(var(--v-theme-surface));
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  animation: slideInRight-619f49ab 0.3s ease;
}
@keyframes slideInRight-619f49ab {
from {
    opacity: 0;
    transform: translateX(20px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@media (max-width: 960px) {
.message-navigation[data-v-619f49ab] {
    right: 20px;
    bottom: 80px;
    padding: 6px;
}
}
.message-navigation .nav-btn[data-v-619f49ab] {
  animation: pulse-619f49ab 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.message-navigation .nav-btn[data-v-619f49ab]:hover:not(:disabled) {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(var(--v-theme-primary), 0.3);
}
.message-navigation .nav-btn[data-v-619f49ab]:active {
  transform: scale(0.95);
}
.message-navigation .nav-btn[data-v-619f49ab]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.message-navigation .nav-counter[data-v-619f49ab] {
  text-align: center;
  font-size: 11px;
  color: rgba(var(--v-theme-on-surface), 0.6);
  padding: 4px;
  font-weight: 600;
  min-width: 50px;
}
@keyframes pulse-619f49ab {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.05);
}
}/* stylelint-disable scss/no-global-function-names */
.pinned-messages-content[data-v-273247b7] {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: var(--chat-font-family, "Cairo"), "Almarai", sans-serif;
}
.empty-state[data-v-273247b7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  flex: 1;
}
.empty-state[data-v-273247b7] .text-h6,
.empty-state[data-v-273247b7] .text-caption {
  font-family: inherit !important;
}
.pinned-list[data-v-273247b7] {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
.pinned-message-item[data-v-273247b7] {
  border-radius: 12px;
  margin-bottom: 8px;
  background: rgba(var(--v-theme-surface), 1);
  border: 1px solid rgba(var(--v-theme-outline), 0.12);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  padding: 12px !important;
}
.pinned-message-item[data-v-273247b7]:hover {
  background: rgba(var(--v-theme-primary), 0.08);
  border-color: rgba(var(--v-theme-primary), 0.3);
  transform: translateX(-4px);
}
.pinned-message-item[data-v-273247b7]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: rgb(var(--v-theme-primary));
  border-radius: 0 3px 3px 0;
}
.message-sender[data-v-273247b7] {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}
.message-text[data-v-273247b7] {
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.8;
  margin-top: 4px;
}
.message-time[data-v-273247b7] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: rgba(var(--v-theme-on-surface), 0.5);
  margin-top: 8px;
}
.message-thumbnail[data-v-273247b7] {
  margin-top: 8px;
}
.border-t[data-v-273247b7] {
  border-top: 1px solid rgba(var(--v-theme-outline), 0.12);
}
.qr-dialog-card[data-v-f0e61486] {
  overflow: hidden;
  background: rgb(var(--v-theme-surface));
  font-family: 'Alexandria', 'Almarai', sans-serif !important;
}
.qr-dialog-card[data-v-f0e61486] * {
  font-family: inherit;
}
.qr-header-title[data-v-f0e61486],
.qr-header-subtitle[data-v-f0e61486] {
  font-family: 'Alexandria', 'Almarai', sans-serif !important;
}
.qr-image-wrapper[data-v-f0e61486] {
  position: relative;
  padding: 12px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
.qr-img[data-v-f0e61486] {
  display: block;
  border-radius: 8px;
}

/* Corner highlights */
.qr-corner[data-v-f0e61486] {
  position: absolute;
  width: 20px;
  height: 20px;
  border-color: rgb(var(--v-theme-primary));
  border-style: solid;
  border-radius: 3px;
}
.qr-corner.top-left[data-v-f0e61486]    { top: 4px; left: 4px; border-width: 3px 0 0 3px;
}
.qr-corner.top-right[data-v-f0e61486]   { top: 4px; right: 4px; border-width: 3px 3px 0 0;
}
.qr-corner.bottom-left[data-v-f0e61486] { bottom: 4px; left: 4px; border-width: 0 0 3px 3px;
}
.qr-corner.bottom-right[data-v-f0e61486]{ bottom: 4px; right: 4px; border-width: 0 3px 3px 0;
}
.qr-link-row[data-v-f0e61486] {
  max-width: 100%;
}
.qr-link-text[data-v-f0e61486] {
  background: rgba(var(--v-theme-on-surface), 0.05);
  font-size: 11px;
  color: rgba(var(--v-theme-on-surface), 0.6);
  letter-spacing: 0.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scheduled-item-card[data-v-2b68739f] {
  border: 1px solid rgba(var(--v-border-color), 0.2);
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 0.95) 0%, rgba(var(--v-theme-surface), 0.82) 100%);
  box-shadow: 0 6px 14px -12px rgba(0, 0, 0, 0.42);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.scheduled-item-card[data-v-2b68739f]:hover {
  border-color: rgba(var(--v-theme-primary), 0.45);
  box-shadow: 0 14px 28px -18px rgba(var(--v-theme-primary), 0.65);
  transform: translateY(-1px);
}
.scheduled-item-icon[data-v-2b68739f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(var(--v-theme-primary), 0.12);
}
.scheduled-item-title[data-v-2b68739f] {
  font-family: var(--chat-font-family, 'Cairo'), 'Almarai', 'Alexandria', sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 650;
  line-height: 1.25;
}
.scheduled-location-preview[data-v-2b68739f] {
  margin-inline-start: 48px;
}
.scheduled-location-link[data-v-2b68739f] {
  font-size: 0.8rem;
  color: rgb(var(--v-theme-primary));
  text-decoration: none;
}
.scheduled-location-link[data-v-2b68739f]:hover {
  text-decoration: underline;
}
.scheduled-item-subtitle[data-v-2b68739f] {
  margin-top: 2px;
}
.scheduled-item-meta[data-v-2b68739f] {
  font-family: var(--chat-font-family, 'Cairo'), 'Almarai', 'Alexandria', sans-serif !important;
  font-size: 0.82rem;
  line-height: 1.2;
  gap: 8px;
  flex-wrap: wrap;
}
.status-chip[data-v-2b68739f] {
  font-size: 0.67rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 999px;
}
.status-chip--pending[data-v-2b68739f] {
  color: rgb(var(--v-theme-warning));
  background: rgba(var(--v-theme-warning), 0.14);
}
.status-chip--sent[data-v-2b68739f] {
  color: rgb(var(--v-theme-success));
  background: rgba(var(--v-theme-success), 0.14);
}
.scheduled-item-actions[data-v-2b68739f] {
  gap: 2px;
}
.scheduled-item-card[data-v-2b68739f] .v-list-item__prepend {
  align-self: flex-start;
  margin-top: 2px;
  padding-inline-end: 10px;
}
.scheduled-item-card[data-v-2b68739f] .v-list-item__content {
  padding-block: 4px;
}
.scheduled-item-card[data-v-2b68739f] .v-list-item__append {
  align-self: flex-start;
  margin-top: 2px;
}

.scheduled-messages-list[data-v-36cf2e9b] {
  flex: 1;
  overflow-y: auto;
}
.scheduled-list[data-v-36cf2e9b] {
  background: transparent;
}

.scheduled-messages-drawer[data-v-f129d7a4] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.drawer-header[data-v-f129d7a4] {
  border-bottom: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.drawer-title[data-v-f129d7a4] {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--chat-font-family, 'Cairo'), 'Almarai', 'Alexandria', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0;
}
.scheduled-content-preview[data-v-f129d7a4] {
  border: 1px solid rgba(var(--v-border-color), 0.2);
  border-radius: 12px;
  padding: 12px;
  background: rgba(var(--v-theme-surface), 0.55);
}
.scheduled-video-preview[data-v-f129d7a4] {
  display: block;
  width: 100%;
  max-height: 180px;
  border-radius: 10px;
  background: rgba(var(--v-theme-on-surface), 0.06);
}
.scheduled-location-fields[data-v-f129d7a4] {
  border: 1px solid rgba(var(--v-border-color), 0.2);
  border-radius: 12px;
  padding: 12px;
  background: rgba(var(--v-theme-surface), 0.45);
}
.scheduled-location-link[data-v-f129d7a4] {
  color: rgb(var(--v-theme-primary));
  text-decoration: none;
  font-weight: 500;
}
.scheduled-location-link[data-v-f129d7a4]:hover {
  text-decoration: underline;
}
.scheduled-pagination[data-v-f129d7a4] {
  border-top: 1px solid rgba(var(--v-border-color), 0.14);
}
[data-v-f129d7a4] .scheduled-edit-field .v-field {
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), 0.22);
}
[data-v-f129d7a4] .scheduled-edit-field .v-field--focused {
  border-color: rgb(var(--v-theme-primary));
}
[data-v-f129d7a4] .scheduled-edit-field .v-field__outline {
  display: none;
}
[data-v-f129d7a4] .scheduled-edit-field input[type='datetime-local'] {
  border: 0 !important;
  box-shadow: none !important;
}
/* stylelint-disable scss/no-global-function-names */
.theme-customizer-drawer[data-v-58e4db0a] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #2a2c2d;
  overflow: hidden;
}
.customizer-header[data-v-58e4db0a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(56, 99, 217, 0.1) 0%, rgba(56, 99, 217, 0.05) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  flex-shrink: 0;
}
.customizer-content[data-v-58e4db0a] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.5rem;
  /* Custom Scrollbar */
}
.customizer-content[data-v-58e4db0a]::-webkit-scrollbar {
  width: 6px;
}
.customizer-content[data-v-58e4db0a]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}
.customizer-content[data-v-58e4db0a]::-webkit-scrollbar-thumb {
  background: rgba(56, 99, 217, 0.5);
  border-radius: 10px;
}
.customizer-content[data-v-58e4db0a]::-webkit-scrollbar-thumb:hover {
  background: rgba(56, 99, 217, 0.7);
}
.customizer-section[data-v-58e4db0a] {
  margin-bottom: 1rem;
}
.customizer-section .section-header[data-v-58e4db0a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(56, 99, 217, 0.2);
}
.color-picker-group[data-v-58e4db0a] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.75rem;
}
.color-picker-group .color-input[data-v-58e4db0a] {
  width: 80px;
  flex-shrink: 0;
}
.color-picker-group .color-input[data-v-58e4db0a] .v-field {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}
.color-picker-group .color-input[data-v-58e4db0a] .v-field input[type=color] {
  cursor: pointer;
  height: 40px;
  border-radius: 8px;
}
.color-picker-group[data-v-58e4db0a] .v-field {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}
.color-picker-group[data-v-58e4db0a] .v-field:hover {
  background: rgba(255, 255, 255, 0.08);
}
.preview-box[data-v-58e4db0a] {
  padding: 1rem;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.preview-box.message-preview[data-v-58e4db0a] {
  border-radius: 16px 16px 4px 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.preview-box p[data-v-58e4db0a] {
  font-size: 0.9rem;
  opacity: 0.9;
}
.size-chips[data-v-58e4db0a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.size-chips .v-chip[data-v-58e4db0a] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.size-chips .v-chip[data-v-58e4db0a]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(56, 99, 217, 0.3);
}
.presets-grid[data-v-58e4db0a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.preset-card[data-v-58e4db0a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 2px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}
.preset-card[data-v-58e4db0a]:hover {
  background: rgba(255, 255, 255, 0.05);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.preset-card.active[data-v-58e4db0a] {
  border-color: rgb(var(--v-theme-primary));
  background: rgba(56, 99, 217, 0.1);
  box-shadow: 0 0 20px rgba(56, 99, 217, 0.3);
}
.preset-card span[data-v-58e4db0a] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: center;
}
.preset-card .preset-colors[data-v-58e4db0a] {
  display: flex;
  gap: 0.25rem;
}
.preset-card .preset-colors .color-dot[data-v-58e4db0a] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.background-grid[data-v-58e4db0a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
.background-option[data-v-58e4db0a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 2px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}
.background-option[data-v-58e4db0a]:hover {
  background: rgba(255, 255, 255, 0.05);
  transform: scale(1.05);
}
.background-option.active[data-v-58e4db0a] {
  border-color: rgb(var(--v-theme-primary));
  background: rgba(56, 99, 217, 0.1);
}
.background-option span[data-v-58e4db0a] {
  font-size: 0.7rem;
  text-align: center;
}
.customizer-footer[data-v-58e4db0a] {
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-shrink: 0;
}
.customizer-footer .v-btn[data-v-58e4db0a] {
  border-radius: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.customizer-footer .v-btn[data-v-58e4db0a]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(56, 99, 217, 0.4);
}
[data-v-58e4db0a] .v-slider .v-slider-track__fill {
  background: linear-gradient(90deg, #3863D9 0%, #5c7cfa 100%);
}
[data-v-58e4db0a] .v-slider .v-slider-thumb {
  background: linear-gradient(135deg, #3863D9 0%, #5c7cfa 100%);
  box-shadow: 0 2px 8px rgba(56, 99, 217, 0.5);
}
[data-v-58e4db0a] .v-select .v-field {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}
[data-v-58e4db0a] .v-select .v-field:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* Responsive Design */
@media (max-width: 600px) {
.customizer-header[data-v-58e4db0a] {
    padding: 1rem;
}
.customizer-content[data-v-58e4db0a] {
    padding: 1rem;
}
.customizer-footer[data-v-58e4db0a] {
    padding: 1rem;
}
}
.thread-panel[data-v-edb270b3] {
  display: flex;
  flex-direction: column;
}
.thread-body[data-v-edb270b3] {
  overflow: hidden;
}
.thread-messages[data-v-edb270b3] {
  scroll-behavior: smooth;
}
.parent-bubble[data-v-edb270b3] {
  background: rgba(var(--v-theme-primary), 0.08);
  border-left: 3px solid rgb(var(--v-theme-primary));
}
.reply-bubble[data-v-edb270b3] {
  display: inline-block;
}
.reply-bubble--sent[data-v-edb270b3] {
  background: rgb(var(--v-theme-primary));
  color: #fff;
}
.reply-bubble--received[data-v-edb270b3] {
  background: rgba(var(--v-theme-on-surface), 0.08);
  color: rgb(var(--v-theme-on-surface));
}
.thread-input[data-v-edb270b3] {
  flex-shrink: 0;
}
.introjs-tour{transition:all .3s ease-out}.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}
/*# sourceMappingURL=introjs.css.map *//* stylelint-disable scss/no-global-function-names */
.disappearing-dialog-card[data-v-26183a0d] {
  font-family: var(--chat-font-family, "Cairo"), "Almarai", sans-serif;
}
.disappearing-dialog-card[data-v-26183a0d] .v-card-title,
.disappearing-dialog-card[data-v-26183a0d] .text-h6,
.disappearing-dialog-card[data-v-26183a0d] .v-alert,
.disappearing-dialog-card[data-v-26183a0d] .v-alert__content,
.disappearing-dialog-card[data-v-26183a0d] .v-alert .text-body-2,
.disappearing-dialog-card[data-v-26183a0d] .v-alert .text-caption {
  font-family: var(--chat-font-family, "Cairo"), "Almarai", sans-serif !important;
}
[data-v-26183a0d] .v-radio .v-selection-control {
  width: 100%;
}/* stylelint-disable scss/no-global-function-names */
.chat-preview-img-modal__container[data-v-acd483fa] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.95);
  cursor: pointer;
}
.preview-image[data-v-acd483fa] {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  cursor: default;
  animation: zoomIn-acd483fa 0.3s ease;
}
@keyframes zoomIn-acd483fa {
from {
    opacity: 0;
    transform: scale(0.9);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
.chat-preview-img-modal__btn[data-v-acd483fa] {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px);
  transition: all 0.2s ease;
}
.chat-preview-img-modal__btn[data-v-acd483fa]:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  transform: scale(1.1);
}
.image-counter[data-v-acd483fa] {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  z-index: 10;
  backdrop-filter: blur(10px);
}
.nav-arrow[data-v-acd483fa] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}
.nav-arrow[data-v-acd483fa]:hover {
  background: rgba(0, 0, 0, 0.8) !important;
  transform: translateY(-50%) scale(1.1);
}
.nav-arrow[data-v-acd483fa]:active {
  transform: translateY(-50%) scale(0.95);
}
.nav-arrow-left[data-v-acd483fa] {
  left: 20px;
}
.nav-arrow-right[data-v-acd483fa] {
  right: 20px;
}
.thumbnail-strip[data-v-acd483fa] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  z-index: 10;
  max-width: 90%;
  overflow-x: auto;
  cursor: default;
}
.thumbnail-strip[data-v-acd483fa]::-webkit-scrollbar {
  height: 4px;
}
.thumbnail-strip[data-v-acd483fa]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
}
.thumbnail-item[data-v-acd483fa] {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.thumbnail-item[data-v-acd483fa]:hover {
  transform: scale(1.1);
  border-color: rgba(255, 255, 255, 0.5);
}
.thumbnail-item.active[data-v-acd483fa] {
  border-color: white;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.5);
}
.thumbnail-item img[data-v-acd483fa] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 600px) {
.nav-arrow[data-v-acd483fa] {
    width: 40px;
    height: 40px;
}
.nav-arrow-left[data-v-acd483fa] {
    left: 10px;
}
.nav-arrow-right[data-v-acd483fa] {
    right: 10px;
}
.thumbnail-strip[data-v-acd483fa] {
    bottom: 10px;
    padding: 8px;
    gap: 6px;
}
.thumbnail-item[data-v-acd483fa] {
    width: 50px;
    height: 50px;
}
.image-counter[data-v-acd483fa] {
    top: 10px;
    font-size: 12px;
    padding: 6px 12px;
}
.chat-preview-img-modal__btn[data-v-acd483fa] {
    top: 10px;
    right: 10px;
}
}/* stylelint-disable scss/no-global-function-names */
.media-files-container[data-v-1e05d619] {
  height: 100%;
  background-color: rgb(var(--v-theme-surface));
}
.media-header[data-v-1e05d619] {
  border-bottom: 1px solid rgba(var(--v-border-color), 0.12);
}
.whatsapp-tabs[data-v-1e05d619] {
  border-bottom: 1px solid rgba(var(--v-border-color), 0.12);
}
.whatsapp-tabs[data-v-1e05d619] .v-btn-toggle {
  height: 42px;
  border-radius: 10px;
  background: rgba(var(--v-theme-on-surface), 0.05);
  border: 1px solid rgba(var(--v-border-color), 0.08);
}
.whatsapp-tabs[data-v-1e05d619] .v-btn-toggle .v-btn {
  border: none !important;
  border-radius: 8px !important;
  margin: 3px;
  min-height: 34px;
  font-size: 0.875rem;
  color: rgb(var(--v-theme-on-surface));
  opacity: 0.65;
  transition: all 0.25s ease;
  font-weight: 500;
}
.whatsapp-tabs[data-v-1e05d619] .v-btn-toggle .v-btn.v-btn--active {
  background: rgb(var(--v-theme-primary)) !important;
  color: rgb(var(--v-theme-on-primary)) !important;
  opacity: 1;
  box-shadow: 0 2px 8px rgba(var(--v-theme-primary), 0.25);
  font-weight: 600;
}
.whatsapp-tabs[data-v-1e05d619] .v-btn-toggle .v-btn:hover:not(.v-btn--active) {
  opacity: 0.9;
  background: rgba(var(--v-theme-on-surface), 0.08);
}
.whatsapp-tabs[data-v-1e05d619] .v-btn-toggle .v-btn:active:not(.v-btn--active) {
  transform: scale(0.96);
}
.media-content[data-v-1e05d619] {
  background-color: rgb(var(--v-theme-surface));
}
.group-header[data-v-1e05d619] {
  letter-spacing: 0.5px;
  color: rgba(var(--v-theme-on-surface), 0.5);
}
.media-grid[data-v-1e05d619] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
@media (max-width: 600px) {
.media-grid[data-v-1e05d619] {
    grid-template-columns: repeat(2, 1fr);
}
}
.media-grid-item[data-v-1e05d619] {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: rgba(var(--v-theme-on-surface), 0.03);
}
.media-grid-item[data-v-1e05d619]:hover {
  opacity: 0.85;
  transform: scale(0.98);
}
.media-grid-item[data-v-1e05d619]:active {
  transform: scale(0.95);
}
.media-thumbnail[data-v-1e05d619] {
  width: 100%;
  height: 100%;
  background: rgba(var(--v-theme-on-surface), 0.05);
}
.media-thumbnail[data-v-1e05d619] .v-img {
  width: 100%;
  height: 100%;
}
.video-thumbnail[data-v-1e05d619] {
  position: relative;
}
.video-thumbnail .video-overlay[data-v-1e05d619] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
}
.video-thumbnail .video-overlay .v-icon[data-v-1e05d619] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
.video-thumbnail .video-duration[data-v-1e05d619] {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}
.docs-list .doc-item[data-v-1e05d619] {
  border: 1px solid rgba(var(--v-border-color), 0.12);
  cursor: pointer;
  transition: all 0.2s ease;
  background: rgba(var(--v-theme-surface), 1);
  padding: 10px 12px !important;
}
.docs-list .doc-item[data-v-1e05d619]:hover {
  background: rgba(var(--v-theme-on-surface), 0.04);
  border-color: rgba(var(--v-border-color), 0.2);
  transform: translateX(-2px);
}
.docs-list .doc-item[data-v-1e05d619]:active {
  transform: scale(0.98);
}
.docs-list .doc-item[data-v-1e05d619] .v-list-item__prepend {
  margin-inline-end: 12px;
}
.links-list .link-item[data-v-1e05d619] {
  border: 1px solid rgba(var(--v-border-color), 0.12);
  cursor: pointer;
  transition: all 0.2s ease;
  background: rgba(var(--v-theme-surface), 1);
  padding: 12px !important;
}
.links-list .link-item[data-v-1e05d619]:hover {
  background: rgba(var(--v-theme-on-surface), 0.04);
  border-color: rgba(var(--v-border-color), 0.2);
  transform: translateX(-2px);
}
.links-list .link-item[data-v-1e05d619]:active {
  transform: scale(0.98);
}
.links-list .link-item[data-v-1e05d619] .v-list-item__prepend {
  margin-inline-end: 12px;
}
.links-list .link-item[data-v-1e05d619] .v-list-item-subtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  margin-top: 4px;
}
.media-viewer-drawer[data-v-1e05d619] .v-navigation-drawer__content {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.media-viewer-drawer[data-v-1e05d619] .chat-group,
.media-viewer-drawer[data-v-1e05d619] .chat-body,
.media-viewer-drawer[data-v-1e05d619] .chat-content {
  max-width: 100%;
}
.media-viewer-drawer[data-v-1e05d619] img,
.media-viewer-drawer[data-v-1e05d619] video {
  max-width: 100%;
}
.media-viewer-drawer .media-preview-content.media-only[data-v-1e05d619] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-viewer-drawer .media-preview-box[data-v-1e05d619] {
  max-width: 100%;
}
.media-viewer-drawer .media-preview-image[data-v-1e05d619],
.media-viewer-drawer .media-preview-video[data-v-1e05d619] {
  width: 100%;
  max-height: calc(100vh - 220px);
  border-radius: 14px;
  background: rgba(var(--v-theme-on-surface), 0.04);
  cursor: zoom-in;
  object-fit: contain;
}
.media-viewer-drawer .media-preview-time[data-v-1e05d619] {
  opacity: 0.8;
}
.media-viewer-drawer .border-b[data-v-1e05d619] {
  border-bottom: 1px solid rgba(var(--v-border-color), 0.2);
}/* stylelint-disable scss/no-global-function-names */ /* Group Info Sidebar - WhatsApp Modern Design */
.chat-options-list__item[data-v-20b7d8c7] {
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 12px 16px;
  border-radius: 10px;
  margin: 4px 0;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
}
.chat-options-list__item svg[data-v-20b7d8c7] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 24px;
}
.chat-options-list__item[data-v-20b7d8c7]:hover {
  background: rgba(var(--v-theme-on-surface), 0.06);
  opacity: 1;
  transform: translateX(4px);
}
.chat-options-list__item:hover svg[data-v-20b7d8c7] {
  transform: scale(1.15);
}
.chat-options-list__item[data-v-20b7d8c7]:active {
  transform: scale(0.98) translateX(2px);
}
.chat-options-list__item.disabled[data-v-20b7d8c7] {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.chat-options-list__item.text-error[data-v-20b7d8c7] {
  color: rgb(var(--v-theme-error));
}
.chat-options-list__item.text-error[data-v-20b7d8c7]:hover {
  background: rgba(var(--v-theme-error), 0.08);
}
.chat-options-list .v-selection-control .v-label[data-v-20b7d8c7] {
  word-break: normal;
  overflow: unset;
}
.chat-options-list .v-expansion-panel-text__wrapper[data-v-20b7d8c7] {
  padding: 0;
}
.chat-options-list .v-expansion-panel-title[data-v-20b7d8c7] {
  min-height: auto;
}

/* Group Info Header - Modern Glass Design */
.group-info-header[data-v-20b7d8c7] {
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.1) 0%, rgba(var(--v-theme-secondary), 0.06) 100%);
  border-radius: 20px;
  margin: 8px;
  border: 1px solid rgba(var(--v-theme-primary), 0.15);
  animation: fadeInDown-20b7d8c7 0.5s ease-out;
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.group-info-header .group-avatar[data-v-20b7d8c7] {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border: 3px solid rgba(var(--v-theme-surface), 1);
  animation: zoomIn-20b7d8c7 0.5s ease;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.group-info-header .group-avatar[data-v-20b7d8c7]:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}
.group-info-header h2[data-v-20b7d8c7] {
  letter-spacing: 0.3px;
  transition: all 0.2s ease;
}
.group-info-header p[data-v-20b7d8c7] {
  transition: all 0.2s ease;
}
.group-description[data-v-20b7d8c7] {
  padding: 12px 16px;
  background: rgba(var(--v-theme-surface), 0.6);
  border-radius: 12px;
  border: 1px solid rgba(var(--v-border-color), 0.15);
  font-size: 0.9rem;
  line-height: 1.5;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 8px;
}
.group-description[data-v-20b7d8c7]:hover {
  background: rgba(var(--v-theme-surface), 0.8);
  border-color: rgba(var(--v-border-color), 0.25);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Group Action Buttons */
.group-action-btn[data-v-20b7d8c7] {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1.5px solid rgba(var(--v-theme-primary), 0.25);
  background: rgba(var(--v-theme-primary), 0.04);
}
.group-action-btn[data-v-20b7d8c7]:hover {
  background: rgba(var(--v-theme-primary), 0.1);
  border-color: rgba(var(--v-theme-primary), 0.5);
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(var(--v-theme-primary), 0.2);
}
.group-action-btn[data-v-20b7d8c7]:active {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(var(--v-theme-primary), 0.12);
}
.group-action-btn[data-v-20b7d8c7]:focus {
  box-shadow: 0 0 0 3px rgba(var(--v-theme-primary), 0.15);
}
.group-info-content[data-v-20b7d8c7] {
  max-height: calc(100vh - 300px);
}

/* Members List - Modern Card Design */
.members-list[data-v-20b7d8c7] {
  border-radius: 16px;
  background: rgba(var(--v-theme-surface), 0.4);
  border: 1px solid rgba(var(--v-border-color), 0.12);
  overflow: hidden;
  transition: all 0.3s ease;
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.members-list .v-list-item[data-v-20b7d8c7] {
  border-radius: 12px;
  margin: 6px 8px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  background: rgba(var(--v-theme-surface), 0.5);
}
.members-list .v-list-item[data-v-20b7d8c7]:hover {
  background: rgba(var(--v-theme-primary), 0.08);
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.members-list .v-list-item[data-v-20b7d8c7]:active {
  transform: scale(0.98) translateX(2px);
}
.members-list .v-list-item .v-list-item-title[data-v-20b7d8c7] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.members-list .v-list-item .v-list-item-subtitle[data-v-20b7d8c7] {
  font-size: 0.8rem;
  font-weight: 400;
}
.members-list .v-list-item__prepend[data-v-20b7d8c7] {
  margin-right: 12px;
}
.members-list .v-avatar[data-v-20b7d8c7] {
  transition: all 0.2s ease;
}
.members-list .v-avatar[data-v-20b7d8c7]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.group-options-list > .chat-options-list__item[data-v-20b7d8c7] {
  padding-left: 0;
  padding-right: 0;
}
.group-options-list > .chat-options-list__item[data-v-20b7d8c7]:first-child {
  margin-top: 8px;
}

/* Media Preview Card */
.media-preview-card[data-v-20b7d8c7] {
  border: 1px solid rgba(var(--v-border-color), 0.12);
  border-radius: 16px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgba(var(--v-theme-surface), 0.4);
  overflow: hidden;
  cursor: pointer;
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.media-preview-card[data-v-20b7d8c7]:hover {
  background: rgba(var(--v-theme-primary), 0.06);
  border-color: rgba(var(--v-border-color), 0.2);
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}
.media-preview-card[data-v-20b7d8c7]:active {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.media-thumbnails-row[data-v-20b7d8c7] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 8px 0;
}
.media-thumbnail-item[data-v-20b7d8c7] {
  position: relative;
  aspect-ratio: 1;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(var(--v-theme-on-surface), 0.04);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(var(--v-border-color), 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.media-thumbnail-item[data-v-20b7d8c7]:hover {
  transform: scale(1.05);
  border-color: rgba(var(--v-border-color), 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.media-thumbnail-item.empty-slot[data-v-20b7d8c7] {
  border: 2px dashed rgba(var(--v-border-color), 0.2);
  background: rgba(var(--v-theme-on-surface), 0.02);
}
.media-thumbnail-item img[data-v-20b7d8c7],
.media-thumbnail-item .v-img[data-v-20b7d8c7] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-thumbnail-item img[data-v-20b7d8c7]:hover,
.media-thumbnail-item .v-img[data-v-20b7d8c7]:hover {
  filter: brightness(1.1) contrast(1.05);
}
.video-indicator[data-v-20b7d8c7] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  animation: pulse-20b7d8c7 2.5s ease-in-out infinite;
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.stats-row[data-v-20b7d8c7] {
  border-top: 1px solid rgba(var(--v-border-color), 0.12);
  padding-top: 12px;
  gap: 16px;
  display: flex;
  justify-content: space-around;
}
.stats-row > div[data-v-20b7d8c7] {
  transition: all 0.3s ease;
  text-align: center;
  flex: 1;
}
.stats-row > div[data-v-20b7d8c7]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
.empty-media-state[data-v-20b7d8c7] {
  background: rgba(var(--v-theme-on-surface), 0.03);
  border-radius: 12px;
  border: 2px dashed rgba(var(--v-border-color), 0.15);
  padding: 28px 20px;
  transition: all 0.2s ease;
}
.storage-info-card[data-v-20b7d8c7] {
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.08) 0%, rgba(var(--v-theme-secondary), 0.04) 100%);
  border: 1px solid rgba(var(--v-border-color), 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.storage-info-card[data-v-20b7d8c7]:hover {
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.12) 0%, rgba(var(--v-theme-secondary), 0.08) 100%);
  border-color: rgba(var(--v-border-color), 0.3);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.storage-info-card .text-end[data-v-20b7d8c7] {
  line-height: 1.2;
}
.storage-info-card .gap-2[data-v-20b7d8c7] {
  gap: 0.5rem;
}
.storage-info-card .v-progress-linear[data-v-20b7d8c7] {
  transition: all 0.4s ease;
  border-radius: 3px;
}
.storage-info-card .v-progress-linear[data-v-20b7d8c7]:hover {
  transform: scaleY(1.25);
}

/* Animations */
@keyframes fadeInDown-20b7d8c7 {
from {
    opacity: 0;
    transform: translateY(-15px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes zoomIn-20b7d8c7 {
from {
    opacity: 0;
    transform: scale(0.92);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes slideIn-20b7d8c7 {
from {
    opacity: 0;
    transform: translateX(-10px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes pulse-20b7d8c7 {
0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
50% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes float-20b7d8c7 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-4px);
}
}
/* RTL Support */
[data-v-20b7d8c7] .v-locale--is-rtl .group-action-btn,[data-v-20b7d8c7] .v-locale--is-rtl .chat-options-list__item {
  direction: rtl;
}
[data-v-20b7d8c7] .v-locale--is-rtl .group-action-btn:hover,[data-v-20b7d8c7] .v-locale--is-rtl .chat-options-list__item:hover {
  transform: translateX(-4px);
}
[data-v-20b7d8c7] .v-locale--is-rtl .group-action-btn:active,[data-v-20b7d8c7] .v-locale--is-rtl .chat-options-list__item:active {
  transform: scale(0.98) translateX(-2px);
}
[data-v-20b7d8c7] .v-locale--is-rtl .group-action-btn svg,[data-v-20b7d8c7] .v-locale--is-rtl .chat-options-list__item svg {
  margin-left: auto;
  margin-right: 0;
}
[data-v-20b7d8c7] .v-locale--is-rtl .media-thumbnail-item:hover {
  transform: scaleX(-1.05) scaleY(1.05);
}
[data-v-20b7d8c7] .v-locale--is-rtl .members-list .v-list-item:hover {
  transform: translateX(-4px);
}
[data-v-20b7d8c7] .v-locale--is-rtl .members-list .v-list-item:hover:active {
  transform: scale(0.98) translateX(-2px);
}
[data-v-20b7d8c7] .v-locale--is-rtl .group-description {
  text-align: right;
}

/* Responsive Design */
@media (max-width: 600px) {
.group-info-header[data-v-20b7d8c7] {
    margin: 4px;
    padding: 12px;
}
.group-action-btn[data-v-20b7d8c7] {
    padding: 8px;
}
.media-thumbnails-row[data-v-20b7d8c7] {
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
}
.stats-row[data-v-20b7d8c7] {
    flex-direction: column;
    gap: 8px;
}
.stats-row .v-divider[data-v-20b7d8c7] {
    display: none;
}
.members-list .v-list-item[data-v-20b7d8c7] {
    margin: 2px 4px;
}
.group-info-content[data-v-20b7d8c7] {
    padding-left: 12px;
    padding-right: 12px;
}
}
/* Dark Mode Adjustments */
[data-v-20b7d8c7] .v-theme--dark .group-info-header {
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.12) 0%, rgba(var(--v-theme-secondary), 0.12) 100%);
}
[data-v-20b7d8c7] .v-theme--dark .media-thumbnail-item {
  background: rgba(var(--v-theme-on-surface), 0.08);
}
[data-v-20b7d8c7] .v-theme--dark .media-thumbnail-item.empty-slot {
  background: rgba(var(--v-theme-on-surface), 0.05);
}
[data-v-20b7d8c7] .v-theme--dark .members-list {
  background: rgba(var(--v-theme-surface), 0.6);
}

/* Modern Group Profile Refresh */
.group-profile-modern-shell .profile-close-row[data-v-20b7d8c7] {
  padding-top: 6px;
}
.group-profile-modern-shell .group-hero-card[data-v-20b7d8c7] {
  position: relative;
  border: 1px solid rgba(var(--v-theme-primary), 0.2);
  border-radius: 22px;
  background: radial-gradient(circle at 14% 10%, rgba(var(--v-theme-primary), 0.28), transparent 36%), linear-gradient(160deg, rgba(var(--v-theme-surface), 0.97), rgba(var(--v-theme-surface), 0.84));
  backdrop-filter: blur(14px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
.group-profile-modern-shell .group-hero-card[data-v-20b7d8c7]::after {
  content: "";
  position: absolute;
  inset: auto -20% -55% -20%;
  height: 120px;
  background: radial-gradient(circle, rgba(var(--v-theme-primary), 0.2), transparent 60%);
  pointer-events: none;
}
.group-profile-modern-shell .group-name-title[data-v-20b7d8c7] {
  font-size: 1.2rem;
  letter-spacing: 0.2px;
}
.group-profile-modern-shell .group-meta-line[data-v-20b7d8c7] {
  opacity: 0.9;
  font-weight: 500;
}
.group-profile-modern-shell .group-actions-row[data-v-20b7d8c7] {
  padding: 6px 10px 2px;
}
.group-profile-modern-shell .group-action-btn[data-v-20b7d8c7] {
  border-radius: 12px !important;
  border-width: 1px;
  background: rgba(var(--v-theme-surface), 0.5);
}
.group-profile-modern-shell .profile-scroll-area[data-v-20b7d8c7] {
  border-top: 1px solid rgba(var(--v-theme-on-surface), 0.08);
}
.group-profile-modern-shell .chat-options-list__item[data-v-20b7d8c7] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.07);
  background: rgba(var(--v-theme-surface), 0.28);
  border-radius: 13px;
  padding: 11px 12px;
}
.group-profile-modern-shell .chat-options-list__item[data-v-20b7d8c7]:hover {
  border-color: rgba(var(--v-theme-primary), 0.28);
  background: rgba(var(--v-theme-primary), 0.08);
  transform: translateY(-1px);
}
.group-profile-modern-shell .members-section-card[data-v-20b7d8c7],
.group-profile-modern-shell .settings-section-card[data-v-20b7d8c7],
.group-profile-modern-shell .created-by-card[data-v-20b7d8c7] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.1);
  border-radius: 14px;
  background: rgba(var(--v-theme-surface), 0.34);
  backdrop-filter: blur(10px);
  padding: 12px;
}
.group-profile-modern-shell .members-list[data-v-20b7d8c7] {
  background: rgba(var(--v-theme-surface), 0.2);
  border-color: rgba(var(--v-theme-on-surface), 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}/* stylelint-disable scss/no-global-function-names */
.favorite-groups-drawer[data-v-20b7d8c7] {
  font-family: "Alexandria", "Almarai", sans-serif !important;
}
.favorite-groups-drawer[data-v-20b7d8c7] * {
  font-family: inherit !important;
}/* stylelint-disable scss/no-global-function-names */
.group-members-modal[data-v-2918adbf] .v-card-title,
.group-members-modal[data-v-2918adbf] .v-card-text,
.group-members-modal[data-v-2918adbf] .v-card-actions,
.group-members-modal[data-v-2918adbf] .text-body-2,
.group-members-modal[data-v-2918adbf] .v-list-item-title,
.group-members-modal[data-v-2918adbf] .v-list-item-subtitle,
.group-members-modal[data-v-2918adbf] .v-btn__content,
.group-members-modal[data-v-2918adbf] .v-chip__content {
  font-family: "Alexandria", "Almarai", sans-serif !important;
}/* stylelint-disable scss/no-global-function-names */
.report-reason-label[data-v-302f6a35] {
  color: rgba(var(--v-theme-on-surface), 0.75);
  font-size: 0.9rem;
  font-weight: 500;
}
.report-reason-counter[data-v-302f6a35] {
  direction: ltr;
  text-align: end;
  color: rgba(var(--v-theme-on-surface), 0.65);
  font-size: 0.8rem;
}
.report-reason-field[data-v-302f6a35] .v-field {
  border: 1px solid rgba(var(--v-border-color), 0.35);
  border-radius: 12px;
  box-shadow: none !important;
}
.report-reason-field[data-v-302f6a35] .v-field__outline {
  display: none;
}
.report-reason-field[data-v-302f6a35] .v-field.v-field--focused {
  border-color: rgb(var(--v-theme-primary));
  box-shadow: none !important;
}
.report-reason-field[data-v-302f6a35] textarea {
  resize: none;
}/* stylelint-disable scss/no-global-function-names */ /* User Info Sidebar - Full Redesign */
.chat-app-layout .active-chat-user-profile-sidebar .v-navigation-drawer__content[data-v-a27a967d] {
  padding: 0 !important;
}
.user-profile-modern-shell[data-v-a27a967d] {
  --profile-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --profile-radius: 18px;
  --profile-shadow: 0 18px 38px rgba(8, 14, 32, 0.2);
  --profile-accent-a: 34, 197, 194;
  --profile-accent-b: 251, 146, 60;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  block-size: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  animation: shell-intro-a27a967d 0.6s var(--profile-ease) both;
  background: linear-gradient(165deg, rgba(9, 16, 34, 0.38), rgba(11, 19, 38, 0.16)), repeating-linear-gradient(-35deg, rgba(255, 255, 255, 0.028) 0, rgba(255, 255, 255, 0.028) 8px, transparent 8px, transparent 18px);
}
.user-profile-modern-shell[data-v-a27a967d]::before, .user-profile-modern-shell[data-v-a27a967d]::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  z-index: -1;
  filter: blur(38px);
  opacity: 0.55;
}
.user-profile-modern-shell[data-v-a27a967d]::before {
  inset-inline-end: -62px;
  top: 32px;
  width: 176px;
  height: 176px;
  background: rgba(var(--profile-accent-a), 0.45);
  animation: float-orb-a27a967d 10s ease-in-out infinite;
}
.user-profile-modern-shell[data-v-a27a967d]::after {
  inset-inline-start: -56px;
  bottom: 80px;
  width: 148px;
  height: 148px;
  background: rgba(var(--profile-accent-b), 0.32);
  animation: float-orb-a27a967d 12s ease-in-out infinite reverse;
}
.user-profile-modern-shell .profile-close-row[data-v-a27a967d] {
  padding-top: 6px;
  flex-shrink: 0;
}
.user-profile-modern-shell .user-hero-card[data-v-a27a967d] {
  position: relative;
  border: 1px solid rgba(var(--profile-accent-a), 0.34);
  border-radius: 20px;
  margin: 8px;
  background: radial-gradient(circle at 0% 0%, rgba(var(--profile-accent-a), 0.24), transparent 45%), radial-gradient(circle at 100% 100%, rgba(var(--profile-accent-b), 0.2), transparent 42%), linear-gradient(160deg, rgba(18, 29, 53, 0.92), rgba(22, 33, 60, 0.72));
  backdrop-filter: blur(18px) saturate(1.2);
  box-shadow: var(--profile-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  overflow: hidden;
  animation: hero-drop-a27a967d 0.75s var(--profile-ease) both;
}
.user-profile-modern-shell .user-hero-card[data-v-a27a967d]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(118deg, transparent 12%, rgba(255, 255, 255, 0.14) 40%, transparent 60%);
  transform: translateX(-135%);
  pointer-events: none;
  animation: hero-sweep-a27a967d 4s ease-in-out 1.2s infinite;
}
.user-profile-modern-shell .user-hero-card[data-v-a27a967d]::after {
  content: "";
  position: absolute;
  inset: auto -20% -52% -20%;
  height: 130px;
  background: radial-gradient(circle, rgba(var(--profile-accent-a), 0.22), transparent 62%);
  pointer-events: none;
}
.user-profile-modern-shell .user-hero-card .chat-user-profile-badge[data-v-a27a967d] {
  animation: badge-pop-a27a967d 0.55s var(--profile-ease) 0.12s both;
}
.user-profile-modern-shell .user-hero-card .user-avatar[data-v-a27a967d] {
  box-shadow: 0 12px 36px rgba(5, 12, 30, 0.35);
  border: 3px solid rgba(var(--v-theme-surface), 1);
  transition: transform 0.35s var(--profile-ease), box-shadow 0.35s ease;
}
.user-profile-modern-shell .user-hero-card .user-avatar[data-v-a27a967d]:hover {
  transform: translateY(-2px) scale(1.06);
  box-shadow: 0 20px 40px rgba(5, 12, 30, 0.42);
}
.user-profile-modern-shell .user-hero-card .user-name-title[data-v-a27a967d] {
  font-size: 1.24rem;
  letter-spacing: 0.25px;
  text-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
  animation: content-rise-a27a967d 0.48s var(--profile-ease) 0.2s both;
}
.user-profile-modern-shell .user-hero-card .user-meta-line[data-v-a27a967d] {
  font-weight: 600;
  opacity: 0.92;
  word-break: break-word;
  animation: content-rise-a27a967d 0.48s var(--profile-ease) 0.28s both;
}
.user-profile-modern-shell .user-hero-card .v-chip[data-v-a27a967d] {
  animation: content-rise-a27a967d 0.48s var(--profile-ease) 0.24s both;
}
.user-profile-modern-shell .user-hero-card .user-actions-row[data-v-a27a967d] {
  padding: 6px 10px 2px;
  row-gap: 10px;
  column-gap: 8px;
  animation: content-rise-a27a967d 0.48s var(--profile-ease) 0.34s both;
}
.user-profile-modern-shell .user-hero-card .user-action-btn[data-v-a27a967d] {
  border-radius: 12px !important;
  border-width: 1px;
  min-width: 40px;
  min-height: 40px;
  background: linear-gradient(180deg, rgba(19, 32, 58, 0.78), rgba(14, 25, 48, 0.52));
  border: 1px solid rgba(var(--profile-accent-a), 0.4);
  transition: transform 0.24s var(--profile-ease), box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}
.user-profile-modern-shell .user-hero-card .user-action-btn[data-v-a27a967d]:hover {
  background: linear-gradient(180deg, rgba(var(--profile-accent-a), 0.28), rgba(var(--profile-accent-a), 0.1));
  border-color: rgba(var(--profile-accent-a), 0.74);
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 10px 18px rgba(var(--profile-accent-a), 0.3);
}
.user-profile-modern-shell .user-hero-card .user-action-btn[data-v-a27a967d]:active {
  transform: translateY(-1px) scale(0.98);
}
.user-profile-modern-shell .user-hero-card .user-action-btn[data-v-a27a967d]:focus-visible {
  box-shadow: 0 0 0 4px rgba(var(--v-theme-primary), 0.22);
}
.user-profile-modern-shell .profile-scroll-area[data-v-a27a967d] {
  flex: 1;
  min-height: 0;
  overflow-y: auto !important;
  overflow-x: hidden;
  border-top: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  padding-inline-end: 4px;
}
.user-profile-modern-shell .profile-scroll-area[data-v-a27a967d]::-webkit-scrollbar {
  width: 8px;
}
.user-profile-modern-shell .profile-scroll-area[data-v-a27a967d]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(var(--profile-accent-a), 0.68), rgba(var(--profile-accent-b), 0.66));
}
.user-profile-modern-shell .profile-scroll-area[data-v-a27a967d]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
}
.user-profile-modern-shell .profile-scroll-area .profile-content-block[data-v-a27a967d] {
  animation: section-lift-a27a967d 0.52s var(--profile-ease) both;
}
.user-profile-modern-shell .profile-scroll-area .block-personal[data-v-a27a967d] {
  animation-delay: 0.08s;
}
.user-profile-modern-shell .profile-scroll-area .block-storage[data-v-a27a967d] {
  animation-delay: 0.16s;
}
.user-profile-modern-shell .profile-scroll-area .block-options[data-v-a27a967d] {
  animation-delay: 0.24s;
}
.user-profile-modern-shell[data-v-a27a967d] .v-expansion-panel {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.12);
  border-radius: var(--profile-radius) !important;
  background: linear-gradient(145deg, rgba(var(--v-theme-surface), 0.58), rgba(var(--v-theme-surface), 0.33));
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  transition: transform 0.24s var(--profile-ease), border-color 0.24s ease, box-shadow 0.24s ease;
}
.user-profile-modern-shell[data-v-a27a967d] .v-expansion-panel:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--v-theme-primary), 0.34);
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.14);
}
.user-profile-modern-shell[data-v-a27a967d] .v-expansion-panel-title {
  min-height: 48px;
  padding-inline: 14px;
}
.user-options-list .chat-options-list__item[data-v-a27a967d] {
  cursor: pointer;
  transition: transform 0.24s var(--profile-ease), border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease;
  padding: 12px 16px;
  border-radius: 12px;
  margin: 6px 0;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  border: 1px solid rgba(var(--profile-accent-a), 0.2);
  background: linear-gradient(145deg, rgba(20, 33, 58, 0.72), rgba(16, 27, 50, 0.5));
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
}
.user-options-list .chat-options-list__item[data-v-a27a967d]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  background: linear-gradient(180deg, rgba(var(--profile-accent-a), 0.65), rgba(var(--profile-accent-b), 0.65));
  transition: width 0.24s var(--profile-ease);
}
.user-options-list .chat-options-list__item svg[data-v-a27a967d] {
  transition: transform 0.24s var(--profile-ease), color 0.24s ease;
  min-width: 24px;
}
.user-options-list .chat-options-list__item[data-v-a27a967d]:hover {
  border-color: rgba(var(--profile-accent-a), 0.45);
  background: linear-gradient(145deg, rgba(var(--profile-accent-a), 0.2), rgba(var(--profile-accent-b), 0.1));
  transform: translateX(5px);
  box-shadow: 0 9px 18px rgba(var(--profile-accent-a), 0.18);
}
.user-options-list .chat-options-list__item[data-v-a27a967d]:hover::before {
  width: 4px;
}
.user-options-list .chat-options-list__item:hover svg[data-v-a27a967d] {
  transform: scale(1.12);
}
.user-options-list .chat-options-list__item[data-v-a27a967d]:active {
  transform: scale(0.985) translateX(2px);
}
.user-options-list .chat-options-list__item.disabled[data-v-a27a967d] {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.user-options-list .chat-options-list__item.text-error[data-v-a27a967d] {
  color: rgb(var(--v-theme-error));
}
.user-options-list .chat-options-list__item.text-error[data-v-a27a967d]:hover {
  background: linear-gradient(140deg, rgba(var(--v-theme-error), 0.18), rgba(var(--v-theme-error), 0.06));
  box-shadow: 0 10px 18px rgba(var(--v-theme-error), 0.18);
}
.user-options-list .v-selection-control .v-label[data-v-a27a967d] {
  word-break: normal;
  overflow: unset;
}
.user-options-list .v-expansion-panel-text__wrapper[data-v-a27a967d] {
  padding: 0;
}
.user-options-list .v-expansion-panel-title[data-v-a27a967d] {
  min-height: auto;
}
.user-options-list .platform-management-card[data-v-a27a967d] {
  border-radius: var(--profile-radius) !important;
  border: 1px solid rgba(var(--v-border-color), 0.14);
  background: linear-gradient(145deg, rgba(var(--v-theme-surface), 0.62), rgba(var(--v-theme-surface), 0.4));
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.08);
  transition: transform 0.24s var(--profile-ease), border-color 0.24s ease, box-shadow 0.24s ease;
}
.user-options-list .platform-management-card[data-v-a27a967d]:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--v-theme-primary), 0.28);
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.12);
}
.storage-info-card[data-v-a27a967d] {
  background: linear-gradient(140deg, rgba(var(--profile-accent-a), 0.15), rgba(var(--profile-accent-b), 0.07));
  border: 1px solid rgba(var(--v-border-color), 0.24);
  transition: transform 0.26s var(--profile-ease), box-shadow 0.26s ease, border-color 0.26s ease, background 0.26s ease;
  backdrop-filter: blur(12px);
  border-radius: var(--profile-radius);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.storage-info-card[data-v-a27a967d]:hover {
  background: linear-gradient(140deg, rgba(var(--profile-accent-a), 0.22), rgba(var(--profile-accent-b), 0.14));
  border-color: rgba(var(--profile-accent-a), 0.45);
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.14);
  transform: translateY(-3px);
}
.storage-info-card .text-end[data-v-a27a967d] {
  line-height: 1.2;
}
.storage-info-card .gap-2[data-v-a27a967d] {
  gap: 0.5rem;
}
.storage-info-card .v-progress-linear[data-v-a27a967d] {
  border-radius: 6px;
  overflow: hidden;
}
.storage-info-card .v-progress-linear[data-v-a27a967d] .v-progress-linear__determinate {
  background-size: 26px 26px;
  animation: progress-shift-a27a967d 1.8s linear infinite;
}
.media-preview-card[data-v-a27a967d] {
  border: 1px solid rgba(var(--v-border-color), 0.14);
  border-radius: var(--profile-radius) !important;
  transition: transform 0.28s var(--profile-ease), border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
  background: linear-gradient(150deg, rgba(21, 35, 62, 0.76), rgba(16, 27, 50, 0.48));
  overflow: hidden;
  cursor: pointer;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.07);
}
.media-preview-card[data-v-a27a967d]:hover {
  background: linear-gradient(150deg, rgba(var(--profile-accent-a), 0.22), rgba(var(--profile-accent-b), 0.1));
  border-color: rgba(var(--profile-accent-a), 0.45);
  transform: translateY(-4px);
  box-shadow: 0 16px 24px rgba(var(--profile-accent-a), 0.2);
}
.media-preview-card[data-v-a27a967d]:active {
  transform: translateY(-1px);
}
.media-thumbnails-row[data-v-a27a967d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin: 10px 0;
}
.media-thumbnail-item[data-v-a27a967d] {
  position: relative;
  aspect-ratio: 1;
  border-radius: 11px;
  overflow: hidden;
  background: rgba(var(--v-theme-on-surface), 0.04);
  transition: transform 0.24s var(--profile-ease), border-color 0.24s ease, box-shadow 0.24s ease;
  border: 1px solid rgba(var(--v-border-color), 0.12);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.media-thumbnail-item[data-v-a27a967d]:hover {
  transform: translateY(-3px) scale(1.03);
  border-color: rgba(var(--v-theme-primary), 0.3);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.14);
}
.media-thumbnail-item.empty-slot[data-v-a27a967d] {
  border: 2px dashed rgba(var(--v-border-color), 0.24);
  background: rgba(var(--v-theme-on-surface), 0.02);
}
.media-thumbnail-item img[data-v-a27a967d],
.media-thumbnail-item .v-img[data-v-a27a967d] {
  transition: filter 0.24s ease, transform 0.24s var(--profile-ease);
}
.media-thumbnail-item img[data-v-a27a967d]:hover,
.media-thumbnail-item .v-img[data-v-a27a967d]:hover {
  transform: scale(1.05);
  filter: brightness(1.08) contrast(1.05);
}
.video-indicator[data-v-a27a967d] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.64);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(5px);
  animation: pulse-ring-a27a967d 2.4s ease-in-out infinite;
  border: 2px solid rgba(255, 255, 255, 0.34);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}
.stats-row[data-v-a27a967d] {
  border-top: 1px solid rgba(var(--v-border-color), 0.16);
  padding-top: 12px;
  gap: 14px;
  display: flex;
  justify-content: space-around;
}
.stats-row > div[data-v-a27a967d] {
  text-align: center;
  flex: 1;
  transition: transform 0.24s var(--profile-ease), opacity 0.24s ease;
}
.stats-row > div[data-v-a27a967d]:hover {
  opacity: 0.95;
  transform: translateY(-3px);
}
.empty-media-state[data-v-a27a967d] {
  background: rgba(var(--v-theme-on-surface), 0.03);
  border-radius: 12px;
  border: 2px dashed rgba(var(--v-border-color), 0.16);
  padding: 28px 20px;
  transition: border-color 0.22s ease, background 0.22s ease;
}
.empty-media-state[data-v-a27a967d]:hover {
  border-color: rgba(var(--profile-accent-a), 0.5);
  background: rgba(var(--profile-accent-a), 0.12);
}
@keyframes shell-intro-a27a967d {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes hero-drop-a27a967d {
from {
    opacity: 0;
    transform: translateY(-18px) scale(0.98);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes badge-pop-a27a967d {
from {
    opacity: 0;
    transform: scale(0.88);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes content-rise-a27a967d {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes section-lift-a27a967d {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes hero-sweep-a27a967d {
0% {
    transform: translateX(-135%);
}
52% {
    transform: translateX(145%);
}
100% {
    transform: translateX(145%);
}
}
@keyframes pulse-ring-a27a967d {
0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.42);
}
70% {
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes progress-shift-a27a967d {
from {
    background-position: 0 0;
}
to {
    background-position: 26px 0;
}
}
@keyframes float-orb-a27a967d {
0%, 100% {
    transform: translate(0, 0) scale(1);
}
50% {
    transform: translate(12px, -8px) scale(1.08);
}
}
[data-v-a27a967d] .v-locale--is-rtl .user-profile-modern-shell .user-hero-card .user-action-btn,[data-v-a27a967d] .v-locale--is-rtl .user-options-list .chat-options-list__item {
  direction: rtl;
}
[data-v-a27a967d] .v-locale--is-rtl .user-profile-modern-shell .user-hero-card .user-action-btn:hover,[data-v-a27a967d] .v-locale--is-rtl .user-options-list .chat-options-list__item:hover {
  transform: translateX(-5px);
}
[data-v-a27a967d] .v-locale--is-rtl .user-profile-modern-shell .user-hero-card .user-action-btn:active,[data-v-a27a967d] .v-locale--is-rtl .user-options-list .chat-options-list__item:active {
  transform: scale(0.985) translateX(-2px);
}
[data-v-a27a967d] .v-locale--is-rtl .user-profile-modern-shell .user-hero-card .user-action-btn svg,[data-v-a27a967d] .v-locale--is-rtl .user-options-list .chat-options-list__item svg {
  margin-left: auto;
  margin-right: 0;
}
[data-v-a27a967d] .v-theme--dark .user-profile-modern-shell::before,[data-v-a27a967d] .v-theme--dark .user-profile-modern-shell::after {
  opacity: 0.42;
}
[data-v-a27a967d] .v-theme--dark .user-profile-modern-shell .user-hero-card {
  background: radial-gradient(circle at 16% 0%, rgba(var(--v-theme-primary), 0.24), transparent 42%), radial-gradient(circle at 100% 0%, rgba(var(--v-theme-secondary), 0.18), transparent 38%), linear-gradient(150deg, rgba(var(--v-theme-surface), 0.94), rgba(var(--v-theme-surface), 0.78));
}
@media (max-width: 600px) {
.user-profile-modern-shell .user-hero-card[data-v-a27a967d] {
    margin: 4px;
    padding: 20px 14px !important;
    border-radius: 20px;
}
.user-profile-modern-shell .user-action-btn[data-v-a27a967d] {
    min-width: 38px;
    min-height: 38px;
}
.storage-info-card[data-v-a27a967d],
  .media-preview-card[data-v-a27a967d],
  .user-options-list .platform-management-card[data-v-a27a967d] {
    border-radius: 14px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.user-profile-modern-shell[data-v-a27a967d],
  .user-profile-modern-shell[data-v-a27a967d] *,
  .video-indicator[data-v-a27a967d] {
    animation: none !important;
    transition-duration: 0.01ms !important;
}
}/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
[data-v-12416c24] .v-data-table .v-table__wrapper > table td {
  max-inline-size: 250px;
  word-wrap: break-word;
}/* stylelint-disable scss/no-global-function-names */
.users-list__card {
  cursor: pointer;
  transition: all 0.3s;
}
.users-list__card:hover, .users-list__card.active {
  background: rgba(var(--v-theme-secondary), 15%);
}/* stylelint-disable scss/no-global-function-names */
.glassmorphism-header[data-v-6b951ff7] {
  background: rgba(var(--v-theme-surface), 0.8) !important;
  backdrop-filter: blur(24px) saturate(1.5);
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.05);
  position: relative;
  z-index: 2;
}
.glassmorphism-header[data-v-6b951ff7]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 5%;
  right: 5%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--v-theme-primary), 0.15), transparent);
}
.header-avatar[data-v-6b951ff7] {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease;
  border: 2px solid transparent;
}
.header-avatar[data-v-6b951ff7]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 20px rgba(var(--v-theme-primary), 0.2);
  border-color: rgba(var(--v-theme-primary), 0.2);
}
.typing-indicator[data-v-6b951ff7] {
  animation: typingPulse-6b951ff7 1.5s ease-in-out infinite;
  font-weight: 500;
}
@keyframes typingPulse-6b951ff7 {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
}
.header-toolbar[data-v-6b951ff7] {
  gap: 2px;
  padding: 4px 6px;
  background: rgba(var(--v-theme-on-surface), 0.02);
  border-radius: 14px;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.04);
}
.toolbar-group[data-v-6b951ff7] {
  display: flex;
  align-items: center;
  gap: 1px;
}
.toolbar-divider[data-v-6b951ff7] {
  width: 1px;
  height: 18px;
  background: rgba(var(--v-theme-on-surface), 0.08);
  margin: 0 4px;
  border-radius: 1px;
}
.header-icon-btn[data-v-6b951ff7] {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 10px !important;
  position: relative;
}
.header-icon-btn[data-v-6b951ff7]:hover {
  background: rgba(var(--v-theme-primary), 0.1) !important;
  color: rgb(var(--v-theme-primary)) !important;
  transform: scale(1.12);
  box-shadow: 0 2px 8px rgba(var(--v-theme-primary), 0.08);
}
.header-icon-btn[data-v-6b951ff7]:active {
  transform: scale(0.95);
}
.modern-dropdown-menu[data-v-6b951ff7] {
  border-radius: 16px !important;
  overflow: hidden;
  backdrop-filter: blur(16px);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.06);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}
.modern-dropdown-menu .v-list-item[data-v-6b951ff7] {
  border-radius: 10px;
  margin: 2px 6px;
  transition: all 0.2s ease;
  min-height: 42px;
}
.modern-dropdown-menu .v-list-item[data-v-6b951ff7] .v-list-item-title,
.modern-dropdown-menu .v-list-item[data-v-6b951ff7] .v-list-item-subtitle {
  font-family: var(--chat-font-family, "Cairo"), "Almarai", sans-serif !important;
}
.modern-dropdown-menu .v-list-item[data-v-6b951ff7]:hover {
  background: rgba(var(--v-theme-primary), 0.06);
  transform: translateX(-2px);
}
.modern-dropdown-menu .show-more-item[data-v-6b951ff7] {
  margin-top: 8px;
  background: rgba(var(--v-theme-primary), 0.16);
  border: 1px solid rgba(var(--v-theme-primary), 0.35);
}
.modern-dropdown-menu .show-more-item[data-v-6b951ff7] .v-list-item-title,
.modern-dropdown-menu .show-more-item[data-v-6b951ff7] .v-icon {
  color: rgb(var(--v-theme-primary));
  font-weight: 700;
}
.modern-dropdown-menu .show-more-item[data-v-6b951ff7]:hover {
  background: rgba(var(--v-theme-primary), 0.24) !important;
  transform: translateX(0) !important;
}
[data-v-6b951ff7] .v-tooltip .v-overlay__content {
  font-family: var(--chat-font-family, "Cairo"), "Almarai", sans-serif !important;
}/* stylelint-disable scss/no-global-function-names */
.status-creator-card[data-v-9d0f6fcc] {
  overflow: hidden;
}
.creator-header[data-v-9d0f6fcc] {
  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}

/* Color grid */
.color-grid[data-v-9d0f6fcc] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.color-swatch[data-v-9d0f6fcc] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 2px solid transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.color-swatch[data-v-9d0f6fcc]:hover {
  transform: scale(1.1);
}
.color-swatch.active[data-v-9d0f6fcc] {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 0 2px rgba(var(--v-theme-primary), 0.4);
  transform: scale(1.1);
}

/* Text preview */
.text-preview[data-v-9d0f6fcc] {
  border-radius: 16px;
  padding: 24px;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.35s ease;
}
.text-preview .preview-textarea[data-v-9d0f6fcc] {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
}
.text-preview .preview-textarea[data-v-9d0f6fcc] .v-field__input {
  text-align: center;
  color: white;
  line-height: 1.6;
}
.text-preview .preview-textarea[data-v-9d0f6fcc] .v-field__input::placeholder {
  color: rgba(255, 255, 255, 0.65);
}

/* Upload zone */
.upload-zone[data-v-9d0f6fcc] {
  border: 2px dashed rgba(var(--v-theme-primary), 0.35);
  border-radius: 16px;
  padding: 40px 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  background: rgba(var(--v-theme-primary), 0.03);
}
.upload-zone[data-v-9d0f6fcc]:hover {
  border-color: rgb(var(--v-theme-primary));
  background: rgba(var(--v-theme-primary), 0.08);
}
.upload-zone .upload-icon[data-v-9d0f6fcc] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(var(--v-theme-primary), 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Media preview */
.media-preview[data-v-9d0f6fcc] {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: rgb(var(--v-theme-surface));
}
.media-preview .preview-image[data-v-9d0f6fcc],
.media-preview .preview-video[data-v-9d0f6fcc] {
  display: block;
  max-width: 100%;
  max-height: 320px;
  width: auto;
  margin: 0 auto;
  object-fit: contain;
}
.media-preview .remove-btn[data-v-9d0f6fcc] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}/* stylelint-disable scss/no-global-function-names */
.status-list-sidebar[data-v-c33fdcf9] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.my-status-card[data-v-c33fdcf9] {
  padding: 16px;
  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.section-label[data-v-c33fdcf9] {
  display: flex;
  align-items: center;
  padding: 10px 16px 6px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(var(--v-theme-on-surface), 0.45);
}
.status-list[data-v-c33fdcf9] {
  padding: 0 4px;
}
.status-item[data-v-c33fdcf9] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.status-item[data-v-c33fdcf9]:hover {
  background-color: rgba(var(--v-theme-primary), 0.06);
}
.status-item[data-v-c33fdcf9]:active {
  background-color: rgba(var(--v-theme-primary), 0.1);
}
.status-item-info[data-v-c33fdcf9] {
  flex: 1;
  min-width: 0;
}
.status-avatar-ring[data-v-c33fdcf9] {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
.status-avatar-ring .ring-svg[data-v-c33fdcf9] {
  position: absolute;
  inset: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  transform: rotate(-90deg);
  pointer-events: none;
  filter: drop-shadow(0 0 3px rgba(0, 230, 118, 0.3));
}
.status-avatar-ring.viewed .ring-svg[data-v-c33fdcf9] {
  filter: none;
}
.status-avatar-ring .add-badge[data-v-c33fdcf9] {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgb(var(--v-theme-primary)), #7c3aed);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2.5px solid rgb(var(--v-theme-surface));
  z-index: 1;
}
.empty-state[data-v-c33fdcf9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
}
.empty-state .empty-icon-wrapper[data-v-c33fdcf9] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(var(--v-theme-primary), 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
.privacy-footer[data-v-c33fdcf9] {
  margin-block-start: auto;
  padding: 8px 12px;
  border-block-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.muted-panel[data-v-c33fdcf9] .v-expansion-panel {
  background: transparent !important;
}
.muted-panel[data-v-c33fdcf9] .v-expansion-panel-text__wrapper {
  padding: 0 !important;
}
.list-enter-active[data-v-c33fdcf9],
.list-leave-active[data-v-c33fdcf9] {
  transition: all 0.35s ease;
}
.list-enter-from[data-v-c33fdcf9] {
  opacity: 0;
  transform: translateY(8px);
}
.list-leave-to[data-v-c33fdcf9] {
  opacity: 0;
  transform: translateY(-8px);
}
.bounce-enter-active[data-v-c33fdcf9] {
  animation: bounce-in-c33fdcf9 0.4s;
}
@keyframes bounce-in-c33fdcf9 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.25);
}
100% {
    transform: scale(1);
}
}/* stylelint-disable scss/no-global-function-names */
.contact-item[data-v-d920123c] {
  transition: background-color 0.2s ease;
}
.contact-item[data-v-d920123c]:hover {
  background-color: rgba(var(--v-theme-primary), 0.04);
}
.contact-item.bg-primary-lighten[data-v-d920123c] {
  background-color: rgba(var(--v-theme-primary), 0.08);
}
.slide-fade-enter-active[data-v-d920123c] {
  transition: all 0.3s ease;
}
.slide-fade-leave-active[data-v-d920123c] {
  transition: all 0.2s ease;
}
.slide-fade-enter-from[data-v-d920123c],
.slide-fade-leave-to[data-v-d920123c] {
  transform: translateY(-10px);
  opacity: 0;
}
/* stylelint-disable scss/no-global-function-names */
.status-viewer-dialog[data-v-ea6603df] .v-overlay__content {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0;
}
.viewer-root[data-v-ea6603df] {
  position: relative;
  width: 100%;
  height: 100dvh;
  background: #000;
  display: flex;
  flex-direction: column;
  user-select: none;
  overflow: hidden;
}

/* ─── Top bar ─── */
.viewer-topbar[data-v-ea6603df] {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 10;
  padding: 12px 16px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
}
.progress-row[data-v-ea6603df] {
  display: flex;
  gap: 3px;
  margin-block-end: 12px;
}
.bar-track[data-v-ea6603df] {
  flex: 1;
  height: 2.5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.25);
  overflow: hidden;
}
.bar-fill[data-v-ea6603df] {
  height: 100%;
  background: white;
  border-radius: 2px;
}
.user-row[data-v-ea6603df] {
  display: flex;
  align-items: center;
}

/* ─── Content ─── */
.viewer-content[data-v-ea6603df] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.content-text[data-v-ea6603df] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 32px;
}
.content-text .text-display[data-v-ea6603df] {
  color: white;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  word-break: break-word;
  max-width: 560px;
  line-height: 1.5;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.content-media[data-v-ea6603df] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-media .media-img[data-v-ea6603df],
.content-media .media-video[data-v-ea6603df] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.caption-overlay[data-v-ea6603df] {
  position: absolute;
  inset-block-end: 72px;
  inset-inline: 0;
  padding: 16px 24px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
  color: white;
  text-align: center;
  font-size: 0.95rem;
}

/* ─── Footer ─── */
.viewer-footer[data-v-ea6603df] {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  z-index: 10;
  padding: 12px 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent);
}
.reply-field[data-v-ea6603df] .v-field {
  color: white;
}
.reply-field[data-v-ea6603df] .v-field input {
  color: white;
}
.reply-field[data-v-ea6603df] .v-field .v-field__input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.views-pill[data-v-ea6603df] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  color: white;
  cursor: pointer;
  transition: background 0.2s;
  margin: 0 auto;
  width: fit-content;
}
.views-pill[data-v-ea6603df]:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* ─── Nav arrows ─── */
.nav-arrow[data-v-ea6603df] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.08);
}
.nav-arrow.nav-prev[data-v-ea6603df] {
  inset-inline-start: 12px;
}
.nav-arrow.nav-next[data-v-ea6603df] {
  inset-inline-end: 12px;
}
@media (max-width: 768px) {
.nav-arrow[data-v-ea6603df] {
    display: none !important;
}
}

/* ─── Helpers ─── */
.text-white-60[data-v-ea6603df] {
  color: rgba(255, 255, 255, 0.6);
}
.fade-enter-active[data-v-ea6603df],
.fade-leave-active[data-v-ea6603df] {
  transition: opacity 0.25s;
}
.fade-enter-from[data-v-ea6603df],
.fade-leave-to[data-v-ea6603df] {
  opacity: 0;
}/* stylelint-disable scss/no-global-function-names */
.status-header[data-v-a837cf85] {
  background: rgba(var(--v-theme-surface), 0.95);
  backdrop-filter: blur(10px);
}/* stylelint-disable scss/no-global-function-names */
.chat-contact {
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 18px;
  animation: contactSlideIn 0.35s ease-out both;
  background: rgba(var(--v-theme-on-surface), 0.02);
  margin-block-end: 4px;
  padding-block: 12px;
  padding-inline: var(--chat-content-spacing-x);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.chat-contact::before {
  position: absolute;
  border-radius: inherit;
  background: currentcolor;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.chat-contact::after {
  position: absolute;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 30%, rgba(var(--v-theme-primary), 0.04) 50%, transparent 70%);
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.chat-contact:hover {
  border-color: rgba(var(--v-theme-primary), 0.1);
  background: rgba(var(--v-theme-primary), 0.04);
  box-shadow: 0 4px 24px rgba(var(--v-theme-primary), 0.06), 0 1px 4px rgba(0, 0, 0, 0.02);
  transform: translateX(-3px);
}
.chat-contact:hover::after {
  opacity: 1;
}
.chat-contact:active {
  transform: translateX(-1px) scale(0.995);
  transition-duration: 0.1s;
}
.chat-contact .room-menu-btn {
  block-size: 24px !important;
  inline-size: 24px !important;
  min-inline-size: 24px !important;
  opacity: 0;
  pointer-events: auto;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.chat-contact:hover .room-menu-btn {
  opacity: 1;
}
.chat-contact .chat-pin-indicator {
  padding: 2px;
  border-radius: 999px;
  background: rgba(var(--v-theme-primary), 0.12);
}
.chat-contact.chat-contact-active {
  border-color: rgba(var(--v-theme-primary), 0.25);
  background: linear-gradient(135deg, rgb(var(--v-theme-primary)) 0%, rgba(var(--v-theme-primary), 0.8) 60%, rgba(var(--v-theme-primary), 0.65) 100%);
  box-shadow: 0 8px 32px rgba(var(--v-theme-primary), 0.22), 0 2px 8px rgba(var(--v-theme-primary), 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  color: #fff;
  pointer-events: none;
  --v-theme-on-background: #fff;
}
.chat-contact.chat-contact-active::after {
  opacity: 0;
}
.chat-contact.chat-contact-active .room-menu-btn {
  color: #fff !important;
  opacity: 1;
  pointer-events: auto;
}
.chat-contact.chat-contact-active .room-menu-btn .v-icon {
  color: #fff !important;
}
.chat-contact.chat-contact-active .chat-pin-indicator {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  color: #fff !important;
}
.chat-contact:nth-child(1) {
  animation-delay: 0.035s;
}
.chat-contact:nth-child(2) {
  animation-delay: 0.07s;
}
.chat-contact:nth-child(3) {
  animation-delay: 0.105s;
}
.chat-contact:nth-child(4) {
  animation-delay: 0.14s;
}
.chat-contact:nth-child(5) {
  animation-delay: 0.175s;
}
.chat-contact:nth-child(6) {
  animation-delay: 0.21s;
}
.chat-contact:nth-child(7) {
  animation-delay: 0.245s;
}
.chat-contact:nth-child(8) {
  animation-delay: 0.28s;
}
.chat-contact:nth-child(9) {
  animation-delay: 0.315s;
}
.chat-contact:nth-child(10) {
  animation-delay: 0.35s;
}
.chat-contact:nth-child(11) {
  animation-delay: 0.385s;
}
.chat-contact:nth-child(12) {
  animation-delay: 0.42s;
}
.chat-contact:nth-child(13) {
  animation-delay: 0.455s;
}
.chat-contact:nth-child(14) {
  animation-delay: 0.49s;
}
.chat-contact:nth-child(15) {
  animation-delay: 0.525s;
}
.chat-contact:nth-child(16) {
  animation-delay: 0.56s;
}
.chat-contact:nth-child(17) {
  animation-delay: 0.595s;
}
.chat-contact:nth-child(18) {
  animation-delay: 0.63s;
}
.chat-contact:nth-child(19) {
  animation-delay: 0.665s;
}
.chat-contact:nth-child(20) {
  animation-delay: 0.7s;
}
.chat-contact:nth-child(21) {
  animation-delay: 0.735s;
}
.chat-contact:nth-child(22) {
  animation-delay: 0.77s;
}
.chat-contact:nth-child(23) {
  animation-delay: 0.805s;
}
.chat-contact:nth-child(24) {
  animation-delay: 0.84s;
}
.chat-contact:nth-child(25) {
  animation-delay: 0.875s;
}
@keyframes contactSlideIn {
from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.small_font {
  font-size: 13px;
}/* stylelint-disable scss/no-global-function-names */
.room-actions-menu {
  overflow: hidden;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.06);
  border-radius: 16px !important;
  backdrop-filter: blur(16px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  font-family: Alexandria, Almarai, sans-serif !important;
}
.room-actions-menu .v-list-item-title {
  font-family: Alexandria, Almarai, sans-serif !important;
  font-size: 13px;
}
.room-actions-menu .v-list-item {
  border-radius: 10px;
  margin-block: 2px;
  margin-inline: 6px;
  min-block-size: 40px;
  transition: all 0.2s ease;
}
.room-actions-menu .v-list-item:hover {
  background: rgba(var(--v-theme-primary), 0.06);
  transform: translateX(-2px);
}/* stylelint-disable scss/no-global-function-names */
.header-gradient-underline {
  height: 2px;
  width: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, rgb(var(--v-theme-primary)), rgba(var(--v-theme-primary), 0.3), transparent);
  margin-top: 4px;
}
.create-chat-fab {
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.create-chat-fab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.15) 50%, transparent 60%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.create-chat-fab:hover {
  transform: scale(1.12) rotate(8deg);
  box-shadow: 0 4px 24px rgba(var(--v-theme-primary), 0.3);
}
.create-chat-fab:hover::before {
  opacity: 1;
}
.create-chat-fab:active {
  transform: scale(1.05) rotate(4deg);
}
.section-label .letter-spacing-1 {
  letter-spacing: 0.08em;
}
.section-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--v-theme-on-surface), 0.08), transparent);
}/* stylelint-disable scss/no-global-function-names */
.communities-container[data-v-f0da95e8] {
  background-color: rgb(var(--v-theme-surface));
}
.communities-header[data-v-f0da95e8] {
  background-color: rgb(var(--v-theme-surface));
}
.communities-list[data-v-f0da95e8] {
  padding: 0.75rem 0;
}

/* Premium Create New Community Button */
.premium-create-btn[data-v-f0da95e8] {
  cursor: pointer;
  margin: 0.5rem 0.75rem 0.75rem;
  padding: 1rem 1.25rem !important;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(var(--v-theme-success), 0.08) 0%, rgba(var(--v-theme-success), 0.04) 100%);
  border: 1.5px solid rgba(var(--v-theme-success), 0.15);
  position: relative;
  overflow: hidden;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-create-btn[data-v-f0da95e8] .v-list-item__prepend {
  margin-inline-end: 1rem;
}
.premium-create-btn[data-v-f0da95e8]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(var(--v-theme-success), 0.1), transparent);
  transition: left 0.6s ease;
}
.premium-create-btn[data-v-f0da95e8]:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--v-theme-success), 0.3);
  background: linear-gradient(135deg, rgba(var(--v-theme-success), 0.12) 0%, rgba(var(--v-theme-success), 0.06) 100%);
  box-shadow: 0 6px 24px rgba(var(--v-theme-success), 0.15), 0 2px 8px rgba(0, 0, 0, 0.08);
}
.premium-create-btn[data-v-f0da95e8]:hover::before {
  left: 100%;
}
.premium-create-btn:hover .create-avatar[data-v-f0da95e8] {
  transform: scale(1.08) rotate(5deg);
}
.premium-create-btn:hover .create-title[data-v-f0da95e8] {
  color: rgb(var(--v-theme-success));
}
.premium-create-btn[data-v-f0da95e8]:active {
  transform: translateY(0) scale(0.98);
}
.create-avatar-wrapper[data-v-f0da95e8] {
  position: relative;
}
.create-avatar[data-v-f0da95e8] {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 12px rgba(var(--v-theme-success), 0.2);
}
.create-title[data-v-f0da95e8] {
  transition: color 0.3s ease;
}

/* Premium Community Cards */
.premium-community-card[data-v-f0da95e8] {
  cursor: pointer;
  margin: 0.35rem 0.75rem;
  padding: 1rem 1.25rem !important;
  border-radius: 18px;
  background: rgba(var(--v-theme-on-surface), 0.02);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.05);
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-community-card[data-v-f0da95e8] .v-list-item__prepend {
  margin-inline-end: 1rem;
}
.premium-community-card[data-v-f0da95e8]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(var(--v-theme-primary), 0.05), transparent);
  transition: left 0.5s ease;
}
.premium-community-card[data-v-f0da95e8]:hover {
  transform: translateY(-3px) scale(1.01);
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.08) 0%, rgba(var(--v-theme-primary), 0.04) 100%);
  border-color: rgba(var(--v-theme-primary), 0.2);
  box-shadow: 0 8px 28px rgba(var(--v-theme-primary), 0.12), 0 4px 12px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.premium-community-card[data-v-f0da95e8]:hover::after {
  left: 100%;
}
.premium-community-card:hover .community-avatar[data-v-f0da95e8] {
  transform: scale(1.08);
  border-color: rgba(var(--v-theme-primary), 0.4);
}
.premium-community-card:hover .community-name[data-v-f0da95e8] {
  color: rgb(var(--v-theme-primary));
}
.premium-community-card:hover .admin-badge-overlay[data-v-f0da95e8] {
  transform: scale(1.05);
}
.premium-community-card[data-v-f0da95e8]:active {
  transform: translateY(-1px) scale(0.99);
}

/* Community Avatar Styling */
.community-avatar-wrapper[data-v-f0da95e8] {
  position: relative;
  display: inline-block;
}
.community-avatar[data-v-f0da95e8] {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(var(--v-theme-primary), 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Admin Badge Overlay */
.admin-badge-overlay[data-v-f0da95e8] {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}
.admin-badge-overlay[data-v-f0da95e8] .v-badge__badge {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgb(var(--v-theme-primary)) 0%, rgba(var(--v-theme-primary), 0.85) 100%);
  box-shadow: 0 2px 8px rgba(var(--v-theme-primary), 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  text-transform: lowercase;
  letter-spacing: 0.5px;
}

/* Community Name */
.community-name[data-v-f0da95e8] {
  line-height: 1.4;
  transition: color 0.3s ease;
  margin-bottom: 4px !important;
}

/* Community Stats */
.community-stats[data-v-f0da95e8] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  margin-top: 4px;
}
.stat-item[data-v-f0da95e8] {
  color: rgba(var(--v-theme-on-surface), 0.6);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.stat-divider[data-v-f0da95e8] {
  color: rgba(var(--v-theme-on-surface), 0.3);
  font-weight: 600;
}

/* Empty State */
.empty-state[data-v-f0da95e8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 3rem 2rem;
}
.empty-icon-wrapper[data-v-f0da95e8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.08) 0%, rgba(var(--v-theme-primary), 0.02) 100%);
  border: 2px dashed rgba(var(--v-theme-primary), 0.2);
  animation: pulse-f0da95e8 3s ease-in-out infinite;
}
.empty-icon[data-v-f0da95e8] {
  color: rgba(var(--v-theme-primary), 0.4);
  animation: float-f0da95e8 3s ease-in-out infinite;
}
@keyframes pulse-f0da95e8 {
0%, 100% {
    transform: scale(1);
    border-color: rgba(var(--v-theme-primary), 0.2);
}
50% {
    transform: scale(1.05);
    border-color: rgba(var(--v-theme-primary), 0.3);
}
}
@keyframes float-f0da95e8 {
0%, 100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-8px);
}
}
/* Premium Create Community Button in Empty State */
.premium-create-community-btn[data-v-f0da95e8] {
  border-radius: 14px;
  padding: 1rem 2rem !important;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: none;
  box-shadow: 0 4px 16px rgba(var(--v-theme-primary), 0.25), 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-create-community-btn[data-v-f0da95e8]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(var(--v-theme-primary), 0.3), 0 4px 12px rgba(0, 0, 0, 0.1);
}
.premium-create-community-btn[data-v-f0da95e8]:active {
  transform: translateY(0);
}

/* Loading Indicator */
.text-center.pa-4[data-v-f0da95e8] {
  margin: 1rem 0;
}/* stylelint-disable scss/no-global-function-names */
.community-details[data-v-0d6e3636] {
  background-color: rgb(var(--v-theme-surface));
  height: 100%;
}

/* Glassmorphism Header */
.glassmorphism-header[data-v-0d6e3636] {
  padding: 1.25rem 1.5rem;
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 0.95) 0%, rgba(var(--v-theme-surface), 0.85) 100%);
  backdrop-filter: blur(24px) saturate(1.5);
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  position: relative;
}
.glassmorphism-header[data-v-0d6e3636]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-primary), 0.3) 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.glassmorphism-header[data-v-0d6e3636]:hover::after {
  opacity: 1;
}
.back-btn[data-v-0d6e3636] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.back-btn[data-v-0d6e3636]:hover {
  transform: translateX(-3px);
  background: rgba(var(--v-theme-primary), 0.1);
}
.back-btn[data-v-0d6e3636]:active {
  transform: translateX(-1px) scale(0.95);
}
.community-avatar-wrapper[data-v-0d6e3636] {
  position: relative;
}
.community-avatar[data-v-0d6e3636] {
  border: 2px solid rgba(var(--v-theme-primary), 0.2);
  box-shadow: 0 4px 12px rgba(var(--v-theme-primary), 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.community-avatar[data-v-0d6e3636]:hover {
  transform: scale(1.05);
  border-color: rgba(var(--v-theme-primary), 0.4);
}
.community-name[data-v-0d6e3636] {
  line-height: 1.3;
  color: rgb(var(--v-theme-on-surface));
}
.community-stats[data-v-0d6e3636] {
  font-size: 13px;
}
.stat-item[data-v-0d6e3636] {
  display: inline-flex;
  align-items: center;
  color: rgba(var(--v-theme-on-surface), 0.6);
  font-weight: 500;
}
.stat-divider[data-v-0d6e3636] {
  color: rgba(var(--v-theme-on-surface), 0.3);
  margin: 0 4px;
}
.menu-btn[data-v-0d6e3636] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-btn[data-v-0d6e3636]:hover {
  background: rgba(var(--v-theme-on-surface), 0.08);
  transform: rotate(90deg);
}
.menu-btn[data-v-0d6e3636]:active {
  transform: rotate(90deg) scale(0.95);
}
.premium-menu[data-v-0d6e3636] {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.premium-menu .menu-item[data-v-0d6e3636] {
  transition: all 0.25s ease;
}
.premium-menu .menu-item[data-v-0d6e3636]:hover {
  background: rgba(var(--v-theme-primary), 0.08);
  transform: translateX(4px);
}
.community-description[data-v-0d6e3636] {
  font-size: 14px;
  color: rgba(var(--v-theme-on-surface), 0.7);
  line-height: 1.5;
  margin: 0;
  padding: 0.75rem 1rem;
  background: rgba(var(--v-theme-on-surface), 0.03);
  border-radius: 12px;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.06);
}
.header-divider[data-v-0d6e3636] {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-on-surface), 0.08) 50%, transparent 100%);
}

/* Content Area */
.community-content[data-v-0d6e3636] {
  background-color: rgb(var(--v-theme-surface));
}

/* Groups Section */
.groups-section[data-v-0d6e3636] {
  padding: 1rem 0;
}
.section-header[data-v-0d6e3636] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0.5rem;
}
.section-icon[data-v-0d6e3636] {
  color: rgba(var(--v-theme-primary), 0.7);
}
.section-title[data-v-0d6e3636] {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: rgba(var(--v-theme-on-surface), 0.6);
  margin: 0;
}
.add-group-btn[data-v-0d6e3636] {
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
  text-transform: none;
  padding: 0.5rem 1rem !important;
  box-shadow: 0 2px 8px rgba(var(--v-theme-primary), 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.add-group-btn[data-v-0d6e3636]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(var(--v-theme-primary), 0.3);
}
.add-group-btn[data-v-0d6e3636]:active {
  transform: translateY(0);
}

/* Groups List */
.groups-list[data-v-0d6e3636] {
  padding: 0 0.75rem;
}
.group-card[data-v-0d6e3636] {
  margin-bottom: 0.75rem;
  border-radius: 18px;
  background: rgba(var(--v-theme-on-surface), 0.02);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.06);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.group-card[data-v-0d6e3636]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: rgb(var(--v-theme-primary));
  transform: scaleY(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.group-card[data-v-0d6e3636]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(var(--v-theme-primary), 0.08), transparent);
  transition: left 0.6s ease;
}
.group-card[data-v-0d6e3636]:hover {
  transform: translateY(-3px) translateX(4px);
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.08) 0%, rgba(var(--v-theme-primary), 0.04) 100%);
  border-color: rgba(var(--v-theme-primary), 0.2);
  box-shadow: 0 8px 28px rgba(var(--v-theme-primary), 0.12), 0 4px 12px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.group-card[data-v-0d6e3636]:hover::after {
  left: 100%;
}
.group-card:hover .group-avatar[data-v-0d6e3636] {
  transform: scale(1.08);
  border-color: rgba(var(--v-theme-primary), 0.4);
}
.group-card:hover .group-name[data-v-0d6e3636] {
  color: rgb(var(--v-theme-primary));
}
.group-card:hover .unlink-btn[data-v-0d6e3636] {
  opacity: 1;
  transform: translateX(0);
}
.group-card[data-v-0d6e3636]:active {
  transform: translateY(-1px) translateX(2px) scale(0.99);
}
.group-card.group-card-active[data-v-0d6e3636] {
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.12) 0%, rgba(var(--v-theme-primary), 0.06) 100%);
  border-color: rgba(var(--v-theme-primary), 0.3);
  box-shadow: 0 4px 16px rgba(var(--v-theme-primary), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.group-card.group-card-active[data-v-0d6e3636]::before {
  transform: scaleY(1);
}
.group-card.group-card-active .group-name[data-v-0d6e3636] {
  color: rgb(var(--v-theme-primary));
  font-weight: 700;
}
.group-card-content[data-v-0d6e3636] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
}
.group-avatar-wrapper[data-v-0d6e3636] {
  flex-shrink: 0;
}
.group-avatar[data-v-0d6e3636] {
  border: 2px solid rgba(var(--v-theme-primary), 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.group-info[data-v-0d6e3636] {
  flex: 1;
  min-width: 0;
}
.group-name[data-v-0d6e3636] {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 4px 0;
  color: rgb(var(--v-theme-on-surface));
  transition: color 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.group-description[data-v-0d6e3636] {
  font-size: 13px;
  color: rgba(var(--v-theme-on-surface), 0.6);
  line-height: 1.4;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.unlink-btn[data-v-0d6e3636] {
  flex-shrink: 0;
  opacity: 0;
  transform: translateX(8px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: rgba(var(--v-theme-error), 0.7);
}
.unlink-btn[data-v-0d6e3636]:hover {
  background: rgba(var(--v-theme-error), 0.1);
  color: rgb(var(--v-theme-error));
  transform: translateX(0) scale(1.1);
}
.unlink-btn[data-v-0d6e3636]:active {
  transform: translateX(0) scale(0.95);
}

/* Empty State */
.empty-groups-state[data-v-0d6e3636] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}
.empty-icon-wrapper[data-v-0d6e3636] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.08) 0%, rgba(var(--v-theme-primary), 0.02) 100%);
  border: 2px dashed rgba(var(--v-theme-primary), 0.2);
  margin-bottom: 1.5rem;
  animation: pulse-0d6e3636 3s ease-in-out infinite;
}
.empty-icon[data-v-0d6e3636] {
  color: rgba(var(--v-theme-primary), 0.4);
  animation: float-0d6e3636 3s ease-in-out infinite;
}
.empty-title[data-v-0d6e3636] {
  font-size: 16px;
  font-weight: 600;
  color: rgb(var(--v-theme-on-surface));
  margin: 0 0 0.5rem 0;
}
.empty-description[data-v-0d6e3636] {
  font-size: 14px;
  color: rgba(var(--v-theme-on-surface), 0.6);
  margin: 0;
}
@keyframes pulse-0d6e3636 {
0%, 100% {
    transform: scale(1);
    border-color: rgba(var(--v-theme-primary), 0.2);
}
50% {
    transform: scale(1.05);
    border-color: rgba(var(--v-theme-primary), 0.3);
}
}
@keyframes float-0d6e3636 {
0%, 100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-8px);
}
}/* stylelint-disable scss/no-global-function-names */
.members-title[data-v-5f7e3099] {
  font-family: "Alexandria", "Almarai", sans-serif !important;
  font-weight: 700;
}
.users-list[data-v-5f7e3099] {
  padding: 8px;
}
.users-list__row[data-v-5f7e3099] {
  border-radius: 12px;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  background: rgba(var(--v-theme-on-surface), 0.015);
}
.users-list__card[data-v-5f7e3099] {
  cursor: pointer;
  transition: all 0.3s;
  min-height: 62px;
  padding-block: 6px;
  border-radius: 12px;
}
.users-list__card[data-v-5f7e3099] .v-list-item__prepend {
  align-items: center;
  gap: 8px;
}
.users-list__card[data-v-5f7e3099] .v-list-item-subtitle {
  margin-top: 2px;
  line-height: 1.2;
}
.users-list__card[data-v-5f7e3099]:hover, .users-list__card.active[data-v-5f7e3099] {
  background: rgba(var(--v-theme-secondary), 10%);
}/* stylelint-disable scss/no-global-function-names */
.users-list[data-v-5326f10f] {
  padding: 8px;
}
.users-list__row[data-v-5326f10f] {
  border-radius: 12px;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  background: rgba(var(--v-theme-on-surface), 0.015);
}
.users-list__card[data-v-5326f10f] {
  cursor: pointer;
  transition: all 0.3s;
  min-height: 74px;
  padding-block: 8px;
  border-radius: 12px;
}
.users-list__card[data-v-5326f10f] .v-list-item__prepend {
  align-items: center;
  gap: 8px;
}
.users-list__card[data-v-5326f10f] .v-list-item-subtitle {
  margin-top: 2px;
  line-height: 1.2;
}
.users-list__card[data-v-5326f10f]:hover, .users-list__card.active[data-v-5326f10f] {
  background: rgba(var(--v-theme-secondary), 12%);
}
.upload-avatar[data-v-5326f10f] {
  width: 150px;
  height: 150px;
  margin: auto;
  border: 2px solid #9ca3af;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  display: block;
}
.upload-avatar[data-v-5326f10f]:hover {
  border-color: rgba(var(--v-theme-primary), 100%);
}
.upload-avatar__input[data-v-5326f10f] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.upload-avatar__overlay[data-v-5326f10f] {
  opacity: 0;
  transition: opacity 0.3s;
  background: rgba(var(--v-theme-grey-100), 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.upload-avatar__overlay__content[data-v-5326f10f] {
  max-width: 100px;
}
.upload-avatar__overlay__content svg[data-v-5326f10f] {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 5px;
}
.upload-avatar__img[data-v-5326f10f], .upload-avatar__overlay[data-v-5326f10f] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.upload-avatar__img[data-v-5326f10f] {
  object-fit: cover;
}
.upload-avatar:hover .upload-avatar__overlay[data-v-5326f10f], .upload-avatar.show-placeholder .upload-avatar__overlay[data-v-5326f10f] {
  opacity: 1;
}
.upload-avatar.active .upload-avatar__overlay[data-v-5326f10f] {
  opacity: 1;
  border-style: dashed;
}/* stylelint-disable scss/no-global-function-names */
.users-list[data-v-136745df] {
  padding: 8px;
}
.users-list__row[data-v-136745df] {
  border-radius: 12px;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  background: rgba(var(--v-theme-on-surface), 0.015);
}
.users-list__card[data-v-136745df] {
  cursor: pointer;
  transition: all 0.3s;
  min-height: 74px;
  padding-block: 8px;
  border-radius: 12px;
}
.users-list__card[data-v-136745df] .v-list-item__prepend {
  align-items: center;
  gap: 8px;
}
.users-list__card[data-v-136745df] .v-list-item-subtitle {
  margin-top: 2px;
  line-height: 1.2;
}
.users-list__card[data-v-136745df]:hover {
  background: rgba(var(--v-theme-secondary), 12%);
}/* stylelint-disable scss/no-global-function-names */
.sidebar-glass-header {
  position: sticky;
  z-index: 10;
  backdrop-filter: blur(32px) saturate(1.8);
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 0.98) 0%, rgba(var(--v-theme-surface), 0.92) 100%);
  border-block-end: 1px solid rgba(var(--v-theme-on-surface), 0.06);
  inset-block-start: 0;
  padding-block: 1.25rem 1rem;
  padding-inline: 1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar-glass-header::after {
  position: absolute;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-primary), 0.25) 50%, transparent 100%);
  block-size: 2px;
  content: "";
  inset-block-end: 0;
  inset-inline: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sidebar-glass-header:hover::after {
  opacity: 1;
}
.modern-tab-toggle {
  overflow: hidden;
  border: 1px solid rgba(var(--v-theme-primary), 0.12) !important;
  backdrop-filter: blur(12px);
  background: rgba(var(--v-theme-primary), 0.03);
  box-shadow: 0 2px 16px rgba(var(--v-theme-primary), 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.modern-tab-toggle .v-btn {
  position: relative;
  z-index: 1;
  border-color: rgba(var(--v-theme-primary), 0.1) !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.modern-tab-toggle .v-btn--active {
  background: linear-gradient(135deg, rgb(var(--v-theme-primary)), rgba(var(--v-theme-primary), 0.75)) !important;
  box-shadow: 0 4px 20px rgba(var(--v-theme-primary), 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transform: scale(1.03);
}
.modern-tab-toggle .v-btn:not(.v-btn--active):hover {
  background: rgba(var(--v-theme-primary), 0.1);
  transform: scale(1.01);
}
.modern-tab-toggle .v-btn:not(.v-btn--active):active {
  transform: scale(0.98);
}
.sidebar-gradient-accent {
  animation: gradientShimmer 3s ease-in-out infinite;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-primary), 0.15) 15%, rgba(var(--v-theme-primary), 0.6) 50%, rgba(var(--v-theme-primary), 0.15) 85%, transparent 100%);
  background-size: 200% 100%;
  block-size: 2px;
  margin-block: 0;
  margin-inline: 1rem;
}
@keyframes gradientShimmer {
0%, 100% {
    background-position: 0% 0%;
}
50% {
    background-position: 100% 0%;
}
}
.modern-search-input .v-field {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.06) !important;
  border-radius: 28px !important;
  background: rgba(var(--v-theme-on-surface), 0.03) !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.03);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.modern-search-input .v-field:hover {
  border-color: rgba(var(--v-theme-primary), 0.18) !important;
  background: rgba(var(--v-theme-on-surface), 0.05) !important;
  box-shadow: 0 2px 12px rgba(var(--v-theme-primary), 0.04);
}
.modern-search-input .v-field.v-field--focused {
  border-color: rgba(var(--v-theme-primary), 0.4) !important;
  background: rgba(var(--v-theme-surface), 0.95) !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.03), 0 0 0 3px rgba(var(--v-theme-primary), 0.08), 0 4px 20px rgba(var(--v-theme-primary), 0.06);
}
.chat-contacts-list {
  --chat-content-spacing-x: 12px;
  padding-block-end: 0.75rem;
}
.chat-contacts-list::-webkit-scrollbar {
  inline-size: 4px;
}
.chat-contacts-list::-webkit-scrollbar-track {
  background: transparent;
}
.chat-contacts-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(var(--v-theme-on-surface), 0.1);
}
.chat-contacts-list::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--v-theme-on-surface), 0.2);
}
.chat-contacts-list .chat-contact-header {
  margin-block-end: 0.5rem;
  margin-block-start: 1rem;
}
.chat-contacts-list .chat-contact-header,
.chat-contacts-list .no-chat-items-text {
  margin-inline: var(--chat-content-spacing-x);
}/* stylelint-disable scss/no-global-function-names */
.scroll-to-bottom-btn[data-v-034068b0] {
  position: absolute !important;
  bottom: 80px;
  right: 20px;
  z-index: 100;
  border-radius: 50%;
  box-shadow: 0 4px 20px rgba(56, 99, 217, 0.4) !important;
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.scroll-to-bottom-btn[data-v-034068b0]:hover {
  transform: scale(1.1) translateY(-2px);
  box-shadow: 0 6px 24px rgba(56, 99, 217, 0.6) !important;
}
.scroll-to-bottom-btn[data-v-034068b0]:active {
  transform: scale(0.95);
}
.scroll-button-enter-active[data-v-034068b0],
.scroll-button-leave-active[data-v-034068b0] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.scroll-button-enter-from[data-v-034068b0],
.scroll-button-leave-to[data-v-034068b0] {
  opacity: 0;
  transform: translateY(20px) scale(0.8);
}/* stylelint-disable scss/no-global-function-names */
.users-list {
  padding: 8px;
}
.users-list__row {
  border-radius: 12px;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  background: rgba(var(--v-theme-on-surface), 0.015);
}
.users-list__card {
  cursor: pointer;
  transition: all 0.3s;
  min-height: 74px;
  padding-block: 8px;
  border-radius: 12px;
}
.users-list__card :deep(.v-list-item__prepend) {
  align-items: center;
  gap: 8px;
}
.users-list__card :deep(.v-selection-control) {
  margin-inline-end: 0;
}
.users-list__card :deep(.v-list-item-subtitle) {
  margin-top: 2px;
  line-height: 1.2;
}
.users-list__card:hover, .users-list__card.active {
  background: rgba(var(--v-theme-secondary), 12%);
}.vue-advanced-cropper {
  text-align: center;
  position: relative;
  user-select: none;
  max-height: 100%;
  max-width: 100%;
  direction: ltr;
}
.vue-advanced-cropper__stretcher {
  pointer-events: none;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.vue-advanced-cropper__image {
  user-select: none;
  position: absolute;
  transform-origin: center;
  max-width: none !important;
}
.vue-advanced-cropper__background, .vue-advanced-cropper__foreground {
  opacity: 1;
  background: black;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.vue-advanced-cropper__foreground {
  opacity: 0.5;
}
.vue-advanced-cropper__boundaries {
  opacity: 1;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.vue-advanced-cropper__cropper-wrapper {
  width: 100%;
  height: 100%;
}
.vue-advanced-cropper__image-wrapper {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-advanced-cropper__stencil-wrapper {
  position: absolute;
}

.vue-simple-handler {
  display: block;
  background: white;
  height: 10px;
  width: 10px;
}

.vue-handler-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
}
.vue-handler-wrapper__draggable {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-handler-wrapper--west-north {
  cursor: nw-resize;
}
.vue-handler-wrapper--north {
  cursor: n-resize;
}
.vue-handler-wrapper--east-north {
  cursor: ne-resize;
}
.vue-handler-wrapper--east {
  cursor: e-resize;
}
.vue-handler-wrapper--east-south {
  cursor: se-resize;
}
.vue-handler-wrapper--south {
  cursor: s-resize;
}
.vue-handler-wrapper--west-south {
  cursor: sw-resize;
}
.vue-handler-wrapper--west {
  cursor: w-resize;
}
.vue-handler-wrapper--disabled {
  cursor: auto;
}

.vue-line-wrapper {
  background: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-line-wrapper--north, .vue-line-wrapper--south {
  height: 12px;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.vue-line-wrapper--north {
  top: 0;
  cursor: n-resize;
}
.vue-line-wrapper--south {
  top: 100%;
  cursor: s-resize;
}
.vue-line-wrapper--east, .vue-line-wrapper--west {
  width: 12px;
  height: 100%;
  transform: translateX(-50%);
  top: 0;
}
.vue-line-wrapper--east {
  left: 100%;
  cursor: e-resize;
}
.vue-line-wrapper--west {
  left: 0;
  cursor: w-resize;
}
.vue-line-wrapper--disabled {
  cursor: auto;
}

.vue-bounding-box {
  position: relative;
  height: 100%;
  width: 100%;
}
.vue-bounding-box__handler {
  position: absolute;
}
.vue-bounding-box__handler--west-north {
  left: 0;
  top: 0;
}
.vue-bounding-box__handler--north {
  left: 50%;
  top: 0;
}
.vue-bounding-box__handler--east-north {
  left: 100%;
  top: 0;
}
.vue-bounding-box__handler--east {
  left: 100%;
  top: 50%;
}
.vue-bounding-box__handler--east-south {
  left: 100%;
  top: 100%;
}
.vue-bounding-box__handler--south {
  left: 50%;
  top: 100%;
}
.vue-bounding-box__handler--west-south {
  left: 0;
  top: 100%;
}
.vue-bounding-box__handler--west {
  left: 0;
  top: 50%;
}

.vue-draggable-area {
  position: relative;
}

.vue-preview-result {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  width: 100%;
}
.vue-preview-result__wrapper {
  position: absolute;
}
.vue-preview-result__image {
  pointer-events: none;
  position: relative;
  user-select: none;
  transform-origin: center;
  max-width: none !important;
}

.vue-rectangle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.vue-rectangle-stencil__preview {
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-rectangle-stencil--movable {
  cursor: move;
}

.vue-circle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
  cursor: move;
}
.vue-circle-stencil__preview {
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-circle-stencil--movable {
  cursor: move;
}

.vue-preview {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.vue-preview--fill {
  width: 100%;
  height: 100%;
  position: absolute;
}
.vue-preview__wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}
.vue-preview__image {
  pointer-events: none;
  position: absolute;
  user-select: none;
  transform-origin: center;
  max-width: none !important;
}

.vue-simple-line {
  background: none;
  transition: border 0.5s;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 0;
  border-style: solid;
}
.vue-simple-line--south, .vue-simple-line--north {
  height: 0;
  width: 100%;
}
.vue-simple-line--east, .vue-simple-line--west {
  height: 100%;
  width: 0;
}
.vue-simple-line--east {
  border-right-width: 1px;
}
.vue-simple-line--west {
  border-left-width: 1px;
}
.vue-simple-line--south {
  border-bottom-width: 1px;
}
.vue-simple-line--north {
  border-top-width: 1px;
}
.vue-simple-line--hover {
  opacity: 1;
  border-color: white;
}/* stylelint-disable scss/no-global-function-names */
.editor-container[data-v-e5071cf3] {
  max-height: 500px;
  overflow: auto;
  background: #1a1a2e;
  border-radius: 8px;
  min-height: 200px;
}
.cropper-wrapper[data-v-e5071cf3] {
  width: 100%;
  height: 100%;
}
.canvas-wrapper[data-v-e5071cf3] {
  width: 100%;
  text-align: center;
}
.canvas-text-container[data-v-e5071cf3] {
  position: relative;
  display: inline-block;
  line-height: 0;
  overflow: visible;
}
.text-overlay[data-v-e5071cf3] {
  position: absolute;
  user-select: none;
  z-index: 10;
  font-weight: bold;
  font-family: Arial, sans-serif;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7), -1px -1px 3px rgba(0, 0, 0, 0.7), 0 0 8px rgba(0, 0, 0, 0.5);
  padding: 4px 8px;
  border: 2px dashed transparent;
  border-radius: 4px;
  cursor: move;
  white-space: nowrap;
  pointer-events: auto;
  transition: border-color 0.15s;
}
.text-overlay[data-v-e5071cf3]:hover {
  border-color: rgba(105, 100, 255, 0.8);
  background: rgba(0, 0, 0, 0.15);
}
.text-overlay:hover .text-overlay-remove[data-v-e5071cf3] {
  opacity: 1;
  pointer-events: auto;
}
.text-overlay-content[data-v-e5071cf3] {
  pointer-events: none;
}
.text-overlay-remove[data-v-e5071cf3] {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ff4444;
  color: white;
  border: 2px solid white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s, transform 0.15s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  z-index: 11;
}
.text-overlay-remove[data-v-e5071cf3]:hover {
  background: #cc0000;
  transform: scale(1.15);
}
.cropper[data-v-e5071cf3] {
  max-height: 500px;
  background: #f5f5f5;
}
canvas[data-v-e5071cf3] {
  max-width: 100%;
  height: auto;
  display: block;
}
.zoom-level[data-v-e5071cf3] {
  min-width: 52px;
  text-align: center;
}
input[type=color][data-v-e5071cf3] {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.search-input-wrapper[data-v-7eec9bab] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
  border-radius: 6px;
  padding: 0 12px;
  background: rgb(var(--v-theme-surface));
  transition: border-color 0.2s ease;
}
.search-input-wrapper[data-v-7eec9bab]:focus-within {
  border-color: rgb(var(--v-theme-primary));
  border-width: 2px;
  padding: 0 11px;
}
.search-icon[data-v-7eec9bab] {
  margin-right: 8px;
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  font-size: 20px;
}
.search-input[data-v-7eec9bab] {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  padding: 12px 0;
  font-size: 14px;
  color: rgb(var(--v-theme-on-surface));
  font-family: inherit;
}
.search-input[data-v-7eec9bab]::placeholder {
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
}
.map-loading-overlay[data-v-7eec9bab] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}
.current-location-btn[data-v-7eec9bab] {
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.pac-container {
  z-index: 10000 !important;
}

.signature-dialog[data-v-fd4eef8c] {
  font-family: 'Alexandria', 'Almarai', sans-serif !important;
}
.signature-dialog[data-v-fd4eef8c] * {
  font-family: inherit !important;
}
.signature-canvas-wrapper[data-v-fd4eef8c] {
  position: relative;
  border: 2px dashed rgba(var(--v-border-color), 0.4);
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  transition: border-color 0.2s;
}
.signature-canvas-wrapper[data-v-fd4eef8c]:not(.is-empty) {
  border-style: solid;
  border-color: rgba(var(--v-theme-primary), 0.4);
}
.signature-canvas[data-v-fd4eef8c] {
  display: block;
  width: 100%;
  height: 240px;
  cursor: crosshair;
  touch-action: none;
}
.signature-placeholder[data-v-fd4eef8c] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.6;
}
.color-dot[data-v-fd4eef8c] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: transform 0.15s, border-color 0.15s;
}
.color-dot[data-v-fd4eef8c]:hover {
  transform: scale(1.15);
}
.color-dot--active[data-v-fd4eef8c] {
  border-color: rgba(var(--v-theme-on-surface), 0.5);
  transform: scale(1.2);
}
/* stylelint-disable scss/no-global-function-names */
.effects-overlay-root[data-v-b3c04cdd] {
  position: fixed;
  inset: 0;
  z-index: 5000;
  direction: ltr;
  pointer-events: none;
}
.effects-drawer[data-v-b3c04cdd] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(420px, 100vw);
  border-inline-start: 1px solid rgba(var(--v-theme-on-surface), 0.16);
  background: rgb(var(--v-theme-surface));
  box-shadow: -18px 0 34px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  overflow: hidden;
  pointer-events: auto;
}
.effects-controls-body[data-v-b3c04cdd] {
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.drawer-head[data-v-b3c04cdd] {
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.1);
  background: rgba(var(--v-theme-surface), 0.98);
}
.effect-block[data-v-b3c04cdd] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.12);
  border-radius: 14px;
  padding: 14px;
  height: auto;
  background: linear-gradient(180deg, rgba(var(--v-theme-surface), 0.92), rgba(var(--v-theme-surface), 0.76));
  box-shadow: 0 4px 16px rgba(5, 10, 25, 0.16);
  overflow: visible;
}
.effect-fields[data-v-b3c04cdd] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 10px;
}
.section-head[data-v-b3c04cdd] {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 0.9rem;
  color: rgba(var(--v-theme-on-surface), 0.9);
  padding: 4px 4px 10px;
  cursor: pointer;
}
.section-head--switch[data-v-b3c04cdd] {
  cursor: default;
}
.slider-row[data-v-b3c04cdd] {
  display: grid;
  grid-template-columns: minmax(130px, 1.15fr) 1.85fr 68px;
  gap: 10px;
  align-items: center;
}
.slider-row span[data-v-b3c04cdd] {
  font-size: 0.78rem;
  color: rgba(var(--v-theme-on-surface), 0.8);
}
.mini-value[data-v-b3c04cdd] input {
  text-align: center;
  font-size: 0.76rem;
}
.chips-grid[data-v-b3c04cdd] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 8px;
  background: rgba(var(--v-theme-on-surface), 0.04);
  border-radius: 12px;
  height: auto;
  overflow: visible;
}
.chips-grid--3[data-v-b3c04cdd] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.chips-grid[data-v-b3c04cdd] .v-btn-toggle {
  display: grid !important;
  gap: 10px;
  width: 100%;
  height: auto !important;
  min-height: 0;
  overflow: visible !important;
  white-space: normal;
  border-radius: 12px;
}
.chips-grid.chips-grid--3[data-v-b3c04cdd] .v-btn-toggle {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.chips-grid[data-v-b3c04cdd]:not(.chips-grid--3) .v-btn-toggle {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.chips-grid[data-v-b3c04cdd] .v-btn {
  min-width: 0;
  min-height: 36px;
  height: auto;
  padding: 6px 8px;
  border-radius: 11px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.74rem;
  line-height: 1.15;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.12);
  background: rgba(var(--v-theme-surface), 0.9);
  color: rgba(var(--v-theme-on-surface), 0.78);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}
.chips-grid[data-v-b3c04cdd] .v-btn__content {
  text-align: center;
  white-space: normal;
  line-height: 1.15;
  overflow: visible;
}
.chips-grid[data-v-b3c04cdd] .v-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--v-theme-primary), 0.45);
  box-shadow: 0 6px 12px rgba(var(--v-theme-primary), 0.14);
}
.chips-grid[data-v-b3c04cdd] .v-btn.v-btn--active {
  border-color: rgba(var(--v-theme-primary), 0.75);
  background: linear-gradient(180deg, rgba(var(--v-theme-primary), 0.18), rgba(var(--v-theme-primary), 0.1));
  color: rgb(var(--v-theme-primary));
  box-shadow: 0 8px 16px rgba(var(--v-theme-primary), 0.26);
}
.two-col[data-v-b3c04cdd] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.mode-chip[data-v-b3c04cdd] {
  font-size: 0.72rem;
  color: rgba(var(--v-theme-on-surface), 0.78);
  background: rgba(var(--v-theme-primary), 0.14);
  border: 1px solid rgba(var(--v-theme-primary), 0.35);
  border-radius: 999px;
  padding: 2px 8px;
}
.drawer-actions[data-v-b3c04cdd] {
  border-top: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  background: rgba(var(--v-theme-surface), 0.96);
}/* stylelint-disable scss/no-global-function-names */
.signature-studio[data-v-d05beaa3] {
  border-radius: 18px;
  font-family: inherit;
}
.signature-studio[data-v-d05beaa3] * {
  font-family: inherit;
}
.signature-studio[data-v-d05beaa3] span {
  font-family: inherit !important;
}
.actions-tabs-card[data-v-d05beaa3] {
  overflow: hidden;
  border-radius: 14px;
}
.actions-tabs-card[data-v-d05beaa3] .v-slide-group__content {
  gap: 6px;
  padding-block: 4px;
}
.actions-tabs-card[data-v-d05beaa3] .v-tabs {
  padding-inline: 6px;
  min-height: 48px;
}
.actions-tabs-card[data-v-d05beaa3] .v-tab {
  min-height: 42px;
  border-radius: 10px;
  transition: all 0.25s ease;
  font-size: 0.8rem;
  font-weight: 600;
  padding-inline: 10px;
  white-space: nowrap;
  line-height: 1.2;
  align-items: center;
}
.actions-tabs-card[data-v-d05beaa3] .v-tab.v-tab--selected {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(var(--v-theme-primary), 0.18);
}
.actions-tabs-card[data-v-d05beaa3] .v-label,
.actions-tabs-card[data-v-d05beaa3] .v-field-label,
.actions-tabs-card[data-v-d05beaa3] .v-selection-control__label,
.actions-tabs-card[data-v-d05beaa3] .v-btn__content,
.actions-tabs-card[data-v-d05beaa3] .v-messages__message,
.actions-tabs-card[data-v-d05beaa3] .v-input__details {
  font-size: 0.78rem;
  line-height: 1.25;
}
.actions-panel-body[data-v-d05beaa3] {
  max-height: calc(100vh - 360px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px 18px 18px;
  font-size: 0.82rem;
}
.actions-panel-body[data-v-d05beaa3] .v-input {
  margin-bottom: 4px;
}
.actions-panel-body[data-v-d05beaa3] .v-file-input .v-field__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.actions-panel-body[data-v-d05beaa3] .v-file-input .v-field__clearable {
  margin-inline-start: 8px;
}
.actions-panel-body[data-v-d05beaa3] .v-file-input .v-field__append-inner {
  margin-inline-start: 4px;
}
.actions-panel-body[data-v-d05beaa3]::-webkit-scrollbar,
.viewer-body[data-v-d05beaa3]::-webkit-scrollbar,
.stage-host[data-v-d05beaa3]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.actions-panel-body[data-v-d05beaa3]::-webkit-scrollbar-thumb,
.viewer-body[data-v-d05beaa3]::-webkit-scrollbar-thumb,
.stage-host[data-v-d05beaa3]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(var(--v-theme-primary), 0.5);
}
.preview-label[data-v-d05beaa3] {
  font-size: 12px;
  margin-bottom: 6px;
  color: rgba(var(--v-theme-on-surface), 0.7);
}
.preview-box[data-v-d05beaa3] {
  position: relative;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.15);
  border-radius: 10px;
  min-height: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.preview-box img[data-v-d05beaa3] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.35s ease, filter 0.35s ease, opacity 0.35s ease;
}
.preview-box.is-processing img[data-v-d05beaa3] {
  transform: scale(1.03);
  filter: saturate(0.88) blur(0.4px);
  opacity: 0.9;
}
.preview-box.is-processing[data-v-d05beaa3]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 22%, rgba(var(--v-theme-primary), 0.18) 50%, transparent 78%);
  animation: previewShimmer-d05beaa3 1.05s linear infinite;
  z-index: 2;
  pointer-events: none;
}
.processing-overlay[data-v-d05beaa3] {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 3;
  pointer-events: none;
}
.processing-spinner[data-v-d05beaa3] {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 2px solid rgba(var(--v-theme-primary), 0.2);
  border-top-color: rgb(var(--v-theme-primary));
  animation: spin-d05beaa3 0.8s linear infinite;
}
.checkerboard[data-v-d05beaa3] {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.06) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.06) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.06) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.06) 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}
.color-presets[data-v-d05beaa3] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.output-background-panel[data-v-d05beaa3] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.12);
  border-radius: 12px;
  padding: 10px 10px 12px;
  background: rgba(var(--v-theme-on-surface), 0.02);
}
.output-background-panel[data-v-d05beaa3] .v-selection-control-group {
  row-gap: 6px;
}
.output-background-panel[data-v-d05beaa3] .v-selection-control {
  margin-inline-end: 10px;
}
.bg-color-dot[data-v-d05beaa3] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgba(var(--v-theme-on-surface), 0.2);
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease;
}
.bg-color-dot[data-v-d05beaa3]:hover {
  transform: scale(1.12);
}
.bg-color-dot--active[data-v-d05beaa3] {
  border-color: rgb(var(--v-theme-primary));
  transform: scale(1.16);
}
.bg-image-preview[data-v-d05beaa3] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.15);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(var(--v-theme-surface), 1);
}
.bg-image-preview img[data-v-d05beaa3] {
  width: 100%;
  max-height: 120px;
  object-fit: cover;
  display: block;
}
.draw-pad-wrapper[data-v-d05beaa3] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.2);
  border-radius: 10px;
  padding: 8px;
}
.draw-pad-toolbar[data-v-d05beaa3] {
  border-radius: 8px;
  padding: 6px 8px;
  background: rgba(var(--v-theme-on-surface), 0.03);
}
.draw-color-dot[data-v-d05beaa3] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease;
}
.draw-color-dot[data-v-d05beaa3]:hover {
  transform: scale(1.14);
}
.draw-color-dot--active[data-v-d05beaa3] {
  border-color: rgba(var(--v-theme-on-surface), 0.6);
  transform: scale(1.18);
}
.draw-pad-canvas[data-v-d05beaa3] {
  width: 100%;
  height: 180px;
  background: #fff;
  border-radius: 8px;
  border: 1px dashed rgba(var(--v-theme-on-surface), 0.15);
}
.viewer-card[data-v-d05beaa3] {
  min-height: auto;
  min-height: 600px;
}
.viewer-body[data-v-d05beaa3] {
  overflow: auto;
  overscroll-behavior: contain;
}
.pdf-page-select[data-v-d05beaa3] {
  width: 140px;
}
.stage-host[data-v-d05beaa3] {
  position: relative;
  width: 100%;
  min-height: 560px;
  max-height: calc(100vh - 420px);
  border-radius: 14px;
  border: 1px dashed rgba(var(--v-theme-on-surface), 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
}
.stage-host.is-empty[data-v-d05beaa3] {
  background: rgba(var(--v-theme-on-surface), 0.03);
}
.pdf-scroll-controls[data-v-d05beaa3] {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 30px;
  pointer-events: auto;
}
.glass-panel[data-v-d05beaa3] {
  background: rgba(var(--v-theme-surface), 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.page-indicator[data-v-d05beaa3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: rgb(var(--v-theme-primary));
  padding: 4px 0;
  min-width: 24px;
  text-align: center;
}
.pdf-scroll-btn[data-v-d05beaa3] {
  transition: all 0.2s ease;
}
.pdf-scroll-btn[data-v-d05beaa3]:hover:not(:disabled) {
  background: rgba(var(--v-theme-primary), 0.1) !important;
  transform: scale(1.1);
}
.premium-btn[data-v-d05beaa3] {
  letter-spacing: 0.3px;
  min-width: 150px;
  transition: all 0.3s ease;
}
.premium-btn[data-v-d05beaa3]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(var(--v-theme-primary), 0.3) !important;
}
.step-badge[data-v-d05beaa3] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgb(var(--v-theme-primary));
  color: rgb(var(--v-theme-on-primary));
  font-weight: 800;
  font-size: 1.1rem;
  box-shadow: 0 4px 12px rgba(var(--v-theme-primary), 0.3);
}
.signature-stage[data-v-d05beaa3] {
  position: relative;
  background: rgba(var(--v-theme-surface), 1);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.signature-stage.layout-locked .pdf-frame[data-v-d05beaa3] {
  pointer-events: none;
}
.base-render[data-v-d05beaa3] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
  user-select: none;
}
.pdf-render[data-v-d05beaa3] {
  background: #fff;
}
.pdf-frame[data-v-d05beaa3] {
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: auto;
}
.signature-layer[data-v-d05beaa3] {
  position: absolute;
  border: 1px solid transparent;
  touch-action: none;
  cursor: move;
}
.signature-layer img[data-v-d05beaa3] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}
.signature-layer.active[data-v-d05beaa3] {
  border-color: rgb(var(--v-theme-primary));
  box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), 0.3);
}
.signature-layer.locked[data-v-d05beaa3] {
  cursor: default;
}
.signature-layer.locked .resize-handle[data-v-d05beaa3] {
  display: none;
}
.resize-handle[data-v-d05beaa3] {
  position: absolute;
  width: 12px;
  height: 12px;
  right: -6px;
  bottom: -6px;
  border-radius: 999px;
  background: rgb(var(--v-theme-primary));
}
.empty-state[data-v-d05beaa3] {
  text-align: center;
  color: rgba(var(--v-theme-on-surface), 0.7);
}
.canvas-background[data-v-d05beaa3] {
  background-image: radial-gradient(rgba(var(--v-theme-on-surface), 0.08) 1px, transparent 1px);
  background-size: 24px 24px;
  background-color: rgba(var(--v-theme-surface), 0.5);
}
@keyframes pulseGlow-d05beaa3 {
0% {
    box-shadow: 0 0 0 0 rgba(var(--v-theme-primary), 0.4);
}
70% {
    box-shadow: 0 0 0 10px rgba(var(--v-theme-primary), 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(var(--v-theme-primary), 0);
}
}
.pulse-glow[data-v-d05beaa3] {
  animation: pulseGlow-d05beaa3 2.5s infinite;
}
@keyframes panelFadeIn-d05beaa3 {
from {
    opacity: 0;
    transform: translateY(10px) scale(0.995);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes previewShimmer-d05beaa3 {
from {
    transform: translateX(-120%);
}
to {
    transform: translateX(120%);
}
}
@keyframes spin-d05beaa3 {
to {
    transform: rotate(360deg);
}
}
@keyframes stagePulseIn-d05beaa3 {
from {
    opacity: 0;
    transform: scale(0.985);
    filter: saturate(0.85);
}
to {
    opacity: 1;
    transform: scale(1);
    filter: saturate(1);
}
}
.panel-animate-in[data-v-d05beaa3] {
  animation: panelFadeIn-d05beaa3 0.35s ease-out;
}
.stage-animate-in[data-v-d05beaa3] {
  animation: stagePulseIn-d05beaa3 0.45s ease-out;
}
@media (max-width: 960px) {
.actions-panel-body[data-v-d05beaa3] {
    max-height: none;
    overflow: visible;
}
.viewer-card[data-v-d05beaa3] {
    min-height: 620px;
}
.viewer-body[data-v-d05beaa3] {
    max-height: none;
    overflow: visible;
    padding: 12px;
}
.stage-host[data-v-d05beaa3] {
    min-height: 420px;
    max-height: 62vh;
}
}.v3-body-inner{scroll-behavior:smooth;scrollbar-color:#393d3f rgba(0,0,0,.1);scrollbar-width:thin}.v3-body-inner::-webkit-scrollbar{width:8px}.v3-body-inner::-webkit-scrollbar-track{background-color:transparent}.v3-body-inner::-webkit-scrollbar-thumb{display:none;background:rgba(0,0,0,.3);border-radius:5px}.v3-body-inner:hover::-webkit-scrollbar-thumb{display:block}.v3-emoji-picker{height:320px;width:280px;box-shadow:0 2px 10px #0003;border-radius:10px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;text-align:left}.v3-emoji-picker *{box-sizing:border-box}.v3-emoji-picker .v3-header{padding:15px 15px 13px;border-bottom:1px solid}.v3-emoji-picker .v3-header .v3-groups{display:flex}.v3-emoji-picker .v3-header .v3-groups .v3-group{flex-grow:1;padding:0;margin:0;border:none;background:none;font-size:23px;cursor:pointer;position:relative;display:block;opacity:.7;transition:.2s}.v3-emoji-picker .v3-header .v3-groups .v3-group.v3-is-hidden{display:none}.v3-emoji-picker .v3-header .v3-groups .v3-group:first-child,.v3-emoji-picker .v3-header .v3-groups .v3-group:last-child{flex-grow:0}.v3-emoji-picker .v3-header .v3-groups .v3-group:hover{opacity:1}.v3-emoji-picker .v3-header .v3-groups .v3-group span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-header .v3-groups .v3-group span img{display:block;width:1em;height:auto}.v3-emoji-picker .v3-spacing{height:11px}.v3-emoji-picker .v3-search input{width:100%;display:block;height:26px;padding:0 10px;border:1px solid;border-radius:3px;font-size:12px;transition:.2s}.v3-emoji-picker .v3-search input:focus{outline:none}.v3-emoji-picker .v3-body{padding:0 0 15px 11px;min-height:0;flex-grow:1}.v3-emoji-picker .v3-body .v3-body-inner{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;height:100%;padding-right:11px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5{margin:0;top:0;padding:7px 0 3px 4px;z-index:2}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5.v3-sticky{position:sticky}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis{display:flex;font-size:18px;flex-wrap:wrap}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button{cursor:pointer;border:none;background:none;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-basis:12.5%;max-width:12.5%;flex-grow:1;padding:0;font-size:22px;position:relative}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:after{content:"";width:100%;padding-bottom:100%}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{max-width:100%;padding:4px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span,.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{position:absolute;top:0;left:0;width:100%;height:100%}.v3-emoji-picker .v3-body .v3-body-inner.is-mac .v3-emojis button{font-family:"Apple Color Emoji"}.v3-emoji-picker .v3-footer{font-size:14px;border-top:1px solid #dddddd;padding:15px;display:flex;align-items:center;justify-content:space-between;position:relative}.v3-emoji-picker .v3-footer .v3-tone,.v3-emoji-picker .v3-footer .v3-foot-left{display:flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone img,.v3-emoji-picker .v3-footer .v3-foot-left img{width:20px;display:block}.v3-emoji-picker .v3-footer .v3-tone>span:first-child,.v3-emoji-picker .v3-footer .v3-foot-left>span:first-child{margin-right:6px}.v3-emoji-picker .v3-footer .v3-foot-left>span.v3-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-emoji-picker .v3-footer .v3-tone{border:none;padding:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone>span{display:inline-flex;vertical-align:top}.v3-emoji-picker .v3-footer .v3-tone .v3-text{font-size:13px}.v3-emoji-picker .v3-footer .v3-tone .v3-icon{display:inline-flex;height:15px;width:15px;vertical-align:middle;align-self:center;border:2px solid rgba(0,0,0,.2)}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-neutral{background-color:#ffd225}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fb{background-color:#ffdfbd}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fc{background-color:#e9c197}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fd{background-color:#c88e62}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fe{background-color:#a86637}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3ff{background-color:#60463a}.v3-emoji-picker .v3-footer .v3-tone .is-mac span{font-family:"Apple Color Emoji"}.v3-skin-tones{position:absolute;height:100%;width:60%;top:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;opacity:0;visibility:hidden;transition:.2s;border-radius:0 0 10px 10px}.v3-skin-tones.v3-is-open{opacity:1;visibility:visible}.v3-skin-tones .v3-skin-tone{display:inline-block;height:15px;width:25px;border:none;padding:0;cursor:pointer;transition:0ms}.v3-skin-tones .v3-skin-tone:hover{transform:scale(1.1);transition:.2s}.v3-skin-tones .v3-skin-tone-neutral{color:#ffd225;background-color:#ffd225}.v3-skin-tones .v3-skin-tone-1f3fb{color:#ffdfbd;background-color:#ffdfbd}.v3-skin-tones .v3-skin-tone-1f3fc{color:#e9c197;background-color:#e9c197}.v3-skin-tones .v3-skin-tone-1f3fd{color:#c88e62;background-color:#c88e62}.v3-skin-tones .v3-skin-tone-1f3fe{color:#a86637;background-color:#a86637}.v3-skin-tones .v3-skin-tone-1f3ff{color:#60463a;background-color:#60463a}.v3-input-emoji-picker *{box-sizing:border-box}.v3-input-emoji-picker .v3-input-picker-root{position:relative}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-input,.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{width:100%;height:40px;border:1px solid #999;padding-left:15px}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{min-height:80px;resize:vertical}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea+.v3-input-picker-wrap .v3-input-picker-icon{top:auto;bottom:5px}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon{display:inline-flex;position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:24px;border:none;background:none;padding:0 5px;cursor:pointer}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon img{display:block;width:1em;height:1em}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-emoji-picker{opacity:0;visibility:hidden;transition:.2s}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap.v3-picker-is-open .v3-emoji-picker{opacity:1;visibility:visible;z-index:999}.v3-emoji-picker{--v3-picker-bg: #ffffff;--v3-picker-fg: #000000;--v3-picker-border: #dddddd;--v3-picker-input-bg: var(--v3-picker-bg);--v3-picker-input-border: #cccccc;--v3-picker-input-focus-border: #000000;--v3-group-image-filter: none;--v3-picker-emoji-hover: #f7f7f7;background:var(--v3-picker-bg);color:var(--v3-picker-fg)}.v3-emoji-picker .v3-footer,.v3-emoji-picker .v3-header{border-color:var(--v3-picker-border)}.v3-emoji-picker .v3-groups{filter:var(--v3-group-image-filter)}.v3-emoji-picker .v3-tone{color:var(--v3-picker-fg)}.v3-emoji-picker .v3-search input{background:var(--v3-picker-input-bg);border-color:var(--v3-picker-input-border);color:inherit}.v3-emoji-picker .v3-search input:focus{border-color:var(--v3-picker-input-focus-border)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5,.v3-emoji-picker .v3-skin-tones{background:var(--v3-picker-bg)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:hover{background:var(--v3-picker-emoji-hover, #f7f7f7)}@media (prefers-color-scheme: dark){.v3-emoji-picker.v3-color-theme-auto{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}}.v3-emoji-picker.v3-color-theme-dark{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
[data-v-0b09fd15] .v-radio-group .v-selection-control-group .v-radio {
  align-items: baseline;
  margin-block: 0 5px;
  margin-inline: 0;
}
/* stylelint-disable scss/no-global-function-names */
.chat-log-message-form[data-v-bd8d3c2b] {
  position: relative;
}
.chat-log-message-form[data-v-bd8d3c2b]::after {
  content: "";
  position: absolute;
  left: 3%;
  right: 3%;
  bottom: -10px;
  height: 20px;
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(var(--v-theme-primary), 0.22), transparent 70%);
  filter: blur(12px);
  opacity: 0.75;
  pointer-events: none;
}
.chat-log-message-form .position-relative[data-v-bd8d3c2b] >  .v-card {
  border: 1px solid rgba(var(--v-theme-primary), 0.14) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(var(--v-theme-primary), 0.07), transparent 48%), rgba(var(--v-theme-surface), 0.9) !important;
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 16px 34px rgba(7, 10, 22, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.chat-log-message-form .position-relative[data-v-bd8d3c2b] >  .v-card:focus-within {
  border-color: rgba(var(--v-theme-primary), 0.3) !important;
  box-shadow: 0 18px 40px rgba(7, 10, 22, 0.24), 0 0 0 3px rgba(var(--v-theme-primary), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-1px);
}
.chat-log-message-form[data-v-bd8d3c2b] .v-field__input {
  min-height: 48px;
  letter-spacing: 0.1px;
}
.chat-log-message-form[data-v-bd8d3c2b] .v-field__field input::placeholder {
  color: rgba(var(--v-theme-on-surface), 0.54);
  font-weight: 500;
}
.chat-log-message-form[data-v-bd8d3c2b] .v-btn--icon {
  border-radius: 12px;
  transition: transform 0.18s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.chat-log-message-form[data-v-bd8d3c2b] .v-btn--icon:hover {
  transform: translateY(-1px);
  background-color: rgba(var(--v-theme-primary), 0.12);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
}
.chat-preview-box[data-v-bd8d3c2b] {
  border-radius: 18px;
  border: 1px solid rgba(var(--v-theme-primary), 0.14);
  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.07), transparent 45%), rgba(var(--v-theme-surface), 0.78);
  backdrop-filter: blur(10px) saturate(1.15);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  animation: composer-fade-in-bd8d3c2b 0.28s ease;
}
.mention-dropdown[data-v-bd8d3c2b] {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-bottom: 10px;
  max-height: 260px;
  overflow-y: auto;
  z-index: 1000;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(var(--v-border-color), 0.05);
  backdrop-filter: blur(20px) saturate(1.4);
  background: rgba(var(--v-theme-surface), 0.92) !important;
}
.v-list-item[data-v-bd8d3c2b] {
  cursor: pointer;
  border-radius: 12px;
  margin: 2px 6px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-list-item[data-v-bd8d3c2b]:hover {
  background-color: rgba(var(--v-theme-primary), 0.08);
  transform: translateX(-3px);
}
.edit-image-btn[data-v-bd8d3c2b] {
  position: absolute;
  top: 8px;
  right: 8px;
  opacity: 0;
  transition: opacity 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.chat-preview-box__img:hover .edit-image-btn[data-v-bd8d3c2b] {
  opacity: 1;
}
.gif-badge[data-v-bd8d3c2b] {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  backdrop-filter: blur(4px);
}

/* Emoji support for message input */
.chat-message-input[data-v-bd8d3c2b] input,
.chat-message-input[data-v-bd8d3c2b] textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", Roboto, Helvetica, Arial, sans-serif;
}

/* Preview row wrapper with arrows */
.preview-row-wrapper[data-v-bd8d3c2b] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
.preview-scroll-arrow[data-v-bd8d3c2b] {
  flex: 0 0 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: rgba(var(--v-theme-on-surface), 0.08);
  color: rgba(var(--v-theme-on-surface), 0.7);
  backdrop-filter: blur(6px);
  transition: all 0.2s ease;
  z-index: 3;
}
.preview-scroll-arrow[data-v-bd8d3c2b]:hover {
  background: rgba(var(--v-theme-primary), 0.15);
  color: rgb(var(--v-theme-primary));
  transform: scale(1.1);
}
.preview-scroll-arrow[data-v-bd8d3c2b]:active {
  transform: scale(0.95);
}

/* Multi-file preview — single horizontal row */
.multi-file-preview-grid[data-v-bd8d3c2b] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 4px;
  scroll-snap-type: x mandatory;
  /* Slim scrollbar */
}
.multi-file-preview-grid[data-v-bd8d3c2b]::-webkit-scrollbar {
  height: 4px;
}
.multi-file-preview-grid[data-v-bd8d3c2b]::-webkit-scrollbar-track {
  background: transparent;
}
.multi-file-preview-grid[data-v-bd8d3c2b]::-webkit-scrollbar-thumb {
  background: rgba(var(--v-theme-on-surface), 0.12);
  border-radius: 4px;
}

/* Every item same fixed width so they sit in one row */
.file-preview-item.single-file[data-v-bd8d3c2b],
.file-preview-item.two-files[data-v-bd8d3c2b],
.file-preview-item.multiple-files[data-v-bd8d3c2b] {
  flex: 0 0 160px;
  scroll-snap-align: start;
}
.file-preview-item[data-v-bd8d3c2b] {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: rgb(var(--v-theme-surface));
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.04);
  animation: preview-fade-in-bd8d3c2b 0.24s ease both;
}
.file-preview-item[data-v-bd8d3c2b]:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.04);
  border-color: rgba(var(--v-theme-primary), 0.1);
}
.preview-image-wrapper[data-v-bd8d3c2b] {
  position: relative;
  width: 100%;
  height: 140px;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(var(--v-theme-on-surface), 0.04);
}
.preview-image[data-v-bd8d3c2b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.preview-image[data-v-bd8d3c2b]:hover {
  transform: scale(1.06);
}
.preview-file-wrapper[data-v-bd8d3c2b] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(var(--v-border-color), 0.06);
  border-radius: 16px;
  min-height: 80px;
  position: relative;
  background: rgba(var(--v-theme-on-surface), 0.02);
  transition: all 0.25s ease;
}
.preview-file-wrapper[data-v-bd8d3c2b]:hover {
  background: rgba(var(--v-theme-primary), 0.03);
  border-color: rgba(var(--v-theme-primary), 0.08);
}
.file-icon-container[data-v-bd8d3c2b] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: rgba(var(--v-theme-primary), 0.06);
  border-radius: 16px;
  transition: all 0.25s ease;
}
.file-preview-item:hover .file-icon-container[data-v-bd8d3c2b] {
  background: rgba(var(--v-theme-primary), 0.1);
  transform: scale(1.05);
}
.file-details[data-v-bd8d3c2b] {
  flex: 1;
  min-width: 0;
}
.file-name[data-v-bd8d3c2b] {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 4px 0;
  max-width: 180px;
}
.file-size[data-v-bd8d3c2b] {
  font-size: 12px;
  margin: 0;
}
.remove-file-btn[data-v-bd8d3c2b] {
  position: absolute !important;
  top: 8px;
  right: 8px;
  z-index: 10;
  background: rgba(var(--v-theme-error), 0.9) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  border-radius: 10px !important;
  transition: all 0.2s ease;
}
.remove-file-btn[data-v-bd8d3c2b]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
.file-info-overlay[data-v-bd8d3c2b] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent);
  padding: 12px 10px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0 0 16px 16px;
}
.file-info-overlay .file-size[data-v-bd8d3c2b] {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.signature-studio-dialog[data-v-bd8d3c2b] .v-overlay__content {
  border-radius: 26px;
  overflow: hidden;
}
.signature-studio-shell[data-v-bd8d3c2b] {
  position: relative;
  border-radius: 26px !important;
  border: 1px solid rgba(var(--v-theme-primary), 0.18) !important;
  background: radial-gradient(circle at top left, rgba(var(--v-theme-primary), 0.14), transparent 42%), linear-gradient(155deg, rgba(var(--v-theme-surface), 0.97), rgba(var(--v-theme-surface), 0.9)) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.signature-studio-shell__header[data-v-bd8d3c2b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.1);
  background: linear-gradient(90deg, rgba(var(--v-theme-primary), 0.14), rgba(var(--v-theme-primary), 0.03));
}
.signature-studio-shell__title-wrap[data-v-bd8d3c2b] {
  display: flex;
  align-items: center;
  color: rgb(var(--v-theme-on-surface));
}
.signature-studio-shell__title[data-v-bd8d3c2b] {
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.signature-studio-shell__close[data-v-bd8d3c2b] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.12);
  backdrop-filter: blur(8px);
}
.signature-studio-shell__body[data-v-bd8d3c2b] {
  padding: 6px;
}
@keyframes composer-fade-in-bd8d3c2b {
from {
    opacity: 0;
    transform: translateY(6px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes preview-fade-in-bd8d3c2b {
from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@media (max-width: 600px) {
.chat-log-message-form[data-v-bd8d3c2b]::after {
    left: 0;
    right: 0;
    opacity: 0.55;
}
.chat-log-message-form .position-relative[data-v-bd8d3c2b] >  .v-card {
    border-radius: 18px !important;
}
.file-preview-item.single-file[data-v-bd8d3c2b],
  .file-preview-item.two-files[data-v-bd8d3c2b],
  .file-preview-item.multiple-files[data-v-bd8d3c2b] {
    flex: 0 0 130px;
}
.preview-image-wrapper[data-v-bd8d3c2b] {
    height: 120px;
}
.signature-studio-shell[data-v-bd8d3c2b] {
    border-radius: 18px !important;
}
.signature-studio-shell__header[data-v-bd8d3c2b] {
    padding: 8px 10px;
}
.signature-studio-shell__title[data-v-bd8d3c2b] {
    font-size: 0.8rem;
}
.signature-studio-shell__body[data-v-bd8d3c2b] {
    padding: 4px;
}
}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}/* stylelint-disable scss/no-global-function-names */
.document-preview-container[data-v-83ddd77c] {
  height: 80vh;
  position: relative;
  background: #f5f5f5;
}
.pdf-iframe[data-v-83ddd77c] {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  background: white;
}
.loading-overlay[data-v-83ddd77c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  z-index: 10;
}
.text-truncate[data-v-83ddd77c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/* stylelint-disable scss/no-global-function-names *//* stylelint-disable scss/no-global-function-names */
.poll-creation-card[data-v-b837e97a] {
  border-radius: 20px;
}
.poll-creation-dialog[data-v-b837e97a] .v-field {
  border-radius: 14px;
}
.poll-creation-dialog[data-v-b837e97a] .poll-duration-menu {
  border-radius: 12px;
  overflow: hidden;
}
.poll-creation-dialog[data-v-b837e97a] .poll-duration-menu .v-list-item {
  min-height: 38px;
}
ul[data-v-b837e97a] {
  padding-left: 20px;
  margin: 0;
}/* stylelint-disable scss/no-global-function-names */
.offline-indicator {
  position: fixed;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  min-width: 300px;
  max-width: 600px;
  border-radius: 20px;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.chat-log {
  background-color: var(--chat-log-bg, rgb(var(--v-theme-surface))) !important;
  background-image: radial-gradient(circle at 12% 10%, rgba(var(--v-theme-primary), 0.12), transparent 32%), radial-gradient(circle at 88% 82%, rgba(var(--v-theme-info), 0.08), transparent 36%), var(--chat-background-image, none) !important;
  background-size: var(--chat-background-size, cover) !important;
  background-position: var(--chat-background-position, center) !important;
  background-repeat: var(--chat-background-repeat, no-repeat) !important;
  background-attachment: local !important;
  font-family: var(--chat-font-family, "Cairo") !important;
  font-size: var(--chat-font-size, 14px) !important;
  transition: background-color 0.3s ease, font-size 0.3s ease;
}
.chat-log::-webkit-scrollbar {
  width: 5px;
}
.chat-log::-webkit-scrollbar-track {
  background: transparent;
}
.chat-log::-webkit-scrollbar-thumb {
  background: rgba(var(--v-theme-on-surface), 0.1);
  border-radius: 4px;
}
.chat-log::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--v-theme-on-surface), 0.2);
}
.chat-log .chat-content {
  word-break: break-word;
  max-width: 520px;
  position: relative;
  font-family: var(--chat-font-family, "Cairo") !important;
  font-size: var(--chat-font-size, 14px) !important;
  color: var(--message-font-color, rgb(var(--v-theme-on-surface))) !important;
  transition: box-shadow 0.25s ease, transform 0.2s ease;
  border-radius: 22px !important;
  padding: 10px 16px;
}
.chat-log .chat-content:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.chat-log .chat-content.chat-left {
  background-color: var(--message-bg-received, rgba(var(--v-theme-on-surface), 0.08)) !important;
  background-image: none !important;
  border-bottom-left-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.chat-log .chat-content.chat-right {
  background-color: var(--message-bg-sent, rgb(var(--v-theme-primary))) !important;
  background-image: none !important;
  color: var(--message-font-color, #ffffff) !important;
  border-bottom-right-radius: 6px !important;
  box-shadow: 0 3px 16px rgba(var(--v-theme-primary), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.chat-log .chat-content * {
  font-family: var(--chat-font-family, "Cairo") !important;
}
.chat-log .message-time-wrapper {
  font-family: var(--chat-font-family, "Cairo") !important;
}
.chat-log .message-time-wrapper small {
  color: rgba(var(--v-theme-on-surface), 0.5);
  font-size: 11px;
}
.chat-log .chat-group-date {
  font-family: var(--chat-font-family, "Cairo") !important;
  text-align: center;
  margin: 1.75rem auto;
  width: fit-content;
  padding: 6px 20px;
  border-radius: 100px;
  background: rgba(var(--v-theme-surface), 0.75);
  backdrop-filter: blur(12px) saturate(1.3);
  border: 1px solid rgba(var(--v-theme-on-surface), 0.06);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(var(--v-theme-on-surface), 0.55);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  animation: date-pill-pop 0.3s ease;
}
@media (max-width: 991.98px) {
.chat-log .chat-group:not(:last-of-type) {
    margin-block-end: 10px;
}
.chat-log .chat-body,
  .chat-log .chat-content {
    inline-size: 100%;
    max-width: 85%;
}
}
@keyframes date-pill-pop {
from {
    opacity: 0;
    transform: translateY(5px) scale(0.98);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.opacity-0 {
  opacity: 0;
}
/* stylelint-disable scss/no-global-function-names */ /*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.chat-app-layout .chat-list-header,
.chat-app-layout .active-chat-header {
  display: flex;
  align-items: center;
  min-block-size: 72px;
  padding-inline: 1.5rem;
  border-bottom: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.chat-app-layout {
  block-size: 100%;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 20px 60px -12px rgba(0, 0, 0, 0.16), 0 8px 24px -8px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.03);
  border: 1.5px solid rgba(var(--v-theme-on-surface), 0.08);
  position: relative;
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 1) 0%, rgba(var(--v-theme-surface), 0.98) 100%);
  box-shadow: 0 3px 9px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity);
}
.chat-app-layout::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-primary), 0.15) 50%, transparent 100%);
  z-index: 1;
}
.chat-app-layout.has-animated-border {
  border: 2px solid rgba(var(--v-theme-primary), 0.6);
  box-shadow: 0 0 20px rgba(var(--v-theme-primary), 0.4), inset 0 0 20px rgba(var(--v-theme-primary), 0.1);
  animation: borderGlow 2.5s ease-in-out infinite;
}
.skin--bordered .chat-app-layout {
  background-color: rgb(var(--v-theme-background));
  box-shadow: none !important;
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
}
.chat-app-layout .active-chat-user-profile-sidebar .v-navigation-drawer__content,
.chat-app-layout .user-profile-sidebar .v-navigation-drawer__content,
.chat-app-layout .theme-customizer-sidebar .v-navigation-drawer__content {
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 1) 0%, rgba(var(--v-theme-surface), 0.98) 100%);
  padding: 1.5rem;
  position: relative;
}
.chat-app-layout .active-chat-user-profile-sidebar .v-navigation-drawer__content::before,
.chat-app-layout .user-profile-sidebar .v-navigation-drawer__content::before,
.chat-app-layout .theme-customizer-sidebar .v-navigation-drawer__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(var(--v-theme-primary), 0.2) 50%, transparent 100%);
}
.chat-app-layout .active-chat-user-profile-sidebar.active-chat-user-profile-sidebar .v-navigation-drawer__content,
.chat-app-layout .user-profile-sidebar.active-chat-user-profile-sidebar .v-navigation-drawer__content,
.chat-app-layout .theme-customizer-sidebar.active-chat-user-profile-sidebar .v-navigation-drawer__content {
  padding: 0;
}
.chat-app-layout .active-chat-user-profile-sidebar.v-navigation-drawer,
.chat-app-layout .user-profile-sidebar.v-navigation-drawer,
.chat-app-layout .theme-customizer-sidebar.v-navigation-drawer {
  border-inline-start: 1px solid rgba(var(--v-theme-on-surface), 0.06);
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.08), -1px 0 4px rgba(0, 0, 0, 0.04);
}
.chat-app-layout .chat-list-header,
.chat-app-layout .active-chat-header {
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 0.95) 0%, rgba(var(--v-theme-surface), 0.88) 100%);
  backdrop-filter: blur(32px) saturate(1.6);
  border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.06);
  position: relative;
}
.chat-app-layout .chat-list-header::after,
.chat-app-layout .active-chat-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--v-theme-primary), 0.2) 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.chat-app-layout .chat-list-header:hover::after,
.chat-app-layout .active-chat-header:hover::after {
  opacity: 1;
}
.chat-app-layout .chat-list-search {
  margin: 1rem;
  font-size: 13px;
}
.chat-app-layout .chat-list-search .v-field {
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(var(--v-theme-on-surface), 0.04) 0%, rgba(var(--v-theme-on-surface), 0.02) 100%);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.03), 0 2px 8px rgba(0, 0, 0, 0.02);
  font-size: 13px;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1.5px solid rgba(var(--v-theme-on-surface), 0.06);
}
.chat-app-layout .chat-list-search .v-field:hover {
  background: linear-gradient(135deg, rgba(var(--v-theme-on-surface), 0.06) 0%, rgba(var(--v-theme-on-surface), 0.04) 100%);
  border-color: rgba(var(--v-theme-primary), 0.15);
  box-shadow: 0 4px 16px rgba(var(--v-theme-primary), 0.06), inset 0 1px 6px rgba(0, 0, 0, 0.03);
  transform: translateY(-1px);
}
.chat-app-layout .chat-list-search .v-field.v-field--focused {
  border-color: rgba(var(--v-theme-primary), 0.35);
  background: rgba(var(--v-theme-surface), 1);
  box-shadow: 0 6px 24px rgba(var(--v-theme-primary), 0.12), 0 0 0 4px rgba(var(--v-theme-primary), 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateY(-2px);
}
.chat-app-layout .chat-list-search .v-field .v-field__prepend-inner {
  padding-inline-end: 0.5rem;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.chat-app-layout .chat-list-search .v-field.v-field--focused .v-field__prepend-inner {
  transform: scale(1.1);
}
.chat-app-layout .chat-list-search .v-field__outline__start {
  flex-basis: 20px !important;
  border-radius: 28px 0 0 28px !important;
}
.chat-app-layout .chat-list-search .v-field__outline__end {
  border-radius: 0 28px 28px 0 !important;
}
[dir=rtl] .chat-app-layout .chat-list-search .v-field__outline__start {
  flex-basis: 20px !important;
  border-radius: 0 28px 28px 0 !important;
}
[dir=rtl] .chat-app-layout .chat-list-search .v-field__outline__end {
  border-radius: 28px 0 0 28px !important;
}
.chat-app-layout .chat-list-sidebar .v-navigation-drawer__content {
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, rgba(var(--v-theme-surface), 1) 0%, rgba(var(--v-theme-surface), 0.98) 100%);
  position: relative;
}
.chat-app-layout .chat-list-sidebar .v-navigation-drawer__content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(var(--v-theme-on-surface), 0.08) 50%, transparent 100%);
}
.chat-page-root {
  block-size: 100%;
  min-block-size: 0;
  display: flex;
  flex-direction: column;
}
.chat-content-container {
  background: linear-gradient(135deg, var(--chat-log-bg, rgba(var(--v-theme-surface), 1)) 0%, var(--chat-log-bg, rgba(var(--v-theme-surface), 0.98)) 100%) !important;
  position: relative;
}
.chat-content-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 20% 50%, rgba(var(--v-theme-primary), 0.02) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(var(--v-theme-primary), 0.015) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}
.chat-content-container .d-flex.flex-column.h-100 {
  background: transparent !important;
  position: relative;
  z-index: 1;
}
.chat-content-container .flex-grow-1.overflow-y-auto {
  background: var(--chat-log-bg, rgb(var(--v-theme-surface))) !important;
}
.chat-content-container .chat-message-input {
  background: rgb(var(--v-theme-surface));
  border-radius: 26px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  margin: 0.75rem 1rem;
  border: 1px solid rgba(var(--v-theme-on-surface), 0.05);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.chat-content-container .chat-message-input:focus-within {
  border-color: rgba(var(--v-theme-primary), 0.2);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(var(--v-theme-primary), 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.chat-content-container .chat-message-input .v-field__append-inner {
  align-items: center;
  padding-block-start: 0;
}
.chat-content-container .chat-message-input input {
  padding: 12px;
  font-size: 14px;
}
.chat-content-container .chat-message-input .v-field__outline {
  display: none;
}
.chat-user-profile-badge .v-badge__badge {
  /* stylelint-disable liberty/use-logical-spec */
  min-width: 12px !important;
  height: 0.75rem;
  border: 2px solid rgb(var(--v-theme-surface));
  /* stylelint-enable liberty/use-logical-spec */
}
.theme-customizer-sidebar .v-navigation-drawer__content {
  background: #2a2c2d !important;
  overflow: hidden !important;
}
.layout-content-width-boxed .layout-page-content {
  max-inline-size: 100% !important;
}
.live-chat-toggle-btn {
  position: fixed;
  top: 20px;
  right: 400px;
  z-index: 100;
  border-radius: 20px;
  text-transform: none;
  font-weight: 500;
}
@media (max-width: 960px) {
.live-chat-toggle-btn {
    right: 20px;
    top: 80px;
}
}
.highlight-message {
  animation: highlightPulse 2s ease-in-out;
  background: rgba(var(--v-theme-primary), 0.15) !important;
  border-radius: 12px;
}
.keyword-highlight-flash {
  animation: keywordFlash 2s ease-in-out;
  position: relative;
}
.keyword-highlight-flash::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 2px solid rgb(var(--v-theme-warning));
  border-radius: 12px;
  animation: pulseGlow 2s ease-in-out;
}
.message-highlight {
  animation: messageHighlightPulse 2s ease-in-out;
  background: rgba(var(--v-theme-info), 0.12) !important;
  border-left: 3px solid rgb(var(--v-theme-info));
  padding-left: 8px;
  border-radius: 12px;
}
@keyframes highlightPulse {
0%, 100% {
    background: transparent;
}
50% {
    background: rgba(var(--v-theme-primary), 0.15);
}
}
@keyframes keywordFlash {
0%, 100% {
    background: transparent;
}
25%, 75% {
    background: rgba(var(--v-theme-warning), 0.08);
}
}
@keyframes pulseGlow {
0%, 100% {
    opacity: 0;
}
50% {
    opacity: 1;
}
}
@keyframes messageHighlightPulse {
0%, 100% {
    background: transparent;
    border-left-color: transparent;
}
50% {
    background: rgba(var(--v-theme-info), 0.12);
    border-left-color: rgb(var(--v-theme-info));
}
}
@keyframes fadeInUp {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes slideInLeft {
from {
    opacity: 0;
    transform: translateX(-30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes slideInRight {
from {
    opacity: 0;
    transform: translateX(30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
@keyframes wobble {
0%, 100% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(-15deg);
}
75% {
    transform: rotate(15deg);
}
}
@keyframes pulse {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.05);
}
}
@keyframes floatAnimation {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-8px);
}
}
@keyframes borderGlow {
0%, 100% {
    border-color: rgba(var(--v-theme-primary), 0.4);
    box-shadow: 0 0 15px rgba(var(--v-theme-primary), 0.25), inset 0 0 15px rgba(var(--v-theme-primary), 0.05);
}
50% {
    border-color: rgba(var(--v-theme-primary), 0.9);
    box-shadow: 0 0 40px rgba(var(--v-theme-primary), 0.6), inset 0 0 30px rgba(var(--v-theme-primary), 0.15);
}
}
.chat-contact {
  animation: slideInLeft 0.3s ease-out;
  animation-fill-mode: both;
}
.chat-contact:nth-child(1) {
  animation-delay: 0.05s;
}
.chat-contact:nth-child(2) {
  animation-delay: 0.1s;
}
.chat-contact:nth-child(3) {
  animation-delay: 0.15s;
}
.chat-contact:nth-child(4) {
  animation-delay: 0.2s;
}
.chat-contact:nth-child(5) {
  animation-delay: 0.25s;
}
.chat-contact:nth-child(6) {
  animation-delay: 0.3s;
}
.chat-contact:nth-child(7) {
  animation-delay: 0.35s;
}
.chat-contact:nth-child(8) {
  animation-delay: 0.4s;
}
.chat-contact:nth-child(9) {
  animation-delay: 0.45s;
}
.chat-contact:nth-child(10) {
  animation-delay: 0.5s;
}
.chat-contact:nth-child(11) {
  animation-delay: 0.55s;
}
.chat-contact:nth-child(12) {
  animation-delay: 0.6s;
}
.chat-contact:nth-child(13) {
  animation-delay: 0.65s;
}
.chat-contact:nth-child(14) {
  animation-delay: 0.7s;
}
.chat-contact:nth-child(15) {
  animation-delay: 0.75s;
}
.chat-contact:nth-child(16) {
  animation-delay: 0.8s;
}
.chat-contact:nth-child(17) {
  animation-delay: 0.85s;
}
.chat-contact:nth-child(18) {
  animation-delay: 0.9s;
}
.chat-contact:nth-child(19) {
  animation-delay: 0.95s;
}
.chat-contact:nth-child(20) {
  animation-delay: 1s;
}
.start-chat-animation {
  animation: bounceIn 0.8s ease-out;
}
.start-chat-animation img:hover {
  animation: pulse 1s ease-in-out infinite;
}
.drag-drop-overlay {
  position: absolute;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--v-theme-surface), 0.9);
  backdrop-filter: blur(12px) saturate(1.3);
  border: 2px dashed rgba(var(--v-theme-primary), 0.5);
  border-radius: 20px;
  pointer-events: none;
  margin: 8px;
}
.drag-drop-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
  background: rgba(var(--v-theme-primary), 0.04);
  border-radius: 24px;
  border: 1px solid rgba(var(--v-theme-primary), 0.08);
}
.drag-drop-content .v-icon {
  animation: floatAnimation 2s ease-in-out infinite;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.report-metric-card--clickable[data-v-cc0b9fdf] {
  cursor: pointer;
  transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
.report-metric-card--clickable[data-v-cc0b9fdf]:hover {
  box-shadow: 0 4px 16px rgba(var(--v-theme-on-surface), 0.12);
  transform: translateY(-1px);
}
.report-metric-card--active[data-v-cc0b9fdf] {
  border: 1px solid rgb(var(--v-theme-primary));
}
.report-metric-card--clickable[data-v-cc0b9fdf]:focus-visible {
  outline: 2px solid rgb(var(--v-theme-primary));
  outline-offset: 2px;
}

[data-v-5b08622c] .ready-reply-input .v-field--variant-outlined .v-field__outline__notch {
  padding-inline: 6px !important;
  border-inline-width: 0 !important;
}
[data-v-5b08622c] .ready-reply-input .v-field--variant-outlined .v-label.v-field-label--floating {
  background-color: rgb(var(--v-theme-surface));
  padding-inline: 4px;
}

[data-v-73418104] .ready-replies-table .v-table__wrapper > table {
  table-layout: fixed;
}
.cell-ellipsis-1[data-v-73418104],
.cell-ellipsis-2[data-v-73418104] {
  overflow: hidden;
  word-break: break-word;
}
.cell-ellipsis-1[data-v-73418104] {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cell-ellipsis-2[data-v-73418104] {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* stylelint-disable scss/no-global-function-names */
.page-actions[data-v-82f202be] {
  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */
  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */
}
.page-actions__row[data-v-82f202be] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-block-end: 20px;
}
.page-actions[data-v-82f202be] .items-select {
  max-inline-size: 100px;
}
@media (max-width: 959px) {
.page-actions[data-v-82f202be] .items-select {
    max-inline-size: unset;
}
}
.page-actions[data-v-82f202be] .search-input {
  max-inline-size: 320px;
}
@media (max-width: 959px) {
.page-actions[data-v-82f202be] .search-input {
    inline-size: 100%;
    max-inline-size: unset;
}
}/* stylelint-disable scss/no-global-function-names */
.layout-blank .misc-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  min-block-size: calc(var(--vh, 1vh) * 100);
}
.layout-blank .misc-avatar {
  z-index: 1;
}
.layout-blank .misc-footer-img {
  position: absolute;
  inline-size: 100%;
  inset-block-end: 0;
}
.credential-field[data-v-82edfa54] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  background: rgba(var(--v-theme-on-surface), 0.04);
}
.credential-value[data-v-82edfa54] {
  font-family: "Courier New", Courier, monospace;
  word-break: break-all;
}
.min-w-0[data-v-82edfa54] {
  min-inline-size: 0;
}

[data-v-d16cb547] .v-data-table .v-table__wrapper > table tr.active-row {
  background-color: rgba(var(--v-theme-primary), 0.08) !important;
}

.credential-field[data-v-46ab1a4d] {
  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
  background: rgba(var(--v-theme-on-surface), 0.04);
  transition: border-color 0.2s;
}
.credential-field[data-v-46ab1a4d]:hover {
  border-color: rgba(var(--v-theme-primary), 0.3);
}
.credential-value[data-v-46ab1a4d] {
  font-family: 'Courier New', Courier, monospace;
  letter-spacing: 0.5px;
  word-break: break-all;
}
.hover-primary[data-v-46ab1a4d]:hover {
  color: rgb(var(--v-theme-primary));
}
.min-w-0[data-v-46ab1a4d] {
  min-inline-size: 0;
}

.layout-wrapper.layout-blank {
  flex-direction: column;
}

/* stylelint-disable scss/no-global-function-names */ /*
  TODO: Add docs on when to use placeholder vs when to use SASS variable

  Placeholder
    - When we want to keep customization to our self between templates use it

  Variables
    - When we want to allow customization from both user and our side
    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
*/
/*
    ❗ Heads up
    ==================
    Here we assume we will always use shorthand property which will apply same padding on four side
    This is because this have been used as value of top property by `.popper-content`
*/
.layout-content-width-boxed .layout-page-content {
  inline-size: 100%;
  margin-inline: auto;
  max-inline-size: 1440px;
}
.layout-page-content {
  padding-inline: 1.5rem;
}
[dir=rtl] .nav-group-arrow {
  transform: rotate(180deg);
}
html,
body {
  min-block-size: 100%;
}
.layout-page-content {
  flex-grow: 1;
  padding-block: 1.5rem;
}
.layout-footer .footer-content-container {
  block-size: 56px;
}
.layout-footer-sticky .layout-footer {
  position: sticky;
  inset-block-end: 0;
  will-change: transform;
}
.layout-footer-hidden .layout-footer {
  display: none;
}
.layout-page-content:has(.dashboard-page) {
  max-inline-size: 100% !important;
  padding-inline: 0 !important;
}
.layout-page-content:has(.dashboard-page) .page-content-container {
  max-inline-size: 100% !important;
  inline-size: 100%;
}/* stylelint-disable scss/no-global-function-names */
.app-customizer .customizer-section {
  padding: 1.25rem;
}
.app-customizer .customizer-heading {
  padding-block: 0.875rem;
  padding-inline: 1.25rem;
}
.app-customizer .v-navigation-drawer__content {
  display: flex;
  flex-direction: column;
}
.app-customizer-toggler {
  position: fixed !important;
  inset-block-start: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
}
.app-customizer-toggler:active {
  transform: translateY(-50%) !important;
}/* stylelint-disable scss/no-global-function-names */
.notification-section {
  padding: 14px !important;
}/* stylelint-disable scss/no-global-function-names */
.meta-key[data-v-f37695f0] {
  border: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
  border-radius: 6px;
  block-size: 1.5625rem;
  line-height: 1.3125rem;
  padding-block: 0.125rem;
  padding-inline: 0.25rem;
}/* stylelint-disable scss/no-global-function-names */
.app-bar-search-suggestions .app-bar-search-suggestion:hover {
  color: rgb(var(--v-theme-primary));
}
.app-bar-autocomplete-box .v-field__input {
  padding-block-end: 0.425rem;
  padding-block-start: 0.9375rem;
}
.app-bar-search-dialog .v-list-item-title {
  font-size: 0.875rem !important;
}
.app-bar-search-dialog .app-bar-search-list .v-list-item,
.app-bar-search-dialog .app-bar-search-list .v-list-subheader {
  font-size: 0.75rem;
  padding-inline: 1.5rem !important;
}
.app-bar-search-dialog .app-bar-search-list .v-list-item .v-list-item__append .enter-icon {
  visibility: hidden;
}
.app-bar-search-dialog .app-bar-search-list .v-list-item:hover .v-list-item__append .enter-icon, .app-bar-search-dialog .app-bar-search-list .v-list-item:active .v-list-item__append .enter-icon, .app-bar-search-dialog .app-bar-search-list .v-list-item:focus .v-list-item__append .enter-icon {
  visibility: visible;
}
.app-bar-search-dialog .app-bar-search-list .v-list-subheader {
  line-height: 1;
  min-block-size: auto;
  padding-block: 0.6875rem 0.3125rem;
  text-transform: uppercase;
}/* stylelint-disable scss/no-global-function-names */
.card-list[data-v-dd687002] {
  --v-card-list-gap: 16px;
}