/*!

 * 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.
 */

*, *: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;
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}

img {
border-style: none;
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
font: inherit;
font-family: inherit;
margin: 0;
}

optgroup {
font-weight: bold;
}

button,
input,
select {
overflow: visible;
text-transform: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}

button:-moz-focusring, input:-moz-focusring {
outline: 1px dotted ButtonText;
}

fieldset {
padding: 0.35em 0.75em 0.625em;
}

legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}

progress {
vertical-align: baseline;
}

textarea {
overflow: auto;
}

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%;
}

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);
}

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-rounded{
user-select: none;
cursor: inherit;
font-size: inherit;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
}

.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-footer,
.j-dialog-actions {
flex: 0 0 auto;
}

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]{
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;
}

@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)  ;
}
25% {
transform: rotate3d(0, 0, 1, 90deg)  ;
}
50% {
transform: rotate3d(0, 0, 1, 180deg)  ;
}
75% {
transform: rotate3d(0, 0, 1, 270deg)  ;
}
100% {
transform: rotate3d(0, 0, 1, 359deg)  ;
}
}
@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;
}
}

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

.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);
}
}

: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;
}
.animated.fast {
animation-duration: calc(var(--animate-duration) * 0.8);
}

@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;
}
@media (min-width: 0) {
.row > .col, .flex > .col{
width: auto;
min-width: 0;
max-width: 100%;
}
.column > .col, .flex > .col{
height: auto;
min-height: 0;
max-height: 100%;
}
.col{
flex: 10000 1 0%;
}
}

.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;
}

.fit {
width: 100% !important;
height: 100% !important;
}

.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;
}
}

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

@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;
}
}

:root {
--jv-primary: var(--jv-color-primary, #1976d2);
--jv-secondary: var(--jv-color-secondary, #26a69a);
--jv-accent: var(--jv-color-accent, #9c27b0);
--jv-positive: var(--jv-color-positive, #21ba45);
--jv-negative: var(--jv-color-error, var(--jv-color-negative, #c10015));
--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;
}