@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
.repayments-tab-slider[data-v-03a02640] {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.repayments-tab-slider[data-v-03a02640] .va-input__label {
font-size: 19px;
font-weight: 700;
display: block;
width: 50%;
margin: 0 0 15px;
text-transform: none;
color: #271e61 !important;
order: -1;
}
.repayments-tab-slider[data-v-03a02640] .va-slider__input-wrapper {
font-size: 22px;
display: block;
width: 50%;
flex-grow: 1;
text-transform: none;
color: #271e61;
margin-bottom: 15px;
text-align: right;
margin-right: 0;
}
.repayments-tab-slider[data-v-03a02640] .va-slider__container {
min-height: 55px;
width: calc(100% - 60px);
}
.repayments-tab-slider[data-v-03a02640] .va-slider__track {
width: calc(100% + 60px);
background-color: transparent !important;
min-height: 55px;
}
.repayments-tab-slider[data-v-03a02640] .va-slider__track:after {
content: "";
position: absolute;
left: 31px;
width: calc(100% - 1px);
height: 100%;
background-color: #ebf2ff !important;
border-radius: 55px;
transform: translate(-31px);
}
.repayments-tab-slider[data-v-03a02640] .va-slider__track--selected.va-slider__track:after {
display: none;
}
.repayments-tab-slider[data-v-03a02640] .va-slider__handler {
min-height: 55px;
width: 55px;
border-radius: 55px 55px 55px 0;
background-color: #3e7cf2 !important;
border-color: #3e7cf2 !important;
margin-left: 30px;
position: relative;
}
.slider-icon-euro[data-v-03a02640] .va-slider__handler:after,
.slider-icon-calendar[data-v-03a02640] .va-slider__handler:after {
content: "";
position: absolute;
left: 0;
height: 17px;
width: 100%;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.slider-icon-euro[data-v-03a02640] .va-slider__handler:after {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.slider-icon-calendar[data-v-03a02640] .va-slider__handler:after {
-webkit-mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.repayments-tab-slider[data-v-03a02640] .va-slider__handler__dot--focus {
display: none;
}
.expanded-result[data-v-03a02640] {
font-weight: 700;
color: #000;
margin-top: 6px;
font-size: 16px;
}
.max-amount[data-v-03a02640] {
color: #3e7cf2;
font-weight: 700;
font-size: 16px;
margin-bottom: 24px;
}
[data-v-6d3abb3e] .va-input-wrapper__field {
margin-bottom: 20px;
background-color: #ebf2ff;
width: 100%;
min-width: 0;
padding: 12px 32px;
min-height: 55px;
}
.applicant-title[data-v-2bb15362] {
font-size: 19px;
line-height: 1;
display: block;
margin-bottom: 25px;
color: #3e7cf2;
}
@media (min-width: 1024px) {
.applicant-title[data-v-2bb15362] {
font-size: 25px;
}
}
.applicants-radiobuttons[data-v-3c9d941f] {
background-color: #ebf2ff;
padding: 8px;
display: inline-flex;
border-radius: 100px;
}
.applicants-radiobuttons[data-v-3c9d941f] .va-radio__square {
position: relative;
padding: 5px 24px;
border-radius: 100px;
cursor: pointer;
}
.applicants-radiobuttons[data-v-3c9d941f] .va-radio__square.va-radio--selected {
background-color: #3e7cf2;
color: #fff;
}
.applicants-radiobuttons[data-v-3c9d941f] .va-radio__text {
margin: 0;
font-size: 19px;
font-weight: 700;
}
.applicants-radiobuttons[data-v-3c9d941f] .va-radio__icon {
display: none;
}
.gross-annual-group[data-v-dab4ce47] {
margin-bottom: 46px;
}
.gross-annual-group[data-v-dab4ce47] .va-input-label {
flex-grow: 1;
display: block;
}
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__container {
margin-bottom: 0;
display: flex;
gap: 10px;
}
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__prepend-inner {
color: #3e7cf2;
font-weight: 700;
font-size: 24px;
}
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__append-inner {
order: -1;
flex-grow: 1;
flex-direction: column;
align-items: start;
}
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__append-inner label {
font-size: 19px;
font-weight: 700;
display: inline-block;
}
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__append-inner span {
font-size: 16px;
}
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__field {
padding: 0;
max-width: 100px;
min-width: 90px;
}
@media (min-width: 1024px) {
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__field {
max-width: 140px;
min-width: 140px;
}
}
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__text {
padding: 0;
}
.gross-annual-group[data-v-dab4ce47] .va-input-wrapper__text input {
color: #3e7cf2;
background-color: #ebf2ff;
font-size: 16px;
text-align: center;
padding: 13px;
}
.gross-annual-group[data-v-dab4ce47] .gross-annual-range {
display: flex;
justify-content: space-between;
gap: 10px;
}
.gross-annual-group[data-v-dab4ce47] .va-slider {
overflow-x: hidden;
}
.gross-annual-group[data-v-dab4ce47] .va-slider__container {
width: calc(100% - 24px);
}
.gross-annual-group[data-v-dab4ce47] .va-slider__track {
width: calc(100% + 24px);
background-color: transparent !important;
}
.gross-annual-group[data-v-dab4ce47] .va-slider__track.va-slider__track--selected {
background-color: #3e7cf2;
position: relative;
}
.gross-annual-group[data-v-dab4ce47] .va-slider__track:after {
content: "";
position: absolute;
left: 12px;
width: calc(100% - 1px);
height: 100%;
background-color: #ebf2ff;
border-radius: 10px;
transform: translate(-12px);
}
.gross-annual-group[data-v-dab4ce47] .va-slider__track--selected.va-slider__track:after {
background-color: #3e7cf2;
}
.gross-annual-group[data-v-dab4ce47] .va-slider__track--selected.va-slider__track:before {
content: "";
position: absolute;
right: -2px;
top: 0;
width: 7px;
height: 100%;
background-color: #3e7cf2;
border-radius: 8px;
}
.gross-annual-group[data-v-dab4ce47] .gross-annual-range .va-slider__handler {
min-height: 24px;
width: 24px;
border: 0;
border-radius: 24px;
background-color: #3e7cf2 !important;
position: absolute;
cursor: pointer;
margin-left: 12px;
}
.gross-annual-group[data-v-dab4ce47] .va-slider__handler__dot--focus {
display: none;
}
.gross-annual-group[data-v-dab4ce47] .btn-range {
flex-shrink: 0;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #ebf2ff;
border: 0;
font-weight: 900;
font-size: 16px;
color: #3e7cf2;
padding: 0;
position: relative;
cursor: pointer;
}
.gross-annual-group[data-v-dab4ce47] .btn-range i {
font-size: 23px !important;
}
.gross-annual-group[data-v-dab4ce47] .va-slider {
flex-grow: 1;
}
:root,
:host {
--va-icon-vertical-align: middle;
--va-icon-user-select: none;
}
.va-icon {
vertical-align: var(--va-icon-vertical-align);
-webkit-user-select: var(--va-icon-user-select);
-moz-user-select: var(--va-icon-user-select);
user-select: var(--va-icon-user-select);
}
.va-icon[role^="button"][tabindex]:not([tabindex^="-"]) {
cursor: pointer;
}
.va-icon[role^="button"][tabindex]:not([tabindex^="-"]):focus-visible {
outline: 2px solid var(--va-focus) !important;
border-radius: 2px;
}
.va-icon.va-icon {
font-style: normal;
}
.va-icon--spin {
animation: va-icon--spin-animation 1.5s linear infinite;
}
.va-icon--spin-reverse {
animation: va-icon--spin-animation 1.5s linear infinite;
animation-direction: reverse;
}
@keyframes va-icon--spin-animation {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.va-icon svg {
fill: currentColor;
height: 100%;
}
.va-message-list {
color: var(--va-message-list-color);
list-style: none;
}
.va-message-list__message {
display: flex;
align-items: center;
font-size: var(--va-message-list-font-size);
line-height: var(--va-message-list-line-height);
}
.va-message-list__icon {
margin-right: var(--va-message-list-icon-margin-right);
}
:root,
:host {
--va-message-list-icon-margin-right: 0.25rem;
--va-message-list-color: var(--va-secondary);
--va-message-list-font-size: 13px;
--va-message-list-line-height: 1.2rem;
--va-message-wrapper-margin-top: 0.5rem;
}
.va-message-list-wrapper .va-message-list {
margin-top: var(--va-message-wrapper-margin-top);
}
:root,
:host {
--va-progress-circle-position: relative;
--va-progress-circle-overflow: hidden;
--va-progress-circle-width: 80%;
--va-progress-circle-height: 80%;
--va-progress-circle-overlay-transition: all ease 2s;
--va-progress-circle-font-size: 0.75rem;
}
.va-progress-circle {
position: var(--va-progress-circle-position);
overflow: var(--va-progress-circle-overflow);
font-family: var(--va-font-family);
}
.va-progress-circle__wrapper {
position: absolute;
inset: 0;
margin: auto;
transform: rotate(-90deg);
width: var(--va-progress-circle-width);
height: var(--va-progress-circle-height);
display: flex;
justify-content: center;
align-items: center;
}
.va-progress-circle--indeterminate .va-progress-circle__wrapper {
animation: va-progress-circle__wrapper--indeterminate 2s linear infinite;
}
.va-progress-circle__overlay {
transition: var(--va-progress-circle-overlay-transition);
}
.va-progress-circle--indeterminate .va-progress-circle__overlay {
animation: va-progress-circle__overlay--indeterminate 2s ease-in-out infinite;
}
.va-progress-circle__info {
font-size: var(--va-progress-circle-font-size);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@keyframes va-progress-circle__wrapper--indeterminate {
to {
transform: rotate(270deg);
}
}
@keyframes va-progress-circle__overlay--indeterminate {
0% {
stroke-dasharray: 1, 125;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 125, 125;
stroke-dashoffset: -65px;
}
to {
stroke-dasharray: 125, 125;
stroke-dashoffset: -125px;
}
}
:root,
:host {
--va-button-display: inline-flex;
--va-button-justify-content: center;
--va-button-align-items: center;
--va-button-background-image: none;
--va-button-box-shadow: none;
--va-button-border-width: 0;
--va-button-border-color: unset;
--va-button-border-style: none;
--va-button-font-weight: 600;
--va-button-transition: none;
--va-button-padding: 0;
--va-button-cursor: pointer;
--va-button-sm-size: 1.5rem;
--va-button-sm-content-py: 0.25rem;
--va-button-sm-content-px: 0.375rem;
--va-button-sm-only-icon-content-px: 0.25rem;
--va-button-sm-font-size: 0.8125rem;
--va-button-sm-letter-spacing: 0;
--va-button-sm-line-height: 1rem;
--va-button-sm-border-radius: 0.125rem;
--va-button-sm-icon-side-padding: var(--va-button-sm-content-py);
--va-button-sm-icons-spacing: 0.125rem;
--va-button-size: 2.25rem;
--va-button-content-py: 0.5rem;
--va-button-content-px: 0.75rem;
--va-button-only-icon-content-px: 0.5rem;
--va-button-font-size: 1rem;
--va-button-letter-spacing: 0;
--va-button-line-height: 1.25rem;
--va-button-border-radius: 0.25rem;
--va-button-icon-side-padding: var(--va-button-content-py);
--va-button-icons-spacing: 0.25rem;
--va-button-lg-size: 3rem;
--va-button-lg-content-py: 0.75rem;
--va-button-lg-content-px: 1rem;
--va-button-lg-only-icon-content-px: 1rem;
--va-button-lg-font-size: 1.05rem;
--va-button-lg-letter-spacing: 0;
--va-button-lg-line-height: 1.5rem;
--va-button-lg-border-radius: 0.5rem;
--va-button-lg-icon-side-padding: var(--va-button-lg-content-py);
--va-button-lg-icons-spacing: 0.25rem;
--va-button-bordered-border: 1px;
--va-button-bordered-style: solid;
}
.va-button {
position: relative;
padding: var(--va-button-padding);
display: var(--va-button-display);
justify-content: var(--va-button-justify-content);
align-items: var(--va-button-align-items);
border-width: var(--va-button-border-width);
border-color: var(--va-button-border-color);
border-style: var(--va-button-border-style);
background-image: var(--va-button-background-image);
box-shadow: var(--va-button-box-shadow);
font-family: var(--va-font-family);
font-weight: var(--va-button-font-weight);
text-decoration: none;
text-transform: initial;
transition: var(--va-button-transition);
box-sizing: border-box;
cursor: var(--va-button-cursor);
z-index: 0;
vertical-align: top;
}
.va-button:after,
.va-button:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: inherit;
left: 0;
top: 0;
z-index: -1;
}
.va-button:before {
background: var(--va-background-color);
opacity: var(--va-background-color-opacity);
}
.va-button:after {
background-color: var(--va-background-mask-color);
opacity: var(--va-background-mask-opacity);
}
.va-button__content {
height: 100%;
display: flex;
align-items: center;
z-index: 1;
}
.va-button__content--loading {
opacity: 0;
}
.va-button--small {
line-height: var(--va-button-sm-line-height);
border-radius: var(--va-button-sm-border-radius);
letter-spacing: var(--va-button-sm-letter-spacing);
min-height: var(--va-button-sm-size);
min-width: var(--va-button-sm-size);
}
.va-button--small .va-button__content {
font-size: var(--va-button-sm-font-size);
padding: var(--va-button-sm-content-py) var(--va-button-sm-content-px);
}
.va-button--small .va-button__left-icon {
margin-right: var(--va-button-sm-icons-spacing);
}
.va-button--small .va-button__right-icon {
margin-left: var(--va-button-sm-icons-spacing);
}
.va-button--small.va-button--bordered .va-button__content {
padding-top: calc(var(--va-button-sm-content-py) - var(--va-button-bordered-border));
padding-bottom: calc(var(--va-button-sm-content-py) - var(--va-button-bordered-border));
}
.va-button--small.va-button--left-icon .va-button__content {
padding-left: var(--va-button-sm-icon-side-padding);
}
.va-button--small.va-button--right-icon .va-button__content {
padding-right: var(--va-button-sm-icon-side-padding);
}
.va-button--normal {
line-height: var(--va-button-line-height);
border-radius: var(--va-button-border-radius);
letter-spacing: var(--va-button-letter-spacing);
min-height: var(--va-button-size);
min-width: var(--va-button-size);
}
.va-button--normal .va-button__content {
font-size: var(--va-button-font-size);
padding: var(--va-button-content-py) var(--va-button-content-px);
line-height: var(--va-button-line-height);
}
.va-button--normal .va-button__left-icon {
margin-right: var(--va-gap-medium);
}
.va-button--normal .va-button__right-icon {
margin-left: var(--va-gap-medium);
}
.va-button--normal.va-button--bordered .va-button__content {
padding-top: calc(var(--va-button-content-py) - var(--va-button-bordered-border));
padding-bottom: calc(var(--va-button-content-py) - var(--va-button-bordered-border));
}
.va-button--large {
line-height: var(--va-button-lg-line-height);
border-radius: var(--va-button-lg-border-radius);
letter-spacing: var(--va-button-lg-letter-spacing);
min-height: var(--va-button-lg-size);
min-width: var(--va-button-lg-size);
}
.va-button--large .va-button__content {
font-size: var(--va-button-lg-font-size);
padding: var(--va-button-lg-content-py) var(--va-button-lg-content-px);
}
.va-button--large .va-button__left-icon {
margin-right: var(--va-button-lg-icons-spacing);
}
.va-button--large .va-button__right-icon {
margin-left: var(--va-button-lg-icons-spacing);
}
.va-button--large.va-button--bordered .va-button__content {
padding-top: calc(var(--va-button-lg-content-py) - var(--va-button-bordered-border));
padding-bottom: calc(var(--va-button-lg-content-py) - var(--va-button-bordered-border));
}
.va-button--large.va-button--left-icon .va-button__content {
padding-left: var(--va-button-lg-icon-side-padding);
}
.va-button--large.va-button--right-icon .va-button__content {
padding-right: var(--va-button-lg-icon-side-padding);
}
.va-button--small.va-button--icon-only .va-button__content,
.va-button--normal.va-button--icon-only .va-button__content,
.va-button--large.va-button--icon-only .va-button__content {
padding-right: 0;
padding-left: 0;
}
.va-button--plain {
min-width: auto;
min-height: auto;
}
.va-button--plain .va-button__content {
padding: 0;
z-index: unset;
}
.va-button--round {
border-radius: 999px;
}
.va-button--bordered {
border-width: var(--va-button-bordered-border);
border-style: var(--va-button-bordered-style);
}
.va-button.va-button--disabled {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.va-button--icon-only .va-button__left-icon,
.va-button--icon-only .va-button__right-icon {
margin-left: 0;
margin-right: 0;
}
.va-button--icon-only .va-button__content {
padding: 0;
}
.va-button:focus-visible {
outline: 2px solid var(--va-focus) !important;
border-radius: "inherit";
}
.va-button--loading {
pointer-events: none;
}
.va-button--block {
display: flex;
min-width: 100%;
}
.va-button__loader {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
:root,
:host {
--va-badge-py: 0;
--va-badge-font-size: 0.563rem;
--va-badge-border: 0.125rem;
--va-badge-size: calc(var(--va-badge-font-size) * var(--va-badge-line-height) + var(--va-badge-border) * 2);
--va-badge-line-height: 1.4;
--va-badge-margin: 0;
--va-badge-width: fit-content;
--va-badge-dot-size: 0.5rem;
--va-badge-text-wrapper-transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
--va-badge-text-wrapper-display: inline-flex;
--va-badge-text-wrapper-border: solid 0.125rem;
--va-badge-text-wrapper-border-radius: 0.125rem;
--va-badge-text-wrapper-font-weight: 700;
--va-badge-text-wrapper-line-height: 1.4;
--va-badge-text-wrapper-letter-spacing: 0.0375rem;
--va-badge-text-wrapper-justify-content: center;
--va-badge-text-wrapper-white-space: nowrap;
--va-badge-text-wrapper-width: min-content;
--va-badge-text-wrapper-height: auto;
--va-badge-text-wrapper-min-width: initial;
--va-badge-text-wrapper-min-height: initial;
--va-badge-text-wrapper-margin: 0;
--va-badge-text-transform: uppercase;
--va-badge-text-py: 0;
--va-badge-text-px: 0.25rem;
}
.va-badge {
display: inline-flex;
position: relative;
font-family: var(--va-font-family);
width: var(--va-badge-width);
}
.va-badge__text-wrapper {
transition: var(--va-badge-text-wrapper-transition, var(--va-transition));
display: var(--va-badge-text-wrapper-display);
border: var(--va-badge-text-wrapper-border, var(--va-control-border));
border-radius: var(--va-badge-text-wrapper-border-radius);
font-weight: var(--va-badge-text-wrapper-font-weight);
line-height: var(--va-badge-text-wrapper-line-height);
letter-spacing: var(--va-badge-text-wrapper-letter-spacing, var(--va-letter-spacing));
justify-content: var(--va-badge-text-wrapper-justify-content);
align-items: center;
white-space: var(--va-badge-text-wrapper-white-space);
width: var(--va-badge-text-wrapper-width);
height: var(--va-badge-text-wrapper-height);
min-width: var(--va-badge-text-wrapper-min-width);
min-height: var(--va-badge-text-wrapper-min-height);
margin: var(--va-badge-text-wrapper-margin);
}
.va-badge--visible-empty .va-badge__text-wrapper {
min-width: var(--va-badge-size);
min-height: var(--va-badge-size);
}
.va-badge--dot .va-badge__text-wrapper {
min-width: var(--va-badge-dot-size);
min-height: var(--va-badge-dot-size);
border-width: 0;
border-radius: 100%;
padding: 0;
}
.va-badge--empty .va-badge__text-wrapper {
width: 0;
height: 0;
min-width: 0;
min-height: 0;
border-width: 0;
}
.va-badge--multi-line .va-badge__text-wrapper {
white-space: normal;
}
.va-badge--floating .va-badge__text-wrapper {
position: absolute;
z-index: 2;
}
.va-badge__text {
margin: var(--va-badge-margin);
text-transform: var(--va-badge-text-transform);
overflow: hidden;
min-width: calc(var(--va-badge-font-size) * var(--va-badge-line-height));
padding: var(--va-badge-text-py) var(--va-badge-text-px);
text-align: center;
display: inline-flex;
justify-content: center;
text-overflow: clip;
white-space: nowrap;
font-size: var(--va-badge-font-size);
}
.va-badge--multi-line .va-badge__text {
overflow: auto;
max-height: initial;
text-align: initial;
text-overflow: initial;
white-space: normal;
}
.va-badge--dot .va-badge__text {
display: none;
}
.va-badge--floating .va-badge__text {
align-items: center;
padding: var(--va-badge-py) 0.15rem;
}
:root,
:host {
--va-dropdown-line-height: 1;
--va-dropdown-content-wrapper-z-index: var(--va-z-index-teleport-overlay, 9);
--va-dropdown-display: inline-flex;
}
.va-dropdown.va-headless-wrapper {
line-height: var(--va-dropdown-line-height);
display: var(--va-dropdown-display);
max-width: 100%;
vertical-align: middle;
}
.va-dropdown--disabled {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.va-dropdown__content-wrapper {
z-index: var(--va-dropdown-content-wrapper-z-index);
font-family: var(--va-font-family);
top: 0;
left: 0;
position: absolute;
}
:root,
:host {
--va-dropdown-content-padding: 0.5rem;
--va-dropdown-content-box-shadow: var(--va-box-shadow);
--va-dropdown-content-border-radius: 4px;
}
.va-dropdown__content {
overflow-y: auto;
padding: var(--va-dropdown-content-padding);
box-shadow: var(--va-dropdown-content-box-shadow);
border-radius: var(--va-dropdown-content-border-radius);
font-family: var(--va-font-family);
}
.va-input-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.625rem;
letter-spacing: 0.6px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
min-height: 1rem;
display: inline-block;
}
.va-input-label__required-mark {
transform: translateY(-2px);
color: var(--va-danger);
font-size: 1.2em;
font-weight: var(--va-input-container-label-font-weight);
vertical-align: middle;
}
:root,
:host {
--va-input-wrapper-width: var(--va-form-element-default-width);
--va-input-wrapper-color: var(--va-primary);
--va-input-wrapper-background: var(--va-background-element, #f5f9fb);
--va-input-wrapper-background-opacity: 1;
--va-input-wrapper-border-width: var(--va-form-element-border-width);
--va-input-wrapper-border-color: var(--va-background-border);
--va-input-wrapper-border-radius: var(--va-form-element-border-radius);
--va-input-wrapper-min-width: var(--va-form-element-min-width);
--va-input-wrapper-display: inline-block;
--va-input-wrapper-cursor: text;
--va-input-wrapper-min-height: 36px;
--va-input-wrapper-validation-background-opacity: 0.1;
--va-input-wrapper-counter-line-height: 1.5;
--va-input-wrapper-counter-font-size: 0.8rem;
--va-input-wrapper-counter-color: var(--va-secondary);
--va-input-wrapper-horizontal-padding: 0.5rem;
--va-input-wrapper-items-gap: 0.5rem;
--va-input-wrapper-success-background: var(--va-input-success-color);
--va-input-wrapper-error-background: var(--va-input-error-color);
}
.va-input-wrapper {
--va-input-wrapper-background: var(--va-background-computed);
--va-input-wrapper-color: var(--va-color-computed);
--va-input-wrapper-text-color: var(--va-text-color-computed);
cursor: var(--va-input-wrapper-cursor);
font-family: var(--va-font-family);
display: inline-block;
flex-direction: column;
vertical-align: middle;
min-width: auto;
max-width: 100%;
flex-grow: 0;
flex-shrink: 1;
}
.va-input-wrapper__fieldset {
border: none;
}
.va-input-wrapper__size-keeper {
width: var(--va-input-wrapper-width);
min-width: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
height: 100%;
}
.va-input-wrapper__container {
display: flex;
align-items: center;
gap: var(--va-input-content-items-gap);
flex: 1;
}
.va-input-wrapper__field {
position: relative;
display: flex;
align-items: center;
flex: 1;
min-height: var(--va-input-wrapper-min-height);
border-color: var(--va-input-wrapper-border-color);
border-style: solid;
border-width: var(--va-input-wrapper-border-width);
border-radius: var(--va-input-wrapper-border-radius);
padding: 0 var(--va-input-wrapper-horizontal-padding);
gap: var(--va-input-wrapper-items-gap);
overflow: hidden;
color: var(--va-text-color-computed);
align-self: stretch;
z-index: 0;
}
.va-input-wrapper__field:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: var(--va-input-wrapper-background);
opacity: var(--va-input-wrapper-background-opacity);
z-index: -1;
transition: all 0.3s ease-in-out;
}
.va-input-wrapper__field input,
.va-input-wrapper__field textarea {
color: inherit;
}
.va-input-wrapper > .va-message-list {
margin-top: 2px;
}
.va-input-wrapper__prepend-inner,
.va-input-wrapper__append-inner {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.va-input-wrapper__text {
width: 100%;
position: relative;
min-height: var(--va-input-line-height);
display: flex;
align-items: center;
align-self: stretch;
overflow: hidden;
caret-color: var(--va-input-wrapper-text-color);
color: var(--va-input-wrapper-text-color);
}
.va-input-wrapper__text input::-moz-placeholder,
.va-input-wrapper__text textarea::-moz-placeholder {
color: inherit;
opacity: 0.5;
}
.va-input-wrapper__text input::placeholder,
.va-input-wrapper__text textarea::placeholder {
color: inherit;
opacity: 0.5;
}
.va-input-wrapper__text input {
scrollbar-color: var(--va-input-scroll-color) transparent;
scrollbar-width: thin;
transition: scrollbar-color 0.3s ease-in-out;
width: 100%;
min-height: var(--va-input-line-height);
background-color: transparent;
border-style: none;
outline: none;
line-height: var(--va-input-line-height);
font-size: var(--va-input-font-size);
font-family: inherit;
font-weight: var(--va-input-font-weight);
font-style: var(--va-input-font-style);
font-stretch: var(--va-input-font-stretch);
letter-spacing: var(--va-input-letter-spacing);
cursor: inherit;
align-self: stretch;
}
.va-input-wrapper__text input::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.va-input-wrapper__text input::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 10px;
}
.va-input-wrapper__text input::-webkit-scrollbar-thumb {
background: var(--va-input-scroll-color);
opacity: 0.3;
border-radius: 2px;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.va-input-wrapper__icons {
display: flex;
align-items: center;
justify-content: center;
}
.va-input-wrapper__icons__reset:focus {
outline: 2px solid var(--va-focus) !important;
border-radius: 2px;
}
.va-input-wrapper__counter-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
color: var(--va-input-wrapper-counter-color);
font-size: var(--va-input-wrapper-counter-font-size);
line-height: var(--va-input-wrapper-counter-line-height);
}
.va-input-wrapper__label {
max-width: 100%;
width: 100%;
display: block;
}
.va-input-wrapper__label--inner {
position: absolute;
left: 0;
top: 0;
padding-top: 1px;
}
.va-input-wrapper__label--outer {
margin-bottom: 2px;
}
.va-input-wrapper--labeled-inner .va-input-wrapper__text {
padding-top: 12px;
box-sizing: content-box;
}
.va-input-wrapper--labeled-inner .va-input-wrapper__field {
height: calc(var(--va-input-wrapper-min-height) - var(--va-input-wrapper-border-width) * 2);
}
.va-input-wrapper--labeled-inner textarea {
margin-top: 0;
}
.va-input-wrapper--solid {
--va-input-wrapper-border-color: var(--va-input-color);
}
.va-input-wrapper--bordered .va-input-wrapper__field {
border-top-left-radius: var(--va-input-wrapper-border-radius);
border-top-right-radius: var(--va-input-wrapper-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
}
.va-input-wrapper--bordered .va-input-wrapper__field:after {
bottom: 0;
border-color: var(--va-input-wrapper-border-color);
border-bottom-style: solid;
}
.va-input-wrapper--error {
--va-input-wrapper-border-color: var(--va-input-wrapper-error-background, var(--va-danger));
--va-input-wrapper-background: var(--va-input-wrapper-error-background, var(--va-danger));
--va-input-wrapper-background-opacity: var(--va-input-wrapper-validation-background-opacity);
}
.va-input-wrapper--success {
--va-input-wrapper-border-color: var(--va-input-wrapper-success-background, var(--va-success));
--va-input-wrapper-background: var(--va-input-wrapper-success-background, var(--va-success));
--va-input-wrapper-background-opacity: var(--va-input-wrapper-validation-background-opacity);
}
.va-input-wrapper--focused {
--va-input-wrapper-border-color: var(--va-input-wrapper-color);
}
.va-input-wrapper--readonly {
cursor: default;
}
.va-input-wrapper--disabled {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.va-virtual-scroller {
overflow: auto;
width: 100%;
height: 100%;
}
.va-virtual-scroller__container {
position: relative;
overflow: hidden;
min-width: 100%;
min-height: 100%;
}
.va-virtual-scroller__list {
display: flex;
flex-direction: column;
}
.va-virtual-scroller--horizontal .va-virtual-scroller__list {
flex-direction: row;
}
.va-date-picker-cell {
position: relative;
color: var(--va-date-picker-text-color);
line-height: var(--va-date-picker-cell-size);
min-height: var(--va-date-picker-cell-size);
min-width: var(--va-date-picker-cell-size);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: var(--va-date-picker-cell-radius);
box-sizing: border-box;
text-align: center;
z-index: 1;
}
.va-date-picker-cell:after,
.va-date-picker-cell:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
z-index: -1;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
border-radius: var(--va-date-picker-cell-radius);
}
.va-date-picker-cell_clear {
cursor: default;
opacity: 0;
}
.va-date-picker-cell_highlighted-weekend {
color: var(--va-date-picker-weekends-color);
}
.va-date-picker-cell_in-range:after {
background-color: var(--va-bg);
opacity: var(--va-date-picker-cell-background-opacity-in-range);
}
.va-date-picker-cell_today {
font-weight: 700;
}
.va-date-picker-cell_today:before {
border: 2px solid var(--va-date-picker-color);
}
.va-date-picker-cell_selected {
background-color: var(--va-bg);
color: var(--va-text-color-computed);
}
.va-date-picker-cell_other-month {
opacity: var(--va-date-picker-cell-opacity);
}
.va-date-picker-cell:hover:not(.va-date-picker-cell_selected):not(.va-date-picker-cell_readonly):not(
.va-date-picker-cell_disabled
):not(.va-date-picker-cell_other-month):after,
.va-date-picker-cell_focused:not(.va-date-picker-cell_selected):not(.va-date-picker-cell_readonly):not(
.va-date-picker-cell_disabled
):not(.va-date-picker-cell_other-month):after,
.va-date-picker-cell_focused:hover:not(.va-date-picker-cell_selected):not(.va-date-picker-cell_readonly):not(
.va-date-picker-cell_disabled
):not(.va-date-picker-cell_other-month):after {
background-color: var(--va-date-picker-selected-background);
opacity: var(--va-date-picker-cell-background-opacity-hover);
}
.va-date-picker-cell_disabled {
cursor: not-allowed;
opacity: var(--va-date-picker-cell-opacity);
}
.va-date-picker-cell_disabled:not(.va-date-picker-cell_today) {
opacity: 0.5;
}
.va-date-picker-cell_disabled:after {
opacity: var(--va-date-picker-cell-opacity);
border: none;
height: 2px;
width: 50%;
background: currentColor;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.va-date-picker-cell_readonly {
cursor: default;
}
.va-day-picker {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-gap: var(--va-date-picker-cell-gap);
}
.va-day-picker__weekday {
height: var(--va-date-picker-cell-size);
color: var(--va-secondary);
text-align: center;
font-size: var(--va-date-picker-weekday-font-size);
font-weight: 700;
line-height: var(--va-date-picker-cell-size);
}
.va-date-picker {
color: currentColor;
}
.va-date-picker__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.va-date-picker__header__text {
color: currentColor;
}
.va-date-picker__header__month {
margin-left: 0.25rem;
}
.va-month-picker {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: var(--va-date-picker-cell-gap);
min-width: calc(var(--va-date-picker-cell-size) * 7 + var(--va-date-picker-cell-gap) * 6);
width: 100%;
}
.va-month-picker__month-wrapper {
border-radius: var(--va-date-picker-cell-radius);
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
}
.va-year-picker {
display: flex;
flex-direction: column;
overflow: auto;
grid-gap: var(--va-date-picker-cell-gap);
max-height: 100%;
position: relative;
scrollbar-color: var(--va-background-element) transparent;
scrollbar-width: thin;
transition: scrollbar-color 0.3s ease-in-out;
}
.va-year-picker::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.va-year-picker::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 10px;
}
.va-year-picker::-webkit-scrollbar-thumb {
background: var(--va-background-element);
opacity: 0.3;
border-radius: 2px;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
:root,
:host {
--va-date-picker-font-style: normal;
--va-date-picker-font-weight: 600;
--va-date-picker-font-size: 12px;
--va-date-picker-line-height: 1.25;
--va-date-picker-weekday-font-size: 9px;
--va-date-picker-color: var(--va-primary);
--va-date-picker-text-color: inherit;
--va-date-picker-cell-size: 32px;
--va-date-picker-cell-gap: 2px;
--va-date-picker-cell-radius: 4px;
--va-date-picker-selected-text: var(--va-text-inverted);
--va-date-picker-selected-background: var(--va-date-picker-color);
--va-date-picker-today-background: var(--va-date-picker-color);
--va-date-picker-today-background-opacity: 0.8;
--va-date-picker-weekends-color: var(--va-danger);
--va-date-picker-focused-border-color: var(--va-date-picker-color);
--va-date-picker-cell-opacity: 0.5;
--va-date-picker-cell-background-opacity-hover: 0.1;
--va-date-picker-cell-background-opacity-in-range: 0.2;
--va-date-picker-cell-selected-background-opacity-hover: 0.8;
}
.va-date-picker {
--va-date-picker-content-height: calc(var(--va-date-picker-cell-size) * 7 + var(--va-date-picker-cell-gap) * 6);
width: calc(var(--va-date-picker-cell-size) * 7 + var(--va-date-picker-cell-gap) * 6);
font-family: var(--va-font-family);
font-style: var(--va-date-picker-font-style);
font-weight: var(--va-date-picker-font-weight);
font-size: var(--va-date-picker-font-size);
line-height: var(--va-date-picker-line-height);
color: currentColor;
}
.va-date-picker__picker-wrapper {
height: var(--va-date-picker-content-height);
}
.va-date-picker_without-week-days {
--va-date-picker-content-height: calc(var(--va-date-picker-cell-size) * 6 + var(--va-date-picker-cell-gap) * 6);
}
.va-date-picker_mobile .va-day-picker,
.va-date-picker_mobile .va-month-picker,
.va-date-picker_mobile .va-year-picker {
height: 100%;
}
.va-date-picker_disabled {
opacity: 0.4;
position: relative;
}
.va-date-picker_disabled:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
z-index: 100;
}
.va-date-picker-header {
padding-bottom: 0.25rem;
}
.va-date-input {
--va-date-picker-cell-size: 28px;
font-family: var(--va-font-family);
}
.va-date-input__anchor {
flex: 1;
}
.va-date-input__input:-moz-read-only {
cursor: pointer;
}
.va-date-input__input:read-only {
cursor: pointer;
}
.va-date-input__dropdown-content {
display: flex;
justify-content: center;
}
.va-form {
font-family: var(--va-font-family);
}
:root,
:host {
--va-radio-display: inline-flex;
--va-radio-cursor: pointer;
--va-radio-position: relative;
--va-radio-gap: 0.5rem;
--va-radio-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
--va-radio-disabled-cursor: default;
--va-radio-border-color: var(--va-background-border);
--va-radio-background: transparent;
--va-radio-icon-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
--va-radio-icon-width: 1.4rem;
--va-radio-icon-height: 1.4rem;
--va-radio-icon-border-radius: 100%;
--va-radio-icon-border: var(--va-background-border) solid var(--va-form-element-border-width);
--va-radio-dot-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
--va-radio-dot-top: 50%;
--va-radio-dot-left: 50%;
--va-radio-dot-right: 50%;
--va-radio-dot-bottom: 50%;
--va-radio-dot-border-radius: 100%;
--va-radio-dot-background-color: inherit;
--va-radio-dot-opacity: 0;
--va-radio-background-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
--va-radio-background-top: -0.35rem;
--va-radio-background-left: -0.35rem;
--va-radio-background-right: -0.35rem;
--va-radio-background-bottom: -0.35rem;
--va-radio-background-background-color: var(--va-background-element);
--va-radio-background-border-radius: 100%;
--va-radio-background-z-index: 0;
--va-radio-background-opacity: 0;
--va-radio-text-display: inline-flex;
--va-radio-text-margin-left: 0.5rem;
--va-radio-text-margin-right: 0;
}
.va-radio {
display: flex;
width: -moz-max-content;
width: max-content;
flex-direction: var(--va-flex-direction);
gap: var(--va-radio-gap);
}
.va-radio__square {
display: inline-flex;
align-items: center;
width: 100%;
cursor: var(--va-radio-cursor);
position: var(--va-radio-position);
margin-top: var(--va-radio-margin-top);
margin-right: var(--va-radio-margin-right);
transition: var(--va-radio-transition, var(--va-swing-transition));
font-family: var(--va-font-family);
color: var(--va-label-style-color);
}
.va-radio + .va-radio {
margin-top: 0.5rem;
}
.va-radio .va-radio:last-child {
margin: 0;
}
.va-radio--disabled {
cursor: var(--va-radio-disabled-cursor);
}
.va-radio--readonly {
cursor: default;
pointer-events: none;
}
.va-radio--readonly .va-radio--left-label,
.va-radio--readonly .va-radio__text {
cursor: initial;
pointer-events: none;
}
.va-radio--left-label {
flex-direction: row-reverse;
display: inline-flex;
align-items: center;
}
.va-radio--left-label.va-radio__square {
justify-content: space-between;
}
.va-radio__input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
.va-radio__icon {
transition: var(--va-radio-icon-transition);
display: flex;
align-items: center;
width: var(--va-radio-icon-width);
height: var(--va-radio-icon-height);
border-color: var(--va-icon-computed-styles-border-color);
border-radius: var(--va-radio-icon-border-radius);
background: var(--va-radio-background);
position: relative;
border: var(--va-radio-icon-border);
box-sizing: border-box;
margin: 4px;
}
.va-radio__input:disabled + .va-radio__icon {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.va-radio__input:focus-visible + .va-radio__icon {
outline: 2px solid var(--va-focus) !important;
border-radius: "inherit";
}
.va-radio__icon__dot {
transition: var(--va-radio-dot-transition, var(--va-swing-transition));
position: absolute;
top: var(--va-radio-dot-top);
left: var(--va-radio-dot-left);
right: var(--va-radio-dot-right);
bottom: var(--va-radio-dot-bottom);
border-radius: var(--va-radio-dot-border-radius);
opacity: var(--va-radio-dot-opacity);
border-color: var(--va-icon-dot-computed-styles-border-color);
background-color: var(--va-icon-dot-computed-styles-background-color);
}
.va-radio__input:checked + .va-radio__icon .va-radio__icon__dot {
opacity: 1;
inset: 0.25rem;
}
.va-radio__icon__background {
transition: var(--va-radio-background-transition, var(--va-swing-transition));
position: absolute;
top: var(--va-radio-background-top);
left: var(--va-radio-background-left);
right: var(--va-radio-background-right);
bottom: var(--va-radio-background-bottom);
border-radius: var(--va-radio-background-border-radius);
z-index: var(--va-radio-background-z-index);
opacity: var(--va-radio-background-opacity);
background-color: var(--va-icon-background-computed-styles-background-color);
}
.va-radio__square:hover .va-radio__icon__background {
opacity: 0.2;
}
.va-radio--disabled .va-radio__square:hover .va-radio__icon__background {
opacity: 0;
}
.va-radio__text {
display: var(--va-radio-text-display);
margin-left: var(--va-radio-text-margin-left);
margin-right: var(--va-radio-text-margin-right);
white-space: nowrap;
}
.va-radio--disabled .va-radio__text {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.va-radio--left-label .va-radio__text {
margin-right: var(--va-radio-text-margin-left);
margin-left: var(--va-radio-text-margin-right);
}
:root,
:host {
--va-select-option-list-option-cursor: pointer;
--va-select-option-list-option-display: flex;
--va-select-option-list-option-align-items: center;
--va-select-option-list-option-padding: 0.375rem 0.75rem;
--va-select-option-list-option-min-height: 2.25rem;
--va-select-option-list-option-word-break: break-word;
--va-select-option-list-empty-block-padding: 0.375rem 0.75rem;
--va-select-option-list-option-icon-margin-right: 0.5rem;
--va-select-option-list-option-selected-icon-margin-left: auto;
--va-select-option-list-option-selected-icon-font-size: 0.8rem;
--va-select-option-list-option-disabled-opacity: 0.7;
--va-select-option-list-option-highlighted-color: var(--va-text-inverted);
--va-select-option-list-option-highlighted-background-color: var(--va-primary);
--va-select-option-list-option-highlighted-border-radius: 0.1rem;
--va-select-option-list-option-highlighted-margin: 0 1px;
--va-select-option-list-option-highlighted-padding: 0 1px;
--va-select-content-autocomplete-gap: 0.25rem;
--va-select-content-autocomplete-color: var(--va-text-primary);
--va-select-content-autocomplete-line-height: calc(var(--va-input-font-size) + 2px);
}
.va-select-option {
min-height: var(--va-select-option-list-option-min-height);
padding: var(--va-select-option-list-option-padding);
display: var(--va-select-option-list-option-display);
align-items: var(--va-select-option-list-option-align-items);
word-break: var(--va-select-option-list-option-word-break);
cursor: var(--va-select-option-list-option-cursor);
}
.va-select-option__icon {
margin-right: var(--va-select-option-list-option-icon-margin-right);
}
.va-select-option__selected-icon {
margin-left: var(--va-select-option-list-option-selected-icon-margin-left);
font-size: var(--va-select-option-list-option-selected-icon-font-size);
}
.va-select-option__highlighted {
color: var(--va-select-option-list-option-highlighted-color);
background-color: var(--va-select-option-list-option-highlighted-background-color);
border-radius: var(--va-select-option-list-option-highlighted-border-radius);
margin: var(--va-select-option-list-option-highlighted-margin);
padding: var(--va-select-option-list-option-highlighted-padding);
}
:root,
:host {
--va-select-option-list-width: 100%;
--va-select-option-list-max-height: 12.5rem;
--va-select-option-list-group-name-padding: 1rem 0.75rem 0.375rem;
--va-select-option-list-group-name-font-size: 0.6rem;
--va-select-option-list-group-name-color: var(--va-primary);
--va-select-option-list-group-name-font-weight: 700;
--va-select-option-list-group-name-text-transform: "uppercase";
--va-select-option-list-empty-padding: 0.5rem;
}
.va-select-option-list {
overflow: auto;
width: var(--va-select-option-list-width);
max-height: var(--va-select-option-list-max-height);
display: flex;
flex-direction: column;
font-family: var(--va-font-family);
scrollbar-color: var(--va-primary) transparent;
scrollbar-width: thin;
transition: scrollbar-color 0.3s ease-in-out;
}
.va-select-option-list--empty {
padding: var(--va-select-option-list-empty-block-padding);
}
.va-select-option-list::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.va-select-option-list::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 10px;
}
.va-select-option-list::-webkit-scrollbar-thumb {
background: var(--va-primary);
opacity: 0.3;
border-radius: 2px;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.va-select-option-list__group-name {
padding: var(--va-select-option-list-group-name-padding);
font-size: var(--va-select-option-list-group-name-font-size);
color: var(--va-select-option-list-group-name-color);
font-weight: var(--va-select-option-list-group-name-font-weight);
text-transform: var(--va-select-option-list-group-name-text-transform);
}
.va-select-content {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.va-select-content__autocomplete {
flex: 1 1;
margin-left: 0.25rem;
}
.va-select-content__autocomplete:first-child {
margin-left: 0;
}
.va-select-content__placeholder {
overflow: hidden !important;
flex: 1;
line-height: normal;
color: var(--va-input-placeholder-text-color);
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.va-select-content__separator {
white-space: pre;
}
.va-select-content__state-icon {
margin-left: var(--va-select-state-icon-margin-left);
}
:root,
:host {
--va-select-cursor: pointer;
--va-select-dropdown-background: var(--va-background-secondary);
--va-select-state-icon-margin-left: 0.25rem;
}
.va-select .va-input-wrapper__text {
line-height: normal;
flex-wrap: wrap;
}
.va-select-anchor__input {
cursor: var(--va-select-cursor);
height: -moz-min-content;
height: min-content;
}
.va-select-anchor--nowrap .va-input-wrapper__text {
flex-wrap: nowrap;
}
.va-select-dropdown__content {
overflow: hidden;
border-top-right-radius: 0;
border-top-left-radius: 0;
padding: 0;
}
.va-select-dropdown__content-search-input {
min-width: auto;
width: 100%;
}
.va-select-dropdown__options-wrapper {
background: var(--va-select-dropdown-background);
overflow-y: auto;
scrollbar-color: var(--va-background-element) transparent;
scrollbar-width: thin;
transition: scrollbar-color 0.3s ease-in-out;
}
.va-select-dropdown__options-wrapper::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.va-select-dropdown__options-wrapper::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 10px;
}
.va-select-dropdown__options-wrapper::-webkit-scrollbar-thumb {
background: var(--va-background-element);
opacity: 0.3;
border-radius: 2px;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
:root,
:host {
--va-slider-track-border-radius: 0.25rem;
--va-slider-track-transition: 0.5s ease-out;
--va-slider-track-opacity: 1;
--va-slider-pin-transition: background-color 0.3s ease-out 0.1s;
--va-slider-handler-width: 1.25rem;
--va-slider-handler-height: 1.25rem;
--va-slider-handler-background: var(--va-background-primary);
--va-slider-handler-border: 0.375rem solid;
--va-slider-handler-border-radius: 50%;
--va-slider-handler-outline: none !important;
--va-slider-handler-left: -0.375rem;
--va-slider-handler-transition: 0s;
--va-slider-dot-transform: translate(-0.625rem, -0.625rem);
--va-slider-dot-display: block;
--va-slider-dot-width: 1.75rem;
--va-slider-dot-height: 1.75rem;
--va-slider-dot-border-radius: 50%;
--va-slider-dot-opacity: 0.2;
--va-slider-dot-pointer-events: none;
--va-slider-dot-value-transform: translate(-50%, -100%);
--va-slider-dot-value-user-select: none;
--va-slider-dot-value-font-size: 0.625rem;
--va-slider-dot-value-letter-spacing: 0.6px;
--va-slider-dot-value-line-height: 1.2;
--va-slider-dot-value-font-weight: 700;
--va-slider-dot-value-text-transform: none;
--va-slider-dot-value-white-space: nowrap;
--va-slider-input-label-user-select: none;
--va-slider-input-label-font-size: 0.625rem;
--va-slider-input-label-letter-spacing: 0.6px;
--va-slider-input-label-line-height: 1.2;
--va-slider-input-label-font-weight: 700;
--va-slider-input-label-text-transform: uppercase;
--va-slider-input-label-inverse-user-select: none;
--va-slider-input-label-inverse-font-size: 0.625rem;
--va-slider-input-label-inverse-letter-spacing: 0.6px;
--va-slider-input-label-inverse-line-height: 1.2;
--va-slider-input-label-inverse-font-weight: 700;
--va-slider-input-label-inverse-text-transform: uppercase;
--va-slider-horizontal-input-wrapper-margin-right: 1rem;
--va-slider-horizontal-track-height: 0.5rem;
--va-slider-horizontal-track-width: 100%;
--va-slider-horizontal-handler-transform: translateX(-50%);
--va-slider-horizontal-dot-value-top: -8px;
--va-slider-horizontal-dot-value-left: 50%;
--va-slider-vertical-height: 100%;
--va-slider-vertical-padding: 12px 0 12px 0;
--va-slider-vertical-flex-direction: column;
--va-slider-vertical-align-items: center;
--va-slider-vertical-label-margin-bottom: 0.625rem;
--va-slider-vertical-label-inverse-left: -0.375rem;
--va-slider-vertical-label-inverse-margin-top: 0.625rem;
--va-slider-vertical-input-wrapper-max-width: 1rem;
--va-slider-vertical-input-wrapper-min-width: 2.5rem;
--va-slider-vertical-track-height: 100%;
--va-slider-vertical-track-width: 0.5rem;
--va-slider-vertical-track-bottom: 0;
--va-slider-vertical-handler-transform: translateY(50%);
--va-slider-vertical-dot-value-top: 0.625rem;
--va-slider-vertical-dot-value-left: 1.25rem;
}
.va-slider {
display: flex;
align-items: center;
font-family: var(--va-font-family);
}
.va-slider__input-wrapper {
position: relative;
display: flex;
}
.va-slider__container {
position: relative;
display: flex;
align-items: center;
cursor: grab;
}
.va-slider__track {
position: absolute;
border-radius: var(--va-slider-track-border-radius);
transition: var(--va-slider-track-transition);
opacity: var(--va-slider-track-opacity);
}
.va-slider__track--active {
transition: 0s;
}
.va-slider__track--selected {
opacity: 1;
}
.va-slider__handler {
position: absolute;
width: var(--va-slider-handler-width);
height: var(--va-slider-handler-height);
background: var(--va-slider-handler-background);
border: var(--va-slider-handler-border);
border-radius: var(--va-slider-handler-border-radius);
outline: var(--va-slider-handler-outline);
left: var(--va-slider-handler-left);
transition: var(--va-slider-handler-transition);
box-sizing: border-box;
}
.va-slider__handler__dot--focus {
transform: var(--va-slider-dot-transform);
display: block;
width: var(--va-slider-dot-width);
height: var(--va-slider-dot-height);
position: absolute;
border-radius: var(--va-slider-dot-border-radius);
opacity: var(--va-slider-dot-opacity);
pointer-events: var(--va-slider-dot-pointer-events);
}
.va-slider__handler__dot--value {
transform: var(--va-slider-dot-value-transform);
-webkit-user-select: var(--va-slider-dot-value-user-select);
-moz-user-select: var(--va-slider-dot-value-user-select);
user-select: var(--va-slider-dot-value-user-select);
font-size: var(--va-slider-dot-value-font-size);
letter-spacing: var(--va-slider-dot-value-letter-spacing);
line-height: var(--va-slider-dot-value-line-height);
font-weight: var(--va-slider-dot-value-font-weight);
text-transform: var(--va-slider-dot-value-text-transform);
white-space: var(--va-slider-dot-value-white-space);
}
.va-slider .va-input__label {
-webkit-user-select: var(--va-slider-input-label-user-select);
-moz-user-select: var(--va-slider-input-label-user-select);
user-select: var(--va-slider-input-label-user-select);
font-size: var(--va-slider-input-label-font-size);
letter-spacing: var(--va-slider-input-label-letter-spacing);
line-height: var(--va-slider-input-label-line-height);
font-weight: var(--va-slider-input-label-font-weight);
text-transform: var(--va-slider-input-label-text-transform);
}
.va-slider .va-input__label--inverse {
-webkit-user-select: var(--va-slider-input-label-inverse-user-select);
-moz-user-select: var(--va-slider-input-label-inverse-user-select);
user-select: var(--va-slider-input-label-inverse-user-select);
font-size: var(--va-slider-input-label-inverse-font-size);
letter-spacing: var(--va-slider-input-label-inverse-letter-spacing);
line-height: var(--va-slider-input-label-inverse-line-height);
font-weight: var(--va-slider-input-label-inverse-font-weight);
text-transform: var(--va-slider-input-label-inverse-text-transform);
}
.va-slider--grabbing .va-slider__container {
cursor: grabbing;
}
.va-slider--disabled {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.va-slider--disabled .va-slider__container,
.va-slider--readonly .va-slider__container {
cursor: default;
}
.va-slider--horizontal .va-slider__input-wrapper {
flex-basis: fit-content;
flex-grow: 0;
margin-right: var(--va-slider-horizontal-input-wrapper-margin-right);
}
.va-slider--horizontal .va-slider__input-wrapper:last-of-type {
margin-left: 1rem;
}
.va-slider--horizontal .va-slider__container {
width: 100%;
height: 1.5rem;
}
.va-slider--horizontal .va-slider__track {
height: var(--va-slider-horizontal-track-height);
width: var(--va-slider-horizontal-track-width);
}
.va-slider--horizontal .va-slider__mark {
position: absolute;
width: 0.125rem;
height: 0.75rem;
}
.va-slider--horizontal .va-slider__handler {
transform: var(--va-slider-horizontal-handler-transform);
}
.va-slider--horizontal .va-slider__handler--inactive {
transition: left 0.5s ease-out;
}
.va-slider--horizontal .va-slider__handler__dot--value {
position: absolute;
top: var(--va-slider-horizontal-dot-value-top);
left: var(--va-slider-horizontal-dot-value-left);
}
.va-slider--horizontal .va-input__label {
margin-right: 1rem;
}
.va-slider--horizontal .va-input__label--inverse {
margin-left: 1rem;
}
.va-slider--vertical {
height: var(--va-slider-vertical-height);
padding: var(--va-slider-vertical-padding);
flex-direction: var(--va-slider-vertical-flex-direction);
align-items: var(--va-slider-vertical-align-items);
}
.va-slider--vertical .va-input__label {
margin-bottom: var(--va-slider-vertical-label-margin-bottom);
}
.va-slider--vertical .va-input__label--inverse {
left: var(--va-slider-vertical-label-inverse-left);
margin-top: var(--va-slider-vertical-label-inverse-margin-top);
}
.va-slider--vertical .va-slider__input-wrapper {
flex-basis: fit-content;
flex-grow: 0;
max-width: var(--va-slider-vertical-input-wrapper-max-width);
min-width: var(--va-slider-vertical-input-wrapper-min-width);
position: relative;
display: flex;
}
.va-slider--vertical .va-slider__input-wrapper:last-of-type {
margin-top: 1rem;
}
.va-slider--vertical .va-slider__container {
height: 100%;
width: 0.5rem;
}
.va-slider--vertical .va-slider__track {
height: var(--va-slider-vertical-track-height);
width: var(--va-slider-vertical-track-width);
bottom: var(--va-slider-vertical-track-bottom);
}
.va-slider--vertical .va-slider__mark {
position: absolute;
width: 0.75rem;
height: 0.125rem;
left: -2px;
}
.va-slider--vertical .va-slider__handler {
transform: var(--va-slider-vertical-handler-transform);
}
.va-slider--vertical .va-slider__handler--inactive {
transition: bottom 0.5s ease-out;
}
.va-slider--vertical .va-slider__handler__dot--value {
position: relative;
top: var(--va-slider-vertical-dot-value-top);
left: var(--va-slider-vertical-dot-value-left);
}
:root,
:host {
--va-tabs-display: flex;
--va-tabs-align-items-horizontal: center;
--va-tabs-align-items-vertical: stretch;
--va-tabs-container-height: 2rem;
--va-tabs-container-margin: 0 3px;
--va-tabs-slider-width: 0.125rem;
--va-tabs-slider-height: 0.125rem;
--va-tabs-slider-transition: transform ease 0.3s;
--va-tabs-slider-wrapper-bottom: 0;
--va-tabs-slider-wrapper-margin: 0;
--va-tabs-slider-wrapper-z-index: 4000;
--va-tabs-slider-wrapper-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.va-tabs {
display: var(--va-tabs-display);
align-items: var(--va-tabs-align-items-horizontal);
flex-direction: column;
position: relative;
font-family: var(--va-font-family);
}
.va-tabs__wrapper {
overflow: hidden;
contain: content;
display: flex;
flex: 1 1 auto;
width: 100%;
}
.va-tabs .va-tabs__pagination {
flex: 0 0 auto;
}
.va-tabs .va-tabs__container {
overflow: hidden;
flex: 1 1 auto;
display: flex;
height: var(--va-tabs-container-height);
margin: var(--va-tabs-container-margin);
white-space: nowrap;
position: relative;
}
.va-tabs .va-tabs__container .va-tabs__tabs {
height: 100%;
}
.va-tabs .va-tabs__container .va-tabs__tabs-items {
display: flex;
}
.va-tabs .va-tabs__container--right {
justify-content: flex-end;
}
.va-tabs .va-tabs__container--grow .va-tabs__tabs {
display: flex;
min-width: 100%;
}
.va-tabs .va-tabs__container--grow .va-tabs__tabs-items {
width: 100%;
}
.va-tabs .va-tabs__container--grow .va-tab {
flex: 1 0 auto;
max-width: none;
}
.va-tabs .va-tabs__container--center {
justify-content: center;
}
.va-tabs .va-tabs__container--disabled {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.va-tabs--vertical {
align-items: var(--va-tabs-align-items-vertical);
flex-direction: row;
}
.va-tabs--vertical .va-tabs__wrapper {
flex: 0 0 auto;
width: unset;
}
.va-tabs--vertical .va-tabs__container {
height: auto;
}
.va-tabs--vertical .va-tabs__container .va-tabs__tabs-items {
flex-direction: column;
}
.va-tabs--vertical .va-tabs__container .va-tabs__tabs {
position: relative;
}
.va-tabs--vertical .va-tab {
display: flex;
}
.va-tabs--vertical .va-tab__content {
flex: 0 0 auto;
}
.va-tabs--vertical .va-tabs__content {
flex: 1 0 auto;
}
.va-tabs .va-tabs__slider-wrapper {
bottom: var(--va-tabs-slider-wrapper-bottom);
margin: var(--va-tabs-slider-wrapper-margin);
position: absolute;
z-index: var(--va-tabs-slider-wrapper-z-index);
}
.va-tabs .va-tabs__slider-wrapper .va-tabs__slider {
width: var(--va-tabs-slider-width);
height: var(--va-tabs-slider-height);
}
.va-tabs .va-button:focus-visible {
outline: 2px solid var(--va-focus) !important;
border-radius: "inherit";
outline-offset: -2px;
}
:root,
:host {
--va-tab-align-items: center;
--va-tab-display: inline-flex;
--va-tab-flex: 0 1 auto;
--va-tab-font-weight: 600;
--va-tab-line-height: normal;
--va-tab-height: inherit;
--va-tab-max-width: 264px;
--va-tab-text-align: center;
--va-tab-vertical-align: middle;
--va-tab-color: inherit;
--va-tab-content-align-items: center;
--va-tab-content-color: inherit;
--va-tab-content-display: flex;
--va-tab-content-flex: 1 1 auto;
--va-tab-content-height: 100%;
--va-tab-content-justify-content: center;
--va-tab-content-max-width: inherit;
--va-tab-content-text-decoration: none;
--va-tab-content-transition: $transition-primary;
--va-tab-content-user-select: none;
--va-tab-content-white-space: nowrap;
--va-tab-content-padding: 0.275rem 0.75rem;
--va-tab-content-cursor: pointer;
--va-tab-icon-margin-right: 0.5rem;
}
.va-tab {
align-items: var(--va-tab-align-items);
display: var(--va-tab-display);
flex: var(--va-tab-flex);
font-weight: var(--va-tab-font-weight);
line-height: var(--va-tab-line-height);
height: var(--va-tab-height);
max-width: var(--va-tab-max-width);
text-align: var(--va-tab-text-align);
vertical-align: var(--va-tab-vertical-align);
color: var(--va-tab-color);
}
.va-tab:focus-visible {
outline: 2px solid var(--va-focus) !important;
border-radius: 2px;
outline-offset: -2px;
}
.va-tab__content {
align-items: var(--va-tab-content-align-items);
color: var(--va-tab-content-color);
display: var(--va-tab-content-display);
flex: var(--va-tab-content-flex);
height: var(--va-tab-content-height);
justify-content: var(--va-tab-content-justify-content);
max-width: var(--va-tab-content-max-width);
-webkit-text-decoration: var(--va-tab-content-text-decoration);
text-decoration: var(--va-tab-content-text-decoration);
transition: var(--va-tab-content-transition);
-webkit-user-select: var(--va-tab-content-user-select);
-moz-user-select: var(--va-tab-content-user-select);
user-select: var(--va-tab-content-user-select);
white-space: var(--va-tab-content-white-space);
padding: var(--va-tab-content-padding);
cursor: var(--va-tab-content-cursor);
}
.va-tab__icon {
margin-right: var(--va-tab-icon-margin-right);
}
.va-tab.va-tab--disabled {
cursor: default;
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.application-form[data-v-734aaa50] {
width: 100%;
}
@media (min-width: 768px) {
.application-form[data-v-734aaa50] {
width: calc(50% - 17px);
}
}
.va-message-list-wrapper[data-v-734aaa50] {
margin-bottom: 30px;
}
[data-v-734aaa50] .va-input-label {
font-size: 19px;
font-weight: 700;
display: inline-block;
margin: 0 0 15px;
text-transform: none;
color: #271e61 !important;
}
[data-v-734aaa50] .va-input-wrapper,
[data-v-734aaa50] .va-input-wrapper__container {
min-width: 100%;
margin-bottom: 20px;
}
.va-slider[data-v-734aaa50] {
background: #000;
}
[data-v-734aaa50] .button-submit.va-button--normal {
min-height: 47px !important;
padding: 12px 32px;
color: #fff;
text-transform: uppercase;
font-weight: 800;
border-radius: 37px;
transition: 0.35s;
font-size: 20px;
border: 0;
cursor: pointer;
transition: all 0.3s ease;
letter-spacing: 0.12em;
}
.borrow-col-result[data-v-b78e8eb2] {
text-align: center;
margin: 50px 0 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
@media (min-width: 768px) {
.borrow-col-result[data-v-b78e8eb2] {
width: calc(50% - 17px);
}
}
.borrow-image[data-v-b78e8eb2] {
display: flex;
flex-direction: column;
justify-content: center;
}
.borrow-image img[data-v-b78e8eb2] {
max-width: 100%;
height: auto;
}
.borrow-subtitle[data-v-b78e8eb2] {
display: block;
margin-bottom: 32px;
line-height: 1.2;
font-weight: 600;
font-size: 16px;
}
.borrow-result[data-v-b78e8eb2] {
border-radius: 999px;
background-color: #3e7cf2;
display: inline-block;
padding: 10px 32px;
color: #fff;
font-size: 24px;
line-height: 1;
font-weight: 700;
min-width: 270px;
}
@media (min-width: 1024px) {
.borrow-result[data-v-b78e8eb2] {
font-size: 48px;
min-width: 350px;
}
}
@media (min-width: 1200px) {
.borrow-result[data-v-b78e8eb2] {
font-size: 65px;
min-width: 383px;
}
}
.cu-text[data-v-b78e8eb2] {
font-size: 16px;
color: #7a7a7a;
margin: 24px 0 35px;
text-align: center;
}
.cu-logo[data-v-b78e8eb2] {
width: 328px;
margin: 0 auto;
}
.cu-logo img[data-v-b78e8eb2] {
max-width: 100%;
height: auto;
}
.results-row[data-v-df159975] {
display: flex;
width: 100%;
}
.results-col[data-v-df159975] {
padding: 0 5px;
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
font-size: 16px;
font-weight: 700;
}
@media (min-width: 1024px) {
.results-col[data-v-df159975] {
font-size: 19px;
padding: 0 20px;
}
}
.results-col[data-v-df159975]:first-child {
border-right: 1px solid;
}
.payment-tabs[data-v-df159975] {
width: 100%;
}
@media (min-width: 768px) {
.payment-tabs[data-v-df159975] {
width: calc(50% - 17px);
}
}
.payment-label[data-v-df159975] {
font-size: 19px;
font-weight: 700;
display: inline-block;
margin: 0 0 15px;
color: #271e61;
}
.payment-tabs[data-v-df159975] .va-tabs__content {
width: 100%;
}
.payment-tabs[data-v-df159975] .va-tab {
width: 50%;
}
.payment-tabs[data-v-df159975] .va-tab__content {
display: block;
padding: 13px 15px;
background-color: #ebf2ff;
color: #271e61;
font-weight: 700;
font-size: 19px;
}
.payment-tabs[data-v-df159975] .va-tab[aria-selected="true"] .va-tab__content {
background-color: #3e7cf2;
color: #fff;
}
.loan-results-tab[data-v-df159975] {
background-color: #3e7cf2 !important;
color: #fff;
padding: 72px 20px 67px;
display: flex;
flex-direction: column;
align-items: center;
gap: 60px;
border-radius: 0 0 20px 20px;
box-shadow: 0 3.92px 5.92px #00000026;
opacity: 0;
transition: 0.35s;
opacity: 1;
}
@media (min-width: 1024px) {
.loan-results-tab[data-v-df159975] {
border-radius: 0 0 30px 30px;
}
}
.loan-results-tab .amount[data-v-df159975] {
font-size: 60px;
font-weight: 900;
line-height: 1.2;
}
@media (min-width: 1024px) {
.loan-results-tab .amount[data-v-df159975] {
font-size: 95px;
}
}
.application[data-v-b727b576] {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family:
Lato,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
max-width: 1176px;
margin: 0 auto;
background-color: #fff;
border-radius: 20px;
display: flex;
flex-direction: column;
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25));
padding: 32px 20px;
}
@media (min-width: 768px) {
.application[data-v-b727b576] {
padding: 32px;
border-radius: 32px;
}
}
@media (min-width: 1024px) {
.application[data-v-b727b576] {
padding: 47px 88px 58px;
}
}
.application[data-v-b727b576] .va-tabs__content {
width: 100%;
}
.application__calculator-tabs[data-v-b727b576] {
margin: 0 0 56px;
padding: 0;
display: flex;
flex-direction: column;
background-color: #ebf2ff;
border-radius: 37px;
width: 100%;
}
@media (min-width: 768px) {
.application__calculator-tabs[data-v-b727b576] {
flex-direction: row;
}
}
@media (min-width: 768px) {
.application__calculator-tab[data-v-b727b576] {
flex: 1 1 auto;
}
}
.application__calculator-tabs[data-v-b727b576] .va-tab__content {
font-weight: 900;
font-size: 16px;
line-height: 1;
border-radius: 37px;
}
@media (min-width: 1024px) {
.application__calculator-tabs[data-v-b727b576] .va-tab__content {
font-size: 22px;
}
}
.application__calculator-tabs[data-v-b727b576] .va-tab[aria-selected="true"] .va-tab__content {
background-color: #3e7cf2;
color: #fff;
}
.application__calculator-content-body[data-v-b727b576] {
display: flex;
gap: 34px;
flex-direction: column;
}
@media (min-width: 768px) {
.application__calculator-content-body[data-v-b727b576] {
flex-direction: row;
}
}
.calculator-quick-quote[data-v-b727b576] {
display: block;
text-align: center;
max-width: 808px;
margin-left: auto;
margin-right: auto;
padding: 35px 0 10px;
font-weight: 600;
font-size: 14px;
line-height: 1;
}
@media (min-width: 1024px) {
.calculator-quick-quote[data-v-b727b576] {
padding-top: 40px;
font-size: 17px;
}
}
.calculator-error[data-v-b727b576] {
display: block;
text-align: center;
max-width: 808px;
margin-left: auto;
margin-right: auto;
padding: 30px;
font-weight: 600;
font-size: 14px;
line-height: 1;
color: #f86759;
border: 2px solid #f86759;
margin-top: 40px;
}
@media (min-width: 1024px) {
.calculator-error[data-v-b727b576] {
font-size: 17px;
}
}
.va-link {
color: var(--va-link-color);
cursor: pointer;
font-family: var(--va-font-family);
}
.va-link:active {
color: var(--va-link-color);
filter: brightness(150%);
}
.va-link:visited {
color: var(--va-link-color);
filter: brightness(90%);
}
.va-link:hover {
color: var(--va-link-color);
filter: brightness(125%);
}
.va-link:focus-visible {
outline: 2px solid var(--va-focus) !important;
border-radius: 2px;
}
.va-link-secondary {
color: var(--va-link-color-secondary);
}
.va-title {
font-size: 0.625rem;
letter-spacing: 0.6px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
}
.va-title-info {
color: var(--va-info);
}
.va-title-danger {
color: var(--va-danger);
}
.va-title-warning {
color: var(--va-warning);
}
.va-text-bold {
font-weight: 700;
}
.va-text-highlighted {
background-color: var(--va-text-highlighted);
}
.va-text-left {
text-align: left !important;
}
.va-text-right {
text-align: right !important;
}
.va-text-center {
text-align: center !important;
}
.va-text-justify {
text-align: justify !important;
}
.va-text-uppercase {
text-transform: uppercase !important;
}
.va-text-lowercase {
text-transform: lowercase !important;
}
.va-text-capitalize {
text-transform: capitalize !important;
}
.va-text-no-wrap {
white-space: nowrap !important;
}
.va-text-truncate {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.va-text-code {
font-size: 14px;
color: var(--va-dark);
font-family: Source Code Pro;
background-color: var(--va-background);
padding: 0.1rem 0.2rem;
}
.va-text-primary {
color: var(--va-primary);
}
.va-text-secondary {
color: var(--va-secondary);
}
.va-text-warning {
color: var(--va-warning);
}
.va-text-success {
color: var(--va-success);
}
.va-text-danger {
color: var(--va-danger);
}
.va-text-info {
color: var(--va-info);
}
.va-text-text-primary {
color: var(--va-text-primary);
}
.va-text-text-inverted {
color: var(--va-text-inverted);
}
.va-code-snippet {
font-size: 14px;
color: #fff;
padding: 1rem;
font-family: Source Code Pro;
background-color: #34495e;
}
.va-blockquote,
.va-typography-block blockquote {
border-left: 0.25rem solid var(--va-primary);
border-radius: 0.125rem;
padding: 0.4rem 0 0.4rem 0.8rem;
color: var(--va-secondary);
}
.va-blockquote p,
.va-typography-block blockquote p {
margin-bottom: 0.5rem;
}
.va-blockquote p:last-child,
.va-typography-block blockquote p:last-child {
margin-bottom: 0;
}
.va-h1 {
color: currentColor;
font-size: 3rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 3.5rem;
}
.va-h2 {
color: currentColor;
font-size: 2.5rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 3rem;
}
.va-h3 {
color: currentColor;
font-size: 2rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 2.5rem;
}
.va-h4 {
color: currentColor;
font-size: 1.75rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 2rem;
}
.va-h5 {
color: currentColor;
font-size: 1.5rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 1.75rem;
}
.va-h6 {
color: currentColor;
font-size: 1.25rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 1.5rem;
}
ul.va-unordered {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
font-family: var(--va-font-family);
}
ul.va-unordered > li {
list-style: none;
padding: 0 1rem;
position: relative;
}
ul.va-unordered > li:before {
content: "";
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
margin-top: 0.5rem;
background-color: var(--va-li-background);
}
ul.va-unordered ul.va-unordered,
ul.va-unordered ol.va-ordered {
margin-bottom: 0;
margin-top: 0;
}
ol.va-ordered {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
font-family: var(--va-font-family);
counter-reset: olCounter;
}
ol.va-ordered > li {
list-style: none;
padding: 0 1rem;
position: relative;
}
ol.va-ordered > li:before {
counter-increment: olCounter;
content: counter(olCounter) ". ";
display: inline-block;
min-width: 0.75rem;
height: 0.75rem;
position: relative;
right: 1rem;
margin-right: -0.75rem;
}
ol.va-ordered ul.va-unordered,
ol.va-ordered ol.va-ordered {
margin-bottom: 0;
margin-top: 0;
}
.va-table th,
.va-table td {
text-align: left;
padding: 0.625rem;
}
.va-table th {
font-size: 0.625rem;
letter-spacing: 0.6px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
color: currentColor;
border-bottom: 2px solid currentColor;
}
.va-table td {
vertical-align: top;
}
.va-table--striped tr:nth-child(2n) td {
background-color: var(--va-background-element);
}
.va-table--hoverable tr:hover td {
background-color: var(--va-background-element);
}
.va-table--clickable td {
cursor: pointer;
}
.va-text-block {
padding: 1.2rem;
background-color: var(--va-background-element);
color: var(--va-on-background-element, currentColor);
}
hr.va-separator {
height: 2px;
background-color: var(--va-divider);
border: none;
}
p.va-paragraph {
font-size: 1rem;
margin-top: 0;
margin-bottom: 1rem;
}
*,
.va-typography-block {
font-family: var(--va-font-family);
}
.va-typography-block h1 {
color: currentColor;
font-size: 3rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 3.5rem;
}
.va-typography-block h2 {
color: currentColor;
font-size: 2.5rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 3rem;
}
.va-typography-block h3 {
color: currentColor;
font-size: 2rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 2.5rem;
}
.va-typography-block h4 {
color: currentColor;
font-size: 1.75rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 2rem;
}
.va-typography-block h5 {
color: currentColor;
font-size: 1.5rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 1.75rem;
}
.va-typography-block h6 {
color: currentColor;
font-size: 1.25rem;
margin: 0.5rem 0;
font-weight: 700;
line-height: 1.5rem;
}
.va-typography-block i:not([class^="va"]) {
font-style: italic;
}
.va-typography-block p {
font-size: 1rem;
margin-top: 0;
margin-bottom: 1rem;
}
.va-typography-block pre {
margin-bottom: 1rem;
overflow-x: auto;
white-space: inherit;
word-wrap: normal;
scrollbar-color: var(--va-primary) transparent;
scrollbar-width: thin;
transition: scrollbar-color 0.3s ease-in-out;
}
.va-typography-block pre::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.va-typography-block pre::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 10px;
}
.va-typography-block pre::-webkit-scrollbar-thumb {
background: var(--va-primary);
opacity: 0.3;
border-radius: 2px;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.va-typography-block pre.code {
font-size: 14px;
color: #fff;
padding: 1rem;
font-family: Source Code Pro;
background-color: #34495e;
}
.va-typography-block code {
display: inline-block;
word-wrap: break-word;
}
.va-typography-block strong,
.va-typography-block b {
font-weight: 700;
}
.va-typography-block ol:not([class^="va"]) {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
font-family: var(--va-font-family);
counter-reset: olCounter;
}
.va-typography-block ol:not([class^="va"]) > li {
list-style: none;
padding: 0 1rem;
position: relative;
}
.va-typography-block ol:not([class^="va"]) > li:before {
counter-increment: olCounter;
content: counter(olCounter) ". ";
display: inline-block;
min-width: 0.75rem;
height: 0.75rem;
position: relative;
right: 1rem;
margin-right: -0.75rem;
}
.va-typography-block ul:not([class^="va"]) {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
font-family: var(--va-font-family);
}
.va-typography-block ul:not([class^="va"]) > li {
list-style: none;
padding: 0 1rem;
position: relative;
}
.va-typography-block ul:not([class^="va"]) > li:before {
content: "";
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
margin-top: 0.5rem;
background-color: var(--va-li-background);
}
.va-typography-block figure {
border-radius: 0;
border: none;
box-sizing: border-box;
box-shadow: 0 4px 70px -18px #707070;
word-wrap: break-word;
}
.va-typography-block figure figcaption {
flex: 1 1 auto;
padding: 1.25rem;
}
.va-typography-block figure p:last-child {
margin-bottom: 0;
}
.va-typography-block table th,
.va-typography-block table td {
text-align: left;
padding: 0.625rem;
}
.va-typography-block table th {
font-size: 0.625rem;
letter-spacing: 0.6px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
color: currentColor;
border-bottom: 2px solid currentColor;
}
.va-typography-block table td {
vertical-align: top;
}
.va-typography-block table--striped tr:nth-child(2n) td {
background-color: var(--va-background-element);
}
.va-typography-block table--hoverable tr:hover td {
background-color: var(--va-background-element);
}
.va-typography-block table--clickable td {
cursor: pointer;
}
.va-typography-block a:not([class^="va"]) {
color: var(--va-link-color);
cursor: pointer;
font-family: var(--va-font-family);
}
.va-typography-block a:not([class^="va"]):active {
color: var(--va-link-color);
filter: brightness(150%);
}
.va-typography-block a:not([class^="va"]):visited {
color: var(--va-link-color);
filter: brightness(90%);
}
.va-typography-block a:not([class^="va"]):hover {
color: var(--va-link-color);
filter: brightness(125%);
}
.va-typography-block a:not([class^="va"]):focus-visible {
outline: 2px solid var(--va-focus) !important;
border-radius: 2px;
}
.none {
display: none;
}
.pointer {
cursor: pointer;
}
.fill-width {
width: 100%;
}
:root,
:host {
--va-border: 0;
--va-font-family: "Source Sans Pro", sans-serif;
--va-letter-spacing: 0.0375rem;
--va-block-border-radius: 0.375rem;
--va-block-border: thin solid var(--va-background-element);
--va-block-box-shadow: 0 2px 3px 0 rgba(52, 56, 85, 0.25);
--va-control-box-shadow: none;
--va-control-border: 0;
--va-transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
--va-swing-transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
--va-outline-border-width: 0.125rem;
--va-outline-box-shadow: none;
--va-square-border-radius: 0.25rem;
--va-form-padding: 1.25rem;
--va-form-border-radius: 0.125rem;
--va-text-selected: #b3d4fc;
--va-text-highlighted: #ffc5274e;
--va-link-color: var(--va-primary);
--va-link-color-secondary: var(--va-secondary);
--va-link-color-hover: var(--va-primary-lighten, --va-primary);
--va-link-color-active: var(--va-primary);
--va-link-color-visited: var(--va-primary-darken, --va-primary);
--va-muted: #7f828b;
--va-li-background: var(--va-primary);
--va-text-block: var(--va-background-element);
--va-stripe-border-size: 0.25rem;
--va-box-shadow: 0 0.25rem 0.5rem 0 var(--va-shadow);
--va-z-index-teleport-overlay: 1000;
--va-form-element-min-width: 50px;
--va-form-element-default-width: 250px;
--va-form-element-default-width-small: 120px;
--va-form-element-border-width: 1px;
--va-form-element-border-radius: 0.25rem;
--va-gap-small: 0.25rem;
--va-gap-medium: 0.375rem;
--va-gap-large: 0.75rem;
}
.ma-0,
.my-0,
.mt-0 {
margin-top: 0 !important;
}
.ma-0,
.my-0,
.mb-0 {
margin-bottom: 0 !important;
}
.ma-0,
.mx-0,
.mr-0 {
margin-right: 0 !important;
}
.ma-0,
.mx-0,
.ml-0 {
margin-left: 0 !important;
}
.ma-1,
.my-1,
.mt-1 {
margin-top: calc(var(--va-grid-spacing-base) * 0.25) !important;
}
.ma-1,
.my-1,
.mb-1 {
margin-bottom: calc(var(--va-grid-spacing-base) * 0.25) !important;
}
.ma-1,
.mx-1,
.mr-1 {
margin-right: calc(var(--va-grid-spacing-base) * 0.25) !important;
}
.ma-1,
.mx-1,
.ml-1 {
margin-left: calc(var(--va-grid-spacing-base) * 0.25) !important;
}
.ma-2,
.my-2,
.mt-2 {
margin-top: calc(var(--va-grid-spacing-base) * 0.5) !important;
}
.ma-2,
.my-2,
.mb-2 {
margin-bottom: calc(var(--va-grid-spacing-base) * 0.5) !important;
}
.ma-2,
.mx-2,
.mr-2 {
margin-right: calc(var(--va-grid-spacing-base) * 0.5) !important;
}
.ma-2,
.mx-2,
.ml-2 {
margin-left: calc(var(--va-grid-spacing-base) * 0.5) !important;
}
.ma-3,
.my-3,
.mt-3 {
margin-top: var(--va-grid-spacing-base) !important;
}
.ma-3,
.my-3,
.mb-3 {
margin-bottom: var(--va-grid-spacing-base) !important;
}
.ma-3,
.mx-3,
.mr-3 {
margin-right: var(--va-grid-spacing-base) !important;
}
.ma-3,
.mx-3,
.ml-3 {
margin-left: var(--va-grid-spacing-base) !important;
}
.ma-4,
.my-4,
.mt-4 {
margin-top: calc(var(--va-grid-spacing-base) * 2) !important;
}
.ma-4,
.my-4,
.mb-4 {
margin-bottom: calc(var(--va-grid-spacing-base) * 2) !important;
}
.ma-4,
.mx-4,
.mr-4 {
margin-right: calc(var(--va-grid-spacing-base) * 2) !important;
}
.ma-4,
.mx-4,
.ml-4 {
margin-left: calc(var(--va-grid-spacing-base) * 2) !important;
}
.ma-5,
.my-5,
.mt-5 {
margin-top: calc(var(--va-grid-spacing-base) * 3) !important;
}
.ma-5,
.my-5,
.mb-5 {
margin-bottom: calc(var(--va-grid-spacing-base) * 3) !important;
}
.ma-5,
.mx-5,
.mr-5 {
margin-right: calc(var(--va-grid-spacing-base) * 3) !important;
}
.ma-5,
.mx-5,
.ml-5 {
margin-left: calc(var(--va-grid-spacing-base) * 3) !important;
}
.mt-auto,
.my-auto,
.ma-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto,
.ma-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto,
.ma-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto,
.ma-auto {
margin-left: auto !important;
}
.pa-0,
.py-0,
.pt-0 {
padding-top: 0 !important;
}
.pa-0,
.py-0,
.pb-0 {
padding-bottom: 0 !important;
}
.pa-0,
.px-0,
.pr-0 {
padding-right: 0 !important;
}
.pa-0,
.px-0,
.pl-0 {
padding-left: 0 !important;
}
.pa-1,
.py-1,
.pt-1 {
padding-top: calc(var(--va-grid-spacing-base) * 0.25) !important;
}
.pa-1,
.py-1,
.pb-1 {
padding-bottom: calc(var(--va-grid-spacing-base) * 0.25) !important;
}
.pa-1,
.px-1,
.pr-1 {
padding-right: calc(var(--va-grid-spacing-base) * 0.25) !important;
}
.pa-1,
.px-1,
.pl-1 {
padding-left: calc(var(--va-grid-spacing-base) * 0.25) !important;
}
.pa-2,
.py-2,
.pt-2 {
padding-top: calc(var(--va-grid-spacing-base) * 0.5) !important;
}
.pa-2,
.py-2,
.pb-2 {
padding-bottom: calc(var(--va-grid-spacing-base) * 0.5) !important;
}
.pa-2,
.px-2,
.pr-2 {
padding-right: calc(var(--va-grid-spacing-base) * 0.5) !important;
}
.pa-2,
.px-2,
.pl-2 {
padding-left: calc(var(--va-grid-spacing-base) * 0.5) !important;
}
.pa-3,
.py-3,
.pt-3 {
padding-top: var(--va-grid-spacing-base) !important;
}
.pa-3,
.py-3,
.pb-3 {
padding-bottom: var(--va-grid-spacing-base) !important;
}
.pa-3,
.px-3,
.pr-3 {
padding-right: var(--va-grid-spacing-base) !important;
}
.pa-3,
.px-3,
.pl-3 {
padding-left: var(--va-grid-spacing-base) !important;
}
.pa-4,
.py-4,
.pt-4 {
padding-top: calc(var(--va-grid-spacing-base) * 2) !important;
}
.pa-4,
.py-4,
.pb-4 {
padding-bottom: calc(var(--va-grid-spacing-base) * 2) !important;
}
.pa-4,
.px-4,
.pr-4 {
padding-right: calc(var(--va-grid-spacing-base) * 2) !important;
}
.pa-4,
.px-4,
.pl-4 {
padding-left: calc(var(--va-grid-spacing-base) * 2) !important;
}
.pa-5,
.py-5,
.pt-5 {
padding-top: calc(var(--va-grid-spacing-base) * 3) !important;
}
.pa-5,
.py-5,
.pb-5 {
padding-bottom: calc(var(--va-grid-spacing-base) * 3) !important;
}
.pa-5,
.px-5,
.pr-5 {
padding-right: calc(var(--va-grid-spacing-base) * 3) !important;
}
.pa-5,
.px-5,
.pl-5 {
padding-left: calc(var(--va-grid-spacing-base) * 3) !important;
}
.pt-auto,
.py-auto,
.pa-auto {
padding-top: auto !important;
}
.pr-auto,
.px-auto,
.pa-auto {
padding-right: auto !important;
}
.pb-auto,
.py-auto,
.pa-auto {
padding-bottom: auto !important;
}
.pl-auto,
.px-auto,
.pa-auto {
padding-left: auto !important;
}
.va-spacing-x-0 > * {
margin-right: 0;
}
.va-spacing-x-0 > *:last-child {
margin-right: 0;
}
.va-spacing-x-1 > * {
margin-right: calc(var(--va-grid-spacing-base) * 0.25);
}
.va-spacing-x-1 > *:last-child {
margin-right: 0;
}
.va-spacing-x-2 > * {
margin-right: calc(var(--va-grid-spacing-base) * 0.5);
}
.va-spacing-x-2 > *:last-child {
margin-right: 0;
}
.va-spacing-x-3 > * {
margin-right: var(--va-grid-spacing-base);
}
.va-spacing-x-3 > *:last-child {
margin-right: 0;
}
.va-spacing-x-4 > * {
margin-right: calc(var(--va-grid-spacing-base) * 2);
}
.va-spacing-x-4 > *:last-child {
margin-right: 0;
}
.va-spacing-x-5 > * {
margin-right: calc(var(--va-grid-spacing-base) * 3);
}
.va-spacing-x-5 > *:last-child {
margin-right: 0;
}
.va-spacing-y-0 > * {
margin-bottom: 0;
}
.va-spacing-y-0 > *:last-child {
margin-bottom: 0;
}
.va-spacing-y-1 > * {
margin-bottom: calc(var(--va-grid-spacing-base) * 0.25);
}
.va-spacing-y-1 > *:last-child {
margin-bottom: 0;
}
.va-spacing-y-2 > * {
margin-bottom: calc(var(--va-grid-spacing-base) * 0.5);
}
.va-spacing-y-2 > *:last-child {
margin-bottom: 0;
}
.va-spacing-y-3 > * {
margin-bottom: var(--va-grid-spacing-base);
}
.va-spacing-y-3 > *:last-child {
margin-bottom: 0;
}
.va-spacing-y-4 > * {
margin-bottom: calc(var(--va-grid-spacing-base) * 2);
}
.va-spacing-y-4 > *:last-child {
margin-bottom: 0;
}
.va-spacing-y-5 > * {
margin-bottom: calc(var(--va-grid-spacing-base) * 3);
}
.va-spacing-y-5 > *:last-child {
margin-bottom: 0;
}
:root,
:host {
--va-media-ratio-default: var(--va-media-ratio, 1);
--va-grid-gutter-default: 0.5rem;
--va-grid-gutter-base: calc(var(--va-media-ratio-default) * var(--va-grid-gutter-default));
--va-grid-spacing-default: 1rem;
--va-grid-spacing-base: calc(var(--va-media-ratio-default) * var(--va-grid-spacing-default));
}
.layout {
flex: 1 1 100%;
margin: auto;
width: 100%;
}
@media only screen and (min-width: 768px) {
.layout {
max-width: 720px;
}
}
@media only screen and (min-width: 992px) {
.layout {
max-width: 930px;
}
}
@media only screen and (min-width: 1200px) {
.layout {
max-width: 1125px;
}
}
.layout.fluid {
box-sizing: border-box;
max-width: 100%;
}
.layout.fill-height {
align-items: center;
display: flex;
height: 100%;
}
.layout.fill-height > .row {
flex: 1 1 auto;
height: 100%;
}
.layout.va-gutter-1 {
padding: calc(var(--va-grid-gutter-base) * 0.25);
}
.layout.va-gutter-1 .row:only-child {
margin: calc(calc(var(--va-grid-gutter-base) * 0.25) * -0.5);
}
.layout.va-gutter-1 .row:not(:only-child) {
margin: auto calc(calc(var(--va-grid-gutter-base) * 0.25) * -0.5);
}
.layout.va-gutter-1 *:not(:only-child) .row:first-child {
margin-top: calc(calc(var(--va-grid-gutter-base) * 0.25) * -0.5);
}
.layout.va-gutter-1 *:not(:only-child) .row:last-child {
margin-bottom: calc(calc(var(--va-grid-gutter-base) * 0.25) * -0.5);
}
.layout.va-gutter-1 .row .flex {
padding: calc(calc(var(--va-grid-gutter-base) * 0.25) * 0.5);
}
.layout.va-gutter-2 {
padding: calc(var(--va-grid-gutter-base) * 0.5);
}
.layout.va-gutter-2 .row:only-child {
margin: calc(calc(var(--va-grid-gutter-base) * 0.5) * -0.5);
}
.layout.va-gutter-2 .row:not(:only-child) {
margin: auto calc(calc(var(--va-grid-gutter-base) * 0.5) * -0.5);
}
.layout.va-gutter-2 *:not(:only-child) .row:first-child {
margin-top: calc(calc(var(--va-grid-gutter-base) * 0.5) * -0.5);
}
.layout.va-gutter-2 *:not(:only-child) .row:last-child {
margin-bottom: calc(calc(var(--va-grid-gutter-base) * 0.5) * -0.5);
}
.layout.va-gutter-2 .row .flex {
padding: calc(calc(var(--va-grid-gutter-base) * 0.5) * 0.5);
}
.layout.va-gutter-3 {
padding: var(--va-grid-gutter-base);
}
.layout.va-gutter-3 .row:only-child {
margin: calc(var(--va-grid-gutter-base) * -0.5);
}
.layout.va-gutter-3 .row:not(:only-child) {
margin: auto calc(var(--va-grid-gutter-base) * -0.5);
}
.layout.va-gutter-3 *:not(:only-child) .row:first-child {
margin-top: calc(var(--va-grid-gutter-base) * -0.5);
}
.layout.va-gutter-3 *:not(:only-child) .row:last-child {
margin-bottom: calc(var(--va-grid-gutter-base) * -0.5);
}
.layout.va-gutter-3 .row .flex {
padding: calc(var(--va-grid-gutter-base) * 0.5);
}
.layout.va-gutter-4 {
padding: calc(var(--va-grid-gutter-base) * 2);
}
.layout.va-gutter-4 .row:only-child {
margin: calc(calc(var(--va-grid-gutter-base) * 2) * -0.5);
}
.layout.va-gutter-4 .row:not(:only-child) {
margin: auto calc(calc(var(--va-grid-gutter-base) * 2) * -0.5);
}
.layout.va-gutter-4 *:not(:only-child) .row:first-child {
margin-top: calc(calc(var(--va-grid-gutter-base) * 2) * -0.5);
}
.layout.va-gutter-4 *:not(:only-child) .row:last-child {
margin-bottom: calc(calc(var(--va-grid-gutter-base) * 2) * -0.5);
}
.layout.va-gutter-4 .row .flex {
padding: calc(calc(var(--va-grid-gutter-base) * 2) * 0.5);
}
.layout.va-gutter-5 {
padding: calc(var(--va-grid-gutter-base) * 3);
}
.layout.va-gutter-5 .row:only-child {
margin: calc(calc(var(--va-grid-gutter-base) * 3) * -0.5);
}
.layout.va-gutter-5 .row:not(:only-child) {
margin: auto calc(calc(var(--va-grid-gutter-base) * 3) * -0.5);
}
.layout.va-gutter-5 *:not(:only-child) .row:first-child {
margin-top: calc(calc(var(--va-grid-gutter-base) * 3) * -0.5);
}
.layout.va-gutter-5 *:not(:only-child) .row:last-child {
margin-bottom: calc(calc(var(--va-grid-gutter-base) * 3) * -0.5);
}
.layout.va-gutter-5 .row .flex {
padding: calc(calc(var(--va-grid-gutter-base) * 3) * 0.5);
}
.row {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
min-width: 0;
}
.row.row {
flex-direction: row;
}
.row.row.reverse {
flex-direction: row-reverse;
}
.row.column {
flex-direction: column;
}
.row.column.reverse {
flex-direction: column-reverse;
}
.row.column > .flex {
max-width: 100%;
}
.row.no-wrap {
flex-wrap: nowrap;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.flex > * {
flex: 1 1 auto;
}
@media all and (min-width: 0) {
.flex.xs1 {
flex-basis: 8.3333333333%;
flex-grow: 0;
max-width: 8.3333333333%;
}
.flex.order-xs1 {
order: 1;
}
.flex.offset-xs1 {
margin-left: 8.3333333333%;
}
.flex.xs2 {
flex-basis: 16.6666666667%;
flex-grow: 0;
max-width: 16.6666666667%;
}
.flex.order-xs2 {
order: 2;
}
.flex.offset-xs2 {
margin-left: 16.6666666667%;
}
.flex.xs3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%;
}
.flex.order-xs3 {
order: 3;
}
.flex.offset-xs3 {
margin-left: 25%;
}
.flex.xs4 {
flex-basis: 33.3333333333%;
flex-grow: 0;
max-width: 33.3333333333%;
}
.flex.order-xs4 {
order: 4;
}
.flex.offset-xs4 {
margin-left: 33.3333333333%;
}
.flex.xs5 {
flex-basis: 41.6666666667%;
flex-grow: 0;
max-width: 41.6666666667%;
}
.flex.order-xs5 {
order: 5;
}
.flex.offset-xs5 {
margin-left: 41.6666666667%;
}
.flex.xs6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
}
.flex.order-xs6 {
order: 6;
}
.flex.offset-xs6 {
margin-left: 50%;
}
.flex.xs7 {
flex-basis: 58.3333333333%;
flex-grow: 0;
max-width: 58.3333333333%;
}
.flex.order-xs7 {
order: 7;
}
.flex.offset-xs7 {
margin-left: 58.3333333333%;
}
.flex.xs8 {
flex-basis: 66.6666666667%;
flex-grow: 0;
max-width: 66.6666666667%;
}
.flex.order-xs8 {
order: 8;
}
.flex.offset-xs8 {
margin-left: 66.6666666667%;
}
.flex.xs9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%;
}
.flex.order-xs9 {
order: 9;
}
.flex.offset-xs9 {
margin-left: 75%;
}
.flex.xs10 {
flex-basis: 83.3333333333%;
flex-grow: 0;
max-width: 83.3333333333%;
}
.flex.order-xs10 {
order: 10;
}
.flex.offset-xs10 {
margin-left: 83.3333333333%;
}
.flex.xs11 {
flex-basis: 91.6666666667%;
flex-grow: 0;
max-width: 91.6666666667%;
}
.flex.order-xs11 {
order: 11;
}
.flex.offset-xs11 {
margin-left: 91.6666666667%;
}
.flex.xs12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
}
.flex.order-xs12 {
order: 12;
}
.flex.offset-xs12 {
margin-left: 100%;
}
}
@media all and (min-width: 576px) {
.flex.sm1 {
flex-basis: 8.3333333333%;
flex-grow: 0;
max-width: 8.3333333333%;
}
.flex.order-sm1 {
order: 1;
}
.flex.offset-sm1 {
margin-left: 8.3333333333%;
}
.flex.sm2 {
flex-basis: 16.6666666667%;
flex-grow: 0;
max-width: 16.6666666667%;
}
.flex.order-sm2 {
order: 2;
}
.flex.offset-sm2 {
margin-left: 16.6666666667%;
}
.flex.sm3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%;
}
.flex.order-sm3 {
order: 3;
}
.flex.offset-sm3 {
margin-left: 25%;
}
.flex.sm4 {
flex-basis: 33.3333333333%;
flex-grow: 0;
max-width: 33.3333333333%;
}
.flex.order-sm4 {
order: 4;
}
.flex.offset-sm4 {
margin-left: 33.3333333333%;
}
.flex.sm5 {
flex-basis: 41.6666666667%;
flex-grow: 0;
max-width: 41.6666666667%;
}
.flex.order-sm5 {
order: 5;
}
.flex.offset-sm5 {
margin-left: 41.6666666667%;
}
.flex.sm6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
}
.flex.order-sm6 {
order: 6;
}
.flex.offset-sm6 {
margin-left: 50%;
}
.flex.sm7 {
flex-basis: 58.3333333333%;
flex-grow: 0;
max-width: 58.3333333333%;
}
.flex.order-sm7 {
order: 7;
}
.flex.offset-sm7 {
margin-left: 58.3333333333%;
}
.flex.sm8 {
flex-basis: 66.6666666667%;
flex-grow: 0;
max-width: 66.6666666667%;
}
.flex.order-sm8 {
order: 8;
}
.flex.offset-sm8 {
margin-left: 66.6666666667%;
}
.flex.sm9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%;
}
.flex.order-sm9 {
order: 9;
}
.flex.offset-sm9 {
margin-left: 75%;
}
.flex.sm10 {
flex-basis: 83.3333333333%;
flex-grow: 0;
max-width: 83.3333333333%;
}
.flex.order-sm10 {
order: 10;
}
.flex.offset-sm10 {
margin-left: 83.3333333333%;
}
.flex.sm11 {
flex-basis: 91.6666666667%;
flex-grow: 0;
max-width: 91.6666666667%;
}
.flex.order-sm11 {
order: 11;
}
.flex.offset-sm11 {
margin-left: 91.6666666667%;
}
.flex.sm12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
}
.flex.order-sm12 {
order: 12;
}
.flex.offset-sm12 {
margin-left: 100%;
}
}
@media all and (min-width: 768px) {
.flex.md1 {
flex-basis: 8.3333333333%;
flex-grow: 0;
max-width: 8.3333333333%;
}
.flex.order-md1 {
order: 1;
}
.flex.offset-md1 {
margin-left: 8.3333333333%;
}
.flex.md2 {
flex-basis: 16.6666666667%;
flex-grow: 0;
max-width: 16.6666666667%;
}
.flex.order-md2 {
order: 2;
}
.flex.offset-md2 {
margin-left: 16.6666666667%;
}
.flex.md3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%;
}
.flex.order-md3 {
order: 3;
}
.flex.offset-md3 {
margin-left: 25%;
}
.flex.md4 {
flex-basis: 33.3333333333%;
flex-grow: 0;
max-width: 33.3333333333%;
}
.flex.order-md4 {
order: 4;
}
.flex.offset-md4 {
margin-left: 33.3333333333%;
}
.flex.md5 {
flex-basis: 41.6666666667%;
flex-grow: 0;
max-width: 41.6666666667%;
}
.flex.order-md5 {
order: 5;
}
.flex.offset-md5 {
margin-left: 41.6666666667%;
}
.flex.md6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
}
.flex.order-md6 {
order: 6;
}
.flex.offset-md6 {
margin-left: 50%;
}
.flex.md7 {
flex-basis: 58.3333333333%;
flex-grow: 0;
max-width: 58.3333333333%;
}
.flex.order-md7 {
order: 7;
}
.flex.offset-md7 {
margin-left: 58.3333333333%;
}
.flex.md8 {
flex-basis: 66.6666666667%;
flex-grow: 0;
max-width: 66.6666666667%;
}
.flex.order-md8 {
order: 8;
}
.flex.offset-md8 {
margin-left: 66.6666666667%;
}
.flex.md9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%;
}
.flex.order-md9 {
order: 9;
}
.flex.offset-md9 {
margin-left: 75%;
}
.flex.md10 {
flex-basis: 83.3333333333%;
flex-grow: 0;
max-width: 83.3333333333%;
}
.flex.order-md10 {
order: 10;
}
.flex.offset-md10 {
margin-left: 83.3333333333%;
}
.flex.md11 {
flex-basis: 91.6666666667%;
flex-grow: 0;
max-width: 91.6666666667%;
}
.flex.order-md11 {
order: 11;
}
.flex.offset-md11 {
margin-left: 91.6666666667%;
}
.flex.md12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
}
.flex.order-md12 {
order: 12;
}
.flex.offset-md12 {
margin-left: 100%;
}
}
@media all and (min-width: 992px) {
.flex.lg1 {
flex-basis: 8.3333333333%;
flex-grow: 0;
max-width: 8.3333333333%;
}
.flex.order-lg1 {
order: 1;
}
.flex.offset-lg1 {
margin-left: 8.3333333333%;
}
.flex.lg2 {
flex-basis: 16.6666666667%;
flex-grow: 0;
max-width: 16.6666666667%;
}
.flex.order-lg2 {
order: 2;
}
.flex.offset-lg2 {
margin-left: 16.6666666667%;
}
.flex.lg3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%;
}
.flex.order-lg3 {
order: 3;
}
.flex.offset-lg3 {
margin-left: 25%;
}
.flex.lg4 {
flex-basis: 33.3333333333%;
flex-grow: 0;
max-width: 33.3333333333%;
}
.flex.order-lg4 {
order: 4;
}
.flex.offset-lg4 {
margin-left: 33.3333333333%;
}
.flex.lg5 {
flex-basis: 41.6666666667%;
flex-grow: 0;
max-width: 41.6666666667%;
}
.flex.order-lg5 {
order: 5;
}
.flex.offset-lg5 {
margin-left: 41.6666666667%;
}
.flex.lg6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
}
.flex.order-lg6 {
order: 6;
}
.flex.offset-lg6 {
margin-left: 50%;
}
.flex.lg7 {
flex-basis: 58.3333333333%;
flex-grow: 0;
max-width: 58.3333333333%;
}
.flex.order-lg7 {
order: 7;
}
.flex.offset-lg7 {
margin-left: 58.3333333333%;
}
.flex.lg8 {
flex-basis: 66.6666666667%;
flex-grow: 0;
max-width: 66.6666666667%;
}
.flex.order-lg8 {
order: 8;
}
.flex.offset-lg8 {
margin-left: 66.6666666667%;
}
.flex.lg9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%;
}
.flex.order-lg9 {
order: 9;
}
.flex.offset-lg9 {
margin-left: 75%;
}
.flex.lg10 {
flex-basis: 83.3333333333%;
flex-grow: 0;
max-width: 83.3333333333%;
}
.flex.order-lg10 {
order: 10;
}
.flex.offset-lg10 {
margin-left: 83.3333333333%;
}
.flex.lg11 {
flex-basis: 91.6666666667%;
flex-grow: 0;
max-width: 91.6666666667%;
}
.flex.order-lg11 {
order: 11;
}
.flex.offset-lg11 {
margin-left: 91.6666666667%;
}
.flex.lg12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
}
.flex.order-lg12 {
order: 12;
}
.flex.offset-lg12 {
margin-left: 100%;
}
}
@media all and (min-width: 1200px) {
.flex.xl1 {
flex-basis: 8.3333333333%;
flex-grow: 0;
max-width: 8.3333333333%;
}
.flex.order-xl1 {
order: 1;
}
.flex.offset-xl1 {
margin-left: 8.3333333333%;
}
.flex.xl2 {
flex-basis: 16.6666666667%;
flex-grow: 0;
max-width: 16.6666666667%;
}
.flex.order-xl2 {
order: 2;
}
.flex.offset-xl2 {
margin-left: 16.6666666667%;
}
.flex.xl3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%;
}
.flex.order-xl3 {
order: 3;
}
.flex.offset-xl3 {
margin-left: 25%;
}
.flex.xl4 {
flex-basis: 33.3333333333%;
flex-grow: 0;
max-width: 33.3333333333%;
}
.flex.order-xl4 {
order: 4;
}
.flex.offset-xl4 {
margin-left: 33.3333333333%;
}
.flex.xl5 {
flex-basis: 41.6666666667%;
flex-grow: 0;
max-width: 41.6666666667%;
}
.flex.order-xl5 {
order: 5;
}
.flex.offset-xl5 {
margin-left: 41.6666666667%;
}
.flex.xl6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
}
.flex.order-xl6 {
order: 6;
}
.flex.offset-xl6 {
margin-left: 50%;
}
.flex.xl7 {
flex-basis: 58.3333333333%;
flex-grow: 0;
max-width: 58.3333333333%;
}
.flex.order-xl7 {
order: 7;
}
.flex.offset-xl7 {
margin-left: 58.3333333333%;
}
.flex.xl8 {
flex-basis: 66.6666666667%;
flex-grow: 0;
max-width: 66.6666666667%;
}
.flex.order-xl8 {
order: 8;
}
.flex.offset-xl8 {
margin-left: 66.6666666667%;
}
.flex.xl9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%;
}
.flex.order-xl9 {
order: 9;
}
.flex.offset-xl9 {
margin-left: 75%;
}
.flex.xl10 {
flex-basis: 83.3333333333%;
flex-grow: 0;
max-width: 83.3333333333%;
}
.flex.order-xl10 {
order: 10;
}
.flex.offset-xl10 {
margin-left: 83.3333333333%;
}
.flex.xl11 {
flex-basis: 91.6666666667%;
flex-grow: 0;
max-width: 91.6666666667%;
}
.flex.order-xl11 {
order: 11;
}
.flex.offset-xl11 {
margin-left: 91.6666666667%;
}
.flex.xl12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
}
.flex.order-xl12 {
order: 12;
}
.flex.offset-xl12 {
margin-left: 100%;
}
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-wrap {
flex-wrap: wrap;
}
.align-start {
align-items: flex-start;
}
.align-end {
align-items: flex-end;
}
.align-center {
align-items: center;
}
.align-baseline {
align-items: baseline;
}
.align-self-start {
align-self: flex-start;
}
.align-self-end {
align-self: flex-end;
}
.align-self-center {
align-self: center;
}
.align-self-baseline {
align-self: baseline;
}
.align-content-start {
align-content: flex-start;
}
.align-content-end {
align-content: flex-end;
}
.align-content-center {
align-content: center;
}
.align-content-space-between {
align-content: space-between;
}
.align-content-space-around {
align-content: space-around;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-space-around {
justify-content: space-around;
}
.justify-space-between {
justify-content: space-between;
}
.justify-space-evenly {
justify-content: space-evenly;
}
.justify-self-start {
justify-self: flex-start;
}
.justify-self-end {
justify-self: flex-end;
}
.justify-self-center {
justify-self: center;
}
.justify-self-baseline {
justify-self: baseline;
}
.flex-direction-row {
flex-direction: row;
}
.flex-direction-row-reverse {
flex-direction: row-reverse;
}
.flex-direction-column {
flex-direction: column;
}
.flex-direction-column-reverse {
flex-direction: column-reverse;
}
.grow {
flex-grow: 1 !important;
flex-shrink: 0 !important;
}
.shrink {
flex-grow: 0 !important;
flex-shrink: 1 !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-y {
overflow-y: auto;
}
.overflow-x {
overflow-x: auto;
}
.d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
:root {
--va-on-background-primary: #271e61 !important;
--va-font-family: Lato, Helvetica Neue, Arial, Noto Sans, sans-serif;
--va-on-background-primary: #271e61;
--va-tab-max-width: 100%;
--va-tab-content-padding: 22px 44px;
--va-tab-content-color: #3e7cf2;
--va-input-wrapper-width: 100%;
--va-form-element-min-width: 100%;
--va-form-element-default-width: 100%;
--va-input-wrapper-min-height: 55px;
--va-form-element-border-radius: 55px;
--va-input-wrapper-border-color: #ebf2ff;
--va-input-wrapper-background: #ebf2ff;
--va-background-computed: #ebf2ff;
--va-input-wrapper-text-color: #271e61;
--va-input-wrapper-color: #271e61;
--va-text-color-computed: #000;
--va-background-color: #3e7cf2;
--va-secondary: #000000;
--va-slider-track-border-radius: 8px;
}
@media (min-width: 1024px) {
:root {
--va-tab-content-padding: 26px 44px;
}
}
.va-tabs__wrapper {
display: none;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
.application input::-webkit-outer-spin-button,
.application input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.application input[type="number"] {
-moz-appearance: textfield;
}
.va-tabs__content
.application__calculator-content
.application__calculator-content-body
.va-form
.va-input-wrapper
.va-input-wrapper__fieldset
.va-input-wrapper__container
.va-input-wrapper__field
.va-input-wrapper__append-inner
i.va-icon.material-icons {
font-size: 58px !important;
color: #3e7cf2 !important;
}
.va-input-wrapper__field {
background: #ebf2ff;
}
.va-select-content__placeholder input::placeholder,
.va-date-input .va-input-wrapper__text input::placeholder,
.va-input-wrapper__text {
font-size: 16px;
color: #271e61;
padding-left: 10px;
opacity: 1;
}
.va-date-input .va-input-wrapper__container .va-input-wrapper__field i.va-icon.material-icons {
font-size: 16px;
color: #000 !important;
opacity: 0.8;
margin-right: 20px;
}
@media (max-width: 575px) {
.application__calculator-tabs[data-v-b727b576] .va-tab[aria-selected="true"] .va-tab__content {
padding: 22px;
}
.application__calculator-tabs[data-v-b727b576] .va-tab__content {
font-size: 14px;
padding: 22px;
}
}