/*!

 * Javelle-compatible CSS bundle.
 * Includes upstream framework CSS v2.19.3 and flex add-ons.
 * Source: upstream framework repository.
 *
 * The MIT License (MIT)
 * 
 * Copyright (c) 2015-present Razvan Stoenescu
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */


/* * Normalizing -- forked from Normalize.css v8
 * */
*, *:before, *:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
}

html, body, #jv-app {
  width: 100%;
  direction: ltr;
}

html, body {
  margin: 0;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* * line 1: Remove the bottom border in Firefox 39-.
 * * lines 2,3: Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * * Remove the border on images inside links in IE 10.
 * */
img {
  border-style: none;
}

/* * line 1: Correct the inheritance and scaling of font size in all browsers.
 * * line 2: Correct the odd `em` font sizing in all browsers.
 * */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* * lines 1,2: Add the correct box sizing in Firefox.
 * * line 3: Show the overflow in Edge and IE.
 * */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* * Change font properties to `inherit` in all browsers (opinionated).
 * */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  font-family: inherit;
  margin: 0;
}

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

/* * Show the overflow in IE.
 * *  input: Show the overflow in Edge.
 * *  select: Show the overflow in Edge, Firefox, and IE.
 * * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * *  select: Remove the inheritance of text transform in Firefox.
 * */
button,
input,
select {
  overflow: visible;
  text-transform: none;
}

/* * Remove the inner border and padding in Firefox.
 * */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* * Restore the focus styles unset by the previous rule.
 * */
button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * * Correct the padding in Firefox.
 * */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * * lines 1,3,4,6: Correct the text wrapping in Edge and IE.
 * * line 2: Correct the color inheritance from `fieldset` elements in IE.
 * * line 5: Remove the padding so developers are not caught out when they zero out
 * *    `fieldset` elements in all browsers.
 * */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

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

/* * Remove the default vertical scrollbar in IE 10+.
 * */
textarea {
  overflow: auto;
}

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

