#vb-booking-container {
max-width: 800px;
padding: 20px 10px;
margin: 20px auto;
overflow-x: hidden;
}
#booking-form {
opacity: 1;
transition: opacity 0.5s ease-in-out;
} .login-message-container {
padding: 20px;
margin-bottom: 25px;
color: var(--vb-red);
text-align: center;
background: var(--vb-second-bg);
border: 1px solid var(--vb-border);
border-radius: 1em;
}
.login-link-button {
display: inline-block;
padding: 10px 20px;
font-weight: bold;
color: var(--vb-white);
text-decoration: none;
background: var(--vb-primary);
border-radius: 6px;
transition: all 0.3s;
}
.login-link-button:hover {
color: var(--vb-white);
box-shadow: 0 4px 12px var(--vb-trans-3);
transform: translateY(-2px);
}
.login-error-message {
display: none;
padding: 10px;
margin-top: 16px;
font-size: medium;
color: var(--vb-red);
text-align: center;
}
#result-page {
opacity: 0;
transition: opacity 0.5s ease-in-out;
} @keyframes pulse {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(2);
}
}
@keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-20px) scale(0.96);
}
60% {
opacity: 1;
transform: translateY(2px) scale(1.01);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@keyframes staggerFadeIn {
0% {
opacity: 0;
transform: translateY(32px) scale(0.1);
}
30% {
opacity: 0.6;
transform: translateY(-4px) scale(0.98);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@keyframes buttonZoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes scaleIn {
0% {
transform: scale(0);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes fadeInNotification {
0% {
opacity: 0;
transform: translateX(-50%) translateY(-20px);
}
100% {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
@keyframes fadeOutNotification {
0% {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
100% {
opacity: 0;
transform: translateX(-50%) translateY(-20px);
}
}
.notification-fade-in {
animation: fadeInNotification 0.3s ease-out forwards;
}
.notification-fade-out {
animation: fadeOutNotification 0.3s ease-in forwards;
} .booking-steps {
position: relative;
}
.step-item {
position: relative;
display: block;
margin-bottom: 20px;
}
.step-header {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 24px;
height: 100%;
}
.step-circle {
position: relative;
top: 3px;
left: -5px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
background: var(--vb-primary-bg);
border: 2px solid var(--vb-alt-bg);
border-radius: 50%;
transition: all 0.3s linear;
}
.step-item.active .step-circle {
background: var(--vb-primary-bg);
border-color: var(--vb-primary);
}
.step-item.completed .step-circle {
background: var(--vb-primary);
border-color: var(--vb-primary);
}
.step-number {
z-index: 10;
font-size: 12px;
font-weight: bold;
color: var(--vb-text);
}
.step-item.active .step-number,
.step-item.completed .step-number {
color: var(--vb-text-heading);
}
.step-item.completed .step-number {
display: none;
}
.step-check {
display: none;
font-size: 12px;
font-weight: bold;
color: var(--vb-black);
}
.step-item.completed .step-check {
display: block;
}
.pulse-ring {
position: absolute;
display: none;
width: 100%;
height: 100%;
background: var(--vb-primary);
border-radius: 50%;
opacity: 0;
animation: pulse 1s infinite;
}
.step-item.active .pulse-ring {
display: block;
} .step-line {
position: absolute;
top: 10px;
bottom: -25px;
left: 3px;
z-index: -1;
width: 3px;
background: var(--vb-alt-bg);
}
.step-item.completed .step-line {
background: var(--vb-primary);
}
.step-line-extended {
bottom: 9px;
}
.step-item.completed .step-line-extended {
background: var(--vb-primary);
}
.step-connector-wrapper {
position: relative;
height: 85px;
margin-left: 0;
}
.step-connector-horizontal {
position: absolute;
top: -32px;
left: 3px;
box-sizing: border-box;
width: calc(50% - 52px);
height: 50px;
border-bottom: 3px solid var(--vb-alt-bg);
border-left: 3px solid var(--vb-alt-bg);
border-bottom-left-radius: 2em;
}
.step-item[data-step="7"].completed~.step-connector-wrapper .step-connector-horizontal {
border-color: var(--vb-primary);
}
.step-connector-down {
position: absolute;
top: 15px;
left: calc(50% - 50px);
box-sizing: border-box;
width: 50px;
height: 70px;
border-top: 3px solid var(--vb-alt-bg);
border-right: 3px solid var(--vb-alt-bg);
border-top-right-radius: 2em;
}
.step-item[data-step="7"].completed~.step-connector-wrapper .step-connector-down {
border-color: var(--vb-primary);
}
.note-to-button-connector {
position: absolute;
bottom: -80px;
left: 50%;
width: 3px;
height: 80px;
background: var(--vb-alt-bg);
transform: translateX(-50%);
}
.step-item[data-step="7"].completed~.step-connector-wrapper~.booking-note-container .note-to-button-connector {
background: var(--vb-primary);
}
.endpoint-circle {
position: absolute;
top: -54px;
left: 50%;
z-index: 1;
width: 32px;
height: 32px;
background: var(--vb-alt-bg);
border: 3px solid var(--vb-alt-bg);
border-radius: 50%;
transform: translateX(-50%);
}
.step-item[data-step="7"].completed~.step-connector-wrapper~.booking-note-container~.button-container .endpoint-circle {
background: var(--vb-primary);
border-color: var(--vb-primary);
}
.endpoint-icon svg {
fill: var(--vb-black);
}
.endpoint-icon {
color: var(--vb-black);
} .step-content {
position: relative;
z-index: 10;
min-width: 0;
padding-top: 0;
overflow: visible;
}
.step-content>* {
animation: slideDown 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.step-title {
margin: 16px 35px;
} .rate-limit-modal {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: var(--vb-trans-5);
backdrop-filter: blur(5px);
}
.rate-limit-modal-content {
position: relative;
width: 90%;
max-width: 600px !important;
max-height: 90vh;
padding: 24px;
overflow-y: auto;
color: var(--vb-white-muted);
background: var(--vb-trans-5);
border-radius: 2em;
box-shadow: 0 0 12px -6px var(--vb-primary);
}
.rate-limit-icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
color: var(--vb-orange);
}
.rate-limit-icon svg {
width: 48px;
height: 48px;
}
.rate-limit-title {
margin: 0 0 20px 0;
color: var(--vb-white);
text-align: center;
}
.rate-limit-message {
margin-bottom: 25px;
text-align: center;
}
.rate-limit-actions {
text-align: center;
}
.modal-close {
position: absolute;
top: 10px;
right: 10px;
padding: 5px 10px;
color: var(--vb-white-muted);
background: none;
border: none;
transition: all 0.3s;
box-shadow: none;
}
.modal-close svg {
width: 24px;
height: 24px;
}
.modal-close:hover {
color: var(--vb-red);
background: none;
transform: scale(1.1);
} .rate-limit-info {
padding: 16px;
max-width: 300px;
margin: 48px auto;
font-size: small;
text-align: center;
background: var(--vb-second-bg);
border: 1px solid var(--vb-border);
border-radius: 1.5em;
}
.rate-limit-text {
margin-bottom: 5px;
color: var(--vb-text-heading);
}
.rate-limit-subtext {
font-size: small;
color: var(--vb-text);
}
.rate-limit-highlight {
font-weight: bold;
color: var(--vb-primary);
} .store-notice-container {
display: none;
padding: 16px;
margin: 20px;
color: var(--vb-red);
text-align: center;
background: var(--vb-second-bg);
border: 1px solid var(--vb-border);
border-radius: 1em;
} .price-display-container {
margin: 20px;
color: var(--vb-primary);
text-align: center;
} .package-description-container {
padding: 16px 16px 0;
margin: 16px 35px;
text-align: center;
}
.package-description-label {
display: block;
margin-bottom: 10px;
font-weight: 600;
color: var(--vb-text-heading);
}
.package-description-text {
font-size: medium;
color: var(--vb-text-heading);
}   .step-select {
display: block;
width: 80%;
max-width: 400px;
height: 45px;
padding: 0 16px;
margin: auto;
font-size: medium;
font-weight: 600;
color: var(--vb-black);
background-color: var(--vb-white);
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 16px 16px;
border-radius: 1em;
border: 1px solid var(--vb-border);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: pointer;
}
.step-select:disabled {
opacity: 0.3;
}
.step-select:focus {
outline: none;
border-color: var(--vb-primary);
}
input[type="text"] {
font-weight: 500;
} .booking-note-textarea {
width: 100%;
min-height: 100px;
padding: 16px;
font-family: inherit;
font-size: medium;
resize: vertical;
background: var(--vb-white);
border: 2px solid var(--vb-white);
border-radius: 1em;
transition: all 0.3s;
}
.booking-note-textarea:focus {
outline: none;
border-color: var(--vb-primary);
box-shadow: 0 0 0 3px rgba(var(--ast-global-color-0-rgb), 0.1);
}
.booking-note-count {
margin-top: 4px;
font-size: x-small;
color: var(--vb-black-muted);
text-align: right;
}
.booking-note-count-current {
color: var(--vb-gray);
} #discount-code-container:hover {
box-shadow: 0 4px 20px -10px var(--vb-primary) !important;
transform: translateY(-2px) scale(1.01);
} .discount-code-wrapper {
display: none;
width: 90%;
max-width: 500px;
padding: 20px;
margin: 16px auto;
background: var(--vb-second-bg);
border-radius: 1.5em;
;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.discount-code-label {
display: block;
margin-bottom: 10px;
color: var(--vb-text-heading);
}
.discount-code-input-group {
display: flex;
gap: 10px;
align-items: baseline;
}
.discount-code-input-box {
display: flex;
flex: 1;
flex-direction: column;
}
.discount-code-field {
padding: 10px !important;
text-transform: uppercase;
border-radius: 1em !important;
font-weight: 600 !important;
}
.discount-code-message {
display: none;
margin-top: 5px;
font-size: small;
} .pax-selector {
display: grid;
grid-template-columns: repeat(8, 1fr);
gap: 6px;
width: 90%;
max-width: 600px;
margin: auto;
}
.date-selector {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
width: 90%;
max-width: 600px;
margin: auto;
} .pax-option,
.date-option {
color: var(--vb-black);
text-align: center;
background: linear-gradient(135deg, var(--vb-white) 30%, var(--vb-white-muted));
box-shadow: var(--shadow-element);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pax-option {
padding: 12px 0;
font-size: large;
font-weight: 600;
border-radius: 1em;
}
.date-option {
padding: 16px 0;
border-radius: 1.5em;
} .pax-option:hover,
.date-option:hover {
background: var(--vb-primary-hover);
transform: scale(1.02) translateY(-2px);
} .pax-option.selected,
.date-option.selected {
background: var(--vb-primary);
} .pax-option:disabled,
.pax-option.disabled,
.date-option:disabled,
.date-option.disabled {
pointer-events: none;
opacity: 0.3;
}
.date-day {
display: block;
margin-bottom: 1px;
font-size: x-small;
font-weight: bold;
line-height: 1;
color: var(--vb-red);
}
.date-month {
display: block;
margin-bottom: 1px;
font-size: x-small;
font-weight: bold;
line-height: 1;
}
.date-date {
display: block;
margin: 6px 0;
font-size: xxx-large;
font-weight: bold;
line-height: 1.3;
box-shadow: 0 0 8px -6px;
} .new-time-picker {
width: 90%;
max-width: 600px;
margin: auto;
}
.time-display-container {
display: flex;
gap: 20px;
align-items: center;
justify-content: center;
padding-bottom: 32px;
} .time-box {
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 120px;
font-size: xxx-large;
font-weight: 900;
color: var(--vb-black);
cursor: pointer;
background: linear-gradient(135deg, var(--vb-white) 30%, var(--vb-white-muted));
border-radius: 0.6em;
box-shadow: var(--shadow-element);
transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .time-box:hover {
background: var(--vb-primary-hover);
transform: scale(1.02) translateY(-2px);
} .time-box[data-active="true"] {
background: var(--vb-primary);
} .time-box.disabled,
.time-separator.disabled,
.time-box.disabled~.time-separator {
pointer-events: none;
opacity: 0.3;
}
.time-separator {
font-size: xxx-large;
font-weight: bold;
color: var(--vb-text-heading);
user-select: none;
transition: opacity 0.3s ease;
}
.time-options-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 5px;
margin: auto;
transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .time-option-btn {
padding: 10px 0;
font-size: medium;
font-weight: 600;
color: var(--vb-black);
text-align: center;
background: linear-gradient(135deg, var(--vb-white) 30%, var(--vb-white-muted));
border-radius: 1em;
box-shadow: var(--shadow-element);
opacity: 0;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: staggerFadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
} .time-option-btn:hover {
background: var(--vb-primary-hover);
transform: scale(1.02) translateY(-2px);
} .time-option-btn.selected {
background: var(--vb-primary);
} .time-option-btn.disabled {
opacity: 0.3 !important;
color: var(--vb-black-muted);
pointer-events: none;
}  #store-preview-container {
opacity: 0;
transform: translateY(32px) scale(0.95);
transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#store-preview-container.show {
opacity: 1;
transform: translateY(0) scale(1);
}
.store-preview-card {
max-width: 400px;
margin: auto;
overflow: hidden;
border-radius: 1.5rem;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.store-preview-card:hover {
transform: translateY(-5px) scale(1.02);
}
.store-preview-loading {
padding: 32px;
font-size: small;
color: var(--vb-black-muted);
text-align: center;
}
.store-preview-content {
display: flex;
flex-direction: column;
}
.store-preview-container-wrapper {
display: none;
margin-top: 32px;
}
.store-preview-image {
display: block;
width: 100%;
height: 200px;
object-fit: cover;
opacity: 0;
animation: staggerFadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
animation-delay: 0.1s;
}
.store-preview-title {
padding: 16px 20px;
font-size: large;
font-weight: 600;
color: var(--vb-primary-bg);
text-align: center;
background: var(--vb-text-heading);
border-top: 2px solid var(--vb-primary);
opacity: 0;
animation: staggerFadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
animation-delay: 0.1s;
} .canvas-wrapper {
position: relative;
display: inline-block;
}
.canvas-overlay-text {
position: absolute;
top: 50%;
left: 50%;
font-size: xxx-large;
font-weight: bold;
color: var(--vb-white);
text-align: center;
white-space: nowrap;
text-shadow: 2px 2px 8px var(--vb-trans-5);
transform: translate(-50%, -50%);
} .copy-notification-popup {
position: fixed;
top: 50px;
left: 50%;
z-index: 10001;
display: none;
padding: 12px 24px;
color: var(--vb-white);
background: var(--vb-trans-5);
border: 1px solid var(--vb-black);
border-radius: 1em;
backdrop-filter: blur(5px);
transform: translateX(-50%);
transition: opacity 0.3s;
} .booking-note-container {
position: relative;
margin: 0 3px 40px;
}
.booking-note-content {
padding: 20px;
background: var(--vb-second-bg);
border: 3px solid var(--vb-alt-bg);
border-radius: 2em;
transition: opacity 0.3s ease, border-color 0.3s ease;
}
.booking-note-content.disabled {
opacity: 0.3;
pointer-events: none;
}
.step-item[data-step="7"].completed~.step-connector-wrapper~.booking-note-container .booking-note-content {
border-color: var(--vb-primary);
} .button-container {
position: relative;
margin-top: 80px;
text-align: center;
}
.generate-button {
position: relative;
overflow: hidden;
background: var(--vb-primary);
border-color: var(--vb-primary);
box-shadow: 0 0 12px var(--vb-primary);
transition: all 0.3s ease;
}
.generate-button:hover {
background: var(--vb-primary-hover);
border-color: var(--vb-primary-hover);
box-shadow: 0 0 20px var(--vb-primary-hover);
}
.generate-button:disabled {
opacity: 0.3;
cursor: not-allowed;
pointer-events: none;
box-shadow: none;
}
.generate-button.loading {
padding-right: 80px;
pointer-events: none;
background: var(--vb-primary-hover);
border-color: var(--vb-primary-hover);
box-shadow: 0 0 32px var(--vb-primary-hover);
animation: buttonZoom 0.5s ease forwards;
}
.generate-button.loading::after {
position: absolute;
top: 50%;
right: 20px;
width: 32px;
height: 32px;
margin-top: -16px;
content: "";
border: 5px solid var(--vb-trans-2);
border-top-color: var(--vb-white);
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
.save-button-container {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
text-align: center;
}
.save-button-container.bottom-spacing {
margin-bottom: 20px;
}
.save-button-container.top-spacing {
margin-top: 20px;
}
.my-bookings-button {
padding: 16px 40px;
font-size: x-large;
font-weight: bold;
box-shadow: 0 0px 12px var(--vb-primary-hover);
}
.save-button,
.back-button {
padding: 10px 20px;
font-size: large;
transition: all 0.3s;
}
.back-button {
color: var(--vb-white);
background: var(--vb-gray);
}
.back-button:hover {
background: var(--vb-black-muted);
} .success-header {
margin-bottom: 32px;
text-align: center;
}
.success-icon {
margin: 0px auto;
animation: scaleIn 0.5s ease-out;
}
.success-title {
margin: 0 0 20px 0;
font-size: xxx-large;
color: var(--vb-green);
}
.success-message {
max-width: 600px;
margin: auto;
font-size: large;
line-height: 1.6;
color: var(--vb-white);
}
#canvas {
display: block;
max-width: 100%;
height: auto;
margin: 32px auto;
image-rendering: crisp-edges;
} @media (max-width: 768px) { .store-preview-title {
padding: 10px 16px;
}
.store-preview-card {
max-width: 80%;
} .booking-note-content {
padding: 16px;
} .discount-code-wrapper {
padding: 16px;
} .time-display-container {
padding-bottom: 20px;
}
.time-box {
width: 90px;
height: 90px;
}
.time-separator {
margin-bottom: 5px;
font-size: 45px;
}
.time-options-container {
grid-template-columns: repeat(6, 1fr);
gap: 3px;
}
.time-column {
width: 60px;
}
.time-option {
padding: 6px 2px;
} .pax-selector {
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(8, 1fr);
gap: 4px;
}
.pax-option {
padding: 8px 0px;
}
.date-selector {
grid-template-columns: repeat(4, 1fr);
gap: 6px;
}
.date-option {
padding: 12px 0px;
}
.date-day {
margin-bottom: 1px;
}
.date-month {
margin-bottom: 1px;
}
.date-date {
font-size: 26px;
font-weight: bold;
} .step-connector-wrapper {
height: 60px;
}
.step-line-extended {
bottom: 18px;
}
.step-connector-horizontal {
top: -40px;
}
.step-connector-down {
top: 7px;
height: 55px;
} .custom-select-wrapper {
margin: 16px 35px !important;
}
} .text-center {
text-align: center;
}
.booking-note-title {
color: var(--vb-text-heading);
text-align: center;
}  .nation-hint {
margin: 16px 35px;
}
.step-item:not(.active):not(.completed) .custom-select-wrapper,
.step-item:not(.active):not(.completed) .nation-hint {
pointer-events: none;
opacity: 0.5;
}
.custom-select-wrapper {
position: relative;
max-width: 400px;
margin: 0 auto;
font-family: inherit;
}
.custom-select-trigger {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
height: 45px;
font-size: medium;
font-weight: 600;
color: var(--vb-black);
cursor: pointer;
background: var(--vb-white);
border-radius: 1em;
border: 1px solid var(--vb-border);
transition: all 0.3s;
}
.custom-select-trigger:hover {
border-color: var(--ast-global-color-0);
}
.custom-select-wrapper.open .custom-select-trigger {
border-color: var(--ast-global-color-0);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.custom-select-arrow {
display: flex;
align-items: center;
justify-content: center;
font-size: x-small;
color: var(--vb-gray);
transition: transform 0.3s;
}
.custom-select-wrapper.open .custom-select-arrow {
transform: rotate(180deg);
}
.custom-select-dropdown {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
display: none;
flex-direction: column;
background: var(--vb-white);
border: 2px solid var(--ast-global-color-0);
border-top: none;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
box-shadow: 0 4px 12px var(--vb-trans-3);
}
.custom-select-wrapper.open .custom-select-dropdown {
display: flex;
}
.custom-select-search {
padding: 10px;
border-bottom: 1px solid #eeeeee;
}
.custom-select-search input {
box-sizing: border-box;
width: 100%;
padding: 10px;
font-size: medium;
border: 1px solid var(--vb-text-heading);
border-radius: 4px;
}
.custom-select-search input:focus {
outline: none;
border-color: var(--ast-global-color-0);
}
.custom-select-options {
max-height: 250px;
overflow-y: auto;
}
.custom-select-option {
display: flex;
align-items: center;
padding: 12px 16px;
font-size: medium;
cursor: pointer;
border-bottom: 1px solid #f9f9f9;
transition: background 0.2s;
}
.custom-select-option:last-child {
border-bottom: none;
}
.custom-select-option:hover,
.custom-select-option.selected {
background: #f5f5f5;
}
.opt-flag {
margin-right: 12px;
font-size: x-large;
}
.custom-select-no-result {
padding: 16px;
color: var(--vb-gray);
text-align: center;
} .count-upcoming {
font-size: 16px;
font-weight: bold;
color: var(--vb-green);
}
.vb-sr-only-focusable {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
pointer-events: auto;
opacity: 0;
}
.vb-strike-faded {
text-decoration: line-through;
opacity: 0.5;
}
.admin-text-success-bold {
font-weight: bold;
color: var(--vb-green);
}
.vb-text-danger {
color: var(--vb-red);
}
.vb-text-success-lg {
font-size: 18px;
font-weight: bold;
color: var(--vb-green);
}
.vb-text-success-md {
font-size: 16px;
font-weight: bold;
color: var(--vb-green);
}
.vb-text-danger-lg {
font-size: 18px;
font-weight: bold;
color: var(--vb-red);
}
.vb-italic-disabled {
font-style: italic;
pointer-events: none;
}