/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.modal {
  transition: all 0.5s;
}
.modal.is-big .modal-content {
  width: 100%;
  max-width: 840px;
}
.modal.is-big .modal-content .modal-card {
  width: 100%;
}
.modal.is-large .modal-content {
  width: 100%;
  max-width: 720px;
}
.modal.is-large .modal-content .modal-card {
  width: 100%;
}
.modal.is-medium .modal-content {
  width: 100%;
  max-width: 640px;
}
.modal.is-medium .modal-content .modal-card {
  width: 100%;
}
.modal.is-small .modal-content {
  width: 100%;
  max-width: 420px;
}
.modal.is-small .modal-content .modal-card {
  width: 100%;
}
.modal .modal-content {
  transition: all 0.4s;
}
.v-modal {
  background: transparent;
  border: transparent;
}
.v-modal.is-active {
  z-index: 200 !important;
}
.v-modal.is-active .v-modal-close {
  cursor: pointer;
}
.v-modal .v-modal-card {
  width: 100%;
  background: var(--white);
  border: 1px solid var(--fade-grey);
  border-radius: 8px;
  padding: 40px;
}
.v-modal::backdrop {
  background: var(--dark-sidebar);
}
.v-modal .modal-content {
  transform: scale(1) !important;
  opacity: 1 !important;
  max-width: 540px;
  overflow-x: hidden;
  animation: fadeInDown 0.5s;
  margin: 0;
  padding: 0 10px;
}
.v-modal .modal-content .modal-card {
  max-width: 100%;
  margin: 0 auto;
}
.v-modal .modal-content .modal-card.is-rounded {
  border-radius: 12px;
}
.v-modal .modal-content .modal-card .modal-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: var(--white);
  border-bottom-color: color-mix(in oklab, var(--fade-grey), black 3%);
}
.v-modal .modal-content .modal-card .modal-card-head.no-border {
  border-bottom-color: transparent;
}
.v-modal .modal-content .modal-card .modal-card-head h3 {
  font-family: var(--font-alt);
  color: var(--dark-text);
  font-weight: 600;
  font-size: 1rem;
}
.v-modal .modal-content .modal-card .modal-card-head .v-modal-close {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border-color: transparent;
  width: 22px;
  height: 22px;
  padding: 0;
}
.v-modal .modal-content .modal-card .modal-card-head .v-modal-close:hover .iconify, .v-modal .modal-content .modal-card .modal-card-head .v-modal-close:focus .iconify {
  color: var(--primary);
}
.v-modal .modal-content .modal-card .modal-card-head .v-modal-close:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.v-modal .modal-content .modal-card .modal-card-head .v-modal-close .iconify {
  width: 22px;
  height: 22px;
  font-size: 20px;
  color: var(--muted-grey);
}
.v-modal .modal-content .modal-card .modal-card-body .modal-form {
  padding: 10px 0 20px;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs {
  padding: 0;
  overflow-x: hidden;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs .tabs {
  overflow-x: auto;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs .tabs::-webkit-scrollbar {
  height: 5px !important;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs .tabs::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs .tabs a {
  padding: 0.75em 1em;
}
.v-modal .modal-content .modal-card .modal-card-foot {
  background-color: var(--white);
  padding: 15px 20px;
  border-top: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
}
.v-modal .modal-content .modal-card .modal-card-foot.no-border {
  border-top-color: transparent;
}
.v-modal .modal-content .modal-card .modal-card-foot.is-start {
  justify-content: flex-start !important;
}
.v-modal .modal-content .modal-card .modal-card-foot.is-centered {
  justify-content: center !important;
}
.v-modal .modal-content .modal-card .modal-card-foot.is-end {
  justify-content: flex-end !important;
}
.v-modal .modal-content .modal-card .modal-card-foot .v-button {
  min-width: 110px;
}
.is-dark .v-modal .modal-background {
  background: rgba(101, 101, 104, 0.8) !important;
}
.is-dark .v-modal .modal-content .modal-card .modal-card-head {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
}
.is-dark .v-modal .modal-content .modal-card .modal-card-head h3 {
  color: var(--dark-dark-text);
}
.is-dark .v-modal .modal-content .modal-card .modal-card-head .v-modal-close:hover .iconify {
  color: var(--primary);
}
.is-dark .v-modal .modal-content .modal-card .modal-card-body {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .v-modal .modal-content .modal-card .modal-card-foot {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
}
@media screen and (width >= 769px) {
.modal.modal-lg .modal-card,
  .modal.modal-lg .modal-content {
    width: 800px !important;
}
.modal.modal-sm .modal-card,
  .modal.modal-sm .modal-content {
    width: 400px !important;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
option[disabled] {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-9a5a2f3f]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-9a5a2f3f] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-9a5a2f3f]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-9a5a2f3f]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-9a5a2f3f]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-9a5a2f3f]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-9a5a2f3f] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-9a5a2f3f]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-9a5a2f3f] {
  --transform-direction: -1;
}
.is-nogrow[data-v-9a5a2f3f] {
  flex-grow: 0 !important;
}
.is-fullwidth[data-v-9a5a2f3f] {
  width: 100%;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-03163d85]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-03163d85] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-03163d85]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-03163d85]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-03163d85]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-03163d85]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-03163d85] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-03163d85]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-03163d85] {
  --transform-direction: -1;
}
.content-shape[data-v-03163d85] {
  width: var(--4133e59c);
  height: var(--690c57de);
}
.content-shape.is-grow-1[data-v-03163d85] {
  flex-grow: 1;
}
.content-shape.is-grow-2[data-v-03163d85] {
  flex-grow: 2;
}
.content-shape.is-grow-3[data-v-03163d85] {
  flex-grow: 3;
}
.content-shape.is-grow-4[data-v-03163d85] {
  flex-grow: 4;
}
.content-shape.mw-30[data-v-03163d85] {
  max-width: 30%;
}
.content-shape.mw-60[data-v-03163d85] {
  max-width: 60%;
}
.content-shape.mw-80[data-v-03163d85] {
  max-width: 80%;
}
.content-shape.is-centered[data-v-03163d85] {
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media (width <= 767px) {
.content-shape[data-v-03163d85] {
    width: var(--2ced4f8e);
    height: var(--e2e4d548);
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.button.is-circle {
  border-radius: var(--radius-rounded);
}
.button.v-button {
  padding: 8px 22px;
  height: 38px;
  line-height: 1.1;
  font-size: 0.95rem;
  font-family: var(--font);
  transition: all 0.3s;
}
.button.v-button:not([disabled]) {
  cursor: pointer;
}
.button.v-button:active, .button.v-button:focus {
  box-shadow: none !important;
  border-color: color-mix(in oklab, var(--fade-grey), black 2%);
}
.button.v-button:not(.is-primary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-light,
.is-white).is-active {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
  box-shadow: var(--primary-box-shadow) !important;
}
.button.v-button:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.button.v-button.is-bold {
  font-weight: 500;
}
.button.v-button.is-primary.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--primary-box-shadow);
}
.button.v-button.is-primary.is-elevated {
  box-shadow: var(--primary-box-shadow);
}
.button.v-button.is-success.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--success-box-shadow);
}
.button.v-button.is-success.is-elevated {
  box-shadow: var(--success-box-shadow);
}
.button.v-button.is-info.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--info-box-shadow);
}
.button.v-button.is-info.is-elevated {
  box-shadow: var(--info-box-shadow);
}
.button.v-button.is-warning.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--warning-box-shadow);
}
.button.v-button.is-warning.is-elevated {
  box-shadow: var(--warning-box-shadow);
}
.button.v-button.is-danger.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--danger-box-shadow);
}
.button.v-button.is-danger.is-elevated {
  box-shadow: var(--danger-box-shadow);
}
.button.v-button.is-lower {
  text-transform: none !important;
  font-size: 0.9rem;
}
.button.v-button.is-big {
  height: 40px;
}
.button.v-button.is-medium {
  height: 2.5rem;
  font-size: 1rem;
}
.button.v-button.is-huge {
  height: 50px;
  width: 220px;
}
.button.simple-action {
  height: 32px;
  padding: 0 24px;
  line-height: 0;
  border-radius: 100px;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s;
}
.button.simple-action.is-purple {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--smoke-white);
}
.button.simple-action.is-purple:hover, .button.simple-action.is-purple:focus {
  opacity: 0.95;
  box-shadow: var(--primary-box-shadow);
  color: var(--smoke-white) !important;
}
.button.simple-action.has-icon .iconify {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
.button.simple-action:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.button.simple-action .iconify {
  height: 18px;
  width: 18px;
  font-size: 18px;
}
.button .icon .iconify {
  height: 14px;
  width: 14px;
  font-size: 14px;
}
.is-dark .v-button:not(.is-primary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-light,
.is-white) {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
  color: var(--dark-dark-text);
}
.is-dark .v-button:not(.is-primary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-light,
.is-white):hover, .is-dark .v-button:not(.is-primary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-light,
.is-white):focus {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 18%);
}
.is-dark .v-button.is-light {
  border: none;
  background: color-mix(in oklab, var(--dark-sidebar), white 10%) !important;
  color: var(--smoke-white) !important;
}
.is-dark .v-button.is-light:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
}
.is-dark .v-button.is-primary {
  border-color: var(--primary);
  background: var(--primary);
}
.is-dark .v-button.is-primary.is-raised:hover {
  box-shadow: var(--primary-box-shadow) !important;
}
.is-dark .v-button.is-primary.is-elevated {
  box-shadow: var(--primary-box-shadow) !important;
}
.is-dark .v-button.is-primary.is-outlined {
  background: transparent;
  border-color: var(--primary) !important;
  color: var(--primary);
}
.is-dark .v-button.is-primary.is-outlined:hover, .is-dark .v-button.is-primary.is-outlined:focus {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}
.is-dark .v-button.is-primary.is-light {
  border: none;
  background: color-mix(in oklab, var(--dark-sidebar), white 10%) !important;
  color: color-mix(in oklab, var(--primary), white 20%) !important;
}
.is-dark .v-button.is-primary.is-light:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
}
.is-dark .v-button.is-info.is-light {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%) !important;
  color: color-mix(in oklab, var(--info), white 20%) !important;
}
.is-dark .v-button.is-info.is-light:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
}
.is-dark .v-button.is-success.is-light {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%) !important;
  color: color-mix(in oklab, var(--success), white 20%) !important;
}
.is-dark .v-button.is-success.is-light:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
}
.is-dark .v-button.is-warning.is-light {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%) !important;
  color: color-mix(in oklab, var(--warning), white 20%) !important;
}
.is-dark .v-button.is-warning.is-light:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
}
.is-dark .v-button.is-danger.is-light {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%) !important;
  color: color-mix(in oklab, var(--danger), white 20%) !important;
}
.is-dark .v-button.is-danger.is-light:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
}
.is-dark .v-button.is-white {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
  border-color: var(--muted-grey) !important;
  color: var(--muted-grey) !important;
}
.is-dark .v-button.is-dark-outlined {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
  color: var(--dark-dark-text);
}
.is-dark .v-button.is-dark-outlined:hover, .is-dark .v-button.is-dark-outlined:focus {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.is-dark .button:not(.is-primary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-light,
.is-white) {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
  color: var(--dark-dark-text);
}
.is-dark .button:not(.is-primary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-light,
.is-white):hover, .is-dark .button:not(.is-primary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-light,
.is-white):focus {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 18%);
}
.is-dark .button.is-primary {
  border-color: var(--primary);
  background: var(--primary);
}
.is-dark .button.is-white {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
  border-color: var(--muted-grey) !important;
  color: var(--muted-grey) !important;
}
.is-dark .button.is-dark-outlined {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
  color: var(--dark-dark-text);
}
.is-dark .button.is-dark-outlined:hover, .is-dark .button.is-dark-outlined:focus {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}export default "\n"/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.single-accordion {
  background: var(--white);
  margin: 0 auto;
  box-shadow: var(--light-box-shadow);
  border-radius: var(--radius-large);
  overflow: hidden;
}
.single-accordion .accordion-item.is-active .accordion-header::before {
  background-color: var(--primary);
}
.single-accordion .accordion-item.is-active .accordion-content {
  display: block;
}
.single-accordion .accordion-header {
  border-bottom: 1px solid #dde0e7;
  color: var(--dark-text);
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
  font-family: var(--font-alt);
  padding: 1.5rem;
  display: block;
}
.single-accordion .accordion-header:hover, .single-accordion .accordion-header:focus {
  background: #f6f7f9;
}
.single-accordion .accordion-header::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: var(--radius-rounded);
  background-color: #b1b5be;
  margin-inline-end: 0.75rem;
}
.single-accordion .accordion-content {
  display: none;
  border-bottom: 1px solid #dde0e7;
  background: #f6f7f9;
  padding: 1.5rem;
  color: var(--light-text);
  font-family: var(--font);
}
.is-dark .single-accordion {
  background: color-mix(in oklab, var(--dark-sidebar), white 4%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
}
.is-dark .single-accordion .accordion-header {
  color: var(--dark-dark-text);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
}
.is-dark .single-accordion .accordion-header:hover, .is-dark .single-accordion .accordion-header:focus {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%);
}
.is-dark .single-accordion .accordion-header::before {
  background: var(--dark-sidebar);
}
.is-dark .single-accordion .accordion-header.is-active::before {
  background-color: var(--primary);
}
.is-dark .single-accordion .accordion-content {
  background: var(--dark-sidebar);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 8%);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.image-accordion {
  width: 100%;
  height: 250px;
  overflow: hidden;
  margin: 50px auto;
}
.image-accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.image-accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}
.image-accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}
.image-accordion ul li div a {
  display: block;
  height: 250px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: var(--white);
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  transition: all 200ms ease;
}
.image-accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  transform: translateX(calc(var(--transform-direction) * -20px));
  transition: all 400ms ease;
}
.image-accordion ul li div a h2 {
  font-family: var(--font-alt);
  font-weight: 300;
  text-overflow: clip;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 0;
  top: 160px;
}
.image-accordion ul li div a p {
  top: 160px;
  font-size: 13.5px;
  color: var(--white);
}
.image-accordion ul:hover li, .image-accordion ul:focus-within li {
  width: 8%;
}
.image-accordion ul:hover li:hover,
.image-accordion ul li:focus, .image-accordion ul:focus-within li:focus {
  width: 60%;
}
.image-accordion ul:hover li:hover a,
.image-accordion ul li:focus a, .image-accordion ul:focus-within li:focus a {
  background: rgba(0, 0, 0, 0.4);
}
.image-accordion ul:hover li:hover a *,
.image-accordion ul li:focus a *, .image-accordion ul:focus-within li:focus a * {
  opacity: 1;
  transform: translateX(calc(var(--transform-direction) * 0));
}
.image-accordion ul:hover li {
  width: 8% !important;
}
.image-accordion ul:hover li a * {
  opacity: 0 !important;
}
.image-accordion ul:hover li:hover {
  width: 60% !important;
}
.image-accordion ul:hover li:hover a {
  background: rgba(0, 0, 0, 0.4);
}
.image-accordion ul:hover li:hover a * {
  opacity: 1 !important;
  transform: translateX(calc(var(--transform-direction) * 0));
}
@media screen and (width <= 600px) {
.image-accordion {
    height: auto;
}
.image-accordion ul li,
  .image-accordion ul li:hover,
  .image-accordion ul:hover li,
  .image-accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100% !important;
    transition: none;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.button {
  font-family: var(--font);
  transition: all 0.3s;
}
.button.v-action {
  padding: 8px 16px;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 0;
  border-radius: 3px;
  background: var(--white);
  color: var(--dark-text);
  border: 1px solid var(--placeholder);
  transition: border-color 0.3s;
  cursor: pointer;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.button.v-action.is-rounded {
  border-radius: 500px;
}
.button.v-action:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.button.v-action:hover, .button.v-action:focus {
  border-color: var(--primary);
  box-shadow: var(--primary-box-shadow);
}
.button.v-action:not(.is-active):focus {
  color: var(--dark-text) !important;
}
.button.v-action:not(.is-active):active {
  background: var(--smoke-white);
}
.button.v-action:focus-visible {
  outline-color: var(--primary);
}
.button.v-action.is-grey {
  background: color-mix(in oklab, var(--fade-grey), white 2%);
  border-color: color-mix(in oklab, var(--fade-grey), white 2%);
  color: var(--muted-grey);
}
.button.v-action.is-active {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--smoke-white);
  box-shadow: var(--primary-box-shadow);
}
.is-dark .button.v-action {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
  color: var(--dark-dark-text);
}
.is-dark .button.v-action:hover, .is-dark .button.v-action:focus {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--smoke-white);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}
.is-dark .button.v-action:focus {
  color: var(--smoke-white) !important;
}
.is-dark .button.v-action.is-active {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  box-shadow: var(--primary-box-shadow) !important;
  color: color-mix(in oklab, var(--dark-sidebar), black 2%) !important;
  text-shadow: none;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.animated-checkbox {
  position: relative;
  height: 32px;
  width: 32px;
}
.animated-checkbox:focus-within {
  border-radius: 50%;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.animated-checkbox.is-purple .checkmark-circle {
  color: var(--purple) !important;
  stroke: var(--purple) !important;
}
.animated-checkbox.is-purple .checkmark {
  box-shadow: inset 0 0 0 var(--purple) !important;
}
.animated-checkbox.is-purple .checkmark-check {
  color: var(--purple) !important;
  stroke: var(--purple) !important;
}
.animated-checkbox.is-primary .checkmark-circle {
  color: var(--primary) !important;
  stroke: var(--primary) !important;
}
.animated-checkbox.is-primary .checkmark {
  box-shadow: inset 0 0 0 var(--primary) !important;
}
.animated-checkbox.is-primary .checkmark-check {
  color: var(--primary) !important;
  stroke: var(--primary) !important;
}
.animated-checkbox.is-info .checkmark-circle {
  color: var(--info) !important;
  stroke: var(--info) !important;
}
.animated-checkbox.is-info .checkmark {
  box-shadow: inset 0 0 0 var(--info) !important;
}
.animated-checkbox.is-info .checkmark-check {
  color: var(--info) !important;
  stroke: var(--info) !important;
}
.animated-checkbox.is-success .checkmark-circle {
  color: var(--success) !important;
  stroke: var(--success) !important;
}
.animated-checkbox.is-success .checkmark {
  box-shadow: inset 0 0 0 var(--success) !important;
}
.animated-checkbox.is-success .checkmark-check {
  color: var(--success) !important;
  stroke: var(--success) !important;
}
.animated-checkbox.is-warning .checkmark-circle {
  color: var(--warning) !important;
  stroke: var(--warning) !important;
}
.animated-checkbox.is-warning .checkmark {
  box-shadow: inset 0 0 0 var(--warning) !important;
}
.animated-checkbox.is-warning .checkmark-check {
  color: var(--warning) !important;
  stroke: var(--warning) !important;
}
.animated-checkbox.is-danger .checkmark-circle {
  color: var(--red) !important;
  stroke: var(--red) !important;
}
.animated-checkbox.is-danger .checkmark {
  box-shadow: inset 0 0 0 var(--red) !important;
}
.animated-checkbox.is-danger .checkmark-check {
  color: var(--red) !important;
  stroke: var(--red) !important;
}
.animated-checkbox input {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.animated-checkbox .checkmark-wrap {
  position: relative;
  height: 32px;
  width: 32px;
  display: inline-block;
}
.animated-checkbox .checkmark-wrap .shadow-circle {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 32px;
  width: 32px;
  border-radius: var(--radius-rounded);
  border: 1px solid var(--placeholder);
  z-index: 0;
  opacity: 1;
  transition: all 0.2s;
}
.animated-checkbox .checkmark-wrap .shadow-circle.is-opaque {
  opacity: 0;
}
.animated-checkbox .checkmark-wrap .checkmark-circle {
  height: 32px;
  width: 32px;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  fill: none;
  color: var(--primary);
  stroke: var(--primary);
}
.animated-checkbox .checkmark-wrap .checkmark {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-rounded);
  display: block;
  stroke-width: 2;
  color: var(--placeholder);
  stroke: var(--placeholder);
  stroke-miterlimit: 10;
  margin: 0 auto;
  box-shadow: inset 0 0 0 var(--primary);
}
.animated-checkbox .checkmark-wrap .checkmark-check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  color: var(--primary);
  stroke: var(--primary);
}
.animated-checkbox.is-checked .checkmark-circle {
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) both;
}
.animated-checkbox.is-checked .checkmark-check {
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s both;
}
.animated-checkbox.is-unchecked .checkmark-circle {
  animation: reverseCircle 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.2s both;
}
.animated-checkbox.is-unchecked .checkmark-check {
  animation: reverseCheck 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.1s both;
}
@keyframes stroke {
100% {
    stroke-dashoffset: 0;
}
}
@keyframes reverseCircle {
from {
    stroke-dashoffset: 0;
}
to {
    stroke-dashoffset: 166;
}
}
@keyframes reverseCheck {
from {
    stroke-dashoffset: 0;
}
to {
    stroke-dashoffset: 48;
}
}
.is-dark .animated-checkbox .checkmark-wrap .checkmark-circle,
.is-dark .animated-checkbox .checkmark-wrap .checkmark-check {
  color: var(--primary);
}
.is-dark .animated-checkbox .checkmark-wrap .shadow-circle {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 20%);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.v-avatar {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.v-avatar.has-dot::after {
  content: "";
  position: absolute;
  top: 1px;
  inset-inline-end: 1px;
  height: 12px;
  width: 12px;
  border-radius: var(--radius-rounded);
  background: var(--success);
  border: 1.8px solid var(--white);
}
.v-avatar.has-dot.has-dot-squared::after {
  top: -3px;
  inset-inline-end: -3px;
}
.v-avatar.has-dot.dot-primary::after {
  background: var(--primary);
}
.v-avatar.has-dot.dot-info::after {
  background: var(--info);
}
.v-avatar.has-dot.dot-warning::after {
  background: var(--warning);
}
.v-avatar.has-dot.dot-danger::after {
  background: var(--danger);
}
.v-avatar.has-dot.dot-grey::after {
  background: var(--light-text);
}
.v-avatar .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  object-fit: cover;
  border: 2px solid var(--white);
}
.v-avatar .avatar.is-squared {
  border-radius: 10px !important;
}
.v-avatar .avatar.is-fake {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--fade-grey);
  border-radius: var(--radius-rounded);
}
.v-avatar .avatar.is-fake.is-primary {
  background: color-mix(in oklab, var(--primary), white 80%);
}
.v-avatar .avatar.is-fake.is-primary span {
  color: var(--primary);
}
.v-avatar .avatar.is-fake.is-accent {
  background: color-mix(in oklab, var(--primary), white 80%);
}
.v-avatar .avatar.is-fake.is-accent span {
  color: var(--primary);
}
.v-avatar .avatar.is-fake.is-success {
  background: color-mix(in oklab, var(--success), white 80%);
}
.v-avatar .avatar.is-fake.is-success span {
  color: var(--success);
}
.v-avatar .avatar.is-fake.is-info {
  background: color-mix(in oklab, var(--info), white 80%);
}
.v-avatar .avatar.is-fake.is-info span {
  color: var(--info);
}
.v-avatar .avatar.is-fake.is-warning {
  background: color-mix(in oklab, var(--warning), white 80%);
}
.v-avatar .avatar.is-fake.is-warning span {
  color: var(--warning);
}
.v-avatar .avatar.is-fake.is-danger {
  background: color-mix(in oklab, var(--danger), white 80%);
}
.v-avatar .avatar.is-fake.is-danger span {
  color: var(--danger);
}
.v-avatar .avatar.is-fake.is-h-purple {
  background: color-mix(in oklab, var(--purple), white 80%);
}
.v-avatar .avatar.is-fake.is-h-purple span {
  color: var(--purple);
}
.v-avatar .avatar.is-fake.is-h-orange {
  background: color-mix(in oklab, var(--orange), white 80%);
}
.v-avatar .avatar.is-fake.is-h-orange span {
  color: var(--orange);
}
.v-avatar .avatar.is-fake.is-h-blue {
  background: color-mix(in oklab, var(--blue), white 80%);
}
.v-avatar .avatar.is-fake.is-h-blue span {
  color: var(--blue);
}
.v-avatar .avatar.is-fake.is-h-red {
  background: color-mix(in oklab, var(--red), white 80%);
}
.v-avatar .avatar.is-fake.is-h-red span {
  color: var(--red);
}
.v-avatar .avatar.is-fake.is-h-green {
  background: color-mix(in oklab, var(--green), white 80%);
}
.v-avatar .avatar.is-fake.is-h-green span {
  color: var(--green);
}
.v-avatar .avatar.is-fake.is-h-yellow {
  background: color-mix(in oklab, var(--yellow), white 80%);
}
.v-avatar .avatar.is-fake.is-h-yellow span {
  color: color-mix(in oklab, var(--yellow), black 8%);
}
.v-avatar .avatar.is-fake span {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--muted-grey);
}
.v-avatar .avatar.is-more {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-rounded);
  border-width: 0;
}
.v-avatar .avatar.is-more .inner {
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--white);
  border-radius: var(--radius-rounded);
  background: color-mix(in oklab, var(--fade-grey), white 2%);
}
.v-avatar .avatar.is-more .inner span {
  line-height: 1;
  position: relative;
  inset-inline-start: -2px;
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--light-text);
}
.v-avatar .badge {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  height: 16px;
  width: 16px;
  border: 1px solid var(--white);
}
.v-avatar img {
  display: block;
  border-radius: var(--radius-rounded);
}
.v-avatar.is-small {
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
}
.v-avatar.is-small.has-dot::after {
  content: "";
  top: 0;
  inset-inline-end: 0;
  height: 8px;
  width: 8px;
  border-width: 1.4px;
}
.v-avatar.is-small.has-dot.has-dot-squared::after {
  top: -2px;
  inset-inline-end: -2px;
}
.v-avatar.is-small .avatar {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.v-avatar.is-small .avatar.is-squared {
  border-radius: 8px !important;
}
.v-avatar.is-small .avatar.is-fake, .v-avatar.is-small .avatar.is-more {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.v-avatar.is-small .avatar.is-fake .inner, .v-avatar.is-small .avatar.is-more .inner {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.v-avatar.is-small .avatar.is-fake span, .v-avatar.is-small .avatar.is-more span {
  font-size: 0.85rem;
}
.v-avatar.is-small .badge {
  border-width: 1px;
  width: 12px;
  height: 12px;
}
.v-avatar.is-medium {
  max-width: 50px;
  min-width: 50px;
}
.v-avatar.is-medium.has-dot::after {
  content: "";
  top: 1px;
  inset-inline-end: 1px;
  height: 12px;
  width: 12px;
  border-width: 2px;
}
.v-avatar.is-medium.has-dot.has-dot-squared::after {
  top: -3px;
  inset-inline-end: -3px;
}
.v-avatar.is-medium .avatar {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.v-avatar.is-medium .avatar.is-squared {
  border-radius: 12px !important;
}
.v-avatar.is-medium .avatar.is-fake, .v-avatar.is-medium .avatar.is-more {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.v-avatar.is-medium .avatar.is-fake .inner, .v-avatar.is-medium .avatar.is-more .inner {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.v-avatar.is-medium .avatar.is-fake span, .v-avatar.is-medium .avatar.is-more span {
  font-size: 1.2rem;
}
.v-avatar.is-medium .badge {
  border-width: 2px;
  height: 20px;
  width: 20px;
}
.v-avatar.is-large {
  max-width: 68px;
  min-width: 68px;
}
.v-avatar.is-large.has-dot::after {
  content: "";
  top: 4px;
  inset-inline-end: 4px;
  height: 14px;
  width: 14px;
  border-width: 2.6px;
}
.v-avatar.is-large.has-dot.has-dot-squared::after {
  top: -4px;
  inset-inline-end: -1px;
}
.v-avatar.is-large .avatar {
  width: 68px;
  min-width: 68px;
  height: 68px;
}
.v-avatar.is-large .avatar.is-squared {
  border-radius: 16px !important;
}
.v-avatar.is-large .avatar.is-fake {
  width: 68px;
  min-width: 68px;
  height: 68px;
}
.v-avatar.is-large .avatar.is-fake span {
  font-size: 1.4rem;
}
.v-avatar.is-large .badge {
  border-width: 2px;
  height: 24px;
  width: 24px;
}
.v-avatar.is-big {
  max-width: 80px;
  min-width: 80px;
}
.v-avatar.is-big.has-dot::after {
  content: "";
  top: 4px;
  inset-inline-end: 4px;
  height: 16px;
  width: 16px;
  border-width: 2.8px;
}
.v-avatar.is-big.has-dot.has-dot-squared::after {
  top: -4px;
  inset-inline-end: -1px;
}
.v-avatar.is-big .avatar {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.v-avatar.is-big .avatar.is-squared {
  border-radius: 18px !important;
}
.v-avatar.is-big .avatar.is-fake {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.v-avatar.is-big .avatar.is-fake span {
  font-size: 1.4rem;
}
.v-avatar.is-big .badge {
  border-width: 2.4px;
  height: 28px;
  width: 28px;
}
.v-avatar.is-xl {
  max-width: 100px;
  min-width: 100px;
}
.v-avatar.is-xl.has-dot::after {
  content: "";
  top: 6px;
  inset-inline-end: 5px;
  height: 18px;
  width: 18px;
  border-width: 2.8px;
}
.v-avatar.is-xl.has-dot.has-dot-squared::after {
  top: -3px;
  inset-inline-end: -3px;
}
.v-avatar.is-xl .avatar {
  width: 100px;
  min-width: 100px;
  height: 100px;
}
.v-avatar.is-xl .avatar.is-squared {
  border-radius: 22px !important;
}
.v-avatar.is-xl .avatar.is-fake {
  width: 100px;
  min-width: 100px;
  height: 100px;
}
.v-avatar.is-xl .avatar.is-fake span {
  font-size: 1.6rem;
}
.v-avatar.is-xl .badge {
  border-width: 3px;
  height: 34px;
  width: 34px;
}
.avatar-stack {
  display: flex;
}
.avatar-stack .v-avatar {
  border-radius: var(--radius-rounded);
}
.avatar-stack .v-avatar.is-small {
  border-radius: var(--radius-rounded);
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(1) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(2) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(3) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(4) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(5) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(6) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(7) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(8) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(9) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(10) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(11) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(12) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(13) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(14) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(15) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(16) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(17) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(18) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(19) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(20) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(21) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(22) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(23) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(24) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(25) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(26) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(27) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(28) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(29) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(30) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(31) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(32) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(33) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(34) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(35) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(36) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(37) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(38) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(39) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(40) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(41) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(42) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(43) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(44) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(45) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(46) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(47) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(48) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(49) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(50) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(51) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(52) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(53) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(54) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(55) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(56) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(57) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(58) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(59) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(60) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(61) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(62) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(63) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(64) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(65) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(66) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(67) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(68) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(69) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(70) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(71) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(72) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(73) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(74) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(75) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(76) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(77) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(78) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(79) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(80) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(81) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(82) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(83) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(84) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(85) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(86) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(87) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(88) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(89) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(90) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(91) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(92) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(93) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(94) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(95) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(96) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(97) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(98) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-small:not(:first-child):nth-child(99) {
  margin-inline-start: -12px;
}
.avatar-stack .v-avatar.is-medium {
  border-radius: var(--radius-rounded);
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(1) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(2) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(3) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(4) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(5) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(6) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(7) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(8) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(9) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(10) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(11) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(12) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(13) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(14) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(15) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(16) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(17) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(18) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(19) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(20) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(21) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(22) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(23) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(24) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(25) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(26) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(27) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(28) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(29) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(30) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(31) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(32) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(33) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(34) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(35) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(36) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(37) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(38) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(39) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(40) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(41) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(42) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(43) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(44) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(45) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(46) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(47) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(48) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(49) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(50) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(51) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(52) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(53) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(54) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(55) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(56) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(57) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(58) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(59) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(60) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(61) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(62) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(63) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(64) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(65) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(66) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(67) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(68) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(69) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(70) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(71) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(72) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(73) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(74) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(75) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(76) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(77) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(78) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(79) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(80) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(81) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(82) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(83) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(84) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(85) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(86) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(87) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(88) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(89) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(90) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(91) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(92) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(93) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(94) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(95) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(96) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(97) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(98) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar.is-medium:not(:first-child):nth-child(99) {
  margin-inline-start: -16px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(1) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(2) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(3) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(4) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(5) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(6) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(7) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(8) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(9) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(10) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(11) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(12) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(13) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(14) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(15) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(16) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(17) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(18) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(19) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(20) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(21) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(22) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(23) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(24) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(25) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(26) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(27) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(28) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(29) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(30) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(31) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(32) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(33) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(34) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(35) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(36) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(37) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(38) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(39) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(40) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(41) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(42) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(43) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(44) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(45) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(46) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(47) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(48) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(49) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(50) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(51) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(52) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(53) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(54) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(55) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(56) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(57) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(58) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(59) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(60) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(61) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(62) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(63) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(64) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(65) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(66) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(67) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(68) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(69) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(70) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(71) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(72) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(73) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(74) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(75) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(76) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(77) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(78) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(79) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(80) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(81) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(82) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(83) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(84) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(85) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(86) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(87) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(88) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(89) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(90) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(91) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(92) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(93) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(94) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(95) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(96) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(97) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(98) {
  margin-inline-start: -14px;
}
.avatar-stack .v-avatar:not(:first-child):nth-child(99) {
  margin-inline-start: -14px;
}
.is-dark .v-avatar.has-dot::after {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%);
}
.is-dark .avatar {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%);
}
.is-dark .avatar.is-fake.is-primary {
  background: var(--primary);
}
.is-dark .avatar.is-fake.is-primary span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-accent {
  background: var(--primary);
}
.is-dark .avatar.is-fake.is-accent span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-success {
  background: var(--success);
}
.is-dark .avatar.is-fake.is-success span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-info {
  background: var(--info);
}
.is-dark .avatar.is-fake.is-info span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-warning {
  background: var(--warning);
}
.is-dark .avatar.is-fake.is-warning span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-danger {
  background: var(--danger);
}
.is-dark .avatar.is-fake.is-danger span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-h-purple {
  background: var(--purple);
}
.is-dark .avatar.is-fake.is-h-purple span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-h-orange {
  background: var(--orange);
}
.is-dark .avatar.is-fake.is-h-orange span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-h-blue {
  background: var(--blue);
}
.is-dark .avatar.is-fake.is-h-blue span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-h-red {
  background: var(--red);
}
.is-dark .avatar.is-fake.is-h-red span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-h-green {
  background: var(--green);
}
.is-dark .avatar.is-fake.is-h-green span {
  color: var(--white);
}
.is-dark .avatar.is-fake.is-h-yellow {
  background: var(--yellow);
}
.is-dark .avatar.is-fake.is-h-yellow span {
  color: var(--white);
}
.is-dark .avatar.is-more {
  border-color: color-mix(in oklab, var(--dark-sidebar), black 12%);
}
.is-dark .avatar.is-more .inner {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%);
}
.is-dark .avatar.is-fake {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.media-flex {
  display: flex;
  margin-bottom: 1rem;
  width: 100%;
}
.media-flex:last-child, .media-flex.no-margin {
  margin-bottom: 0;
}
.media-flex .flex-meta {
  margin-inline-start: 12px;
  line-height: 1.3;
}
.media-flex .flex-meta.is-lighter span:first-child,
.media-flex .flex-meta.is-lighter > a:first-child {
  font-weight: 400;
}
.media-flex .flex-meta.is-light span:first-child,
.media-flex .flex-meta.is-light > a:first-child {
  font-weight: 500;
}
.media-flex .flex-meta span,
.media-flex .flex-meta > a {
  display: block;
}
.media-flex .flex-meta span:first-child,
.media-flex .flex-meta > a:first-child {
  font-family: var(--font-alt);
  color: var(--dark-text);
  font-weight: 600;
}
.media-flex .flex-meta span:nth-child(2),
.media-flex .flex-meta > a:nth-child(2) {
  font-family: var(--font);
  color: var(--light-text);
  font-size: 0.9rem;
}
.media-flex .flex-meta a:hover {
  color: var(--primary);
}
.media-flex .flex-end {
  margin-inline-start: auto;
  display: flex;
  justify-content: flex-end;
}
.media-flex .flex-end .end-action {
  margin-inline-start: 1rem;
}
.media-flex-center {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
.media-flex-center:last-child, .media-flex-center.no-margin {
  margin-bottom: 0;
}
.media-flex-center .flex-meta {
  margin-inline-start: 12px;
  line-height: 1.4;
}
.media-flex-center .flex-meta.is-lighter span:first-child,
.media-flex-center .flex-meta.is-lighter > a:first-child {
  font-weight: 400;
}
.media-flex-center .flex-meta.is-light span:first-child,
.media-flex-center .flex-meta.is-light > a:first-child {
  font-weight: 500;
}
.media-flex-center .flex-meta span,
.media-flex-center .flex-meta > a {
  display: block;
}
.media-flex-center .flex-meta span:first-child,
.media-flex-center .flex-meta > a:first-child {
  font-family: var(--font-alt);
  font-size: 0.95rem;
  color: var(--dark-text);
  font-weight: 600;
}
.media-flex-center .flex-meta span:nth-child(2),
.media-flex-center .flex-meta > a:nth-child(2) {
  font-family: var(--font);
  color: var(--light-text);
  font-size: 0.9rem;
}
.media-flex-center .flex-meta a:hover {
  color: var(--primary);
}
.media-flex-center .flex-end {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.media-flex-center .flex-end .end-action {
  margin-inline-start: 1rem;
}
.is-dark .media-flex-center .flex-meta span:first-child,
.is-dark .media-flex-center .flex-meta a:first-child,
.is-dark .media-flex .flex-meta span:first-child,
.is-dark .media-flex .flex-meta a:first-child {
  color: var(--dark-dark-text) !important;
}
.is-dark .media-flex-center .flex-meta a:hover,
.is-dark .media-flex .flex-meta a:hover {
  color: var(--primary);
}
@media only screen and (width <= 767px) {
.media-flex.is-responsive-mobile,
  .media-flex-center.is-responsive-mobile {
    flex-direction: column;
    text-align: center;
}
.media-flex.is-responsive-mobile .v-avatar,
  .media-flex.is-responsive-mobile .v-icon,
  .media-flex-center.is-responsive-mobile .v-avatar,
  .media-flex-center.is-responsive-mobile .v-icon {
    margin: 0 auto;
}
.media-flex.is-responsive-mobile .flex-meta,
  .media-flex-center.is-responsive-mobile .flex-meta {
    margin: 10px auto 0;
}
.media-flex.is-responsive-mobile .flex-end,
  .media-flex-center.is-responsive-mobile .flex-end {
    margin: 10px auto;
}
.media-flex.is-responsive-mobile .flex-end .end-action,
  .media-flex-center.is-responsive-mobile .flex-end .end-action {
    margin-inline-start: 0;
}
.media-flex.is-responsive-mobile .flex-end .button,
  .media-flex-center.is-responsive-mobile .flex-end .button {
    min-width: 140px;
}
}
@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait) {
.media-flex.is-responsive-tablet-p,
  .media-flex-center.is-responsive-tablet-p {
    flex-direction: column;
    text-align: center;
}
.media-flex.is-responsive-tablet-p .v-avatar,
  .media-flex.is-responsive-tablet-p .v-icon,
  .media-flex-center.is-responsive-tablet-p .v-avatar,
  .media-flex-center.is-responsive-tablet-p .v-icon {
    margin: 0 auto;
}
.media-flex.is-responsive-tablet-p .flex-meta,
  .media-flex-center.is-responsive-tablet-p .flex-meta {
    margin: 10px auto 0;
}
.media-flex.is-responsive-tablet-p .flex-end,
  .media-flex-center.is-responsive-tablet-p .flex-end {
    margin: 10px auto;
}
.media-flex.is-responsive-tablet-p .flex-end .end-action,
  .media-flex-center.is-responsive-tablet-p .flex-end .end-action {
    margin-inline-start: 0;
}
.media-flex.is-responsive-tablet-p .flex-end .button,
  .media-flex-center.is-responsive-tablet-p .flex-end .button {
    min-width: 140px;
}
}
@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: landscape) {
.media-flex.is-responsive-tablet-l,
  .media-flex-center.is-responsive-tablet-l {
    flex-direction: column;
    text-align: center;
}
.media-flex.is-responsive-tablet-l .v-avatar,
  .media-flex.is-responsive-tablet-l .v-icon,
  .media-flex-center.is-responsive-tablet-l .v-avatar,
  .media-flex-center.is-responsive-tablet-l .v-icon {
    margin: 0 auto;
}
.media-flex.is-responsive-tablet-l .flex-meta,
  .media-flex-center.is-responsive-tablet-l .flex-meta {
    margin: 10px auto 0;
}
.media-flex.is-responsive-tablet-l .flex-end,
  .media-flex-center.is-responsive-tablet-l .flex-end {
    margin: 10px auto;
}
.media-flex.is-responsive-tablet-l .flex-end .end-action,
  .media-flex-center.is-responsive-tablet-l .flex-end .end-action {
    margin-inline-start: 0;
}
.media-flex.is-responsive-tablet-l .flex-end .button,
  .media-flex-center.is-responsive-tablet-l .flex-end .button {
    min-width: 140px;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.breadcrumb.is-narrow {
  margin-bottom: 10px;
}
.breadcrumb ul li:first-child .breadcrumb-item {
  padding-inline-start: 0;
}
.breadcrumb ul li .breadcrumb-item {
  font-family: var(--font);
  color: var(--light-text);
  padding: 0 0.75em;
}
.breadcrumb ul li .breadcrumb-item .icon.is-solo .iconify {
  top: 2px;
}
.breadcrumb ul li .breadcrumb-item .icon .iconify {
  position: relative;
  top: 0;
  font-size: 16px;
  height: 16px;
  min-width: 16px;
}
.breadcrumb ul li a.breadcrumb-item:hover {
  color: var(--primary);
}
.is-dark .breadcrumb ul li a.breadcrumb-item:hover {
  color: var(--primary);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.checkbox {
  position: relative;
  font-family: var(--font);
  cursor: pointer;
  padding: 1em;
}
.checkbox::selection {
  background: transparent;
}
.checkbox input + span {
  position: relative;
  top: -1px;
  background: var(--white);
  content: "";
  display: inline-block;
  margin-inline-end: 0.5rem;
  padding: 0;
  vertical-align: middle;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 8%);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.checkbox input + span::after {
  content: "";
  display: block;
  transform: scale(0);
  transition: transform 0.2s;
}
@media screen and (width >= 768px) {
.checkbox:hover input + span {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
}
.checkbox input:active + span {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.checkbox input:checked + span::after {
  transform: translate(calc(var(--transform-direction) * -50%), -50%) scale(1) !important;
}
.checkbox input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
.checkbox {
  color: var(--light-text);
}
.checkbox:hover, .checkbox:focus {
  color: var(--light-text);
}
.checkbox.is-paddingless {
  padding: 0 !important;
}
.checkbox.is-circle input + span {
  border-radius: var(--radius-rounded);
}
.checkbox.is-solid input + span {
  background: color-mix(in oklab, var(--fade-grey), white 3%);
}
.checkbox.is-solid.is-primary input + span {
  border-color: var(--primary);
  background: var(--primary);
}
.checkbox.is-solid.is-primary input + span::after {
  color: var(--white);
}
.checkbox.is-solid.is-success input + span {
  border-color: var(--success);
  background: var(--success);
}
.checkbox.is-solid.is-success input + span::after {
  color: var(--white);
}
.checkbox.is-solid.is-info input + span {
  border-color: var(--info);
  background: var(--info);
}
.checkbox.is-solid.is-info input + span::after {
  color: var(--white);
}
.checkbox.is-solid.is-warning input + span {
  border-color: var(--warning);
  background: var(--warning);
}
.checkbox.is-solid.is-warning input + span::after {
  color: var(--white);
}
.checkbox.is-solid.is-danger input + span {
  border-color: var(--danger);
  background: var(--danger);
}
.checkbox.is-solid.is-danger input + span::after {
  color: var(--white);
}
.checkbox.is-outlined.is-primary input:checked + span {
  border-color: var(--primary);
}
.checkbox.is-outlined.is-primary input + span::after {
  color: var(--primary);
}
.checkbox.is-outlined.is-success input:checked + span {
  border-color: var(--success);
}
.checkbox.is-outlined.is-success input + span::after {
  color: var(--success);
}
.checkbox.is-outlined.is-info input:checked + span {
  border-color: var(--info);
}
.checkbox.is-outlined.is-info input + span::after {
  color: var(--info);
}
.checkbox.is-outlined.is-warning input:checked + span {
  border-color: var(--warning);
}
.checkbox.is-outlined.is-warning input + span::after {
  color: var(--warning);
}
.checkbox.is-outlined.is-danger input:checked + span {
  border-color: var(--danger);
}
.checkbox.is-outlined.is-danger input + span::after {
  color: var(--danger);
}
.checkbox input + span {
  border-radius: var(--radius-small);
  transition: all 0.3s;
}
.checkbox input + span::after {
  background-size: contain;
  position: absolute;
  top: 48%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%) scale(0);
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.7rem;
}
.checkbox input:focus + span,
.checkbox input:active + span {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-color: var(--accessibility-focus-outline-color);
  outline-style: var(--accessibility-focus-outline-style);
}
.is-dark .checkbox input + span {
  background-color: color-mix(in oklab, var(--dark-sidebar), white 2%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 4%);
}
.is-dark .checkbox input + span::after {
  color: var(--dark-dark-text);
}
.is-dark .checkbox input + span {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 16%);
}
.is-dark .checkbox.is-solid.is-primary input + span {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.is-dark .checkbox.is-outlined.is-primary input:checked + span {
  border-color: var(--primary) !important;
}
.is-dark .checkbox.is-outlined.is-primary input:checked + span::after {
  color: var(--primary) !important;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}
/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}
/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}
/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}
/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}
/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
.collapse {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: var(--white);
  border-radius: var(--radius-large);
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  transition: all 0.3s;
  padding: 0;
  margin-bottom: 1.5rem;
}
.collapse.has-margin-bottom {
  margin-bottom: 1.5rem;
}
.collapse.is-flat {
  box-shadow: none;
}
.collapse.is-raised {
  box-shadow: var(--light-box-shadow);
}
.collapse.is-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.collapse.is-primary .title,
.collapse.is-primary .subtitle,
.collapse.is-primary h1,
.collapse.is-primary h2,
.collapse.is-primary h3,
.collapse.is-primary h4,
.collapse.is-primary p {
  color: var(--smoke-white) !important;
}
.collapse.is-secondary {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.collapse.is-secondary .title,
.collapse.is-secondary .subtitle,
.collapse.is-secondary h1,
.collapse.is-secondary h2,
.collapse.is-secondary h3,
.collapse.is-secondary h4,
.collapse.is-secondary p {
  color: var(--smoke-white) !important;
}
.collapse.is-info {
  background: var(--info) !important;
  border-color: var(--info) !important;
}
.collapse.is-info .title,
.collapse.is-info .subtitle,
.collapse.is-info h1,
.collapse.is-info h2,
.collapse.is-info h3,
.collapse.is-info h4,
.collapse.is-info p {
  color: var(--smoke-white) !important;
}
.collapse.is-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
}
.collapse.is-success .title,
.collapse.is-success .subtitle,
.collapse.is-success h1,
.collapse.is-success h2,
.collapse.is-success h3,
.collapse.is-success h4,
.collapse.is-success p {
  color: var(--smoke-white) !important;
}
.collapse.is-warning {
  background: var(--warning) !important;
  border-color: var(--warning) !important;
}
.collapse.is-warning .title,
.collapse.is-warning .subtitle,
.collapse.is-warning h1,
.collapse.is-warning h2,
.collapse.is-warning h3,
.collapse.is-warning h4,
.collapse.is-warning p {
  color: var(--smoke-white) !important;
}
.collapse.is-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}
.collapse.is-danger .title,
.collapse.is-danger .subtitle,
.collapse.is-danger h1,
.collapse.is-danger h2,
.collapse.is-danger h3,
.collapse.is-danger h4,
.collapse.is-danger p {
  color: var(--smoke-white) !important;
}
.collapse .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.collapse .card-head .left,
.collapse .card-head .right {
  display: flex;
  align-items: center;
}
.collapse .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.collapse .card-head .right {
  justify-content: flex-end;
}
.collapse .card-inner {
  padding-top: 1.75rem;
}
.collapse.has-plus[open] .collapse-header .collapse-icon {
  transform: rotate(calc(var(--transform-direction) * 45deg));
}
.collapse.has-plus[open] .collapse-content {
  display: block;
}
.collapse.has-chevron[open] .collapse-header .collapse-icon {
  transform: rotate(calc(var(--transform-direction) * 180deg));
}
.collapse.has-chevron[open] .collapse-content {
  display: block;
}
.collapse[open] .collapse-icon {
  border-color: color-mix(in oklab, var(--fade-grey), black 3%) !important;
  box-shadow: var(--light-box-shadow);
}
.collapse .collapse-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 20px;
  cursor: pointer;
}
.collapse .collapse-header h3 {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark-text);
}
.collapse .collapse-header .collapse-head-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.collapse .collapse-header .collapse-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background: var(--white);
  border-radius: var(--radius-rounded);
  border: 1px solid transparent;
  transition: all 0.3s;
}
.collapse .collapse-header .collapse-icon > span {
  display: block;
  height: 16px;
  width: 16px;
}
.collapse .collapse-header .collapse-icon .iconify {
  height: 16px;
  width: 16px;
  color: var(--light-text);
}
.collapse .collapse-content {
  display: none;
  padding: 0 20px 20px;
  color: var(--light-text);
  font-family: var(--font);
}
.collapse .collapse-content p:not(:last-child) {
  margin-bottom: 12px;
}
.is-dark .collapse {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
}
.is-dark .collapse .v-avatar img {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .collapse .avatar-stack .v-avatar {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .collapse .avatar-stack .v-avatar .avatar.is-more .inner {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .collapse[open] .collapse-header .collapse-icon {
  background: color-mix(in oklab, var(--dark-sidebar), white 2%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 4%) !important;
}
.is-dark .collapse .collapse-header h3 {
  color: var(--dark-dark-text);
}
.is-dark .collapse .collapse-header .collapse-icon {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.tag:not(body) {
  display: inline-block;
  line-height: 2.3;
  height: 2.4em;
  font-size: 0.75rem;
}
.tag:not(body).is-rounded {
  padding-inline-start: 1em;
  padding-inline-end: 1em;
}
.tag:not(body).is-curved {
  padding-inline-start: 0.85em;
  padding-inline-end: 0.85em;
  line-height: 2.5;
  height: 2.6em;
  border-radius: 8px;
}
.tag:not(body).is-tiny {
  line-height: 1.3;
  height: 1.6em;
  font-size: 0.7rem;
}
.tag:not(body).is-tiny.is-curved {
  padding-inline-start: 0.55em;
  padding-inline-end: 0.55em;
  line-height: 1.3;
  height: 1.6em;
}
.tag:not(body).is-elevated {
  box-shadow: var(--light-box-shadow);
}
.tag:not(body).is-solid {
  background: var(--white);
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  color: var(--light-text);
}
.tag:not(body).is-primary.is-elevated {
  box-shadow: var(--primary-box-shadow);
}
.tag:not(body).is-primary.is-outlined {
  background: none !important;
  color: var(--primary);
  border: 1px solid var(--primary);
}
.tag:not(body).is-success.is-elevated {
  box-shadow: var(--success-box-shadow);
}
.tag:not(body).is-success.is-outlined {
  background: none !important;
  color: var(--success);
  border: 1px solid var(--success);
}
.tag:not(body).is-info.is-elevated {
  box-shadow: var(--info-box-shadow);
}
.tag:not(body).is-info.is-outlined {
  background: none !important;
  color: var(--info);
  border: 1px solid var(--info);
}
.tag:not(body).is-warning.is-elevated {
  box-shadow: var(--warning-box-shadow);
}
.tag:not(body).is-warning.is-outlined {
  background: none !important;
  color: var(--warning);
  border: 1px solid var(--warning);
}
.tag:not(body).is-danger.is-elevated {
  box-shadow: var(--danger-box-shadow);
}
.tag:not(body).is-danger.is-outlined {
  background: none !important;
  color: var(--danger);
  border: 1px solid var(--danger);
}
.tag:not(body).is-secondary {
  background: var(--secondary);
  color: var(--white);
}
.tag:not(body).is-secondary.is-elevated {
  box-shadow: var(--secondary-box-shadow);
}
.tag:not(body).is-secondary.is-outlined {
  background: none !important;
  color: var(--secondary);
  border: 1px solid var(--secondary);
}
.tag:not(body).is-green {
  background: var(--green);
  color: var(--white);
}
.tag:not(body).is-green.is-elevated {
  box-shadow: var(--green-box-shadow);
}
.tag:not(body).is-green.is-outlined {
  background: none !important;
  color: var(--green);
  border: 1px solid var(--green);
}
.tag:not(body).is-blue {
  background: var(--blue);
  color: var(--white);
}
.tag:not(body).is-blue.is-elevated {
  box-shadow: var(--blue-box-shadow);
}
.tag:not(body).is-blue.is-outlined {
  background: none !important;
  color: var(--blue);
  border: 1px solid var(--blue);
}
.tag:not(body).is-purple {
  background: var(--purple);
  color: var(--white);
}
.tag:not(body).is-purple.is-elevated {
  box-shadow: var(--purple-box-shadow);
}
.tag:not(body).is-purple.is-outlined {
  background: none !important;
  color: var(--purple);
  border: 1px solid var(--purple);
}
.tag:not(body).is-orange {
  background: var(--orange);
  color: var(--white);
}
.tag:not(body).is-orange.is-elevated {
  box-shadow: var(--orange-box-shadow);
}
.tag:not(body).is-orange.is-outlined {
  background: none !important;
  color: var(--orange);
  border: 1px solid var(--orange);
}
.is-dark .tag:not(.is-primary,
.is-secondary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-orange,
.is-green,
.is-blue,
.is-purple) {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 10%);
  color: var(--dark-dark-text);
}
.is-dark .tag.is-primary {
  background: var(--primary);
}
.is-dark .tag.is-primary.is-outlined {
  border-color: var(--primary);
  color: var(--primary);
}
.is-dark .tag.is-primary.is-light {
  background: color-mix(in oklab, var(--primary), white 22%);
  color: var(--primary);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-c55c9f74]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-c55c9f74] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-c55c9f74]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-c55c9f74]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-c55c9f74]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-c55c9f74]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-c55c9f74] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-c55c9f74]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-c55c9f74] {
  --transform-direction: -1;
}
.collapse-links[data-v-c55c9f74] {
  overflow: hidden;
  user-select: none;
}
.collapse-links-transition-enter-active[data-v-c55c9f74],
.collapse-links-transition-leave-active[data-v-c55c9f74] {
  opacity: 1;
  transform: translateY(0) scaleY(1);
  transform-origin: center top;
}
.collapse-links-transition-enter-active[data-v-c55c9f74] {
  transition: opacity 0.2s ease-in, transform 0.1s ease-in;
}
.collapse-links-transition-leave-active[data-v-c55c9f74] {
  transition: opacity 0.2s ease-out, transform 0.1s ease-out;
}
.collapse-links-transition-enter-from[data-v-c55c9f74],
.collapse-links-transition-leave-to[data-v-c55c9f74] {
  transform: translateY(-10px) scaleY(0.2);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.collapse-links-transition-enter-active[data-v-c55c9f74],
  .collapse-links-transition-leave-active[data-v-c55c9f74] {
    transition: none;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.collapse {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: var(--white);
  border-radius: var(--radius-large);
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  transition: all 0.3s;
  padding: 0;
  margin-bottom: 1.5rem;
}
.collapse.has-margin-bottom {
  margin-bottom: 1.5rem;
}
.collapse.is-flat {
  box-shadow: none;
}
.collapse.is-raised {
  box-shadow: var(--light-box-shadow);
}
.collapse.is-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.collapse.is-primary .title,
.collapse.is-primary .subtitle,
.collapse.is-primary h1,
.collapse.is-primary h2,
.collapse.is-primary h3,
.collapse.is-primary h4,
.collapse.is-primary p {
  color: var(--smoke-white) !important;
}
.collapse.is-secondary {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.collapse.is-secondary .title,
.collapse.is-secondary .subtitle,
.collapse.is-secondary h1,
.collapse.is-secondary h2,
.collapse.is-secondary h3,
.collapse.is-secondary h4,
.collapse.is-secondary p {
  color: var(--smoke-white) !important;
}
.collapse.is-info {
  background: var(--info) !important;
  border-color: var(--info) !important;
}
.collapse.is-info .title,
.collapse.is-info .subtitle,
.collapse.is-info h1,
.collapse.is-info h2,
.collapse.is-info h3,
.collapse.is-info h4,
.collapse.is-info p {
  color: var(--smoke-white) !important;
}
.collapse.is-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
}
.collapse.is-success .title,
.collapse.is-success .subtitle,
.collapse.is-success h1,
.collapse.is-success h2,
.collapse.is-success h3,
.collapse.is-success h4,
.collapse.is-success p {
  color: var(--smoke-white) !important;
}
.collapse.is-warning {
  background: var(--warning) !important;
  border-color: var(--warning) !important;
}
.collapse.is-warning .title,
.collapse.is-warning .subtitle,
.collapse.is-warning h1,
.collapse.is-warning h2,
.collapse.is-warning h3,
.collapse.is-warning h4,
.collapse.is-warning p {
  color: var(--smoke-white) !important;
}
.collapse.is-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}
.collapse.is-danger .title,
.collapse.is-danger .subtitle,
.collapse.is-danger h1,
.collapse.is-danger h2,
.collapse.is-danger h3,
.collapse.is-danger h4,
.collapse.is-danger p {
  color: var(--smoke-white) !important;
}
.collapse .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.collapse .card-head .left,
.collapse .card-head .right {
  display: flex;
  align-items: center;
}
.collapse .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.collapse .card-head .right {
  justify-content: flex-end;
}
.collapse .card-inner {
  padding-top: 1.75rem;
}
.collapse.has-plus[open] .collapse-header .collapse-icon {
  transform: rotate(calc(var(--transform-direction) * 45deg));
}
.collapse.has-plus[open] .collapse-content {
  display: block;
}
.collapse.has-chevron[open] .collapse-header .collapse-icon {
  transform: rotate(calc(var(--transform-direction) * 180deg));
}
.collapse.has-chevron[open] .collapse-content {
  display: block;
}
.collapse[open] .collapse-icon {
  border-color: color-mix(in oklab, var(--fade-grey), black 3%) !important;
  box-shadow: var(--light-box-shadow);
}
.collapse .collapse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 20px;
  cursor: pointer;
}
.collapse .collapse-header h3 {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark-text);
}
.collapse .collapse-header .collapse-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background: var(--white);
  border-radius: var(--radius-rounded);
  border: 1px solid transparent;
  transition: all 0.3s;
}
.collapse .collapse-header .collapse-icon > span {
  display: block;
  height: 16px;
  width: 16px;
}
.collapse .collapse-header .collapse-icon .iconify {
  height: 16px;
  width: 16px;
  color: var(--light-text);
}
.collapse .collapse-content {
  display: none;
  padding: 0 20px 20px;
  color: var(--light-text);
  font-family: var(--font);
}
.collapse .collapse-content p:not(:last-child) {
  margin-bottom: 12px;
}
.is-dark .collapse {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
}
.is-dark .collapse .v-avatar img {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .collapse .avatar-stack .v-avatar {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .collapse .avatar-stack .v-avatar .avatar.is-more .inner {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .collapse[open] .collapse-header .collapse-icon {
  background: color-mix(in oklab, var(--dark-sidebar), white 2%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 4%) !important;
}
.is-dark .collapse .collapse-header h3 {
  color: var(--dark-dark-text);
}
.is-dark .collapse .collapse-header .collapse-icon {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-19d61946]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-19d61946] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-19d61946]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-19d61946]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-19d61946]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-19d61946]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-19d61946] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-19d61946]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-19d61946] {
  --transform-direction: -1;
}
.theme-toggle[data-v-19d61946] {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
  transform: scale(0.9);
}
.theme-toggle[data-v-19d61946]:focus-within {
  border-radius: 50px;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.theme-toggle input[data-v-19d61946] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.theme-toggle input:checked ~ .toggler[data-v-19d61946] {
  border-color: var(--primary);
}
.theme-toggle input:checked ~ .toggler .dark[data-v-19d61946],
.theme-toggle input:checked ~ .toggler .light[data-v-19d61946] {
  transform: translateX(calc(var(--transform-direction) * 100%)) rotate(360deg);
}
.theme-toggle input:checked ~ .toggler .dark[data-v-19d61946] {
  opacity: 1 !important;
}
.theme-toggle input:checked ~ .toggler .light[data-v-19d61946] {
  opacity: 0 !important;
}
.theme-toggle .toggler[data-v-19d61946] {
  position: relative;
  display: block;
  height: 31px;
  width: 53px;
  border: 2px solid var(--primary);
  border-radius: 100px;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, height 0.3s, width 0.3s;
}
.theme-toggle .toggler .dark[data-v-19d61946],
.theme-toggle .toggler .light[data-v-19d61946] {
  position: absolute;
  top: 2px;
  inset-inline-start: 2px;
  height: 22px;
  width: 22px;
  border-radius: var(--radius-rounded);
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(calc(var(--transform-direction) * 0)) rotate(calc(var(--transform-direction) * 0));
  transition: all 0.3s ease;
}
.theme-toggle .toggler .dark .iconify[data-v-19d61946],
.theme-toggle .toggler .light .iconify[data-v-19d61946] {
  color: var(--white) !important;
  height: 14px !important;
  width: 14px !important;
  opacity: 1 !important;
}
.theme-toggle .toggler .light[data-v-19d61946] {
  background: var(--primary);
  border-color: var(--primary);
  opacity: 1;
  z-index: 1;
}
.theme-toggle .toggler .dark[data-v-19d61946] {
  background: var(--primary);
  border-color: var(--primary);
  opacity: 0;
  z-index: 0;
}
.theme-toggle .toggler .dark .iconify[data-v-19d61946] {
  color: var(--white) !important;
}
@media (width <= 767px) {
.theme-toggle[data-v-19d61946] {
    margin: 0 auto;
}
}
@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait) {
.theme-toggle[data-v-19d61946] {
    margin: 0 auto;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.dropdown:not(.is-right) .dropdown-menu {
  inset-inline-start: 0;
}
.dropdown.is-right .dropdown-menu {
  inset-inline-start: initial;
  inset-inline-end: 0;
}
.dropdown.is-end .dropdown-menu {
  bottom: 0;
  inset-inline-start: 145%;
  transform: translateY(-100%);
  height: fit-content;
}
.dropdown.is-dots:hover .is-trigger, .dropdown.is-dots.is-active .is-trigger {
  background: color-mix(in oklab, var(--fade-grey), white 2%);
}
.dropdown.is-dots:hover .is-trigger .iconify, .dropdown.is-dots.is-active .is-trigger .iconify {
  color: color-mix(in oklab, var(--light-text), black 4%);
}
.dropdown.is-dots .is-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border-radius: var(--radius-rounded);
  cursor: pointer;
  transition: all 0.3s;
}
.dropdown.is-dots .is-trigger .iconify {
  vertical-align: middle;
}
.dropdown.is-dots .is-trigger .iconify {
  font-size: 20px;
  color: var(--light-text);
}
.dropdown.is-dots .dropdown-menu {
  margin-top: 6px;
  padding-bottom: 0;
  text-align: inset-inline-start;
}
.dropdown.is-modern.is-active .caret {
  transform: rotate(calc(var(--transform-direction) * 180deg));
}
.dropdown.is-modern .is-trigger {
  padding-inline-end: 0.75em;
}
.dropdown.is-modern .is-trigger .caret {
  height: 22px;
  width: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  margin-inline-start: 6px;
}
.dropdown.is-modern .is-trigger .caret .iconify {
  vertical-align: middle;
}
.dropdown.is-modern .is-trigger .caret .iconify {
  height: 16px;
  width: 16px;
  color: var(--light-text);
}
.dropdown.is-modern .dropdown-menu {
  margin-top: 6px;
}
.dropdown.is-spaced .dropdown-menu {
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.05);
  border-color: var(--fade-grey);
  padding-top: 0;
  min-width: 260px;
}
.dropdown.is-spaced .dropdown-menu.has-margin {
  margin-top: 10px;
}
.dropdown.is-spaced .dropdown-menu .dropdown-content {
  border: 1px solid var(--fade-grey);
  box-shadow: none;
}
.dropdown.is-spaced .dropdown-item {
  padding: 0.5rem 1rem;
  font-size: 0.95rem;
  color: var(--light-text);
  transition: all 0.3s;
}
.dropdown.is-spaced .dropdown-item:not(.is-button):hover, .dropdown.is-spaced .dropdown-item:not(.is-button).is-active {
  background: color-mix(in oklab, var(--fade-grey), white 3%);
  color: var(--dark-text);
}
.dropdown.is-spaced .dropdown-item.no-hover:hover {
  background: var(--white);
}
.dropdown.is-spaced .dropdown-item.is-media {
  display: flex;
  align-items: center;
}
.dropdown.is-spaced .dropdown-item.is-media:hover .icon .iconify, .dropdown.is-spaced .dropdown-item.is-media:focus .icon .iconify, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon .iconify {
  color: var(--primary);
}
.dropdown.is-spaced .dropdown-item.is-media:hover .icon .lnir,
.dropdown.is-spaced .dropdown-item.is-media:hover .icon .lnil, .dropdown.is-spaced .dropdown-item.is-media:focus .icon .lnir,
.dropdown.is-spaced .dropdown-item.is-media:focus .icon .lnil, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon .lnir,
.dropdown.is-spaced .dropdown-item.is-media.is-active .icon .lnil {
  color: var(--primary);
}
.dropdown.is-spaced .dropdown-item.is-media .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
}
.dropdown.is-spaced .dropdown-item.is-media .icon .iconify {
  height: 18px;
  width: 18px;
  transition: stroke 0.3s;
}
.dropdown.is-spaced .dropdown-item.is-media .icon .lnir,
.dropdown.is-spaced .dropdown-item.is-media .icon .lnil {
  font-size: 16px;
  transition: color 0.3s;
}
.dropdown.is-spaced .dropdown-item.is-media .item-img {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: var(--radius-large);
}
.dropdown.is-spaced .dropdown-item.is-media .item-img.is-rounded {
  border-radius: var(--radius-rounded);
}
.dropdown.is-spaced .dropdown-item.is-media .meta {
  margin-inline-start: 10px;
}
.dropdown.is-spaced .dropdown-item.is-media .meta span {
  display: block;
  line-height: 1.3;
}
.dropdown.is-spaced .dropdown-item.is-media .meta span:first-child {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark-text);
}
.dropdown.is-spaced .dropdown-item.is-media .meta span:nth-child(2) {
  font-family: var(--font);
  color: var(--light-text);
  font-size: 0.9rem;
}
.dropdown .is-trigger.button {
  font-family: var(--font);
}
.dropdown .is-trigger.button:focus {
  border-color: color-mix(in oklab, var(--fade-grey), black 4%);
  box-shadow: var(--light-box-shadow);
}
.dropdown .is-trigger.button .base-caret {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  width: 16px;
}
.dropdown .is-trigger.button .base-caret .iconify {
  font-size: 14px;
  margin-inline-start: 0.65rem;
}
.dropdown .dropdown-menu .dropdown-item {
  text-align: start;
  color: var(--light-text);
  font-family: var(--font);
}
.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus {
  color: var(--dark-text);
}
.dropdown .dropdown-menu .dropdown-item.is-active {
  background: color-mix(in oklab, var(--fade-grey), white 3%);
}
.dropdown .dropdown-menu .dropdown-item.has-child {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline-end: 1rem;
}
.dropdown .dropdown-menu .dropdown-item.has-child .iconify {
  height: 16px;
  width: 16px;
  color: var(--muted-grey);
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown {
  position: absolute;
  inset-inline-end: -282px;
  top: 0;
  width: 280px;
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner {
  position: relative;
  height: 100%;
  width: 100%;
  background: var(--white);
  border: 1px solid var(--primary-grey);
  border-radius: var(--radius-large);
  padding: 8px 0;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting {
  padding: 0 6px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting label {
  transform: scale(0.7);
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span {
  display: block;
  font-size: 0.8rem;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span:first-child {
  color: var(--dark-text);
  font-weight: 500;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span:nth-child(2) {
  color: var(--muted-grey);
}
.dropdown .dropdown-menu .dropdown-item.has-child:hover .child-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

/* ==========================================================================
2. Dropdown Dark mode
========================================================================== */
.is-dark .toolbar-link:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 2%) !important;
}
.is-dark .toolbar-link .iconify {
  color: var(--dark-dark-text);
}
.is-dark .dropdown.is-spaced:hover .is-trigger, .is-dark .dropdown.is-spaced.is-active .is-trigger, .is-dark .dropdown.is-dots:hover .is-trigger, .is-dark .dropdown.is-dots.is-active .is-trigger {
  background: color-mix(in oklab, var(--dark-sidebar), white 2%) !important;
}
.is-dark .dropdown.is-spaced:hover .is-trigger .iconify, .is-dark .dropdown.is-spaced.is-active .is-trigger .iconify, .is-dark .dropdown.is-dots:hover .is-trigger .iconify, .is-dark .dropdown.is-dots.is-active .is-trigger .iconify {
  color: var(--dark-dark-text);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content {
  background: var(--dark-sidebar) !important;
  border-color: color-mix(in oklab, var(--dark-sidebar), white 8%) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 8%) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:hover, .is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:focus,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading *:hover, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading:hover, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading:focus,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading *:hover {
  background: var(--dark-sidebar) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
  color: var(--primary) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item:hover,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item *:hover, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .notification-list li .notification-item:hover,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .notification-list li .notification-item *:hover {
  background: var(--dark-sidebar) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item .user-content .user-info, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .notification-list li .notification-item .user-content .user-info {
  color: var(--dark-dark-text) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .iconify, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media:hover .icon .iconify {
  color: var(--primary) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .lnir,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .lnil, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media:hover .icon .lnir,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media:hover .icon .lnil {
  color: var(--primary);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media.is-active .icon .iconify, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media.is-active .icon .iconify {
  color: var(--white) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media.is-active .icon .lnir,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media.is-active .icon .lnil, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media.is-active .icon .lnir,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media.is-active .icon .lnil {
  color: var(--white);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media.is-active .meta span, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media.is-active .meta span {
  color: var(--white) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .iconify, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media .icon .iconify {
  color: var(--light-text);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .lnir,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .lnil, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media .icon .lnir,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media .icon .lnil {
  color: var(--light-text);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .meta span:first-child, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media .meta span:first-child {
  color: var(--dark-dark-text);
}
.is-dark .dropdown .dropdown-menu .dropdown-content {
  background: var(--dark-sidebar);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 8%) !important;
}
.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item {
  color: var(--light-text);
}
.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active {
  background: color-mix(in oklab, var(--dark-sidebar), white 2%) !important;
}
.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
  background: color-mix(in oklab, var(--dark-sidebar), white 5%);
}
.is-dark .dropdown .dropdown-menu .dropdown-content a:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 5%) !important;
}
.is-dark .child-dropdown .inner {
  background: var(--dark-sidebar) !important;
  border-color: color-mix(in oklab, var(--dark-sidebar), white 4%) !important;
}
.is-dark .child-dropdown .inner:hover, .is-dark .child-dropdown .inner:focus {
  background: var(--dark-sidebar) !important;
  border-color: color-mix(in oklab, var(--dark-sidebar), white 4%) !important;
}
.is-dark .child-dropdown .inner ul li .text span:first-child {
  color: var(--dark-dark-text) !important;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.v-flex {
  display: var(--34a87b3c);
  flex-direction: var(--1db64b02);
  flex-wrap: var(--d65fb232);
  justify-content: var(--11d893cd);
  align-items: var(--1d33d1bf);
  align-content: var(--5a1a9ab8);
  row-gap: var(--649962c0);
  column-gap: var(--232855c8);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.v-flex-item {
  order: var(--70a50884);
  flex-grow: var(--990e7294);
  flex-shrink: var(--675f3828);
  flex-basis: var(--895c240a);
  align-self: var(--e21073b2);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.flex-table-cell {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-family: var(--font);
  word-break: keep-all;
  white-space: nowrap;
  text-align: inset-inline-start;
}
.flex-table-cell.is-scrollable-x {
  overflow-x: auto;
}
.flex-table-cell.is-scrollable-y {
  overflow-y: auto;
}
.flex-table-cell.is-grow {
  flex-grow: 2;
}
.flex-table-cell.cell-center {
  justify-content: center;
}
.flex-table-cell.cell-end {
  justify-content: flex-end;
}
.flex-table-cell.cell-end .button.has-dot .dot {
  position: relative;
  top: 1px;
  font-size: 4px;
  margin: 0 6px;
}
.flex-table-cell.cell-end .action-link {
  font-size: 0.9rem;
}
.flex-table-cell.is-bold > span {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
}
.flex-table-cell.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.flex-table-cell.is-checkbox .checkbox {
  padding: 0;
  margin-inline-start: 4px;
}
.flex-table-cell.is-grow {
  flex-grow: 2;
}
.flex-table-cell.is-grow-lg {
  flex-grow: 3;
}
.flex-table-cell.is-grow-xl {
  flex-grow: 6;
}
.flex-table-cell.is-user, .flex-table-cell.is-media {
  padding-inline-start: 0;
}
.flex-table-cell.is-user > div span:not(.avatar), .flex-table-cell.is-media > div span:not(.avatar) {
  display: block;
  margin-inline-start: 10px;
}
.flex-table-cell.is-user > div, .flex-table-cell.is-media > div {
  line-height: 1.2;
}
.flex-table-cell.is-user > div .item-name, .flex-table-cell.is-media > div .item-name {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark);
}
.flex-table-cell.is-user > div .item-meta, .flex-table-cell.is-media > div .item-meta {
  color: var(--light-text);
}
.flex-table-cell.is-user > div .item-meta .iconify, .flex-table-cell.is-media > div .item-meta .iconify {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  stroke-width: 1.6px;
  margin-inline-end: 4px;
}
.flex-table-cell.is-user > div .item-meta span,
.flex-table-cell.is-user > div .item-meta .text, .flex-table-cell.is-media > div .item-meta span,
.flex-table-cell.is-media > div .item-meta .text {
  display: inline-block;
  margin-inline-start: 0;
  font-size: 0.9rem;
}
.flex-table-cell.is-user > div .item-meta .flex-media, .flex-table-cell.is-media > div .item-meta .flex-media {
  margin-inline-start: 10px;
  margin-top: 4px;
}
.flex-table-cell.is-user > div .item-meta .flex-media .v-avatar, .flex-table-cell.is-media > div .item-meta .flex-media .v-avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}
.flex-table-cell.is-user > div .item-meta .flex-media .v-avatar .avatar, .flex-table-cell.is-media > div .item-meta .flex-media .v-avatar .avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}
.flex-table-cell.is-user > div .item-meta .separator, .flex-table-cell.is-media > div .item-meta .separator {
  padding: 0 8px;
}
.flex-table-cell.is-user .v-avatar, .flex-table-cell.is-media .v-avatar {
  margin-inline-start: 0 !important;
}
.flex-table-cell.is-user .v-avatar .avatar.is-fake span,
.flex-table-cell.is-user .v-avatar .avatar.is-fake .text, .flex-table-cell.is-media .v-avatar .avatar.is-fake span,
.flex-table-cell.is-media .v-avatar .avatar.is-fake .text {
  margin: 0;
}
.flex-table-cell.is-user .v-avatar + div, .flex-table-cell.is-media .v-avatar + div {
  margin-inline-start: 0.5rem !important;
}
.flex-table-cell.is-user .media, .flex-table-cell.is-media .media {
  display: block;
  width: 100%;
  max-width: 130px;
  min-height: 95px;
  object-fit: cover;
  border-radius: 8px;
}
.flex-table-cell.is-user .cell-image, .flex-table-cell.is-media .cell-image {
  display: block;
  width: 100%;
  max-width: 80px;
}
.flex-table-cell.is-user .cell-image.is-mini, .flex-table-cell.is-media .cell-image.is-mini {
  max-width: 40px;
}
.flex-table-cell.is-user::before, .flex-table-cell.is-media::before {
  display: none;
}
.flex-table-cell .cell-icon {
  margin-inline-end: 4px;
  color: var(--light-text);
}
.flex-table-cell .tag {
  margin-bottom: 0 !important;
  line-height: 1.8;
  height: 1.8em;
}
.flex-table-cell .flex-media {
  display: flex;
  align-items: center;
}
.flex-table-cell .flex-media .meta {
  margin-inline-start: 6px;
  line-height: 1.3;
}
.flex-table-cell .flex-media .meta span,
.flex-table-cell .flex-media .meta .text {
  display: block !important;
  font-size: 0.8rem;
  color: var(--light-text);
  font-family: var(--font);
}
.flex-table-cell .dot-levels {
  display: flex;
  align-items: center;
}
.flex-table-cell .dot-levels .dot {
  font-size: 8px;
  color: color-mix(in oklab, var(--light-text), white 6%);
  margin: 0 6px;
}
.flex-table-cell .dot-levels .dot.active {
  color: var(--primary);
}
.flex-table-cell .edit-icon-link {
  color: var(--light-text);
}
.flex-table-cell .edit-icon-link .iconify {
  opacity: 0;
  transition: opacity 0.3s;
}
.flex-table-cell .edit-icon-link:hover, .flex-table-cell .edit-icon-link:focus-within {
  color: var(--primary);
}
.flex-table-cell .edit-icon-link:hover .iconify, .flex-table-cell .edit-icon-link:focus-within .iconify {
  opacity: 1;
}
.is-dark .flex-table-cell.is-user .v-avatar .badge, .is-dark .flex-table-cell.is-media .v-avatar .badge {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .flex-table-cell.cell-end .button.dark-outlined:hover, .is-dark .flex-table-cell.cell-end .button.dark-outlined:focus-within {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.is-dark .flex-table-cell .dark-text {
  color: var(--dark-dark-text) !important;
}
.is-dark .flex-table-cell .avatar-stack .v-avatar .avatar {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .flex-table-cell .avatar-stack .v-avatar .is-more .inner {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 6%) !important;
}
.is-dark .flex-table-cell .dot-levels .dot.active {
  color: var(--primary);
}
@media (width <= 767px) {
.flex-table-cell {
    position: relative;
    margin-bottom: 12px;
}
.flex-table-cell.no-label-mobile::before {
    display: none !important;
}
.flex-table-cell.cell-end {
    justify-content: flex-start !important;
}
.flex-table-cell.cell-end .btn-group {
    margin-inline-start: auto;
}
.flex-table-cell.is-user, .flex-table-cell.is-media {
    padding-inline-start: 10px;
}
.flex-table-cell.is-user span,
  .flex-table-cell.is-user .text, .flex-table-cell.is-media span,
  .flex-table-cell.is-media .text {
    font-size: 1.2rem;
}
.flex-table-cell.is-user .media, .flex-table-cell.is-media .media {
    max-width: 80px;
    min-height: 80px;
}
.flex-table-cell.is-user .media + div, .flex-table-cell.is-media .media + div {
    margin-inline-start: 10px !important;
}
.flex-table-cell.is-user .media + div .item-name, .flex-table-cell.is-media .media + div .item-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 205px;
}
}
@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait) {
.flex-table-cell.is-user img {
    min-width: 50px;
}
.flex-table-cell.is-media .media {
    max-width: 60px;
    min-height: 60px;
}
.flex-table-cell.is-media .media + div {
    margin-inline-start: 10px !important;
}
.flex-table-cell.is-media .media + div .item-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}
}
@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: landscape) {
.flex-table-cell.is-media .media {
    max-width: 60px;
    min-height: 60px;
}
.flex-table-cell.is-media .media + div {
    margin-inline-start: 10px !important;
}
.flex-table-cell.is-media .media + div .item-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.flex-table-wrapper {
  background: var(--white);
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  border-radius: 8px;
  padding: 20px;
}
.flex-table-wrapper .flex-table .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
  border-inline-start: none;
  border-inline-end: none;
  border-top: none;
}
.flex-table-wrapper .flex-table .flex-table-item:last-child {
  margin-bottom: 6px;
  border-bottom: none;
}
.flex-table-wrapper .flex-table .flex-table-item:focus-visible {
  border-radius: 4px;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}

/* ==========================================================================
6. Flex Table advanced wrapper Dark mode
========================================================================== */
.is-dark .flex-table-wrapper {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
}

/* ==========================================================================
9. Media Queries
========================================================================== */
@media (width <= 767px) {
.flex-table-wrapper .flex-table .flex-table-header .is-checkbox {
    display: none;
}
.flex-table-wrapper .flex-table .flex-table-item {
    padding-inline-start: 0;
    padding-inline-end: 0;
}
.flex-table-wrapper .flex-table .flex-table-item .is-checkbox {
    display: none;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.flex-table .flex-table-header {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.flex-table .flex-table-header > span,
.flex-table .flex-table-header .text {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--muted-grey);
  text-transform: uppercase;
  padding: 0 10px 10px;
}
.flex-table .flex-table-header > span.is-checkbox,
.flex-table .flex-table-header .text.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.flex-table .flex-table-header > span.is-checkbox .checkbox,
.flex-table .flex-table-header .text.is-checkbox .checkbox {
  padding: 0;
}
.flex-table .flex-table-header > span.is-checkbox .checkbox > span,
.flex-table .flex-table-header .text.is-checkbox .checkbox > span {
  height: 22px;
}
.flex-table .flex-table-header > span.cell-center,
.flex-table .flex-table-header .text.cell-center {
  justify-content: center;
}
.flex-table .flex-table-header > span.cell-end,
.flex-table .flex-table-header .text.cell-end {
  justify-content: flex-end;
}
.flex-table .flex-table-header > span.is-grow,
.flex-table .flex-table-header .text.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-header > span.is-grow-lg,
.flex-table .flex-table-header .text.is-grow-lg {
  flex-grow: 3;
}
.flex-table .flex-table-header > span.is-grow-xl,
.flex-table .flex-table-header .text.is-grow-xl {
  flex-grow: 6;
}
.flex-table .flex-table-header > span a,
.flex-table .flex-table-header .text a {
  color: var(--muted-grey);
}
.flex-table .flex-table-header .checkbox {
  padding-bottom: 10px;
  padding-top: 0;
}
.flex-table .flex-table-header .checkbox > span {
  min-height: 20px;
}
.flex-table .flex-table-item {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 60px;
  background: var(--white);
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  padding: 8px;
  margin-bottom: 6px;
}
.flex-table .flex-table-item.is-row {
  border: none;
  background: transparent;
}
.flex-table.sub-table .flex-table-item {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: 40px;
  border: none;
  background: transparent;
}
.flex-table.sub-table .flex-table-item .table-label {
  font-family: var(--font);
  text-transform: uppercase;
  font-size: 0.8rem;
  color: var(--light-text);
}
.flex-table.sub-table .flex-table-item .table-total {
  font-family: var(--font);
  color: var(--dark-text);
  font-weight: 500;
}
.flex-table.sub-table .flex-table-item .table-total.is-bigger {
  font-size: 1.2rem;
  font-weight: 600;
}
.flex-table.is-compact .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
}
.flex-table.is-compact .flex-table-item:not(:last-child) {
  border-bottom: none;
}
.flex-table.is-compact.is-rounded:not(.no-header) .flex-table-item:nth-of-type(2) {
  border-radius: 8px 8px 0 0;
}
.flex-table.is-compact.is-rounded:not(.no-header) .flex-table-item:last-child {
  margin-bottom: 6px;
  border-radius: 0 0 8px 8px;
}
.flex-table.is-compact.is-rounded.no-header .flex-table-item:first-child {
  border-radius: 8px 8px 0 0;
}
.flex-table.is-compact.is-rounded.no-header .flex-table-item:last-child {
  margin-bottom: 6px;
  border-radius: 0 0 8px 8px;
}
.flex-table:not(.is-compact).is-rounded .flex-table-item {
  border-radius: 8px;
}
.flex-table.is-table-clickable .flex-table-item:hover, .flex-table.is-table-clickable .flex-table-item:focus-within {
  background: var(--widget-grey) !important;
}
.flex-table.with-separators .flex-table-item .flex-table-cell:not(:first-of-type) {
  border-inline-start: dashed 1px color-mix(in oklab, var(--fade-grey), black 3%);
}

/* ==========================================================================
2. Flex Table Dark mode
========================================================================== */
.is-dark .flex-table:not(.sub-table) .flex-table-item {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 12%);
}
.is-dark .flex-table.with-separators .flex-table-item .flex-table-cell:not(:first-of-type) {
  border-inline-start: dashed 1px color-mix(in oklab, var(--dark-sidebar), white 12%);
}
.is-dark .flex-table.is-table-clickable .flex-table-item:hover, .is-dark .flex-table.is-table-clickable .flex-table-item:focus-within {
  background: color-mix(in oklab, var(--dark-sidebar), white 12%) !important;
}

/* ==========================================================================
3. Media Queries
========================================================================== */
@media (width <= 767px) {
.flex-table .flex-table-header {
    display: none;
}
.flex-table .flex-table-item {
    flex-direction: column;
    justify-content: center;
    width: 100% !important;
    padding: 20px;
    margin-bottom: 16px;
}
.flex-table .flex-table-item:last-child {
    margin-bottom: 0;
}
.flex-table .flex-table-item > div {
    border: none !important;
}
.flex-table:not(.sub-table) .flex-table-item .flex-table-cell > span,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > small,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > strong,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > p,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > div,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > .is-pushed-mobile,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > .text {
    margin-inline-start: auto;
}
.flex-table:not(.sub-table) .flex-table-item .flex-table-cell > span.no-push,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > small.no-push,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > strong.no-push,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > p.no-push,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > div.no-push,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > .is-pushed-mobile.no-push,
  .flex-table:not(.sub-table) .flex-table-item .flex-table-cell > .text.no-push {
    margin-inline-start: 0 !important;
}
.flex-table:not(.sub-table) .flex-table-item:not(:first-child) .flex-table-cell[data-th]::before {
    content: attr(data-th);
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--muted-grey);
}
}
@media only screen and (width <= 767px) {
.flex-table.sub-table {
    padding-top: 16px;
}
.flex-table.sub-table .is-vhidden {
    display: none !important;
}
.flex-table.sub-table .flex-table-item:not(.is-vhidden) {
    flex-direction: revert !important;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.flex-table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (width <= 767px) {
.flex-table-toolbar {
    margin-bottom: 10px;
}
.flex-table-toolbar .left {
    flex-grow: 2;
}
.flex-table-toolbar .right {
    display: none;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.v-grid {
  display: var(--5f10c455);
  grid-template-columns: var(--fed1fd9c);
  grid-template-rows: var(--67b9a0a4);
  grid-template-areas: var(--e2e807ca);
  column-gap: var(--2f29f535);
  row-gap: var(--be8c65b2);
  justify-items: var(--5df0495b);
  align-items: var(--178c9674);
  justify-content: var(--5d979b54);
  align-content: var(--f1985002);
  /* stylelint-disable-next-line declaration-block-no-shorthand-property-overrides */
  place-content: var(--6054afbd);
  grid-auto-columns: var(--7cbfec46);
  grid-auto-rows: var(--de53604e);
  grid-auto-flow: var(--de5e61a4);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.v-grid-item {
  grid-column-start: var(--a61eaf86);
  grid-column-end: var(--f296b114);
  grid-row-start: var(--e2e7fa92);
  grid-row-end: var(--4a785870);
  justify-self: var(--cb5b339a);
  align-self: var(--43de1c30);
  /* stylelint-disable-next-line declaration-block-no-shorthand-property-overrides */
  place-self: var(--40e13a2c);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-a4dd5e84]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-a4dd5e84] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-a4dd5e84]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-a4dd5e84]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-a4dd5e84]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-a4dd5e84]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-a4dd5e84] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-a4dd5e84]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-a4dd5e84] {
  --transform-direction: -1;
}
.icons[data-v-a4dd5e84] {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.icons .v-icon[data-v-a4dd5e84] {
  margin: 0 6px;
}
.v-icon[data-v-a4dd5e84] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 8px;
  background: var(--fade-grey);
  transition: all 0.3s;
}
.v-icon[data-v-a4dd5e84] .fas,
.v-icon[data-v-a4dd5e84] .fab,
.v-icon[data-v-a4dd5e84] .far,
.v-icon[data-v-a4dd5e84] .fal {
  font-size: 1.2rem;
  color: var(--muted-grey);
  transition: color 0.3s;
}
.v-icon[data-v-a4dd5e84] .lnil,
.v-icon[data-v-a4dd5e84] .lnir {
  font-size: 1.4rem;
  color: var(--muted-grey);
  transition: color 0.3s;
}
.v-icon[data-v-a4dd5e84] .iconify {
  font-size: 20px;
}
.v-icon.is-small[data-v-a4dd5e84] {
  height: 32px;
  width: 32px;
  min-width: 32px;
}
.v-icon.is-small[data-v-a4dd5e84] .fas,
.v-icon.is-small[data-v-a4dd5e84] .fab,
.v-icon.is-small[data-v-a4dd5e84] .far,
.v-icon.is-small[data-v-a4dd5e84] .fal {
  font-size: 1rem;
}
.v-icon.is-small[data-v-a4dd5e84] .lnil,
.v-icon.is-small[data-v-a4dd5e84] .lnir {
  font-size: 1.2rem;
}
.v-icon.is-small[data-v-a4dd5e84] .iconify {
  font-size: 16px;
}
.v-icon.is-medium[data-v-a4dd5e84] {
  height: 50px;
  width: 50px;
  min-width: 50px;
}
.v-icon.is-medium.is-bordered[data-v-a4dd5e84] {
  border-width: 1.6px;
}
.v-icon.is-medium[data-v-a4dd5e84] .fas,
.v-icon.is-medium[data-v-a4dd5e84] .fab,
.v-icon.is-medium[data-v-a4dd5e84] .far,
.v-icon.is-medium[data-v-a4dd5e84] .fal {
  font-size: 1.5rem;
}
.v-icon.is-medium[data-v-a4dd5e84] .lnil,
.v-icon.is-medium[data-v-a4dd5e84] .lnir {
  font-size: 1.7rem;
}
.v-icon.is-medium[data-v-a4dd5e84] .iconify {
  font-size: 25px;
}
.v-icon.is-large[data-v-a4dd5e84] {
  height: 68px;
  width: 68px;
  min-width: 68px;
}
.v-icon.is-large.is-bordered[data-v-a4dd5e84] {
  border-width: 2px;
}
.v-icon.is-large[data-v-a4dd5e84] .fas,
.v-icon.is-large[data-v-a4dd5e84] .fab,
.v-icon.is-large[data-v-a4dd5e84] .far,
.v-icon.is-large[data-v-a4dd5e84] .fal {
  font-size: 2rem;
}
.v-icon.is-large[data-v-a4dd5e84] .lnil,
.v-icon.is-large[data-v-a4dd5e84] .lnir {
  font-size: 2.2rem;
}
.v-icon.is-large[data-v-a4dd5e84] .iconify {
  font-size: 34px;
}
.v-icon.is-big[data-v-a4dd5e84] {
  height: 80px;
  width: 80px;
  min-width: 80px;
}
.v-icon.is-big.is-bordered[data-v-a4dd5e84] {
  border-width: 2px;
}
.v-icon.is-big[data-v-a4dd5e84] .fas,
.v-icon.is-big[data-v-a4dd5e84] .fab,
.v-icon.is-big[data-v-a4dd5e84] .far,
.v-icon.is-big[data-v-a4dd5e84] .fal {
  font-size: 2.4rem;
}
.v-icon.is-big[data-v-a4dd5e84] .lnil,
.v-icon.is-big[data-v-a4dd5e84] .lnir {
  font-size: 2.6rem;
}
.v-icon.is-big[data-v-a4dd5e84] .iconify {
  height: 40px;
  width: 40px;
  font-size: 40px;
  stroke-width: 3px;
}
.v-icon.is-xl[data-v-a4dd5e84] {
  height: 100px;
  width: 100px;
  min-width: 100px;
}
.v-icon.is-xl.is-bordered[data-v-a4dd5e84] {
  border-width: 2px;
}
.v-icon.is-xl[data-v-a4dd5e84] .fas,
.v-icon.is-xl[data-v-a4dd5e84] .fab,
.v-icon.is-xl[data-v-a4dd5e84] .far,
.v-icon.is-xl[data-v-a4dd5e84] .fal {
  font-size: 3rem;
}
.v-icon.is-xl[data-v-a4dd5e84] .lnil,
.v-icon.is-xl[data-v-a4dd5e84] .lnir {
  font-size: 3.4rem;
}
.v-icon.is-xl[data-v-a4dd5e84] .iconify {
  height: 50px;
  width: 50px;
  font-size: 50px;
  stroke-width: 3px;
}
.v-icon.is-rounded[data-v-a4dd5e84] {
  border-radius: var(--radius-rounded);
}
.v-icon.is-primary[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--primary), white 82%);
}
.v-icon.is-primary.is-bordered[data-v-a4dd5e84] {
  border-color: var(--primary);
}
.v-icon.is-primary[data-v-a4dd5e84] .iconify,
.v-icon.is-primary[data-v-a4dd5e84] .fas,
.v-icon.is-primary[data-v-a4dd5e84] .far,
.v-icon.is-primary[data-v-a4dd5e84] .fal,
.v-icon.is-primary[data-v-a4dd5e84] .lnil,
.v-icon.is-primary[data-v-a4dd5e84] .lnir,
.v-icon.is-primary[data-v-a4dd5e84] .fab {
  color: var(--primary);
}
.v-icon.is-secondary[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--secondary), white 82%);
}
.v-icon.is-secondary.is-bordered[data-v-a4dd5e84] {
  border-color: var(--secondary);
}
.v-icon.is-secondary[data-v-a4dd5e84] .iconify,
.v-icon.is-secondary[data-v-a4dd5e84] .fas,
.v-icon.is-secondary[data-v-a4dd5e84] .far,
.v-icon.is-secondary[data-v-a4dd5e84] .fal,
.v-icon.is-secondary[data-v-a4dd5e84] .lnil,
.v-icon.is-secondary[data-v-a4dd5e84] .lnir,
.v-icon.is-secondary[data-v-a4dd5e84] .fab {
  color: var(--secondary);
}
.v-icon.is-accent[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--primary), white 76%);
}
.v-icon.is-accent.is-bordered[data-v-a4dd5e84] {
  border-color: var(--primary);
}
.v-icon.is-accent[data-v-a4dd5e84] .iconify,
.v-icon.is-accent[data-v-a4dd5e84] .fas,
.v-icon.is-accent[data-v-a4dd5e84] .far,
.v-icon.is-accent[data-v-a4dd5e84] .fal,
.v-icon.is-accent[data-v-a4dd5e84] .lnil,
.v-icon.is-accent[data-v-a4dd5e84] .lnir,
.v-icon.is-accent[data-v-a4dd5e84] .fab {
  color: var(--primary);
}
.v-icon.is-success[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--success), white 80%);
}
.v-icon.is-success.is-bordered[data-v-a4dd5e84] {
  border-color: var(--success);
}
.v-icon.is-success[data-v-a4dd5e84] .iconify,
.v-icon.is-success[data-v-a4dd5e84] .fas,
.v-icon.is-success[data-v-a4dd5e84] .far,
.v-icon.is-success[data-v-a4dd5e84] .fal,
.v-icon.is-success[data-v-a4dd5e84] .lnil,
.v-icon.is-success[data-v-a4dd5e84] .lnir,
.v-icon.is-success[data-v-a4dd5e84] .fab {
  color: var(--success);
}
.v-icon.is-info[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--info), white 80%);
}
.v-icon.is-info.is-bordered[data-v-a4dd5e84] {
  border-color: var(--info);
}
.v-icon.is-info[data-v-a4dd5e84] .iconify,
.v-icon.is-info[data-v-a4dd5e84] .fas,
.v-icon.is-info[data-v-a4dd5e84] .far,
.v-icon.is-info[data-v-a4dd5e84] .fal,
.v-icon.is-info[data-v-a4dd5e84] .lnil,
.v-icon.is-info[data-v-a4dd5e84] .lnir,
.v-icon.is-info[data-v-a4dd5e84] .fab {
  color: var(--info);
}
.v-icon.is-warning[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--warning), white 80%);
}
.v-icon.is-warning.is-bordered[data-v-a4dd5e84] {
  border-color: var(--warning);
}
.v-icon.is-warning[data-v-a4dd5e84] .iconify,
.v-icon.is-warning[data-v-a4dd5e84] .fas,
.v-icon.is-warning[data-v-a4dd5e84] .far,
.v-icon.is-warning[data-v-a4dd5e84] .fal,
.v-icon.is-warning[data-v-a4dd5e84] .lnil,
.v-icon.is-warning[data-v-a4dd5e84] .lnir,
.v-icon.is-warning[data-v-a4dd5e84] .fab {
  color: var(--warning);
}
.v-icon.is-danger[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--danger), white 80%);
}
.v-icon.is-danger.is-bordered[data-v-a4dd5e84] {
  border-color: var(--danger);
}
.v-icon.is-danger[data-v-a4dd5e84] .iconify,
.v-icon.is-danger[data-v-a4dd5e84] .fas,
.v-icon.is-danger[data-v-a4dd5e84] .far,
.v-icon.is-danger[data-v-a4dd5e84] .fal,
.v-icon.is-danger[data-v-a4dd5e84] .lnil,
.v-icon.is-danger[data-v-a4dd5e84] .lnir,
.v-icon.is-danger[data-v-a4dd5e84] .fab {
  color: var(--danger);
}
.v-icon.is-purple[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--purple), white 80%);
}
.v-icon.is-purple.is-bordered[data-v-a4dd5e84] {
  border-color: var(--purple);
}
.v-icon.is-purple[data-v-a4dd5e84] .iconify,
.v-icon.is-purple[data-v-a4dd5e84] .fas,
.v-icon.is-purple[data-v-a4dd5e84] .far,
.v-icon.is-purple[data-v-a4dd5e84] .fal,
.v-icon.is-purple[data-v-a4dd5e84] .lnil,
.v-icon.is-purple[data-v-a4dd5e84] .lnir,
.v-icon.is-purple[data-v-a4dd5e84] .fab {
  color: var(--purple);
}
.v-icon.is-blue[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--blue), white 80%);
}
.v-icon.is-blue.is-bordered[data-v-a4dd5e84] {
  border-color: var(--blue);
}
.v-icon.is-blue[data-v-a4dd5e84] .iconify,
.v-icon.is-blue[data-v-a4dd5e84] .fas,
.v-icon.is-blue[data-v-a4dd5e84] .far,
.v-icon.is-blue[data-v-a4dd5e84] .fal,
.v-icon.is-blue[data-v-a4dd5e84] .lnil,
.v-icon.is-blue[data-v-a4dd5e84] .lnir,
.v-icon.is-blue[data-v-a4dd5e84] .fab {
  color: var(--blue);
}
.v-icon.is-yellow[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--yellow), white 80%);
}
.v-icon.is-yellow.is-bordered[data-v-a4dd5e84] {
  border-color: var(--yellow);
}
.v-icon.is-yellow[data-v-a4dd5e84] .iconify,
.v-icon.is-yellow[data-v-a4dd5e84] .fas,
.v-icon.is-yellow[data-v-a4dd5e84] .far,
.v-icon.is-yellow[data-v-a4dd5e84] .fal,
.v-icon.is-yellow[data-v-a4dd5e84] .lnil,
.v-icon.is-yellow[data-v-a4dd5e84] .lnir,
.v-icon.is-yellow[data-v-a4dd5e84] .fab {
  color: var(--yellow);
}
.v-icon.is-orange[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--orange), white 80%);
}
.v-icon.is-orange.is-bordered[data-v-a4dd5e84] {
  border-color: var(--orange);
}
.v-icon.is-orange[data-v-a4dd5e84] .iconify,
.v-icon.is-orange[data-v-a4dd5e84] .fas,
.v-icon.is-orange[data-v-a4dd5e84] .far,
.v-icon.is-orange[data-v-a4dd5e84] .fal,
.v-icon.is-orange[data-v-a4dd5e84] .lnil,
.v-icon.is-orange[data-v-a4dd5e84] .lnir,
.v-icon.is-orange[data-v-a4dd5e84] .fab {
  color: var(--orange);
}
.v-icon.is-green[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--green), white 80%);
}
.v-icon.is-green.is-bordered[data-v-a4dd5e84] {
  border-color: var(--green);
}
.v-icon.is-green[data-v-a4dd5e84] .iconify,
.v-icon.is-green[data-v-a4dd5e84] .fas,
.v-icon.is-green[data-v-a4dd5e84] .far,
.v-icon.is-green[data-v-a4dd5e84] .fal,
.v-icon.is-green[data-v-a4dd5e84] .lnil,
.v-icon.is-green[data-v-a4dd5e84] .lnir,
.v-icon.is-green[data-v-a4dd5e84] .fab {
  color: var(--green);
}
.v-icon.is-red[data-v-a4dd5e84] {
  background: color-mix(in oklab, var(--red), white 80%);
}
.v-icon.is-red.is-bordered[data-v-a4dd5e84] {
  border-color: var(--red);
}
.v-icon.is-red[data-v-a4dd5e84] .iconify,
.v-icon.is-red[data-v-a4dd5e84] .fas,
.v-icon.is-red[data-v-a4dd5e84] .far,
.v-icon.is-red[data-v-a4dd5e84] .fal,
.v-icon.is-red[data-v-a4dd5e84] .lnil,
.v-icon.is-red[data-v-a4dd5e84] .lnir,
.v-icon.is-red[data-v-a4dd5e84] .fab {
  color: var(--red);
}
.v-icon.is-bordered[data-v-a4dd5e84] {
  border: 1px solid var(--muted-grey);
}
.is-dark .v-icon[data-v-a4dd5e84] {
  background-color: color-mix(in oklab, var(--dark-sidebar), white 2%);
}
.is-dark .v-icon.is-primary[data-v-a4dd5e84] {
  background: var(--primary);
}
.is-dark .v-icon.is-primary.is-bordered[data-v-a4dd5e84] {
  border-color: var(--primary);
}
.is-dark .v-icon.is-primary[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-primary[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-primary[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-primary[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-primary[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-primary[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-primary[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-accent[data-v-a4dd5e84] {
  background: var(--primary);
}
.is-dark .v-icon.is-accent.is-bordered[data-v-a4dd5e84] {
  border-color: var(--primary);
}
.is-dark .v-icon.is-accent[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-accent[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-accent[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-accent[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-accent[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-accent[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-accent[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-success[data-v-a4dd5e84] {
  background: var(--success);
}
.is-dark .v-icon.is-success.is-bordered[data-v-a4dd5e84] {
  border-color: var(--success);
}
.is-dark .v-icon.is-success[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-success[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-success[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-success[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-success[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-success[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-success[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-info[data-v-a4dd5e84] {
  background: var(--info);
}
.is-dark .v-icon.is-info.is-bordered[data-v-a4dd5e84] {
  border-color: var(--info);
}
.is-dark .v-icon.is-info[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-info[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-info[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-info[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-info[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-info[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-info[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-warning[data-v-a4dd5e84] {
  background: var(--warning);
}
.is-dark .v-icon.is-warning.is-bordered[data-v-a4dd5e84] {
  border-color: var(--warning);
}
.is-dark .v-icon.is-warning[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-warning[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-warning[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-warning[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-warning[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-warning[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-warning[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-danger[data-v-a4dd5e84] {
  background: var(--danger);
}
.is-dark .v-icon.is-danger.is-bordered[data-v-a4dd5e84] {
  border-color: var(--danger);
}
.is-dark .v-icon.is-danger[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-danger[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-danger[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-danger[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-danger[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-danger[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-danger[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-purple[data-v-a4dd5e84] {
  background: var(--purple);
}
.is-dark .v-icon.is-purple.is-bordered[data-v-a4dd5e84] {
  border-color: var(--purple);
}
.is-dark .v-icon.is-purple[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-purple[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-purple[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-purple[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-purple[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-purple[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-purple[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-blue[data-v-a4dd5e84] {
  background: var(--blue);
}
.is-dark .v-icon.is-blue.is-bordered[data-v-a4dd5e84] {
  border-color: var(--blue);
}
.is-dark .v-icon.is-blue[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-blue[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-blue[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-blue[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-blue[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-blue[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-blue[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-yellow[data-v-a4dd5e84] {
  background: var(--yellow);
}
.is-dark .v-icon.is-yellow.is-bordered[data-v-a4dd5e84] {
  border-color: var(--yellow);
}
.is-dark .v-icon.is-yellow[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-yellow[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-yellow[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-yellow[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-yellow[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-yellow[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-yellow[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-orange[data-v-a4dd5e84] {
  background: var(--orange);
}
.is-dark .v-icon.is-orange.is-bordered[data-v-a4dd5e84] {
  border-color: var(--orange);
}
.is-dark .v-icon.is-orange[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-orange[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-orange[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-orange[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-orange[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-orange[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-orange[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-green[data-v-a4dd5e84] {
  background: var(--green);
}
.is-dark .v-icon.is-green.is-bordered[data-v-a4dd5e84] {
  border-color: var(--green);
}
.is-dark .v-icon.is-green[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-green[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-green[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-green[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-green[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-green[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-green[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-red[data-v-a4dd5e84] {
  background: var(--red);
}
.is-dark .v-icon.is-red.is-bordered[data-v-a4dd5e84] {
  border-color: var(--red);
}
.is-dark .v-icon.is-red[data-v-a4dd5e84] .lnil,
.is-dark .v-icon.is-red[data-v-a4dd5e84] .lnir {
  color: var(--white);
}
.is-dark .v-icon.is-red[data-v-a4dd5e84] .iconify,
.is-dark .v-icon.is-red[data-v-a4dd5e84] .fas,
.is-dark .v-icon.is-red[data-v-a4dd5e84] .far,
.is-dark .v-icon.is-red[data-v-a4dd5e84] .fal,
.is-dark .v-icon.is-red[data-v-a4dd5e84] .fab {
  color: var(--smoke-white);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-e73d81d6]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-e73d81d6] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-e73d81d6]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-e73d81d6]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-e73d81d6]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-e73d81d6]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-e73d81d6] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-e73d81d6]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-e73d81d6] {
  --transform-direction: -1;
}
.button[data-v-e73d81d6] {
  height: 38px;
  width: 38px;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: var(--radius-rounded);
  background: var(--white);
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  box-shadow: var(--light-box-shadow);
  color: var(--primary);
  font-size: 1rem;
}
.icon-wrap.has-large-icon {
  font-size: 1.3rem;
}
.icon-wrap.is-small {
  font-size: 0.9rem;
  height: 24px;
  width: 24px;
  min-width: 24px;
}
.icon-wrap.is-small.has-large-icon {
  font-size: 1rem;
}
.icon-wrap.is-medium {
  font-size: 1.4rem;
  height: 42px;
  width: 42px;
  min-width: 42px;
}
.icon-wrap.is-medium.has-large-icon {
  font-size: 1.8rem;
}
.icon-wrap.is-large {
  font-size: 2rem;
  height: 58px;
  width: 58px;
  min-width: 58px;
}
.icon-wrap.is-large.has-large-icon {
  font-size: 2.9rem;
}
.icon-wrap img {
  border-radius: var(--radius-rounded);
}
.icon-wrap.is-placeholder {
  background-color: color-mix(in oklab, var(--fade-grey), white 2%) !important;
  border-color: color-mix(in oklab, var(--fade-grey), black 3%) !important;
  color: var(--light-text);
}
.icon-wrap.is-placeholder .iconify {
  font-size: 1.4rem;
}
.is-dark .icon-wrap {
  border-color: transparent;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.has-loader {
  position: relative;
}
.has-loader.has-loader-active {
  overflow: hidden;
}
.has-loader .v-loader-wrapper {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: var(--white);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 5;
}
.has-loader .v-loader-wrapper.is-active {
  opacity: 1;
  pointer-events: all;
}
.has-loader .v-loader-wrapper.is-active.is-translucent {
  opacity: 0.65;
}
.has-loader .v-loader-wrapper.is-grey {
  background: var(--background-grey);
}
.has-loader .v-loader-wrapper .loader {
  height: 3rem;
  width: 3rem;
}
.has-loader .v-loader-wrapper .loader.is-small {
  height: 2rem;
  width: 2rem;
}
.has-loader .v-loader-wrapper .loader.is-large {
  height: 5rem;
  width: 5rem;
}
.has-loader .v-loader-wrapper .loader.is-xl {
  height: 7rem;
  width: 7rem;
}
.is-dark .has-loader .v-loader-wrapper {
  background: color-mix(in oklab, var(--dark-sidebar), white 6%);
}
.is-dark .has-loader .v-loader-wrapper.is-grey {
  background: color-mix(in oklab, var(--dark-sidebar), white 10%);
}
@keyframes spinAroundLoader {
from {
    transform: rotate(calc(var(--transform-direction) * 0deg));
}
to {
    transform: rotate(calc(var(--transform-direction) * 359deg));
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.message {
  position: relative;
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  box-shadow: var(--light-box-shadow);
  padding-inline-end: 20px;
}
.message.is-primary {
  border-color: color-mix(in oklab, var(--primary), white 24%);
}
.message.is-primary .delete::before, .message.is-primary .delete::after {
  background-color: var(--primary);
}
.message.is-info {
  border-color: color-mix(in oklab, var(--info), white 24%);
}
.message.is-info .delete::before, .message.is-info .delete::after {
  background-color: var(--info);
}
.message.is-success {
  border-color: color-mix(in oklab, var(--success), white 24%);
}
.message.is-success .delete::before, .message.is-success .delete::after {
  background-color: var(--success);
}
.message.is-warning {
  border-color: color-mix(in oklab, var(--warning), white 24%);
}
.message.is-warning .delete::before, .message.is-warning .delete::after {
  background-color: var(--warning);
}
.message.is-danger {
  border-color: color-mix(in oklab, var(--danger), white 24%);
}
.message.is-danger .delete::before, .message.is-danger .delete::after {
  background-color: var(--danger);
}
.message .delete {
  position: absolute;
  background-color: transparent;
  top: 6px;
  inset-inline-end: 6px;
}
.message .delete::before {
  height: 1px;
  background-color: var(--light-text);
}
.message .delete::after {
  width: 1px;
  background-color: var(--light-text);
}
.message .message-body {
  border: none;
  font-family: var(--font);
}
.is-dark .message:not(.is-primary, .is-info, .is-success, .is-warning, .is-danger) {
  background-color: var(--dark-sidebar);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 3%);
}
.is-dark .message:not(.is-primary, .is-info, .is-success, .is-warning, .is-danger) .message-body {
  color: var(--light-text);
}
.is-dark .message span {
  color: var(--white);
}
.is-dark .message.is-primary {
  background: var(--primary);
  border-color: var(--primary);
}
.is-dark .message.is-primary .message-body {
  color: var(--white);
}
.is-dark .message.is-primary .delete::before, .is-dark .message.is-primary .delete::after {
  background-color: var(--white);
}
.is-dark .message.is-success {
  background: var(--success);
  border-color: var(--success);
}
.is-dark .message.is-success .message-body {
  color: var(--white);
}
.is-dark .message.is-success .delete::before, .is-dark .message.is-success .delete::after {
  background-color: var(--white);
}
.is-dark .message.is-info {
  background: var(--info);
  border-color: var(--info);
}
.is-dark .message.is-info .message-body {
  color: var(--white);
}
.is-dark .message.is-info .delete::before, .is-dark .message.is-info .delete::after {
  background-color: var(--white);
}
.is-dark .message.is-warning {
  background: var(--warning);
  border-color: var(--warning);
}
.is-dark .message.is-warning .message-body {
  color: var(--white);
}
.is-dark .message.is-warning .delete::before, .is-dark .message.is-warning .delete::after {
  background-color: var(--white);
}
.is-dark .message.is-danger {
  background: var(--danger);
  border-color: var(--danger);
}
.is-dark .message.is-danger .message-body {
  color: var(--white);
}
.is-dark .message.is-danger .delete::before, .is-dark .message.is-danger .delete::after {
  background-color: var(--white);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-33aabda4]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-33aabda4] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-33aabda4]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-33aabda4]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-33aabda4]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-33aabda4]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-33aabda4] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-33aabda4]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-33aabda4] {
  --transform-direction: -1;
}
optgroup[data-v-33aabda4] {
  padding: 0.5em 1em;
}
optgroup[data-v-33aabda4] option::before {
  content: "" !important;
}
optgroup[disabled][data-v-33aabda4] {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important;
}
optgroup[disabled][data-v-33aabda4] option[disabled] {
  opacity: 1;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.page-placeholder {
  min-height: 400px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
.page-placeholder.is-wider .placeholder-content > p {
  font-size: 1rem;
  max-width: 420px;
}
.page-placeholder .placeholder-content {
  text-align: center;
}
.page-placeholder .placeholder-content img {
  display: block;
  max-width: 340px;
  margin: 0 auto 12px;
}
.page-placeholder .placeholder-content img.is-larger {
  max-width: 440px;
}
.page-placeholder .placeholder-content h3 {
  font-size: 1.3rem;
  font-weight: 600;
  font-family: var(--font-alt);
  color: var(--dark-text);
}
.page-placeholder .placeholder-content p {
  font-size: 1.1rem;
  max-width: 440px;
  margin: 0 auto 12px;
  color: var(--light-text);
}
.page-placeholder .placeholder-content p.is-larger {
  max-width: 620px;
}
.page-placeholder .placeholder-content .btn {
  margin-bottom: 8px;
}
.is-dark .page-placeholder .placeholder-content h3 {
  color: var(--dark-dark-text);
}
@media (width <= 767px) {
.page-placeholder .placeholder-content img {
    max-width: 280px;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.section-placeholder {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.section-placeholder .placeholder-content {
  text-align: center;
}
.section-placeholder .placeholder-content > img {
  display: block;
  max-width: 280px;
  margin: 0 auto 10px;
}
.section-placeholder .placeholder-content .v-avatar {
  margin: 0 auto 10px;
}
.section-placeholder .placeholder-content h3 {
  font-family: var(--font-alt);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--dark-text);
}
.section-placeholder .placeholder-content p {
  font-family: var(--font);
  font-size: 1rem;
  color: var(--light-text);
  max-width: 280px;
  margin: 0 auto 12px;
}
.section-placeholder .placeholder-content .button {
  min-width: 140px;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.placeload-avatar {
  display: block;
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.placeload-avatar.is-small {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.placeload-avatar.is-medium {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
.placeload-avatar.is-large {
  width: 68px;
  min-width: 68px;
  height: 68px;
}
.placeload-avatar.is-big {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.placeload-avatar.is-xl {
  width: 100px;
  min-width: 100px;
  height: 100px;
}
.placeload-avatar.is-centered {
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.placeload-avatar.is-rounded-xs {
  border-radius: 0.25rem;
}
.placeload-avatar.is-rounded-sm {
  border-radius: 0.5rem;
}
.placeload-avatar.is-rounded-md {
  border-radius: 0.75rem;
}
.placeload-avatar.is-rounded-lg {
  border-radius: 1rem;
}
.placeload-avatar.is-rounded-xl {
  border-radius: 1.25rem;
}
.placeload-avatar.is-rounded-full {
  border-radius: 50%;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.content-shape-group {
  width: 100%;
  max-width: 100%;
}
.content-shape-group .content-shape:not(:last-child) {
  margin-bottom: 0.5rem;
}
.content-shape-group.is-grow-1 {
  flex-grow: 1;
}
.content-shape-group.is-grow-2 {
  flex-grow: 2;
}
.content-shape-group.is-grow-3 {
  flex-grow: 3;
}
.content-shape-group.is-grow-4 {
  flex-grow: 4;
}
.content-shape-group.mw-30 {
  max-width: 30%;
}
.content-shape-group.mw-60 {
  max-width: 60%;
}
.content-shape-group.mw-80 {
  max-width: 80%;
}
.content-shape-group.is-centered {
  margin-inline-start: auto;
  margin-inline-end: auto;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.placeload-wrap.is-flex {
  display: flex;
  align-items: center;
}
@media only screen and (width <= 767px) {
.placeload-wrap.is-flex {
    flex-direction: column;
    padding: 1rem 0;
}
.placeload-wrap.is-flex .content-shape-group {
    margin-top: 0.5rem;
    max-width: 70%;
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.placeload-wrap.is-flex .content-shape-group .content-shape {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.placeload-wrap.is-flex > .content-shape {
    margin-top: 0.5rem;
    max-width: 70%;
    margin-inline-start: auto;
    margin-inline-end: auto;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.progress {
  margin-bottom: 0;
}
.progress::-webkit-progress-value {
  border-radius: 50px;
}
.progress::-moz-progress-bar {
  border-radius: 50px;
}
.progress::-ms-fill {
  border-radius: 50px;
}
.progress.is-smaller {
  height: 0.5rem !important;
}
.progress.is-tiny {
  height: 0.35rem !important;
}
.is-dark .progress {
  background-color: var(--dark-sidebar);
}
.is-dark .progress::-webkit-progress-bar {
  background-color: var(--dark-sidebar);
}
.is-dark .progress.is-primary::-webkit-progress-value {
  background: var(--primary);
}
.is-dark .progress.is-primary::-moz-progress-bar {
  background: var(--primary);
}
.is-dark .progress.is-primary::-ms-fill {
  background: var(--primary);
}
.is-dark .progress:indeterminate.is-primary {
  background-color: var(--primary);
  background-image: linear-gradient(to right, var(--dark-sidebar) 30%, var(--primary) 30%);
}
.is-dark .progress:indeterminate.is-primary::-webkit-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-primary::-moz-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-success {
  background-color: var(--success);
  background-image: linear-gradient(to right, var(--dark-sidebar) 30%, var(--success) 30%);
}
.is-dark .progress:indeterminate.is-success::-webkit-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-success::-moz-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-info {
  background-color: var(--info);
  background-image: linear-gradient(to right, var(--dark-sidebar) 30%, var(--info) 30%);
}
.is-dark .progress:indeterminate.is-info::-webkit-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-info::-moz-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-warning {
  background-color: var(--warning);
  background-image: linear-gradient(to right, var(--dark-sidebar) 30%, var(--warning) 30%);
}
.is-dark .progress:indeterminate.is-warning::-webkit-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-warning::-moz-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-danger {
  background-color: var(--danger);
  background-image: linear-gradient(to right, var(--dark-sidebar) 30%, var(--danger) 30%);
}
.is-dark .progress:indeterminate.is-danger::-webkit-progress-bar {
  background: transparent;
}
.is-dark .progress:indeterminate.is-danger::-moz-progress-bar {
  background: transparent;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.radio {
  position: relative;
  font-family: var(--font);
  cursor: pointer;
  padding: 1em;
}
.radio::selection {
  background: transparent;
}
.radio input + span {
  position: relative;
  top: -1px;
  background: var(--white);
  content: "";
  display: inline-block;
  margin-inline-end: 0.5rem;
  padding: 0;
  vertical-align: middle;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 8%);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.radio input + span::after {
  content: "";
  display: block;
  transform: scale(0);
  transition: transform 0.2s;
}
@media screen and (width >= 768px) {
.radio:hover input + span {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
}
.radio input:active + span {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.radio input:checked + span::after {
  transform: translate(calc(var(--transform-direction) * -50%), -50%) scaleY(1) scaleX(calc(var(--transform-direction) * 1)) !important;
}
.radio input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
.radio {
  color: var(--light-text);
}
.radio + .radio {
  margin-inline-start: 0 !important;
}
.radio:hover {
  color: var(--light-text);
}
.radio.is-paddingless {
  padding: 0 !important;
}
.radio.is-square input + span {
  border-radius: var(--radius);
}
.radio.is-solid input + span {
  background: color-mix(in oklab, var(--fade-grey), white 3%);
}
.radio.is-solid.is-primary input + span {
  border-color: var(--primary);
  background: var(--primary);
}
.radio.is-solid.is-primary input + span::after {
  color: var(--white);
}
.radio.is-solid.is-success input + span {
  border-color: var(--success);
  background: var(--success);
}
.radio.is-solid.is-success input + span::after {
  color: var(--white);
}
.radio.is-solid.is-info input + span {
  border-color: var(--info);
  background: var(--info);
}
.radio.is-solid.is-info input + span::after {
  color: var(--white);
}
.radio.is-solid.is-warning input + span {
  border-color: var(--warning);
  background: var(--warning);
}
.radio.is-solid.is-warning input + span::after {
  color: var(--white);
}
.radio.is-solid.is-danger input + span {
  border-color: var(--danger);
  background: var(--danger);
}
.radio.is-solid.is-danger input + span::after {
  color: var(--white);
}
.radio.is-outlined.is-primary input:checked + span {
  border-color: var(--primary);
}
.radio.is-outlined.is-primary input + span::after {
  color: var(--primary);
}
.radio.is-outlined.is-success input:checked + span {
  border-color: var(--success);
}
.radio.is-outlined.is-success input + span::after {
  color: var(--success);
}
.radio.is-outlined.is-info input:checked + span {
  border-color: var(--info);
}
.radio.is-outlined.is-info input + span::after {
  color: var(--info);
}
.radio.is-outlined.is-warning input:checked + span {
  border-color: var(--warning);
}
.radio.is-outlined.is-warning input + span::after {
  color: var(--warning);
}
.radio.is-outlined.is-danger input:checked + span {
  border-color: var(--danger);
}
.radio.is-outlined.is-danger input + span::after {
  color: var(--danger);
}
.radio input + span {
  border-radius: 100%;
}
.radio input + span::after {
  background-size: contain;
  position: absolute;
  top: 49%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%) scale(0);
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.6rem;
}
.radio input:focus + span,
.radio input:active + span {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-color: var(--accessibility-focus-outline-color);
  outline-style: var(--accessibility-focus-outline-style);
}
.is-dark .radio input + span {
  background-color: color-mix(in oklab, var(--dark-sidebar), white 2%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 4%);
}
.is-dark .radio input + span::after {
  color: var(--dark-dark-text);
}
.is-dark .radio input + span {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 16%);
}
.is-dark .radio.is-solid.is-primary input + span {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.is-dark .radio.is-outlined.is-primary input:checked + span {
  border-color: var(--primary) !important;
}
.is-dark .radio.is-outlined.is-primary input:checked + span::after {
  color: var(--primary) !important;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-bc401395]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-bc401395] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-bc401395]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-bc401395]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-bc401395]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-bc401395]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-bc401395] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-bc401395]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-bc401395] {
  --transform-direction: -1;
}
.rating-wrap[data-v-bc401395] {
  text-align: inset-inline-end;
}
.rating-wrap .rating-label[data-v-bc401395] {
  color: var(--light-text);
}
.rating-wrap .rating[data-v-bc401395] {
  display: inline-flex;
}
.rating-wrap .rating .rating-star[data-v-bc401395] {
  color: color-mix(in oklab, var(--widget-grey), black 8%);
}
.rating-wrap .rating .rating-star.is-rating-star-selected[data-v-bc401395] {
  color: var(--yellow) !important;
}
.rating-wrap .rating.is-active [role=radio][data-v-bc401395] {
  cursor: pointer;
}
.is-dark .rating-wrap .rating .rating-star[data-v-bc401395] {
  color: color-mix(in oklab, var(--dark-sidebar), white 22%);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.snacks {
  display: flex;
  flex-wrap: wrap;
}
.snacks .snack {
  margin: 0 8px 16px;
}
.snack {
  display: inline-block;
  background: color-mix(in oklab, var(--fade-grey), white 2%);
  height: 38px;
  width: auto;
  border-radius: 500px;
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  transition: all 0.3s;
}
.snack:hover {
  box-shadow: var(--light-box-shadow);
}
.snack.is-white {
  background: var(--white);
}
.snack.is-small {
  height: 30px;
}
.snack.is-small .snack-media {
  height: 32px;
  width: 32px;
  margin-inline-end: 4px;
}
.snack.is-small .snack-media.is-icon {
  height: 30px;
  width: 30px;
}
.snack.is-small .snack-media.is-icon .iconify {
  height: 15px;
  width: 15px;
  font-size: 15px;
}
.snack.is-small .snack-media.is-icon .fas,
.snack.is-small .snack-media.is-icon .far,
.snack.is-small .snack-media.is-icon .fad,
.snack.is-small .snack-media.is-icon .fal,
.snack.is-small .snack-media.is-icon .fab {
  font-size: 13px;
}
.snack.is-small .snack-media.is-icon .lnil,
.snack.is-small .snack-media.is-icon .lnir {
  font-size: 16px;
}
.snack.is-small .snack-media img {
  height: 30px;
  width: 30px;
}
.snack.is-small .snack-text {
  font-size: 0.9rem;
  top: -12px;
}
.snack.is-small .snack-action {
  top: -9px;
  margin: 0 10px 0 6px;
}
.snack .snack-media {
  position: relative;
  top: -1px;
  height: 40px;
  width: 40px;
  display: inline-block;
  margin-inline-end: 6px;
}
.snack .snack-media.is-icon {
  position: relative;
  inset-inline-start: -1px;
  height: 38px;
  width: 38px;
  background: var(--white);
  border: 1px solid color-mix(in oklab, var(--fade-grey), black 3%);
  border-radius: var(--radius-rounded);
}
.snack .snack-media.is-icon.is-solid .fas,
.snack .snack-media.is-icon.is-solid .far,
.snack .snack-media.is-icon.is-solid .fad,
.snack .snack-media.is-icon.is-solid .fal,
.snack .snack-media.is-icon.is-solid .fab,
.snack .snack-media.is-icon.is-solid .lnil,
.snack .snack-media.is-icon.is-solid .lnir {
  color: var(--white) !important;
}
.snack .snack-media.is-icon.is-primary {
  border-color: var(--primary);
}
.snack .snack-media.is-icon.is-primary.is-solid {
  background: var(--primary);
}
.snack .snack-media.is-icon.is-primary.is-solid .iconify {
  color: var(--white);
}
.snack .snack-media.is-icon.is-primary .iconify {
  color: var(--primary);
}
.snack .snack-media.is-icon.is-primary .fas,
.snack .snack-media.is-icon.is-primary .far,
.snack .snack-media.is-icon.is-primary .fad,
.snack .snack-media.is-icon.is-primary .fal,
.snack .snack-media.is-icon.is-primary .fab,
.snack .snack-media.is-icon.is-primary .lnil,
.snack .snack-media.is-icon.is-primary .lnir {
  color: var(--primary);
}
.snack .snack-media.is-icon.is-success {
  border-color: var(--success);
}
.snack .snack-media.is-icon.is-success.is-solid {
  background: var(--success);
}
.snack .snack-media.is-icon.is-success.is-solid .iconify {
  color: var(--white);
}
.snack .snack-media.is-icon.is-success .iconify {
  color: var(--success);
}
.snack .snack-media.is-icon.is-success .fas,
.snack .snack-media.is-icon.is-success .far,
.snack .snack-media.is-icon.is-success .fad,
.snack .snack-media.is-icon.is-success .fal,
.snack .snack-media.is-icon.is-success .fab,
.snack .snack-media.is-icon.is-success .lnil,
.snack .snack-media.is-icon.is-success .lnir {
  color: var(--success);
}
.snack .snack-media.is-icon.is-info {
  border-color: var(--info);
}
.snack .snack-media.is-icon.is-info.is-solid {
  background: var(--info);
}
.snack .snack-media.is-icon.is-info.is-solid .iconify {
  color: var(--white);
}
.snack .snack-media.is-icon.is-info .iconify {
  color: var(--info);
}
.snack .snack-media.is-icon.is-info .fas,
.snack .snack-media.is-icon.is-info .far,
.snack .snack-media.is-icon.is-info .fad,
.snack .snack-media.is-icon.is-info .fal,
.snack .snack-media.is-icon.is-info .fab,
.snack .snack-media.is-icon.is-info .lnil,
.snack .snack-media.is-icon.is-info .lnir {
  color: var(--info);
}
.snack .snack-media.is-icon.is-warning {
  border-color: var(--warning);
}
.snack .snack-media.is-icon.is-warning.is-solid {
  background: var(--warning);
}
.snack .snack-media.is-icon.is-warning.is-solid .iconify {
  color: var(--white);
}
.snack .snack-media.is-icon.is-warning .iconify {
  color: var(--warning);
}
.snack .snack-media.is-icon.is-warning .fas,
.snack .snack-media.is-icon.is-warning .far,
.snack .snack-media.is-icon.is-warning .fad,
.snack .snack-media.is-icon.is-warning .fal,
.snack .snack-media.is-icon.is-warning .fab,
.snack .snack-media.is-icon.is-warning .lnil,
.snack .snack-media.is-icon.is-warning .lnir {
  color: var(--warning);
}
.snack .snack-media.is-icon.is-danger {
  border-color: var(--danger);
}
.snack .snack-media.is-icon.is-danger.is-solid {
  background: var(--danger);
}
.snack .snack-media.is-icon.is-danger.is-solid .iconify {
  color: var(--white);
}
.snack .snack-media.is-icon.is-danger .iconify {
  color: var(--danger);
}
.snack .snack-media.is-icon.is-danger .fas,
.snack .snack-media.is-icon.is-danger .far,
.snack .snack-media.is-icon.is-danger .fad,
.snack .snack-media.is-icon.is-danger .fal,
.snack .snack-media.is-icon.is-danger .fab,
.snack .snack-media.is-icon.is-danger .lnil,
.snack .snack-media.is-icon.is-danger .lnir {
  color: var(--danger);
}
.snack .snack-media.is-icon .snack-icon {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}
.snack .snack-media.is-icon .iconify {
  height: 18px;
  width: 18px;
  font-size: 18px;
  color: var(--light-text);
}
.snack .snack-media.is-icon .fas,
.snack .snack-media.is-icon .far,
.snack .snack-media.is-icon .fad,
.snack .snack-media.is-icon .fal,
.snack .snack-media.is-icon .fab {
  font-size: 15px;
  color: var(--light-text);
}
.snack .snack-media.is-icon .lnil,
.snack .snack-media.is-icon .lnir {
  font-size: 18px;
  color: var(--light-text);
}
.snack .snack-media img {
  display: inline-block;
  height: 38px;
  width: 38px;
  border-radius: var(--radius-rounded);
}
.snack .snack-text {
  display: inline-block;
  position: relative;
  top: -15px;
  color: var(--dark-text);
}
.snack .snack-action {
  position: relative;
  top: -14px;
  display: inline-block;
  margin: 0 16px 0 10px;
  cursor: pointer;
}
.snack .snack-action .iconify {
  height: 14px;
  width: 14px;
  color: var(--light-text);
}
.is-dark .snack {
  background: color-mix(in oklab, var(--dark-sidebar), white 2%);
  border-color: color-mix(in oklab, var(--dark-sidebar), white 4%);
}
.is-dark .snack .snack-media.is-icon:not(.is-solid) {
  background: color-mix(in oklab, var(--dark-sidebar), white 4%);
}
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) {
  border-color: var(--primary);
}
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .iconify {
  color: var(--primary);
}
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fas,
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .far,
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fad,
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fab,
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fal,
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .lnil,
.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .lnir {
  color: var(--primary);
}
.is-dark .snack .snack-media.is-icon.is-primary.is-solid {
  background: var(--primary);
  border-color: var(--primary);
}
.is-dark .snack .snack-text {
  color: var(--dark-dark-text);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.form-switch {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.form-switch:focus-within {
  border-radius: 50px;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.form-switch.is-primary input:checked + i {
  background-color: var(--primary);
}
.form-switch.is-success input:checked + i {
  background-color: var(--success);
}
.form-switch.is-info input:checked + i {
  background-color: var(--info);
}
.form-switch.is-warning input:checked + i {
  background-color: var(--warning);
}
.form-switch.is-danger input:checked + i {
  background-color: var(--danger);
}
.form-switch i {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}
.form-switch i::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  width: 42px;
  height: 22px;
  background-color: var(--white);
  border-radius: 11px;
  transform: translate3d(calc(var(--transform-direction) * 2px), 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}
.form-switch i::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  width: 22px;
  height: 22px;
  background-color: var(--white);
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(calc(var(--transform-direction) * 2px), 2px, 0);
  transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
  width: 28px;
  transform: translate3d(calc(var(--transform-direction) * 2px), 2px, 0);
}
.form-switch:active input:checked + i::after {
  transform: translate3d(calc(var(--transform-direction) * 16px), 2px, 0);
}
.form-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.form-switch input:checked + i {
  background-color: var(--light-text);
}
.form-switch input:checked + i::before {
  transform: translate3d(calc(var(--transform-direction) * 18px), 2px, 0) scale3d(0, 0, 0);
}
.form-switch input:checked + i::after {
  transform: translate3d(calc(var(--transform-direction) * 22px), 2px, 0);
}
.form-switch small {
  color: var(--muted-grey);
  position: relative;
  top: -4px;
}
.switch-block {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.switch-block .text {
  margin-inline-start: 6px;
}
.switch-block .text span {
  display: block;
  position: relative;
  top: -2px;
  color: var(--light-text);
}
.is-dark .form-switch.is-primary input:checked + i {
  background-color: var(--primary) !important;
}
.is-dark .form-switch.is-primary input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch.is-success input:checked + i {
  background-color: var(--success) !important;
}
.is-dark .form-switch.is-success input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch.is-info input:checked + i {
  background-color: var(--info) !important;
}
.is-dark .form-switch.is-info input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch.is-warning input:checked + i {
  background-color: var(--warning) !important;
}
.is-dark .form-switch.is-warning input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch.is-danger input:checked + i {
  background-color: var(--danger) !important;
}
.is-dark .form-switch.is-danger input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch i {
  background: var(--dark-sidebar) !important;
}
.is-dark .form-switch i::before {
  background: var(--dark-sidebar) !important;
}
.is-dark .form-switch i::after {
  background: color-mix(in oklab, var(--dark-sidebar), white 22%) !important;
}
.is-dark .form-switch input:checked + i::after {
  background: color-mix(in oklab, var(--dark-sidebar), white 55%) !important;
}
.thin-switch {
  display: block;
  margin-inline-start: 8px;
}
.thin-switch:focus-visible .slider::after {
  border-radius: 50px;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.thin-switch:focus-visible {
  outline: none !important;
}
.thin-switch.is-primary .input:checked ~ .slider {
  background: color-mix(in oklab, var(--primary), white 40%);
}
.thin-switch.is-primary .input:checked ~ .slider::after {
  background: var(--primary);
  border-color: var(--primary);
}
.thin-switch.is-success .input:checked ~ .slider {
  background: color-mix(in oklab, var(--success), white 40%);
}
.thin-switch.is-success .input:checked ~ .slider::after {
  background: var(--success);
  border-color: var(--success);
}
.thin-switch.is-info .input:checked ~ .slider {
  background: color-mix(in oklab, var(--info), white 40%);
}
.thin-switch.is-info .input:checked ~ .slider::after {
  background: var(--info);
  border-color: var(--info);
}
.thin-switch.is-warning .input:checked ~ .slider {
  background: color-mix(in oklab, var(--warning), white 40%);
}
.thin-switch.is-warning .input:checked ~ .slider::after {
  background: var(--warning);
  border-color: var(--warning);
}
.thin-switch.is-danger .input:checked ~ .slider {
  background: color-mix(in oklab, var(--danger), white 40%);
}
.thin-switch.is-danger .input:checked ~ .slider::after {
  background: var(--danger);
  border-color: var(--danger);
}
.thin-switch .slider {
  position: relative;
  display: inline-block;
  height: 8px;
  width: 32px;
  border-radius: 8px;
  cursor: pointer;
  background: #c5c5c5;
  transition: all 0.3s;
}
.thin-switch .slider::after {
  background: var(--light-grey);
  position: absolute;
  inset-inline-start: -8px;
  top: -8.5px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-rounded);
  border: 1px solid transparent;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  content: "";
  transition: all 0.3s;
}
.thin-switch label {
  margin-inline-end: 7px;
}
.thin-switch .input {
  display: none;
}
.thin-switch .input ~ .label {
  margin-inline-start: 8px;
}
.thin-switch .input:checked ~ .slider::after {
  inset-inline-start: 16px;
}
.thin-switch .input:checked ~ .slider::after {
  background: var(--white);
  border: 1px solid var(--fade-grey);
}
.thin-switch-block {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.thin-switch-block .text {
  margin-inline-start: 16px;
}
.thin-switch-block .text span {
  display: block;
  position: relative;
  color: var(--light-text);
}
.is-dark .thin-switch.is-primary .input:checked ~ .slider {
  background: color-mix(in oklab, var(--primary), white 20%);
}
.is-dark .thin-switch.is-primary .input:checked ~ .slider::after {
  background: var(--primary);
  border-color: var(--primary);
}
.is-dark .thin-switch.is-success .input:checked ~ .slider::after {
  background: var(--success);
  border-color: var(--success);
}
.is-dark .thin-switch.is-info .input:checked ~ .slider::after {
  background: var(--info);
  border-color: var(--info);
}
.is-dark .thin-switch.is-warning .input:checked ~ .slider::after {
  background: var(--warning);
  border-color: var(--warning);
}
.is-dark .thin-switch.is-danger .input:checked ~ .slider::after {
  background: var(--danger);
  border-color: var(--danger);
}
.is-dark .thin-switch .slider {
  background: var(--dark-sidebar);
}
.is-dark .thin-switch .slider::after {
  background: color-mix(in oklab, var(--dark-sidebar), white 22%);
}
.is-dark .thin-switch .input:checked ~ .slider::after {
  background: color-mix(in oklab, var(--dark-sidebar), white 55%);
  border: color-mix(in oklab, var(--dark-sidebar), white 55%);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.form-switch {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.form-switch:focus-within {
  border-radius: 50px;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.form-switch.is-primary input:checked + i {
  background-color: var(--primary);
}
.form-switch.is-success input:checked + i {
  background-color: var(--success);
}
.form-switch.is-info input:checked + i {
  background-color: var(--info);
}
.form-switch.is-warning input:checked + i {
  background-color: var(--warning);
}
.form-switch.is-danger input:checked + i {
  background-color: var(--danger);
}
.form-switch i {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}
.form-switch i::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  width: 42px;
  height: 22px;
  background-color: var(--white);
  border-radius: 11px;
  transform: translate3d(calc(var(--transform-direction) * 2px), 2px, 0) scale3d(calc(var(--transform-direction) * 1), 1, 1);
  transition: all 0.25s linear;
}
.form-switch i::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  width: 22px;
  height: 22px;
  background-color: var(--white);
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(calc(var(--transform-direction) * 2px), 2px, 0);
  transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
  width: 28px;
  transform: translate3d(calc(var(--transform-direction) * 2px), 2px, 0);
}
.form-switch:active input:checked + i::after {
  transform: translate3d(calc(var(--transform-direction) * 16px), 2px, 0);
}
.form-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.form-switch input:checked + i {
  background-color: var(--light-text);
}
.form-switch input:checked + i::before {
  transform: translate3d(calc(var(--transform-direction) * 18px), 2px, 0) scale3d(0, 0, 0);
}
.form-switch input:checked + i::after {
  transform: translate3d(calc(var(--transform-direction) * 22px), 2px, 0);
}
.form-switch small {
  color: var(--muted-grey);
  position: relative;
  top: -4px;
}
.switch-block {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.switch-block .text {
  margin-inline-start: 6px;
}
.switch-block .text span {
  display: block;
  position: relative;
  top: -2px;
  color: var(--light-text);
}
.is-dark .form-switch.is-primary input:checked + i {
  background-color: var(--primary) !important;
}
.is-dark .form-switch.is-primary input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch.is-success input:checked + i {
  background-color: var(--success) !important;
}
.is-dark .form-switch.is-success input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch.is-info input:checked + i {
  background-color: var(--info) !important;
}
.is-dark .form-switch.is-info input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch.is-warning input:checked + i {
  background-color: var(--warning) !important;
}
.is-dark .form-switch.is-warning input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch.is-danger input:checked + i {
  background-color: var(--danger) !important;
}
.is-dark .form-switch.is-danger input:checked + i::after {
  background: var(--white) !important;
}
.is-dark .form-switch i {
  background: var(--dark-sidebar) !important;
}
.is-dark .form-switch i::before {
  background: var(--dark-sidebar) !important;
}
.is-dark .form-switch i::after {
  background: color-mix(in oklab, var(--dark-sidebar), white 22%) !important;
}
.is-dark .form-switch input:checked + i::after {
  background: color-mix(in oklab, var(--dark-sidebar), white 55%) !important;
}
.thin-switch {
  display: block;
  margin-inline-start: 8px;
}
.thin-switch:focus-visible .slider::after {
  border-radius: 50px;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.thin-switch:focus-visible {
  outline: none !important;
}
.thin-switch.is-primary .input:checked ~ .slider {
  background: color-mix(in oklab, var(--primary), white 20%);
}
.thin-switch.is-primary .input:checked ~ .slider::after {
  background: var(--primary);
  border-color: var(--primary);
}
.thin-switch.is-success .input:checked ~ .slider {
  background: color-mix(in oklab, var(--success), white 20%);
}
.thin-switch.is-success .input:checked ~ .slider::after {
  background: var(--success);
  border-color: var(--success);
}
.thin-switch.is-info .input:checked ~ .slider {
  background: color-mix(in oklab, var(--info), white 20%);
}
.thin-switch.is-info .input:checked ~ .slider::after {
  background: var(--info);
  border-color: var(--info);
}
.thin-switch.is-warning .input:checked ~ .slider {
  background: color-mix(in oklab, var(--warning), white 20%);
}
.thin-switch.is-warning .input:checked ~ .slider::after {
  background: var(--warning);
  border-color: var(--warning);
}
.thin-switch.is-danger .input:checked ~ .slider {
  background: color-mix(in oklab, var(--danger), white 20%);
}
.thin-switch.is-danger .input:checked ~ .slider::after {
  background: var(--danger);
  border-color: var(--danger);
}
.thin-switch .slider {
  position: relative;
  display: inline-block;
  height: 8px;
  width: 32px;
  border-radius: 8px;
  cursor: pointer;
  background: #c5c5c5;
  transition: all 0.3s;
}
.thin-switch .slider::after {
  background: var(--light-grey);
  position: absolute;
  inset-inline-start: -8px;
  top: -8.5px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-rounded);
  border: 1px solid transparent;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  content: "";
  transition: all 0.3s;
}
.thin-switch label {
  margin-inline-end: 7px;
}
.thin-switch .input {
  display: none;
}
.thin-switch .input ~ .label {
  margin-inline-start: 8px;
}
.thin-switch .input:checked ~ .slider::after {
  inset-inline-start: 16px;
}
.thin-switch .input:checked ~ .slider::after {
  background: var(--white);
  border: 1px solid var(--fade-grey);
}
.thin-switch-block {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.thin-switch-block .text {
  margin-inline-start: 16px;
}
.thin-switch-block .text span {
  display: block;
  position: relative;
  color: var(--light-text);
}
.is-dark .thin-switch.is-primary .input:checked ~ .slider {
  background: color-mix(in oklab, var(--primary), white 20%);
}
.is-dark .thin-switch.is-primary .input:checked ~ .slider::after {
  background: var(--primary);
  border-color: var(--primary);
}
.is-dark .thin-switch.is-success .input:checked ~ .slider::after {
  background: var(--success);
  border-color: var(--success);
}
.is-dark .thin-switch.is-info .input:checked ~ .slider::after {
  background: var(--info);
  border-color: var(--info);
}
.is-dark .thin-switch.is-warning .input:checked ~ .slider::after {
  background: var(--warning);
  border-color: var(--warning);
}
.is-dark .thin-switch.is-danger .input:checked ~ .slider::after {
  background: var(--danger);
  border-color: var(--danger);
}
.is-dark .thin-switch .slider {
  background: var(--dark-sidebar);
}
.is-dark .thin-switch .slider::after {
  background: color-mix(in oklab, var(--dark-sidebar), white 22%);
}
.is-dark .thin-switch .input:checked ~ .slider::after {
  background: color-mix(in oklab, var(--dark-sidebar), white 55%);
  border: color-mix(in oklab, var(--dark-sidebar), white 55%);
}
.switch-segment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.switch-segment .is-label {
  font-family: var(--font);
  font-size: 0.9rem;
}
.switch-segment .is-label:first-child {
  color: var(--dark-text);
}
.switch-segment .is-label:nth-child(3) {
  color: var(--light-text);
}
.switch-segment .form-switch {
  transform: scale(0.7);
  margin: 0 0.25rem;
}
.is-dark .switch-segment .is-label:first-child {
  color: var(--dark-dark-text);
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-39fbc244]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-39fbc244] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-39fbc244]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-39fbc244]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-39fbc244]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-39fbc244]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-39fbc244] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-39fbc244]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-39fbc244] {
  --transform-direction: -1;
}

/*! _tabs.scss | Vuero | Css ninja 2020-2024 */
/*
    1. Tabs
    2. Tabs Dark mode
    3. Tab Content
    4. Sliding tabs 2X
    5. Sliding tabs 3X
    6. Sliding tabs Dark mode
*/
/* ==========================================================================
1. Tabs
========================================================================== */
.tabs[data-v-39fbc244] {
  margin-bottom: 20px;
}
.tabs.is-toggle li:first-child a[data-v-39fbc244] {
  border-inline-end: none;
}
.tabs.is-toggle li:last-child a[data-v-39fbc244] {
  border-inline-start: none;
}
.tabs.is-toggle li.is-active a[data-v-39fbc244] {
  background: var(--primary);
  border-color: var(--primary);
}
.tabs.is-toggle li.is-active a[data-v-39fbc244]:hover, .tabs.is-toggle li.is-active a[data-v-39fbc244]:focus {
  color: var(--white);
}
.tabs.is-toggle li a[data-v-39fbc244] {
  transition: all 0.3s;
}
.tabs.is-toggle li a[data-v-39fbc244]:hover {
  border-color: #dbdbdb;
}
.tabs li.is-active a[data-v-39fbc244] {
  border-bottom-color: var(--primary);
  color: var(--primary);
}
.tabs li.is-active a[data-v-39fbc244]:hover, .tabs li.is-active a[data-v-39fbc244]:focus {
  border-bottom-color: var(--primary);
  color: var(--primary);
}
.tabs li a[data-v-39fbc244] {
  font-family: var(--font);
  border-bottom-width: 2px;
  color: var(--placeholder);
  border-bottom-color: transparent;
}
.tabs li a[data-v-39fbc244]:hover, .tabs li a[data-v-39fbc244]:focus {
  color: var(--light-text);
  border-bottom-color: transparent;
}
.tabs li a .iconify[data-v-39fbc244] {
  height: 16px;
  width: 16px;
  margin-inline-end: 6px;
}
.tabs li a .fas[data-v-39fbc244],
.tabs li a .fal[data-v-39fbc244],
.tabs li a .far[data-v-39fbc244],
.tabs li a .fad[data-v-39fbc244],
.tabs li a .fab[data-v-39fbc244] {
  margin-inline-end: 6px;
}
.tabs li a .lnil[data-v-39fbc244],
.tabs li a .lnir[data-v-39fbc244] {
  font-size: 20px;
  margin-inline-end: 6px;
}
.tabs li a small[data-v-39fbc244] {
  margin-inline-start: 5px;
}

/* ==========================================================================
2. Tabs Dark mode
========================================================================== */
.is-dark .tabs.is-boxed li.is-active a[data-v-39fbc244],
.is-dark .tabs.is-boxed li.is-active a[data-v-39fbc244]:hover {
  background: color-mix(in oklab, var(--dark-sidebar), white 1%) !important;
}
.is-dark .tabs.is-boxed li a[data-v-39fbc244] {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
}
.is-dark .tabs.is-boxed li a[data-v-39fbc244]:hover, .is-dark .tabs.is-boxed li a[data-v-39fbc244]:focus {
  background: color-mix(in oklab, var(--dark-sidebar), white 4%) !important;
}
.is-dark .tabs.is-toggle li.is-active a[data-v-39fbc244],
.is-dark .tabs.is-toggle li.is-active a[data-v-39fbc244]:hover {
  background: var(--primary) !important;
  border-color: var(--primary);
  color: var(--white);
}
.is-dark .tabs.is-toggle li a[data-v-39fbc244] {
  border-color: color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
}
.is-dark .tabs.is-toggle li a[data-v-39fbc244]:hover, .is-dark .tabs.is-toggle li a[data-v-39fbc244]:focus {
  background: color-mix(in oklab, var(--dark-sidebar), white 4%) !important;
}
.is-dark .tabs ul[data-v-39fbc244] {
  border-bottom-color: color-mix(in oklab, var(--dark-sidebar), white 16%);
}
.is-dark .tabs li.is-active a[data-v-39fbc244] {
  border-bottom-color: var(--primary);
  color: var(--primary);
}

/* ==========================================================================
3. Tab Content
========================================================================== */
.tab-content[data-v-39fbc244] {
  display: none;
  animation-name: fadeInLeft;
  animation-duration: 0.5s;
}
.tab-content.is-active[data-v-39fbc244] {
  display: block;
}
.tab-content.is-active.is-spaced[data-v-39fbc244] {
  margin-top: 10px !important;
}
.tab-content.is-spaced[data-v-39fbc244] {
  margin-top: 40px;
}
.tab-content.is-spaced-lg[data-v-39fbc244] {
  margin-top: 40px !important;
}

/* ==========================================================================
4. Sliding tabs 2X
========================================================================== */
.tabs-wrapper.is-slider.is-inverted > .tabs-inner > .tabs[data-v-39fbc244],
.tabs-wrapper-alt.is-slider.is-inverted > .tabs-inner > .tabs[data-v-39fbc244] {
  background: var(--white);
}
.tabs-wrapper.is-slider.is-squared > .tabs-inner > .tabs[data-v-39fbc244],
.tabs-wrapper.is-slider.is-squared .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-slider.is-squared > .tabs-inner > .tabs[data-v-39fbc244],
.tabs-wrapper-alt.is-slider.is-squared .tab-naver[data-v-39fbc244] {
  border-radius: 8px;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs[data-v-39fbc244] {
  position: relative;
  background: color-mix(in oklab, var(--fade-grey), white 2%);
  border: 1px solid var(--fade-grey);
  max-width: 185px;
  height: 35px;
  border-bottom: none;
  border-radius: 500px;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs ul[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs ul[data-v-39fbc244] {
  border-bottom: none;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs ul.is-profile li a[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs ul.is-profile li a[data-v-39fbc244] {
  color: var(--smoke-white) !important;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs ul.is-profile li.is-active a[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs ul.is-profile li.is-active a[data-v-39fbc244] {
  color: var(--dark-text) !important;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs li[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs li[data-v-39fbc244] {
  width: 50%;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs li a[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs li a[data-v-39fbc244] {
  color: var(--light-text);
  font-family: var(--font);
  height: 40px;
  border-bottom: none;
  position: relative;
  z-index: 5;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs li a span[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs li a span[data-v-39fbc244] {
  position: relative;
  top: -1px;
  display: block;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs li.is-active a[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs li.is-active a[data-v-39fbc244] {
  color: var(--white);
  font-weight: 400;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs li:first-child.is-active ~ .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs li:first-child.is-active ~ .tab-naver[data-v-39fbc244] {
  margin-inline-start: 0;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs li:nth-child(2).is-active ~ .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs li:nth-child(2).is-active ~ .tab-naver[data-v-39fbc244] {
  margin-inline-start: 50% !important;
}
.tabs-wrapper.is-slider > .tabs-inner > .tabs.is-centered[data-v-39fbc244],
.tabs-wrapper-alt.is-slider > .tabs-inner > .tabs.is-centered[data-v-39fbc244] {
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.tabs-wrapper.is-slider .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-slider .tab-naver[data-v-39fbc244] {
  inset-inline-start: 0;
  background: var(--primary);
  position: absolute;
  top: 0.5px;
  display: block;
  height: 32px;
  transition: all 0.3s;
  z-index: 4;
  border-radius: 50px;
}
.tabs-wrapper.is-slider .tab-naver.is-profile[data-v-39fbc244],
.tabs-wrapper-alt.is-slider .tab-naver.is-profile[data-v-39fbc244] {
  background: var(--smoke-white) !important;
}
.tabs-wrapper.is-slider .tab-naver.is-active[data-v-39fbc244],
.tabs-wrapper-alt.is-slider .tab-naver.is-active[data-v-39fbc244] {
  margin-inline-start: 50%;
}

/* ==========================================================================
5. Sliding tabs 3X
========================================================================== */
.tabs-wrapper.is-triple-slider.is-inverted > .tabs-inner > .tabs[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider.is-inverted > .tabs-inner > .tabs[data-v-39fbc244] {
  background: var(--white);
}
.tabs-wrapper.is-triple-slider.is-squared > .tabs-inner > .tabs[data-v-39fbc244],
.tabs-wrapper.is-triple-slider.is-squared .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider.is-squared > .tabs-inner > .tabs[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider.is-squared .tab-naver[data-v-39fbc244] {
  border-radius: 8px;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs[data-v-39fbc244] {
  position: relative;
  background: color-mix(in oklab, var(--fade-grey), white 2%);
  border: 1px solid var(--fade-grey);
  max-width: 280px;
  height: 35px;
  border-bottom: none;
  border-radius: 500px;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs ul[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs ul[data-v-39fbc244] {
  border-bottom: none;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs ul.is-profile li a[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs ul.is-profile li a[data-v-39fbc244] {
  color: var(--smoke-white) !important;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs ul.is-profile li.is-active a[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs ul.is-profile li.is-active a[data-v-39fbc244] {
  color: var(--dark-text) !important;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs li[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs li[data-v-39fbc244] {
  width: 33.3%;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs li a[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs li a[data-v-39fbc244] {
  color: var(--light-text);
  font-family: var(--font);
  font-weight: 400;
  height: 40px;
  border-bottom: none;
  position: relative;
  z-index: 5;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs li a span[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs li a span[data-v-39fbc244] {
  position: relative;
  top: -1px;
  display: block;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs li.is-active a[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs li.is-active a[data-v-39fbc244] {
  color: var(--white);
  font-weight: 400;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs li:first-child.is-active ~ .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs li:first-child.is-active ~ .tab-naver[data-v-39fbc244] {
  margin-inline-start: 0;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs li:nth-child(2).is-active ~ .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs li:nth-child(2).is-active ~ .tab-naver[data-v-39fbc244] {
  margin-inline-start: 33% !important;
}
.tabs-wrapper.is-triple-slider > .tabs-inner > .tabs li:nth-child(3).is-active ~ .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider > .tabs-inner > .tabs li:nth-child(3).is-active ~ .tab-naver[data-v-39fbc244] {
  margin-inline-start: 66.6%;
}
.tabs-wrapper.is-triple-slider .tab-naver[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider .tab-naver[data-v-39fbc244] {
  position: absolute;
  top: 0.5px;
  inset-inline-start: 0;
  display: block;
  width: 33.3% !important;
  background: var(--primary);
  height: 32px;
  transition: all 0.3s;
  z-index: 4;
  border-radius: 50px;
}
.tabs-wrapper.is-triple-slider .tab-naver.is-profile[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider .tab-naver.is-profile[data-v-39fbc244] {
  background: var(--smoke-white) !important;
}
.tabs-wrapper.is-triple-slider .tab-naver.is-active[data-v-39fbc244],
.tabs-wrapper-alt.is-triple-slider .tab-naver.is-active[data-v-39fbc244] {
  margin-inline-start: 48%;
}

/* ==========================================================================
6. Sliding tabs Dark mode
========================================================================== */
.is-dark .tabs-wrapper.is-slider.is-inverted > .tabs-inner > .tabs[data-v-39fbc244], .is-dark .tabs-wrapper.is-triple-slider.is-inverted > .tabs-inner > .tabs[data-v-39fbc244] {
  border: 1px solid color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
  background: color-mix(in oklab, var(--dark-sidebar), white 2%) !important;
}
.is-dark .tabs-wrapper.is-slider > .tabs-inner > .tabs[data-v-39fbc244], .is-dark .tabs-wrapper.is-triple-slider > .tabs-inner > .tabs[data-v-39fbc244] {
  border: 1px solid color-mix(in oklab, var(--dark-sidebar), white 16%) !important;
  background: color-mix(in oklab, var(--dark-sidebar), white 2%) !important;
}
.is-dark .tabs-wrapper.is-slider > .tabs-inner > .tabs .tab-naver[data-v-39fbc244], .is-dark .tabs-wrapper.is-triple-slider > .tabs-inner > .tabs .tab-naver[data-v-39fbc244] {
  background: var(--primary) !important;
}
.is-dark .tabs-wrapper.is-slider > .tabs-inner > .tabs ul[data-v-39fbc244], .is-dark .tabs-wrapper.is-triple-slider > .tabs-inner > .tabs ul[data-v-39fbc244] {
  border: none;
}
.is-dark .tabs-wrapper.is-slider > .tabs-inner > .tabs li.is-active a[data-v-39fbc244], .is-dark .tabs-wrapper.is-triple-slider > .tabs-inner > .tabs li.is-active a[data-v-39fbc244] {
  color: var(--white);
}

/* ==========================================================================
4. Vertical tabs
========================================================================== */
@media only screen and (width <= 767px) {
.vertical-tabs-wrapper .tabs ul li.is-active a[data-v-39fbc244] {
    color: var(--primary);
    border-bottom-color: var(--primary);
}
.vertical-tabs-wrapper .tabs ul li a[data-v-39fbc244] {
    color: var(--light-text);
}
.vertical-tabs-wrapper .content-wrap .tab-content[data-v-39fbc244] {
    padding-top: 12px;
    display: none;
    animation: fadeInLeft 0.5s;
}
.vertical-tabs-wrapper .content-wrap .tab-content.is-active[data-v-39fbc244] {
    display: block;
}
}
@media only screen and (width >= 768px) {
.vertical-tabs-wrapper[data-v-39fbc244] {
    display: flex;
}
.vertical-tabs-wrapper .tabs[data-v-39fbc244] {
    margin-inline-end: 30px;
}
.vertical-tabs-wrapper .tabs ul[data-v-39fbc244] {
    display: block;
    text-align: inset-inline-start;
    border-bottom-color: transparent !important;
}
.vertical-tabs-wrapper .tabs ul li[data-v-39fbc244] {
    display: block;
}
.vertical-tabs-wrapper .tabs ul li.is-active a[data-v-39fbc244] {
    color: var(--primary);
    border-inline-end-color: var(--primary);
}
.vertical-tabs-wrapper .tabs ul li a[data-v-39fbc244] {
    display: block;
    border-bottom-color: transparent !important;
    border-inline-end: 2px solid #dbdbdb;
    color: var(--light-text);
}
.vertical-tabs-wrapper .content-wrap[data-v-39fbc244] {
    flex-grow: 2;
}
.vertical-tabs-wrapper .content-wrap .tab-content[data-v-39fbc244] {
    display: none;
    animation: fadeInLeft 0.5s;
}
.vertical-tabs-wrapper .content-wrap .tab-content.is-active[data-v-39fbc244] {
    display: block;
}
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
[data-v-f4ba3f7d]:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark[data-v-f4ba3f7d] {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
[data-v-f4ba3f7d]:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
[data-v-f4ba3f7d]:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
[data-v-f4ba3f7d]:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
[data-v-f4ba3f7d]:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark[data-v-f4ba3f7d] {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
[data-v-f4ba3f7d]:root {
  --transform-direction: 1;
}
[dir=rtl][data-v-f4ba3f7d] {
  --transform-direction: -1;
}
.text-ellipsis[data-v-f4ba3f7d] {
  max-width: var(--0adfdb76);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (width <= 767px) {
.text-ellipsis[data-v-f4ba3f7d] {
    max-width: var(--4168a5a0);
}
}/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

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

  width: 100%;
  height: 2px;
}

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

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

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

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

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

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

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

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

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


.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.vc-header {
  display: grid;
  grid-gap: 4px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.vc-header.is-lg {
    font-size: var(--vc-text-lg);
}
.vc-header.is-xl {
    font-size: var(--vc-text-xl);
}
.vc-header.is-2xl {
    font-size: var(--vc-text-2xl);
}
.vc-header .vc-title,
  .vc-header .vc-prev,
  .vc-header .vc-next {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-row: 1;
    border: 0;
    border-radius: var(--vc-rounded);
    pointer-events: auto;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.vc-header .vc-title {
    grid-column: title;
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    white-space: nowrap;
    padding: 0 8px;
    margin: 0;
    line-height: 30px;
}
.vc-header .vc-title:hover {
      opacity: 0.75;
}
.vc-header .vc-arrow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--vc-header-arrow-color);
    width: 28px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.vc-header .vc-arrow:hover {
      background: var(--vc-header-arrow-hover-bg);
}
.vc-header .vc-arrow:disabled {
      opacity: 0.25;
      pointer-events: none;
}
.vc-header .vc-prev {
    grid-column: prev;
}
.vc-header .vc-next {
    grid-column: next;
}

.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
  /* &.is-not-in-month * {
    opacity: 0;
    pointer-events: none;
  } */
}
.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.vc-day-box-center-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.vc-day-box-left-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.vc-day-box-right-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.vc-day-box-center-bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.vc-day-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg);
}
.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color);
}

/* ----Content---- */
.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}

/* ----Highlights---- */
.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.vc-highlight {
  width: 28px;
  height: 28px;
}
.vc-highlight.vc-highlight-base-start {
    width: 50% !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
}
.vc-highlight.vc-highlight-base-end {
    width: 50% !important;
    border-radius: 0 !important;
    border-left-width: 0 !important;
}
.vc-highlight.vc-highlight-base-middle {
    width: 100%;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px;
}
.vc-highlight-bg-outline,
.vc-highlight-bg-none {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-content-outline,
.vc-highlight-content-none {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}
.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}
.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}

/* ----Dots---- */
.vc-dots {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}
.vc-dot:not(:last-child) {
    margin-right: 3px;
}

/* ----Bars---- */
.vc-bars {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 75%;
}
.vc-bar {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}
.vc-dot {
  background-color: var(--vc-dot-bg);
}
.vc-bar {
  background-color: var(--vc-bar-bg);
}

.vc-pane {
  min-width: 250px;
}
.vc-weeknumber {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
}
.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vc-weeks {
  position: relative;
  /* overflow: auto; */
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}
.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside);
}
.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside);
}
.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vc-week,
.vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
}

.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;

  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none;
}
.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}
.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset);
}
.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset);
}
.vc-popover-caret {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.vc-popover-caret.direction-bottom {
    top: 0;
}
.vc-popover-caret.direction-bottom.align-left {
      -webkit-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-center {
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
              transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-right {
      -webkit-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-top {
    top: 100%;
}
.vc-popover-caret.direction-top.align-left {
      -webkit-transform: translateY(-50%) rotate(-135deg);
              transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-center {
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
              transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-right {
      -webkit-transform: translateY(-50%) rotate(-135deg);
              transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-left {
    left: 100%;
}
.vc-popover-caret.direction-left.align-top {
      -webkit-transform: translateX(-50%) rotate(135deg);
              transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-middle {
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
              transform: translateY(-50%) translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-bottom {
      -webkit-transform: translateX(-50%) rotate(135deg);
              transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-right {
    left: 0;
}
.vc-popover-caret.direction-right.align-top {
      -webkit-transform: translateX(-50%) rotate(-45deg);
              transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-middle {
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
              transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-bottom {
      -webkit-transform: translateX(-50%) rotate(-45deg);
              transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-center {
    left: 50%;
}
.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset);
}
.vc-popover-caret.align-middle {
    top: 50%;
}
.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset);
}

.vc-nav-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vc-nav-title,
.vc-nav-arrow,
.vc-nav-item {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}
.vc-nav-title:hover, .vc-nav-arrow:hover, .vc-nav-item:hover {
    background-color: var(--vc-nav-hover-bg);
}
.vc-nav-title:disabled, .vc-nav-arrow:disabled, .vc-nav-item:disabled {
    opacity: 0.25;
    pointer-events: none;
}
.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}
.vc-nav-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}
.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}
.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}
.vc-nav-item.is-active {
    color: var(--vc-nav-item-active-color);
    background-color: var(--vc-nav-item-active-bg);
    font-weight: var(--vc-font-bold);
}
.vc-nav-item.is-active:not(:focus) {
      box-shadow: var(--vc-nav-item-active-box-shadow);
}
.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color);
}

.vc-day-popover-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 15px;
}
.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: none;
      -ms-flex-wrap: none;
          flex-wrap: none;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: -webkit-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}
.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}
.vc-day-popover-row-dot {
}
.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}

.vc-pane-container {
  width: 100%;
  position: relative;
}
.vc-pane-container.in-transition {
    overflow: hidden;
}
.vc-pane-layout {
  display: grid;
}
.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}
.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}

.vc-base-select {
  position: relative;
}
.vc-base-select select {
    color: var(--vc-select-color);
    display: block;
    -webkit-appearance: none;
            appearance: none;
    background-color: transparent;
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    border-radius: var(--vc-rounded);
    height: 30px;
    width: -webkit-max-content;
    width: max-content;
    padding: 0px 4px;
    margin: 0;
    line-height: var(--leading-none);
    text-indent: 0px;
    background-image: none;
    cursor: pointer;
    text-align: center;
}
.vc-base-select select:hover {
      background-color: var(--vc-select-hover-bg);
}
.vc-base-select select.vc-has-icon {
      padding: 0px 24px 0 10px;
}
.vc-base-select select.vc-small {
      font-size: var(--vc-text-sm);
}
.vc-base-select select.vc-small.vc-has-icon {
        padding: 0 20px 0 8 px;
}
.vc-base-select select.vc-align-left {
      text-align: left;
}
.vc-base-select select.vc-align-right {
      text-align: right;
}
.vc-base-select .vc-base-icon {
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: 0.6;
    pointer-events: none;
}

.vc-time-picker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 4px;
}
.vc-time-picker.vc-invalid {
    pointer-events: none;
    opacity: 0.5;
}
.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border);
}
.vc-time-picker > * + * {
    margin-top: 4px;
}
.vc-time-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}
.vc-time-select-group {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}
.vc-time-select-group .vc-base-icon {
    margin-right: 4px;
    color: var(--vc-time-select-group-icon-color);
}
.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}
.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}
.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}
.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}
.vc-time-colon {
  margin: 0 1px 2px 2px;
}
.vc-time-decimal {
  margin: 0 0 0 1px;
}
.vc-none-enter-active,
.vc-none-leave-active {
  transition-duration: 0s;
}

.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active {
  transition: opacity var(--vc-slide-duration) var(--vc-slide-timing),
    -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing);
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing),
    -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
}

.vc-none-leave-active,
.vc-fade-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active,
.vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}

.vc-none-enter-from,
.vc-none-leave-to,
.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to {
  opacity: 0;
}

.vc-slide-left-enter-from,
.vc-slide-right-leave-to,
.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left {
  -webkit-transform: translateX(var(--vc-slide-translate));
          transform: translateX(var(--vc-slide-translate));
}

.vc-slide-right-enter-from,
.vc-slide-left-leave-to,
.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right {
  -webkit-transform: translateX(calc(-1 * var(--vc-slide-translate)));
          transform: translateX(calc(-1 * var(--vc-slide-translate)));
}

.vc-slide-up-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top {
  -webkit-transform: translateY(var(--vc-slide-translate));
          transform: translateY(var(--vc-slide-translate));
}

.vc-slide-down-enter-from,
.vc-slide-up-leave-to,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom {
  -webkit-transform: translateY(calc(-1 * var(--vc-slide-translate)));
          transform: translateY(calc(-1 * var(--vc-slide-translate)));
}

:root {
  --vc-white: #ffffff;
  --vc-black: #000000;

  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;

  --vc-font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    'Helvetica', 'Arial', sans-serif;

  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;

  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;

  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;

  --vc-rounded: 0.25rem;
  --vc-rounded-md: 0.375rem;
  --vc-rounded-lg: 0.5rem;
  --vc-rounded-full: 9999px;

  --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

  --vc-slide-translate: 22px;
  --vc-slide-duration: 0.15s;
  --vc-slide-timing: ease;

  --vc-day-content-transition: all 0.13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside: 34px;
}

.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900: var(--vc-gray-900);
}

.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900: #7f1d1d;
}

.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900: #7c2d12;
}

.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900: #713f12;
}

.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900: #14532d;
}

.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900: #134e4a;
}

.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900: #1e3a8a;
}

.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900: #312e81;
}

.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900: #581c87;
}

.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900: #831843;
}

.vc-focus:focus-within {
    outline: 0;
    box-shadow: var(--vc-focus-ring);
  }

.vc-light {
  /* Base */
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: hsla(211, 25%, 84%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, 0.4);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-gray-500);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-400);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  /* Popover content */
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  /* Base select */
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vg-gray-50);
  --vc-select-hover-bg: var(--vc-gray-100);
  --vc-select-border: var(--vc-gray-300);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-400);
}

/* Calendar attributes */

.vc-light.vc-attr,
  .vc-light .vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600);
  }

.vc-dark {
  /* Base */
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: hsla(216, 15%, 52%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / 0.7);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-accent-200);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-500);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  /* Popover content */
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  /* Base select */
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  --vc-select-border: var(--vc-gray-500);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-600);
}

/* Calendar attributes */

.vc-dark.vc-attr,
  .vc-dark .vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500);
  }

.vc-container {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.vc-container,
  .vc-container * {
    box-sizing: border-box;
  }

.vc-container:focus, .vc-container *:focus {
      outline: none;
    }

/* Hides double border within popovers */

.vc-container .vc-container {
    border: none;
  }

.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}

.vc-expanded {
  min-width: 100%;
}

.vc-transparent {
  background-color: transparent;
}

.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}

.vc-date-picker-content .vc-container {
    border: 0;
  }
/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}
.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}
[dir=rtl] {
  --transform-direction: -1;
}
.pwa-toast {
  position: fixed;
  inset-inline-end: 0;
  bottom: 0;
  max-width: 350px;
  margin: 16px;
  padding: 12px;
  border: 1px solid rgba(136, 136, 136, 0.3333333333);
  border-radius: 4px;
  z-index: 10;
  text-align: inset-inline-start;
  box-shadow: 3px 4px 5px 0 rgba(136, 136, 136, 0.3333333333);
}
.pwa-message {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}/* roboto-flex-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Roboto Flex Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url(/assets/DRTNI9VV.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-flex-cyrillic-wght-normal */
@font-face {
  font-family: 'Roboto Flex Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url(/assets/C9LxQtoz.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-flex-greek-wght-normal */
@font-face {
  font-family: 'Roboto Flex Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url(/assets/DeN4rzfy.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-flex-vietnamese-wght-normal */
@font-face {
  font-family: 'Roboto Flex Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url(/assets/Dfb42xSH.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-flex-latin-ext-wght-normal */
@font-face {
  font-family: 'Roboto Flex Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url(/assets/DdIPVSJ2.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-flex-latin-wght-normal */
@font-face {
  font-family: 'Roboto Flex Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url(/assets/C2pcyVKb.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* montserrat-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/rV1oiNxr.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/CHYi_LmU.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/BXWSX9tz.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* montserrat-latin-ext-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/BIVePy9u.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/BDA6280a.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* fira-code-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Fira Code Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/assets/CN0639WT.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* fira-code-cyrillic-wght-normal */
@font-face {
  font-family: 'Fira Code Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/assets/CWUSIOo3.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* fira-code-greek-ext-wght-normal */
@font-face {
  font-family: 'Fira Code Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/assets/B8D921GV.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* fira-code-greek-wght-normal */
@font-face {
  font-family: 'Fira Code Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/assets/ga5vWNon.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* fira-code-latin-ext-wght-normal */
@font-face {
  font-family: 'Fira Code Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/assets/BBU9H7uk.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* fira-code-latin-wght-normal */
@font-face {
  font-family: 'Fira Code Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/assets/D5jBWLYW.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}

.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}

[dir=rtl] {
  --transform-direction: -1;
}

.multiselect {
  position: relative;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  border: var(--ms-border-width, 1px) solid var(--ms-border-color, #D1D5DB);
  border-radius: var(--ms-radius, 4px);
  background: var(--ms-bg, #FFFFFF);
  font-size: var(--ms-font-size, 1rem);
  min-height: calc(2 * var(--ms-border-width, 1px) + var(--ms-font-size, 1rem) * var(--ms-line-height, 1.375) + 2 * var(--ms-py, 0.5rem));
}
.multiselect.is-open {
  border-radius: var(--ms-radius, 4px) var(--ms-radius, 4px) 0 0;
}
.multiselect.is-open-top {
  border-radius: 0 0 var(--ms-radius, 4px) var(--ms-radius, 4px);
}
.multiselect.is-disabled {
  cursor: default;
  background: var(--ms-bg-disabled, #F3F4F6);
}
.multiselect.is-active {
  border: var(--ms-border-width-active, var(--ms-border-width, 1px)) solid var(--ms-border-color-active, var(--ms-border-color, #D1D5DB));
  box-shadow: 0 0 0 var(--ms-ring-width, 3px) var(--ms-ring-color, rgba(16, 185, 129, 0.1882352941));
}

.multiselect-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  min-height: calc(2 * var(--ms-border-width, 1px) + var(--ms-font-size, 1rem) * var(--ms-line-height, 1.375) + 2 * var(--ms-py, 0.5rem));
}

.multiselect-multiple-label,
.multiselect-single-label,
.multiselect-placeholder {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: transparent;
  line-height: var(--ms-line-height, 1.375);
  padding-left: var(--ms-px, 0.875rem);
  padding-right: calc(1.25rem + var(--ms-px, 0.875rem) * 3);
  box-sizing: border-box;
  max-width: 100%;
}

.multiselect-placeholder {
  color: var(--ms-placeholder-color, #9CA3AF);
}

.multiselect-single-label-text {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.multiselect-search {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  outline: none;
  box-sizing: border-box;
  border: 0;
  appearance: none;
  font-size: inherit;
  font-family: inherit;
  background: var(--ms-bg, #FFFFFF);
  border-radius: var(--ms-radius, 4px);
  padding-left: var(--ms-px, 0.875rem);
}
.multiselect-search::-webkit-search-decoration, .multiselect-search::-webkit-search-cancel-button, .multiselect-search::-webkit-search-results-button, .multiselect-search::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.multiselect-tags {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-wrap: wrap;
  margin: var(--ms-tag-my, 0.25rem) 0 0;
  padding-left: var(--ms-py, 0.5rem);
  align-items: center;
  min-width: 0;
}

.multiselect-tag {
  background: var(--ms-tag-bg, #10B981);
  color: var(--ms-tag-color, #FFFFFF);
  font-size: var(--ms-tag-font-size, 0.875rem);
  line-height: var(--ms-tag-line-height, 1.25rem);
  font-weight: var(--ms-tag-font-weight, 600);
  padding: var(--ms-tag-py, 0.125rem) 0 var(--ms-tag-py, 0.125rem) var(--ms-tag-px, 0.5rem);
  border-radius: var(--ms-tag-radius, 4px);
  margin-right: var(--ms-tag-mx, 0.25rem);
  margin-bottom: var(--ms-tag-my, 0.25rem);
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-width: 0;
}
.multiselect-tag.is-disabled {
  padding-right: var(--ms-tag-px, 0.5rem);
  background: var(--ms-tag-bg-disabled, #9CA3AF);
  color: var(--ms-tag-color-disabled, #FFFFFF);
}

.multiselect-tag-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multiselect-tag-wrapper-break {
  white-space: normal;
  word-break: break-all;
}

.multiselect-tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--ms-tag-remove-py, 0.25rem) var(--ms-tag-remove-px, 0.25rem);
  margin: var(--ms-tag-remove-my, 0rem) var(--ms-tag-remove-mx, 0.125rem);
  border-radius: var(--ms-tag-remove-radius, 4px);
}
.multiselect-tag-remove:hover {
  background: rgba(0, 0, 0, 0.062745098);
}

.multiselect-tag-remove-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  opacity: 0.8;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}

.multiselect-tags-search-wrapper {
  display: inline-block;
  position: relative;
  margin: 0 var(--ms-tag-mx, 4px) var(--ms-tag-my, 4px);
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
}

.multiselect-tags-search-copy {
  visibility: hidden;
  white-space: pre-wrap;
  display: inline-block;
  height: 1px;
  width: 100%;
}

.multiselect-tags-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 0;
  appearance: none;
  outline: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  box-sizing: border-box;
  width: 100%;
  appearance: none;
}
.multiselect-tags-search::-webkit-search-decoration, .multiselect-tags-search::-webkit-search-cancel-button, .multiselect-tags-search::-webkit-search-results-button, .multiselect-tags-search::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.multiselect-inifite {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  min-height: calc(2 * var(--ms-border-width, 1px) + var(--ms-font-size, 1rem) * var(--ms-line-height, 1.375) + 2 * var(--ms-py, 0.5rem));
}

.multiselect-spinner,
.multiselect-inifite-spinner {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--ms-spinner-color, #10B981);
  width: 1rem;
  height: 1rem;
  z-index: 10;
  animation: multiselect-spin 1s linear infinite;
  flex-shrink: 0;
  flex-grow: 0;
}

.multiselect-spinner {
  margin: 0 var(--ms-px, 0.875rem) 0 0;
}

.multiselect-clear {
  padding: 0 var(--ms-px, 0.875rem) 0 0px;
  position: relative;
  z-index: 10;
  opacity: 1;
  transition: 0.3s;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
}
.multiselect-clear:hover .multiselect-clear-icon {
  background-color: var(--ms-clear-color-hover, #000000);
}

.multiselect-clear-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--ms-clear-color, #999999);
  width: 0.625rem;
  height: 1.125rem;
  display: inline-block;
  transition: 0.3s;
}

.multiselect-caret {
  transform: rotate(0deg);
  transition: 0.3s transform;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--ms-caret-color, #999999);
  width: 0.625rem;
  height: 1.125rem;
  margin: 0 var(--ms-px, 0.875rem) 0 0;
  position: relative;
  z-index: 10;
  flex-shrink: 0;
  flex-grow: 0;
  pointer-events: none;
}
.multiselect-caret.is-open {
  transform: rotate(180deg);
  pointer-events: auto;
}

.multiselect-dropdown {
  position: absolute;
  left: calc(var(--ms-border-width, 1px) * -1);
  right: calc(var(--ms-border-width, 1px) * -1);
  bottom: 0;
  transform: translateY(100%);
  border: var(--ms-dropdown-border-width, 1px) solid var(--ms-dropdown-border-color, #D1D5DB);
  margin-top: calc(var(--ms-border-width, 1px) * -1);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  background: var(--ms-dropdown-bg, #FFFFFF);
  display: flex;
  flex-direction: column;
  border-radius: 0 0 var(--ms-dropdown-radius, 4px) var(--ms-dropdown-radius, 4px);
  outline: none;
  max-height: var(--ms-max-height, 10rem);
}
.multiselect-dropdown.is-top {
  transform: translateY(-100%);
  top: var(--ms-border-width, 1px);
  bottom: auto;
  border-radius: var(--ms-dropdown-radius, 4px) var(--ms-dropdown-radius, 4px) 0 0;
}
.multiselect-dropdown.is-hidden {
  display: none;
}

.multiselect-options {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.multiselect-group {
  padding: 0;
  margin: 0;
}

.multiselect-group-label {
  padding: var(--ms-group-label-py, 0.3rem) var(--ms-group-label-px, 0.75rem);
  font-size: 0.875rem;
  font-weight: 600;
  background: var(--ms-group-label-bg, #E5E7EB);
  color: var(--ms-group-label-color, #374151);
  cursor: default;
  line-height: var(--ms-group-label-line-height, 1.375);
  display: flex;
  box-sizing: border-box;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.multiselect-group-label.is-pointable {
  cursor: pointer;
}
.multiselect-group-label.is-pointed {
  background: var(--ms-group-label-bg-pointed, #D1D5DB);
  color: var(--ms-group-label-color-pointed, #374151);
}
.multiselect-group-label.is-selected {
  background: var(--ms-group-label-bg-selected, #059669);
  color: var(--ms-group-label-color-selected, #FFFFFF);
}
.multiselect-group-label.is-disabled {
  background: var(--ms-group-label-bg-disabled, #F3F4F6);
  color: var(--ms-group-label-color-disabled, #D1D5DB);
  cursor: not-allowed;
}
.multiselect-group-label.is-selected.is-pointed {
  background: var(--ms-group-label-bg-selected-pointed, #0c9e70);
  color: var(--ms-group-label-color-selected-pointed, #FFFFFF);
}
.multiselect-group-label.is-selected.is-disabled {
  background: var(--ms-group-label-bg-selected-disabled, #75cfb1);
  color: var(--ms-group-label-color-selected-disabled, #D1FAE5);
}

.multiselect-group-options {
  padding: 0;
  margin: 0;
}

.multiselect-option {
  padding: var(--ms-option-py, 0.5rem) var(--ms-option-px, 0.75rem);
  font-size: var(--ms-option-font-size, 1rem);
  line-height: var(--ms-option-line-height, 1.375);
  cursor: pointer;
  display: flex;
  box-sizing: border-box;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.multiselect-option.is-pointed {
  background: var(--ms-option-bg-pointed, #F3F4F6);
  color: var(--ms-option-color-pointed, #1F2937);
}
.multiselect-option.is-selected {
  background: var(--ms-option-bg-selected, #10B981);
  color: var(--ms-option-color-selected, #FFFFFF);
}
.multiselect-option.is-disabled {
  background: var(--ms-option-bg-disabled, #FFFFFF);
  color: var(--ms-option-color-disabled, #D1D5DB);
  cursor: not-allowed;
}
.multiselect-option.is-selected.is-pointed {
  background: var(--ms-option-bg-selected-pointed, #26c08e);
  color: var(--ms-option-color-selected-pointed, #FFFFFF);
}
.multiselect-option.is-selected.is-disabled {
  background: var(--ms-option-bg-selected-disabled, #87dcc0);
  color: var(--ms-option-color-selected-disabled, #D1FAE5);
}

.multiselect-no-options,
.multiselect-no-results {
  padding: var(--ms-option-py, 0.5rem) var(--ms-option-px, 0.75rem);
  color: var(--ms-empty-color, #4B5563);
}

.multiselect-fake-input {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  border: 0;
  padding: 0;
  font-size: 0;
  outline: none;
}
.multiselect-fake-input:active, .multiselect-fake-input:focus {
  outline: none;
}

.multiselect-assistive-text {
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.multiselect-spacer {
  display: none;
}

[dir=rtl] .multiselect-multiple-label,
[dir=rtl] .multiselect-single-label,
[dir=rtl] .multiselect-placeholder {
  padding-right: var(--ms-px, 0.875rem);
  padding-left: calc(1.25rem + var(--ms-px, 0.875rem) * 3);
  left: auto;
  right: 0;
}
[dir=rtl] .multiselect-search {
  padding-left: 0;
  padding-right: var(--ms-px, 0.875rem);
}
[dir=rtl] .multiselect-tags {
  padding-left: 0;
  padding-right: var(--ms-py, 0.5rem);
}
[dir=rtl] .multiselect-tag {
  padding: var(--ms-tag-py, 0.125rem) var(--ms-tag-px, 0.5rem) var(--ms-tag-py, 0.125rem) 0;
  margin-right: 0;
  margin-left: var(--ms-tag-mx, 0.25rem);
}
[dir=rtl] .multiselect-tag.is-disabled {
  padding-left: var(--ms-tag-px, 0.5rem);
}
[dir=rtl] .multiselect-spinner,
[dir=rtl] .multiselect-caret {
  margin: 0 0 0 var(--ms-px, 0.875rem);
}
[dir=rtl] .multiselect-clear {
  padding: 0 0 0 var(--ms-px, 0.875rem);
}

@keyframes multiselect-spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}/*! mixins.scss | Vuero | Css ninja 2020-2024 */
/*! _variables.scss | Vuero | Css ninja 2020-2024 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
/*! colors.scss | Vuero | Css ninja 2020-2024 */
:root {
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --primary: oklch(66.67% 0.146 173.07deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 90%);
  --primary--dark-color: color-mix(in oklab, var(--primary), black 5%);
  --primary--light-color: color-mix(in oklab, var(--primary), white 90%);
  --link: #485fc7;
  --link--color-invert: color-mix(in oklab, var(--link), white 85%);
  --link--dark-color: color-mix(in oklab, var(--link), black 5%);
  --link--light-color: color-mix(in oklab, var(--link), white 90%);
  --info: #0398e2;
  --info--color-invert: color-mix(in oklab, var(--info), white 85%);
  --info--dark-color: color-mix(in oklab, var(--info), black 5%);
  --info--light-color: color-mix(in oklab, var(--info), white 90%);
  --success: #05d69e;
  --success--color-invert: color-mix(in oklab, var(--success), white 85%);
  --success--dark-color: color-mix(in oklab, var(--success), black 20%);
  --success--light-color: color-mix(in oklab, var(--success), white 90%);
  --warning: #faad42;
  --warning--color-invert: color-mix(in oklab, var(--warning), white 85%);
  --warning--dark-color: color-mix(in oklab, var(--warning), black 20%);
  --warning--light-color: color-mix(in oklab, var(--warning), white 90%);
  --danger: #e62864;
  --danger--color-invert: color-mix(in oklab, var(--danger), white 85%);
  --danger--dark-color: color-mix(in oklab, var(--danger), black 15%);
  --danger--light-color: color-mix(in oklab, var(--danger), white 90%);
  --dark: #222225;
  --dark--color-invert: color-mix(in oklab, var(--dark), white 85%);
  --dark--dark-color: color-mix(in oklab, var(--dark), black 15%);
  --dark--light-color: color-mix(in oklab, var(--dark), white 90%);
  --body-color: #f4f4f5;
  --title-grey: #a9abac;
  --background-grey: #fafafa;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: #dbdbdb;
  --dark-sidebar: #222225;
  --landing-xxx: #0b0d13;
  --landing-yyy: #191b2a;
  --smoke-white: #fcfcfc;
  --primary-grey: #ccc;
  --muted-grey: #999;
  --fade-grey: #ededed;
  --widget-grey: #f5f6fa;
  --placeholder: #cfcfcf;
  --dark-dark-text: #a9a9b2;
  --dark-text: #283252;
  --light-text: #a2a5b9;
  --secondary: #336aeb;
  --purple: #8168b1;
  --blue: #38c3ff;
  --red: #f82a5e;
  --orange: #ffa880;
  --yellow: #ffd770;
  --green: #94e189;
  --pink: #ff9eb8;
  --lime: #90e0d0;
}

.is-dark {
  --background-grey: color-mix(in oklab, var(--dark-sidebar), white 5%);
  --border: color-mix(in oklab, var(--dark-sidebar), white 12%);
  --dark-text: #fcfcfc;
  --placeload-nuance-from: rgb(255 255 255 / 15%);
  --placeload-nuance-to: rgb(255 255 255 / 24%);
  --primary: oklch(59.02% 0.146 172.62deg);
  --primary--color-invert: color-mix(in oklab, var(--primary), white 80%);
  --success: #1dc598;
  --warning: #e0a654;
  --danger: #ee3c74;
}

/*! shadows.scss | Vuero | Css ninja 2020-2024 */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(from var(--primary) h s l / 42%);
  --primary-shadow-to: hsl(from var(--primary) h s l / 20%);
  --primary-box-shadow:
    0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(from var(--secondary) h s l / 42%);
  --secondary-shadow-to: hsl(from var(--secondary) h s l / 20%);
  --secondary-box-shadow:
    0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(from var(--danger) h s l / 42%);
  --danger-shadow-to: hsl(from var(--danger) h s l / 20%);
  --danger-box-shadow:
    0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(from var(--warning) h s l / 42%);
  --warning-shadow-to: hsl(from var(--warning) h s l / 20%);
  --warning-box-shadow:
    0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(from var(--info) h s l / 42%);
  --info-shadow-to: hsl(from var(--info) h s l / 20%);
  --info-box-shadow:
    0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(from var(--success) h s l / 42%);
  --success-shadow-to: hsl(from var(--success) h s l / 20%);
  --success-box-shadow:
    0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(from var(--purple) h s l / 42%);
  --purple-shadow-to: hsl(from var(--purple) h s l / 20%);
  --purple-box-shadow:
    0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(from var(--blue) h s l / 42%);
  --blue-shadow-to: hsl(from var(--blue) h s l / 20%);
  --blue-box-shadow:
    0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(from var(--red) h s l / 42%);
  --red-shadow-to: hsl(from var(--red) h s l / 20%);
  --red-box-shadow:
    0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(from var(--orange) h s l / 42%);
  --orange-shadow-to: hsl(from var(--orange) h s l / 20%);
  --orange-box-shadow:
    0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(from var(--yellow) h s l / 42%);
  --yellow-shadow-to: hsl(from var(--yellow) h s l / 20%);
  --yellow-box-shadow:
    0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(from var(--green) h s l / 42%);
  --green-shadow-to: hsl(from var(--green) h s l / 20%);
  --green-box-shadow:
    0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
}

/*! radius.scss | Vuero | Css ninja 2020-2024 */
:root {
  --radius-small: 2px;
  --radius: 4px;
  --radius-large: 6px;
  --radius-rounded: 9999px;
}

/*! fonts.scss | Vuero | Css ninja 2020-2024 */
:root {
  --font: "Roboto Flex Variable", sans-serif;
  --font-alt: "Montserrat Variable", sans-serif;
  --font-monospace: "Fira Code Variable", monospace;
  --font-size: 14px;
}

/*! accessibility.scss | Vuero | Css ninja 2020-2024 */
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: color-mix(in oklab, var(--fade-grey), black 8%);
}
:root.is-dark {
  --accessibility-focus-outline-color: color-mix(in oklab, var(--dark-sidebar), white 25%);
  color-scheme: dark;
}

/*! rtl.scss | Vuero | Css ninja 2020-2024 */
:root {
  --transform-direction: 1;
}

[dir=rtl] {
  --transform-direction: -1;
}

.slider-target,
.slider-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.slider-target {
  position: relative;
}

.slider-base,
.slider-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.slider-connects {
  overflow: hidden;
  z-index: 0;
}

.slider-connect,
.slider-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.slider-txt-dir-rtl.slider-horizontal .slider-origin {
  left: 0;
  right: auto;
}

.slider-vertical .slider-origin {
  top: -100%;
  width: 0;
}

.slider-horizontal .slider-origin {
  height: 0;
}

.slider-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.slider-touch-area {
  height: 100%;
  width: 100%;
}

.slider-state-tap .slider-connect,
.slider-state-tap .slider-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.slider-state-drag * {
  cursor: inherit !important;
}

.slider-tooltip-focus .slider-tooltip,
.slider-tooltip-drag .slider-tooltip {
  display: none !important;
}

.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden),
.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),
.slider-tooltip-drag .slider-active .slider-tooltip {
  display: block !important;
}

.slider-horizontal {
  height: var(--slider-height, 6px);
}

.slider-horizontal .slider-handle {
  width: var(--slider-handle-width, 16px);
  height: var(--slider-handle-height, 16px);
  top: calc(((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + 1px) * -1);
  right: calc(var(--slider-handle-width, 16px) / 2 * -1);
}

.slider-vertical {
  width: var(--slider-height, 6px);
  height: var(--slider-vertical-height, 300px);
}

.slider-vertical .slider-handle {
  width: var(--slider-handle-height, 16px);
  height: var(--slider-handle-width, 16px);
  right: calc(((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + 1px) * -1);
  bottom: calc(var(--slider-handle-width, 16px) / 2 * -1);
}

.slider-txt-dir-rtl.slider-horizontal .slider-handle {
  left: calc(var(--slider-handle-width, 16px) / 2 * -1);
  right: auto;
}

.slider-base {
  background-color: var(--slider-bg, #D1D5DB);
  border-radius: var(--slider-radius, 9999px);
}

.slider-connects {
  border-radius: var(--slider-radius, 9999px);
}

.slider-connect {
  background: var(--slider-connect-bg, #10B981);
  cursor: pointer;
}

.slider-draggable {
  cursor: ew-resize;
}

.slider-vertical .slider-draggable {
  cursor: ns-resize;
}

.slider-handle {
  width: var(--slider-handle-width, 16px);
  height: var(--slider-handle-height, 16px);
  border-radius: var(--slider-handle-radius, 9999px);
  background: var(--slider-handle-bg, #fff);
  border: var(--slider-handle-border, 0);
  box-shadow: var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));
  cursor: grab;
}
.slider-handle:focus {
  outline: none;
  box-shadow: 0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.1882352941)), var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));
}

.slider-active {
  box-shadow: var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));
  cursor: grabbing;
}

[disabled] .slider-connect {
  background: var(--slider-connect-bg-disabled, #9CA3AF);
}

[disabled].slider-target,
[disabled].slider-handle,
[disabled] .slider-handle {
  cursor: not-allowed;
}

[disabled] .slider-tooltip {
  background: var(--slider-tooltip-bg-disabled, #9CA3AF);
  border-color: var(--slider-tooltip-bg-disabled, #9CA3AF);
}

.slider-tooltip {
  position: absolute;
  display: block;
  font-size: var(--slider-tooltip-font-size, 0.875rem);
  line-height: var(--slider-tooltip-line-height, 1.25rem);
  font-weight: var(--slider-tooltip-font-weight, 600);
  white-space: nowrap;
  padding: var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);
  min-width: var(--slider-tooltip-min-width, 20px);
  text-align: center;
  color: var(--slider-tooltip-color, #fff);
  border-radius: var(--slider-tooltip-radius, 5px);
  border: 1px solid var(--slider-tooltip-bg, #10B981);
  background: var(--slider-tooltip-bg, #10B981);
}

.slider-horizontal .slider-tooltip-top {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
}
.slider-horizontal .slider-tooltip-top:before {
  content: "";
  position: absolute;
  bottom: calc(var(--slider-tooltip-arrow-size, 5px) * -2);
  left: 50%;
  width: 0;
  height: 0;
  border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
  border-top-color: inherit;
  transform: translate(-50%);
}

.slider-horizontal .slider-tooltip-bottom {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
}
.slider-horizontal .slider-tooltip-bottom:before {
  content: "";
  position: absolute;
  top: calc(var(--slider-tooltip-arrow-size, 5px) * -2);
  left: 50%;
  width: 0;
  height: 0;
  border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
  border-bottom-color: inherit;
  transform: translate(-50%);
}

.slider-vertical .slider-tooltip-left {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
}
.slider-vertical .slider-tooltip-left:before {
  content: "";
  position: absolute;
  right: calc(var(--slider-tooltip-arrow-size, 5px) * -2);
  top: 50%;
  width: 0;
  height: 0;
  border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
  border-left-color: inherit;
  transform: translateY(-50%);
}

.slider-vertical .slider-tooltip-right {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  left: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
}
.slider-vertical .slider-tooltip-right:before {
  content: "";
  position: absolute;
  left: calc(var(--slider-tooltip-arrow-size, 5px) * -2);
  top: 50%;
  width: 0;
  height: 0;
  border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
  border-right-color: inherit;
  transform: translateY(-50%);
}

.slider-horizontal .slider-origin > .slider-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
}

.slider-horizontal .slider-origin > .slider-tooltip-top {
  bottom: calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) + 1px);
}

.slider-horizontal .slider-origin > .slider-tooltip-bottom {
  top: calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px);
}

.slider-vertical .slider-origin > .slider-tooltip {
  transform: translate(0, calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px));
  top: auto;
}

.slider-vertical .slider-origin > .slider-tooltip-left {
  right: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) - 1px);
}

.slider-vertical .slider-origin > .slider-tooltip-right {
  left: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px);
}.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.tippy-box{border:1px transparent}.tippy-box[data-placement^=top]>.tippy-arrow:after{border-top-color:inherit;border-width:8px 8px 0;bottom:-8px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:inherit;border-width:0 8px 8px;top:-8px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow:after{border-left-color:inherit;border-width:8px 0 8px 8px;right:-8px;top:0}.tippy-box[data-placement^=right]>.tippy-arrow:after{border-width:8px 8px 8px 0;left:-8px;top:0;border-right-color:inherit}.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child){top:17px}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child){bottom:17px}.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child){left:12px}.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child){right:12px}.tippy-arrow{border-color:inherit}.tippy-arrow:after{content:"";z-index:-1;position:absolute;border-color:transparent;border-style:solid}.tippy-box[data-placement^=top]>.tippy-backdrop{transform-origin:0 25%;border-radius:40% 40% 0 0}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-55%)}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop{transform-origin:0 -50%;border-radius:0 0 30% 30%}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop{transform-origin:50% 0;border-radius:50% 0 0 50%}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-75%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop{transform-origin:-50% 0;border-radius:0 50% 50% 0}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-25%,-50%)}.tippy-box[data-animatefill]{background-color:transparent!important}.tippy-backdrop{position:absolute;background-color:#333;border-radius:50%;width:calc(110% + 32px);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop[data-state=hidden]{opacity:0}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}