j-fabric-icon,
.j-fabric-icon {
  --jv-fabric-icon-size: 1em;
  display: inline-flex;
  width: var(--jv-fabric-icon-size);
  height: var(--jv-fabric-icon-size);
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: currentColor;
  line-height: 1;
  vertical-align: middle;
}
j-fabric-icon > svg,
.j-fabric-icon > svg,
.j-fabric-icon__svg {
  display: block;
  width: 100%;
  height: 100%;
}
/* Expanded sigil mode — slightly thinner stroke for higher detail. */
j-fabric-icon.j-fabric-icon--expanded > svg,
.j-fabric-icon--expanded > svg {
  stroke-width: 1.6px;
}
.j-fabric-sigil--compact {
  shape-rendering: geometricPrecision;
}
.j-fabric-sigil--expanded {
  overflow: visible;
}
j-fabric-icon[data-fabric-role="constructive"],
.j-fabric-icon[data-fabric-role="constructive"] {
  color: var(--jv-fabric-constructive, #22c55e);
}
j-fabric-icon[data-fabric-role="destructive"],
.j-fabric-icon[data-fabric-role="destructive"] {
  color: var(--jv-fabric-destructive, #ef4444);
}
j-fabric-icon[data-fabric-role="transformative"],
.j-fabric-icon[data-fabric-role="transformative"] {
  color: var(--jv-fabric-transformative, #f59e0b);
}
j-fabric-icon[data-fabric-role="informational"],
.j-fabric-icon[data-fabric-role="informational"] {
  color: var(--jv-fabric-informational, #06b6d4);
}
j-fabric-icon[data-fabric-role="protective"],
.j-fabric-icon[data-fabric-role="protective"] {
  color: var(--jv-fabric-protective, #3b82f6);
}
j-fabric-icon[data-fabric-role="temporal"],
.j-fabric-icon[data-fabric-role="temporal"] {
  color: var(--jv-fabric-temporal, #8b5cf6);
}
j-fabric-icon[data-fabric-role="authoritative"],
.j-fabric-icon[data-fabric-role="authoritative"] {
  color: var(--jv-fabric-authoritative, #d4af37);
}
j-fabric-icon[data-fabric-role="verified"],
.j-fabric-icon[data-fabric-role="verified"] {
  color: var(--jv-fabric-verified, #f8fafc);
}
j-fabric-icon[data-fabric-role="private"],
.j-fabric-icon[data-fabric-role="private"] {
  color: var(--jv-fabric-private, #0f172a);
}

/* Fabric Icons — Motion grammar (spec §24). Animations express meaning. */
j-fabric-icon[data-fabric-animated="true"] > svg{
  transform-origin: 50% 50%;
  transform-box: fill-box;
}
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="create"] > svg,
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="add"] > svg{
  animation: jv-fabric-pulse-outward 1400ms ease-out infinite;
}
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="delete"] > svg,
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="remove"] > svg{
  animation: jv-fabric-collapse-inward 1400ms ease-in infinite;
}
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="verify"] > svg,
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="seal"] > svg{
  animation: jv-fabric-seal 1800ms ease-out infinite;
}
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="observe"] > svg,
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="search"] > svg,
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="pending"] > svg,
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="loading"] > svg{
  animation: jv-fabric-scan 1600ms linear infinite;
}
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="execute"] > svg,
j-fabric-icon[data-fabric-animated="true"][data-fabric-intent="send"] > svg{
  animation: jv-fabric-strike-forward 1400ms ease-out infinite;
}
j-fabric-icon[data-fabric-animated="true"][data-fabric-family="temporal"] > svg{
  animation: jv-fabric-orbit 3200ms linear infinite;
}
@keyframes jv-fabric-pulse-outward {
  0% { transform: scale(1); opacity: 1; }
  60% { transform: scale(1.08); opacity: 0.85; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes jv-fabric-collapse-inward {
  0% { transform: scale(1); opacity: 1; }
  60% { transform: scale(0.92); opacity: 0.65; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes jv-fabric-seal {
  0% { transform: scale(0.96); opacity: 0.85; }
  50% { transform: scale(1.03); opacity: 1; }
  100% { transform: scale(0.96); opacity: 0.85; }
}
@keyframes jv-fabric-scan {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes jv-fabric-strike-forward {
  0% { transform: translateX(-1px); opacity: 0.85; }
  60% { transform: translateX(1.5px); opacity: 1; }
  100% { transform: translateX(-1px); opacity: 0.85; }
}
@keyframes jv-fabric-orbit {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  j-fabric-icon[data-fabric-animated="true"] > svg{
    animation: none !important;
  }
}
.material-symbols-outlined,
.material-symbols-rounded{
  user-select: none;
  cursor: inherit;
  font-size: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

/* Components */
.jv-loading-bar {
  position: fixed;
  z-index: 9998;
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s;
  background: #f44336;
}

.jv-chip {
  vertical-align: middle;
  border-radius: 16px;
  outline: 0;
  position: relative;
  height: 2em;
  max-width: 100%;
  margin: 4px;
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  padding: 0.5em 0.9em;
}

@keyframes jv-circular-progress-circle {
  0% {
    stroke-dasharray: 1, 400;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -300;
  }
}
html.j-dialog-scroll-locked,
body.j-dialog-scroll-locked,
.jv-body--dialog {
  overflow: hidden;
  overscroll-behavior: none;
}

j-dialog-panel,
.j-dialog-panel {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 48px);
  max-height: min(90dvh, calc(100vh - 48px));
  min-height: 0;
  overflow: hidden;
}

j-dialog-header,
.j-dialog-header,
.j-dialog__header,
j-dialog-footer,
.j-dialog-footer,
.j-dialog-actions {
  flex: 0 0 auto;
}

j-dialog-header,
.j-dialog-header,
.j-dialog__header {
  display: flex;
  align-items: center;
  min-width: 0;
}

j-dialog-header > [data-jw-close],
j-dialog-header > [data-jv-close],
j-dialog-header > [data-jv-dialog-close],
.j-dialog-header > [data-jw-close],
.j-dialog-header > [data-jv-close],
.j-dialog-header > [data-jv-dialog-close],
.j-dialog__header > [data-jw-close],
.j-dialog__header > [data-jv-close],
.j-dialog__header > [data-jv-dialog-close]{
  margin-inline-start: auto;
}

j-dialog-content,
.j-dialog-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* needed for compilation */
@keyframes jv-expansion-done {
  0% {
    --jv-exp-done: 1;
  }
}

.jv-field {
  font-size: 14px;
}
.jv-field ::-ms-clear,
.jv-field ::-ms-reveal {
  display: none;
}
.jv-field__native{
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  border: none;
  border-radius: 0;
  background: none;
  color: rgba(0, 0, 0, 0.87);
  outline: 0;
  padding: 6px 0;
}
.jv-field__native{
  width: 100%;
  min-width: 0;
  outline: 0 !important;
  user-select: auto;
}
.jv-field__native:-webkit-autofill{
  -webkit-animation-name: jv-autofill;
  -webkit-animation-fill-mode: both;
}
.jv-field__native:invalid{
  box-shadow: none;
}
.jv-field__native[type=file] {
  line-height: 1em;
} .jv-field--auto-height .jv-field__native {
  min-height: 56px;
}
.jv-field--auto-height .jv-field__native {
  align-items: center;
}
.jv-field--auto-height .jv-field__native{
  line-height: 18px;
}

@keyframes jv-field-label {
  40% {
    margin-left: 2px;
  }
  60%, 80% {
    margin-left: -2px;
  }
  70%, 90% {
    margin-left: 2px;
  }
}
@keyframes jv-autofill {
  to {
    background: transparent;
    color: inherit;
  }
}

@keyframes jv-linear-progress--indeterminate {
  0% {
    transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
  }
  60% {
    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
  }
  100% {
    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
  }
}
@keyframes jv-linear-progress--indeterminate-short {
  0% {
    transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
  }
  60% {
    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
  }
  100% {
    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
  }
}

@keyframes jv-skeleton--fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes jv-skeleton--pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes jv-skeleton--pulse-x {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(0.75);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes jv-skeleton--pulse-y {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.75);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes jv-skeleton--wave {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes jv-spin {
  0% {
    transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */;
  }
  25% {
    transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
  }
  50% {
    transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
  }
  75% {
    transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */;
  }
  100% {
    transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */;
  }
}
@keyframes jv-mat-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

/* Directives */
.jv-ripple {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  color: inherit;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}

/* Plugins */
.jv-bottom-sheet {
  padding-bottom: 8px;
}
@keyframes jv-notif-badge {
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}
@keyframes jv-notif-progress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
/* Core */
/* * Animate.css additions
 * * Adapted from: https://github.com/animate-css/animate.css/blob/6828621a01e145119db6194dc9b4d37325b48aa5/source/_base.css
 * */
:root {
  --animate-duration: 0.3s;
  --animate-delay: 0.3s;
  --animate-repeat: 1;
}

.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}

@media print, (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animated[class*=Out] {
    opacity: 0;
  }
}

@keyframes jv-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes jv-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --jv-primary: #1976D2;
  --jv-secondary: #26A69A;
  --jv-accent: #9C27B0;
  --jv-positive: #21BA45;
  --jv-negative: #C10015;
  --jv-info: #31CCEC;
  --jv-warning: #F2C037;
  --jv-dark: #1d1d1d;
  --jv-dark-page: #121212;
}

.row, .column, .flex {
  display: flex;
  flex-wrap: wrap;
}
.row.inline, .column.inline, .flex.inline {
  display: inline-flex;
}

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

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

.wrap {
  flex-wrap: wrap;
}

.no-wrap {
  flex-wrap: nowrap;
}
@media (min-width: 0) { .row > .col-shrink, .flex > .col-shrink{
    width: auto;
    min-width: 0;
    max-width: 100%;
  } .column > .col-shrink, .flex > .col-shrink{
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
  .col-shrink{
    flex: 0 1 auto;
  }
}

.glossy {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important;
}

.scroll{
  overflow: auto;
}

.scroll{
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

.fixed,
.fixed-full,
.fullscreen,
.fixed-top{
  position: fixed;
}

.absolute{
  position: absolute;
}

.fixed-top{
  top: 0;
  left: 0;
  right: 0;
}

.fullscreen {
  z-index: 6000;
  border-radius: 0 !important;
  max-width: 100vw;
  max-height: 100vh;
} .fullscreen, .fixed-full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

:root {
  --jv-size-xs: 0;
  --jv-size-sm: 600px;
  --jv-size-md: 1024px;
  --jv-size-lg: 1440px;
  --jv-size-xl: 1920px;
}

.block {
  display: block !important;
}

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

:root {
  --jv-transition-duration: .3s;
}

body {
  min-width: 100px;
  min-height: 100%;
  font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  line-height: 1.5;
  font-size: 14px;
}

h1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 6rem;
  letter-spacing: -0.01562em;
}

h2 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 3.75rem;
  letter-spacing: -0.00833em;
}

h3 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.125rem;
  letter-spacing: normal;
}

h4 {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0.00735em;
}

h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: normal;
}

h6 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}

p {
  margin: 0 0 16px;
}

small {
  font-size: 80%;
}

big {
  font-size: 170%;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

.readonly {
  cursor: default !important;
}

.disabled,
.disabled *, [disabled],
[disabled] * {
  outline: 0 !important;
  cursor: not-allowed !important;
}

.disabled, [disabled] {
  opacity: 0.6 !important;
}

.hidden {
  display: none !important;
}

.transparent {
  background: transparent !important;
}

.z-max {
  z-index: 9998 !important;
}
@media (max-width: 599.98px) { .sm, .md, .lg, .xl {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 1023.98px) { .xs, .md, .lg, .xl {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439.98px) { .xs, .sm, .lg, .xl {
    display: none !important;
  }
}
@media (min-width: 1440px) and (max-width: 1919.98px) { .xs, .sm, .md, .xl {
    display: none !important;
  }
}
@media (min-width: 1920px) { .xs, .sm, .md, .lg{
    display: none !important;
  }
} .jv-hoverable {
  outline: 0;
}

body.body--dark {
  color: #fff;
  background: var(--jv-dark-page);
}

/* Framework flex add-ons */
@media (min-width: 0) {
  .flex-block, .flex-xs-block {
    display: block;
  }
  .flex-inline, .flex-xs-inline {
    display: inline-block;
  }
  .jv-pa-xs-none {
    padding: 0 0;
  }
  .jv-pl-xs-none {
    padding-left: 0;
  }
  .jv-pr-xs-none {
    padding-right: 0;
  }
  .jv-pt-xs-none {
    padding-top: 0;
  }
  .jv-pb-xs-none {
    padding-bottom: 0;
  }
  .jv-px-xs-none {
    padding-left: 0;
    padding-right: 0;
  }
  .jv-py-xs-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .jv-ma-xs-none {
    margin: 0 0;
  }
  .jv-ml-xs-none {
    margin-left: 0;
  }
  .jv-mr-xs-none {
    margin-right: 0;
  }
  .jv-mt-xs-none {
    margin-top: 0;
  }
  .jv-mb-xs-none {
    margin-bottom: 0;
  }
  .jv-mx-xs-none {
    margin-left: 0;
    margin-right: 0;
  }
  .jv-my-xs-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .jv-pa-xs-xs {
    padding: 4px 4px;
  }
  .jv-pl-xs-xs {
    padding-left: 4px;
  }
  .jv-pr-xs-xs {
    padding-right: 4px;
  }
  .jv-pt-xs-xs {
    padding-top: 4px;
  }
  .jv-pb-xs-xs {
    padding-bottom: 4px;
  }
  .jv-px-xs-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
  .jv-py-xs-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .jv-ma-xs-xs {
    margin: 4px 4px;
  }
  .jv-ml-xs-xs {
    margin-left: 4px;
  }
  .jv-mr-xs-xs {
    margin-right: 4px;
  }
  .jv-mt-xs-xs {
    margin-top: 4px;
  }
  .jv-mb-xs-xs {
    margin-bottom: 4px;
  }
  .jv-mx-xs-xs {
    margin-left: 4px;
    margin-right: 4px;
  }
  .jv-my-xs-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .jv-pa-xs-sm {
    padding: 8px 8px;
  }
  .jv-pl-xs-sm {
    padding-left: 8px;
  }
  .jv-pr-xs-sm {
    padding-right: 8px;
  }
  .jv-pt-xs-sm {
    padding-top: 8px;
  }
  .jv-pb-xs-sm {
    padding-bottom: 8px;
  }
  .jv-px-xs-sm {
    padding-left: 8px;
    padding-right: 8px;
  }
  .jv-py-xs-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .jv-ma-xs-sm {
    margin: 8px 8px;
  }
  .jv-ml-xs-sm {
    margin-left: 8px;
  }
  .jv-mr-xs-sm {
    margin-right: 8px;
  }
  .jv-mt-xs-sm {
    margin-top: 8px;
  }
  .jv-mb-xs-sm {
    margin-bottom: 8px;
  }
  .jv-mx-xs-sm {
    margin-left: 8px;
    margin-right: 8px;
  }
  .jv-my-xs-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .jv-pa-xs-md {
    padding: 16px 16px;
  }
  .jv-pl-xs-md {
    padding-left: 16px;
  }
  .jv-pr-xs-md {
    padding-right: 16px;
  }
  .jv-pt-xs-md {
    padding-top: 16px;
  }
  .jv-pb-xs-md {
    padding-bottom: 16px;
  }
  .jv-px-xs-md {
    padding-left: 16px;
    padding-right: 16px;
  }
  .jv-py-xs-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .jv-ma-xs-md {
    margin: 16px 16px;
  }
  .jv-ml-xs-md {
    margin-left: 16px;
  }
  .jv-mr-xs-md {
    margin-right: 16px;
  }
  .jv-mt-xs-md {
    margin-top: 16px;
  }
  .jv-mb-xs-md {
    margin-bottom: 16px;
  }
  .jv-mx-xs-md {
    margin-left: 16px;
    margin-right: 16px;
  }
  .jv-my-xs-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .jv-pa-xs-lg {
    padding: 24px 24px;
  }
  .jv-pl-xs-lg {
    padding-left: 24px;
  }
  .jv-pr-xs-lg {
    padding-right: 24px;
  }
  .jv-pt-xs-lg {
    padding-top: 24px;
  }
  .jv-pb-xs-lg {
    padding-bottom: 24px;
  }
  .jv-px-xs-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
  .jv-py-xs-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .jv-ma-xs-lg {
    margin: 24px 24px;
  }
  .jv-ml-xs-lg {
    margin-left: 24px;
  }
  .jv-mr-xs-lg {
    margin-right: 24px;
  }
  .jv-mt-xs-lg {
    margin-top: 24px;
  }
  .jv-mb-xs-lg {
    margin-bottom: 24px;
  }
  .jv-mx-xs-lg {
    margin-left: 24px;
    margin-right: 24px;
  }
  .jv-my-xs-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .jv-pa-xs-xl {
    padding: 48px 48px;
  }
  .jv-pl-xs-xl {
    padding-left: 48px;
  }
  .jv-pr-xs-xl {
    padding-right: 48px;
  }
  .jv-pt-xs-xl {
    padding-top: 48px;
  }
  .jv-pb-xs-xl {
    padding-bottom: 48px;
  }
  .jv-px-xs-xl {
    padding-left: 48px;
    padding-right: 48px;
  }
  .jv-py-xs-xl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .jv-ma-xs-xl {
    margin: 48px 48px;
  }
  .jv-ml-xs-xl {
    margin-left: 48px;
  }
  .jv-mr-xs-xl {
    margin-right: 48px;
  }
  .jv-mt-xs-xl {
    margin-top: 48px;
  }
  .jv-mb-xs-xl {
    margin-bottom: 48px;
  }
  .jv-mx-xs-xl {
    margin-left: 48px;
    margin-right: 48px;
  }
  .jv-my-xs-xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .jv-ml-xs-auto {
    margin-left: auto;
  }
  .jv-mr-xs-auto {
    margin-right: auto;
  }
  .jv-mx-xs-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .row-xs, .column-xs, .flex-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .row-xs.inline-xs, .column-xs.inline-xs, .flex-xs.inline-xs {
    display: inline-flex;
  }
  .row-xs {
    flex-direction: row;
  }
  .row-xs.reverse-xs {
    flex-direction: row-reverse;
  }
  .column-xs {
    flex-direction: column;
  }
  .column-xs.reverse-xs {
    flex-direction: column-reverse;
  }
  .wrap-xs {
    flex-wrap: wrap;
  }
  .no-wrap-xs {
    flex-wrap: nowrap;
  }
  .reverse-wrap-xs {
    flex-wrap: wrap-reverse;
  }
  .order-xs-first {
    order: -10000;
  }
  .order-xs-last {
    order: 10000;
  }
  .order-xs-none {
    order: 0;
  }
  .justify-xs-start {
    justify-content: flex-start;
  }
  .justify-xs-end {
    justify-content: flex-end;
  }
  .justify-xs-center, .flex-xs-center {
    justify-content: center;
  }
  .justify-xs-between {
    justify-content: space-between;
  }
  .justify-xs-around {
    justify-content: space-around;
  }
  .justify-xs-evenly {
    justify-content: space-evenly;
  }
  .items-xs-start {
    align-items: flex-start;
  }
  .items-xs-end {
    align-items: flex-end;
  }
  .items-xs-center, .flex-xs-center {
    align-items: center;
  }
  .items-xs-baseline {
    align-items: baseline;
  }
  .items-xs-stretch {
    align-items: stretch;
  }
  .content-xs-start {
    align-content: flex-start;
  }
  .content-xs-end {
    align-content: flex-end;
  }
  .content-xs-center {
    align-content: center;
  }
  .content-xs-between {
    align-content: space-between;
  }
  .content-xs-around {
    align-content: space-around;
  }
  .self-xs-start {
    align-self: flex-start;
  }
  .self-xs-end {
    align-self: flex-end;
  }
  .self-xs-center {
    align-self: center;
  }
  .self-xs-baseline {
    align-self: baseline;
  }
  .self-xs-stretch {
    align-self: stretch;
  }
  .jv-gutter-xs-x-none {
    margin-left: 0;
  }
  .jv-gutter-xs-x-none > * {
    margin-left: 0;
  }
  .jv-gutter-xs-y-none {
    margin-top: 0;
  }
  .jv-gutter-xs-y-none > * {
    margin-top: 0;
  }
  .jv-gutter-xs-none {
    margin-left: 0;
    margin-top: 0;
  }
  .jv-gutter-xs-none > * {
    margin-left: 0;
    margin-top: 0;
  }
  .jv-col-gutter-xs-x-none {
    margin-left: 0;
  }
  .jv-col-gutter-xs-x-none > * {
    padding-left: 0;
  }
  .jv-col-gutter-xs-y-none {
    margin-top: 0;
  }
  .jv-col-gutter-xs-y-none > * {
    padding-top: 0;
  }
  .jv-col-gutter-xs-none {
    margin-left: 0;
    margin-top: 0;
  }
  .jv-col-gutter-xs-none > * {
    padding-left: 0;
    padding-top: 0;
  }
  .jv-gutter-xs-x-xs {
    margin-left: -4px;
  }
  .jv-gutter-xs-x-xs > * {
    margin-left: 4px;
  }
  .jv-gutter-xs-y-xs {
    margin-top: -4px;
  }
  .jv-gutter-xs-y-xs > * {
    margin-top: 4px;
  }
  .jv-gutter-xs-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .jv-gutter-xs-xs > * {
    margin-left: 4px;
    margin-top: 4px;
  }
  .jv-col-gutter-xs-x-xs {
    margin-left: -4px;
  }
  .jv-col-gutter-xs-x-xs > * {
    padding-left: 4px;
  }
  .jv-col-gutter-xs-y-xs {
    margin-top: -4px;
  }
  .jv-col-gutter-xs-y-xs > * {
    padding-top: 4px;
  }
  .jv-col-gutter-xs-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .jv-col-gutter-xs-xs > * {
    padding-left: 4px;
    padding-top: 4px;
  }
  .jv-gutter-xs-x-sm {
    margin-left: -8px;
  }
  .jv-gutter-xs-x-sm > * {
    margin-left: 8px;
  }
  .jv-gutter-xs-y-sm {
    margin-top: -8px;
  }
  .jv-gutter-xs-y-sm > * {
    margin-top: 8px;
  }
  .jv-gutter-xs-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .jv-gutter-xs-sm > * {
    margin-left: 8px;
    margin-top: 8px;
  }
  .jv-col-gutter-xs-x-sm {
    margin-left: -8px;
  }
  .jv-col-gutter-xs-x-sm > * {
    padding-left: 8px;
  }
  .jv-col-gutter-xs-y-sm {
    margin-top: -8px;
  }
  .jv-col-gutter-xs-y-sm > * {
    padding-top: 8px;
  }
  .jv-col-gutter-xs-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .jv-col-gutter-xs-sm > * {
    padding-left: 8px;
    padding-top: 8px;
  }
  .jv-gutter-xs-x-md {
    margin-left: -16px;
  }
  .jv-gutter-xs-x-md > * {
    margin-left: 16px;
  }
  .jv-gutter-xs-y-md {
    margin-top: -16px;
  }
  .jv-gutter-xs-y-md > * {
    margin-top: 16px;
  }
  .jv-gutter-xs-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .jv-gutter-xs-md > * {
    margin-left: 16px;
    margin-top: 16px;
  }
  .jv-col-gutter-xs-x-md {
    margin-left: -16px;
  }
  .jv-col-gutter-xs-x-md > * {
    padding-left: 16px;
  }
  .jv-col-gutter-xs-y-md {
    margin-top: -16px;
  }
  .jv-col-gutter-xs-y-md > * {
    padding-top: 16px;
  }
  .jv-col-gutter-xs-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .jv-col-gutter-xs-md > * {
    padding-left: 16px;
    padding-top: 16px;
  }
  .jv-gutter-xs-x-lg {
    margin-left: -24px;
  }
  .jv-gutter-xs-x-lg > * {
    margin-left: 24px;
  }
  .jv-gutter-xs-y-lg {
    margin-top: -24px;
  }
  .jv-gutter-xs-y-lg > * {
    margin-top: 24px;
  }
  .jv-gutter-xs-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .jv-gutter-xs-lg > * {
    margin-left: 24px;
    margin-top: 24px;
  }
  .jv-col-gutter-xs-x-lg {
    margin-left: -24px;
  }
  .jv-col-gutter-xs-x-lg > * {
    padding-left: 24px;
  }
  .jv-col-gutter-xs-y-lg {
    margin-top: -24px;
  }
  .jv-col-gutter-xs-y-lg > * {
    padding-top: 24px;
  }
  .jv-col-gutter-xs-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .jv-col-gutter-xs-lg > * {
    padding-left: 24px;
    padding-top: 24px;
  }
  .jv-gutter-xs-x-xl {
    margin-left: -48px;
  }
  .jv-gutter-xs-x-xl > * {
    margin-left: 48px;
  }
  .jv-gutter-xs-y-xl {
    margin-top: -48px;
  }
  .jv-gutter-xs-y-xl > * {
    margin-top: 48px;
  }
  .jv-gutter-xs-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .jv-gutter-xs-xl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .jv-col-gutter-xs-x-xl {
    margin-left: -48px;
  }
  .jv-col-gutter-xs-x-xl > * {
    padding-left: 48px;
  }
  .jv-col-gutter-xs-y-xl {
    margin-top: -48px;
  }
  .jv-col-gutter-xs-y-xl > * {
    padding-top: 48px;
  }
  .jv-col-gutter-xs-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .jv-col-gutter-xs-xl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .row-xs > .col-0, .row-xs > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  .row-xs > .offset-0, .row-xs > .offset-xs-0 {
    margin-left: 0%;
  }
  .column-xs > .col-0, .column-xs > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-xs > .col-1, .row-xs > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-xs > .offset-1, .row-xs > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  .column-xs > .col-1, .column-xs > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-xs > .col-2, .row-xs > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-xs > .offset-2, .row-xs > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  .column-xs > .col-2, .column-xs > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-xs > .col-3, .row-xs > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  .row-xs > .offset-3, .row-xs > .offset-xs-3 {
    margin-left: 25%;
  }
  .column-xs > .col-3, .column-xs > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-xs > .col-4, .row-xs > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-xs > .offset-4, .row-xs > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  .column-xs > .col-4, .column-xs > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-xs > .col-5, .row-xs > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-xs > .offset-5, .row-xs > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  .column-xs > .col-5, .column-xs > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-xs > .col-6, .row-xs > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  .row-xs > .offset-6, .row-xs > .offset-xs-6 {
    margin-left: 50%;
  }
  .column-xs > .col-6, .column-xs > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-xs > .col-7, .row-xs > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-xs > .offset-7, .row-xs > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  .column-xs > .col-7, .column-xs > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-xs > .col-8, .row-xs > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-xs > .offset-8, .row-xs > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  .column-xs > .col-8, .column-xs > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-xs > .col-9, .row-xs > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  .row-xs > .offset-9, .row-xs > .offset-xs-9 {
    margin-left: 75%;
  }
  .column-xs > .col-9, .column-xs > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-xs > .col-10, .row-xs > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-xs > .offset-10, .row-xs > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  .column-xs > .col-10, .column-xs > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-xs > .col-11, .row-xs > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-xs > .offset-11, .row-xs > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  .column-xs > .col-11, .column-xs > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-xs > .col-12, .row-xs > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  .row-xs > .offset-12, .row-xs > .offset-xs-12 {
    margin-left: 100%;
  }
  .column-xs > .col-12, .column-xs > .col-xs-12 {
    height: 100%;
    width: auto;
  }
}

/* Javelle compatibility aliases and theme bridge. */
:root {
  --jv-primary: var(--jv-color-primary, #6750a4);
  --jv-secondary: var(--jv-color-secondary, #625b71);
  --jv-accent: var(--jv-color-accent, var(--jv-color-tertiary, #7d5260));
  --jv-positive: var(--jv-color-positive, #21ba45);
  --jv-negative: var(--jv-color-error, var(--jv-color-negative, #b3261e));
  --jv-info: var(--jv-color-info, #31ccec);
  --jv-warning: var(--jv-color-warning, #f2c037);
  --jv-dark: var(--jv-color-dark, #1d1d1d);
  --jv-dark-page: var(--jv-color-dark-page, #121212);
  --jv-space-none: 0;
  --jv-space-xs: 4px;
  --jv-space-sm: 8px;
  --jv-space-md: 16px;
  --jv-space-lg: 24px;
  --jv-space-xl: 48px;
}
[data-jv-if],
[v-if],
[data-jv-else-if],
[v-else-if],
[data-jv-else],
[v-else],
[data-jv-show]:not([data-jv-show-ready]),
[v-show]:not([data-jv-show-ready]) {
  display: none !important;
}