*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box;
}
:after,
:before {
  --tw-content: "";
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}
body {
  line-height: inherit;
  margin: 0;
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-feature-settings: normal;
  font-size: 1em;
  font-variation-settings: normal;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
[hidden] {
  display: none;
}
.logo {
	font-size: 1.75rem;
    font-weight: 800;
    position: relative;
    left: 190px; 
    transition: left 0.3s; 
}
.logos {
	font-size: 1.75rem;
    font-weight: 800;
    position: relative;
    left: 190px; 
    transition: left 0.3s; 
}

@media (max-width: 768px) {
    .logo,.logos {
        left: 0;
    }
}

.mb-9 {
  margin-bottom: 2.25rem;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.contents {
  display: contents;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-9 {
  height: 2.25rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-9 {
  width: 2.25rem;
}
.grow {
  flex-grow: 1;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-1000 {
  transition-duration: 1s;
}
body {
  background: #fff;
  background-attachment: fixed;

  font-family: var(--default-font-family);
    font-size: var(--default-font-size);
    font-style: var(--default-font-style);
    font-weight: var(--default-font-weight);
    letter-spacing: var(--default-letter-spacing);
    line-height: var(--default-line-height);
    overflow-wrap: break-word;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.main-body {
  min-height: 98vh;
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-weight: 300;
  src:
    local("Roboto-Thin"),
    url(css/Roboto-Thin.woff2) format("woff2"),
    url(css/Roboto-Thin-MgTscrCg.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-weight: 400;
  src:
    local("Roboto-Regular"),
    url(css/Roboto-Regular.woff2) format("woff2"),
    url(css/Roboto-Regular.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-weight: 600;
  src:
    local("Roboto-Medium"),
    url(css/Roboto-Medium.woff2) format("woff2"),
    url(css/Roboto-Medium.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-weight: 900;
  src:
    local("Roboto-Bold"),
    url(css/Roboto-Bold.woff2) format("woff2"),
    url(css/Roboto-Bold.woff) format("woff");
}
* {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
button:hover {
  cursor: pointer;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
button {
  all: unset;
}
.customvoiceaudio {
  background-color: #fff;
  border: 1px solid #dedee0;
  border-radius: 6px;
  padding: 10px;
  position: relative;
}
.error {
  color: var(--red-9);
}
.mainVbutton {
  background: none !important;
  border: 3px solid rgba(96, 142, 219,0.5) !important;
}
.mainVbutton:hover {
  border: 3px solid rgba(96, 142, 219,0.8) !important;
}
.PageContentText {
  font-weight: 100;
  padding-bottom: 20px;
}
.TextLinks {
  color: #61dafb;
  text-decoration: none;
}
.TextLinks:hover {
  text-decoration: underline;
}
.contain-main {
    max-width: max-width: 1140px;;
    margin: auto;
    background: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

h1.display-2 {
    font-size: 2em;
    color: #333;
}

.lead {
    font-size: 1.25em;
    color: #666;
}

.form-row {
     position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.form-row {
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.form-group {
    position: relative;
    margin-bottom: 1rem;
}

.form-group.col-md-6 {
    flex: 0 0 calc(50% - 30px);
    margin-right: 30px; 
}


.form-row .form-group:nth-child(2n) {
    margin-right: 0;
}

.form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-control, .custom-select {
display: block;
    width: 100%;
    height: calc(1.5em + 1.4rem);
    padding: 0.6rem 0.75rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #4A5073;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 0.0625rem solid #eaedf2;
    border-radius: 0.5rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
}
textarea.form-control {
    height: auto;
}
.form-control:focus {
    border-color: #608edb;
    outline: none;
}

.btn {
 display: inline-block;
    font-weight: 600;
    color: #4A5073;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0.0625rem solid transparent;
    padding: 0.5rem 1.25rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.5rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-secondary {
    color: #000000;
    background-color: rgba(96, 142, 219,0.5);
    border-color: rgba(96, 142, 219,0.6);
    box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07);
}

.btn-secondary:hover {
    color: #000000;
    background-color:  rgba(96, 142, 219,0.7);
    border-color:  rgba(96, 142, 219,0.8);
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07), 0 0 0 0.0625rem rgba(241, 106, 106, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #000000;
    background-color:  rgba(96, 142, 219,0.5);
    border-color:  rgba(96, 142, 219,0.6);
}

.paper {
    margin-right: 0.5rem !important;
    position: absolute;
    top: 14px;
    left: 4px;
}
.row {
    display: flex;
    top: 15px;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.cols {
    flex: 0 0 100%;
    max-width: 100%;
}
.text-danger {
    color: red;
    font-size: 0.875em;
}
.alert {
    padding: 1rem 1.5rem;
    border: 0;
    font-size: 0.875rem;
    border-radius: 0.5rem;
}
.alert-success {
    color: #ffffff;
    background-color: #05A677;
    border-color: #05A677;
}
.alert-danger {
    color: #ffffff;
    background-color: #d84b4c;
    border-color: #d84b4c;
}
.alert-warning {
    color: #ffffff;
    background-color: #d4a052;
    border-color: #d4a052;
}


@media screen and (max-width: 600px) {
.contain-main {
    padding: 15px;
}
    
.form-row {
    flex-direction: column;
}
    
.form-group {
    margin-right: 0;
}
}
.frscode {
 margin: 10px auto;
 max-width: 250px;
}

.fsscode {
    display: flex;
    align-items: center;
    flex: 1;
}

.fcscode {
	font-size: 16px;
    font-weight: 800;
    text-align: center;
    margin-right: 10px;
    width: calc(5ch + 10px);
    min-width: 100px;
	border: 1px solid #dedee0;
	height: 50px;
}

#verifycaptcha {
    max-height: 50px;
    margin-right: 10px;
}

#reverify {
    display: inline-block;
    transition: transform 0.3s ease;
}

#reverify:hover {
   transform: rotate(360deg); 
}
video {
  border-radius: 12px;
  box-shadow: 0 10px 70px #ffffff4d;
  display: flex;
  margin-left: 5px;
  margin-right: 5px;
}
.textcl {
     font-size: .875rem;
    font-weight: 600;
}

.cookie-banner {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 999;
  border-radius: 0px;
  display: none;
}
.cookalert {
	color: #fff;
    background: #4b5057;
}

.alertc {
	padding: .75rem .75rem;
    margin-bottom: 1rem;
    margin: 0 0 1em;
    margin: 0;
    min-height: 4em;
    min-height: 0;
}
.privcook {
  color: #0066FF;
  text-decoration: inherit;
}
.privcook:hover {
  color: #8ab3f2;
  text-decoration: underline;
}
.iagre {
    color: #fff;
    background: #0066FF;
}
.iagre:hover {
    color: #fff;
    background: #0456d1;
}
.notification {
    position: fixed;
    bottom: 25px;
    right: 25px;
    padding: 10px 18px;
    border-radius: 12px;
    background: rgba(96, 142, 219,0.8);
    color: #000000;
    font-family: Arial, sans-serif; 
    font-size: 14px; 
    line-height: 1.5;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
    max-width: 90%;
    border: 1px solid rgba(255, 255, 255, 0.3); 
    backdrop-filter: blur(10px); 
    animation: fadeIn 0.3s forwards; 
}

.notification.show {
    transform: translateY(0);
    opacity: 1;
}

.notification.success {
    background: #608edb;
    color: #fff;
}

.notification.error {
    background: #f26061;
    color:#fff;
}
.audiotimer {
    float: left; 
    margin: 5px 10px 0 10px;
}
.type-file {
 position: absolute;
 left: 1px;
}
::-webkit-scrollbar {
  width: 4px !important;
}
::-webkit-scrollbar-track {
  background-color: transparent !important;
}
::-webkit-scrollbar-thumb {
  background: var(--gray-10) !important;
  border-radius: 20px !important;
}
.vo-Container {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.TextArea,
.vo-TextAreaBr,
.vo-TextAreacover,
input,
textarea {
  box-shadow: none !important;
}
.TextArea:hover,
.vo-TextAreaBr:hover,
.vo-TextAreacover:hover,
input:hover,
textarea:hover {
  cursor: text;
}
.TextAreabox {
	  box-shadow:
    var(--base-button-classic-box-shadow-top),
    inset 0 0 0 1px var(--accent-12),
    var(--base-button-classic-box-shadow-bottom);
}
.TextArea:focus,
.vo-TextAreaBr:focus,
.vo-TextAreacover:focus,
input:focus {
  outline: 1px solid #fff;
}
textarea:focus {
  outline: 1px solid rgba(96, 142, 219,0.5);
}
@media (max-width: 429px) {
  .vo-Section.vo-v-size-3 {
    padding-top: 40px;
  }
  .vo-Heading.vo-v-size-9 {
    font-size: 40px !important;
  }
}
@keyframes vo-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vo-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes vo-slide-from-top {
  0% {
    transform: translateY(4px) scale(0.97);
  }
  to {
    transform: translateY(0) scale(1);
  }
}
@keyframes vo-slide-to-top {
  0% {
    transform: translateY(0) scale(1);
  }
  to {
    transform: translateY(4px) scale(0.97);
  }
}
@keyframes vo-slide-from-bottom {
  0% {
    transform: translateY(-4px) scale(0.97);
  }
  to {
    transform: translateY(0) scale(1);
  }
}
@keyframes vo-slide-to-bottom {
  0% {
    transform: translateY(0) scale(1);
  }
  to {
    transform: translateY(-4px) scale(0.97);
  }
}
@keyframes vo-slide-from-left {
  0% {
    transform: translate(4px) scale(0.97);
  }
  to {
    transform: translate(0) scale(1);
  }
}
@keyframes vo-slide-to-left {
  0% {
    transform: translate(0) scale(1);
  }
  to {
    transform: translate(4px) scale(0.97);
  }
}
@keyframes vo-slide-from-right {
  0% {
    transform: translate(-4px) scale(0.97);
  }
  to {
    transform: translate(0) scale(1);
  }
}
@keyframes vo-slide-to-right {
  0% {
    transform: translate(0) scale(1);
  }
  to {
    transform: translate(-4px) scale(0.97);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .vo-PopperContent {
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  }
  .vo-PopperContent:where([data-state="open"]) {
    animation-duration: 0.3s;
  }
  .vo-PopperContent:where([data-state="open"]):where([data-side="top"]) {
    animation-name: vo-slide-from-top, vo-fade-in;
  }
  .vo-PopperContent:where([data-state="open"]):where([data-side="bottom"]) {
    animation-name: vo-slide-from-bottom, vo-fade-in;
  }
  .vo-PopperContent:where([data-state="open"]):where([data-side="left"]) {
    animation-name: vo-slide-from-left, vo-fade-in;
  }
  .vo-PopperContent:where([data-state="open"]):where([data-side="right"]) {
    animation-name: vo-slide-from-right, vo-fade-in;
  }
  .vo-PopperContent:where([data-state="closed"]) {
    animation-duration: 0.15s;
  }
  .vo-PopperContent:where([data-state="closed"]):where([data-side="top"]) {
    animation-name: vo-slide-to-top, vo-fade-out;
  }
  .vo-PopperContent:where([data-state="closed"]):where([data-side="bottom"]) {
    animation-name: vo-slide-to-bottom, vo-fade-out;
  }
  .vo-PopperContent:where([data-state="closed"]):where([data-side="left"]) {
    animation-name: vo-slide-to-left, vo-fade-out;
  }
  .vo-PopperContent:where([data-state="closed"]):where([data-side="right"]) {
    animation-name: vo-slide-to-right, vo-fade-out;
  }
}
[data-is-root-theme="true"] {
  position: relative;
  z-index: 0;
}
.vo-reset:where(a) {
  color: inherit;
  cursor: var(--cursor-link);
  outline: none;
  text-decoration: none;
}
.vo-reset:where(button) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: var(--cursor-button);
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: initial;
  -webkit-tap-highlight-color: transparent;
}
.vo-reset:where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
.vo-reset:where(ol, ul) {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vo-reset:where(p) {
  margin: 0;
}
.vo-reset:where(pre) {
  font-family: inherit;
  margin: 0;
}

:root {
    --tomato-1: #1a0f0f;
  --tomato-2: #2b1615;
  --tomato-3: #4a1914;
  --tomato-4: #601a12;
  --tomato-5: #701d18;
  --tomato-6: #7e2b20;
  --tomato-7: #964037;
  --tomato-8: #b05443;
  --tomato-9: #e65a2e;
  --tomato-10: #ec6a4c;
  --tomato-11: #ff9f81;
  --tomato-12: #fbd5ce;
  --tomato-a1: #f1121208;
  --tomato-a2: #ff56440f;
  --tomato-a3: #ff3f2b2b;
  --tomato-a4: #fd221142;
  --tomato-a5: #fe392153;
  --tomato-a6: #ff5f3864;
  --tomato-a7: #fd654a7d;
  --tomato-a8: #fe7d4ea7;
  --tomato-a9: #fe6331e4;
  --tomato-a10: #ff7f47eb;
  --tomato-a11: #ff9f81;
  --tomato-a12: #ffd7d5fb;

  --red-1: #1a0f0f;
  --red-2: #2a1414;
  --red-3: #4a1219;
  --red-4: #6a0f1c;
  --red-5: #7b1623;
  --red-6: #8c232d;
  --red-7: #a0333a;
  --red-8: #c54548;
  --red-9: #d6484d;
  --red-10: #df5d5e;
  --red-11: #ffb0ae;
  --red-12: #ffe1e9;
  --red-a1: #f4121209;
  --red-a2: #f22f3e11;
  --red-a3: #ff173f2d;
  --red-a4: #fe0a3b44;
  --red-a5: #ff204756;
  --red-a6: #ff3e5668;
  --red-a7: #ff536184;
  --red-a8: #ff5d61b0;
  --red-a9: #fe4e54e4;
  --red-a10: #ff6465eb;
  --red-a11: #ffb0ae;
  --red-a12: #ffe1e9;

  --ruby-1: #1b0f14;
  --ruby-2: #1f1519;
  --ruby-3: #3c1420;
  --ruby-4: #521328;
  --ruby-5: #621b30;
  --ruby-6: #722639;
  --ruby-7: #943a4a;
  --ruby-8: #b84f5c;
  --ruby-9: #e64d65;
  --ruby-10: #ed596f;
  --ruby-11: #ff8f9d;
  --ruby-12: #fec8df;
  --ruby-a1: #f5124b09;
  --ruby-a2: #fe5c7e0e;
  --ruby-a3: #ff245d2c;
  --ruby-a4: #fd1a5e42;
  --ruby-a5: #fe2f6c53;
  --ruby-a6: #ff457766;
  --ruby-a7: #ff587d80;
  --ruby-a8: #ff5e7db0;
  --ruby-a9: #fe4e70e4;
  --ruby-a10: #ff6284eb;
  --ruby-a11: #ff8f9d;
  --ruby-a12: #ffd1e3;

  --crimson-1: #1b1115;
  --crimson-2: #21141a;
  --crimson-3: #3a1527;
  --crimson-4: #4f1332;
  --crimson-5: #5f193c;
  --crimson-6: #6f2549;
  --crimson-7: #88345b;
  --crimson-8: #b14a6f;
  --crimson-9: #eb3f83;
  --crimson-10: #ef538c;
  --crimson-11: #ff8fae;
  --crimson-12: #fdd4e9;
  --crimson-a1: #f4126c09;
  --crimson-a2: #f22f7b11;
  --crimson-a3: #fe2b8e2a;
  --crimson-a4: #fd158841;
  --crimson-a5: #fd289251;
  --crimson-a6: #fe459c63;
  --crimson-a7: #fd569f7f;
  --crimson-a8: #fe5c9dbb;
  --crimson-a9: #fe428ee8;
  --crimson-a10: #ff5795ee;
  --crimson-a11: #ff8fae;
  --crimson-a12: #ffd6ebfd;

  --pink-1: #1b1119;
  --pink-2: #22131f;
  --pink-3: #391830;
  --pink-4: #4e1543;
  --pink-5: #5b1e4c;
  --pink-6: #6c2b5b;
  --pink-7: #84366c;
  --pink-8: #ab4e87;
  --pink-9: #d742a0;
  --pink-10: #df52b1;
  --pink-11: #ff8fcf;
  --pink-12: #fdd4eb;
  --pink-a1: #f412c909;
  --pink-a2: #f421bb12;
  --pink-a3: #fe38cd29;
  --pink-a4: #fc1fc53f;
  --pink-a5: #fd36c34e;
  --pink-a6: #fd52cb5f;
  --pink-a7: #fd63cc7b;
  --pink-a8: #ff6bc8a2;
  --pink-a9: #fe4abed4;
  --pink-a10: #ff5dc2dc;
  --pink-a11: #ff8fcf;
  --pink-a12: #ffd4edfd;

  --plum-1: #1b111a;
  --plum-2: #221421;
  --plum-3: #371b38;
  --plum-4: #471e4a;
  --plum-5: #53275a;
  --plum-6: #613062;
  --plum-7: #754078;
  --plum-8: #96609c;
  --plum-9: #ac4ebc;
  --plum-10: #b75bc8;
  --plum-11: #e8a5f5;
  --plum-12: #f5d5f5;
  --plum-a1: #f113f208;
  --plum-a2: #f230f211;
  --plum-a3: #fd4dfd27;
  --plum-a4: #f648ff3a;
  --plum-a5: #f457ff48;
  --plum-a6: #f76eff56;
  --plum-a7: #f07dfd70;
  --plum-a8: #ee86ff95;
  --plum-a9: #e964feb6;
  --plum-a10: #ed72ffc0;
  --plum-a11: #f1a0fef3;
  --plum-a12: #feedfef4;

  --purple-1: #1a0f25;
  --purple-2: #261c35;
  --purple-3: #3a2c54;
  --purple-4: #4a2f67;
  --purple-5: #5d3a7e;
  --purple-6: #6a438d;
  --purple-7: #785597;
  --purple-8: #9461c4;
  --purple-9: #9f55d9;
  --purple-10: #a768e1;
  --purple-11: #d29eff;
  --purple-12: #f1e1fb;
  --purple-a1: #b412f90b;
  --purple-a2: #b744f714;
  --purple-a3: #c150ff2d;
  --purple-a4: #bb53fd42;
  --purple-a5: #be5cfd51;
  --purple-a6: #c16dfd61;
  --purple-a7: #c378fd7a;
  --purple-a8: #c47effa4;
  --purple-a9: #b661ffc2;
  --purple-a10: #bc6fffcd;
  --purple-a11: #d29eff;
  --purple-a12: #f1e1fb;
  
  --violet-1: #15121f;
  --violet-2: #1c1526;
  --violet-3: #2a1f4c;
  --violet-4: #36265d;
  --violet-5: #43306a;
  --violet-6: #4b3b77;
  --violet-7: #5a4b8d;
  --violet-8: #6b5dc0;
  --violet-9: #7356d2;
  --violet-10: #8466e5;
  --violet-11: #b9a5ff;
  --violet-12: #e3e0fe;
  --violet-a1: #4623ff0f;
  --violet-a2: #863ef916;
  --violet-a3: #8455fe36;
  --violet-a4: #7e50fd50;
  --violet-a5: #8561fd5f;
  --violet-a6: #8e6cfe6d;
  --violet-a7: #9a7cfe83;
  --violet-a8: #9a7efeaa;
  --violet-a9: #8770ffcc;
  --violet-a10: #917cfed7;
  --violet-a11: #b9a5ff;
  --violet-a12: #e4dfff;

  --iris-1: #14141f;
  --iris-2: #18172a;
  --iris-3: #21234b;
  --iris-4: #282c69;
  --iris-5: #323c7a;
  --iris-6: #404284;
  --iris-7: #4f4f98;
  --iris-8: #5e5fb5;
  --iris-9: #6061db;
  --iris-10: #7174e1;
  --iris-11: #b2a8ff;
  --iris-12: #e1dfff;
  --iris-a1: #3736fe0e;
  --iris-a2: #5750f916;
  --iris-a3: #535dff3b;
  --iris-a4: #4e5aff5a;
  --iris-a5: #5c64fd6b;
  --iris-a6: #6e70fe7a;
  --iris-a7: #7878fe8e;
  --iris-a8: #7c7afeab;
  --iris-a9: #6c6afed4;
  --iris-a10: #7e7affdc;
  --iris-a11: #b2a8ff;
  --iris-a12: #e2e1ff;

   --indigo-1: #12141f;
  --indigo-2: #151826;
  --indigo-3: #1a254a;
  --indigo-4: #1e2f64;
  --indigo-5: #263b76;
  --indigo-6: #314385;
  --indigo-7: #3b5098;
  --indigo-8: #4461b3;
  --indigo-9: #3f66e0;
  --indigo-10: #5577e5;
  --indigo-11: #9db3ff;
  --indigo-12: #d7e2ff;
  --indigo-a1: #1144ff0f;
  --indigo-a2: #3365fa17;
  --indigo-a3: #3066ff3c;
  --indigo-a4: #3669ff57;
  --indigo-a5: #4275fd6b;
  --indigo-a6: #527cfd7c;
  --indigo-a7: #5b82ff90;
  --indigo-a8: #5c83feac;
  --indigo-a9: #4782ffdb;
  --indigo-a10: #5d80fee3;
  --indigo-a11: #9db3ff;
  --indigo-a12: #d7e2ff;

   --blue-1: #0e1c29;
  --blue-2: #1a2331;
  --blue-3: #0e2e54;
  --blue-4: #003c75;
  --blue-5: #004c88;
  --blue-6: #105b9e;
  --blue-7: #2069b1;
  --blue-8: #2980d5;
  --blue-9: #00a1ff;
  --blue-10: #3caeff;
  --blue-11: #73c2ff;
  --blue-12: #c4e9ff;
  --blue-a1: #0052f211;
  --blue-a2: #1170fc18;
  --blue-a3: #0083ff3a;
  --blue-a4: #007fff57;
  --blue-a5: #0090fe6b;
  --blue-a6: #0f9ef77f;
  --blue-a7: #2b9bfe98;
  --blue-a8: #31a0feb9;
  --blue-a9: #00a1ff;
  --blue-a10: #3caeff;
  --blue-a11: #73c2ff;
  --blue-a12: #c4e9ff;

    --cyan-1: #0c1c20;
  --cyan-2: #132328;
  --cyan-3: #0a2f3f;
  --cyan-4: #00454c;
  --cyan-5: #005462;
  --cyan-6: #04676e;
  --cyan-7: #137d8f;
  --cyan-8: #12a0b4;
  --cyan-9: #00b3d9;
  --cyan-10: #25b8de;
  --cyan-11: #4fd5e9;
  --cyan-12: #b8f1fa;
  --cyan-a1: #0098f80a;
  --cyan-a2: #02b0f311;
  --cyan-a3: #00d0ff28;
  --cyan-a4: #00c9ff3b;
  --cyan-a5: #00d0ff4d;
  --cyan-a6: #00d8fe5e;
  --cyan-a7: #15d4ff75;
  --cyan-a8: #12d6ff95;
  --cyan-a9: #00d7ffcc;
  --cyan-a10: #29dfffcd;
  --cyan-a11: #53e8ffde;
  --cyan-a12: #bcf5fef7;

    --teal-1: #0e1b1a;
  --teal-2: #122020;
  --teal-3: #0e3a36;
  --teal-4: #024a45;
  --teal-5: #095b4c;
  --teal-6: #156c5e;
  --teal-7: #1d7a73;
  --teal-8: #21a68b;
  --teal-9: #13b4a1;
  --teal-10: #0fc9a9;
  --teal-11: #0ce1bc;
  --teal-12: #b3f3e1;
  --teal-a1: #00e8b205;
  --teal-a2: #13f5e70c;
  --teal-a3: #00ffec1e;
  --teal-a4: #00ffef2d;
  --teal-a5: #00ffe43b;
  --teal-a6: #1efff24b;
  --teal-a7: #2ef1e75f;
  --teal-a8: #32fff475;
  --teal-a9: #13ffef9f;
  --teal-a10: #0dffecae;
  --teal-a11: #09ffdbd6;
  --teal-a12: #b5ffebef;

  --jade-1: #0e1611;
  --jade-2: #132b25;
  --jade-3: #0f3a29;
  --jade-4: #0c4b36;
  --jade-5: #125d3e;
  --jade-6: #1c6f4c;
  --jade-7: #267052;
  --jade-8: #2d8b66;
  --jade-9: #2caa8d;
  --jade-10: #29b891;
  --jade-11: #1fe0ac;
  --jade-12: #b3f1d2;
  --jade-a1: #00e34b05;
  --jade-a2: #28f9a40c;
  --jade-a3: #03f9a320;
  --jade-a4: #00ffb52d;
  --jade-a5: #12ffc63b;
  --jade-a6: #34ffcd4b;
  --jade-a7: #46fece5e;
  --jade-a8: #49ffde75;
  --jade-a9: #39ffda9d;
  --jade-a10: #32fdd8ab;
  --jade-a11: #22ffccd6;
  --jade-a12: #b6ffe7ef;

  --green-1: #0d1411;
  --green-2: #111a16;
  --green-3: #123c20;
  --green-4: #0f3a28;
  --green-5: #165034;
  --green-6: #1f5b3b;
  --green-7: #287c4b;
  --green-8: #2e7e56;
  --green-9: #30a86b;
  --green-10: #34b07b;
  --green-11: #3fd78d;
  --green-12: #b3f2cc;
  --green-a1: #00de4505;
  --green-a2: #28f89d0b;
  --green-a3: #22ff981e;
  --green-a4: #12ff992d;
  --green-a5: #2cfba23c;
  --green-a6: #45f9aa4b;
  --green-a7: #51fdbd5e;
  --green-a8: #54fbbd73;
  --green-a9: #43f9a49e;
  --green-a10: #43fda4ab;
  --green-a11: #47fda5d4;
  --green-a12: #b8ffd7f0;

  --grass-1: #0d1410;
  --grass-2: #141a14;
  --grass-3: #1a2b1d;
  --grass-4: #1e3a23;
  --grass-5: #24482b;
  --grass-6: #2c5635;
  --grass-7: #367640;
  --grass-8: #3f7b4a;
  --grass-9: #47a759;
  --grass-10: #54b267;
  --grass-11: #73d184;
  --grass-12: #c1f1c1;
  --grass-a1: #00de1205;
  --grass-a2: #5ef8780a;
  --grass-a3: #70fe8b1b;
  --grass-a4: #58ff802c;
  --grass-a5: #69ff8c3b;
  --grass-a6: #72ff8f4c;
  --grass-a7: #78fd925d;
  --grass-a8: #78fd9070;
  --grass-a9: #66ff82a1;
  --grass-a10: #73ff8dae;
  --grass-a11: #8aff9fcd;
  --grass-a12: #cdffceef;

  --orange-1: #1a0f0b;
  --orange-2: #2b1510;
  --orange-3: #3f1e0d;
  --orange-4: #532000;
  --orange-5: #653000;
  --orange-6: #77410d;
  --orange-7: #8f511e;
  --orange-8: #a75c2a;
  --orange-9: #f77b15;
  --orange-10: #ff912f;
  --orange-11: #ffb167;
  --orange-12: #ffe3c6;
  --orange-a1: #ec350007;
  --orange-a2: #fe6f000e;
  --orange-a3: #fb6d0025;
  --orange-a4: #ff590039;
  --orange-a5: #ff62004a;
  --orange-a6: #fd76045c;
  --orange-a7: #ff842c75;
  --orange-a8: #fe85389d;
  --orange-a9: #fe6e15f7;
  --orange-a10: #ff912f;
  --orange-a11: #ffb167;
  --orange-a12: #ffe3c6;

  --brown-1: #13110f;
  --brown-2: #1e1917;
  --brown-3: #2b2221;
  --brown-4: #353032;
  --brown-5: #4a3c29;
  --brown-6: #5c4f3f;
  --brown-7: #685a4a;
  --brown-8: #7f6b54;
  --brown-9: #b08a6c;
  --brown-10: #c09b78;
  --brown-11: #e2c2a1;
  --brown-12: #f5e5d5;
  --brown-a1: #91110002;
  --brown-a2: #fba87e0c;
  --brown-a3: #fcb68f19;
  --brown-a4: #fbbd8b24;
  --brown-a5: #fcb98931;
  --brown-a6: #fdba8a41;
  --brown-a7: #ffbc8f56;
  --brown-a8: #ffbe8e73;
  --brown-a9: #feb78da8;
  --brown-a10: #ffc19db3;
  --brown-a11: #fed1b1d9;
  --brown-a12: #feecd8f2;

  --sky-1: #0e1522;
  --sky-2: #121c2a;
  --sky-3: #113240;
  --sky-4: #114055;
  --sky-5: #16576a;
  --sky-6: #1c5f7e;
  --sky-7: #2074a0;
  --sky-8: #1a81b8;
  --sky-9: #7de3fe;
  --sky-10: #a9f1ff;
  --sky-11: #76c8f2;
  --sky-12: #c3f4ff;
  --sky-a1: #0045ff0f;
  --sky-a2: #1180fc18;
  --sky-a3: #1192fd33;
  --sky-a4: #12a0fe49;
  --sky-a5: #1da4fd5d;
  --sky-a6: #29a9ff72;
  --sky-a7: #2cb3fe8b;
  --sky-a8: #1eb6ffb0;
  --sky-a9: #7de4ff;
  --sky-a10: #a9f1ff;
  --sky-a11: #7cd4ffef;
  --sky-a12: #c3f4ff;

  --mint-1: #0f1615;
  --mint-2: #101b1b;
  --mint-3: #0a2d2b;
  --mint-4: #003c38;
  --mint-5: #004b44;
  --mint-6: #116054;
  --mint-7: #1f6b5f;
  --mint-8: #28806f;
  --mint-9: #87ead5;
  --mint-10: #a9f7e6;
  --mint-11: #59d6bb;
  --mint-12: #c5f6e2;
  --mint-a1: #00dede05;
  --mint-a2: #00f9f90b;
  --mint-a3: #00fff61d;
  --mint-a4: #00fff52c;
  --mint-a5: #00fff34a;
  --mint-a6: #0effeb4b;
  --mint-a7: #34fde65e;
  --mint-a8: #41ffdf77;
  --mint-a9: #92ffe8ea;
  --mint-a10: #aefeedf6;
  --mint-a11: #68ffded3;
  --mint-a12: #ccfeeaf6;

  --lime-1: #12140d;
  --lime-2: #161b12;
  --lime-3: #20281a;
  --lime-4: #2a371d;
  --lime-5: #345023;
  --lime-6: #3e5a2a;
  --lime-7: #4a6631;
  --lime-8: #5b7838;
  --lime-9: #bcef64;
  --lime-10: #d5ff71;
  --lime-11: #bde76d;
  --lime-12: #e4f8bc;
  --lime-a1: #11bc0003;
  --lime-a2: #78f8000a;
  --lime-a3: #9cf34c1a;
  --lime-a4: #a8fe5d29;
  --lime-a5: #aff06637;
  --lime-a6: #b3fe6e46;
  --lime-a7: #b7ff6f57;
  --lime-a8: #b7fd6d6c;
  --lime-a9: #ccff6aed;
  --lime-a10: #d5ff71;
  --lime-a11: #d2fe78e4;
  --lime-a12: #eafec0f7;

  --yellow-1: #14110a;
  --yellow-2: #1b180e;
  --yellow-3: #2d2304;
  --yellow-4: #362c01;
  --yellow-5: #433600;
  --yellow-6: #524403;
  --yellow-7: #665518;
  --yellow-8: #836b22;
  --yellow-9: #ffe62a;
  --yellow-10: #ffff58;
  --yellow-11: #f5e148;
  --yellow-12: #f6eeb5;
  --yellow-a1: #d1510005;
  --yellow-a2: #f9b4000c;
  --yellow-a3: #ffaa001f;
  --yellow-a4: #fdb70029;
  --yellow-a5: #febb0037;
  --yellow-a6: #fec40047;
  --yellow-a7: #fdcb225d;
  --yellow-a8: #fdca327c;
  --yellow-a9: #ffe62a;
  --yellow-a10: #ffff58;
  --yellow-a11: #fee94af6;
  --yellow-a12: #fef6bbf7;

  --amber-1: #16130d;
  --amber-2: #1d190f;
  --amber-3: #302109;
  --amber-4: #3f2801;
  --amber-5: #4d3101;
  --amber-6: #5c3e06;
  --amber-7: #71501a;
  --amber-8: #8f6525;
  --amber-9: #ffc53e;
  --amber-10: #ffd60b;
  --amber-11: #ffca17;
  --amber-12: #ffe7b4;
  --amber-a1: #e63c0007;
  --amber-a2: #fd9b000e;
  --amber-a3: #fa820123;
  --amber-a4: #fc820033;
  --amber-a5: #fd8b0042;
  --amber-a6: #fd9b0052;
  --amber-a7: #ffab2568;
  --amber-a8: #ffae3588;
  --amber-a9: #ffc53e;
  --amber-a10: #ffd60b;
  --amber-a11: #ffca17;
  --amber-a12: #ffe7b4;

  --gold-1: #121212;
  --gold-2: #1b1b18;
  --gold-3: #24241f;
  --gold-4: #2d2c27;
  --gold-5: #38362f;
  --gold-6: #44413a;
  --gold-7: #545047;
  --gold-8: #696357;
  --gold-9: #978466;
  --gold-10: #a39174;
  --gold-11: #cbb9a0;
  --gold-12: #e8e3da;
  --gold-a1: #91911203;
  --gold-a2: #f9e29e0c;
  --gold-a3: #f8ecbc16;
  --gold-a4: #ffeec521;
  --gold-a5: #feecc32b;
  --gold-a6: #feebcc38;
  --gold-a7: #ffedce49;
  --gold-a8: #fdeacb60;
  --gold-a9: #ffdba791;
  --gold-a10: #fedfb19e;
  --gold-a11: #fee7c7c9;
  --gold-a12: #fef7eee8;

    --bronze-1: #15120f;
  --bronze-2: #1d1a18;
  --bronze-3: #272320;
  --bronze-4: #32302d;
  --bronze-5: #3f3835;
  --bronze-6: #4e4340;
  --bronze-7: #60524b;
  --bronze-8: #72645d;
  --bronze-9: #a1897c;
  --bronze-10: #b08a7e;
  --bronze-11: #d6b5a7;
  --bronze-12: #efdfd8;
  --bronze-a1: #d1110004;
  --bronze-a2: #fbbc910c;
  --bronze-a3: #faceb817;
  --bronze-a4: #fbd1b622;
  --bronze-a5: #ffdbcb2d;
  --bronze-a6: #ffdbbe3c;
  --bronze-a7: #fdd1c44f;
  --bronze-a8: #ffd8cb65;
  --bronze-a9: #fed0b59b;
  --bronze-a10: #fecdacaa;
  --bronze-a11: #ffd9c7d1;
  --bronze-a12: #fff3eae6;

    --gray-1: #121212;
  --gray-2: #1a1a1a;
  --gray-3: #2a2a2a;
  --gray-4: #2d2d2d;
  --gray-5: #323232;
  --gray-6: #404040;
  --gray-7: #4e4e4e;
  --gray-8: #707070;
  --gray-9: #7b7b7b;
  --gray-10: #8a8a8a;
  --gray-11: #b8b8b8;
  --gray-12: #f0f0f0;
  --gray-a1: #00000000;
  --gray-a2: #ffffff0a;
  --gray-a3: #ffffff14;
  --gray-a4: #ffffff1d;
  --gray-a5: #ffffff24;
  --gray-a6: #ffffff2e;
  --gray-a7: #ffffff3d;
  --gray-a8: #ffffff58;
  --gray-a9: #ffffff66;
  --gray-a10: #ffffff75;
  --gray-a11: #ffffffb0;
  --gray-a12: #ffffffee;

  --mauve-1: #101011;
  --mauve-2: #17171b;
  --mauve-3: #1f1f25;
  --mauve-4: #262629;
  --mauve-5: #2e2e35;
  --mauve-6: #38383f;
  --mauve-7: #44454e;
  --mauve-8: #585e69;
  --mauve-9: #6a6d78;
  --mauve-10: #7a7a85;
  --mauve-11: #b1b2bc;
  --mauve-12: #f0eef0;
  --mauve-a1: #00000000;
  --mauve-a2: #f5f4f609;
  --mauve-a3: #edeaf814;
  --mauve-a4: #eee3f81d;
  --mauve-a5: #efe6fe25;
  --mauve-a6: #f1e4fd30;
  --mauve-a7: #eee8ff40;
  --mauve-a8: #eee5ff5d;
  --mauve-a9: #eae1fd6e;
  --mauve-a10: #ece7fd7c;
  --mauve-a11: #f3f1ffb7;
  --mauve-a12: #fefeffef;

  --slate-1: #1a1c1e;
  --slate-2: #202225;
  --slate-3: #292b2f;
  --slate-4: #2f3336;
  --slate-5: #373b3f;
  --slate-6: #404548;
  --slate-7: #4e545a;
  --slate-8: #666c73;
  --slate-9: #757b82;
  --slate-10: #868a90;
  --slate-11: #b7b9bf;
  --slate-12: #f1f3f5;
  --slate-a1: #00000000;
  --slate-a2: #e0f0f709;
  --slate-a3: #e0f0f814;
  --slate-a4: #e1f5f81d;
  --slate-a5: #d7f0fe25;
  --slate-a6: #cfe8fd30;
  --slate-a7: #cfeeff40;
  --slate-a8: #cfeeff5d;
  --slate-a9: #d3e1fd6d;
  --slate-a10: #d9e7fd7b;
  --slate-a11: #e3f5feb5;
  --slate-a12: #f8fcffef;

  --sage-1: #121314;
  --sage-2: #1c1e1e;
  --sage-3: #252627;
  --sage-4: #2d2f2e;
  --sage-5: #363a39;
  --sage-6: #404445;
  --sage-7: #4e5150;
  --sage-8: #6a707d;
  --sage-9: #707d77;
  --sage-10: #7c8b88;
  --sage-11: #b3b7b5;
  --sage-12: #f0f2f0;
  --sage-a1: #00000000;
  --sage-a2: #e9ebec08;
  --sage-a3: #f5f7f512;
  --sage-a4: #f3fbfa1a;
  --sage-a5: #f2fdfb22;
  --sage-a6: #e9fbf42d;
  --sage-a7: #e9fcf83c;
  --sage-a8: #e6fdf857;
  --sage-a9: #dbfdf366;
  --sage-a10: #e9fef674;
  --sage-a11: #f6fefbb0;
  --sage-a12: #feffffed;

  --olive-1: #121210;
  --olive-2: #1a1917;
  --olive-3: #232220;
  --olive-4: #292b27;
  --olive-5: #32322e;
  --olive-6: #3c3c36;
  --olive-7: #4b4e43;
  --olive-8: #6a6e5b;
  --olive-9: #70776a;
  --olive-10: #7b7e74;
  --olive-11: #b1b7ad;
  --olive-12: #f0f2ec;
  --olive-a1: #00000000;
  --olive-a2: #f3f4f008;
  --olive-a3: #f6f7f312;
  --olive-a4: #f5fef21a;
  --olive-a5: #f4fbf122;
  --olive-a6: #f6fbed2c;
  --olive-a7: #f4fced3b;
  --olive-a8: #f1fdeb57;
  --olive-a9: #eafde766;
  --olive-a10: #f2fdec74;
  --olive-a11: #f8fef4b0;
  --olive-a12: #fefffded;

  --sand-1: #121110;
  --sand-2: #1a1a18;
  --sand-3: #232321;
  --sand-4: #2b2b28;
  --sand-5: #32332e;
  --sand-6: #3f3e37;
  --sand-7: #4a4844;
  --sand-8: #6a686b;
  --sand-9: #7a7876;
  --sand-10: #8a8984;
  --sand-11: #b8b6ae;
  --sand-12: #f1f3ec;
  --sand-a1: #00000000;
  --sand-a2: #f6f6f409;
  --sand-a3: #f8f8f513;
  --sand-a4: #fefef41b;
  --sand-a5: #fdfdef23;
  --sand-a6: #fffbef2d;
  --sand-a7: #fffbed3c;
  --sand-a8: #fff8eb57;
  --sand-a9: #fffae965;
  --sand-a10: #fffdee73;
  --sand-a11: #fffcf4b0;
  --sand-a12: #ffffffed;

  --gray-2-translucent: #1c1c1cb3;
  --mauve-2-translucent: #1d1d1db3;
  --slate-2-translucent: #1a1b1db3;
  --sage-2-translucent: #191c1bb3;
  --olive-2-translucent: #1a1b1ab3;
  --sand-2-translucent: #1c1c1bb3;
  --gray-surface: #20202080;
  --mauve-surface: #21202280;
  --slate-surface: #1e202380;
  --sage-surface: #1d1f1e80;
  --olive-surface: #1e1f1e80;
  --sand-surface: #20202080;
  --tomato-surface: #2c191580;
  --red-surface: #2e151780;
  --ruby-surface: #2a191d80;
  --crimson-surface: #2e151f80;
  --pink-surface: #30232980;
  --plum-surface: #2e152f80;
  --purple-surface: #2a173580;
  --violet-surface: #24193980;
  --iris-surface: #1c1b3980;
  --indigo-surface: #161d3b80;
  --blue-surface: #10213d80;
  --cyan-surface: #10252d80;
  --teal-surface: #12272580;
  --jade-surface: #12271f80;
  --green-surface: #14251d80;
  --grass-surface: #18231b80;
  --brown-surface: #261f1b80;
  --bronze-surface: #26211d80;
  --gold-surface: #24231d80;
  --sky-surface: #12233b80;
  --mint-surface: #14272780;
  --lime-surface: #1a211580;
  --yellow-surface: #221f1380;
  --amber-surface: #261f1380;
  --orange-surface: #261d1380;

}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --tomato-1: color(display-p3 0.09 0.068 0.067);
      --tomato-2: color(display-p3 0.115 0.084 0.076);
      --tomato-3: color(display-p3 0.205 0.097 0.083);
      --tomato-4: color(display-p3 0.282 0.099 0.077);
      --tomato-5: color(display-p3 0.339 0.129 0.101);
      --tomato-6: color(display-p3 0.398 0.179 0.141);
      --tomato-7: color(display-p3 0.487 0.245 0.194);
      --tomato-8: color(display-p3 0.629 0.322 0.248);
      --tomato-9: color(display-p3 0.831 0.345 0.231);
      --tomato-10: color(display-p3 0.862 0.415 0.298);
      --tomato-11: color(display-p3 1 0.585 0.455);
      --tomato-12: color(display-p3 0.959 0.833 0.802);
      --tomato-a1: color(display-p3 0.973 0.071 0.071/.026);
      --tomato-a2: color(display-p3 0.992 0.376 0.224/.051);
      --tomato-a3: color(display-p3 0.996 0.282 0.176/.148);
      --tomato-a4: color(display-p3 1 0.204 0.118/.232);
      --tomato-a5: color(display-p3 1 0.286 0.192/.29);
      --tomato-a6: color(display-p3 1 0.392 0.278/.353);
      --tomato-a7: color(display-p3 1 0.459 0.349/.45);
      --tomato-a8: color(display-p3 1 0.49 0.369/.601);
      --tomato-a9: color(display-p3 1 0.408 0.267/.82);
      --tomato-a10: color(display-p3 1 0.478 0.341/.853);
      --tomato-a11: color(display-p3 1 0.585 0.455);
      --tomato-a12: color(display-p3 0.959 0.833 0.802);
      --red-1: color(display-p3 0.093 0.068 0.067);
      --red-2: color(display-p3 0.118 0.077 0.079);
      --red-3: color(display-p3 0.211 0.081 0.099);
      --red-4: color(display-p3 0.287 0.079 0.113);
      --red-5: color(display-p3 0.348 0.11 0.142);
      --red-6: color(display-p3 0.414 0.16 0.183);
      --red-7: color(display-p3 0.508 0.224 0.236);
      --red-8: color(display-p3 0.659 0.298 0.297);
      --red-9: color(display-p3 0.83 0.329 0.324);
      --red-10: color(display-p3 0.861 0.403 0.387);
      --red-11: color(display-p3 1 0.57 0.55);
      --red-12: color(display-p3 0.971 0.826 0.852);
      --red-a1: color(display-p3 0.984 0.071 0.071/.03);
      --red-a2: color(display-p3 0.996 0.282 0.282/.055);
      --red-a3: color(display-p3 1 0.169 0.271/.156);
      --red-a4: color(display-p3 1 0.118 0.267/.236);
      --red-a5: color(display-p3 1 0.212 0.314/.303);
      --red-a6: color(display-p3 1 0.318 0.38/.374);
      --red-a7: color(display-p3 1 0.4 0.424/.475);
      --red-a8: color(display-p3 1 0.431 0.431/.635);
      --red-a9: color(display-p3 1 0.388 0.384/.82);
      --red-a10: color(display-p3 1 0.463 0.447/.853);
      --red-a11: color(display-p3 1 0.57 0.55);
      --red-a12: color(display-p3 0.971 0.826 0.852);
      --ruby-1: color(display-p3 0.093 0.068 0.074);
      --ruby-2: color(display-p3 0.113 0.083 0.089);
      --ruby-3: color(display-p3 0.208 0.088 0.117);
      --ruby-4: color(display-p3 0.279 0.092 0.147);
      --ruby-5: color(display-p3 0.337 0.12 0.18);
      --ruby-6: color(display-p3 0.401 0.166 0.223);
      --ruby-7: color(display-p3 0.495 0.224 0.281);
      --ruby-8: color(display-p3 0.652 0.295 0.359);
      --ruby-9: color(display-p3 0.83 0.323 0.408);
      --ruby-10: color(display-p3 0.857 0.392 0.455);
      --ruby-11: color(display-p3 1 0.57 0.59);
      --ruby-12: color(display-p3 0.968 0.83 0.88);
      --ruby-a1: color(display-p3 0.984 0.071 0.329/.03);
      --ruby-a2: color(display-p3 0.992 0.376 0.529/.051);
      --ruby-a3: color(display-p3 0.996 0.196 0.404/.152);
      --ruby-a4: color(display-p3 1 0.173 0.416/.227);
      --ruby-a5: color(display-p3 1 0.259 0.459/.29);
      --ruby-a6: color(display-p3 1 0.341 0.506/.358);
      --ruby-a7: color(display-p3 1 0.412 0.541/.458);
      --ruby-a8: color(display-p3 1 0.431 0.537/.627);
      --ruby-a9: color(display-p3 1 0.376 0.482/.82);
      --ruby-a10: color(display-p3 1 0.447 0.522/.849);
      --ruby-a11: color(display-p3 1 0.57 0.59);
      --ruby-a12: color(display-p3 0.968 0.83 0.88);
      --crimson-1: color(display-p3 0.093 0.068 0.078);
      --crimson-2: color(display-p3 0.117 0.078 0.095);
      --crimson-3: color(display-p3 0.203 0.091 0.143);
      --crimson-4: color(display-p3 0.277 0.087 0.182);
      --crimson-5: color(display-p3 0.332 0.115 0.22);
      --crimson-6: color(display-p3 0.394 0.162 0.268);
      --crimson-7: color(display-p3 0.489 0.222 0.336);
      --crimson-8: color(display-p3 0.638 0.289 0.429);
      --crimson-9: color(display-p3 0.843 0.298 0.507);
      --crimson-10: color(display-p3 0.864 0.364 0.539);
      --crimson-11: color(display-p3 1 0.56 0.66);
      --crimson-12: color(display-p3 0.966 0.834 0.906);
      --crimson-a1: color(display-p3 0.984 0.071 0.463/.03);
      --crimson-a2: color(display-p3 0.996 0.282 0.569/.055);
      --crimson-a3: color(display-p3 0.996 0.227 0.573/.148);
      --crimson-a4: color(display-p3 1 0.157 0.569/.227);
      --crimson-a5: color(display-p3 1 0.231 0.604/.286);
      --crimson-a6: color(display-p3 1 0.337 0.643/.349);
      --crimson-a7: color(display-p3 1 0.416 0.663/.454);
      --crimson-a8: color(display-p3 0.996 0.427 0.651/.614);
      --crimson-a9: color(display-p3 1 0.345 0.596/.832);
      --crimson-a10: color(display-p3 1 0.42 0.62/.853);
      --crimson-a11: color(display-p3 1 0.56 0.66);
      --crimson-a12: color(display-p3 0.966 0.834 0.906);
      --pink-1: color(display-p3 0.093 0.068 0.089);
      --pink-2: color(display-p3 0.121 0.073 0.11);
      --pink-3: color(display-p3 0.198 0.098 0.179);
      --pink-4: color(display-p3 0.271 0.095 0.231);
      --pink-5: color(display-p3 0.32 0.127 0.273);
      --pink-6: color(display-p3 0.382 0.177 0.326);
      --pink-7: color(display-p3 0.477 0.238 0.405);
      --pink-8: color(display-p3 0.612 0.304 0.51);
      --pink-9: color(display-p3 0.775 0.297 0.61);
      --pink-10: color(display-p3 0.808 0.356 0.645);
      --pink-11: color(display-p3 1 0.535 0.78);
      --pink-12: color(display-p3 0.964 0.826 0.912);
      --pink-a1: color(display-p3 0.984 0.071 0.855/.03);
      --pink-a2: color(display-p3 1 0.2 0.8/.059);
      --pink-a3: color(display-p3 1 0.294 0.886/.139);
      --pink-a4: color(display-p3 1 0.192 0.82/.219);
      --pink-a5: color(display-p3 1 0.282 0.827/.274);
      --pink-a6: color(display-p3 1 0.396 0.835/.337);
      --pink-a7: color(display-p3 1 0.459 0.831/.442);
      --pink-a8: color(display-p3 1 0.478 0.827/.585);
      --pink-a9: color(display-p3 1 0.373 0.784/.761);
      --pink-a10: color(display-p3 1 0.435 0.792/.795);
      --pink-a11: color(display-p3 1 0.535 0.78);
      --pink-a12: color(display-p3 0.964 0.826 0.912);
      --plum-1: color(display-p3 0.09 0.068 0.092);
      --plum-2: color(display-p3 0.118 0.077 0.121);
      --plum-3: color(display-p3 0.192 0.105 0.202);
      --plum-4: color(display-p3 0.25 0.121 0.271);
      --plum-5: color(display-p3 0.293 0.152 0.319);
      --plum-6: color(display-p3 0.343 0.198 0.372);
      --plum-7: color(display-p3 0.424 0.262 0.461);
      --plum-8: color(display-p3 0.54 0.341 0.595);
      --plum-9: color(display-p3 0.624 0.313 0.708);
      --plum-10: color(display-p3 0.666 0.365 0.748);
      --plum-11: color(display-p3 0.86 0.602 0.933);
      --plum-12: color(display-p3 0.936 0.836 0.949);
      --plum-a1: color(display-p3 0.973 0.071 0.973/.026);
      --plum-a2: color(display-p3 0.933 0.267 1/0.059);
      --plum-a3: color(display-p3 0.918 0.333 0.996/.148);
      --plum-a4: color(display-p3 0.91 0.318 1/0.219);
      --plum-a5: color(display-p3 0.914 0.388 1/0.269);
      --plum-a6: color(display-p3 0.906 0.463 1/0.328);
      --plum-a7: color(display-p3 0.906 0.529 1/0.425);
      --plum-a8: color(display-p3 0.906 0.553 1/0.568);
      --plum-a9: color(display-p3 0.875 0.427 1/0.69);
      --plum-a10: color(display-p3 0.886 0.471 0.996/.732);
      --plum-a11: color(display-p3 0.86 0.602 0.933);
      --plum-a12: color(display-p3 0.936 0.836 0.949);
      --purple-1: color(display-p3 0.09 0.068 0.103);
      --purple-2: color(display-p3 0.113 0.082 0.134);
      --purple-3: color(display-p3 0.175 0.112 0.224);
      --purple-4: color(display-p3 0.224 0.137 0.297);
      --purple-5: color(display-p3 0.264 0.167 0.349);
      --purple-6: color(display-p3 0.311 0.208 0.406);
      --purple-7: color(display-p3 0.381 0.266 0.496);
      --purple-8: color(display-p3 0.49 0.349 0.649);
      --purple-9: color(display-p3 0.523 0.318 0.751);
      --purple-10: color(display-p3 0.57 0.373 0.791);
      --purple-11: color(display-p3 0.8 0.62 1);
      --purple-12: color(display-p3 0.913 0.854 0.971);
      --purple-a1: color(display-p3 0.686 0.071 0.996/.038);
      --purple-a2: color(display-p3 0.722 0.286 0.996/.072);
      --purple-a3: color(display-p3 0.718 0.349 0.996/.169);
      --purple-a4: color(display-p3 0.702 0.353 1/0.248);
      --purple-a5: color(display-p3 0.718 0.404 1/0.303);
      --purple-a6: color(display-p3 0.733 0.455 1/0.366);
      --purple-a7: color(display-p3 0.753 0.506 1/0.458);
      --purple-a8: color(display-p3 0.749 0.522 1/0.622);
      --purple-a9: color(display-p3 0.686 0.408 1/0.736);
      --purple-a10: color(display-p3 0.71 0.459 1/0.778);
      --purple-a11: color(display-p3 0.8 0.62 1);
      --purple-a12: color(display-p3 0.913 0.854 0.971);
      --violet-1: color(display-p3 0.077 0.071 0.118);
      --violet-2: color(display-p3 0.101 0.084 0.141);
      --violet-3: color(display-p3 0.154 0.123 0.256);
      --violet-4: color(display-p3 0.191 0.148 0.345);
      --violet-5: color(display-p3 0.226 0.182 0.396);
      --violet-6: color(display-p3 0.269 0.223 0.449);
      --violet-7: color(display-p3 0.326 0.277 0.53);
      --violet-8: color(display-p3 0.399 0.346 0.656);
      --violet-9: color(display-p3 0.417 0.341 0.784);
      --violet-10: color(display-p3 0.477 0.402 0.823);
      --violet-11: color(display-p3 0.72 0.65 1);
      --violet-12: color(display-p3 0.883 0.867 0.986);
      --violet-a1: color(display-p3 0.282 0.141 0.996/.055);
      --violet-a2: color(display-p3 0.51 0.263 1/0.08);
      --violet-a3: color(display-p3 0.494 0.337 0.996/.202);
      --violet-a4: color(display-p3 0.49 0.345 1/0.299);
      --violet-a5: color(display-p3 0.525 0.392 1/0.353);
      --violet-a6: color(display-p3 0.569 0.455 1/0.408);
      --violet-a7: color(display-p3 0.588 0.494 1/0.496);
      --violet-a8: color(display-p3 0.596 0.51 1/0.631);
      --violet-a9: color(display-p3 0.522 0.424 1/0.769);
      --violet-a10: color(display-p3 0.576 0.482 1/0.811);
      --violet-a11: color(display-p3 0.72 0.65 1);
      --violet-a12: color(display-p3 0.883 0.867 0.986);
      --iris-1: color(display-p3 0.075 0.075 0.114);
      --iris-2: color(display-p3 0.089 0.086 0.14);
      --iris-3: color(display-p3 0.128 0.134 0.272);
      --iris-4: color(display-p3 0.153 0.165 0.382);
      --iris-5: color(display-p3 0.192 0.201 0.44);
      --iris-6: color(display-p3 0.239 0.241 0.491);
      --iris-7: color(display-p3 0.291 0.289 0.565);
      --iris-8: color(display-p3 0.35 0.345 0.673);
      --iris-9: color(display-p3 0.357 0.357 0.81);
      --iris-10: color(display-p3 0.428 0.416 0.843);
      --iris-11: color(display-p3 0.685 0.662 1);
      --iris-12: color(display-p3 0.878 0.875 0.986);
      --iris-a1: color(display-p3 0.224 0.224 0.992/.051);
      --iris-a2: color(display-p3 0.361 0.314 1/0.08);
      --iris-a3: color(display-p3 0.357 0.373 1/0.219);
      --iris-a4: color(display-p3 0.325 0.361 1/0.337);
      --iris-a5: color(display-p3 0.38 0.4 1/0.4);
      --iris-a6: color(display-p3 0.447 0.447 1/0.454);
      --iris-a7: color(display-p3 0.486 0.486 1/0.534);
      --iris-a8: color(display-p3 0.502 0.494 1/0.652);
      --iris-a9: color(display-p3 0.431 0.431 1/0.799);
      --iris-a10: color(display-p3 0.502 0.486 1/0.832);
      --iris-a11: color(display-p3 0.685 0.662 1);
      --iris-a12: color(display-p3 0.878 0.875 0.986);
      --indigo-1: color(display-p3 0.068 0.074 0.118);
      --indigo-2: color(display-p3 0.081 0.089 0.144);
      --indigo-3: color(display-p3 0.105 0.141 0.275);
      --indigo-4: color(display-p3 0.129 0.18 0.369);
      --indigo-5: color(display-p3 0.163 0.22 0.439);
      --indigo-6: color(display-p3 0.203 0.262 0.5);
      --indigo-7: color(display-p3 0.245 0.309 0.575);
      --indigo-8: color(display-p3 0.285 0.362 0.674);
      --indigo-9: color(display-p3 0.276 0.384 0.837);
      --indigo-10: color(display-p3 0.354 0.445 0.866);
      --indigo-11: color(display-p3 0.63 0.69 1);
      --indigo-12: color(display-p3 0.848 0.881 0.99);
      --indigo-a1: color(display-p3 0.071 0.212 0.996/.055);
      --indigo-a2: color(display-p3 0.251 0.345 0.988/.085);
      --indigo-a3: color(display-p3 0.243 0.404 1/0.223);
      --indigo-a4: color(display-p3 0.263 0.42 1/0.324);
      --indigo-a5: color(display-p3 0.314 0.451 1/0.4);
      --indigo-a6: color(display-p3 0.361 0.49 1/0.467);
      --indigo-a7: color(display-p3 0.388 0.51 1/0.547);
      --indigo-a8: color(display-p3 0.404 0.518 1/0.652);
      --indigo-a9: color(display-p3 0.318 0.451 1/0.824);
      --indigo-a10: color(display-p3 0.404 0.506 1/0.858);
      --indigo-a11: color(display-p3 0.63 0.69 1);
      --indigo-a12: color(display-p3 0.848 0.881 0.99);
      --blue-1: color(display-p3 0.057 0.081 0.122);
      --blue-2: color(display-p3 0.072 0.098 0.147);
      --blue-3: color(display-p3 0.078 0.154 0.27);
      --blue-4: color(display-p3 0.033 0.197 0.37);
      --blue-5: color(display-p3 0.08 0.245 0.441);
      --blue-6: color(display-p3 0.14 0.298 0.511);
      --blue-7: color(display-p3 0.195 0.361 0.6);
      --blue-8: color(display-p3 0.239 0.434 0.72);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.344 0.612 0.973);
      --blue-11: color(display-p3 0.49 0.72 1);
      --blue-12: color(display-p3 0.788 0.898 0.99);
      --blue-a1: color(display-p3 0 0.333 1/0.059);
      --blue-a2: color(display-p3 0.114 0.435 0.988/.085);
      --blue-a3: color(display-p3 0.122 0.463 1/0.219);
      --blue-a4: color(display-p3 0 0.467 1/0.324);
      --blue-a5: color(display-p3 0.098 0.51 1/0.4);
      --blue-a6: color(display-p3 0.224 0.557 1/0.475);
      --blue-a7: color(display-p3 0.294 0.584 1/0.572);
      --blue-a8: color(display-p3 0.314 0.592 1/0.702);
      --blue-a9: color(display-p3 0.251 0.573 0.996/.967);
      --blue-a10: color(display-p3 0.357 0.631 1/0.971);
      --blue-a11: color(display-p3 0.49 0.72 1);
      --blue-a12: color(display-p3 0.788 0.898 0.99);
      --cyan-1: color(display-p3 0.053 0.085 0.098);
      --cyan-2: color(display-p3 0.072 0.105 0.122);
      --cyan-3: color(display-p3 0.073 0.168 0.209);
      --cyan-4: color(display-p3 0.063 0.216 0.277);
      --cyan-5: color(display-p3 0.091 0.267 0.336);
      --cyan-6: color(display-p3 0.137 0.324 0.4);
      --cyan-7: color(display-p3 0.186 0.398 0.484);
      --cyan-8: color(display-p3 0.23 0.496 0.6);
      --cyan-9: color(display-p3 0.282 0.627 0.765);
      --cyan-10: color(display-p3 0.331 0.675 0.801);
      --cyan-11: color(display-p3 0.446 0.79 0.887);
      --cyan-12: color(display-p3 0.757 0.919 0.962);
      --cyan-a1: color(display-p3 0 0.647 0.992/.034);
      --cyan-a2: color(display-p3 0.133 0.733 1/0.059);
      --cyan-a3: color(display-p3 0.122 0.741 0.996/.152);
      --cyan-a4: color(display-p3 0.051 0.725 1/0.227);
      --cyan-a5: color(display-p3 0.149 0.757 1/0.29);
      --cyan-a6: color(display-p3 0.267 0.792 1/0.358);
      --cyan-a7: color(display-p3 0.333 0.808 1/0.446);
      --cyan-a8: color(display-p3 0.357 0.816 1/0.572);
      --cyan-a9: color(display-p3 0.357 0.82 1/0.748);
      --cyan-a10: color(display-p3 0.4 0.839 1/0.786);
      --cyan-a11: color(display-p3 0.446 0.79 0.887);
      --cyan-a12: color(display-p3 0.757 0.919 0.962);
      --teal-1: color(display-p3 0.059 0.083 0.079);
      --teal-2: color(display-p3 0.075 0.11 0.107);
      --teal-3: color(display-p3 0.087 0.175 0.165);
      --teal-4: color(display-p3 0.087 0.227 0.214);
      --teal-5: color(display-p3 0.12 0.277 0.261);
      --teal-6: color(display-p3 0.162 0.335 0.314);
      --teal-7: color(display-p3 0.205 0.406 0.379);
      --teal-8: color(display-p3 0.245 0.489 0.453);
      --teal-9: color(display-p3 0.297 0.637 0.581);
      --teal-10: color(display-p3 0.319 0.69 0.62);
      --teal-11: color(display-p3 0.388 0.835 0.719);
      --teal-12: color(display-p3 0.734 0.934 0.87);
      --teal-a1: color(display-p3 0 0.992 0.761/.017);
      --teal-a2: color(display-p3 0.235 0.988 0.902/.047);
      --teal-a3: color(display-p3 0.235 1 0.898/.118);
      --teal-a4: color(display-p3 0.18 0.996 0.929/.173);
      --teal-a5: color(display-p3 0.31 1 0.933/.227);
      --teal-a6: color(display-p3 0.396 1 0.933/.286);
      --teal-a7: color(display-p3 0.443 1 0.925/.366);
      --teal-a8: color(display-p3 0.459 1 0.925/.454);
      --teal-a9: color(display-p3 0.443 0.996 0.906/.61);
      --teal-a10: color(display-p3 0.439 0.996 0.89/.669);
      --teal-a11: color(display-p3 0.388 0.835 0.719);
      --teal-a12: color(display-p3 0.734 0.934 0.87);
      --jade-1: color(display-p3 0.059 0.083 0.071);
      --jade-2: color(display-p3 0.078 0.11 0.094);
      --jade-3: color(display-p3 0.091 0.176 0.138);
      --jade-4: color(display-p3 0.102 0.228 0.177);
      --jade-5: color(display-p3 0.133 0.279 0.221);
      --jade-6: color(display-p3 0.174 0.334 0.273);
      --jade-7: color(display-p3 0.219 0.402 0.335);
      --jade-8: color(display-p3 0.263 0.488 0.411);
      --jade-9: color(display-p3 0.319 0.63 0.521);
      --jade-10: color(display-p3 0.338 0.68 0.555);
      --jade-11: color(display-p3 0.4 0.835 0.656);
      --jade-12: color(display-p3 0.734 0.934 0.838);
      --jade-a1: color(display-p3 0 0.992 0.298/.017);
      --jade-a2: color(display-p3 0.318 0.988 0.651/.047);
      --jade-a3: color(display-p3 0.267 1 0.667/.118);
      --jade-a4: color(display-p3 0.275 0.996 0.702/.173);
      --jade-a5: color(display-p3 0.361 1 0.741/.227);
      --jade-a6: color(display-p3 0.439 1 0.796/.286);
      --jade-a7: color(display-p3 0.49 1 0.804/.362);
      --jade-a8: color(display-p3 0.506 1 0.835/.45);
      --jade-a9: color(display-p3 0.478 0.996 0.816/.606);
      --jade-a10: color(display-p3 0.478 1 0.816/.656);
      --jade-a11: color(display-p3 0.4 0.835 0.656);
      --jade-a12: color(display-p3 0.734 0.934 0.838);
      --green-1: color(display-p3 0.062 0.083 0.071);
      --green-2: color(display-p3 0.079 0.106 0.09);
      --green-3: color(display-p3 0.1 0.173 0.133);
      --green-4: color(display-p3 0.115 0.229 0.166);
      --green-5: color(display-p3 0.147 0.282 0.206);
      --green-6: color(display-p3 0.185 0.338 0.25);
      --green-7: color(display-p3 0.227 0.403 0.298);
      --green-8: color(display-p3 0.27 0.479 0.351);
      --green-9: color(display-p3 0.332 0.634 0.442);
      --green-10: color(display-p3 0.357 0.682 0.474);
      --green-11: color(display-p3 0.434 0.828 0.573);
      --green-12: color(display-p3 0.747 0.938 0.807);
      --green-a1: color(display-p3 0 0.992 0.298/.017);
      --green-a2: color(display-p3 0.341 0.98 0.616/.043);
      --green-a3: color(display-p3 0.376 0.996 0.655/.114);
      --green-a4: color(display-p3 0.341 0.996 0.635/.173);
      --green-a5: color(display-p3 0.408 1 0.678/.232);
      --green-a6: color(display-p3 0.475 1 0.706/.29);
      --green-a7: color(display-p3 0.514 1 0.706/.362);
      --green-a8: color(display-p3 0.529 1 0.718/.442);
      --green-a9: color(display-p3 0.502 0.996 0.682/.61);
      --green-a10: color(display-p3 0.506 1 0.682/.66);
      --green-a11: color(display-p3 0.434 0.828 0.573);
      --green-a12: color(display-p3 0.747 0.938 0.807);
      --grass-1: color(display-p3 0.062 0.083 0.067);
      --grass-2: color(display-p3 0.083 0.103 0.085);
      --grass-3: color(display-p3 0.118 0.163 0.122);
      --grass-4: color(display-p3 0.142 0.225 0.15);
      --grass-5: color(display-p3 0.178 0.279 0.186);
      --grass-6: color(display-p3 0.217 0.337 0.224);
      --grass-7: color(display-p3 0.258 0.4 0.264);
      --grass-8: color(display-p3 0.302 0.47 0.305);
      --grass-9: color(display-p3 0.38 0.647 0.378);
      --grass-10: color(display-p3 0.426 0.694 0.426);
      --grass-11: color(display-p3 0.535 0.807 0.542);
      --grass-12: color(display-p3 0.797 0.936 0.776);
      --grass-a1: color(display-p3 0 0.992 0.071/.017);
      --grass-a2: color(display-p3 0.482 0.996 0.584/.038);
      --grass-a3: color(display-p3 0.549 0.992 0.588/.106);
      --grass-a4: color(display-p3 0.51 0.996 0.557/.169);
      --grass-a5: color(display-p3 0.553 1 0.588/.227);
      --grass-a6: color(display-p3 0.584 1 0.608/.29);
      --grass-a7: color(display-p3 0.604 1 0.616/.358);
      --grass-a8: color(display-p3 0.608 1 0.62/.433);
      --grass-a9: color(display-p3 0.573 1 0.569/.622);
      --grass-a10: color(display-p3 0.6 0.996 0.6/.673);
      --grass-a11: color(display-p3 0.535 0.807 0.542);
      --grass-a12: color(display-p3 0.797 0.936 0.776);
      --orange-1: color(display-p3 0.088 0.07 0.057);
      --orange-2: color(display-p3 0.113 0.089 0.061);
      --orange-3: color(display-p3 0.189 0.12 0.056);
      --orange-4: color(display-p3 0.262 0.132 0);
      --orange-5: color(display-p3 0.315 0.168 0.016);
      --orange-6: color(display-p3 0.376 0.219 0.088);
      --orange-7: color(display-p3 0.465 0.283 0.147);
      --orange-8: color(display-p3 0.601 0.359 0.201);
      --orange-9: color(display-p3 0.9 0.45 0.2);
      --orange-10: color(display-p3 0.98 0.51 0.23);
      --orange-11: color(display-p3 1 0.63 0.38);
      --orange-12: color(display-p3 0.98 0.883 0.775);
      --orange-a1: color(display-p3 0.961 0.247 0/0.022);
      --orange-a2: color(display-p3 0.992 0.529 0/0.051);
      --orange-a3: color(display-p3 0.996 0.486 0/0.131);
      --orange-a4: color(display-p3 0.996 0.384 0/0.211);
      --orange-a5: color(display-p3 1 0.455 0/0.265);
      --orange-a6: color(display-p3 1 0.529 0.129/.332);
      --orange-a7: color(display-p3 1 0.569 0.251/.429);
      --orange-a8: color(display-p3 1 0.584 0.302/.572);
      --orange-a9: color(display-p3 1 0.494 0.216/.895);
      --orange-a10: color(display-p3 1 0.522 0.235/.979);
      --orange-a11: color(display-p3 1 0.63 0.38);
      --orange-a12: color(display-p3 0.98 0.883 0.775);
      --brown-1: color(display-p3 0.071 0.067 0.059);
      --brown-2: color(display-p3 0.107 0.095 0.087);
      --brown-3: color(display-p3 0.151 0.13 0.115);
      --brown-4: color(display-p3 0.191 0.161 0.138);
      --brown-5: color(display-p3 0.235 0.194 0.162);
      --brown-6: color(display-p3 0.291 0.237 0.192);
      --brown-7: color(display-p3 0.365 0.295 0.232);
      --brown-8: color(display-p3 0.469 0.377 0.287);
      --brown-9: color(display-p3 0.651 0.505 0.368);
      --brown-10: color(display-p3 0.697 0.557 0.423);
      --brown-11: color(display-p3 0.835 0.715 0.597);
      --brown-12: color(display-p3 0.938 0.885 0.802);
      --brown-a1: color(display-p3 0.855 0.071 0/0.005);
      --brown-a2: color(display-p3 0.98 0.706 0.525/.043);
      --brown-a3: color(display-p3 0.996 0.745 0.576/.093);
      --brown-a4: color(display-p3 1 0.765 0.592/.135);
      --brown-a5: color(display-p3 1 0.761 0.588/.181);
      --brown-a6: color(display-p3 1 0.773 0.592/.24);
      --brown-a7: color(display-p3 0.996 0.776 0.58/.32);
      --brown-a8: color(display-p3 1 0.78 0.573/.433);
      --brown-a9: color(display-p3 1 0.769 0.549/.627);
      --brown-a10: color(display-p3 1 0.792 0.596/.677);
      --brown-a11: color(display-p3 0.835 0.715 0.597);
      --brown-a12: color(display-p3 0.938 0.885 0.802);
      --sky-1: color(display-p3 0.056 0.078 0.116);
      --sky-2: color(display-p3 0.075 0.101 0.149);
      --sky-3: color(display-p3 0.089 0.154 0.244);
      --sky-4: color(display-p3 0.106 0.207 0.323);
      --sky-5: color(display-p3 0.135 0.261 0.394);
      --sky-6: color(display-p3 0.17 0.322 0.469);
      --sky-7: color(display-p3 0.205 0.394 0.557);
      --sky-8: color(display-p3 0.232 0.48 0.665);
      --sky-9: color(display-p3 0.585 0.877 0.983);
      --sky-10: color(display-p3 0.718 0.925 0.991);
      --sky-11: color(display-p3 0.536 0.772 0.924);
      --sky-12: color(display-p3 0.799 0.947 0.993);
      --sky-a1: color(display-p3 0 0.282 0.996/.055);
      --sky-a2: color(display-p3 0.157 0.467 0.992/.089);
      --sky-a3: color(display-p3 0.192 0.522 0.996/.19);
      --sky-a4: color(display-p3 0.212 0.584 1/0.274);
      --sky-a5: color(display-p3 0.259 0.631 1/0.349);
      --sky-a6: color(display-p3 0.302 0.655 1/0.433);
      --sky-a7: color(display-p3 0.329 0.686 1/0.526);
      --sky-a8: color(display-p3 0.325 0.71 1/0.643);
      --sky-a9: color(display-p3 0.592 0.894 1/0.984);
      --sky-a10: color(display-p3 0.722 0.933 1/0.992);
      --sky-a11: color(display-p3 0.536 0.772 0.924);
      --sky-a12: color(display-p3 0.799 0.947 0.993);
      --mint-1: color(display-p3 0.059 0.082 0.081);
      --mint-2: color(display-p3 0.068 0.104 0.105);
      --mint-3: color(display-p3 0.077 0.17 0.168);
      --mint-4: color(display-p3 0.068 0.224 0.22);
      --mint-5: color(display-p3 0.104 0.275 0.264);
      --mint-6: color(display-p3 0.154 0.332 0.313);
      --mint-7: color(display-p3 0.207 0.403 0.373);
      --mint-8: color(display-p3 0.258 0.49 0.441);
      --mint-9: color(display-p3 0.62 0.908 0.834);
      --mint-10: color(display-p3 0.725 0.954 0.898);
      --mint-11: color(display-p3 0.482 0.825 0.733);
      --mint-12: color(display-p3 0.807 0.955 0.887);
      --mint-a1: color(display-p3 0 0.992 0.992/.017);
      --mint-a2: color(display-p3 0.071 0.98 0.98/.043);
      --mint-a3: color(display-p3 0.176 0.996 0.996/.11);
      --mint-a4: color(display-p3 0.071 0.996 0.973/.169);
      --mint-a5: color(display-p3 0.243 1 0.949/.223);
      --mint-a6: color(display-p3 0.369 1 0.933/.286);
      --mint-a7: color(display-p3 0.459 1 0.914/.362);
      --mint-a8: color(display-p3 0.49 1 0.89/.454);
      --mint-a9: color(display-p3 0.678 0.996 0.914/.904);
      --mint-a10: color(display-p3 0.761 1 0.941/.95);
      --mint-a11: color(display-p3 0.482 0.825 0.733);
      --mint-a12: color(display-p3 0.807 0.955 0.887);
      --lime-1: color(display-p3 0.067 0.073 0.048);
      --lime-2: color(display-p3 0.086 0.1 0.067);
      --lime-3: color(display-p3 0.13 0.16 0.099);
      --lime-4: color(display-p3 0.172 0.214 0.126);
      --lime-5: color(display-p3 0.213 0.266 0.153);
      --lime-6: color(display-p3 0.257 0.321 0.182);
      --lime-7: color(display-p3 0.307 0.383 0.215);
      --lime-8: color(display-p3 0.365 0.456 0.25);
      --lime-9: color(display-p3 0.78 0.928 0.466);
      --lime-10: color(display-p3 0.865 0.995 0.519);
      --lime-11: color(display-p3 0.771 0.893 0.485);
      --lime-12: color(display-p3 0.905 0.966 0.753);
      --lime-a1: color(display-p3 0.067 0.941 0/0.009);
      --lime-a2: color(display-p3 0.584 0.996 0.071/.038);
      --lime-a3: color(display-p3 0.69 1 0.38/.101);
      --lime-a4: color(display-p3 0.729 1 0.435/.16);
      --lime-a5: color(display-p3 0.745 1 0.471/.215);
      --lime-a6: color(display-p3 0.769 1 0.482/.274);
      --lime-a7: color(display-p3 0.769 1 0.506/.341);
      --lime-a8: color(display-p3 0.784 1 0.51/.416);
      --lime-a9: color(display-p3 0.839 1 0.502/.925);
      --lime-a10: color(display-p3 0.871 1 0.522/.996);
      --lime-a11: color(display-p3 0.771 0.893 0.485);
      --lime-a12: color(display-p3 0.905 0.966 0.753);
      --yellow-1: color(display-p3 0.078 0.069 0.047);
      --yellow-2: color(display-p3 0.103 0.094 0.063);
      --yellow-3: color(display-p3 0.168 0.137 0.039);
      --yellow-4: color(display-p3 0.209 0.169 0);
      --yellow-5: color(display-p3 0.255 0.209 0);
      --yellow-6: color(display-p3 0.31 0.261 0.07);
      --yellow-7: color(display-p3 0.389 0.331 0.135);
      --yellow-8: color(display-p3 0.497 0.42 0.182);
      --yellow-9: color(display-p3 1 0.92 0.22);
      --yellow-10: color(display-p3 1 1 0.456);
      --yellow-11: color(display-p3 0.948 0.885 0.392);
      --yellow-12: color(display-p3 0.959 0.934 0.731);
      --yellow-a1: color(display-p3 0.973 0.369 0/0.013);
      --yellow-a2: color(display-p3 0.996 0.792 0/0.038);
      --yellow-a3: color(display-p3 0.996 0.71 0/0.11);
      --yellow-a4: color(display-p3 0.996 0.741 0/0.152);
      --yellow-a5: color(display-p3 0.996 0.765 0/0.202);
      --yellow-a6: color(display-p3 0.996 0.816 0.082/.261);
      --yellow-a7: color(display-p3 1 0.831 0.263/.345);
      --yellow-a8: color(display-p3 1 0.831 0.314/.463);
      --yellow-a9: color(display-p3 1 0.922 0.22);
      --yellow-a10: color(display-p3 1 1 0.455);
      --yellow-a11: color(display-p3 0.948 0.885 0.392);
      --yellow-a12: color(display-p3 0.959 0.934 0.731);
      --amber-1: color(display-p3 0.082 0.07 0.05);
      --amber-2: color(display-p3 0.111 0.094 0.064);
      --amber-3: color(display-p3 0.178 0.128 0.049);
      --amber-4: color(display-p3 0.239 0.156 0);
      --amber-5: color(display-p3 0.29 0.193 0);
      --amber-6: color(display-p3 0.344 0.245 0.076);
      --amber-7: color(display-p3 0.422 0.314 0.141);
      --amber-8: color(display-p3 0.535 0.399 0.189);
      --amber-9: color(display-p3 1 0.77 0.26);
      --amber-10: color(display-p3 1 0.87 0.15);
      --amber-11: color(display-p3 1 0.8 0.29);
      --amber-12: color(display-p3 0.984 0.909 0.726);
      --amber-a1: color(display-p3 0.992 0.298 0/0.017);
      --amber-a2: color(display-p3 0.988 0.651 0/0.047);
      --amber-a3: color(display-p3 1 0.6 0/0.118);
      --amber-a4: color(display-p3 1 0.557 0/0.185);
      --amber-a5: color(display-p3 1 0.592 0/0.24);
      --amber-a6: color(display-p3 1 0.659 0.094/.299);
      --amber-a7: color(display-p3 1 0.714 0.263/.383);
      --amber-a8: color(display-p3 0.996 0.729 0.306/.5);
      --amber-a9: color(display-p3 1 0.769 0.259);
      --amber-a10: color(display-p3 1 0.871 0.149);
      --amber-a11: color(display-p3 1 0.8 0.29);
      --amber-a12: color(display-p3 0.984 0.909 0.726);
      --gold-1: color(display-p3 0.071 0.071 0.067);
      --gold-2: color(display-p3 0.104 0.101 0.09);
      --gold-3: color(display-p3 0.141 0.136 0.122);
      --gold-4: color(display-p3 0.177 0.17 0.152);
      --gold-5: color(display-p3 0.217 0.207 0.185);
      --gold-6: color(display-p3 0.265 0.252 0.225);
      --gold-7: color(display-p3 0.327 0.31 0.277);
      --gold-8: color(display-p3 0.407 0.384 0.342);
      --gold-9: color(display-p3 0.579 0.517 0.41);
      --gold-10: color(display-p3 0.628 0.566 0.463);
      --gold-11: color(display-p3 0.784 0.728 0.635);
      --gold-12: color(display-p3 0.906 0.887 0.855);
      --gold-a1: color(display-p3 0.855 0.855 0.071/.005);
      --gold-a2: color(display-p3 0.98 0.89 0.616/.043);
      --gold-a3: color(display-p3 1 0.949 0.753/.08);
      --gold-a4: color(display-p3 1 0.933 0.8/.118);
      --gold-a5: color(display-p3 1 0.949 0.804/.16);
      --gold-a6: color(display-p3 1 0.925 0.8/.215);
      --gold-a7: color(display-p3 1 0.945 0.831/.278);
      --gold-a8: color(display-p3 1 0.937 0.82/.366);
      --gold-a9: color(display-p3 0.996 0.882 0.69/.551);
      --gold-a10: color(display-p3 1 0.894 0.725/.601);
      --gold-a11: color(display-p3 0.784 0.728 0.635);
      --gold-a12: color(display-p3 0.906 0.887 0.855);
      --bronze-1: color(display-p3 0.076 0.067 0.063);
      --bronze-2: color(display-p3 0.106 0.097 0.093);
      --bronze-3: color(display-p3 0.147 0.132 0.125);
      --bronze-4: color(display-p3 0.185 0.166 0.156);
      --bronze-5: color(display-p3 0.227 0.202 0.19);
      --bronze-6: color(display-p3 0.278 0.246 0.23);
      --bronze-7: color(display-p3 0.343 0.302 0.281);
      --bronze-8: color(display-p3 0.426 0.374 0.347);
      --bronze-9: color(display-p3 0.611 0.507 0.455);
      --bronze-10: color(display-p3 0.66 0.556 0.504);
      --bronze-11: color(display-p3 0.81 0.707 0.655);
      --bronze-12: color(display-p3 0.921 0.88 0.854);
      --bronze-a1: color(display-p3 0.941 0.067 0/0.009);
      --bronze-a2: color(display-p3 0.98 0.8 0.706/.043);
      --bronze-a3: color(display-p3 0.988 0.851 0.761/.085);
      --bronze-a4: color(display-p3 0.996 0.839 0.78/.127);
      --bronze-a5: color(display-p3 0.996 0.863 0.773/.173);
      --bronze-a6: color(display-p3 1 0.863 0.796/.227);
      --bronze-a7: color(display-p3 1 0.867 0.8/.295);
      --bronze-a8: color(display-p3 1 0.859 0.788/.387);
      --bronze-a9: color(display-p3 1 0.82 0.733/.585);
      --bronze-a10: color(display-p3 1 0.839 0.761/.635);
      --bronze-a11: color(display-p3 0.81 0.707 0.655);
      --bronze-a12: color(display-p3 0.921 0.88 0.854);
      --gray-1: color(display-p3 0.067 0.067 0.067);
      --gray-2: color(display-p3 0.098 0.098 0.098);
      --gray-3: color(display-p3 0.135 0.135 0.135);
      --gray-4: color(display-p3 0.163 0.163 0.163);
      --gray-5: color(display-p3 0.192 0.192 0.192);
      --gray-6: color(display-p3 0.228 0.228 0.228);
      --gray-7: color(display-p3 0.283 0.283 0.283);
      --gray-8: color(display-p3 0.375 0.375 0.375);
      --gray-9: color(display-p3 0.431 0.431 0.431);
      --gray-10: color(display-p3 0.484 0.484 0.484);
      --gray-11: color(display-p3 0.706 0.706 0.706);
      --gray-12: color(display-p3 0.933 0.933 0.933);
      --gray-a1: color(display-p3 0 0 0/0);
      --gray-a2: color(display-p3 1 1 1/0.034);
      --gray-a3: color(display-p3 1 1 1/0.071);
      --gray-a4: color(display-p3 1 1 1/0.105);
      --gray-a5: color(display-p3 1 1 1/0.134);
      --gray-a6: color(display-p3 1 1 1/0.172);
      --gray-a7: color(display-p3 1 1 1/0.231);
      --gray-a8: color(display-p3 1 1 1/0.332);
      --gray-a9: color(display-p3 1 1 1/0.391);
      --gray-a10: color(display-p3 1 1 1/0.445);
      --gray-a11: color(display-p3 1 1 1/0.685);
      --gray-a12: color(display-p3 1 1 1/0.929);
      --mauve-1: color(display-p3 0.07 0.067 0.074);
      --mauve-2: color(display-p3 0.101 0.098 0.105);
      --mauve-3: color(display-p3 0.138 0.134 0.144);
      --mauve-4: color(display-p3 0.167 0.161 0.175);
      --mauve-5: color(display-p3 0.196 0.189 0.206);
      --mauve-6: color(display-p3 0.232 0.225 0.245);
      --mauve-7: color(display-p3 0.286 0.277 0.302);
      --mauve-8: color(display-p3 0.383 0.373 0.408);
      --mauve-9: color(display-p3 0.434 0.428 0.467);
      --mauve-10: color(display-p3 0.487 0.48 0.519);
      --mauve-11: color(display-p3 0.707 0.7 0.735);
      --mauve-12: color(display-p3 0.933 0.933 0.94);
      --mauve-a1: color(display-p3 0 0 0/0);
      --mauve-a2: color(display-p3 0.996 0.992 1/0.034);
      --mauve-a3: color(display-p3 0.937 0.933 0.992/.077);
      --mauve-a4: color(display-p3 0.957 0.918 0.996/.111);
      --mauve-a5: color(display-p3 0.937 0.906 0.996/.145);
      --mauve-a6: color(display-p3 0.953 0.925 0.996/.183);
      --mauve-a7: color(display-p3 0.945 0.929 1/0.246);
      --mauve-a8: color(display-p3 0.937 0.918 1/0.361);
      --mauve-a9: color(display-p3 0.933 0.918 1/0.424);
      --mauve-a10: color(display-p3 0.941 0.925 1/0.479);
      --mauve-a11: color(display-p3 0.965 0.961 1/0.712);
      --mauve-a12: color(display-p3 0.992 0.992 1/0.937);
      --slate-1: color(display-p3 0.067 0.067 0.074);
      --slate-2: color(display-p3 0.095 0.098 0.105);
      --slate-3: color(display-p3 0.13 0.135 0.145);
      --slate-4: color(display-p3 0.156 0.163 0.176);
      --slate-5: color(display-p3 0.183 0.191 0.206);
      --slate-6: color(display-p3 0.215 0.226 0.244);
      --slate-7: color(display-p3 0.265 0.28 0.302);
      --slate-8: color(display-p3 0.357 0.381 0.409);
      --slate-9: color(display-p3 0.415 0.431 0.463);
      --slate-10: color(display-p3 0.469 0.483 0.514);
      --slate-11: color(display-p3 0.692 0.704 0.728);
      --slate-12: color(display-p3 0.93 0.933 0.94);
      --slate-a1: color(display-p3 0 0 0/0);
      --slate-a2: color(display-p3 0.875 0.992 1/0.034);
      --slate-a3: color(display-p3 0.882 0.933 0.992/.077);
      --slate-a4: color(display-p3 0.882 0.953 0.996/.111);
      --slate-a5: color(display-p3 0.878 0.929 0.996/.145);
      --slate-a6: color(display-p3 0.882 0.949 0.996/.183);
      --slate-a7: color(display-p3 0.882 0.929 1/0.246);
      --slate-a8: color(display-p3 0.871 0.937 1/0.361);
      --slate-a9: color(display-p3 0.898 0.937 1/0.42);
      --slate-a10: color(display-p3 0.918 0.945 1/0.475);
      --slate-a11: color(display-p3 0.949 0.969 0.996/.708);
      --slate-a12: color(display-p3 0.988 0.992 1/0.937);
      --sage-1: color(display-p3 0.064 0.07 0.067);
      --sage-2: color(display-p3 0.092 0.098 0.094);
      --sage-3: color(display-p3 0.128 0.135 0.131);
      --sage-4: color(display-p3 0.155 0.164 0.159);
      --sage-5: color(display-p3 0.183 0.193 0.188);
      --sage-6: color(display-p3 0.218 0.23 0.224);
      --sage-7: color(display-p3 0.269 0.285 0.277);
      --sage-8: color(display-p3 0.362 0.382 0.373);
      --sage-9: color(display-p3 0.398 0.438 0.421);
      --sage-10: color(display-p3 0.453 0.49 0.474);
      --sage-11: color(display-p3 0.685 0.709 0.697);
      --sage-12: color(display-p3 0.927 0.933 0.93);
      --sage-a1: color(display-p3 0 0 0/0);
      --sage-a2: color(display-p3 0.976 0.988 0.984/.03);
      --sage-a3: color(display-p3 0.992 0.945 0.941/.072);
      --sage-a4: color(display-p3 0.988 0.996 0.992/.102);
      --sage-a5: color(display-p3 0.992 1 0.996/.131);
      --sage-a6: color(display-p3 0.973 1 0.976/.173);
      --sage-a7: color(display-p3 0.957 1 0.976/.233);
      --sage-a8: color(display-p3 0.957 1 0.984/.334);
      --sage-a9: color(display-p3 0.902 1 0.957/.397);
      --sage-a10: color(display-p3 0.929 1 0.973/.452);
      --sage-a11: color(display-p3 0.969 1 0.988/.688);
      --sage-a12: color(display-p3 0.992 1 0.996/.929);
      --olive-1: color(display-p3 0.067 0.07 0.063);
      --olive-2: color(display-p3 0.095 0.098 0.091);
      --olive-3: color(display-p3 0.131 0.135 0.126);
      --olive-4: color(display-p3 0.158 0.163 0.153);
      --olive-5: color(display-p3 0.186 0.192 0.18);
      --olive-6: color(display-p3 0.221 0.229 0.215);
      --olive-7: color(display-p3 0.273 0.284 0.266);
      --olive-8: color(display-p3 0.365 0.382 0.359);
      --olive-9: color(display-p3 0.414 0.438 0.404);
      --olive-10: color(display-p3 0.467 0.49 0.458);
      --olive-11: color(display-p3 0.69 0.709 0.682);
      --olive-12: color(display-p3 0.927 0.933 0.926);
      --olive-a1: color(display-p3 0 0 0/0);
      --olive-a2: color(display-p3 0.984 0.988 0.976/.03);
      --olive-a3: color(display-p3 0.992 0.996 0.988/.068);
      --olive-a4: color(display-p3 0.953 0.996 0.949/.102);
      --olive-a5: color(display-p3 0.969 1 0.965/.131);
      --olive-a6: color(display-p3 0.973 1 0.969/.169);
      --olive-a7: color(display-p3 0.98 1 0.961/.228);
      --olive-a8: color(display-p3 0.961 1 0.957/.334);
      --olive-a9: color(display-p3 0.949 1 0.922/.397);
      --olive-a10: color(display-p3 0.953 1 0.941/.452);
      --olive-a11: color(display-p3 0.976 1 0.965/.688);
      --olive-a12: color(display-p3 0.992 1 0.992/.929);
      --sand-1: color(display-p3 0.067 0.067 0.063);
      --sand-2: color(display-p3 0.098 0.098 0.094);
      --sand-3: color(display-p3 0.135 0.135 0.129);
      --sand-4: color(display-p3 0.164 0.163 0.156);
      --sand-5: color(display-p3 0.193 0.192 0.183);
      --sand-6: color(display-p3 0.23 0.229 0.217);
      --sand-7: color(display-p3 0.285 0.282 0.267);
      --sand-8: color(display-p3 0.384 0.378 0.357);
      --sand-9: color(display-p3 0.434 0.428 0.403);
      --sand-10: color(display-p3 0.487 0.481 0.456);
      --sand-11: color(display-p3 0.707 0.703 0.68);
      --sand-12: color(display-p3 0.933 0.933 0.926);
      --sand-a1: color(display-p3 0 0 0/0);
      --sand-a2: color(display-p3 0.992 0.992 0.988/.034);
      --sand-a3: color(display-p3 0.996 0.996 0.992/.072);
      --sand-a4: color(display-p3 0.992 0.992 0.953/.106);
      --sand-a5: color(display-p3 1 1 0.965/.135);
      --sand-a6: color(display-p3 1 0.976 0.929/.177);
      --sand-a7: color(display-p3 1 0.984 0.929/.236);
      --sand-a8: color(display-p3 1 0.976 0.925/.341);
      --sand-a9: color(display-p3 1 0.98 0.925/.395);
      --sand-a10: color(display-p3 1 0.992 0.933/.45);
      --sand-a11: color(display-p3 1 0.996 0.961/.685);
      --sand-a12: color(display-p3 1 1 0.992/.929);
      --gray-2-translucent: color(display-p3 0.1137 0.1137 0.1137/.7);
      --mauve-2-translucent: color(display-p3 0.1176 0.1137 0.1176/.7);
      --slate-2-translucent: color(display-p3 0.1059 0.1137 0.1176/.7);
      --sage-2-translucent: color(display-p3 0.102 0.1137 0.1059/.7);
      --olive-2-translucent: color(display-p3 0.1059 0.1137 0.102/.7);
      --sand-2-translucent: color(display-p3 0.1137 0.1137 0.1059/.7);
      --gray-surface: color(display-p3 0.1255 0.1255 0.1255/.5);
      --mauve-surface: color(display-p3 0.1333 0.1255 0.1333/.5);
      --slate-surface: color(display-p3 0.1176 0.1255 0.1333/.5);
      --sage-surface: color(display-p3 0.1176 0.1255 0.1176/.5);
      --olive-surface: color(display-p3 0.1176 0.1255 0.1176/.5);
      --sand-surface: color(display-p3 0.1255 0.1255 0.1255/.5);
      --tomato-surface: color(display-p3 0.1569 0.0941 0.0784/.5);
      --red-surface: color(display-p3 0.1647 0.0863 0.0863/.5);
      --ruby-surface: color(display-p3 0.1569 0.0941 0.1098/.5);
      --crimson-surface: color(display-p3 0.1647 0.0863 0.1176/.5);
      --pink-surface: color(display-p3 0.1725 0.0784 0.149/.5);
      --plum-surface: color(display-p3 0.1647 0.0863 0.1725/.5);
      --purple-surface: color(display-p3 0.149 0.0941 0.1961/.5);
      --violet-surface: color(display-p3 0.1333 0.102 0.2118/.5);
      --iris-surface: color(display-p3 0.1098 0.102 0.2118/.5);
      --indigo-surface: color(display-p3 0.0941 0.1098 0.2196/.5);
      --blue-surface: color(display-p3 0.0706 0.1255 0.2196/.5);
      --cyan-surface: color(display-p3 0.0784 0.1412 0.1725/.5);
      --teal-surface: color(display-p3 0.0863 0.149 0.1412/.5);
      --jade-surface: color(display-p3 0.0863 0.149 0.1176/.5);
      --green-surface: color(display-p3 0.0941 0.1412 0.1098/.5);
      --grass-surface: color(display-p3 0.102 0.1333 0.102/.5);
      --brown-surface: color(display-p3 0.1412 0.1176 0.102/.5);
      --bronze-surface: color(display-p3 0.1412 0.1255 0.1176/.5);
      --gold-surface: color(display-p3 0.1412 0.1333 0.1098/.5);
      --sky-surface: color(display-p3 0.0863 0.1333 0.2196/.5);
      --mint-surface: color(display-p3 0.0941 0.149 0.1412/.5);
      --lime-surface: color(display-p3 0.1098 0.1255 0.0784/.5);
      --yellow-surface: color(display-p3 0.1333 0.1176 0.0706/.5);
      --amber-surface: color(display-p3 0.1412 0.1176 0.0784/.5);
      --orange-surface: color(display-p3 0.1412 0.1098 0.0706/.5);
    }
  }
}
:root {
  --black-a1: rgba(0, 0, 0, 0.05);
  --black-a2: rgba(0, 0, 0, 0.1);
  --black-a3: rgba(0, 0, 0, 0.15);
  --black-a4: rgba(0, 0, 0, 0.2);
  --black-a5: rgba(0, 0, 0, 0.3);
  --black-a6: rgba(0, 0, 0, 0.4);
  --black-a7: rgba(0, 0, 0, 0.5);
  --black-a8: rgba(0, 0, 0, 0.6);
  --black-a9: rgba(0, 0, 0, 0.7);
  --black-a10: rgba(0, 0, 0, 0.8);
  --black-a11: rgba(0, 0, 0, 0.9);
  --black-a12: rgba(0, 0, 0, 0.95);
  --white-a1: hsla(0, 0%, 100%, 0.05);
  --white-a2: hsla(0, 0%, 100%, 0.1);
  --white-a3: hsla(0, 0%, 100%, 0.15);
  --white-a4: hsla(0, 0%, 100%, 0.2);
  --white-a5: hsla(0, 0%, 100%, 0.3);
  --white-a6: hsla(0, 0%, 100%, 0.4);
  --white-a7: hsla(0, 0%, 100%, 0.5);
  --white-a8: hsla(0, 0%, 100%, 0.6);
  --white-a9: hsla(0, 0%, 100%, 0.7);
  --white-a10: hsla(0, 0%, 100%, 0.8);
  --white-a11: hsla(0, 0%, 100%, 0.9);
  --white-a12: hsla(0, 0%, 100%, 0.95);
  --tomato-9-contrast: #fff;
  --red-9-contrast: #fff;
  --ruby-9-contrast: #fff;
  --crimson-9-contrast: #fff;
  --pink-9-contrast: #fff;
  --plum-9-contrast: #fff;
  --purple-9-contrast: #fff;
  --violet-9-contrast: #fff;
  --iris-9-contrast: #fff;
  --indigo-9-contrast: #fff;
  --blue-9-contrast: #fff;
  --cyan-9-contrast: #fff;
  --teal-9-contrast: #fff;
  --jade-9-contrast: #fff;
  --green-9-contrast: #fff;
  --grass-9-contrast: #fff;
  --orange-9-contrast: #fff;
  --brown-9-contrast: #fff;
  --sky-9-contrast: #1c2024;
  --mint-9-contrast: #1a211e;
  --lime-9-contrast: #1d211c;
  --yellow-9-contrast: #21201c;
  --amber-9-contrast: #21201c;
  --gold-9-contrast: #fff;
  --bronze-9-contrast: #fff;
  --gray-9-contrast: #fff;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --black-a1: color(display-p3 0 0 0/0.05);
      --black-a2: color(display-p3 0 0 0/0.1);
      --black-a3: color(display-p3 0 0 0/0.15);
      --black-a4: color(display-p3 0 0 0/0.2);
      --black-a5: color(display-p3 0 0 0/0.3);
      --black-a6: color(display-p3 0 0 0/0.4);
      --black-a7: color(display-p3 0 0 0/0.5);
      --black-a8: color(display-p3 0 0 0/0.6);
      --black-a9: color(display-p3 0 0 0/0.7);
      --black-a10: color(display-p3 0 0 0/0.8);
      --black-a11: color(display-p3 0 0 0/0.9);
      --black-a12: color(display-p3 0 0 0/0.95);
      --white-a1: color(display-p3 1 1 1/0.05);
      --white-a2: color(display-p3 1 1 1/0.1);
      --white-a3: color(display-p3 1 1 1/0.15);
      --white-a4: color(display-p3 1 1 1/0.2);
      --white-a5: color(display-p3 1 1 1/0.3);
      --white-a6: color(display-p3 1 1 1/0.4);
      --white-a7: color(display-p3 1 1 1/0.5);
      --white-a8: color(display-p3 1 1 1/0.6);
      --white-a9: color(display-p3 1 1 1/0.7);
      --white-a10: color(display-p3 1 1 1/0.8);
      --white-a11: color(display-p3 1 1 1/0.9);
      --white-a12: color(display-p3 1 1 1/0.95);
    }
  }
}
:root {
  --color-background: #fff;
  --color-overlay: var(--black-a6);
  --color-panel-solid: #fff;
  --color-panel-translucent: hsla(0, 0%, 100%, 0.8);
  --color-surface: hsla(0, 0%, 100%, 0.9);
  --color-transparent: transparent;
  --shadow-1: inset 0 0 0 1px var(--gray-a5),
    inset 0 1.5px 2px 0 var(--gray-a2), inset 0 1.5px 2px 0 var(--black-a2);
  --shadow-2: 0 0 0 1px var(--gray-a3), 0 0 0 0.5px var(--black-a1),
    0 1px 1px 0 var(--gray-a4), 0 2px 1px -1px var(--black-a1),
    0 1px 3px 0 var(--black-a1);
  --shadow-3: 0 0 0 1px var(--gray-a3), 0 2px 3px -2px var(--gray-a3),
    0 3px 12px -4px var(--black-a2), 0 4px 16px -8px var(--black-a2);
  --shadow-4: 0 0 0 1px var(--gray-a3), 0 8px 40px var(--black-a1),
    0 12px 32px -16px var(--gray-a3);
  --shadow-5: 0 0 0 1px var(--gray-a3), 0 12px 60px var(--black-a3),
    0 12px 32px -16px var(--gray-a5);
  --shadow-6: 0 0 0 1px var(--gray-a3), 0 12px 60px var(--black-a3),
    0 16px 64px var(--gray-a2), 0 16px 36px -20px var(--gray-a7);
  --base-button-classic-after-inset: 2px;
  --base-button-classic-box-shadow-top: inset 0 0 0 1px var(--gray-a4),
    inset 0 -2px 1px var(--gray-a3);
  --base-button-classic-box-shadow-bottom: inset 0 4px 2px -2px var(--white-a9),
    inset 0 2px 1px -1px var(--white-a9);
  --base-button-classic-disabled-box-shadow: var(
      --base-button-classic-box-shadow-top
    ),
    var(--base-button-classic-box-shadow-bottom);
  --base-button-classic-active-filter: brightness(0.92) saturate(1.1);
  --base-button-classic-high-contrast-hover-filter: contrast(0.88) saturate(1.1)
    brightness(1.1);
  --base-button-classic-high-contrast-active-filter: contrast(0.82)
    saturate(1.2) brightness(1.16);
  --base-button-solid-active-filter: brightness(0.92) saturate(1.1);
  --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1)
    brightness(1.1);
  --base-button-solid-high-contrast-active-filter: contrast(0.82) saturate(1.2)
    brightness(1.16);
  --card-classic-hover-box-shadow: 0 0 0 1px var(--gray-a5),
    0 1px 1px 1px var(--black-a2), 0 2px 1px -1px var(--gray-a3),
    0 2px 3px -2px var(--black-a1), 0 3px 12px -4px var(--gray-a3),
    0 4px 16px -8px var(--black-a1);
  --kbd-box-shadow: inset 0 -0.05em 0.5em var(--gray-a2),
    inset 0 0.05em var(--white-a12), inset 0 0.25em 0.5em var(--gray-a2),
    inset 0 -0.05em var(--gray-a6), 0 0 0 0.05em var(--gray-a5),
    0 0.08em 0.17em var(--gray-a7);
  --select-trigger-classic-box-shadow: inset 0 0 0 1px var(--gray-a5),
    inset 0 2px 1px var(--white-a11), inset 0 -2px 1px var(--gray-a4);
  --slider-range-high-contrast-background-image: linear-gradient(
    var(--black-a8),
    var(--black-a8)
  );
  --slider-disabled-blend-mode: multiply;
  --switch-disabled-blend-mode: multiply;
  --switch-button-high-contrast-checked-color-overlay: var(--black-a8);
  --switch-button-high-contrast-checked-active-before-filter: contrast(0.82)
    saturate(1.2) brightness(1.16);
  --switch-button-surface-checked-active-filter: brightness(0.92) saturate(1.1);
}
:root {
  --color-background: var(--gray-1);
  --color-overlay: var(--black-a8);
  --color-panel-solid: var(--gray-2);
  --color-panel-translucent: var(--gray-2-translucent);
  --color-surface: rgba(0, 0, 0, 0.25);
  --shadow-1: inset 0 -1px 1px 0 var(--gray-a3), inset 0 0 0 1px var(--gray-a3),
    inset 0 3px 4px 0 var(--black-a5), inset 0 0 0 1px var(--gray-a4);
  --shadow-2: 0 0 0 1px var(--gray-a6), 0 0 0 0.5px var(--black-a3),
    0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6),
    0 1px 3px 0 var(--black-a8);
  --shadow-3: 0 0 0 1px var(--gray-a6), 0 2px 3px -2px var(--black-a3),
    0 3px 8px -2px var(--black-a6), 0 4px 12px -4px var(--black-a7);
  --shadow-4: 0 0 0 1px var(--gray-a6), 0 8px 40px var(--black-a3),
    0 12px 32px -16px var(--black-a5);
  --shadow-5: 0 0 0 1px var(--gray-a6), 0 12px 60px var(--black-a5),
    0 12px 32px -16px var(--black-a7);
  --shadow-6: 0 0 0 1px var(--gray-a6), 0 12px 60px var(--black-a4),
    0 16px 64px var(--black-a6), 0 16px 36px -20px var(--black-a11);
  --base-button-classic-after-inset: 1px;
  --base-button-classic-box-shadow-top: inset 0 0 0 1px var(--white-a2),
    inset 0 4px 2px -2px var(--white-a3), inset 0 1px 1px var(--white-a6),
    inset 0 -1px 1px var(--black-a6);
  --base-button-classic-box-shadow-bottom: 0 0 transparent;
  --base-button-classic-disabled-box-shadow: inset 0 0 0 1px var(--gray-a5),
    inset 0 4px 2px -2px var(--gray-a2), inset 0 1px 1px var(--gray-a5),
    inset 0 -1px 1px var(--black-a3), inset 0 0 0 1px var(--gray-a2);
  --base-button-classic-active-filter: brightness(1.08);
  --base-button-classic-high-contrast-hover-filter: contrast(0.88) saturate(1.3)
    brightness(1.14);
  --base-button-classic-high-contrast-active-filter: brightness(0.95)
    saturate(1.2);
  --base-button-solid-active-filter: brightness(1.08);
  --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3)
    brightness(1.18);
  --base-button-solid-high-contrast-active-filter: brightness(0.95)
    saturate(1.2);
  --card-classic-hover-box-shadow: 0 0 0 1px var(--gray-a7),
    0 0 1px 1px var(--gray-a7), 0 0 1px -1px var(--gray-a4),
    0 0 3px -2px var(--gray-a3), 0 0 12px -2px var(--gray-a3),
    0 0 16px -8px var(--gray-a9);
  --kbd-box-shadow: inset 0 -0.05em 0.5em var(--gray-a3),
    inset 0 0.05em var(--gray-a11), inset 0 0.25em 0.5em var(--gray-a2),
    inset 0 -0.1em var(--black-a11), 0 0 0 0.075em var(--gray-a7),
    0 0.08em 0.17em var(--black-a12);
  --select-trigger-classic-box-shadow: inset 0 0 0 1px var(--white-a4),
    inset 0 1px 1px var(--white-a4), inset 0 -1px 1px var(--black-a9);
  --slider-range-high-contrast-background-image: none;
  --slider-disabled-blend-mode: screen;
  --switch-disabled-blend-mode: screen;
  --switch-button-high-contrast-checked-color-overlay: transparent;
  --switch-button-high-contrast-checked-active-before-filter: brightness(1.08);
  --switch-button-surface-checked-active-filter: brightness(1.08);
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --color-transparent: color(display-p3 0 0 0/0);
    }
  }
}


[data-accent-color] {
  --color-autofill-root: var(--accent-a3);
  --color-focus-root: var(--accent-8);
  --color-selection-root: var(--accent-a5);
}
::-moz-selection {
  background-color: rgba(96, 142, 219,0.4);
}
::selection {
  background-color: rgba(96, 142, 219,0.4);
}
[data-has-background="true"] {
  background-color: var(--color-background);
}
[data-panel-background="solid"] {
  --color-panel: var(--color-panel-solid);
}
[data-panel-background="translucent"] {
  --color-panel: var(--color-panel-translucent);
}
[data-accent-color="tomato"] {
  --color-surface-accent: var(--tomato-surface);
  --accent-1: var(--tomato-1);
  --accent-2: var(--tomato-2);
  --accent-3: var(--tomato-3);
  --accent-4: var(--tomato-4);
  --accent-5: var(--tomato-5);
  --accent-6: var(--tomato-6);
  --accent-7: var(--tomato-7);
  --accent-8: var(--tomato-8);
  --accent-9: var(--tomato-9);
  --accent-9-contrast: var(--tomato-9-contrast);
  --accent-10: var(--tomato-10);
  --accent-11: var(--tomato-11);
  --accent-12: var(--tomato-12);
  --accent-a1: var(--tomato-a1);
  --accent-a2: var(--tomato-a2);
  --accent-a3: var(--tomato-a3);
  --accent-a4: var(--tomato-a4);
  --accent-a5: var(--tomato-a5);
  --accent-a6: var(--tomato-a6);
  --accent-a7: var(--tomato-a7);
  --accent-a8: var(--tomato-a8);
  --accent-a9: var(--tomato-a9);
  --accent-a10: var(--tomato-a10);
  --accent-a11: var(--tomato-a11);
  --accent-a12: var(--tomato-a12);
}
[data-accent-color="red"] {
  --color-surface-accent: var(--red-surface);
  --accent-1: var(--red-1);
  --accent-2: var(--red-2);
  --accent-3: var(--red-3);
  --accent-4: var(--red-4);
  --accent-5: var(--red-5);
  --accent-6: var(--red-6);
  --accent-7: var(--red-7);
  --accent-8: var(--red-8);
  --accent-9: var(--red-9);
  --accent-9-contrast: var(--red-9-contrast);
  --accent-10: var(--red-10);
  --accent-11: var(--red-11);
  --accent-12: var(--red-12);
  --accent-a1: var(--red-a1);
  --accent-a2: var(--red-a2);
  --accent-a3: var(--red-a3);
  --accent-a4: var(--red-a4);
  --accent-a5: var(--red-a5);
  --accent-a6: var(--red-a6);
  --accent-a7: var(--red-a7);
  --accent-a8: var(--red-a8);
  --accent-a9: var(--red-a9);
  --accent-a10: var(--red-a10);
  --accent-a11: var(--red-a11);
  --accent-a12: var(--red-a12);
}
[data-accent-color="ruby"] {
  --color-surface-accent: var(--ruby-surface);
  --accent-1: var(--ruby-1);
  --accent-2: var(--ruby-2);
  --accent-3: var(--ruby-3);
  --accent-4: var(--ruby-4);
  --accent-5: var(--ruby-5);
  --accent-6: var(--ruby-6);
  --accent-7: var(--ruby-7);
  --accent-8: var(--ruby-8);
  --accent-9: var(--ruby-9);
  --accent-9-contrast: var(--ruby-9-contrast);
  --accent-10: var(--ruby-10);
  --accent-11: var(--ruby-11);
  --accent-12: var(--ruby-12);
  --accent-a1: var(--ruby-a1);
  --accent-a2: var(--ruby-a2);
  --accent-a3: var(--ruby-a3);
  --accent-a4: var(--ruby-a4);
  --accent-a5: var(--ruby-a5);
  --accent-a6: var(--ruby-a6);
  --accent-a7: var(--ruby-a7);
  --accent-a8: var(--ruby-a8);
  --accent-a9: var(--ruby-a9);
  --accent-a10: var(--ruby-a10);
  --accent-a11: var(--ruby-a11);
  --accent-a12: var(--ruby-a12);
}
[data-accent-color="crimson"] {
  --color-surface-accent: var(--crimson-surface);
  --accent-1: var(--crimson-1);
  --accent-2: var(--crimson-2);
  --accent-3: var(--crimson-3);
  --accent-4: var(--crimson-4);
  --accent-5: var(--crimson-5);
  --accent-6: var(--crimson-6);
  --accent-7: var(--crimson-7);
  --accent-8: var(--crimson-8);
  --accent-9: var(--crimson-9);
  --accent-9-contrast: var(--crimson-9-contrast);
  --accent-10: var(--crimson-10);
  --accent-11: var(--crimson-11);
  --accent-12: var(--crimson-12);
  --accent-a1: var(--crimson-a1);
  --accent-a2: var(--crimson-a2);
  --accent-a3: var(--crimson-a3);
  --accent-a4: var(--crimson-a4);
  --accent-a5: var(--crimson-a5);
  --accent-a6: var(--crimson-a6);
  --accent-a7: var(--crimson-a7);
  --accent-a8: var(--crimson-a8);
  --accent-a9: var(--crimson-a9);
  --accent-a10: var(--crimson-a10);
  --accent-a11: var(--crimson-a11);
  --accent-a12: var(--crimson-a12);
}
[data-accent-color="pink"] {
  --color-surface-accent: var(--pink-surface);
  --accent-1: var(--pink-1);
  --accent-2: var(--pink-2);
  --accent-3: var(--pink-3);
  --accent-4: var(--pink-4);
  --accent-5: var(--pink-5);
  --accent-6: var(--pink-6);
  --accent-7: var(--pink-7);
  --accent-8: var(--pink-8);
  --accent-9: var(--pink-9);
  --accent-9-contrast: var(--pink-9-contrast);
  --accent-10: var(--pink-10);
  --accent-11: var(--pink-11);
  --accent-12: var(--pink-12);
  --accent-a1: var(--pink-a1);
  --accent-a2: var(--pink-a2);
  --accent-a3: var(--pink-a3);
  --accent-a4: var(--pink-a4);
  --accent-a5: var(--pink-a5);
  --accent-a6: var(--pink-a6);
  --accent-a7: var(--pink-a7);
  --accent-a8: var(--pink-a8);
  --accent-a9: var(--pink-a9);
  --accent-a10: var(--pink-a10);
  --accent-a11: var(--pink-a11);
  --accent-a12: var(--pink-a12);
}
[data-accent-color="plum"] {
  --color-surface-accent: var(--plum-surface);
  --accent-1: var(--plum-1);
  --accent-2: var(--plum-2);
  --accent-3: var(--plum-3);
  --accent-4: var(--plum-4);
  --accent-5: var(--plum-5);
  --accent-6: var(--plum-6);
  --accent-7: var(--plum-7);
  --accent-8: var(--plum-8);
  --accent-9: var(--plum-9);
  --accent-9-contrast: var(--plum-9-contrast);
  --accent-10: var(--plum-10);
  --accent-11: var(--plum-11);
  --accent-12: var(--plum-12);
  --accent-a1: var(--plum-a1);
  --accent-a2: var(--plum-a2);
  --accent-a3: var(--plum-a3);
  --accent-a4: var(--plum-a4);
  --accent-a5: var(--plum-a5);
  --accent-a6: var(--plum-a6);
  --accent-a7: var(--plum-a7);
  --accent-a8: var(--plum-a8);
  --accent-a9: var(--plum-a9);
  --accent-a10: var(--plum-a10);
  --accent-a11: var(--plum-a11);
  --accent-a12: var(--plum-a12);
}
[data-accent-color="purple"] {
  --color-surface-accent: var(--purple-surface);
  --accent-1: var(--purple-1);
  --accent-2: var(--purple-2);
  --accent-3: var(--purple-3);
  --accent-4: var(--purple-4);
  --accent-5: var(--purple-5);
  --accent-6: var(--purple-6);
  --accent-7: var(--purple-7);
  --accent-8: var(--purple-8);
  --accent-9: var(--purple-9);
  --accent-9-contrast: var(--purple-9-contrast);
  --accent-10: var(--purple-10);
  --accent-11: var(--purple-11);
  --accent-12: var(--purple-12);
  --accent-a1: var(--purple-a1);
  --accent-a2: var(--purple-a2);
  --accent-a3: var(--purple-a3);
  --accent-a4: var(--purple-a4);
  --accent-a5: var(--purple-a5);
  --accent-a6: var(--purple-a6);
  --accent-a7: var(--purple-a7);
  --accent-a8: var(--purple-a8);
  --accent-a9: var(--purple-a9);
  --accent-a10: var(--purple-a10);
  --accent-a11: var(--purple-a11);
  --accent-a12: var(--purple-a12);
}
[data-accent-color="violet"] {
  --color-surface-accent: var(--violet-surface);
  --accent-1: var(--violet-1);
  --accent-2: var(--violet-2);
  --accent-3: var(--violet-3);
  --accent-4: var(--violet-4);
  --accent-5: var(--violet-5);
  --accent-6: var(--violet-6);
  --accent-7: var(--violet-7);
  --accent-8: var(--violet-8);
  --accent-9: var(--violet-9);
  --accent-9-contrast: var(--violet-9-contrast);
  --accent-10: var(--violet-10);
  --accent-11: var(--violet-11);
  --accent-12: var(--violet-12);
  --accent-a1: var(--violet-a1);
  --accent-a2: var(--violet-a2);
  --accent-a3: var(--violet-a3);
  --accent-a4: var(--violet-a4);
  --accent-a5: var(--violet-a5);
  --accent-a6: var(--violet-a6);
  --accent-a7: var(--violet-a7);
  --accent-a8: var(--violet-a8);
  --accent-a9: var(--violet-a9);
  --accent-a10: var(--violet-a10);
  --accent-a11: var(--violet-a11);
  --accent-a12: var(--violet-a12);
}
[data-accent-color="iris"] {
  --color-surface-accent: var(--iris-surface);
  --accent-1: var(--iris-1);
  --accent-2: var(--iris-2);
  --accent-3: var(--iris-3);
  --accent-4: var(--iris-4);
  --accent-5: var(--iris-5);
  --accent-6: var(--iris-6);
  --accent-7: var(--iris-7);
  --accent-8: var(--iris-8);
  --accent-9: var(--iris-9);
  --accent-9-contrast: var(--iris-9-contrast);
  --accent-10: var(--iris-10);
  --accent-11: var(--iris-11);
  --accent-12: var(--iris-12);
  --accent-a1: var(--iris-a1);
  --accent-a2: var(--iris-a2);
  --accent-a3: var(--iris-a3);
  --accent-a4: var(--iris-a4);
  --accent-a5: var(--iris-a5);
  --accent-a6: var(--iris-a6);
  --accent-a7: var(--iris-a7);
  --accent-a8: var(--iris-a8);
  --accent-a9: var(--iris-a9);
  --accent-a10: var(--iris-a10);
  --accent-a11: var(--iris-a11);
  --accent-a12: var(--iris-a12);
}
[data-accent-color="indigo"] {
  --color-surface-accent: var(--indigo-surface);
  --accent-1: var(--indigo-1);
  --accent-2: var(--indigo-2);
  --accent-3: var(--indigo-3);
  --accent-4: var(--indigo-4);
  --accent-5: var(--indigo-5);
  --accent-6: var(--indigo-6);
  --accent-7: var(--indigo-7);
  --accent-8: var(--indigo-8);
  --accent-9: var(--indigo-9);
  --accent-9-contrast: var(--indigo-9-contrast);
  --accent-10: var(--indigo-10);
  --accent-11: var(--indigo-11);
  --accent-12: var(--indigo-12);
  --accent-a1: var(--indigo-a1);
  --accent-a2: var(--indigo-a2);
  --accent-a3: var(--indigo-a3);
  --accent-a4: var(--indigo-a4);
  --accent-a5: var(--indigo-a5);
  --accent-a6: var(--indigo-a6);
  --accent-a7: var(--indigo-a7);
  --accent-a8: var(--indigo-a8);
  --accent-a9: var(--indigo-a9);
  --accent-a10: var(--indigo-a10);
  --accent-a11: var(--indigo-a11);
  --accent-a12: var(--indigo-a12);
}
[data-accent-color="blue"] {
  --color-surface-accent: var(--blue-surface);
  --accent-1: var(--blue-1);
  --accent-2: var(--blue-2);
  --accent-3: var(--blue-3);
  --accent-4: var(--blue-4);
  --accent-5: var(--blue-5);
  --accent-6: var(--blue-6);
  --accent-7: var(--blue-7);
  --accent-8: var(--blue-8);
  --accent-9: var(--blue-9);
  --accent-9-contrast: var(--blue-9-contrast);
  --accent-10: var(--blue-10);
  --accent-11: var(--blue-11);
  --accent-12: var(--blue-12);
  --accent-a1: var(--blue-a1);
  --accent-a2: var(--blue-a2);
  --accent-a3: var(--blue-a3);
  --accent-a4: var(--blue-a4);
  --accent-a5: var(--blue-a5);
  --accent-a6: var(--blue-a6);
  --accent-a7: var(--blue-a7);
  --accent-a8: var(--blue-a8);
  --accent-a9: var(--blue-a9);
  --accent-a10: var(--blue-a10);
  --accent-a11: var(--blue-a11);
  --accent-a12: var(--blue-a12);
}
[data-accent-color="cyan"] {
  --color-surface-accent: var(--cyan-surface);
  --accent-1: var(--cyan-1);
  --accent-2: var(--cyan-2);
  --accent-3: var(--cyan-3);
  --accent-4: var(--cyan-4);
  --accent-5: var(--cyan-5);
  --accent-6: var(--cyan-6);
  --accent-7: var(--cyan-7);
  --accent-8: var(--cyan-8);
  --accent-9: var(--cyan-9);
  --accent-9-contrast: var(--cyan-9-contrast);
  --accent-10: var(--cyan-10);
  --accent-11: var(--cyan-11);
  --accent-12: var(--cyan-12);
  --accent-a1: var(--cyan-a1);
  --accent-a2: var(--cyan-a2);
  --accent-a3: var(--cyan-a3);
  --accent-a4: var(--cyan-a4);
  --accent-a5: var(--cyan-a5);
  --accent-a6: var(--cyan-a6);
  --accent-a7: var(--cyan-a7);
  --accent-a8: var(--cyan-a8);
  --accent-a9: var(--cyan-a9);
  --accent-a10: var(--cyan-a10);
  --accent-a11: var(--cyan-a11);
  --accent-a12: var(--cyan-a12);
}
[data-accent-color="teal"] {
  --color-surface-accent: var(--teal-surface);
  --accent-1: var(--teal-1);
  --accent-2: var(--teal-2);
  --accent-3: var(--teal-3);
  --accent-4: var(--teal-4);
  --accent-5: var(--teal-5);
  --accent-6: var(--teal-6);
  --accent-7: var(--teal-7);
  --accent-8: var(--teal-8);
  --accent-9: var(--teal-9);
  --accent-9-contrast: var(--teal-9-contrast);
  --accent-10: var(--teal-10);
  --accent-11: var(--teal-11);
  --accent-12: var(--teal-12);
  --accent-a1: var(--teal-a1);
  --accent-a2: var(--teal-a2);
  --accent-a3: var(--teal-a3);
  --accent-a4: var(--teal-a4);
  --accent-a5: var(--teal-a5);
  --accent-a6: var(--teal-a6);
  --accent-a7: var(--teal-a7);
  --accent-a8: var(--teal-a8);
  --accent-a9: var(--teal-a9);
  --accent-a10: var(--teal-a10);
  --accent-a11: var(--teal-a11);
  --accent-a12: var(--teal-a12);
}
[data-accent-color="jade"] {
  --color-surface-accent: var(--jade-surface);
  --accent-1: var(--jade-1);
  --accent-2: var(--jade-2);
  --accent-3: var(--jade-3);
  --accent-4: var(--jade-4);
  --accent-5: var(--jade-5);
  --accent-6: var(--jade-6);
  --accent-7: var(--jade-7);
  --accent-8: var(--jade-8);
  --accent-9: var(--jade-9);
  --accent-9-contrast: var(--jade-9-contrast);
  --accent-10: var(--jade-10);
  --accent-11: var(--jade-11);
  --accent-12: var(--jade-12);
  --accent-a1: var(--jade-a1);
  --accent-a2: var(--jade-a2);
  --accent-a3: var(--jade-a3);
  --accent-a4: var(--jade-a4);
  --accent-a5: var(--jade-a5);
  --accent-a6: var(--jade-a6);
  --accent-a7: var(--jade-a7);
  --accent-a8: var(--jade-a8);
  --accent-a9: var(--jade-a9);
  --accent-a10: var(--jade-a10);
  --accent-a11: var(--jade-a11);
  --accent-a12: var(--jade-a12);
}
[data-accent-color="green"] {
  --color-surface-accent: var(--green-surface);
  --accent-1: var(--green-1);
  --accent-2: var(--green-2);
  --accent-3: var(--green-3);
  --accent-4: var(--green-4);
  --accent-5: var(--green-5);
  --accent-6: var(--green-6);
  --accent-7: var(--green-7);
  --accent-8: var(--green-8);
  --accent-9: var(--green-9);
  --accent-9-contrast: var(--green-9-contrast);
  --accent-10: var(--green-10);
  --accent-11: var(--green-11);
  --accent-12: var(--green-12);
  --accent-a1: var(--green-a1);
  --accent-a2: var(--green-a2);
  --accent-a3: var(--green-a3);
  --accent-a4: var(--green-a4);
  --accent-a5: var(--green-a5);
  --accent-a6: var(--green-a6);
  --accent-a7: var(--green-a7);
  --accent-a8: var(--green-a8);
  --accent-a9: var(--green-a9);
  --accent-a10: var(--green-a10);
  --accent-a11: var(--green-a11);
  --accent-a12: var(--green-a12);
}
[data-accent-color="grass"] {
  --color-surface-accent: var(--grass-surface);
  --accent-1: var(--grass-1);
  --accent-2: var(--grass-2);
  --accent-3: var(--grass-3);
  --accent-4: var(--grass-4);
  --accent-5: var(--grass-5);
  --accent-6: var(--grass-6);
  --accent-7: var(--grass-7);
  --accent-8: var(--grass-8);
  --accent-9: var(--grass-9);
  --accent-9-contrast: var(--grass-9-contrast);
  --accent-10: var(--grass-10);
  --accent-11: var(--grass-11);
  --accent-12: var(--grass-12);
  --accent-a1: var(--grass-a1);
  --accent-a2: var(--grass-a2);
  --accent-a3: var(--grass-a3);
  --accent-a4: var(--grass-a4);
  --accent-a5: var(--grass-a5);
  --accent-a6: var(--grass-a6);
  --accent-a7: var(--grass-a7);
  --accent-a8: var(--grass-a8);
  --accent-a9: var(--grass-a9);
  --accent-a10: var(--grass-a10);
  --accent-a11: var(--grass-a11);
  --accent-a12: var(--grass-a12);
}
[data-accent-color="orange"] {
  --color-surface-accent: var(--orange-surface);
  --accent-1: var(--orange-1);
  --accent-2: var(--orange-2);
  --accent-3: var(--orange-3);
  --accent-4: var(--orange-4);
  --accent-5: var(--orange-5);
  --accent-6: var(--orange-6);
  --accent-7: var(--orange-7);
  --accent-8: var(--orange-8);
  --accent-9: var(--orange-9);
  --accent-9-contrast: var(--orange-9-contrast);
  --accent-10: var(--orange-10);
  --accent-11: var(--orange-11);
  --accent-12: var(--orange-12);
  --accent-a1: var(--orange-a1);
  --accent-a2: var(--orange-a2);
  --accent-a3: var(--orange-a3);
  --accent-a4: var(--orange-a4);
  --accent-a5: var(--orange-a5);
  --accent-a6: var(--orange-a6);
  --accent-a7: var(--orange-a7);
  --accent-a8: var(--orange-a8);
  --accent-a9: var(--orange-a9);
  --accent-a10: var(--orange-a10);
  --accent-a11: var(--orange-a11);
  --accent-a12: var(--orange-a12);
}
[data-accent-color="brown"] {
  --color-surface-accent: var(--brown-surface);
  --accent-1: var(--brown-1);
  --accent-2: var(--brown-2);
  --accent-3: var(--brown-3);
  --accent-4: var(--brown-4);
  --accent-5: var(--brown-5);
  --accent-6: var(--brown-6);
  --accent-7: var(--brown-7);
  --accent-8: var(--brown-8);
  --accent-9: var(--brown-9);
  --accent-9-contrast: var(--brown-9-contrast);
  --accent-10: var(--brown-10);
  --accent-11: var(--brown-11);
  --accent-12: var(--brown-12);
  --accent-a1: var(--brown-a1);
  --accent-a2: var(--brown-a2);
  --accent-a3: var(--brown-a3);
  --accent-a4: var(--brown-a4);
  --accent-a5: var(--brown-a5);
  --accent-a6: var(--brown-a6);
  --accent-a7: var(--brown-a7);
  --accent-a8: var(--brown-a8);
  --accent-a9: var(--brown-a9);
  --accent-a10: var(--brown-a10);
  --accent-a11: var(--brown-a11);
  --accent-a12: var(--brown-a12);
}
[data-accent-color="sky"] {
  --color-surface-accent: var(--sky-surface);
  --accent-1: var(--sky-1);
  --accent-2: var(--sky-2);
  --accent-3: var(--sky-3);
  --accent-4: var(--sky-4);
  --accent-5: var(--sky-5);
  --accent-6: var(--sky-6);
  --accent-7: var(--sky-7);
  --accent-8: var(--sky-8);
  --accent-9: var(--sky-9);
  --accent-9-contrast: var(--sky-9-contrast);
  --accent-10: var(--sky-10);
  --accent-11: var(--sky-11);
  --accent-12: var(--sky-12);
  --accent-a1: var(--sky-a1);
  --accent-a2: var(--sky-a2);
  --accent-a3: var(--sky-a3);
  --accent-a4: var(--sky-a4);
  --accent-a5: var(--sky-a5);
  --accent-a6: var(--sky-a6);
  --accent-a7: var(--sky-a7);
  --accent-a8: var(--sky-a8);
  --accent-a9: var(--sky-a9);
  --accent-a10: var(--sky-a10);
  --accent-a11: var(--sky-a11);
  --accent-a12: var(--sky-a12);
}
[data-accent-color="mint"] {
  --color-surface-accent: var(--mint-surface);
  --accent-1: var(--mint-1);
  --accent-2: var(--mint-2);
  --accent-3: var(--mint-3);
  --accent-4: var(--mint-4);
  --accent-5: var(--mint-5);
  --accent-6: var(--mint-6);
  --accent-7: var(--mint-7);
  --accent-8: var(--mint-8);
  --accent-9: var(--mint-9);
  --accent-9-contrast: var(--mint-9-contrast);
  --accent-10: var(--mint-10);
  --accent-11: var(--mint-11);
  --accent-12: var(--mint-12);
  --accent-a1: var(--mint-a1);
  --accent-a2: var(--mint-a2);
  --accent-a3: var(--mint-a3);
  --accent-a4: var(--mint-a4);
  --accent-a5: var(--mint-a5);
  --accent-a6: var(--mint-a6);
  --accent-a7: var(--mint-a7);
  --accent-a8: var(--mint-a8);
  --accent-a9: var(--mint-a9);
  --accent-a10: var(--mint-a10);
  --accent-a11: var(--mint-a11);
  --accent-a12: var(--mint-a12);
}
[data-accent-color="lime"] {
  --color-surface-accent: var(--lime-surface);
  --accent-1: var(--lime-1);
  --accent-2: var(--lime-2);
  --accent-3: var(--lime-3);
  --accent-4: var(--lime-4);
  --accent-5: var(--lime-5);
  --accent-6: var(--lime-6);
  --accent-7: var(--lime-7);
  --accent-8: var(--lime-8);
  --accent-9: var(--lime-9);
  --accent-9-contrast: var(--lime-9-contrast);
  --accent-10: var(--lime-10);
  --accent-11: var(--lime-11);
  --accent-12: var(--lime-12);
  --accent-a1: var(--lime-a1);
  --accent-a2: var(--lime-a2);
  --accent-a3: var(--lime-a3);
  --accent-a4: var(--lime-a4);
  --accent-a5: var(--lime-a5);
  --accent-a6: var(--lime-a6);
  --accent-a7: var(--lime-a7);
  --accent-a8: var(--lime-a8);
  --accent-a9: var(--lime-a9);
  --accent-a10: var(--lime-a10);
  --accent-a11: var(--lime-a11);
  --accent-a12: var(--lime-a12);
}
[data-accent-color="yellow"] {
  --color-surface-accent: var(--yellow-surface);
  --accent-1: var(--yellow-1);
  --accent-2: var(--yellow-2);
  --accent-3: var(--yellow-3);
  --accent-4: var(--yellow-4);
  --accent-5: var(--yellow-5);
  --accent-6: var(--yellow-6);
  --accent-7: var(--yellow-7);
  --accent-8: var(--yellow-8);
  --accent-9: var(--yellow-9);
  --accent-9-contrast: var(--yellow-9-contrast);
  --accent-10: var(--yellow-10);
  --accent-11: var(--yellow-11);
  --accent-12: var(--yellow-12);
  --accent-a1: var(--yellow-a1);
  --accent-a2: var(--yellow-a2);
  --accent-a3: var(--yellow-a3);
  --accent-a4: var(--yellow-a4);
  --accent-a5: var(--yellow-a5);
  --accent-a6: var(--yellow-a6);
  --accent-a7: var(--yellow-a7);
  --accent-a8: var(--yellow-a8);
  --accent-a9: var(--yellow-a9);
  --accent-a10: var(--yellow-a10);
  --accent-a11: var(--yellow-a11);
  --accent-a12: var(--yellow-a12);
}
[data-accent-color="amber"] {
  --color-surface-accent: var(--amber-surface);
  --accent-1: var(--amber-1);
  --accent-2: var(--amber-2);
  --accent-3: var(--amber-3);
  --accent-4: var(--amber-4);
  --accent-5: var(--amber-5);
  --accent-6: var(--amber-6);
  --accent-7: var(--amber-7);
  --accent-8: var(--amber-8);
  --accent-9: var(--amber-9);
  --accent-9-contrast: var(--amber-9-contrast);
  --accent-10: var(--amber-10);
  --accent-11: var(--amber-11);
  --accent-12: var(--amber-12);
  --accent-a1: var(--amber-a1);
  --accent-a2: var(--amber-a2);
  --accent-a3: var(--amber-a3);
  --accent-a4: var(--amber-a4);
  --accent-a5: var(--amber-a5);
  --accent-a6: var(--amber-a6);
  --accent-a7: var(--amber-a7);
  --accent-a8: var(--amber-a8);
  --accent-a9: var(--amber-a9);
  --accent-a10: var(--amber-a10);
  --accent-a11: var(--amber-a11);
  --accent-a12: var(--amber-a12);
}
[data-accent-color="gold"] {
  --color-surface-accent: var(--gold-surface);
  --accent-1: var(--gold-1);
  --accent-2: var(--gold-2);
  --accent-3: var(--gold-3);
  --accent-4: var(--gold-4);
  --accent-5: var(--gold-5);
  --accent-6: var(--gold-6);
  --accent-7: var(--gold-7);
  --accent-8: var(--gold-8);
  --accent-9: var(--gold-9);
  --accent-9-contrast: var(--gold-9-contrast);
  --accent-10: var(--gold-10);
  --accent-11: var(--gold-11);
  --accent-12: var(--gold-12);
  --accent-a1: var(--gold-a1);
  --accent-a2: var(--gold-a2);
  --accent-a3: var(--gold-a3);
  --accent-a4: var(--gold-a4);
  --accent-a5: var(--gold-a5);
  --accent-a6: var(--gold-a6);
  --accent-a7: var(--gold-a7);
  --accent-a8: var(--gold-a8);
  --accent-a9: var(--gold-a9);
  --accent-a10: var(--gold-a10);
  --accent-a11: var(--gold-a11);
  --accent-a12: var(--gold-a12);
}
[data-accent-color="bronze"] {
  --color-surface-accent: var(--bronze-surface);
  --accent-1: var(--bronze-1);
  --accent-2: var(--bronze-2);
  --accent-3: var(--bronze-3);
  --accent-4: var(--bronze-4);
  --accent-5: var(--bronze-5);
  --accent-6: var(--bronze-6);
  --accent-7: var(--bronze-7);
  --accent-8: var(--bronze-8);
  --accent-9: var(--bronze-9);
  --accent-9-contrast: var(--bronze-9-contrast);
  --accent-10: var(--bronze-10);
  --accent-11: var(--bronze-11);
  --accent-12: var(--bronze-12);
  --accent-a1: var(--bronze-a1);
  --accent-a2: var(--bronze-a2);
  --accent-a3: var(--bronze-a3);
  --accent-a4: var(--bronze-a4);
  --accent-a5: var(--bronze-a5);
  --accent-a6: var(--bronze-a6);
  --accent-a7: var(--bronze-a7);
  --accent-a8: var(--bronze-a8);
  --accent-a9: var(--bronze-a9);
  --accent-a10: var(--bronze-a10);
  --accent-a11: var(--bronze-a11);
  --accent-a12: var(--bronze-a12);
}
[data-accent-color="gray"] {
  --color-surface-accent: var(--gray-surface);
  --accent-1: var(--gray-1);
  --accent-2: var(--gray-2);
  --accent-3: var(--gray-3);
  --accent-4: var(--gray-4);
  --accent-5: var(--gray-5);
  --accent-6: var(--gray-6);
  --accent-7: var(--gray-7);
  --accent-8: var(--gray-8);
  --accent-9: var(--gray-9);
  --accent-9-contrast: var(--gray-9-contrast);
  --accent-10: var(--gray-10);
  --accent-11: var(--gray-11);
  --accent-12: var(--gray-12);
  --accent-a1: var(--gray-a1);
  --accent-a2: var(--gray-a2);
  --accent-a3: var(--gray-a3);
  --accent-a4: var(--gray-a4);
  --accent-a5: var(--gray-a5);
  --accent-a6: var(--gray-a6);
  --accent-a7: var(--gray-a7);
  --accent-a8: var(--gray-a8);
  --accent-a9: var(--gray-a9);
  --accent-a10: var(--gray-a10);
  --accent-a11: var(--gray-a11);
  --accent-a12: var(--gray-a12);
}
[data-gray-color="mauve"] {
  --gray-surface: var(--mauve-surface);
  --gray-1: var(--mauve-1);
  --gray-2: var(--mauve-2);
  --gray-2-translucent: var(--mauve-2-translucent);
  --gray-3: var(--mauve-3);
  --gray-4: var(--mauve-4);
  --gray-5: var(--mauve-5);
  --gray-6: var(--mauve-6);
  --gray-7: var(--mauve-7);
  --gray-8: var(--mauve-8);
  --gray-9: var(--mauve-9);
  --gray-10: var(--mauve-10);
  --gray-11: var(--mauve-11);
  --gray-12: var(--mauve-12);
  --gray-a1: var(--mauve-a1);
  --gray-a2: var(--mauve-a2);
  --gray-a3: var(--mauve-a3);
  --gray-a4: var(--mauve-a4);
  --gray-a5: var(--mauve-a5);
  --gray-a6: var(--mauve-a6);
  --gray-a7: var(--mauve-a7);
  --gray-a8: var(--mauve-a8);
  --gray-a9: var(--mauve-a9);
  --gray-a10: var(--mauve-a10);
  --gray-a11: var(--mauve-a11);
  --gray-a12: var(--mauve-a12);
}
[data-gray-color="slate"] {
  --gray-surface: var(--slate-surface);
  --gray-1: var(--slate-1);
  --gray-2: var(--slate-2);
  --gray-2-translucent: var(--slate-2-translucent);
  --gray-3: var(--slate-3);
  --gray-4: var(--slate-4);
  --gray-5: var(--slate-5);
  --gray-6: var(--slate-6);
  --gray-7: var(--slate-7);
  --gray-8: var(--slate-8);
  --gray-9: var(--slate-9);
  --gray-10: var(--slate-10);
  --gray-11: var(--slate-11);
  --gray-12: var(--slate-12);
  --gray-a1: var(--slate-a1);
  --gray-a2: var(--slate-a2);
  --gray-a3: var(--slate-a3);
  --gray-a4: var(--slate-a4);
  --gray-a5: var(--slate-a5);
  --gray-a6: var(--slate-a6);
  --gray-a7: var(--slate-a7);
  --gray-a8: var(--slate-a8);
  --gray-a9: var(--slate-a9);
  --gray-a10: var(--slate-a10);
  --gray-a11: var(--slate-a11);
  --gray-a12: var(--slate-a12);
}
[data-gray-color="sage"] {
  --gray-surface: var(--sage-surface);
  --gray-1: var(--sage-1);
  --gray-2: var(--sage-2);
  --gray-2-translucent: var(--sage-2-translucent);
  --gray-3: var(--sage-3);
  --gray-4: var(--sage-4);
  --gray-5: var(--sage-5);
  --gray-6: var(--sage-6);
  --gray-7: var(--sage-7);
  --gray-8: var(--sage-8);
  --gray-9: var(--sage-9);
  --gray-10: var(--sage-10);
  --gray-11: var(--sage-11);
  --gray-12: var(--sage-12);
  --gray-a1: var(--sage-a1);
  --gray-a2: var(--sage-a2);
  --gray-a3: var(--sage-a3);
  --gray-a4: var(--sage-a4);
  --gray-a5: var(--sage-a5);
  --gray-a6: var(--sage-a6);
  --gray-a7: var(--sage-a7);
  --gray-a8: var(--sage-a8);
  --gray-a9: var(--sage-a9);
  --gray-a10: var(--sage-a10);
  --gray-a11: var(--sage-a11);
  --gray-a12: var(--sage-a12);
}
[data-gray-color="olive"] {
  --gray-surface: var(--olive-surface);
  --gray-1: var(--olive-1);
  --gray-2: var(--olive-2);
  --gray-2-translucent: var(--olive-2-translucent);
  --gray-3: var(--olive-3);
  --gray-4: var(--olive-4);
  --gray-5: var(--olive-5);
  --gray-6: var(--olive-6);
  --gray-7: var(--olive-7);
  --gray-8: var(--olive-8);
  --gray-9: var(--olive-9);
  --gray-10: var(--olive-10);
  --gray-11: var(--olive-11);
  --gray-12: var(--olive-12);
  --gray-a1: var(--olive-a1);
  --gray-a2: var(--olive-a2);
  --gray-a3: var(--olive-a3);
  --gray-a4: var(--olive-a4);
  --gray-a5: var(--olive-a5);
  --gray-a6: var(--olive-a6);
  --gray-a7: var(--olive-a7);
  --gray-a8: var(--olive-a8);
  --gray-a9: var(--olive-a9);
  --gray-a10: var(--olive-a10);
  --gray-a11: var(--olive-a11);
  --gray-a12: var(--olive-a12);
}
[data-gray-color="sand"] {
  --gray-surface: var(--sand-surface);
  --gray-1: var(--sand-1);
  --gray-2: var(--sand-2);
  --gray-2-translucent: var(--sand-2-translucent);
  --gray-3: var(--sand-3);
  --gray-4: var(--sand-4);
  --gray-5: var(--sand-5);
  --gray-6: var(--sand-6);
  --gray-7: var(--sand-7);
  --gray-8: var(--sand-8);
  --gray-9: var(--sand-9);
  --gray-10: var(--sand-10);
  --gray-11: var(--sand-11);
  --gray-12: var(--sand-12);
  --gray-a1: var(--sand-a1);
  --gray-a2: var(--sand-a2);
  --gray-a3: var(--sand-a3);
  --gray-a4: var(--sand-a4);
  --gray-a5: var(--sand-a5);
  --gray-a6: var(--sand-a6);
  --gray-a7: var(--sand-a7);
  --gray-a8: var(--sand-a8);
  --gray-a9: var(--sand-a9);
  --gray-a10: var(--sand-a10);
  --gray-a11: var(--sand-a11);
  --gray-a12: var(--sand-a12);
}
:root {
    --cursor-button: default;
    --cursor-checkbox: default;
    --cursor-disabled: not-allowed;
    --cursor-link: pointer;
    --cursor-menu-item: default;
    --cursor-radio: default;
    --cursor-slider-thumb: default;
    --cursor-slider-thumb-active: default;
    --cursor-switch: default;
    
    --scaling: 1;
    --space-1: calc(4px * var(--scaling));
    --space-2: calc(8px * var(--scaling));
    --space-3: calc(12px * var(--scaling));
    --space-4: calc(16px * var(--scaling));
    --space-5: calc(24px * var(--scaling));
    --space-6: calc(32px * var(--scaling));
    --space-7: calc(40px * var(--scaling));
    --space-8: calc(48px * var(--scaling));
    --space-9: calc(64px * var(--scaling));
    
    --font-size-1: calc(12px * var(--scaling));
    --font-size-2: calc(14px * var(--scaling));
    --font-size-3: calc(16px * var(--scaling));
    --font-size-4: calc(18px * var(--scaling));
    --font-size-5: calc(20px * var(--scaling));
    --font-size-6: calc(24px * var(--scaling));
    --font-size-7: calc(28px * var(--scaling));
    --font-size-8: calc(35px * var(--scaling));
    --font-size-9: calc(60px * var(--scaling));
    
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    
    --line-height-1: calc(16px * var(--scaling));
    --line-height-2: calc(20px * var(--scaling));
    --line-height-3: calc(24px * var(--scaling));
    --line-height-4: calc(26px * var(--scaling));
    --line-height-5: calc(28px * var(--scaling));
    --line-height-6: calc(30px * var(--scaling));
    --line-height-7: calc(36px * var(--scaling));
    --line-height-8: calc(40px * var(--scaling));
    --line-height-9: calc(60px * var(--scaling));
    
    --letter-spacing-1: 0.0025em;
    --letter-spacing-2: 0em;
    --letter-spacing-3: 0em;
    --letter-spacing-4: -0.0025em;
    --letter-spacing-5: -0.005em;
    --letter-spacing-6: -0.00625em;
    --letter-spacing-7: -0.0075em;
    --letter-spacing-8: -0.01em;
    --letter-spacing-9: -0.025em;
    
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", "Open Sans", system-ui, sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji";
    
    --default-font-size: var(--font-size-3);
    --default-font-style: normal;
    --default-font-weight: var(--font-weight-regular);
    --default-line-height: 1.5;
    --default-letter-spacing: 0em;
    
  color: #333; 
  --container-1: 453px;
  --container-2: 693px;
  --container-3: 885px;
  --container-4: 1141px;
  --scrollarea-scrollbar-horizontal-margin-top: var(--space-1);
  --scrollarea-scrollbar-horizontal-margin-bottom: var(--space-1);
  --scrollarea-scrollbar-horizontal-margin-left: var(--space-1);
  --scrollarea-scrollbar-horizontal-margin-right: var(--space-1);
  --scrollarea-scrollbar-vertical-margin-top: var(--space-1);
  --scrollarea-scrollbar-vertical-margin-bottom: var(--space-1);
  --scrollarea-scrollbar-vertical-margin-left: var(--space-1);
  --scrollarea-scrollbar-vertical-margin-right: var(--space-1);
	
	--radius-factor: 1; 
    --radius-full: 0px;
    --radius-thumb: 9999px;

    --radius-1: calc(3px * var(--scaling) * var(--radius-factor));
    --radius-2: calc(4px * var(--scaling) * var(--radius-factor));
    --radius-3: calc(6px * var(--scaling) * var(--radius-factor));
    --radius-4: calc(8px * var(--scaling) * var(--radius-factor));
    --radius-5: calc(12px * var(--scaling) * var(--radius-factor));
    --radius-6: calc(16px * var(--scaling) * var(--radius-factor));
  }



@supports (color: color-mix(in oklab, white, black)) {
  :root {
    --shadow-1: inset 0 -1px 1px 0 var(--gray-a3),
      inset 0 0 0 1px var(--gray-a3), inset 0 3px 4px 0 var(--black-a5),
      inset 0 0 0 1px var(--gray-a4);
    --shadow-2: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6)),
      0 0 1px 1px var(--gray-a5), 0 1px 1px 0 var(--black-a6),
      0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a8);
    --shadow-3: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6)),
      0 2px 3px -2px var(--black-a3), 0 3px 8px -2px var(--black-a6),
      0 4px 12px -4px var(--black-a7);
    --shadow-4: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6)),
      0 8px 40px var(--black-a3), 0 12px 32px -16px var(--black-a5);
    --shadow-5: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6)),
      0 12px 60px var(--black-a5), 0 12px 32px -16px var(--black-a7);
    --shadow-6: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6)),
      0 12px 60px var(--black-a4), 0 16px 64px var(--black-a6),
      0 16px 36px -20px var(--black-a11);
    --card-classic-hover-box-shadow: 0 0 0 1px
        color-mix(in oklab, var(--gray-a7), var(--gray-8)),
      0 0 1px 1px var(--gray-a7), 0 0 1px -1px var(--gray-a4),
      0 0 3px -2px var(--gray-a3), 0 0 12px -2px var(--gray-a3),
      0 0 16px -8px var(--gray-a9);
  }
}
@font-face {
  ascent-override: 105%;
  descent-override: 35%;
  font-family: "Segoe UI (Custom)";
  font-weight: 300;
  size-adjust: 103%;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
@font-face {
  ascent-override: 105%;
  descent-override: 35%;
  font-family: "Segoe UI (Custom)";
  font-style: italic;
  font-weight: 300;
  size-adjust: 103%;
  src: local("Segoe UI Semilight Italic"), local("Segoe UI Italic");
}
@font-face {
  ascent-override: 105%;
  descent-override: 35%;
  font-family: "Segoe UI (Custom)";
  font-weight: 400;
  size-adjust: 103%;
  src: local("Segoe UI");
}
@font-face {
  ascent-override: 105%;
  descent-override: 35%;
  font-family: "Segoe UI (Custom)";
  font-style: italic;
  font-weight: 400;
  size-adjust: 103%;
  src: local("Segoe UI Italic");
}
@font-face {
  ascent-override: 105%;
  descent-override: 35%;
  font-family: "Segoe UI (Custom)";
  font-weight: 500;
  size-adjust: 103%;
  src: local("Segoe UI Semibold"), local("Segoe UI");
}
@font-face {
  ascent-override: 105%;
  descent-override: 35%;
  font-family: "Segoe UI (Custom)";
  font-style: italic;
  font-weight: 500;
  size-adjust: 103%;
  src: local("Segoe UI Semibold Italic"), local("Segoe UI Italic");
}
@font-face {
  ascent-override: 105%;
  descent-override: 35%;
  font-family: "Segoe UI (Custom)";
  font-weight: 700;
  size-adjust: 103%;
  src: local("Segoe UI Bold");
}
@font-face {
  ascent-override: 105%;
  descent-override: 35%;
  font-family: "Segoe UI (Custom)";
  font-style: italic;
  font-weight: 700;
  size-adjust: 103%;
  src: local("Segoe UI Bold Italic");
}
@font-face {
  descent-override: 35%;
  font-family: "Open Sans (Custom)";
  font-weight: 300;
  src: local("Open Sans Light"), local("Open Sans Regular");
}
@font-face {
  descent-override: 35%;
  font-family: "Open Sans (Custom)";
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("Open Sans Italic");
}
@font-face {
  descent-override: 35%;
  font-family: "Open Sans (Custom)";
  font-weight: 400;
  src: local("Open Sans Regular");
}
@font-face {
  descent-override: 35%;
  font-family: "Open Sans (Custom)";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic");
}
@font-face {
  descent-override: 35%;
  font-family: "Open Sans (Custom)";
  font-weight: 500;
  src: local("Open Sans Medium"), local("Open Sans Regular");
}
@font-face {
  descent-override: 35%;
  font-family: "Open Sans (Custom)";
  font-style: italic;
  font-weight: 500;
  src: local("Open Sans Medium Italic"), local("Open Sans Italic");
}
@font-face {
  descent-override: 35%;
  font-family: "Open Sans (Custom)";
  font-weight: 700;
  src: local("Open Sans Bold");
}
@font-face {
  descent-override: 35%;
  font-family: "Open Sans (Custom)";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic");
}
@font-face {
  ascent-override: 85%;
  descent-override: 22%;
  font-family: "Consolas (Custom)";
  font-weight: 400;
  size-adjust: 110%;
  src: local("Consolas");
}
@font-face {
  ascent-override: 85%;
  descent-override: 22%;
  font-family: "Consolas (Custom)";
  font-style: italic;
  font-weight: 400;
  size-adjust: 110%;
  src: local("Consolas Italic");
}
@font-face {
  ascent-override: 85%;
  descent-override: 22%;
  font-family: "Consolas (Custom)";
  font-weight: 700;
  size-adjust: 110%;
  src: local("Consolas Bold");
}
@font-face {
  ascent-override: 85%;
  descent-override: 22%;
  font-family: "Consolas (Custom)";
  font-style: italic;
  font-weight: 700;
  size-adjust: 110%;
  src: local("Consolas Bold Italic");
}
.vo-AvatarRoot {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  height: var(--avatar-size);
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: var(--avatar-size);
}
.vo-AvatarImage {
  -o-object-fit: cover;
  object-fit: cover;
}
.vo-AvatarFallback,
.vo-AvatarImage {
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.vo-AvatarFallback {
  align-items: center;
  display: flex;
  font-weight: var(--font-weight-medium);
  justify-content: center;
  line-height: 1;
  text-transform: uppercase;
  z-index: 0;
}
.vo-AvatarFallback:where(.vo-one-letter) {
  font-size: var(--avatar-fallback-one-letter-font-size);
}
.vo-AvatarFallback:where(.vo-two-letters) {
  font-size: var(
    --avatar-fallback-two-letters-font-size,
    var(--avatar-fallback-one-letter-font-size)
  );
}
@media {
  .vo-AvatarRoot:where(.vo-v-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-AvatarRoot:where(.vo-v-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .vo-AvatarRoot:where(.vo-v-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-AvatarRoot:where(.vo-v-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .vo-AvatarRoot:where(.vo-v-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .vo-AvatarRoot:where(.vo-v-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.vo-v-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.vo-v-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .vo-AvatarRoot:where(.vo-v-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 520px) {
  .vo-AvatarRoot:where(.vo-v-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-AvatarRoot:where(.vo-v-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .vo-AvatarRoot:where(.vo-v-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-AvatarRoot:where(.vo-v-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .vo-AvatarRoot:where(.vo-v-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .vo-AvatarRoot:where(.vo-v-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.vo-v-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.vo-v-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .vo-AvatarRoot:where(.vo-v-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 768px) {
  .vo-AvatarRoot:where(.sm\:vo-v-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-AvatarRoot:where(.sm\:vo-v-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .vo-AvatarRoot:where(.sm\:vo-v-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-AvatarRoot:where(.sm\:vo-v-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .vo-AvatarRoot:where(.sm\:vo-v-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .vo-AvatarRoot:where(.sm\:vo-v-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.sm\:vo-v-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.sm\:vo-v-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .vo-AvatarRoot:where(.sm\:vo-v-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1024px) {
  .vo-AvatarRoot:where(.md\:vo-v-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-AvatarRoot:where(.md\:vo-v-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .vo-AvatarRoot:where(.md\:vo-v-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-AvatarRoot:where(.md\:vo-v-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .vo-AvatarRoot:where(.md\:vo-v-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .vo-AvatarRoot:where(.md\:vo-v-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.md\:vo-v-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.md\:vo-v-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .vo-AvatarRoot:where(.md\:vo-v-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1280px) {
  .vo-AvatarRoot:where(.lg\:vo-v-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-AvatarRoot:where(.lg\:vo-v-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .vo-AvatarRoot:where(.lg\:vo-v-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-AvatarRoot:where(.lg\:vo-v-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .vo-AvatarRoot:where(.lg\:vo-v-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .vo-AvatarRoot:where(.lg\:vo-v-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.lg\:vo-v-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.lg\:vo-v-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .vo-AvatarRoot:where(.lg\:vo-v-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1640px) {
  .vo-AvatarRoot:where(.xl\:vo-v-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-AvatarRoot:where(.xl\:vo-v-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
  }
  .vo-AvatarRoot:where(.xl\:vo-v-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-AvatarRoot:where(.xl\:vo-v-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
  }
  .vo-AvatarRoot:where(.xl\:vo-v-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
  }
  .vo-AvatarRoot:where(.xl\:vo-v-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.xl\:vo-v-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
  }
  .vo-AvatarRoot:where(.xl\:vo-v-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
  }
  .vo-AvatarRoot:where(.xl\:vo-v-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
  }
}
.vo-AvatarRoot:where(.vo-variant-solid) :where(.vo-AvatarFallback) {
  background-color: var(--accent-9);
  color: var(--accent-9-contrast);
}
.vo-AvatarRoot:where(.vo-variant-solid):where(.vo-high-contrast)
  :where(.vo-AvatarFallback) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.vo-AvatarRoot:where(.vo-variant-soft) :where(.vo-AvatarFallback) {
  background-color: var(--accent-a3);
  color: var(--accent-a11);
}
.vo-AvatarRoot:where(.vo-variant-soft):where(.vo-high-contrast)
  :where(.vo-AvatarFallback) {
  color: var(--accent-12);
}
.vo-Badge {
  align-items: center;
  box-sizing: border-box;
  cursor: default;
  display: inline-flex;
  flex-shrink: 0;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
@media {
  .vo-Badge:where(.vo-v-size-1) {
    border-radius: max(var(--radius-1), var(--radius-full));
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
    padding: calc(var(--space-1) / 2) var(--space-2);
  }
  .vo-Badge:where(.vo-v-size-2) {
    border-radius: max(var(--radius-2), var(--radius-full));
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
    padding: calc(var(--space-1) * 1.5) var(--space-4);
  }
}
@media (min-width: 520px) {
  .vo-Badge:where(.vo-v-size-1) {
    border-radius: max(var(--radius-1), var(--radius-full));
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
    padding: calc(var(--space-1) / 2) var(--space-2);
  }
  .vo-Badge:where(.vo-v-size-2) {
    border-radius: max(var(--radius-2), var(--radius-full));
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
    padding: calc(var(--space-1) * 1.5) var(--space-4);
  }
}
@media (min-width: 768px) {
  .vo-Badge:where(.sm\:vo-v-size-1) {
    border-radius: max(var(--radius-1), var(--radius-full));
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
    padding: calc(var(--space-1) / 2) var(--space-2);
  }
  .vo-Badge:where(.sm\:vo-v-size-2) {
    border-radius: max(var(--radius-2), var(--radius-full));
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
    padding: calc(var(--space-1) * 1.5) var(--space-4);
  }
}
@media (min-width: 1024px) {
  .vo-Badge:where(.md\:vo-v-size-1) {
    border-radius: max(var(--radius-1), var(--radius-full));
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
    padding: calc(var(--space-1) / 2) var(--space-2);
  }
  .vo-Badge:where(.md\:vo-v-size-2) {
    border-radius: max(var(--radius-2), var(--radius-full));
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
    padding: calc(var(--space-1) * 1.5) var(--space-4);
  }
}
@media (min-width: 1280px) {
  .vo-Badge:where(.lg\:vo-v-size-1) {
    border-radius: max(var(--radius-1), var(--radius-full));
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
    padding: calc(var(--space-1) / 2) var(--space-2);
  }
  .vo-Badge:where(.lg\:vo-v-size-2) {
    border-radius: max(var(--radius-2), var(--radius-full));
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
    padding: calc(var(--space-1) * 1.5) var(--space-4);
  }
}
@media (min-width: 1640px) {
  .vo-Badge:where(.xl\:vo-v-size-1) {
    border-radius: max(var(--radius-1), var(--radius-full));
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
    padding: calc(var(--space-1) / 2) var(--space-2);
  }
  .vo-Badge:where(.xl\:vo-v-size-2) {
    border-radius: max(var(--radius-2), var(--radius-full));
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
    padding: calc(var(--space-1) * 1.5) var(--space-4);
  }
}
.vo-Badge:where(.vo-variant-solid) {
  background-color: var(--accent-9);
  color: var(--accent-9-contrast);
}
.vo-Badge:where(.vo-variant-solid):where(.vo-high-contrast) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.vo-Badge:where(.vo-variant-surface) {
  background-color: var(--color-surface-accent);
  box-shadow: inset 0 0 0 1px var(--accent-a7);
  color: var(--accent-a11);
}
.vo-Badge:where(.vo-variant-surface):where(.vo-high-contrast) {
  color: var(--accent-12);
}
.vo-Badge:where(.vo-variant-soft) {
  background-color: var(--accent-a3);
  color: var(--accent-a11);
}
.vo-Badge:where(.vo-variant-soft):where(.vo-high-contrast) {
  color: var(--accent-12);
}
.vo-Badge:where(.vo-variant-outline) {
  box-shadow: inset 0 0 0 1px var(--accent-a8);
  color: var(--accent-a11);
}
.vo-Badge:where(.vo-variant-outline):where(.vo-high-contrast) {
  box-shadow:
    inset 0 0 0 1px var(--accent-a7),
    inset 0 0 0 1px var(--gray-a11);
  color: var(--accent-12);
}
.vo-Blockquote {
  border-left: max(var(--space-1), 0.25em) solid var(--accent-a6);
  padding-left: min(var(--space-5), max(var(--space-3), 0.5em));
}
.vo-BaseButton,
.vo-Box {
  box-sizing: border-box;
}
.vo-BaseButton {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: top;
}
.vo-BaseButton:where(:not(.vo-variant-ghost)) {
  height: var(--base-button-height);
}
.vo-BaseButton:where(.vo-variant-ghost) {
  box-sizing: content-box;
  height: -moz-fit-content;
  height: fit-content;
}
@media {
  .vo-BaseButton:where(.vo-v-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .vo-BaseButton:where(.vo-v-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-BaseButton:where(.vo-v-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .vo-BaseButton:where(.vo-v-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 520px) {
  .vo-BaseButton:where(.vo-v-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .vo-BaseButton:where(.vo-v-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-BaseButton:where(.vo-v-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .vo-BaseButton:where(.vo-v-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 768px) {
  .vo-BaseButton:where(.sm\:vo-v-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .vo-BaseButton:where(.sm\:vo-v-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-BaseButton:where(.sm\:vo-v-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .vo-BaseButton:where(.sm\:vo-v-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 1024px) {
  .vo-BaseButton:where(.md\:vo-v-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .vo-BaseButton:where(.md\:vo-v-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-BaseButton:where(.md\:vo-v-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .vo-BaseButton:where(.md\:vo-v-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 1280px) {
  .vo-BaseButton:where(.lg\:vo-v-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .vo-BaseButton:where(.lg\:vo-v-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-BaseButton:where(.lg\:vo-v-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .vo-BaseButton:where(.lg\:vo-v-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
@media (min-width: 1640px) {
  .vo-BaseButton:where(.xl\:vo-v-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
  }
  .vo-BaseButton:where(.xl\:vo-v-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-BaseButton:where(.xl\:vo-v-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
  }
  .vo-BaseButton:where(.xl\:vo-v-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
  }
}
.vo-BaseButton:where(.vo-variant-classic) {
  background-color: var(--accent-9);
  background-image: linear-gradient(to bottom, transparent 50%, var(--gray-a4)),
    linear-gradient(to bottom, transparent 50%, var(--accent-9) 80%);
  box-shadow:
    var(--base-button-classic-box-shadow-top),
    inset 0 0 0 1px var(--accent-9),
    var(--base-button-classic-box-shadow-bottom);
  color: var(--accent-9-contrast);
  position: relative;
  z-index: 0;
}
.vo-BaseButton:where(.vo-variant-classic):after {
  background-clip: content-box;
  background-color: inherit;
  background-image: linear-gradient(
    var(--black-a1),
    transparent,
    var(--white-a2)
  );
  border: var(--base-button-classic-after-inset) solid transparent;
  border-radius: inherit;
  box-shadow: inset 0 2px 3px -1px var(--white-a4);
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.vo-BaseButton:where(.vo-variant-classic):where(.vo-high-contrast) {
  background-color: var(--accent-12);
  background-image: linear-gradient(to bottom, transparent 50%, var(--gray-a4)),
    linear-gradient(to bottom, transparent 50%, var(--accent-12) 80%);
  box-shadow:
    var(--base-button-classic-box-shadow-top),
    inset 0 0 0 1px var(--accent-12),
    var(--base-button-classic-box-shadow-bottom);
  color: var(--gray-1);
}
.vo-BaseButton:where(.vo-variant-classic):where(.vo-high-contrast):after {
  background-image: linear-gradient(
    var(--black-a3),
    transparent,
    var(--white-a2)
  );
}
.vo-BaseButton:where(.vo-variant-classic):where(:focus-visible) {
  outline: 2px solid var(--color-focus-root);
  outline-offset: 2px;
}
@media (hover: hover) {
  .vo-BaseButton:where(.vo-variant-classic):where(:hover):after {
    background-color: var(--accent-10);
    background-image: linear-gradient(
      var(--black-a2) -15%,
      transparent,
      var(--white-a3)
    );
  }
  .vo-BaseButton:where(.vo-variant-classic):where(:hover):where(
      .vo-high-contrast
    ) {
    filter: var(--base-button-classic-high-contrast-hover-filter);
  }
  .vo-BaseButton:where(.vo-variant-classic):where(:hover):where(
      .vo-high-contrast
    ):after {
    background-color: var(--accent-12);
    background-image: linear-gradient(
      var(--black-a5),
      transparent,
      var(--white-a2)
    );
  }
}
.vo-BaseButton:where(.vo-variant-classic):where([data-state="open"]):after {
  background-color: var(--accent-10);
  background-image: linear-gradient(
    var(--black-a2) -15%,
    transparent,
    var(--white-a3)
  );
}
.vo-BaseButton:where(.vo-variant-classic):where([data-state="open"]):where(
    .vo-high-contrast
  ) {
  filter: var(--base-button-classic-high-contrast-hover-filter);
}
.vo-BaseButton:where(.vo-variant-classic):where([data-state="open"]):where(
    .vo-high-contrast
  ):after {
  background-color: var(--accent-12);
  background-image: linear-gradient(
    var(--black-a5),
    transparent,
    var(--white-a2)
  );
}
.vo-BaseButton:where(.vo-variant-classic):where(
    :active:not([data-state="open"], [data-disabled])
  ) {
  background-color: var(--accent-9);
  background-image: linear-gradient(var(--black-a1), transparent);
  box-shadow:
    inset 0 4px 2px -2px var(--gray-a4),
    inset 0 1px 1px var(--gray-a7),
    inset 0 0 0 1px var(--gray-a5),
    inset 0 0 0 1px var(--accent-9),
    inset 0 3px 2px var(--gray-a3),
    inset 0 0 0 1px var(--white-a7),
    inset 0 -2px 1px var(--white-a5);
  padding-top: var(--base-button-classic-active-padding-top);
}
.vo-BaseButton:where(.vo-variant-classic):where(
    :active:not([data-state="open"], [data-disabled])
  ):after {
  background-color: inherit;
  background-image: linear-gradient(
    var(--black-a2),
    transparent,
    var(--white-a3)
  );
  box-shadow: none;
}
.vo-BaseButton:where(.vo-variant-classic):where(
    :active:not([data-state="open"], [data-disabled])
  ):where(.vo-high-contrast) {
  background-color: var(--accent-12);
  box-shadow:
    var(--base-button__classic-active__shadow-front-layer),
    inset 0 0 0 1px var(--accent-12),
    var(--base-button__classic-active__shadow-bottom-layer);
  filter: var(--base-button-classic-high-contrast-active-filter);
}
.vo-BaseButton:where(.vo-variant-classic):where(
    :active:not([data-state="open"], [data-disabled])
  ):where(.vo-high-contrast):after {
  background-image: linear-gradient(
    var(--black-a5),
    transparent,
    var(--white-a3)
  );
}
.vo-BaseButton:where(.vo-variant-classic):where([data-disabled]) {
  background-color: var(--gray-2);
  background-image: none;
  box-shadow: var(--base-button-classic-disabled-box-shadow);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
  filter: none;
}
.vo-BaseButton:where(.vo-variant-classic):where([data-disabled]):after {
  background-color: var(--gray-a2);
  background-image: linear-gradient(
    var(--black-a1) -20%,
    transparent,
    var(--white-a1)
  );
  box-shadow: none;
}
.vo-BaseButton:where(.vo-variant-solid) {
  background-color: var(--accent-9);
  color: var(--accent-9-contrast);
}
@media (hover: hover) {
  .vo-BaseButton:where(.vo-variant-solid):where(:hover) {
    background-color: var(--accent-10);
  }
}
.vo-BaseButton:where(.vo-variant-solid):where([data-state="open"]) {
  background-color: var(--accent-10);
}
.vo-BaseButton:where(.vo-variant-solid):where(
    :active:not([data-state="open"])
  ) {
  background-color: var(--accent-10);
  filter: var(--base-button-solid-active-filter);
}
.vo-BaseButton:where(.vo-variant-solid):where(:focus-visible) {
  outline: 2px solid var(--color-focus-root);
  outline-offset: 2px;
}
.vo-BaseButton:where(.vo-variant-solid):where(.vo-high-contrast) {
  background-color: var(--accent-12);
  color: var(--gray-1);
}
@media (hover: hover) {
  .vo-BaseButton:where(.vo-variant-solid):where(.vo-high-contrast):where(
      :hover
    ) {
    background-color: var(--accent-12);
    filter: var(--base-button-solid-high-contrast-hover-filter);
  }
}
.vo-BaseButton:where(.vo-variant-solid):where(.vo-high-contrast):where(
    [data-state="open"]
  ) {
  background-color: var(--accent-12);
  filter: var(--base-button-solid-high-contrast-hover-filter);
}
.vo-BaseButton:where(.vo-variant-solid):where(.vo-high-contrast):where(
    :active:not([data-state="open"])
  ) {
  background-color: var(--accent-12);
  filter: var(--base-button-solid-high-contrast-active-filter);
}
.vo-BaseButton:where(.vo-variant-solid):where([data-disabled]) {
  background-color: var(--gray-a3);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
  filter: none;
}
.vo-BaseButton:where(.vo-variant-soft, .vo-variant-ghost) {
  color: var(--accent-a11);
}
.vo-BaseButton:where(.vo-variant-soft, .vo-variant-ghost):where(
    .vo-high-contrast
  ) {
  color: var(--accent-12);
}
.vo-BaseButton:where(.vo-variant-soft, .vo-variant-ghost):where(
    [data-disabled]
  ) {
  background-color: var(--gray-a3);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
}
.vo-BaseButton:where(.vo-variant-soft) {
  background-color: var(--accent-a3);
}
.vo-BaseButton:where(.vo-variant-soft):where(:focus-visible) {
  outline: 2px solid var(--accent-8);
  outline-offset: -1px;
}
@media (hover: hover) {
  .vo-BaseButton:where(.vo-variant-soft):where(:hover) {
    background-color: var(--accent-a4);
  }
}
.vo-BaseButton:where(.vo-variant-soft):where([data-state="open"]) {
  background-color: var(--accent-a4);
}
.vo-BaseButton:where(.vo-variant-soft):where(:active:not([data-state="open"])) {
  background-color: var(--accent-a5);
}
.vo-BaseButton:where(.vo-variant-soft):where([data-disabled]) {
  background-color: var(--gray-a3);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
}
@media (hover: hover) {
  .vo-BaseButton:where(.vo-variant-ghost):where(:hover) {
    background-color: var(--accent-a3);
  }
}
.vo-BaseButton:where(.vo-variant-ghost):where(:focus-visible) {
  outline: 2px solid var(--color-focus-root);
  outline-offset: -1px;
}
.vo-BaseButton:where(.vo-variant-ghost):where([data-state="open"]) {
  background-color: var(--accent-a3);
}
.vo-BaseButton:where(.vo-variant-ghost):where(
    :active:not([data-state="open"])
  ) {
  background-color: var(--accent-a4);
}
.vo-BaseButton:where(.vo-variant-ghost):where([data-disabled]) {
  background-color: transparent;
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
}
.vo-BaseButton:where(.vo-variant-outline) {
  box-shadow: inset 0 0 0 1px var(--accent-a8);
  color: var(--accent-a11);
}
@media (hover: hover) {
  .vo-BaseButton:where(.vo-variant-outline):where(:hover) {
    background-color: var(--accent-a2);
  }
}
.vo-BaseButton:where(.vo-variant-outline):where([data-state="open"]) {
  background-color: var(--accent-a2);
}
.vo-BaseButton:where(.vo-variant-outline):where(
    :active:not([data-state="open"])
  ) {
  background-color: var(--accent-a3);
}
.vo-BaseButton:where(.vo-variant-outline):where(:focus-visible) {
  outline: 2px solid var(--color-focus-root);
  outline-offset: -1px;
}
.vo-BaseButton:where(.vo-variant-outline):where(.vo-high-contrast) {
  box-shadow:
    inset 0 0 0 1px var(--accent-a7),
    inset 0 0 0 1px var(--gray-a11);
  color: var(--accent-12);
}
.vo-BaseButton:where(.vo-variant-outline):where([data-disabled]) {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--gray-a7);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
}
.vo-BaseButton:where(.vo-variant-surface) {
  background-color: var(--color-surface-accent);
  box-shadow: inset 0 0 0 1px var(--accent-a7);
  color: var(--accent-a11);
}
@media (hover: hover) {
  .vo-BaseButton:where(.vo-variant-surface):where(:hover) {
    box-shadow: inset 0 0 0 1px var(--accent-a8);
  }
}
.vo-BaseButton:where(.vo-variant-surface):where([data-state="open"]) {
  box-shadow: inset 0 0 0 1px var(--accent-a8);
}
.vo-BaseButton:where(.vo-variant-surface):where(
    :active:not([data-state="open"])
  ) {
  background-color: var(--accent-a3);
  box-shadow: inset 0 0 0 1px var(--accent-a8);
}
.vo-BaseButton:where(.vo-variant-surface):where(:focus-visible) {
  outline: 2px solid var(--color-focus-root);
  outline-offset: -1px;
}
.vo-BaseButton:where(.vo-variant-surface):where(.vo-high-contrast) {
  color: var(--accent-12);
}
.vo-BaseButton:where(.vo-variant-surface):where([data-disabled]) {
  background-color: var(--gray-a2);
  box-shadow: inset 0 0 0 1px var(--gray-a6);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
}
.vo-Button:where(:not(.vo-variant-ghost)) :where(svg) {
  opacity: 0.9;
}
.vo-Button:where(.vo-variant-ghost) {
  padding: var(--button-ghost-padding-y) var(--button-ghost-padding-x);
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-top-override: calc(
    var(--margin-top) - var(--button-ghost-padding-y)
  );
  --margin-right-override: calc(
    var(--margin-right) - var(--button-ghost-padding-x)
  );
  --margin-bottom-override: calc(
    var(--margin-bottom) - var(--button-ghost-padding-y)
  );
  --margin-left-override: calc(
    var(--margin-left) - var(--button-ghost-padding-x)
  );
  margin: var(--margin-top-override) var(--margin-right-override)
    var(--margin-bottom-override) var(--margin-left-override);
}
:where(.vo-Button:where(.vo-variant-ghost)) > * {
  --margin-top-override: initial;
  --margin-right-override: initial;
  --margin-bottom-override: initial;
  --margin-left-override: initial;
}
@media {
  .vo-Button:where(.vo-v-size-1) {
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-Button:where(.vo-v-size-1):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-Button:where(.vo-v-size-1):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.vo-v-size-2) {
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-Button:where(.vo-v-size-2):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-Button:where(.vo-v-size-2):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.vo-v-size-3) {
    font-size: var(--font-size-3);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
  .vo-Button:where(.vo-v-size-3):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .vo-Button:where(.vo-v-size-3):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .vo-Button:where(.vo-v-size-4) {
    font-size: var(--font-size-4);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-4);
    line-height: var(--line-height-4);
  }
  .vo-Button:where(.vo-v-size-4):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .vo-Button:where(.vo-v-size-4):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 520px) {
  .vo-Button:where(.vo-v-size-1) {
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-Button:where(.vo-v-size-1):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-Button:where(.vo-v-size-1):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.vo-v-size-2) {
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-Button:where(.vo-v-size-2):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-Button:where(.vo-v-size-2):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.vo-v-size-3) {
    font-size: var(--font-size-3);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
  .vo-Button:where(.vo-v-size-3):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .vo-Button:where(.vo-v-size-3):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .vo-Button:where(.vo-v-size-4) {
    font-size: var(--font-size-4);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-4);
    line-height: var(--line-height-4);
  }
  .vo-Button:where(.vo-v-size-4):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .vo-Button:where(.vo-v-size-4):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 768px) {
  .vo-Button:where(.sm\:vo-v-size-1) {
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-Button:where(.sm\:vo-v-size-1):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-Button:where(.sm\:vo-v-size-1):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.sm\:vo-v-size-2) {
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-Button:where(.sm\:vo-v-size-2):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-Button:where(.sm\:vo-v-size-2):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.sm\:vo-v-size-3) {
    font-size: var(--font-size-3);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
  .vo-Button:where(.sm\:vo-v-size-3):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .vo-Button:where(.sm\:vo-v-size-3):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .vo-Button:where(.sm\:vo-v-size-4) {
    font-size: var(--font-size-4);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-4);
    line-height: var(--line-height-4);
  }
  .vo-Button:where(.sm\:vo-v-size-4):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .vo-Button:where(.sm\:vo-v-size-4):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 1024px) {
  .vo-Button:where(.md\:vo-v-size-1) {
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-Button:where(.md\:vo-v-size-1):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-Button:where(.md\:vo-v-size-1):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.md\:vo-v-size-2) {
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-Button:where(.md\:vo-v-size-2):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-Button:where(.md\:vo-v-size-2):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.md\:vo-v-size-3) {
    font-size: var(--font-size-3);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
  .vo-Button:where(.md\:vo-v-size-3):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .vo-Button:where(.md\:vo-v-size-3):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .vo-Button:where(.md\:vo-v-size-4) {
    font-size: var(--font-size-4);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-4);
    line-height: var(--line-height-4);
  }
  .vo-Button:where(.md\:vo-v-size-4):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .vo-Button:where(.md\:vo-v-size-4):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 1280px) {
  .vo-Button:where(.lg\:vo-v-size-1) {
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-Button:where(.lg\:vo-v-size-1):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-Button:where(.lg\:vo-v-size-1):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.lg\:vo-v-size-2) {
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-Button:where(.lg\:vo-v-size-2):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-Button:where(.lg\:vo-v-size-2):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.lg\:vo-v-size-3) {
    font-size: var(--font-size-3);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
  .vo-Button:where(.lg\:vo-v-size-3):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .vo-Button:where(.lg\:vo-v-size-3):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .vo-Button:where(.lg\:vo-v-size-4) {
    font-size: var(--font-size-4);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-4);
    line-height: var(--line-height-4);
  }
  .vo-Button:where(.lg\:vo-v-size-4):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .vo-Button:where(.lg\:vo-v-size-4):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
@media (min-width: 1640px) {
  .vo-Button:where(.xl\:vo-v-size-1) {
    font-size: var(--font-size-1);
    gap: var(--space-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-Button:where(.xl\:vo-v-size-1):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-Button:where(.xl\:vo-v-size-1):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.xl\:vo-v-size-2) {
    font-size: var(--font-size-2);
    gap: var(--space-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-Button:where(.xl\:vo-v-size-2):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-Button:where(.xl\:vo-v-size-2):where(.vo-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
  }
  .vo-Button:where(.xl\:vo-v-size-3) {
    font-size: var(--font-size-3);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
  .vo-Button:where(.xl\:vo-v-size-3):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .vo-Button:where(.xl\:vo-v-size-3):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
  }
  .vo-Button:where(.xl\:vo-v-size-4) {
    font-size: var(--font-size-4);
    gap: var(--space-3);
    letter-spacing: var(--letter-spacing-4);
    line-height: var(--line-height-4);
  }
  .vo-Button:where(.xl\:vo-v-size-4):where(:not(.vo-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .vo-Button:where(.xl\:vo-v-size-4):where(.vo-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
  }
}
.vo-Button:where(:not(.vo-variant-ghost)) {
  font-weight: var(--font-weight-medium);
}
.vo-CalloutRoot {
  align-items: flex-start;
  color: var(--accent-a11);
  display: grid;
  justify-content: flex-start;
  text-align: left;
}
.vo-CalloutRoot:where(.vo-high-contrast) {
  color: var(--accent-12);
}
.vo-CalloutIcon {
  align-items: center;
  display: flex;
  grid-column-start: -2;
  height: var(--line-height);
}
.vo-CalloutRoot > :where(:not(.vo-CalloutIcon)) {
  grid-column-start: -1;
}
@media {
  .vo-CalloutRoot:where(.vo-v-size-1) {
    border-radius: var(--radius-3);
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
    padding: var(--space-3);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.vo-v-size-2) {
    border-radius: var(--radius-4);
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
    padding: var(--space-4);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.vo-v-size-3) {
    border-radius: var(--radius-5);
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
    padding: var(--space-5);
    row-gap: var(--space-3);
  }
}
@media (min-width: 520px) {
  .vo-CalloutRoot:where(.vo-v-size-1) {
    border-radius: var(--radius-3);
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
    padding: var(--space-3);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.vo-v-size-2) {
    border-radius: var(--radius-4);
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
    padding: var(--space-4);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.vo-v-size-3) {
    border-radius: var(--radius-5);
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
    padding: var(--space-5);
    row-gap: var(--space-3);
  }
}
@media (min-width: 768px) {
  .vo-CalloutRoot:where(.sm\:vo-v-size-1) {
    border-radius: var(--radius-3);
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
    padding: var(--space-3);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.sm\:vo-v-size-2) {
    border-radius: var(--radius-4);
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
    padding: var(--space-4);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.sm\:vo-v-size-3) {
    border-radius: var(--radius-5);
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
    padding: var(--space-5);
    row-gap: var(--space-3);
  }
}
@media (min-width: 1024px) {
  .vo-CalloutRoot:where(.md\:vo-v-size-1) {
    border-radius: var(--radius-3);
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
    padding: var(--space-3);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.md\:vo-v-size-2) {
    border-radius: var(--radius-4);
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
    padding: var(--space-4);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.md\:vo-v-size-3) {
    border-radius: var(--radius-5);
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
    padding: var(--space-5);
    row-gap: var(--space-3);
  }
}
@media (min-width: 1280px) {
  .vo-CalloutRoot:where(.lg\:vo-v-size-1) {
    border-radius: var(--radius-3);
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
    padding: var(--space-3);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.lg\:vo-v-size-2) {
    border-radius: var(--radius-4);
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
    padding: var(--space-4);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.lg\:vo-v-size-3) {
    border-radius: var(--radius-5);
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
    padding: var(--space-5);
    row-gap: var(--space-3);
  }
}
@media (min-width: 1640px) {
  .vo-CalloutRoot:where(.xl\:vo-v-size-1) {
    border-radius: var(--radius-3);
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
    padding: var(--space-3);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.xl\:vo-v-size-2) {
    border-radius: var(--radius-4);
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
    padding: var(--space-4);
    row-gap: var(--space-2);
  }
  .vo-CalloutRoot:where(.xl\:vo-v-size-3) {
    border-radius: var(--radius-5);
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
    padding: var(--space-5);
    row-gap: var(--space-3);
  }
}
.vo-CalloutRoot:where(.vo-variant-soft) {
  background-color: var(--accent-a3);
}
.vo-CalloutRoot:where(.vo-variant-surface) {
  background-color: var(--accent-a2);
  box-shadow: inset 0 0 0 1px var(--accent-a6);
}
.vo-CalloutRoot:where(.vo-variant-outline) {
  box-shadow: inset 0 0 0 1px var(--accent-a7);
}
.vo-Card {
  border-radius: var(--card-border-radius);
  position: relative;
  text-align: initial;
  --card-after-border-radius: calc(
    var(--card-border-radius) - var(--card-border-width)
  );
  background-clip: padding-box;
  border: var(--card-border-width) solid transparent;
}
.vo-Card:where(button, a) {
  display: block;
}
.vo-Card:after {
  border-radius: inherit;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
}
.vo-Card:where(:focus-visible):after {
  outline: 2px solid var(--color-focus-root);
  outline-offset: -1px;
}
.vo-CardInner {
  --inset-border-width: var(--card-border-width);
  --inset-border-radius: var(--card-border-radius);
  border-radius: inherit;
  box-sizing: border-box;
  overflow: hidden;
  padding: var(--card-padding);
  position: relative;
  --inset-padding: calc(var(--card-padding) - var(--card-border-width));
  height: calc(100% + var(--card-border-width) * 2);
  margin: calc(var(--card-border-width) * -1);
  width: calc(100% + var(--card-border-width) * 2);
}
.vo-Card:where(.vo-variant-ghost) {
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-top-override: calc(var(--margin-top) - var(--card-padding));
  --margin-right-override: calc(var(--margin-right) - var(--card-padding));
  --margin-bottom-override: calc(var(--margin-bottom) - var(--card-padding));
  --margin-left-override: calc(var(--margin-left) - var(--card-padding));
  margin: var(--margin-top-override) var(--margin-right-override)
    var(--margin-bottom-override) var(--margin-left-override);
  --card-border-width: 0px;
}
:where(.vo-Card:where(.vo-variant-ghost)) > * {
  --margin-top-override: initial;
  --margin-right-override: initial;
  --margin-bottom-override: initial;
  --margin-left-override: initial;
}
@media {
  .vo-Card:where(.vo-v-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.vo-v-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.vo-v-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.vo-v-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.vo-v-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 520px) {
  .vo-Card:where(.vo-v-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.vo-v-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.vo-v-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.vo-v-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.vo-v-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 768px) {
  .vo-Card:where(.sm\:vo-v-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.sm\:vo-v-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.sm\:vo-v-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.sm\:vo-v-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.sm\:vo-v-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 1024px) {
  .vo-Card:where(.md\:vo-v-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.md\:vo-v-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.md\:vo-v-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.md\:vo-v-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.md\:vo-v-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 1280px) {
  .vo-Card:where(.lg\:vo-v-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.lg\:vo-v-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.lg\:vo-v-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.lg\:vo-v-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.lg\:vo-v-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
@media (min-width: 1640px) {
  .vo-Card:where(.xl\:vo-v-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.xl\:vo-v-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
  }
  .vo-Card:where(.xl\:vo-v-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.xl\:vo-v-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
  }
  .vo-Card:where(.xl\:vo-v-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
  }
}
.vo-Card:where(.vo-variant-surface) {
  --card-border-width: 1px;
  background-color: var(--color-panel);
}
.vo-Card:where(.vo-variant-surface):after {
  border-radius: var(--card-after-border-radius);
  box-shadow: 0 0 0 1px var(--gray-a5);
}
@supports (box-shadow: 0 0 0 1px color-mix(in oklab, white, black)) {
  .vo-Card:where(.vo-variant-surface):after {
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--gray-a5), var(--gray-5) 25%);
  }
}
@media (hover: hover) {
  .vo-Card:where(.vo-variant-surface):where(button, [href]):where(
      :hover
    ):after {
    box-shadow: 0 0 0 1px var(--gray-a7);
  }
  @supports (box-shadow: 0 0 0 1px color-mix(in oklab, white, black)) {
    .vo-Card:where(.vo-variant-surface):where(button, [href]):where(
        :hover
      ):after {
      box-shadow: 0 0 0 1px
        color-mix(in oklab, var(--gray-a7), var(--gray-7) 25%);
    }
  }
}
.vo-Card:where(.vo-variant-surface):where(button, [href]):where(
    :active:not([data-state="open"])
  ):after {
  box-shadow:
    0 0 0 1px var(--gray-a7),
    0 0 0 1px var(--gray-a6);
}
@supports (box-shadow: 0 0 0 1px color-mix(in oklab, white, black)) {
  .vo-Card:where(.vo-variant-surface):where(button, [href]):where(
      :active:not([data-state="open"])
    ):after {
    box-shadow:
      0 0 0 1px color-mix(in oklab, var(--gray-a7), var(--gray-7) 25%),
      0 0 0 1px var(--gray-a5);
  }
}
.vo-Card:where(.vo-variant-surface):where(button, [href]):where(
    :active:not([data-state="open"])
  ):where(:focus-visible) {
  background-color: var(--gray-a3);
}
.vo-Card:where(.vo-variant-classic) {
  --card-border-width: 1px;
  background-color: var(--color-panel);
}
.vo-Card:where(.vo-variant-classic):after {
  border-radius: var(--card-after-border-radius);
  box-shadow:
    0 0 0 1px var(--color-transparent),
    var(--shadow-2);
  transition: box-shadow 0.12s;
}
@media (hover: hover) {
  .vo-Card:where(.vo-variant-classic):where(button, [href]):where(
      :hover
    ):after {
    box-shadow: var(--card-classic-hover-box-shadow);
    transition-duration: 40ms;
  }
}
.vo-Card:where(.vo-variant-classic):where(button, [href]):where(
    :active:not([data-state="open"])
  ):after {
  box-shadow:
    0 0 0 1px var(--gray-a5),
    var(--shadow-2);
  transition-duration: 40ms;
}
.vo-Card:where(.vo-variant-classic):where(button, [href]):where(
    :active:not([data-state="open"])
  ):where(:focus-visible) {
  background-color: var(--gray-a3);
}
@media (hover: hover) {
  .vo-Card:where(.vo-variant-ghost):where(button, [href]):where(:hover) {
    background-color: var(--gray-a3);
  }
}
.vo-Card:where(.vo-variant-ghost):where(button, [href]):where(
    :active:not([data-state="open"])
  ) {
  background-color: var(--gray-a4);
}
.vo-CheckboxRoot {
  flex-shrink: 0;
  height: var(--line-height, var(--checkbox-size));
  vertical-align: top;
}
.vo-CheckboxButton,
.vo-CheckboxRoot {
  align-items: center;
  display: inline-flex;
}
.vo-CheckboxButton {
  border-radius: inherit;
  box-sizing: border-box;
  cursor: var(--cursor-checkbox);
  height: var(--checkbox-size);
  justify-content: center;
  position: relative;
  width: var(--checkbox-size);
}
.vo-CheckboxButton:where(:focus-visible) {
  outline: 2px solid var(--color-focus-root);
  outline-offset: 2px;
}
.vo-CheckboxIndicator {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}
@media {
  .vo-CheckboxRoot:where(.vo-v-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    border-radius: calc(var(--radius-1) / 1.25);
  }
  .vo-CheckboxRoot:where(.vo-v-size-1) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.vo-v-size-2) {
    --checkbox-size: var(--space-4);
    border-radius: var(--radius-1);
  }
  .vo-CheckboxRoot:where(.vo-v-size-2) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.vo-v-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    border-radius: calc(var(--radius-1) * 1.25);
  }
  .vo-CheckboxRoot:where(.vo-v-size-3) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(12px * var(--scaling));
    width: calc(12px * var(--scaling));
  }
}
@media (min-width: 520px) {
  .vo-CheckboxRoot:where(.vo-v-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    border-radius: calc(var(--radius-1) / 1.25);
  }
  .vo-CheckboxRoot:where(.vo-v-size-1) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.vo-v-size-2) {
    --checkbox-size: var(--space-4);
    border-radius: var(--radius-1);
  }
  .vo-CheckboxRoot:where(.vo-v-size-2) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.vo-v-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    border-radius: calc(var(--radius-1) * 1.25);
  }
  .vo-CheckboxRoot:where(.vo-v-size-3) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(12px * var(--scaling));
    width: calc(12px * var(--scaling));
  }
}
@media (min-width: 768px) {
  .vo-CheckboxRoot:where(.sm\:vo-v-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    border-radius: calc(var(--radius-1) / 1.25);
  }
  .vo-CheckboxRoot:where(.sm\:vo-v-size-1) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.sm\:vo-v-size-2) {
    --checkbox-size: var(--space-4);
    border-radius: var(--radius-1);
  }
  .vo-CheckboxRoot:where(.sm\:vo-v-size-2) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.sm\:vo-v-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    border-radius: calc(var(--radius-1) * 1.25);
  }
  .vo-CheckboxRoot:where(.sm\:vo-v-size-3) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(12px * var(--scaling));
    width: calc(12px * var(--scaling));
  }
}
@media (min-width: 1024px) {
  .vo-CheckboxRoot:where(.md\:vo-v-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    border-radius: calc(var(--radius-1) / 1.25);
  }
  .vo-CheckboxRoot:where(.md\:vo-v-size-1) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.md\:vo-v-size-2) {
    --checkbox-size: var(--space-4);
    border-radius: var(--radius-1);
  }
  .vo-CheckboxRoot:where(.md\:vo-v-size-2) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.md\:vo-v-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    border-radius: calc(var(--radius-1) * 1.25);
  }
  .vo-CheckboxRoot:where(.md\:vo-v-size-3) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(12px * var(--scaling));
    width: calc(12px * var(--scaling));
  }
}
@media (min-width: 1280px) {
  .vo-CheckboxRoot:where(.lg\:vo-v-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    border-radius: calc(var(--radius-1) / 1.25);
  }
  .vo-CheckboxRoot:where(.lg\:vo-v-size-1) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.lg\:vo-v-size-2) {
    --checkbox-size: var(--space-4);
    border-radius: var(--radius-1);
  }
  .vo-CheckboxRoot:where(.lg\:vo-v-size-2) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.lg\:vo-v-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    border-radius: calc(var(--radius-1) * 1.25);
  }
  .vo-CheckboxRoot:where(.lg\:vo-v-size-3) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(12px * var(--scaling));
    width: calc(12px * var(--scaling));
  }
}
@media (min-width: 1640px) {
  .vo-CheckboxRoot:where(.xl\:vo-v-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    border-radius: calc(var(--radius-1) / 1.25);
  }
  .vo-CheckboxRoot:where(.xl\:vo-v-size-1) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.xl\:vo-v-size-2) {
    --checkbox-size: var(--space-4);
    border-radius: var(--radius-1);
  }
  .vo-CheckboxRoot:where(.xl\:vo-v-size-2) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-CheckboxRoot:where(.xl\:vo-v-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    border-radius: calc(var(--radius-1) * 1.25);
  }
  .vo-CheckboxRoot:where(.xl\:vo-v-size-3) :where(.vo-CheckboxIndicatorIcon) {
    height: calc(12px * var(--scaling));
    width: calc(12px * var(--scaling));
  }
}
.vo-CheckboxButton:where(.vo-variant-surface):where([data-state="unchecked"]) {
  background-color: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--gray-a7);
}
.vo-CheckboxButton:where(.vo-variant-surface):where([data-state="checked"]) {
  background-color: var(--accent-9);
  color: var(--accent-9-contrast);
}
.vo-CheckboxButton:where(.vo-variant-surface):where(
    [data-state="checked"]
  ):where(.vo-high-contrast) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.vo-CheckboxButton:where(.vo-variant-surface):where(:disabled) {
  background-color: var(--gray-a3);
  box-shadow: inset 0 0 0 1px var(--gray-a6);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
}
.vo-CheckboxButton:where(.vo-variant-classic):where([data-state="unchecked"]) {
  background-color: var(--color-surface);
  box-shadow:
    inset 0 0 0 1px var(--gray-a3),
    var(--shadow-1);
}
.vo-CheckboxButton:where(.vo-variant-classic):where([data-state="checked"]) {
  background-color: var(--accent-9);
  background-image: linear-gradient(
    to bottom,
    var(--white-a3),
    transparent,
    var(--black-a1)
  );
  box-shadow:
    inset 0 0.5px 0.5px var(--white-a4),
    inset 0 -0.5px 0.5px var(--black-a4);
  color: var(--accent-9-contrast);
}
.vo-CheckboxButton:where(.vo-variant-classic):where(
    [data-state="checked"]
  ):where(.vo-high-contrast) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.vo-CheckboxButton:where(.vo-variant-classic):where(:disabled) {
  background-color: var(--gray-a3);
  background-image: none;
  box-shadow: var(--shadow-1);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
}
.vo-CheckboxButton:where(.vo-variant-soft) {
  background-color: var(--accent-a5);
}
.vo-CheckboxButton:where(.vo-variant-soft):where([data-state="checked"]) {
  color: var(--accent-11);
}
.vo-CheckboxButton:where(.vo-variant-soft):where([data-state="checked"]):where(
    .vo-high-contrast
  ) {
  color: var(--accent-12);
}
.vo-CheckboxButton:where(.vo-variant-soft):where(:focus-visible) {
  outline-color: var(--accent-a8);
}
.vo-CheckboxButton:where(.vo-variant-soft):where(:disabled) {
  background-color: var(--gray-a3);
  color: var(--gray-a8);
  cursor: var(--cursor-disabled);
}
.vo-Code {
  --code-variant-font-size-adjust: calc(var(--code-font-size-adjust) * 0.95);
  border-radius: calc((0.5px + 0.2em) * var(--radius-factor));
  box-sizing: border-box;
  font-family: var(--code-font-family);
  font-size: calc(var(--code-variant-font-size-adjust) * 1em);
  font-style: var(--code-font-style);
  font-weight: var(--code-font-weight);
  letter-spacing: calc(
    var(--code-letter-spacing) +
      var(--letter-spacing, var(--default-letter-spacing))
  );
  line-height: 1.25;
}
@media {
  .vo-Code:where(.vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Code:where(.vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Code:where(.vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Code:where(.vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Code:where(.vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Code:where(.vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Code:where(.vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Code:where(.vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Code:where(.vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 520px) {
  .vo-Code:where(.vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Code:where(.vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Code:where(.vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Code:where(.vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Code:where(.vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Code:where(.vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Code:where(.vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Code:where(.vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Code:where(.vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 768px) {
  .vo-Code:where(.sm\:vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Code:where(.sm\:vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Code:where(.sm\:vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Code:where(.sm\:vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Code:where(.sm\:vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Code:where(.sm\:vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Code:where(.sm\:vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Code:where(.sm\:vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Code:where(.sm\:vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1024px) {
  .vo-Code:where(.md\:vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Code:where(.md\:vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Code:where(.md\:vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Code:where(.md\:vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Code:where(.md\:vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Code:where(.md\:vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Code:where(.md\:vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Code:where(.md\:vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Code:where(.md\:vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1280px) {
  .vo-Code:where(.lg\:vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Code:where(.lg\:vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Code:where(.lg\:vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Code:where(.lg\:vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Code:where(.lg\:vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Code:where(.lg\:vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Code:where(.lg\:vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Code:where(.lg\:vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Code:where(.lg\:vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1640px) {
  .vo-Code:where(.xl\:vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Code:where(.xl\:vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Code:where(.xl\:vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Code:where(.xl\:vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Code:where(.xl\:vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Code:where(.xl\:vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Code:where(.xl\:vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Code:where(.xl\:vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Code:where(.xl\:vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
.vo-Code:where(.vo-variant-ghost) {
  --code-variant-font-size-adjust: var(--code-font-size-adjust);
  color: var(--accent-a11);
}
.vo-Code:where(.vo-variant-ghost):where(.vo-high-contrast) {
  color: var(--accent-12);
}
:where(.vo-Link:not(.vo-underline-hover)) .vo-Code:where(.vo-variant-ghost) {
  text-decoration-color: inherit;
  text-decoration-line: underline;
  text-decoration-thickness: inherit;
}
:where(.vo-Link:has(.vo-Code:where(.vo-variant-ghost):only-child)):where(
    :focus-visible
  )
  .vo-Code {
  outline: 2px solid var(--color-focus-root);
  outline-offset: 2px;
  text-decoration: none;
}
.vo-Code:where(.vo-variant-solid) {
  background-color: var(--accent-a9);
  color: var(--accent-9-contrast);
  padding: var(--code-padding-top) 0.25em var(--code-padding-bottom);
}
.vo-Code:where(.vo-variant-solid):where(.vo-high-contrast) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.vo-Code:where(.vo-variant-solid)::-moz-selection {
  background-color: var(--accent-7);
  color: var(--accent-12);
}
.vo-Code:where(.vo-variant-solid)::selection {
  background-color: var(--accent-7);
  color: var(--accent-12);
}
@media (hover: hover) {
  :where(.vo-Link:has(.vo-Code:where(.vo-variant-solid):only-child))
    .vo-Code:where(:hover) {
    background-color: var(--accent-10);
  }
  :where(.vo-Link:has(.vo-Code:where(.vo-variant-solid):only-child))
    .vo-Code:where(.vo-high-contrast:hover) {
    background-color: var(--accent-12);
    filter: var(--base-button-solid-high-contrast-hover-filter);
  }
}
:where(.vo-Link:has(.vo-Code:where(.vo-variant-solid):only-child)):where(
    :focus-visible
  )
  .vo-Code {
  outline: 2px solid var(--color-focus-root);
  outline-offset: 2px;
}
.vo-Code:where(.vo-variant-soft) {
  background-color: var(--accent-a3);
  color: var(--accent-a11);
  padding: var(--code-padding-top) 0.25em var(--code-padding-bottom);
}
.vo-Code:where(.vo-variant-soft):where(.vo-high-contrast) {
  background-color: var(--accent-a4);
  color: var(--accent-12);
}
@media (hover: hover) {
  :where(.vo-Link:has(.vo-Code:where(.vo-variant-soft):only-child))
    .vo-Code:where(:hover) {
    background-color: var(--accent-a4);
  }
}
:where(.vo-Link:has(.vo-Code:where(.vo-variant-soft):only-child)):where(
    :focus-visible
  )
  .vo-Code {
  outline: 2px solid var(--accent-8);
  outline-offset: -1px;
}
.vo-Code:where(.vo-variant-outline) {
  box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
  color: var(--accent-a11);
  padding: var(--code-padding-top) 0.25em var(--code-padding-bottom);
}
.vo-Code:where(.vo-variant-outline):where(.vo-high-contrast) {
  box-shadow:
    inset 0 0 0 max(1px, 0.033em) var(--accent-a7),
    inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
  color: var(--accent-12);
}
@media (hover: hover) {
  :where(.vo-Link:has(.vo-Code:where(.vo-variant-outline):only-child))
    .vo-Code:where(:hover) {
    background-color: var(--accent-a2);
  }
}
:where(.vo-Link:has(.vo-Code:where(.vo-variant-outline):only-child)):where(
    :focus-visible
  )
  .vo-Code {
  outline: 2px solid var(--color-focus-root);
  outline-offset: -1px;
}
.vo-Container {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}
.vo-ContainerInner {
  width: 70%;
}

@media (max-width: 519px) {
  .vo-ContainerInner {
    width: 100%; 
  }
}

@media {
  :where(.vo-Container.vo-v-size-1) .vo-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.vo-Container.vo-v-size-2) .vo-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.vo-Container.vo-v-size-3) .vo-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.vo-Container.vo-v-size-4) .vo-ContainerInner {
    max-width: var(--container-4);
  }
}

@media (min-width: 520px) {
  :where(.vo-Container.vo-v-size-1) .vo-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.vo-Container.vo-v-size-2) .vo-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.vo-Container.vo-v-size-3) .vo-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.vo-Container.vo-v-size-4) .vo-ContainerInner {
    max-width: var(--container-4);
  }
}

@media (min-width: 768px) {
  :where(.vo-Container.sm\:vo-v-size-1) .vo-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.vo-Container.sm\:vo-v-size-2) .vo-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.vo-Container.sm\:vo-v-size-3) .vo-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.vo-Container.sm\:vo-v-size-4) .vo-ContainerInner {
    max-width: var(--container-4);
  }
}

@media (min-width: 1024px) {
  :where(.vo-Container.md\:vo-v-size-1) .vo-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.vo-Container.md\:vo-v-size-2) .vo-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.vo-Container.md\:vo-v-size-3) .vo-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.vo-Container.md\:vo-v-size-4) .vo-ContainerInner {
    max-width: var(--container-4);
  }
}

@media (min-width: 1280px) {
  :where(.vo-Container.lg\:vo-v-size-1) .vo-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.vo-Container.lg\:vo-v-size-2) .vo-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.vo-Container.lg\:vo-v-size-3) .vo-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.vo-Container.lg\:vo-v-size-4) .vo-ContainerInner {
    max-width: var(--container-4);
  }
}

@media (min-width: 1640px) {
  :where(.vo-Container.xl\:vo-v-size-1) .vo-ContainerInner {
    max-width: var(--container-1);
  }
  :where(.vo-Container.xl\:vo-v-size-2) .vo-ContainerInner {
    max-width: var(--container-2);
  }
  :where(.vo-Container.xl\:vo-v-size-3) .vo-ContainerInner {
    max-width: var(--container-3);
  }
  :where(.vo-Container.xl\:vo-v-size-4) .vo-ContainerInner {
    max-width: var(--container-4);
  }
}

.vo-BaseMenuContent {
  --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
  --scrollarea-scrollbar-vertical-margin-bottom: var(
    --base-menu-content-padding
  );
  --scrollarea-scrollbar-horizontal-margin-left: var(
    --base-menu-content-padding
  );
  --scrollarea-scrollbar-horizontal-margin-right: var(
    --base-menu-content-padding
  );
  background-color: var(--base-menu-bg);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  --base-menu-bg: var(--color-panel-solid);
  box-shadow: var(--shadow-5);
}
.vo-BaseMenuViewport {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  overflow: auto;
  padding: var(--base-menu-content-padding);
}
:where(
    .vo-BaseMenuContent:has(
        .vo-ScrollAreaScrollbar[data-orientation="vertical"]
      )
  )
  .vo-BaseMenuViewport {
  padding-right: var(--space-3);
}
.vo-BaseMenuItem {
  align-items: center;
  box-sizing: border-box;
  cursor: var(--cursor-menu-item);
  display: flex;
  height: var(--base-menu-item-height);
  justify-content: space-between;
  outline: none;
  padding-left: var(--base-menu-item-padding-left);
  padding-right: var(--base-menu-item-padding-right);
  position: relative;
  scroll-margin: var(--base-menu-content-padding) 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.vo-BaseMenuShortcut {
  align-items: center;
  color: var(--gray-a11);
  display: flex;
  margin-left: var(--space-5);
}
.vo-BaseMenuSubTriggerIcon {
  color: var(--gray-12);
  margin-right: calc(-2px * var(--scaling));
}
.vo-BaseMenuItemIndicator {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  left: 0;
  position: absolute;
  width: var(--base-menu-item-padding-left);
}
.vo-BaseMenuSeparator {
  background-color: var(--gray-a6);
  height: 1px;
  margin: var(--space-2) var(--base-menu-item-padding-right) var(--space-2)
    var(--base-menu-item-padding-left);
}
.vo-BaseMenuLabel {
  align-items: center;
  color: var(--gray-a10);
  cursor: default;
  display: flex;
  height: var(--base-menu-item-height);
  padding-left: var(--base-menu-item-padding-left);
  padding-right: var(--base-menu-item-padding-right);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
:where(.vo-BaseMenuItem) + .vo-BaseMenuLabel {
  margin-top: var(--space-2);
}
.vo-BaseMenuArrow {
  fill: var(--base-menu-bg);
}
@media {
  .vo-BaseMenuContent:where(.vo-v-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .vo-BaseMenuContent:where(.vo-v-size-1) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-1);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.vo-v-size-1) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.vo-v-size-1)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.vo-v-size-1):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .vo-BaseMenuContent:where(.vo-v-size-1):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-2);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.vo-v-size-2):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 520px) {
  .vo-BaseMenuContent:where(.vo-v-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .vo-BaseMenuContent:where(.vo-v-size-1) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-1);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.vo-v-size-1) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.vo-v-size-1)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.vo-v-size-1):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .vo-BaseMenuContent:where(.vo-v-size-1):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-2);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.vo-v-size-2):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .vo-BaseMenuContent:where(.vo-v-size-2):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 768px) {
  .vo-BaseMenuContent:where(.sm\:vo-v-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-1) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-1);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-1) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-1)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-1):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-1):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-2) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-2);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-2) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-2)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-2):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .vo-BaseMenuContent:where(.sm\:vo-v-size-2):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 1024px) {
  .vo-BaseMenuContent:where(.md\:vo-v-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-1) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-1);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-1) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-1)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-1):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-1):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-2) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-2);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-2) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-2)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-2):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .vo-BaseMenuContent:where(.md\:vo-v-size-2):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 1280px) {
  .vo-BaseMenuContent:where(.lg\:vo-v-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-1) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-1);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-1) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-1)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-1):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-1):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-2) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-2);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-2) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-2)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-2):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .vo-BaseMenuContent:where(.lg\:vo-v-size-2):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
@media (min-width: 1640px) {
  .vo-BaseMenuContent:where(.xl\:vo-v-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-1) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-1);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-1) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-1)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(8px * var(--scaling));
    width: calc(8px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-1):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-2);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-1):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-2) :where(.vo-BaseMenuItem) {
    border-radius: var(--radius-2);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-2) :where(.vo-BaseMenuLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-2)
    :where(.vo-BaseMenuItemIndicatorIcon, .vo-BaseMenuSubTriggerIcon) {
    height: calc(10px * var(--scaling));
    width: calc(10px * var(--scaling));
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-2):where(
      :not(:has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem))
    ) {
    --base-menu-item-padding-left: var(--space-3);
  }
  .vo-BaseMenuContent:where(.xl\:vo-v-size-2):where(
      :has(.vo-BaseMenuCheckboxItem, .vo-BaseMenuRadioItem)
    ) {
    --base-menu-item-padding-left: var(--space-5);
  }
}
.vo-BaseMenuItem:where([data-accent-color]) {
  color: var(--accent-a11);
}
.vo-BaseMenuItem:where([data-disabled]) {
  color: var(--gray-a8);
  pointer-events: none;
}
.vo-BaseMenuItem:where([data-disabled], [data-highlighted])
  :where(.vo-BaseMenuShortcut),
.vo-BaseMenuSubTrigger:where([data-state="open"]) :where(.vo-BaseMenuShortcut) {
  color: inherit;
}
.vo-BaseMenuContent:where(.vo-variant-solid)
  :where(.vo-BaseMenuSubTrigger[data-state="open"]) {
  background-color: var(--gray-a3);
}
.vo-BaseMenuContent:where(.vo-variant-solid)
  :where(.vo-BaseMenuItem[data-highlighted]) {
  background-color: var(--accent-9);
  color: var(--accent-9-contrast);
}
.vo-BaseMenuContent:where(.vo-variant-solid)
  :where(.vo-BaseMenuItem[data-highlighted])
  :where(.vo-BaseMenuSubTriggerIcon) {
  color: var(--accent-9-contrast);
}
.vo-BaseMenuContent:where(.vo-variant-solid):where(.vo-high-contrast)
  :where(.vo-BaseMenuItem[data-highlighted]) {
  background-color: var(--accent-12);
  color: var(--accent-1);
}
.vo-BaseMenuContent:where(.vo-variant-solid):where(.vo-high-contrast)
  :where(.vo-BaseMenuItem[data-highlighted])
  :where(.vo-BaseMenuSubTriggerIcon) {
  color: var(--accent-1);
}
.vo-BaseMenuContent:where(.vo-variant-solid):where(.vo-high-contrast)
  :where(.vo-BaseMenuItem[data-highlighted]):where([data-accent-color]) {
  background-color: var(--accent-9);
  color: var(--accent-9-contrast);
}
.vo-BaseMenuContent:where(.vo-variant-soft)
  :where(.vo-BaseMenuSubTrigger[data-state="open"]) {
  background-color: var(--accent-a3);
}
.vo-BaseMenuContent:where(.vo-variant-soft)
  :where(.vo-BaseMenuItem[data-highlighted]) {
  background-color: var(--accent-a5);
}
.vo-BaseMenuContent:where(.vo-variant-soft)
  :where(.vo-BaseMenuItem[data-highlighted]):where([data-accent-color]) {
  color: var(--accent-12);
}
.vo-ContextMenuContent {
  max-height: var(--design-context-menu-content-available-height);
  transform-origin: var(--design-context-menu-content-transform-origin);
}
.vo-DialogOverlay {
  align-items: center;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  position: fixed;
  --dialog-overlay-padding-top: var(--space-4);
  --dialog-overlay-padding-bottom: max(var(--space-4), 4vh);
  padding: var(--dialog-overlay-padding-top) var(--space-4)
    var(--dialog-overlay-padding-bottom);
}
.vo-DialogOverlay:after {
  background-color: var(--color-overlay);
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.vo-DialogContent {
  background-color: var(--color-panel-solid);
  box-shadow: var(--shadow-6);
  box-sizing: border-box;
  max-width: 580px;
  outline: none;
  overflow: auto;
  width: 100%;
  z-index: 1;
  --inset-padding: var(--dialog-content-padding);
  max-height: calc(
    100vh - var(--dialog-overlay-padding-top) -
      var(--dialog-overlay-padding-bottom)
  );
  padding: var(--inset-padding);
}
@supports (max-height: 100dvh) {
  .vo-DialogContent {
    max-height: calc(
      100dvh - var(--dialog-overlay-padding-top) -
        var(--dialog-overlay-padding-bottom)
    );
  }
}
@media {
  .vo-DialogContent:where(.vo-v-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.vo-v-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.vo-v-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .vo-DialogContent:where(.vo-v-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 520px) {
  .vo-DialogContent:where(.vo-v-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.vo-v-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.vo-v-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .vo-DialogContent:where(.vo-v-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 768px) {
  .vo-DialogContent:where(.sm\:vo-v-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.sm\:vo-v-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.sm\:vo-v-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .vo-DialogContent:where(.sm\:vo-v-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1024px) {
  .vo-DialogContent:where(.md\:vo-v-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.md\:vo-v-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.md\:vo-v-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .vo-DialogContent:where(.md\:vo-v-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1280px) {
  .vo-DialogContent:where(.lg\:vo-v-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.lg\:vo-v-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.lg\:vo-v-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .vo-DialogContent:where(.lg\:vo-v-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1640px) {
  .vo-DialogContent:where(.xl\:vo-v-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.xl\:vo-v-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-DialogContent:where(.xl\:vo-v-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
  .vo-DialogContent:where(.xl\:vo-v-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
  }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes vo-dialog-overlay-no-op {
    0% {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes vo-dialog-content-show {
    0% {
      opacity: 0;
      transform: translateY(5px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes vo-dialog-content-hide {
    0% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(5px) scale(0.99);
    }
  }
  .vo-DialogOverlay:where([data-state="closed"]) {
    animation: vo-dialog-overlay-no-op 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .vo-DialogOverlay:where([data-state="open"]):after {
    animation: vo-fade-in 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .vo-DialogOverlay:where([data-state="closed"]):after {
    animation: vo-fade-out 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .vo-DialogContent:where([data-state="open"]) {
    animation: vo-dialog-content-show 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .vo-DialogContent:where([data-state="closed"]) {
    animation: vo-dialog-content-hide 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
.vo-DropdownMenuContent {
  max-height: var(--design-dropdown-menu-content-available-height);
  transform-origin: var(--design-dropdown-menu-content-transform-origin);
}
.vo-Em {
  box-sizing: border-box;
  color: inherit;
  font-family: var(--em-font-family);
  font-size: calc(var(--em-font-size-adjust) * 1em);
  font-style: var(--em-font-style);
  font-weight: var(--em-font-weight);
  letter-spacing: calc(
    var(--em-letter-spacing) +
      var(--letter-spacing, var(--default-letter-spacing))
  );
  line-height: 1.25;
}
.vo-Flex {
  display: flex;
}
.vo-Flex,
.vo-Grid {
  box-sizing: border-box;
  justify-content: flex-start;
}
.vo-Grid {
  align-items: stretch;
  display: grid;
  grid-template-columns: var(--grid-template-columns-initial);
  grid-template-rows: var(--grid-template-rows-initial);
  --grid-template-columns-initial: 1fr;
  --grid-template-rows-initial: none;
  --grid-template-columns-xs: initial;
  --grid-template-columns-sm: initial;
  --grid-template-columns-md: initial;
  --grid-template-columns-lg: initial;
  --grid-template-columns-xl: initial;
  --grid-template-rows-xs: initial;
  --grid-template-rows-sm: initial;
  --grid-template-rows-md: initial;
  --grid-template-rows-lg: initial;
  --grid-template-rows-xl: initial;
}
@media (min-width: 520px) {
  .vo-Grid {
    grid-template-columns: var(
      --grid-template-columns-xs,
      var(--grid-template-columns-initial)
    );
    grid-template-rows: var(
      --grid-template-rows-xs,
      var(--grid-template-rows-initial)
    );
  }
}
@media (min-width: 768px) {
  .vo-Grid {
    grid-template-columns: var(
      --grid-template-columns-sm,
      var(--grid-template-columns-xs, var(--grid-template-columns-initial))
    );
    grid-template-rows: var(
      --grid-template-rows-sm,
      var(--grid-template-rows-xs, var(--grid-template-rows-initial))
    );
  }
}
@media (min-width: 1024px) {
  .vo-Grid {
    grid-template-columns: var(
      --grid-template-columns-md,
      var(
        --grid-template-columns-sm,
        var(--grid-template-columns-xs, var(--grid-template-columns-initial))
      )
    );
    grid-template-rows: var(
      --grid-template-rows-md,
      var(
        --grid-template-rows-sm,
        var(--grid-template-rows-xs, var(--grid-template-rows-initial))
      )
    );
  }
}
@media (min-width: 1280px) {
  .vo-Grid {
    grid-template-columns: var(
      --grid-template-columns-lg,
      var(
        --grid-template-columns-md,
        var(
          --grid-template-columns-sm,
          var(--grid-template-columns-xs, var(--grid-template-columns-initial))
        )
      )
    );
    grid-template-rows: var(
      --grid-template-rows-lg,
      var(
        --grid-template-rows-md,
        var(
          --grid-template-rows-sm,
          var(--grid-template-rows-xs, var(--grid-template-rows-initial))
        )
      )
    );
  }
}
@media (min-width: 1640px) {
  .vo-Grid {
    grid-template-columns: var(
      --grid-template-columns-xl,
      var(
        --grid-template-columns-lg,
        var(
          --grid-template-columns-md,
          var(
            --grid-template-columns-sm,
            var(
              --grid-template-columns-xs,
              var(--grid-template-columns-initial)
            )
          )
        )
      )
    );
    grid-template-rows: var(
      --grid-template-rows-xl,
      var(
        --grid-template-rows-lg,
        var(
          --grid-template-rows-md,
          var(
            --grid-template-rows-sm,
            var(--grid-template-rows-xs, var(--grid-template-rows-initial))
          )
        )
      )
    );
  }
}
.vo-Heading {
  font-family: var(--heading-font-family);
  font-style: var(--heading-font-style);
  margin: 0;
  --leading-trim-start: var(--heading-leading-trim-start);
  --leading-trim-end: var(--heading-leading-trim-end);
  line-height: var(--line-height);
}
.vo-Heading:where([data-accent-color]) {
  color: var(--accent-a11);
}
.vo-Heading:where([data-accent-color]):where(.vo-high-contrast) {
  color: var(--accent-12);
}
@media {
  .vo-Heading:where(.vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(
      var(--letter-spacing-1) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(
      var(--letter-spacing-2) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(
      var(--letter-spacing-3) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(
      var(--letter-spacing-4) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(
      var(--letter-spacing-5) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(
      var(--letter-spacing-6) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(
      var(--letter-spacing-7) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(
      var(--letter-spacing-8) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(
      var(--letter-spacing-9) + var(--heading-letter-spacing)
    );
  }
}
@media (min-width: 520px) {
  .vo-Heading:where(.vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(
      var(--letter-spacing-1) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(
      var(--letter-spacing-2) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(
      var(--letter-spacing-3) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(
      var(--letter-spacing-4) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(
      var(--letter-spacing-5) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(
      var(--letter-spacing-6) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(
      var(--letter-spacing-7) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(
      var(--letter-spacing-8) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(
      var(--letter-spacing-9) + var(--heading-letter-spacing)
    );
  }
}
@media (min-width: 768px) {
  .vo-Heading:where(.sm\:vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(
      var(--letter-spacing-1) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.sm\:vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(
      var(--letter-spacing-2) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.sm\:vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(
      var(--letter-spacing-3) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.sm\:vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(
      var(--letter-spacing-4) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.sm\:vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(
      var(--letter-spacing-5) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.sm\:vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(
      var(--letter-spacing-6) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.sm\:vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(
      var(--letter-spacing-7) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.sm\:vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(
      var(--letter-spacing-8) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.sm\:vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(
      var(--letter-spacing-9) + var(--heading-letter-spacing)
    );
  }
}
@media (min-width: 1024px) {
  .vo-Heading:where(.md\:vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(
      var(--letter-spacing-1) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.md\:vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(
      var(--letter-spacing-2) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.md\:vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(
      var(--letter-spacing-3) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.md\:vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(
      var(--letter-spacing-4) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.md\:vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(
      var(--letter-spacing-5) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.md\:vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(
      var(--letter-spacing-6) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.md\:vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(
      var(--letter-spacing-7) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.md\:vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(
      var(--letter-spacing-8) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.md\:vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(
      var(--letter-spacing-9) + var(--heading-letter-spacing)
    );
  }
}
@media (min-width: 1280px) {
  .vo-Heading:where(.lg\:vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(
      var(--letter-spacing-1) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.lg\:vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(
      var(--letter-spacing-2) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.lg\:vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(
      var(--letter-spacing-3) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.lg\:vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(
      var(--letter-spacing-4) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.lg\:vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(
      var(--letter-spacing-5) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.lg\:vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(
      var(--letter-spacing-6) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.lg\:vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(
      var(--letter-spacing-7) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.lg\:vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(
      var(--letter-spacing-8) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.lg\:vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(
      var(--letter-spacing-9) + var(--heading-letter-spacing)
    );
  }
}
@media (min-width: 1640px) {
  .vo-Heading:where(.xl\:vo-v-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(
      var(--letter-spacing-1) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.xl\:vo-v-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(
      var(--letter-spacing-2) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.xl\:vo-v-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(
      var(--letter-spacing-3) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.xl\:vo-v-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(
      var(--letter-spacing-4) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.xl\:vo-v-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(
      var(--letter-spacing-5) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.xl\:vo-v-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(
      var(--letter-spacing-6) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.xl\:vo-v-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(
      var(--letter-spacing-7) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.xl\:vo-v-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(
      var(--letter-spacing-8) + var(--heading-letter-spacing)
    );
  }
  .vo-Heading:where(.xl\:vo-v-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(
      var(--letter-spacing-9) + var(--heading-letter-spacing)
    );
  }
}
.vo-HoverCardContent {
  background-color: var(--color-panel-solid);
  box-shadow: var(--shadow-4);
  overflow: auto;
  --inset-padding: var(--hover-card-content-padding);
  padding: var(--hover-card-content-padding);
  transform-origin: var(--design-hover-card-content-transform-origin);
}
@media {
  .vo-HoverCardContent:where(.vo-v-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.vo-v-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.vo-v-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 520px) {
  .vo-HoverCardContent:where(.vo-v-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.vo-v-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.vo-v-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 768px) {
  .vo-HoverCardContent:where(.sm\:vo-v-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.sm\:vo-v-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.sm\:vo-v-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1024px) {
  .vo-HoverCardContent:where(.md\:vo-v-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.md\:vo-v-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.md\:vo-v-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1280px) {
  .vo-HoverCardContent:where(.lg\:vo-v-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.lg\:vo-v-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.lg\:vo-v-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
@media (min-width: 1640px) {
  .vo-HoverCardContent:where(.xl\:vo-v-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.xl\:vo-v-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
  }
  .vo-HoverCardContent:where(.xl\:vo-v-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
  }
}
.vo-IconButton:where(:not(.vo-variant-ghost)) {
  height: var(--base-button-height);
  width: var(--base-button-height);
}
.vo-IconButton:where(.vo-variant-ghost) {
  padding: var(--icon-button-ghost-padding);
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-top-override: calc(
    var(--margin-top) - var(--icon-button-ghost-padding)
  );
  --margin-right-override: calc(
    var(--margin-right) - var(--icon-button-ghost-padding)
  );
  --margin-bottom-override: calc(
    var(--margin-bottom) - var(--icon-button-ghost-padding)
  );
  --margin-left-override: calc(
    var(--margin-left) - var(--icon-button-ghost-padding)
  );
  margin: var(--margin-top-override) var(--margin-right-override)
    var(--margin-bottom-override) var(--margin-left-override);
}
:where(.vo-IconButton:where(.vo-variant-ghost)) > * {
  --margin-top-override: initial;
  --margin-right-override: initial;
  --margin-bottom-override: initial;
  --margin-left-override: initial;
}
@media {
  .vo-IconButton:where(.vo-variant-ghost):where(.vo-v-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.vo-v-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.vo-v-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.vo-v-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 520px) {
  .vo-IconButton:where(.vo-variant-ghost):where(.vo-v-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.vo-v-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.vo-v-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.vo-v-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 768px) {
  .vo-IconButton:where(.vo-variant-ghost):where(.sm\:vo-v-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.sm\:vo-v-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.sm\:vo-v-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.sm\:vo-v-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 1024px) {
  .vo-IconButton:where(.vo-variant-ghost):where(.md\:vo-v-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.md\:vo-v-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.md\:vo-v-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.md\:vo-v-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 1280px) {
  .vo-IconButton:where(.vo-variant-ghost):where(.lg\:vo-v-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.lg\:vo-v-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.lg\:vo-v-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.lg\:vo-v-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}
@media (min-width: 1640px) {
  .vo-IconButton:where(.vo-variant-ghost):where(.xl\:vo-v-size-1) {
    --icon-button-ghost-padding: var(--space-1);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.xl\:vo-v-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.xl\:vo-v-size-3) {
    --icon-button-ghost-padding: var(--space-2);
  }
  .vo-IconButton:where(.vo-variant-ghost):where(.xl\:vo-v-size-4) {
    --icon-button-ghost-padding: var(--space-3);
  }
}



.vo-Section {
  box-sizing: border-box;
  flex-shrink: 0;
}
@media {
  .vo-Section:where(.vo-v-size-1) {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .vo-Section:where(.vo-v-size-2) {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .vo-Section:where(.vo-v-size-3) {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media (min-width: 520px) {
  .vo-Section:where(.vo-v-size-1) {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .vo-Section:where(.vo-v-size-2) {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .vo-Section:where(.vo-v-size-3) {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .vo-Section:where(.sm\:vo-v-size-1) {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .vo-Section:where(.sm\:vo-v-size-2) {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .vo-Section:where(.sm\:vo-v-size-3) {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media (min-width: 1024px) {
  .vo-Section:where(.md\:vo-v-size-1) {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .vo-Section:where(.md\:vo-v-size-2) {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .vo-Section:where(.md\:vo-v-size-3) {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media (min-width: 1280px) {
  .vo-Section:where(.lg\:vo-v-size-1) {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .vo-Section:where(.lg\:vo-v-size-2) {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .vo-Section:where(.lg\:vo-v-size-3) {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media (min-width: 1640px) {
  .vo-Section:where(.xl\:vo-v-size-1) {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .vo-Section:where(.xl\:vo-v-size-2) {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .vo-Section:where(.xl\:vo-v-size-3) {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}




.vo-TextAreacover {
  display: flex;
  flex-direction: column;
  z-index: 0;
}
.vo-TextAreaInInput,
.vo-TextAreacover {
  box-sizing: border-box;
  position: relative;
}
.vo-TextAreaInInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: inherit;
  font-family: inherit;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  border: var(--text-area-border-width) solid transparent;
  cursor: auto;
  display: block;
  flex-grow: 1;
  padding: var(--text-area-padding-y) var(--text-area-padding-x);
  resize: none;
  scrollbar-width: thin;
  width: 100%;
  z-index: 1;
}
.vo-TextAreaInInput:where(:focus) {
  outline: 2px solid var(--color-focus-root);
  outline-offset: -1px;
}
.vo-TextAreaInInput::-webkit-scrollbar {
  height: var(--space-3);
  width: var(--space-3);
}
.vo-TextAreaInInput::-webkit-scrollbar-thumb,
.vo-TextAreaInInput::-webkit-scrollbar-track {
  background-clip: content-box;
  border: var(--space-1) solid transparent;
  border-radius: var(--space-3);
}
.vo-TextAreaInInput::-webkit-scrollbar-track {
  background-color: var(--gray-a3);
}
.vo-TextAreaInInput::-webkit-scrollbar-thumb {
  background-color: var(--gray-a8);
}
@media (hover: hover) {
  :where(.vo-TextAreaInInput:not(:disabled))::-webkit-scrollbar-thumb:hover {
    background-color: var(--gray-a9);
  }
}
.vo-TextAreaInInput:where(:-webkit-autofill, [data-com-onepassword-filled]) {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--gray-12);
}
.vo-TextAreaInInput:where(:autofill, [data-com-onepassword-filled]) {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--gray-12);
}
.vo-TextAreaBr {
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}
@media {
  .vo-TextAreacover:where(.vo-v-size-1) {
    border-radius: var(--radius-2);
    min-height: var(--space-8);
  }
  .vo-TextAreacover:where(.vo-v-size-1) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-TextAreacover:where(.vo-v-size-2) {
    border-radius: var(--radius-2);
    min-height: var(--space-9);
  }
  .vo-TextAreacover:where(.vo-v-size-2) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-TextAreacover:where(.vo-v-size-3) {
    border-radius: var(--radius-3);
    min-height: 80px;
  }
  .vo-TextAreacover:where(.vo-v-size-3) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 520px) {
  .vo-TextAreacover:where(.vo-v-size-1) {
    border-radius: var(--radius-2);
    min-height: var(--space-8);
  }
  .vo-TextAreacover:where(.vo-v-size-1) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-TextAreacover:where(.vo-v-size-2) {
    border-radius: var(--radius-2);
    min-height: var(--space-9);
  }
  .vo-TextAreacover:where(.vo-v-size-2) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-TextAreacover:where(.vo-v-size-3) {
    border-radius: var(--radius-3);
    min-height: 80px;
  }
  .vo-TextAreacover:where(.vo-v-size-3) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 768px) {
  .vo-TextAreacover:where(.sm\:vo-v-size-1) {
    border-radius: var(--radius-2);
    min-height: var(--space-8);
  }
  .vo-TextAreacover:where(.sm\:vo-v-size-1) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-TextAreacover:where(.sm\:vo-v-size-2) {
    border-radius: var(--radius-2);
    min-height: var(--space-9);
  }
  .vo-TextAreacover:where(.sm\:vo-v-size-2) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-TextAreacover:where(.sm\:vo-v-size-3) {
    border-radius: var(--radius-3);
    min-height: 80px;
  }
  .vo-TextAreacover:where(.sm\:vo-v-size-3) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 1024px) {
  .vo-TextAreacover:where(.md\:vo-v-size-1) {
    border-radius: var(--radius-2);
    min-height: var(--space-8);
  }
  .vo-TextAreacover:where(.md\:vo-v-size-1) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-TextAreacover:where(.md\:vo-v-size-2) {
    border-radius: var(--radius-2);
    min-height: var(--space-9);
  }
  .vo-TextAreacover:where(.md\:vo-v-size-2) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-TextAreacover:where(.md\:vo-v-size-3) {
    border-radius: var(--radius-3);
    min-height: 80px;
  }
  .vo-TextAreacover:where(.md\:vo-v-size-3) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 1280px) {
  .vo-TextAreacover:where(.lg\:vo-v-size-1) {
    border-radius: var(--radius-2);
    min-height: var(--space-8);
  }
  .vo-TextAreacover:where(.lg\:vo-v-size-1) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-TextAreacover:where(.lg\:vo-v-size-2) {
    border-radius: var(--radius-2);
    min-height: var(--space-9);
  }
  .vo-TextAreacover:where(.lg\:vo-v-size-2) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-TextAreacover:where(.lg\:vo-v-size-3) {
    border-radius: var(--radius-3);
    min-height: 80px;
  }
  .vo-TextAreacover:where(.lg\:vo-v-size-3) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
}
@media (min-width: 1640px) {
  .vo-TextAreacover:where(.xl\:vo-v-size-1) {
    border-radius: var(--radius-2);
    min-height: var(--space-8);
  }
  .vo-TextAreacover:where(.xl\:vo-v-size-1) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
  }
  .vo-TextAreacover:where(.xl\:vo-v-size-2) {
    border-radius: var(--radius-2);
    min-height: var(--space-9);
  }
  .vo-TextAreacover:where(.xl\:vo-v-size-2) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(
      var(--space-1) * 1.5 - var(--text-area-border-width)
    );
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
  }
  .vo-TextAreacover:where(.xl\:vo-v-size-3) {
    border-radius: var(--radius-3);
    min-height: 80px;
  }
  .vo-TextAreacover:where(.xl\:vo-v-size-3) :where(.vo-TextAreaInInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-3);
  }
}
.vo-TextAreacover:where(.vo-variant-surface) :where(.vo-TextAreaInInput) {
  --text-area-border-width: 1px;
  color: #000000;
}
:is(.vo-TextAreacover:where(.vo-variant-surface) :where(.vo-TextAreaInInput))
  + :where(.vo-TextAreaBr) {
  background-clip: content-box;
  background-color: #fff;
  border:  1px solid #dedee0;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
  padding: 1px;
}
.vo-TextAreacover:where(.vo-variant-surface)
  :where(.vo-TextAreaInInput)::-moz-placeholder {
  color: #000000;
  opacity: 0.5;
}
.vo-TextAreacover:where(.vo-variant-surface)
  :where(.vo-TextAreaInInput)::placeholder {
  color: #000000;
  opacity: 0.5;
}
:is(
    .vo-TextAreacover:where(.vo-variant-surface) :where(.vo-TextAreaInInput)
  ):where(:-webkit-autofill, [data-com-onepassword-filled]):where(
    :not(:disabled, :read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    inset 0 0 0 1px var(--gray-a6);
}
:is(
    .vo-TextAreacover:where(.vo-variant-surface) :where(.vo-TextAreaInInput)
  ):where(:autofill, [data-com-onepassword-filled]):where(
    :not(:disabled, :-moz-read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    inset 0 0 0 1px var(--gray-a6);
}
:is(
    .vo-TextAreacover:where(.vo-variant-surface) :where(.vo-TextAreaInInput)
  ):where(:autofill, [data-com-onepassword-filled]):where(
    :not(:disabled, :read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    inset 0 0 0 1px var(--gray-a6);
}
:is(
    .vo-TextAreacover:where(.vo-variant-surface)
      :where(.vo-TextAreaInInput):where(:disabled, :-moz-read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
}
:is(
    .vo-TextAreacover:where(.vo-variant-surface)
      :where(.vo-TextAreaInInput):where(:disabled, :read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
}
.vo-TextAreacover:where(.vo-variant-classic) :where(.vo-TextAreaInInput) {
  --text-area-border-width: 1px;
  color: var(--gray-12);
}
:is(.vo-TextAreacover:where(.vo-variant-classic) :where(.vo-TextAreaInInput))
  + :where(.vo-TextAreaBr) {
  background-clip: content-box;
  background-color: var(--color-surface);
  box-shadow: var(--shadow-1);
  padding: 1px;
}
.vo-TextAreacover:where(.vo-variant-classic)
  :where(.vo-TextAreaInInput)::-moz-placeholder {
  color: var(--gray-a10);
  opacity: 1;
}
.vo-TextAreacover:where(.vo-variant-classic)
  :where(.vo-TextAreaInInput)::placeholder {
  color: var(--gray-a10);
  opacity: 1;
}
:is(
    .vo-TextAreacover:where(.vo-variant-classic) :where(.vo-TextAreaInInput)
  ):where(:-webkit-autofill, [data-com-onepassword-filled]):where(
    :not(:disabled, :read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    var(--shadow-1);
}
:is(
    .vo-TextAreacover:where(.vo-variant-classic) :where(.vo-TextAreaInInput)
  ):where(:autofill, [data-com-onepassword-filled]):where(
    :not(:disabled, :-moz-read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    var(--shadow-1);
}
:is(
    .vo-TextAreacover:where(.vo-variant-classic) :where(.vo-TextAreaInInput)
  ):where(:autofill, [data-com-onepassword-filled]):where(
    :not(:disabled, :read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    var(--shadow-1);
}
:is(
    .vo-TextAreacover:where(.vo-variant-classic)
      :where(.vo-TextAreaInInput):where(:disabled, :-moz-read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
}
:is(
    .vo-TextAreacover:where(.vo-variant-classic)
      :where(.vo-TextAreaInInput):where(:disabled, :read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
}
.vo-TextAreacover:where(.vo-variant-soft) :where(.vo-TextAreaInInput) {
  --text-area-border-width: 0px;
  color: var(--accent-12);
}
:is(.vo-TextAreacover:where(.vo-variant-soft) :where(.vo-TextAreaInInput))
  + :where(.vo-TextAreaBr) {
  background-color: var(--accent-a3);
}
.vo-TextAreacover:where(.vo-variant-soft)
  :where(.vo-TextAreaInInput)::-moz-selection {
  background-color: var(--accent-a5);
}
.vo-TextAreacover:where(.vo-variant-soft) :where(.vo-TextAreaInInput)::selection {
  background-color: var(--accent-a5);
}
.vo-TextAreacover:where(.vo-variant-soft)
  :where(.vo-TextAreaInInput)::-moz-placeholder {
  color: var(--accent-12);
  opacity: 0.65;
}
.vo-TextAreacover:where(.vo-variant-soft)
  :where(.vo-TextAreaInInput)::placeholder {
  color: var(--accent-12);
  opacity: 0.65;
}
:is(.vo-TextAreacover:where(.vo-variant-soft) :where(.vo-TextAreaInInput)):where(
    :-webkit-autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :read-only))
  + :where(.vo-TextAreaBr) {
  background-color: var(--accent-a4);
}
:is(.vo-TextAreacover:where(.vo-variant-soft) :where(.vo-TextAreaInInput)):where(
    :autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :-moz-read-only))
  + :where(.vo-TextAreaBr) {
  background-color: var(--accent-a4);
}
:is(.vo-TextAreacover:where(.vo-variant-soft) :where(.vo-TextAreaInInput)):where(
    :autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :read-only))
  + :where(.vo-TextAreaBr) {
  background-color: var(--accent-a4);
}
.vo-TextAreacover:where(.vo-variant-soft)
  :where(.vo-TextAreaInInput):where(:focus) {
  outline-color: var(--accent-8);
}
:is(
    .vo-TextAreacover:where(.vo-variant-soft)
      :where(.vo-TextAreaInInput):where(:disabled, :-moz-read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-color: var(--gray-a4);
}
:is(
    .vo-TextAreacover:where(.vo-variant-soft)
      :where(.vo-TextAreaInInput):where(:disabled, :read-only)
  )
  + :where(.vo-TextAreaBr) {
  background-color: var(--gray-a4);
}
.vo-TextAreaInInput:where(:disabled, :-moz-read-only) {
  color: var(--gray-a11);
  cursor: text;
  -webkit-text-fill-color: var(--gray-a11);
}
.vo-TextAreaInInput:where(:disabled, :read-only) {
  color: var(--gray-a11);
  cursor: text;
  -webkit-text-fill-color: var(--gray-a11);
}
.vo-TextAreaInInput:where(:disabled, :-moz-read-only):where(:focus) {
  outline: 2px solid var(--gray-8);
}
.vo-TextAreaInInput:where(:disabled, :read-only):where(:focus) {
  outline: 2px solid var(--gray-8);
}
.vo-TextAreaInInput:where(:disabled, :-moz-read-only)::-moz-placeholder {
  opacity: 0.5;
}
.vo-TextAreaInInput:where(:disabled, :read-only)::-moz-placeholder {
  opacity: 0.5;
}
.vo-TextAreaInInput:where(:disabled, :-moz-read-only)::placeholder {
  opacity: 0.5;
}
.vo-TextAreaInInput:where(:disabled, :read-only)::placeholder {
  opacity: 0.5;
}
.vo-TextAreaInInput:where(:disabled, :-moz-read-only):where(
    :-moz-placeholder-shown
  ) {
  cursor: default;
}
.vo-TextAreaInInput:where(:disabled, :read-only):where(:-moz-placeholder-shown) {
  cursor: default;
}
.vo-TextAreaInInput:where(:disabled, :-moz-read-only):where(:placeholder-shown) {
  cursor: default;
}
.vo-TextAreaInInput:where(:disabled, :read-only):where(:placeholder-shown) {
  cursor: default;
}
.vo-TextAreaInInput:where(:disabled, :-moz-read-only)::-moz-selection {
  background-color: var(--gray-a5);
}
.vo-TextAreaInInput:where(:disabled, :read-only)::-moz-selection {
  background-color: var(--gray-a5);
}
.vo-TextAreaInInput:where(:disabled, :-moz-read-only)::selection {
  background-color: var(--gray-a5);
}
.vo-TextAreaInInput:where(:disabled, :read-only)::selection {
  background-color: var(--gray-a5);
}
.vo-Textfieldcont {
  display: flex;
  z-index: 0;
}
.vo-TextfieldInInput,
.vo-Textfieldcont {
  box-sizing: border-box;
  position: relative;
}
.vo-TextfieldInInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 0;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border: var(--text-field-border-width) solid transparent;
  font-family: inherit;
  outline: none;
  z-index: 1;
}
.vo-TextfieldInInput:where(:-webkit-autofill, [data-com-onepassword-filled]) {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--gray-12);
}
.vo-TextfieldInInput:where(:autofill, [data-com-onepassword-filled]) {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--gray-12);
}
.vo-TextfieldBr {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}
:where(.vo-TextfieldInInput:focus) + .vo-TextfieldBr {
  outline: 2px solid var(--color-focus-root);
  outline-offset: -1px;
}
.vo-TextfieldSlots {
  align-items: center;
  color: var(--gray-a11);
  cursor: text;
  display: flex;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.vo-TextfieldSlots:where([data-accent-color]) {
  color: var(--accent-a11);
}
.vo-TextfieldSlots:where(:empty) {
  display: none;
}
@media {
  .vo-TextfieldSlots:where(.vo-v-size-1) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .vo-TextfieldSlots:where(.vo-v-size-2) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-TextfieldSlots:where(.vo-v-size-3) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-TextfieldInInput:where(.vo-v-size-1) {
    font-size: var(--font-size-1);
    height: var(--space-5);
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-TextfieldInInput:where(.vo-v-size-1):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.vo-v-size-1) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.vo-v-size-2) {
    font-size: var(--font-size-2);
    height: var(--space-6);
    letter-spacing: var(--letter-spacing-2);
    padding-bottom: 0.5px;
  }
  .vo-TextfieldInInput:where(.vo-v-size-2):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-2) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.vo-v-size-2) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.vo-v-size-3) {
    font-size: var(--font-size-3);
    height: var(--space-7);
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-TextfieldInInput:where(.vo-v-size-3):where(:first-child) {
    border-radius: max(var(--radius-3), var(--radius-full));
    text-indent: calc(var(--space-3) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.vo-v-size-3) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-3), var(--radius-full));
  }
}
@media (min-width: 520px) {
  .vo-TextfieldSlots:where(.vo-v-size-1) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .vo-TextfieldSlots:where(.vo-v-size-2) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-TextfieldSlots:where(.vo-v-size-3) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-TextfieldInInput:where(.vo-v-size-1) {
    font-size: var(--font-size-1);
    height: var(--space-5);
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-TextfieldInInput:where(.vo-v-size-1):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.vo-v-size-1) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.vo-v-size-2) {
    font-size: var(--font-size-2);
    height: var(--space-6);
    letter-spacing: var(--letter-spacing-2);
    padding-bottom: 0.5px;
  }
  .vo-TextfieldInInput:where(.vo-v-size-2):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-2) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.vo-v-size-2) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.vo-v-size-3) {
    font-size: var(--font-size-3);
    height: var(--space-7);
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-TextfieldInInput:where(.vo-v-size-3):where(:first-child) {
    border-radius: max(var(--radius-3), var(--radius-full));
    text-indent: calc(var(--space-3) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.vo-v-size-3) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-3), var(--radius-full));
  }
}
@media (min-width: 768px) {
  .vo-TextfieldSlots:where(.sm\:vo-v-size-1) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .vo-TextfieldSlots:where(.sm\:vo-v-size-2) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-TextfieldSlots:where(.sm\:vo-v-size-3) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-1) {
    font-size: var(--font-size-1);
    height: var(--space-5);
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-1):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-1) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-2) {
    font-size: var(--font-size-2);
    height: var(--space-6);
    letter-spacing: var(--letter-spacing-2);
    padding-bottom: 0.5px;
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-2):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-2) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-2) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-3) {
    font-size: var(--font-size-3);
    height: var(--space-7);
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-3):where(:first-child) {
    border-radius: max(var(--radius-3), var(--radius-full));
    text-indent: calc(var(--space-3) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.sm\:vo-v-size-3) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-3), var(--radius-full));
  }
}
@media (min-width: 1024px) {
  .vo-TextfieldSlots:where(.md\:vo-v-size-1) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .vo-TextfieldSlots:where(.md\:vo-v-size-2) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-TextfieldSlots:where(.md\:vo-v-size-3) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-1) {
    font-size: var(--font-size-1);
    height: var(--space-5);
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-1):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-1) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-2) {
    font-size: var(--font-size-2);
    height: var(--space-6);
    letter-spacing: var(--letter-spacing-2);
    padding-bottom: 0.5px;
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-2):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-2) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-2) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-3) {
    font-size: var(--font-size-3);
    height: var(--space-7);
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-3):where(:first-child) {
    border-radius: max(var(--radius-3), var(--radius-full));
    text-indent: calc(var(--space-3) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.md\:vo-v-size-3) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-3), var(--radius-full));
  }
}
@media (min-width: 1280px) {
  .vo-TextfieldSlots:where(.lg\:vo-v-size-1) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .vo-TextfieldSlots:where(.lg\:vo-v-size-2) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-TextfieldSlots:where(.lg\:vo-v-size-3) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-1) {
    font-size: var(--font-size-1);
    height: var(--space-5);
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-1):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-1) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-2) {
    font-size: var(--font-size-2);
    height: var(--space-6);
    letter-spacing: var(--letter-spacing-2);
    padding-bottom: 0.5px;
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-2):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-2) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-2) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-3) {
    font-size: var(--font-size-3);
    height: var(--space-7);
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-3):where(:first-child) {
    border-radius: max(var(--radius-3), var(--radius-full));
    text-indent: calc(var(--space-3) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.lg\:vo-v-size-3) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-3), var(--radius-full));
  }
}
@media (min-width: 1640px) {
  .vo-TextfieldSlots:where(.xl\:vo-v-size-1) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .vo-TextfieldSlots:where(.xl\:vo-v-size-2) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-TextfieldSlots:where(.xl\:vo-v-size-3) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-1) {
    font-size: var(--font-size-1);
    height: var(--space-5);
    letter-spacing: var(--letter-spacing-1);
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-1):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-1) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-2) {
    font-size: var(--font-size-2);
    height: var(--space-6);
    letter-spacing: var(--letter-spacing-2);
    padding-bottom: 0.5px;
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-2):where(:first-child) {
    border-radius: max(var(--radius-2), var(--radius-full));
    text-indent: calc(var(--space-2) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-2) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-2), var(--radius-full));
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-3) {
    font-size: var(--font-size-3);
    height: var(--space-7);
    letter-spacing: var(--letter-spacing-3);
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-3):where(:first-child) {
    border-radius: max(var(--radius-3), var(--radius-full));
    text-indent: calc(var(--space-3) - var(--text-field-border-width));
  }
  .vo-TextfieldInInput:where(.xl\:vo-v-size-3) + :where(.vo-TextfieldBr) {
    border-radius: max(var(--radius-3), var(--radius-full));
  }
}
.vo-TextfieldInInput:where(:has(~ .vo-TextfieldSlots)) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.vo-TextfieldInInput:where(.vo-variant-surface) {
  --text-field-border-width: 1px;
  color: var(--gray-12);
}
.vo-TextfieldInInput:where(.vo-variant-surface) + :where(.vo-TextfieldBr) {
  background-clip: content-box;
  background-color: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--gray-a7);
  padding: 1px;
}
.vo-TextfieldInInput:where(.vo-variant-surface)::-moz-placeholder {
  color: var(--gray-a10);
  opacity: 1;
}
.vo-TextfieldInInput:where(.vo-variant-surface)::placeholder {
  color: var(--gray-a10);
  opacity: 1;
}
.vo-TextfieldInInput:where(.vo-variant-surface):where(
    :-webkit-autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    inset 0 0 0 1px var(--gray-a6);
}
.vo-TextfieldInInput:where(.vo-variant-surface):where(
    :autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :-moz-read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    inset 0 0 0 1px var(--gray-a6);
}
.vo-TextfieldInInput:where(.vo-variant-surface):where(
    :autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    inset 0 0 0 1px var(--gray-a6);
}
.vo-TextfieldInInput:where(.vo-variant-surface):where(:disabled, :-moz-read-only)
  + :where(.vo-TextfieldBr) {
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
}
.vo-TextfieldInInput:where(.vo-variant-surface):where(:disabled, :read-only)
  + :where(.vo-TextfieldBr) {
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
}
.vo-TextfieldInInput:where(.vo-variant-classic) {
  --text-field-border-width: 1px;
  color: var(--gray-12);
}
.vo-TextfieldInInput:where(.vo-variant-classic) + :where(.vo-TextfieldBr) {
  background-clip: content-box;
  background-color: var(--color-surface);
  box-shadow: var(--shadow-1);
  padding: 1px;
}
.vo-TextfieldInInput:where(.vo-variant-classic)::-moz-placeholder {
  color: var(--gray-a10);
  opacity: 1;
}
.vo-TextfieldInInput:where(.vo-variant-classic)::placeholder {
  color: var(--gray-a10);
  opacity: 1;
}
.vo-TextfieldInInput:where(.vo-variant-classic):where(
    :-webkit-autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    var(--shadow-1);
}
.vo-TextfieldInInput:where(.vo-variant-classic):where(
    :autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :-moz-read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    var(--shadow-1);
}
.vo-TextfieldInInput:where(.vo-variant-classic):where(
    :autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--color-autofill-root);
  box-shadow:
    inset 0 0 0 1px var(--color-autofill-root),
    var(--shadow-1);
}
.vo-TextfieldInInput:where(.vo-variant-classic):where(:disabled, :-moz-read-only)
  + :where(.vo-TextfieldBr) {
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
}
.vo-TextfieldInInput:where(.vo-variant-classic):where(:disabled, :read-only)
  + :where(.vo-TextfieldBr) {
  background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
}
.vo-TextfieldInInput:where(.vo-variant-soft) {
  --text-field-border-width: 0px;
  color: var(--accent-12);
}
.vo-TextfieldInInput:where(.vo-variant-soft) + :where(.vo-TextfieldBr) {
  background-color: var(--accent-a3);
}
.vo-TextfieldInInput:where(.vo-variant-soft)::-moz-placeholder {
  color: var(--accent-12);
  opacity: 0.6;
}
.vo-TextfieldInInput:where(.vo-variant-soft)::placeholder {
  color: var(--accent-12);
  opacity: 0.6;
}
.vo-TextfieldInInput:where(.vo-variant-soft):where(
    :-webkit-autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--accent-a4);
}
.vo-TextfieldInInput:where(.vo-variant-soft):where(
    :autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :-moz-read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--accent-a4);
}
.vo-TextfieldInInput:where(.vo-variant-soft):where(
    :autofill,
    [data-com-onepassword-filled]
  ):where(:not(:disabled, :read-only))
  + :where(.vo-TextfieldBr) {
  background-color: var(--accent-a4);
}
.vo-TextfieldInInput:where(.vo-variant-soft):where(:focus)
  + :where(.vo-TextfieldBr) {
  outline-color: var(--accent-8);
}
.vo-TextfieldInInput:where(.vo-variant-soft):where(:disabled, :-moz-read-only)
  + :where(.vo-TextfieldBr) {
  background-color: var(--gray-a4);
}
.vo-TextfieldInInput:where(.vo-variant-soft):where(:disabled, :read-only)
  + :where(.vo-TextfieldBr) {
  background-color: var(--gray-a4);
}
.vo-TextfieldInInput:where(.vo-variant-soft)::-moz-selection {
  background-color: var(--accent-a5);
}
.vo-TextfieldInInput:where(.vo-variant-soft)::selection {
  background-color: var(--accent-a5);
}
.vo-TextfieldInInput:where(:disabled, :-moz-read-only) {
  color: var(--gray-a11);
  cursor: text;
  -webkit-text-fill-color: var(--gray-a11);
}
.vo-TextfieldInInput:where(:disabled, :read-only) {
  color: var(--gray-a11);
  cursor: text;
  -webkit-text-fill-color: var(--gray-a11);
}
.vo-TextfieldInInput:where(:disabled, :-moz-read-only):where(:focus)
  + :where(.vo-TextfieldBr) {
  outline: 2px solid var(--gray-8);
}
.vo-TextfieldInInput:where(:disabled, :read-only):where(:focus)
  + :where(.vo-TextfieldBr) {
  outline: 2px solid var(--gray-8);
}
.vo-TextfieldInInput:where(:disabled, :-moz-read-only)::-moz-placeholder {
  opacity: 0.5;
}
.vo-TextfieldInInput:where(:disabled, :read-only)::-moz-placeholder {
  opacity: 0.5;
}
.vo-TextfieldInInput:where(:disabled, :-moz-read-only)::placeholder {
  opacity: 0.5;
}
.vo-TextfieldInInput:where(:disabled, :read-only)::placeholder {
  opacity: 0.5;
}
.vo-TextfieldInInput:where(:disabled, :-moz-read-only):where(
    :-moz-placeholder-shown
  ) {
  cursor: default;
}
.vo-TextfieldInInput:where(:disabled, :read-only):where(:-moz-placeholder-shown) {
  cursor: default;
}
.vo-TextfieldInInput:where(:disabled, :-moz-read-only):where(:placeholder-shown) {
  cursor: default;
}
.vo-TextfieldInInput:where(:disabled, :read-only):where(:placeholder-shown) {
  cursor: default;
}
.vo-TextfieldInInput:where(:disabled, :-moz-read-only)::-moz-selection {
  background-color: var(--gray-a5);
}
.vo-TextfieldInInput:where(:disabled, :read-only)::-moz-selection {
  background-color: var(--gray-a5);
}
.vo-TextfieldInInput:where(:disabled, :-moz-read-only)::selection {
  background-color: var(--gray-a5);
}
.vo-TextfieldInInput:where(:disabled, :read-only)::selection {
  background-color: var(--gray-a5);
}
.vo-Textfieldcont:where(
    :has(
      .vo-TextfieldInInput:where(
          :disabled,
          :-moz-read-only
        ):-moz-placeholder-shown
    )
  )
  :where(.vo-TextfieldSlots) {
  cursor: default;
}
.vo-Textfieldcont:where(
    :has(.vo-TextfieldInInput:where(:disabled, :read-only):-moz-placeholder-shown)
  )
  :where(.vo-TextfieldSlots) {
  cursor: default;
}
.vo-Textfieldcont:where(
    :has(.vo-TextfieldInInput:where(:disabled, :-moz-read-only):placeholder-shown)
  )
  :where(.vo-TextfieldSlots) {
  cursor: default;
}
.vo-Textfieldcont:where(
    :has(.vo-TextfieldInInput:where(:disabled, :read-only):placeholder-shown)
  )
  :where(.vo-TextfieldSlots) {
  cursor: default;
}
.vo-Text {
  letter-spacing: var(--letter-spacing, inherit);
  line-height: var(--line-height, var(--default-line-height));
  margin: 0;
}
.vo-Text:where([data-accent-color]) {
  color: var(--accent-a11);
}
.vo-Text:where([data-accent-color]):where(.vo-high-contrast),
:where([data-accent-color]):where(.vo-Text, .vo-Heading)
  .vo-Text:where(.vo-high-contrast) {
  color: var(--accent-12);
}
@media {
  .vo-Text:where(.vo-v-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Text:where(.vo-v-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Text:where(.vo-v-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Text:where(.vo-v-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Text:where(.vo-v-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Text:where(.vo-v-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Text:where(.vo-v-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Text:where(.vo-v-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Text:where(.vo-v-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 520px) {
  .vo-Text:where(.vo-v-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Text:where(.vo-v-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Text:where(.vo-v-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Text:where(.vo-v-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Text:where(.vo-v-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Text:where(.vo-v-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Text:where(.vo-v-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Text:where(.vo-v-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Text:where(.vo-v-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 768px) {
  .vo-Text:where(.sm\:vo-v-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Text:where(.sm\:vo-v-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Text:where(.sm\:vo-v-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Text:where(.sm\:vo-v-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Text:where(.sm\:vo-v-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Text:where(.sm\:vo-v-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Text:where(.sm\:vo-v-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Text:where(.sm\:vo-v-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Text:where(.sm\:vo-v-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1024px) {
  .vo-Text:where(.md\:vo-v-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Text:where(.md\:vo-v-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Text:where(.md\:vo-v-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Text:where(.md\:vo-v-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Text:where(.md\:vo-v-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Text:where(.md\:vo-v-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Text:where(.md\:vo-v-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Text:where(.md\:vo-v-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Text:where(.md\:vo-v-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1280px) {
  .vo-Text:where(.lg\:vo-v-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Text:where(.lg\:vo-v-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Text:where(.lg\:vo-v-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Text:where(.lg\:vo-v-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Text:where(.lg\:vo-v-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Text:where(.lg\:vo-v-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Text:where(.lg\:vo-v-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Text:where(.lg\:vo-v-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Text:where(.lg\:vo-v-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}
@media (min-width: 1640px) {
  .vo-Text:where(.xl\:vo-v-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
  }
  .vo-Text:where(.xl\:vo-v-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
  }
  .vo-Text:where(.xl\:vo-v-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
  }
  .vo-Text:where(.xl\:vo-v-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
  }
  .vo-Text:where(.xl\:vo-v-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
  }
  .vo-Text:where(.xl\:vo-v-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
  }
  .vo-Text:where(.xl\:vo-v-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
  }
  .vo-Text:where(.xl\:vo-v-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
  }
  .vo-Text:where(.xl\:vo-v-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
  }
}

@media {
  .vo-v-ai-start {
    align-items: flex-start;
  }
  .vo-v-ai-center {
    align-items: center;
  }
  .vo-v-ai-end {
    align-items: flex-end;
  }
  .vo-v-ai-baseline {
    align-items: baseline;
  }
  .vo-v-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 520px) {
  .vo-v-ai-start {
    align-items: flex-start;
  }
  .vo-v-ai-center {
    align-items: center;
  }
  .vo-v-ai-end {
    align-items: flex-end;
  }
  .vo-v-ai-baseline {
    align-items: baseline;
  }
  .vo-v-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  .vo-v-ai-start {
    align-items: flex-start;
  }
  .vo-v-ai-center {
    align-items: center;
  }
  .vo-v-ai-end {
    align-items: flex-end;
  }
  .vo-v-ai-baseline {
    align-items: baseline;
  }
  .vo-v-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1024px) {
  .vo-v-ai-start {
    align-items: flex-start;
  }
  .vo-v-ai-center {
    align-items: center;
  }
  .vo-v-ai-end {
    align-items: flex-end;
  }
  .vo-v-ai-baseline {
    align-items: baseline;
  }
  .vo-v-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1280px) {
  .vo-v-ai-start {
    align-items: flex-start;
  }
  .vo-v-ai-center {
    align-items: center;
  }
  .vo-v-ai-end {
    align-items: flex-end;
  }
  .vo-v-ai-baseline {
    align-items: baseline;
  }
  .vo-v-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1640px) {
  .vo-v-ai-start {
    align-items: flex-start;
  }
  .vo-v-ai-center {
    align-items: center;
  }
  .vo-v-ai-end {
    align-items: flex-end;
  }
  .vo-v-ai-baseline {
    align-items: baseline;
  }
  .vo-v-ai-stretch {
    align-items: stretch;
  }
}
@media {
  .vo-v-as-start {
    align-self: flex-start;
  }
  .vo-v-as-center {
    align-self: center;
  }
  .vo-v-as-end {
    align-self: flex-end;
  }
  .vo-v-as-baseline {
    align-self: baseline;
  }
  .vo-v-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 520px) {
  .vo-v-as-start {
    align-self: flex-start;
  }
  .vo-v-as-center {
    align-self: center;
  }
  .vo-v-as-end {
    align-self: flex-end;
  }
  .vo-v-as-baseline {
    align-self: baseline;
  }
  .vo-v-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .vo-v-as-start {
    align-self: flex-start;
  }
  .vo-v-as-center {
    align-self: center;
  }
  .vo-v-as-end {
    align-self: flex-end;
  }
  .vo-v-as-baseline {
    align-self: baseline;
  }
  .vo-v-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .vo-v-as-start {
    align-self: flex-start;
  }
  .vo-v-as-center {
    align-self: center;
  }
  .vo-v-as-end {
    align-self: flex-end;
  }
  .vo-v-as-baseline {
    align-self: baseline;
  }
  .vo-v-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .vo-v-as-start {
    align-self: flex-start;
  }
  .vo-v-as-center {
    align-self: center;
  }
  .vo-v-as-end {
    align-self: flex-end;
  }
  .vo-v-as-baseline {
    align-self: baseline;
  }
  .vo-v-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1640px) {
  .vo-v-as-start {
    align-self: flex-start;
  }
  .vo-v-as-center {
    align-self: center;
  }
  .xl\:vo-v-as-end {
    align-self: flex-end;
  }
  .xl\:vo-v-as-baseline {
    align-self: baseline;
  }
  .xl\:vo-v-as-stretch {
    align-self: stretch;
  }
}
@media {
  .vo-v-display-block {
    display: block;
  }
  .vo-v-display-inline {
    display: inline;
  }
  .vo-v-display-inline-block {
    display: inline-block;
  }
  .vo-v-display-flex {
    display: flex;
  }
  .vo-v-display-inline-flex {
    display: inline-flex;
  }
  .vo-v-display-grid {
    display: grid;
  }
  .vo-v-display-inline-grid {
    display: inline-grid;
  }
  .vo-v-display-none {
    display: none;
  }
}
@media (min-width: 520px) {
  .vo-v-display-block {
    display: block;
  }
  .vo-v-display-inline {
    display: inline;
  }
  .vo-v-display-inline-block {
    display: inline-block;
  }
  .vo-v-display-flex {
    display: flex;
  }
  .vo-v-display-inline-flex {
    display: inline-flex;
  }
  .vo-v-display-grid {
    display: grid;
  }
  .vo-v-display-inline-grid {
    display: inline-grid;
  }
  .vo-v-display-none {
    display: none;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-display-block {
    display: block;
  }
  .sm\:vo-v-display-inline {
    display: inline;
  }
  .sm\:vo-v-display-inline-block {
    display: inline-block;
  }
  .sm\:vo-v-display-flex {
    display: flex;
  }
  .sm\:vo-v-display-inline-flex {
    display: inline-flex;
  }
  .sm\:vo-v-display-grid {
    display: grid;
  }
  .sm\:vo-v-display-inline-grid {
    display: inline-grid;
  }
  .sm\:vo-v-display-none {
    display: none;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-display-block {
    display: block;
  }
  .md\:vo-v-display-inline {
    display: inline;
  }
  .md\:vo-v-display-inline-block {
    display: inline-block;
  }
  .md\:vo-v-display-flex {
    display: flex;
  }
  .md\:vo-v-display-inline-flex {
    display: inline-flex;
  }
  .md\:vo-v-display-grid {
    display: grid;
  }
  .md\:vo-v-display-inline-grid {
    display: inline-grid;
  }
  .md\:vo-v-display-none {
    display: none;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-display-block {
    display: block;
  }
  .lg\:vo-v-display-inline {
    display: inline;
  }
  .lg\:vo-v-display-inline-block {
    display: inline-block;
  }
  .lg\:vo-v-display-flex {
    display: flex;
  }
  .lg\:vo-v-display-inline-flex {
    display: inline-flex;
  }
  .lg\:vo-v-display-grid {
    display: grid;
  }
  .lg\:vo-v-display-inline-grid {
    display: inline-grid;
  }
  .lg\:vo-v-display-none {
    display: none;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-display-block {
    display: block;
  }
  .xl\:vo-v-display-inline {
    display: inline;
  }
  .xl\:vo-v-display-inline-block {
    display: inline-block;
  }
  .xl\:vo-v-display-flex {
    display: flex;
  }
  .xl\:vo-v-display-inline-flex {
    display: inline-flex;
  }
  .xl\:vo-v-display-grid {
    display: grid;
  }
  .xl\:vo-v-display-inline-grid {
    display: inline-grid;
  }
  .xl\:vo-v-display-none {
    display: none;
  }
}
@media {
  .vo-v-fd-row {
    flex-direction: row;
  }
  .vo-v-fd-column {
    flex-direction: column;
  }
  .vo-v-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .vo-v-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 520px) {
  .vo-v-fd-row {
    flex-direction: row;
  }
  .vo-v-fd-column {
    flex-direction: column;
  }
  .vo-v-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .vo-v-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-fd-row {
    flex-direction: row;
  }
  .sm\:vo-v-fd-column {
    flex-direction: column;
  }
  .sm\:vo-v-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:vo-v-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-fd-row {
    flex-direction: row;
  }
  .md\:vo-v-fd-column {
    flex-direction: column;
  }
  .md\:vo-v-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:vo-v-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-fd-row {
    flex-direction: row;
  }
  .lg\:vo-v-fd-column {
    flex-direction: column;
  }
  .lg\:vo-v-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:vo-v-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-fd-row {
    flex-direction: row;
  }
  .xl\:vo-v-fd-column {
    flex-direction: column;
  }
  .xl\:vo-v-fd-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:vo-v-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media {
  .vo-v-fg-0 {
    flex-grow: 0;
  }
  .vo-v-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 520px) {
  .vo-v-fg-0 {
    flex-grow: 0;
  }
  .vo-v-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-fg-0 {
    flex-grow: 0;
  }
  .sm\:vo-v-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-fg-0 {
    flex-grow: 0;
  }
  .md\:vo-v-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-fg-0 {
    flex-grow: 0;
  }
  .lg\:vo-v-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-fg-0 {
    flex-grow: 0;
  }
  .xl\:vo-v-fg-1 {
    flex-grow: 1;
  }
}
@media {
  .vo-v-fs-0 {
    flex-shrink: 0;
  }
  .vo-v-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 520px) {
  .vo-v-fs-0 {
    flex-shrink: 0;
  }
  .vo-v-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-fs-0 {
    flex-shrink: 0;
  }
  .sm\:vo-v-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-fs-0 {
    flex-shrink: 0;
  }
  .md\:vo-v-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-fs-0 {
    flex-shrink: 0;
  }
  .lg\:vo-v-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-fs-0 {
    flex-shrink: 0;
  }
  .xl\:vo-v-fs-1 {
    flex-shrink: 1;
  }
}
@media {
  .vo-v-fw-nowrap {
    flex-wrap: nowrap;
  }
  .vo-v-fw-wrap {
    flex-wrap: wrap;
  }
  .vo-v-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 520px) {
  .vo-v-fw-nowrap {
    flex-wrap: nowrap;
  }
  .vo-v-fw-wrap {
    flex-wrap: wrap;
  }
  .vo-v-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-fw-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:vo-v-fw-wrap {
    flex-wrap: wrap;
  }
  .sm\:vo-v-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-fw-nowrap {
    flex-wrap: nowrap;
  }
  .md\:vo-v-fw-wrap {
    flex-wrap: wrap;
  }
  .md\:vo-v-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-fw-nowrap {
    flex-wrap: nowrap;
  }
  .lg\:vo-v-fw-wrap {
    flex-wrap: wrap;
  }
  .lg\:vo-v-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-fw-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:vo-v-fw-wrap {
    flex-wrap: wrap;
  }
  .xl\:vo-v-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media {
  .vo-v-weight-light {
    font-weight: var(--font-weight-light);
  }
  .vo-v-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .vo-v-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .vo-v-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 520px) {
  .vo-v-weight-light {
    font-weight: var(--font-weight-light);
  }
  .vo-v-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .vo-v-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .vo-v-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-weight-light {
    font-weight: var(--font-weight-light);
  }
  .sm\:vo-v-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .sm\:vo-v-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .sm\:vo-v-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-weight-light {
    font-weight: var(--font-weight-light);
  }
  .md\:vo-v-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .md\:vo-v-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .md\:vo-v-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-weight-light {
    font-weight: var(--font-weight-light);
  }
  .lg\:vo-v-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .lg\:vo-v-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .lg\:vo-v-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-weight-light {
    font-weight: var(--font-weight-light);
  }
  .xl\:vo-v-weight-regular {
    font-weight: var(--font-weight-regular);
  }
  .xl\:vo-v-weight-medium {
    font-weight: var(--font-weight-medium);
  }
  .xl\:vo-v-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media {
  .vo-v-gap-0 {
    gap: 0;
  }
  .vo-v-gap-1 {
    gap: var(--space-1);
  }
  .vo-v-gap-2 {
    gap: var(--space-2);
  }
  .vo-v-gap-3 {
    gap: var(--space-3);
  }
  .vo-v-gap-4 {
    gap: var(--space-4);
  }
  .vo-v-gap-5 {
    gap: var(--space-5);
  }
  .vo-v-gap-6 {
    gap: var(--space-6);
  }
  .vo-v-gap-7 {
    gap: var(--space-7);
  }
  .vo-v-gap-8 {
    gap: var(--space-8);
  }
  .vo-v-gap-9 {
    gap: var(--space-9);
  }
  .vo-v-cg-0 {
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .vo-v-cg-1 {
    -moz-column-gap: var(--space-1);
    column-gap: var(--space-1);
  }
  .vo-v-cg-2 {
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
  }
  .vo-v-cg-3 {
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
  }
  .vo-v-cg-4 {
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
  }
  .vo-v-cg-5 {
    -moz-column-gap: var(--space-5);
    column-gap: var(--space-5);
  }
  .vo-v-cg-6 {
    -moz-column-gap: var(--space-6);
    column-gap: var(--space-6);
  }
  .vo-v-cg-7 {
    -moz-column-gap: var(--space-7);
    column-gap: var(--space-7);
  }
  .vo-v-cg-8 {
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
  }
  .vo-v-cg-9 {
    -moz-column-gap: var(--space-9);
    column-gap: var(--space-9);
  }
  .vo-v-rg-0 {
    row-gap: 0;
  }
  .vo-v-rg-1 {
    row-gap: var(--space-1);
  }
  .vo-v-rg-2 {
    row-gap: var(--space-2);
  }
  .vo-v-rg-3 {
    row-gap: var(--space-3);
  }
  .vo-v-rg-4 {
    row-gap: var(--space-4);
  }
  .vo-v-rg-5 {
    row-gap: var(--space-5);
  }
  .vo-v-rg-6 {
    row-gap: var(--space-6);
  }
  .vo-v-rg-7 {
    row-gap: var(--space-7);
  }
  .vo-v-rg-8 {
    row-gap: var(--space-8);
  }
  .vo-v-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 520px) {
  .vo-v-gap-0 {
    gap: 0;
  }
  .vo-v-gap-1 {
    gap: var(--space-1);
  }
  .vo-v-gap-2 {
    gap: var(--space-2);
  }
  .vo-v-gap-3 {
    gap: var(--space-3);
  }
  .vo-v-gap-4 {
    gap: var(--space-4);
  }
  .vo-v-gap-5 {
    gap: var(--space-5);
  }
  .vo-v-gap-6 {
    gap: var(--space-6);
  }
  .vo-v-gap-7 {
    gap: var(--space-7);
  }
  .vo-v-gap-8 {
    gap: var(--space-8);
  }
  .vo-v-gap-9 {
    gap: var(--space-9);
  }
  .vo-v-cg-0 {
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .vo-v-cg-1 {
    -moz-column-gap: var(--space-1);
    column-gap: var(--space-1);
  }
  .vo-v-cg-2 {
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
  }
  .vo-v-cg-3 {
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
  }
  .vo-v-cg-4 {
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
  }
  .vo-v-cg-5 {
    -moz-column-gap: var(--space-5);
    column-gap: var(--space-5);
  }
  .vo-v-cg-6 {
    -moz-column-gap: var(--space-6);
    column-gap: var(--space-6);
  }
  .vo-v-cg-7 {
    -moz-column-gap: var(--space-7);
    column-gap: var(--space-7);
  }
  .vo-v-cg-8 {
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
  }
  .vo-v-cg-9 {
    -moz-column-gap: var(--space-9);
    column-gap: var(--space-9);
  }
  .vo-v-rg-0 {
    row-gap: 0;
  }
  .vo-v-rg-1 {
    row-gap: var(--space-1);
  }
  .vo-v-rg-2 {
    row-gap: var(--space-2);
  }
  .vo-v-rg-3 {
    row-gap: var(--space-3);
  }
  .vo-v-rg-4 {
    row-gap: var(--space-4);
  }
  .vo-v-rg-5 {
    row-gap: var(--space-5);
  }
  .vo-v-rg-6 {
    row-gap: var(--space-6);
  }
  .vo-v-rg-7 {
    row-gap: var(--space-7);
  }
  .vo-v-rg-8 {
    row-gap: var(--space-8);
  }
  .vo-v-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-gap-0 {
    gap: 0;
  }
  .sm\:vo-v-gap-1 {
    gap: var(--space-1);
  }
  .sm\:vo-v-gap-2 {
    gap: var(--space-2);
  }
  .sm\:vo-v-gap-3 {
    gap: var(--space-3);
  }
  .sm\:vo-v-gap-4 {
    gap: var(--space-4);
  }
  .sm\:vo-v-gap-5 {
    gap: var(--space-5);
  }
  .sm\:vo-v-gap-6 {
    gap: var(--space-6);
  }
  .sm\:vo-v-gap-7 {
    gap: var(--space-7);
  }
  .sm\:vo-v-gap-8 {
    gap: var(--space-8);
  }
  .sm\:vo-v-gap-9 {
    gap: var(--space-9);
  }
  .sm\:vo-v-cg-0 {
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .sm\:vo-v-cg-1 {
    -moz-column-gap: var(--space-1);
    column-gap: var(--space-1);
  }
  .sm\:vo-v-cg-2 {
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
  }
  .sm\:vo-v-cg-3 {
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
  }
  .sm\:vo-v-cg-4 {
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
  }
  .sm\:vo-v-cg-5 {
    -moz-column-gap: var(--space-5);
    column-gap: var(--space-5);
  }
  .sm\:vo-v-cg-6 {
    -moz-column-gap: var(--space-6);
    column-gap: var(--space-6);
  }
  .sm\:vo-v-cg-7 {
    -moz-column-gap: var(--space-7);
    column-gap: var(--space-7);
  }
  .sm\:vo-v-cg-8 {
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
  }
  .sm\:vo-v-cg-9 {
    -moz-column-gap: var(--space-9);
    column-gap: var(--space-9);
  }
  .sm\:vo-v-rg-0 {
    row-gap: 0;
  }
  .sm\:vo-v-rg-1 {
    row-gap: var(--space-1);
  }
  .sm\:vo-v-rg-2 {
    row-gap: var(--space-2);
  }
  .sm\:vo-v-rg-3 {
    row-gap: var(--space-3);
  }
  .sm\:vo-v-rg-4 {
    row-gap: var(--space-4);
  }
  .sm\:vo-v-rg-5 {
    row-gap: var(--space-5);
  }
  .sm\:vo-v-rg-6 {
    row-gap: var(--space-6);
  }
  .sm\:vo-v-rg-7 {
    row-gap: var(--space-7);
  }
  .sm\:vo-v-rg-8 {
    row-gap: var(--space-8);
  }
  .sm\:vo-v-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-gap-0 {
    gap: 0;
  }
  .md\:vo-v-gap-1 {
    gap: var(--space-1);
  }
  .md\:vo-v-gap-2 {
    gap: var(--space-2);
  }
  .md\:vo-v-gap-3 {
    gap: var(--space-3);
  }
  .md\:vo-v-gap-4 {
    gap: var(--space-4);
  }
  .md\:vo-v-gap-5 {
    gap: var(--space-5);
  }
  .md\:vo-v-gap-6 {
    gap: var(--space-6);
  }
  .md\:vo-v-gap-7 {
    gap: var(--space-7);
  }
  .md\:vo-v-gap-8 {
    gap: var(--space-8);
  }
  .md\:vo-v-gap-9 {
    gap: var(--space-9);
  }
  .md\:vo-v-cg-0 {
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .md\:vo-v-cg-1 {
    -moz-column-gap: var(--space-1);
    column-gap: var(--space-1);
  }
  .md\:vo-v-cg-2 {
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
  }
  .md\:vo-v-cg-3 {
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
  }
  .md\:vo-v-cg-4 {
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
  }
  .md\:vo-v-cg-5 {
    -moz-column-gap: var(--space-5);
    column-gap: var(--space-5);
  }
  .md\:vo-v-cg-6 {
    -moz-column-gap: var(--space-6);
    column-gap: var(--space-6);
  }
  .md\:vo-v-cg-7 {
    -moz-column-gap: var(--space-7);
    column-gap: var(--space-7);
  }
  .md\:vo-v-cg-8 {
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
  }
  .md\:vo-v-cg-9 {
    -moz-column-gap: var(--space-9);
    column-gap: var(--space-9);
  }
  .md\:vo-v-rg-0 {
    row-gap: 0;
  }
  .md\:vo-v-rg-1 {
    row-gap: var(--space-1);
  }
  .md\:vo-v-rg-2 {
    row-gap: var(--space-2);
  }
  .md\:vo-v-rg-3 {
    row-gap: var(--space-3);
  }
  .md\:vo-v-rg-4 {
    row-gap: var(--space-4);
  }
  .md\:vo-v-rg-5 {
    row-gap: var(--space-5);
  }
  .md\:vo-v-rg-6 {
    row-gap: var(--space-6);
  }
  .md\:vo-v-rg-7 {
    row-gap: var(--space-7);
  }
  .md\:vo-v-rg-8 {
    row-gap: var(--space-8);
  }
  .md\:vo-v-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-gap-0 {
    gap: 0;
  }
  .lg\:vo-v-gap-1 {
    gap: var(--space-1);
  }
  .lg\:vo-v-gap-2 {
    gap: var(--space-2);
  }
  .lg\:vo-v-gap-3 {
    gap: var(--space-3);
  }
  .lg\:vo-v-gap-4 {
    gap: var(--space-4);
  }
  .lg\:vo-v-gap-5 {
    gap: var(--space-5);
  }
  .lg\:vo-v-gap-6 {
    gap: var(--space-6);
  }
  .lg\:vo-v-gap-7 {
    gap: var(--space-7);
  }
  .lg\:vo-v-gap-8 {
    gap: var(--space-8);
  }
  .lg\:vo-v-gap-9 {
    gap: var(--space-9);
  }
  .lg\:vo-v-cg-0 {
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .lg\:vo-v-cg-1 {
    -moz-column-gap: var(--space-1);
    column-gap: var(--space-1);
  }
  .lg\:vo-v-cg-2 {
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
  }
  .lg\:vo-v-cg-3 {
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
  }
  .lg\:vo-v-cg-4 {
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
  }
  .lg\:vo-v-cg-5 {
    -moz-column-gap: var(--space-5);
    column-gap: var(--space-5);
  }
  .lg\:vo-v-cg-6 {
    -moz-column-gap: var(--space-6);
    column-gap: var(--space-6);
  }
  .lg\:vo-v-cg-7 {
    -moz-column-gap: var(--space-7);
    column-gap: var(--space-7);
  }
  .lg\:vo-v-cg-8 {
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
  }
  .lg\:vo-v-cg-9 {
    -moz-column-gap: var(--space-9);
    column-gap: var(--space-9);
  }
  .lg\:vo-v-rg-0 {
    row-gap: 0;
  }
  .lg\:vo-v-rg-1 {
    row-gap: var(--space-1);
  }
  .lg\:vo-v-rg-2 {
    row-gap: var(--space-2);
  }
  .lg\:vo-v-rg-3 {
    row-gap: var(--space-3);
  }
  .lg\:vo-v-rg-4 {
    row-gap: var(--space-4);
  }
  .lg\:vo-v-rg-5 {
    row-gap: var(--space-5);
  }
  .lg\:vo-v-rg-6 {
    row-gap: var(--space-6);
  }
  .lg\:vo-v-rg-7 {
    row-gap: var(--space-7);
  }
  .lg\:vo-v-rg-8 {
    row-gap: var(--space-8);
  }
  .lg\:vo-v-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-gap-0 {
    gap: 0;
  }
  .xl\:vo-v-gap-1 {
    gap: var(--space-1);
  }
  .xl\:vo-v-gap-2 {
    gap: var(--space-2);
  }
  .xl\:vo-v-gap-3 {
    gap: var(--space-3);
  }
  .xl\:vo-v-gap-4 {
    gap: var(--space-4);
  }
  .xl\:vo-v-gap-5 {
    gap: var(--space-5);
  }
  .xl\:vo-v-gap-6 {
    gap: var(--space-6);
  }
  .xl\:vo-v-gap-7 {
    gap: var(--space-7);
  }
  .xl\:vo-v-gap-8 {
    gap: var(--space-8);
  }
  .xl\:vo-v-gap-9 {
    gap: var(--space-9);
  }
  .xl\:vo-v-cg-0 {
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .xl\:vo-v-cg-1 {
    -moz-column-gap: var(--space-1);
    column-gap: var(--space-1);
  }
  .xl\:vo-v-cg-2 {
    -moz-column-gap: var(--space-2);
    column-gap: var(--space-2);
  }
  .xl\:vo-v-cg-3 {
    -moz-column-gap: var(--space-3);
    column-gap: var(--space-3);
  }
  .xl\:vo-v-cg-4 {
    -moz-column-gap: var(--space-4);
    column-gap: var(--space-4);
  }
  .xl\:vo-v-cg-5 {
    -moz-column-gap: var(--space-5);
    column-gap: var(--space-5);
  }
  .xl\:vo-v-cg-6 {
    -moz-column-gap: var(--space-6);
    column-gap: var(--space-6);
  }
  .xl\:vo-v-cg-7 {
    -moz-column-gap: var(--space-7);
    column-gap: var(--space-7);
  }
  .xl\:vo-v-cg-8 {
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
  }
  .xl\:vo-v-cg-9 {
    -moz-column-gap: var(--space-9);
    column-gap: var(--space-9);
  }
  .xl\:vo-v-rg-0 {
    row-gap: 0;
  }
  .xl\:vo-v-rg-1 {
    row-gap: var(--space-1);
  }
  .xl\:vo-v-rg-2 {
    row-gap: var(--space-2);
  }
  .xl\:vo-v-rg-3 {
    row-gap: var(--space-3);
  }
  .xl\:vo-v-rg-4 {
    row-gap: var(--space-4);
  }
  .xl\:vo-v-rg-5 {
    row-gap: var(--space-5);
  }
  .xl\:vo-v-rg-6 {
    row-gap: var(--space-6);
  }
  .xl\:vo-v-rg-7 {
    row-gap: var(--space-7);
  }
  .xl\:vo-v-rg-8 {
    row-gap: var(--space-8);
  }
  .xl\:vo-v-rg-9 {
    row-gap: var(--space-9);
  }
}
@media {
  .vo-v-gaf-row {
    grid-auto-flow: row;
  }
  .vo-v-gaf-column {
    grid-auto-flow: column;
  }
  .vo-v-gaf-dense {
    grid-auto-flow: dense;
  }
  .vo-v-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .vo-v-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 520px) {
  .vo-v-gaf-row {
    grid-auto-flow: row;
  }
  .vo-v-gaf-column {
    grid-auto-flow: column;
  }
  .vo-v-gaf-dense {
    grid-auto-flow: dense;
  }
  .vo-v-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .vo-v-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-gaf-row {
    grid-auto-flow: row;
  }
  .sm\:vo-v-gaf-column {
    grid-auto-flow: column;
  }
  .sm\:vo-v-gaf-dense {
    grid-auto-flow: dense;
  }
  .sm\:vo-v-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .sm\:vo-v-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-gaf-row {
    grid-auto-flow: row;
  }
  .md\:vo-v-gaf-column {
    grid-auto-flow: column;
  }
  .md\:vo-v-gaf-dense {
    grid-auto-flow: dense;
  }
  .md\:vo-v-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .md\:vo-v-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-gaf-row {
    grid-auto-flow: row;
  }
  .lg\:vo-v-gaf-column {
    grid-auto-flow: column;
  }
  .lg\:vo-v-gaf-dense {
    grid-auto-flow: dense;
  }
  .lg\:vo-v-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .lg\:vo-v-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-gaf-row {
    grid-auto-flow: row;
  }
  .xl\:vo-v-gaf-column {
    grid-auto-flow: column;
  }
  .xl\:vo-v-gaf-dense {
    grid-auto-flow: dense;
  }
  .xl\:vo-v-gaf-row-dense {
    grid-auto-flow: row dense;
  }
  .xl\:vo-v-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media {
  .vo-v-h-auto {
    height: auto;
  }
  .vo-v-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }
  .vo-v-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }
  .vo-v-h-0 {
    height: 0;
  }
  .vo-v-h-1 {
    height: var(--space-1);
  }
  .vo-v-h-2 {
    height: var(--space-2);
  }
  .vo-v-h-3 {
    height: var(--space-3);
  }
  .vo-v-h-4 {
    height: var(--space-4);
  }
  .vo-v-h-5 {
    height: var(--space-5);
  }
  .vo-v-h-6 {
    height: var(--space-6);
  }
  .vo-v-h-7 {
    height: var(--space-7);
  }
  .vo-v-h-8 {
    height: var(--space-8);
  }
  .vo-v-h-9 {
    height: var(--space-9);
  }
  .vo-v-h-50\% {
    height: 50%;
  }
  .vo-v-h-100\% {
    height: 100%;
  }
}
@media (min-width: 520px) {
  .vo-v-h-auto {
    height: auto;
  }
  .vo-v-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }
  .vo-v-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }
  .vo-v-h-0 {
    height: 0;
  }
  .vo-v-h-1 {
    height: var(--space-1);
  }
  .vo-v-h-2 {
    height: var(--space-2);
  }
  .vo-v-h-3 {
    height: var(--space-3);
  }
  .vo-v-h-4 {
    height: var(--space-4);
  }
  .vo-v-h-5 {
    height: var(--space-5);
  }
  .vo-v-h-6 {
    height: var(--space-6);
  }
  .vo-v-h-7 {
    height: var(--space-7);
  }
  .vo-v-h-8 {
    height: var(--space-8);
  }
  .vo-v-h-9 {
    height: var(--space-9);
  }
  .vo-v-h-50\% {
    height: 50%;
  }
  .vo-v-h-100\% {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-h-auto {
    height: auto;
  }
  .sm\:vo-v-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }
  .sm\:vo-v-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }
  .sm\:vo-v-h-0 {
    height: 0;
  }
  .sm\:vo-v-h-1 {
    height: var(--space-1);
  }
  .sm\:vo-v-h-2 {
    height: var(--space-2);
  }
  .sm\:vo-v-h-3 {
    height: var(--space-3);
  }
  .sm\:vo-v-h-4 {
    height: var(--space-4);
  }
  .sm\:vo-v-h-5 {
    height: var(--space-5);
  }
  .sm\:vo-v-h-6 {
    height: var(--space-6);
  }
  .sm\:vo-v-h-7 {
    height: var(--space-7);
  }
  .sm\:vo-v-h-8 {
    height: var(--space-8);
  }
  .sm\:vo-v-h-9 {
    height: var(--space-9);
  }
  .sm\:vo-v-h-50\% {
    height: 50%;
  }
  .sm\:vo-v-h-100\% {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-h-auto {
    height: auto;
  }
  .md\:vo-v-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }
  .md\:vo-v-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }
  .md\:vo-v-h-0 {
    height: 0;
  }
  .md\:vo-v-h-1 {
    height: var(--space-1);
  }
  .md\:vo-v-h-2 {
    height: var(--space-2);
  }
  .md\:vo-v-h-3 {
    height: var(--space-3);
  }
  .md\:vo-v-h-4 {
    height: var(--space-4);
  }
  .md\:vo-v-h-5 {
    height: var(--space-5);
  }
  .md\:vo-v-h-6 {
    height: var(--space-6);
  }
  .md\:vo-v-h-7 {
    height: var(--space-7);
  }
  .md\:vo-v-h-8 {
    height: var(--space-8);
  }
  .md\:vo-v-h-9 {
    height: var(--space-9);
  }
  .md\:vo-v-h-50\% {
    height: 50%;
  }
  .md\:vo-v-h-100\% {
    height: 100%;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-h-auto {
    height: auto;
  }
  .lg\:vo-v-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }
  .lg\:vo-v-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }
  .lg\:vo-v-h-0 {
    height: 0;
  }
  .lg\:vo-v-h-1 {
    height: var(--space-1);
  }
  .lg\:vo-v-h-2 {
    height: var(--space-2);
  }
  .lg\:vo-v-h-3 {
    height: var(--space-3);
  }
  .lg\:vo-v-h-4 {
    height: var(--space-4);
  }
  .lg\:vo-v-h-5 {
    height: var(--space-5);
  }
  .lg\:vo-v-h-6 {
    height: var(--space-6);
  }
  .lg\:vo-v-h-7 {
    height: var(--space-7);
  }
  .lg\:vo-v-h-8 {
    height: var(--space-8);
  }
  .lg\:vo-v-h-9 {
    height: var(--space-9);
  }
  .lg\:vo-v-h-50\% {
    height: 50%;
  }
  .lg\:vo-v-h-100\% {
    height: 100%;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-h-auto {
    height: auto;
  }
  .xl\:vo-v-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }
  .xl\:vo-v-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }
  .xl\:vo-v-h-0 {
    height: 0;
  }
  .xl\:vo-v-h-1 {
    height: var(--space-1);
  }
  .xl\:vo-v-h-2 {
    height: var(--space-2);
  }
  .xl\:vo-v-h-3 {
    height: var(--space-3);
  }
  .xl\:vo-v-h-4 {
    height: var(--space-4);
  }
  .xl\:vo-v-h-5 {
    height: var(--space-5);
  }
  .xl\:vo-v-h-6 {
    height: var(--space-6);
  }
  .xl\:vo-v-h-7 {
    height: var(--space-7);
  }
  .xl\:vo-v-h-8 {
    height: var(--space-8);
  }
  .xl\:vo-v-h-9 {
    height: var(--space-9);
  }
  .xl\:vo-v-h-50\% {
    height: 50%;
  }
  .xl\:vo-v-h-100\% {
    height: 100%;
  }
}
@media {
  .vo-v-inset-auto {
    inset: auto;
  }
  .vo-v-top-auto {
    top: auto;
  }
  .vo-v-right-auto {
    right: auto;
  }
  .vo-v-bottom-auto {
    bottom: auto;
  }
  .vo-v-left-auto {
    left: auto;
  }
  .vo-v-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .vo-v-top-0 {
    top: 0;
  }
  .vo-v-right-0 {
    right: 0;
  }
  .vo-v-bottom-0 {
    bottom: 0;
  }
  .vo-v-left-0 {
    left: 0;
  }
  .vo-v-inset-50\% {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }
  .vo-v-top-50\% {
    top: 50%;
  }
  .vo-v-right-50\% {
    right: 50%;
  }
  .vo-v-bottom-50\% {
    bottom: 50%;
  }
  .vo-v-left-50\% {
    left: 50%;
  }
  .vo-v-inset-100\% {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }
  .vo-v-top-100\% {
    top: 100%;
  }
  .vo-v-right-100\% {
    right: 100%;
  }
  .vo-v-bottom-100\% {
    bottom: 100%;
  }
  .vo-v-left-100\% {
    left: 100%;
  }
}
@media (min-width: 520px) {
  .vo-v-inset-auto {
    inset: auto;
  }
  .vo-v-top-auto {
    top: auto;
  }
  .vo-v-right-auto {
    right: auto;
  }
  .vo-v-bottom-auto {
    bottom: auto;
  }
  .vo-v-left-auto {
    left: auto;
  }
  .vo-v-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .vo-v-top-0 {
    top: 0;
  }
  .vo-v-right-0 {
    right: 0;
  }
  .vo-v-bottom-0 {
    bottom: 0;
  }
  .vo-v-left-0 {
    left: 0;
  }
  .vo-v-inset-50\% {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }
  .vo-v-top-50\% {
    top: 50%;
  }
  .vo-v-right-50\% {
    right: 50%;
  }
  .vo-v-bottom-50\% {
    bottom: 50%;
  }
  .vo-v-left-50\% {
    left: 50%;
  }
  .vo-v-inset-100\% {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }
  .vo-v-top-100\% {
    top: 100%;
  }
  .vo-v-right-100\% {
    right: 100%;
  }
  .vo-v-bottom-100\% {
    bottom: 100%;
  }
  .vo-v-left-100\% {
    left: 100%;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-inset-auto {
    inset: auto;
  }
  .sm\:vo-v-top-auto {
    top: auto;
  }
  .sm\:vo-v-right-auto {
    right: auto;
  }
  .sm\:vo-v-bottom-auto {
    bottom: auto;
  }
  .sm\:vo-v-left-auto {
    left: auto;
  }
  .sm\:vo-v-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .sm\:vo-v-top-0 {
    top: 0;
  }
  .sm\:vo-v-right-0 {
    right: 0;
  }
  .sm\:vo-v-bottom-0 {
    bottom: 0;
  }
  .sm\:vo-v-left-0 {
    left: 0;
  }
  .sm\:vo-v-inset-50\% {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }
  .sm\:vo-v-top-50\% {
    top: 50%;
  }
  .sm\:vo-v-right-50\% {
    right: 50%;
  }
  .sm\:vo-v-bottom-50\% {
    bottom: 50%;
  }
  .sm\:vo-v-left-50\% {
    left: 50%;
  }
  .sm\:vo-v-inset-100\% {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }
  .sm\:vo-v-top-100\% {
    top: 100%;
  }
  .sm\:vo-v-right-100\% {
    right: 100%;
  }
  .sm\:vo-v-bottom-100\% {
    bottom: 100%;
  }
  .sm\:vo-v-left-100\% {
    left: 100%;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-inset-auto {
    inset: auto;
  }
  .md\:vo-v-top-auto {
    top: auto;
  }
  .md\:vo-v-right-auto {
    right: auto;
  }
  .md\:vo-v-bottom-auto {
    bottom: auto;
  }
  .md\:vo-v-left-auto {
    left: auto;
  }
  .md\:vo-v-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .md\:vo-v-top-0 {
    top: 0;
  }
  .md\:vo-v-right-0 {
    right: 0;
  }
  .md\:vo-v-bottom-0 {
    bottom: 0;
  }
  .md\:vo-v-left-0 {
    left: 0;
  }
  .md\:vo-v-inset-50\% {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }
  .md\:vo-v-top-50\% {
    top: 50%;
  }
  .md\:vo-v-right-50\% {
    right: 50%;
  }
  .md\:vo-v-bottom-50\% {
    bottom: 50%;
  }
  .md\:vo-v-left-50\% {
    left: 50%;
  }
  .md\:vo-v-inset-100\% {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }
  .md\:vo-v-top-100\% {
    top: 100%;
  }
  .md\:vo-v-right-100\% {
    right: 100%;
  }
  .md\:vo-v-bottom-100\% {
    bottom: 100%;
  }
  .md\:vo-v-left-100\% {
    left: 100%;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-inset-auto {
    inset: auto;
  }
  .lg\:vo-v-top-auto {
    top: auto;
  }
  .lg\:vo-v-right-auto {
    right: auto;
  }
  .lg\:vo-v-bottom-auto {
    bottom: auto;
  }
  .lg\:vo-v-left-auto {
    left: auto;
  }
  .lg\:vo-v-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .lg\:vo-v-top-0 {
    top: 0;
  }
  .lg\:vo-v-right-0 {
    right: 0;
  }
  .lg\:vo-v-bottom-0 {
    bottom: 0;
  }
  .lg\:vo-v-left-0 {
    left: 0;
  }
  .lg\:vo-v-inset-50\% {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }
  .lg\:vo-v-top-50\% {
    top: 50%;
  }
  .lg\:vo-v-right-50\% {
    right: 50%;
  }
  .lg\:vo-v-bottom-50\% {
    bottom: 50%;
  }
  .lg\:vo-v-left-50\% {
    left: 50%;
  }
  .lg\:vo-v-inset-100\% {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }
  .lg\:vo-v-top-100\% {
    top: 100%;
  }
  .lg\:vo-v-right-100\% {
    right: 100%;
  }
  .lg\:vo-v-bottom-100\% {
    bottom: 100%;
  }
  .lg\:vo-v-left-100\% {
    left: 100%;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-inset-auto {
    inset: auto;
  }
  .xl\:vo-v-top-auto {
    top: auto;
  }
  .xl\:vo-v-right-auto {
    right: auto;
  }
  .xl\:vo-v-bottom-auto {
    bottom: auto;
  }
  .xl\:vo-v-left-auto {
    left: auto;
  }
  .xl\:vo-v-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .xl\:vo-v-top-0 {
    top: 0;
  }
  .xl\:vo-v-right-0 {
    right: 0;
  }
  .xl\:vo-v-bottom-0 {
    bottom: 0;
  }
  .xl\:vo-v-left-0 {
    left: 0;
  }
  .xl\:vo-v-inset-50\% {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }
  .xl\:vo-v-top-50\% {
    top: 50%;
  }
  .xl\:vo-v-right-50\% {
    right: 50%;
  }
  .xl\:vo-v-bottom-50\% {
    bottom: 50%;
  }
  .xl\:vo-v-left-50\% {
    left: 50%;
  }
  .xl\:vo-v-inset-100\% {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }
  .xl\:vo-v-top-100\% {
    top: 100%;
  }
  .xl\:vo-v-right-100\% {
    right: 100%;
  }
  .xl\:vo-v-bottom-100\% {
    bottom: 100%;
  }
  .xl\:vo-v-left-100\% {
    left: 100%;
  }
}
@media {
  .vo-v-jc-start {
    justify-content: flex-start;
  }
  .vo-v-jc-center {
    justify-content: center;
  }
  .vo-v-jc-end {
    justify-content: flex-end;
  }
  .vo-v-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 520px) {
  .vo-v-jc-start {
    justify-content: flex-start;
  }
  .vo-v-jc-center {
    justify-content: center;
  }
  .vo-v-jc-end {
    justify-content: flex-end;
  }
  .vo-v-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-jc-start {
    justify-content: flex-start;
  }
  .sm\:vo-v-jc-center {
    justify-content: center;
  }
  .sm\:vo-v-jc-end {
    justify-content: flex-end;
  }
  .sm\:vo-v-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-jc-start {
    justify-content: flex-start;
  }
  .md\:vo-v-jc-center {
    justify-content: center;
  }
  .md\:vo-v-jc-end {
    justify-content: flex-end;
  }
  .md\:vo-v-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-jc-start {
    justify-content: flex-start;
  }
  .lg\:vo-v-jc-center {
    justify-content: center;
  }
  .lg\:vo-v-jc-end {
    justify-content: flex-end;
  }
  .lg\:vo-v-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-jc-start {
    justify-content: flex-start;
  }
  .xl\:vo-v-jc-center {
    justify-content: center;
  }
  .xl\:vo-v-jc-end {
    justify-content: flex-end;
  }
  .xl\:vo-v-jc-space-between {
    justify-content: space-between;
  }
}
@media {
  .vo-v-lt-end:before,
  .vo-v-lt-normal:after,
  .vo-v-lt-normal:before,
  .vo-v-lt-start:after {
    content: none;
  }
  .vo-v-lt-both:after,
  .vo-v-lt-both:before,
  .vo-v-lt-end:after,
  .vo-v-lt-start:before {
    content: "";
    display: table;
  }
  .vo-v-lt-both:before,
  .vo-v-lt-start:before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
  .vo-v-lt-both:after,
  .vo-v-lt-end:after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 520px) {
  .vo-v-lt-end:before,
  .vo-v-lt-normal:after,
  .vo-v-lt-normal:before,
  .vo-v-lt-start:after {
    content: none;
  }
  .vo-v-lt-both:after,
  .vo-v-lt-both:before,
  .vo-v-lt-end:after,
  .vo-v-lt-start:before {
    content: "";
    display: table;
  }
  .vo-v-lt-both:before,
  .vo-v-lt-start:before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
  .vo-v-lt-both:after,
  .vo-v-lt-end:after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-lt-end:before,
  .sm\:vo-v-lt-normal:after,
  .sm\:vo-v-lt-normal:before,
  .sm\:vo-v-lt-start:after {
    content: none;
  }
  .sm\:vo-v-lt-both:after,
  .sm\:vo-v-lt-both:before,
  .sm\:vo-v-lt-end:after,
  .sm\:vo-v-lt-start:before {
    content: "";
    display: table;
  }
  .sm\:vo-v-lt-both:before,
  .sm\:vo-v-lt-start:before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
  .sm\:vo-v-lt-both:after,
  .sm\:vo-v-lt-end:after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-lt-end:before,
  .md\:vo-v-lt-normal:after,
  .md\:vo-v-lt-normal:before,
  .md\:vo-v-lt-start:after {
    content: none;
  }
  .md\:vo-v-lt-both:after,
  .md\:vo-v-lt-both:before,
  .md\:vo-v-lt-end:after,
  .md\:vo-v-lt-start:before {
    content: "";
    display: table;
  }
  .md\:vo-v-lt-both:before,
  .md\:vo-v-lt-start:before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
  .md\:vo-v-lt-both:after,
  .md\:vo-v-lt-end:after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-lt-end:before,
  .lg\:vo-v-lt-normal:after,
  .lg\:vo-v-lt-normal:before,
  .lg\:vo-v-lt-start:after {
    content: none;
  }
  .lg\:vo-v-lt-both:after,
  .lg\:vo-v-lt-both:before,
  .lg\:vo-v-lt-end:after,
  .lg\:vo-v-lt-start:before {
    content: "";
    display: table;
  }
  .lg\:vo-v-lt-both:before,
  .lg\:vo-v-lt-start:before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
  .lg\:vo-v-lt-both:after,
  .lg\:vo-v-lt-end:after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-lt-end:before,
  .xl\:vo-v-lt-normal:after,
  .xl\:vo-v-lt-normal:before,
  .xl\:vo-v-lt-start:after {
    content: none;
  }
  .xl\:vo-v-lt-both:after,
  .xl\:vo-v-lt-both:before,
  .xl\:vo-v-lt-end:after,
  .xl\:vo-v-lt-start:before {
    content: "";
    display: table;
  }
  .xl\:vo-v-lt-both:before,
  .xl\:vo-v-lt-start:before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
  .xl\:vo-v-lt-both:after,
  .xl\:vo-v-lt-end:after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media {
  .vo-v-m-auto {
    margin: auto;
  }
  .vo-v-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .vo-v-m-0,
  .vo-v-m-1 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .vo-v-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .vo-v-m-2,
  .vo-v-m-3 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .vo-v-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .vo-v-m-4,
  .vo-v-m-5 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .vo-v-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .vo-v-m-6,
  .vo-v-m-7 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .vo-v-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .vo-v-m-8,
  .vo-v-m-9 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .-vo-v-m-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
    --margin-left: calc(var(--space-1) * -1);
  }
  .-vo-v-m-1,
  .-vo-v-m-2 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-m-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
    --margin-left: calc(var(--space-2) * -1);
  }
  .-vo-v-m-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
    --margin-left: calc(var(--space-3) * -1);
  }
  .-vo-v-m-3,
  .-vo-v-m-4 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-m-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
    --margin-left: calc(var(--space-4) * -1);
  }
  .-vo-v-m-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
    --margin-left: calc(var(--space-5) * -1);
  }
  .-vo-v-m-5,
  .-vo-v-m-6 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-m-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
    --margin-left: calc(var(--space-6) * -1);
  }
  .-vo-v-m-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
    --margin-left: calc(var(--space-7) * -1);
  }
  .-vo-v-m-7,
  .-vo-v-m-8 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-m-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
    --margin-left: calc(var(--space-8) * -1);
  }
  .-vo-v-m-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    --margin-left: calc(var(--space-9) * -1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .vo-v-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .vo-v-mx-0,
  .vo-v-mx-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .vo-v-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .vo-v-mx-2,
  .vo-v-mx-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .vo-v-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .vo-v-mx-4,
  .vo-v-mx-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .vo-v-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .vo-v-mx-6,
  .vo-v-mx-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .vo-v-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .vo-v-mx-8,
  .vo-v-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .-vo-v-mx-1 {
    --margin-left: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
  }
  .-vo-v-mx-1,
  .-vo-v-mx-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mx-2 {
    --margin-left: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
  }
  .-vo-v-mx-3 {
    --margin-left: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
  }
  .-vo-v-mx-3,
  .-vo-v-mx-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mx-4 {
    --margin-left: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
  }
  .-vo-v-mx-5 {
    --margin-left: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
  }
  .-vo-v-mx-5,
  .-vo-v-mx-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mx-6 {
    --margin-left: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
  }
  .-vo-v-mx-7 {
    --margin-left: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
  }
  .-vo-v-mx-7,
  .-vo-v-mx-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mx-8 {
    --margin-left: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
  }
  .-vo-v-mx-9 {
    --margin-left: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .vo-v-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .vo-v-my-0,
  .vo-v-my-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .vo-v-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .vo-v-my-2,
  .vo-v-my-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .vo-v-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .vo-v-my-4,
  .vo-v-my-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .vo-v-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .vo-v-my-6,
  .vo-v-my-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .vo-v-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .vo-v-my-8,
  .vo-v-my-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .-vo-v-my-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .-vo-v-my-1,
  .-vo-v-my-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-my-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .-vo-v-my-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .-vo-v-my-3,
  .-vo-v-my-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-my-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .-vo-v-my-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .-vo-v-my-5,
  .-vo-v-my-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-my-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .-vo-v-my-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .-vo-v-my-7,
  .-vo-v-my-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-my-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .-vo-v-my-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-auto {
    margin-top: auto;
  }
  .vo-v-mt-0 {
    --margin-top: 0px;
  }
  .vo-v-mt-0,
  .vo-v-mt-1 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-1 {
    --margin-top: var(--space-1);
  }
  .vo-v-mt-2 {
    --margin-top: var(--space-2);
  }
  .vo-v-mt-2,
  .vo-v-mt-3 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-3 {
    --margin-top: var(--space-3);
  }
  .vo-v-mt-4 {
    --margin-top: var(--space-4);
  }
  .vo-v-mt-4,
  .vo-v-mt-5 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-5 {
    --margin-top: var(--space-5);
  }
  .vo-v-mt-6 {
    --margin-top: var(--space-6);
  }
  .vo-v-mt-6,
  .vo-v-mt-7 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-7 {
    --margin-top: var(--space-7);
  }
  .vo-v-mt-8 {
    --margin-top: var(--space-8);
  }
  .vo-v-mt-8,
  .vo-v-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-9 {
    --margin-top: var(--space-9);
  }
  .-vo-v-mt-1 {
    --margin-top: calc(var(--space-1) * -1);
  }
  .-vo-v-mt-1,
  .-vo-v-mt-2 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-mt-2 {
    --margin-top: calc(var(--space-2) * -1);
  }
  .-vo-v-mt-3 {
    --margin-top: calc(var(--space-3) * -1);
  }
  .-vo-v-mt-3,
  .-vo-v-mt-4 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-mt-4 {
    --margin-top: calc(var(--space-4) * -1);
  }
  .-vo-v-mt-5 {
    --margin-top: calc(var(--space-5) * -1);
  }
  .-vo-v-mt-5,
  .-vo-v-mt-6 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-mt-6 {
    --margin-top: calc(var(--space-6) * -1);
  }
  .-vo-v-mt-7 {
    --margin-top: calc(var(--space-7) * -1);
  }
  .-vo-v-mt-7,
  .-vo-v-mt-8 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-mt-8 {
    --margin-top: calc(var(--space-8) * -1);
  }
  .-vo-v-mt-9 {
    --margin-top: calc(var(--space-9) * -1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mr-auto {
    margin-right: auto;
  }
  .vo-v-mr-0 {
    --margin-right: 0px;
  }
  .vo-v-mr-0,
  .vo-v-mr-1 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-1 {
    --margin-right: var(--space-1);
  }
  .vo-v-mr-2 {
    --margin-right: var(--space-2);
  }
  .vo-v-mr-2,
  .vo-v-mr-3 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-3 {
    --margin-right: var(--space-3);
  }
  .vo-v-mr-4 {
    --margin-right: var(--space-4);
  }
  .vo-v-mr-4,
  .vo-v-mr-5 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-5 {
    --margin-right: var(--space-5);
  }
  .vo-v-mr-6 {
    --margin-right: var(--space-6);
  }
  .vo-v-mr-6,
  .vo-v-mr-7 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-7 {
    --margin-right: var(--space-7);
  }
  .vo-v-mr-8 {
    --margin-right: var(--space-8);
  }
  .vo-v-mr-8,
  .vo-v-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-9 {
    --margin-right: var(--space-9);
  }
  .-vo-v-mr-1 {
    --margin-right: calc(var(--space-1) * -1);
  }
  .-vo-v-mr-1,
  .-vo-v-mr-2 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mr-2 {
    --margin-right: calc(var(--space-2) * -1);
  }
  .-vo-v-mr-3 {
    --margin-right: calc(var(--space-3) * -1);
  }
  .-vo-v-mr-3,
  .-vo-v-mr-4 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mr-4 {
    --margin-right: calc(var(--space-4) * -1);
  }
  .-vo-v-mr-5 {
    --margin-right: calc(var(--space-5) * -1);
  }
  .-vo-v-mr-5,
  .-vo-v-mr-6 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mr-6 {
    --margin-right: calc(var(--space-6) * -1);
  }
  .-vo-v-mr-7 {
    --margin-right: calc(var(--space-7) * -1);
  }
  .-vo-v-mr-7,
  .-vo-v-mr-8 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mr-8 {
    --margin-right: calc(var(--space-8) * -1);
  }
  .-vo-v-mr-9 {
    --margin-right: calc(var(--space-9) * -1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mb-auto {
    margin-bottom: auto;
  }
  .vo-v-mb-0 {
    --margin-bottom: 0px;
  }
  .vo-v-mb-0,
  .vo-v-mb-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .vo-v-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .vo-v-mb-2,
  .vo-v-mb-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .vo-v-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .vo-v-mb-4,
  .vo-v-mb-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .vo-v-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .vo-v-mb-6,
  .vo-v-mb-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .vo-v-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .vo-v-mb-8,
  .vo-v-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .-vo-v-mb-1 {
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .-vo-v-mb-1,
  .-vo-v-mb-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .-vo-v-mb-2 {
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .-vo-v-mb-3 {
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .-vo-v-mb-3,
  .-vo-v-mb-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .-vo-v-mb-4 {
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .-vo-v-mb-5 {
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .-vo-v-mb-5,
  .-vo-v-mb-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .-vo-v-mb-6 {
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .-vo-v-mb-7 {
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .-vo-v-mb-7,
  .-vo-v-mb-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .-vo-v-mb-8 {
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .-vo-v-mb-9 {
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-ml-auto {
    margin-left: auto;
  }
  .vo-v-ml-0 {
    --margin-left: 0px;
  }
  .vo-v-ml-0,
  .vo-v-ml-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-1 {
    --margin-left: var(--space-1);
  }
  .vo-v-ml-2 {
    --margin-left: var(--space-2);
  }
  .vo-v-ml-2,
  .vo-v-ml-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-3 {
    --margin-left: var(--space-3);
  }
  .vo-v-ml-4 {
    --margin-left: var(--space-4);
  }
  .vo-v-ml-4,
  .vo-v-ml-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-5 {
    --margin-left: var(--space-5);
  }
  .vo-v-ml-6 {
    --margin-left: var(--space-6);
  }
  .vo-v-ml-6,
  .vo-v-ml-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-7 {
    --margin-left: var(--space-7);
  }
  .vo-v-ml-8 {
    --margin-left: var(--space-8);
  }
  .vo-v-ml-8,
  .vo-v-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-9 {
    --margin-left: var(--space-9);
  }
  .-vo-v-ml-1 {
    --margin-left: calc(var(--space-1) * -1);
  }
  .-vo-v-ml-1,
  .-vo-v-ml-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-ml-2 {
    --margin-left: calc(var(--space-2) * -1);
  }
  .-vo-v-ml-3 {
    --margin-left: calc(var(--space-3) * -1);
  }
  .-vo-v-ml-3,
  .-vo-v-ml-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-ml-4 {
    --margin-left: calc(var(--space-4) * -1);
  }
  .-vo-v-ml-5 {
    --margin-left: calc(var(--space-5) * -1);
  }
  .-vo-v-ml-5,
  .-vo-v-ml-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-ml-6 {
    --margin-left: calc(var(--space-6) * -1);
  }
  .-vo-v-ml-7 {
    --margin-left: calc(var(--space-7) * -1);
  }
  .-vo-v-ml-7,
  .-vo-v-ml-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-ml-8 {
    --margin-left: calc(var(--space-8) * -1);
  }
  .-vo-v-ml-9 {
    --margin-left: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 520px) {
  .vo-v-m-auto {
    margin: auto;
  }
  .vo-v-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .vo-v-m-0,
  .vo-v-m-1 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .vo-v-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .vo-v-m-2,
  .vo-v-m-3 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .vo-v-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .vo-v-m-4,
  .vo-v-m-5 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .vo-v-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .vo-v-m-6,
  .vo-v-m-7 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .vo-v-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .vo-v-m-8,
  .vo-v-m-9 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .-vo-v-m-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
    --margin-left: calc(var(--space-1) * -1);
  }
  .-vo-v-m-1,
  .-vo-v-m-2 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-m-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
    --margin-left: calc(var(--space-2) * -1);
  }
  .-vo-v-m-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
    --margin-left: calc(var(--space-3) * -1);
  }
  .-vo-v-m-3,
  .-vo-v-m-4 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-m-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
    --margin-left: calc(var(--space-4) * -1);
  }
  .-vo-v-m-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
    --margin-left: calc(var(--space-5) * -1);
  }
  .-vo-v-m-5,
  .-vo-v-m-6 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-m-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
    --margin-left: calc(var(--space-6) * -1);
  }
  .-vo-v-m-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
    --margin-left: calc(var(--space-7) * -1);
  }
  .-vo-v-m-7,
  .-vo-v-m-8 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-m-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
    --margin-left: calc(var(--space-8) * -1);
  }
  .-vo-v-m-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    --margin-left: calc(var(--space-9) * -1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .vo-v-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .vo-v-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .vo-v-mx-0,
  .vo-v-mx-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .vo-v-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .vo-v-mx-2,
  .vo-v-mx-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .vo-v-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .vo-v-mx-4,
  .vo-v-mx-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .vo-v-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .vo-v-mx-6,
  .vo-v-mx-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .vo-v-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .vo-v-mx-8,
  .vo-v-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .-vo-v-mx-1 {
    --margin-left: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
  }
  .-vo-v-mx-1,
  .-vo-v-mx-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mx-2 {
    --margin-left: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
  }
  .-vo-v-mx-3 {
    --margin-left: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
  }
  .-vo-v-mx-3,
  .-vo-v-mx-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mx-4 {
    --margin-left: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
  }
  .-vo-v-mx-5 {
    --margin-left: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
  }
  .-vo-v-mx-5,
  .-vo-v-mx-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mx-6 {
    --margin-left: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
  }
  .-vo-v-mx-7 {
    --margin-left: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
  }
  .-vo-v-mx-7,
  .-vo-v-mx-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mx-8 {
    --margin-left: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
  }
  .-vo-v-mx-9 {
    --margin-left: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .vo-v-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .vo-v-my-0,
  .vo-v-my-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .vo-v-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .vo-v-my-2,
  .vo-v-my-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .vo-v-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .vo-v-my-4,
  .vo-v-my-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .vo-v-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .vo-v-my-6,
  .vo-v-my-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .vo-v-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .vo-v-my-8,
  .vo-v-my-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .-vo-v-my-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .-vo-v-my-1,
  .-vo-v-my-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-my-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .-vo-v-my-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .-vo-v-my-3,
  .-vo-v-my-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-my-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .-vo-v-my-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .-vo-v-my-5,
  .-vo-v-my-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-my-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .-vo-v-my-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .-vo-v-my-7,
  .-vo-v-my-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-my-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .-vo-v-my-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-auto {
    margin-top: auto;
  }
  .vo-v-mt-0 {
    --margin-top: 0px;
  }
  .vo-v-mt-0,
  .vo-v-mt-1 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-1 {
    --margin-top: var(--space-1);
  }
  .vo-v-mt-2 {
    --margin-top: var(--space-2);
  }
  .vo-v-mt-2,
  .vo-v-mt-3 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-3 {
    --margin-top: var(--space-3);
  }
  .vo-v-mt-4 {
    --margin-top: var(--space-4);
  }
  .vo-v-mt-4,
  .vo-v-mt-5 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-5 {
    --margin-top: var(--space-5);
  }
  .vo-v-mt-6 {
    --margin-top: var(--space-6);
  }
  .vo-v-mt-6,
  .vo-v-mt-7 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-7 {
    --margin-top: var(--space-7);
  }
  .vo-v-mt-8 {
    --margin-top: var(--space-8);
  }
  .vo-v-mt-8,
  .vo-v-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mt-9 {
    --margin-top: var(--space-9);
  }
  .-vo-v-mt-1 {
    --margin-top: calc(var(--space-1) * -1);
  }
  .-vo-v-mt-1,
  .-vo-v-mt-2 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-mt-2 {
    --margin-top: calc(var(--space-2) * -1);
  }
  .-vo-v-mt-3 {
    --margin-top: calc(var(--space-3) * -1);
  }
  .-vo-v-mt-3,
  .-vo-v-mt-4 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-mt-4 {
    --margin-top: calc(var(--space-4) * -1);
  }
  .-vo-v-mt-5 {
    --margin-top: calc(var(--space-5) * -1);
  }
  .-vo-v-mt-5,
  .-vo-v-mt-6 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-mt-6 {
    --margin-top: calc(var(--space-6) * -1);
  }
  .-vo-v-mt-7 {
    --margin-top: calc(var(--space-7) * -1);
  }
  .-vo-v-mt-7,
  .-vo-v-mt-8 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .-vo-v-mt-8 {
    --margin-top: calc(var(--space-8) * -1);
  }
  .-vo-v-mt-9 {
    --margin-top: calc(var(--space-9) * -1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .vo-v-mr-auto {
    margin-right: auto;
  }
  .vo-v-mr-0 {
    --margin-right: 0px;
  }
  .vo-v-mr-0,
  .vo-v-mr-1 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-1 {
    --margin-right: var(--space-1);
  }
  .vo-v-mr-2 {
    --margin-right: var(--space-2);
  }
  .vo-v-mr-2,
  .vo-v-mr-3 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-3 {
    --margin-right: var(--space-3);
  }
  .vo-v-mr-4 {
    --margin-right: var(--space-4);
  }
  .vo-v-mr-4,
  .vo-v-mr-5 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-5 {
    --margin-right: var(--space-5);
  }
  .vo-v-mr-6 {
    --margin-right: var(--space-6);
  }
  .vo-v-mr-6,
  .vo-v-mr-7 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-7 {
    --margin-right: var(--space-7);
  }
  .vo-v-mr-8 {
    --margin-right: var(--space-8);
  }
  .vo-v-mr-8,
  .vo-v-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mr-9 {
    --margin-right: var(--space-9);
  }
  .-vo-v-mr-1 {
    --margin-right: calc(var(--space-1) * -1);
  }
  .-vo-v-mr-1,
  .-vo-v-mr-2 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mr-2 {
    --margin-right: calc(var(--space-2) * -1);
  }
  .-vo-v-mr-3 {
    --margin-right: calc(var(--space-3) * -1);
  }
  .-vo-v-mr-3,
  .-vo-v-mr-4 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mr-4 {
    --margin-right: calc(var(--space-4) * -1);
  }
  .-vo-v-mr-5 {
    --margin-right: calc(var(--space-5) * -1);
  }
  .-vo-v-mr-5,
  .-vo-v-mr-6 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mr-6 {
    --margin-right: calc(var(--space-6) * -1);
  }
  .-vo-v-mr-7 {
    --margin-right: calc(var(--space-7) * -1);
  }
  .-vo-v-mr-7,
  .-vo-v-mr-8 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .-vo-v-mr-8 {
    --margin-right: calc(var(--space-8) * -1);
  }
  .-vo-v-mr-9 {
    --margin-right: calc(var(--space-9) * -1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .vo-v-mb-auto {
    margin-bottom: auto;
  }
  .vo-v-mb-0 {
    --margin-bottom: 0px;
  }
  .vo-v-mb-0,
  .vo-v-mb-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .vo-v-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .vo-v-mb-2,
  .vo-v-mb-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .vo-v-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .vo-v-mb-4,
  .vo-v-mb-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .vo-v-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .vo-v-mb-6,
  .vo-v-mb-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .vo-v-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .vo-v-mb-8,
  .vo-v-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .-vo-v-mb-1 {
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .-vo-v-mb-1,
  .-vo-v-mb-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .-vo-v-mb-2 {
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .-vo-v-mb-3 {
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .-vo-v-mb-3,
  .-vo-v-mb-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .-vo-v-mb-4 {
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .-vo-v-mb-5 {
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .-vo-v-mb-5,
  .-vo-v-mb-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .-vo-v-mb-6 {
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .-vo-v-mb-7 {
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .-vo-v-mb-7,
  .-vo-v-mb-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .-vo-v-mb-8 {
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .-vo-v-mb-9 {
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .vo-v-ml-auto {
    margin-left: auto;
  }
  .vo-v-ml-0 {
    --margin-left: 0px;
  }
  .vo-v-ml-0,
  .vo-v-ml-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-1 {
    --margin-left: var(--space-1);
  }
  .vo-v-ml-2 {
    --margin-left: var(--space-2);
  }
  .vo-v-ml-2,
  .vo-v-ml-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-3 {
    --margin-left: var(--space-3);
  }
  .vo-v-ml-4 {
    --margin-left: var(--space-4);
  }
  .vo-v-ml-4,
  .vo-v-ml-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-5 {
    --margin-left: var(--space-5);
  }
  .vo-v-ml-6 {
    --margin-left: var(--space-6);
  }
  .vo-v-ml-6,
  .vo-v-ml-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-7 {
    --margin-left: var(--space-7);
  }
  .vo-v-ml-8 {
    --margin-left: var(--space-8);
  }
  .vo-v-ml-8,
  .vo-v-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .vo-v-ml-9 {
    --margin-left: var(--space-9);
  }
  .-vo-v-ml-1 {
    --margin-left: calc(var(--space-1) * -1);
  }
  .-vo-v-ml-1,
  .-vo-v-ml-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-ml-2 {
    --margin-left: calc(var(--space-2) * -1);
  }
  .-vo-v-ml-3 {
    --margin-left: calc(var(--space-3) * -1);
  }
  .-vo-v-ml-3,
  .-vo-v-ml-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-ml-4 {
    --margin-left: calc(var(--space-4) * -1);
  }
  .-vo-v-ml-5 {
    --margin-left: calc(var(--space-5) * -1);
  }
  .-vo-v-ml-5,
  .-vo-v-ml-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-ml-6 {
    --margin-left: calc(var(--space-6) * -1);
  }
  .-vo-v-ml-7 {
    --margin-left: calc(var(--space-7) * -1);
  }
  .-vo-v-ml-7,
  .-vo-v-ml-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .-vo-v-ml-8 {
    --margin-left: calc(var(--space-8) * -1);
  }
  .-vo-v-ml-9 {
    --margin-left: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-m-auto {
    margin: auto;
  }
  .sm\:vo-v-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .sm\:vo-v-m-0,
  .sm\:vo-v-m-1 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .sm\:vo-v-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .sm\:vo-v-m-2,
  .sm\:vo-v-m-3 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .sm\:vo-v-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .sm\:vo-v-m-4,
  .sm\:vo-v-m-5 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .sm\:vo-v-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .sm\:vo-v-m-6,
  .sm\:vo-v-m-7 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .sm\:vo-v-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .sm\:vo-v-m-8,
  .sm\:vo-v-m-9 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .sm\:-vo-v-m-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
    --margin-left: calc(var(--space-1) * -1);
  }
  .sm\:-vo-v-m-1,
  .sm\:-vo-v-m-2 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:-vo-v-m-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
    --margin-left: calc(var(--space-2) * -1);
  }
  .sm\:-vo-v-m-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
    --margin-left: calc(var(--space-3) * -1);
  }
  .sm\:-vo-v-m-3,
  .sm\:-vo-v-m-4 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:-vo-v-m-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
    --margin-left: calc(var(--space-4) * -1);
  }
  .sm\:-vo-v-m-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
    --margin-left: calc(var(--space-5) * -1);
  }
  .sm\:-vo-v-m-5,
  .sm\:-vo-v-m-6 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:-vo-v-m-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
    --margin-left: calc(var(--space-6) * -1);
  }
  .sm\:-vo-v-m-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
    --margin-left: calc(var(--space-7) * -1);
  }
  .sm\:-vo-v-m-7,
  .sm\:-vo-v-m-8 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:-vo-v-m-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
    --margin-left: calc(var(--space-8) * -1);
  }
  .sm\:-vo-v-m-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    --margin-left: calc(var(--space-9) * -1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:vo-v-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .sm\:vo-v-mx-0,
  .sm\:vo-v-mx-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .sm\:vo-v-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .sm\:vo-v-mx-2,
  .sm\:vo-v-mx-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .sm\:vo-v-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .sm\:vo-v-mx-4,
  .sm\:vo-v-mx-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .sm\:vo-v-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .sm\:vo-v-mx-6,
  .sm\:vo-v-mx-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .sm\:vo-v-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .sm\:vo-v-mx-8,
  .sm\:vo-v-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .sm\:-vo-v-mx-1 {
    --margin-left: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
  }
  .sm\:-vo-v-mx-1,
  .sm\:-vo-v-mx-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:-vo-v-mx-2 {
    --margin-left: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
  }
  .sm\:-vo-v-mx-3 {
    --margin-left: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
  }
  .sm\:-vo-v-mx-3,
  .sm\:-vo-v-mx-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:-vo-v-mx-4 {
    --margin-left: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
  }
  .sm\:-vo-v-mx-5 {
    --margin-left: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
  }
  .sm\:-vo-v-mx-5,
  .sm\:-vo-v-mx-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:-vo-v-mx-6 {
    --margin-left: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
  }
  .sm\:-vo-v-mx-7 {
    --margin-left: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
  }
  .sm\:-vo-v-mx-7,
  .sm\:-vo-v-mx-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:-vo-v-mx-8 {
    --margin-left: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
  }
  .sm\:-vo-v-mx-9 {
    --margin-left: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .sm\:vo-v-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .sm\:vo-v-my-0,
  .sm\:vo-v-my-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .sm\:vo-v-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .sm\:vo-v-my-2,
  .sm\:vo-v-my-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .sm\:vo-v-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .sm\:vo-v-my-4,
  .sm\:vo-v-my-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .sm\:vo-v-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .sm\:vo-v-my-6,
  .sm\:vo-v-my-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .sm\:vo-v-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .sm\:vo-v-my-8,
  .sm\:vo-v-my-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .sm\:-vo-v-my-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .sm\:-vo-v-my-1,
  .sm\:-vo-v-my-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:-vo-v-my-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .sm\:-vo-v-my-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .sm\:-vo-v-my-3,
  .sm\:-vo-v-my-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:-vo-v-my-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .sm\:-vo-v-my-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .sm\:-vo-v-my-5,
  .sm\:-vo-v-my-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:-vo-v-my-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .sm\:-vo-v-my-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .sm\:-vo-v-my-7,
  .sm\:-vo-v-my-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:-vo-v-my-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .sm\:-vo-v-my-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-mt-auto {
    margin-top: auto;
  }
  .sm\:vo-v-mt-0 {
    --margin-top: 0px;
  }
  .sm\:vo-v-mt-0,
  .sm\:vo-v-mt-1 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-mt-1 {
    --margin-top: var(--space-1);
  }
  .sm\:vo-v-mt-2 {
    --margin-top: var(--space-2);
  }
  .sm\:vo-v-mt-2,
  .sm\:vo-v-mt-3 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-mt-3 {
    --margin-top: var(--space-3);
  }
  .sm\:vo-v-mt-4 {
    --margin-top: var(--space-4);
  }
  .sm\:vo-v-mt-4,
  .sm\:vo-v-mt-5 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-mt-5 {
    --margin-top: var(--space-5);
  }
  .sm\:vo-v-mt-6 {
    --margin-top: var(--space-6);
  }
  .sm\:vo-v-mt-6,
  .sm\:vo-v-mt-7 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-mt-7 {
    --margin-top: var(--space-7);
  }
  .sm\:vo-v-mt-8 {
    --margin-top: var(--space-8);
  }
  .sm\:vo-v-mt-8,
  .sm\:vo-v-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-mt-9 {
    --margin-top: var(--space-9);
  }
  .sm\:-vo-v-mt-1 {
    --margin-top: calc(var(--space-1) * -1);
  }
  .sm\:-vo-v-mt-1,
  .sm\:-vo-v-mt-2 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:-vo-v-mt-2 {
    --margin-top: calc(var(--space-2) * -1);
  }
  .sm\:-vo-v-mt-3 {
    --margin-top: calc(var(--space-3) * -1);
  }
  .sm\:-vo-v-mt-3,
  .sm\:-vo-v-mt-4 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:-vo-v-mt-4 {
    --margin-top: calc(var(--space-4) * -1);
  }
  .sm\:-vo-v-mt-5 {
    --margin-top: calc(var(--space-5) * -1);
  }
  .sm\:-vo-v-mt-5,
  .sm\:-vo-v-mt-6 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:-vo-v-mt-6 {
    --margin-top: calc(var(--space-6) * -1);
  }
  .sm\:-vo-v-mt-7 {
    --margin-top: calc(var(--space-7) * -1);
  }
  .sm\:-vo-v-mt-7,
  .sm\:-vo-v-mt-8 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:-vo-v-mt-8 {
    --margin-top: calc(var(--space-8) * -1);
  }
  .sm\:-vo-v-mt-9 {
    --margin-top: calc(var(--space-9) * -1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .sm\:vo-v-mr-auto {
    margin-right: auto;
  }
  .sm\:vo-v-mr-0 {
    --margin-right: 0px;
  }
  .sm\:vo-v-mr-0,
  .sm\:vo-v-mr-1 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mr-1 {
    --margin-right: var(--space-1);
  }
  .sm\:vo-v-mr-2 {
    --margin-right: var(--space-2);
  }
  .sm\:vo-v-mr-2,
  .sm\:vo-v-mr-3 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mr-3 {
    --margin-right: var(--space-3);
  }
  .sm\:vo-v-mr-4 {
    --margin-right: var(--space-4);
  }
  .sm\:vo-v-mr-4,
  .sm\:vo-v-mr-5 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mr-5 {
    --margin-right: var(--space-5);
  }
  .sm\:vo-v-mr-6 {
    --margin-right: var(--space-6);
  }
  .sm\:vo-v-mr-6,
  .sm\:vo-v-mr-7 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mr-7 {
    --margin-right: var(--space-7);
  }
  .sm\:vo-v-mr-8 {
    --margin-right: var(--space-8);
  }
  .sm\:vo-v-mr-8,
  .sm\:vo-v-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mr-9 {
    --margin-right: var(--space-9);
  }
  .sm\:-vo-v-mr-1 {
    --margin-right: calc(var(--space-1) * -1);
  }
  .sm\:-vo-v-mr-1,
  .sm\:-vo-v-mr-2 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:-vo-v-mr-2 {
    --margin-right: calc(var(--space-2) * -1);
  }
  .sm\:-vo-v-mr-3 {
    --margin-right: calc(var(--space-3) * -1);
  }
  .sm\:-vo-v-mr-3,
  .sm\:-vo-v-mr-4 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:-vo-v-mr-4 {
    --margin-right: calc(var(--space-4) * -1);
  }
  .sm\:-vo-v-mr-5 {
    --margin-right: calc(var(--space-5) * -1);
  }
  .sm\:-vo-v-mr-5,
  .sm\:-vo-v-mr-6 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:-vo-v-mr-6 {
    --margin-right: calc(var(--space-6) * -1);
  }
  .sm\:-vo-v-mr-7 {
    --margin-right: calc(var(--space-7) * -1);
  }
  .sm\:-vo-v-mr-7,
  .sm\:-vo-v-mr-8 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:-vo-v-mr-8 {
    --margin-right: calc(var(--space-8) * -1);
  }
  .sm\:-vo-v-mr-9 {
    --margin-right: calc(var(--space-9) * -1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .sm\:vo-v-mb-auto {
    margin-bottom: auto;
  }
  .sm\:vo-v-mb-0 {
    --margin-bottom: 0px;
  }
  .sm\:vo-v-mb-0,
  .sm\:vo-v-mb-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:vo-v-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .sm\:vo-v-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .sm\:vo-v-mb-2,
  .sm\:vo-v-mb-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:vo-v-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .sm\:vo-v-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .sm\:vo-v-mb-4,
  .sm\:vo-v-mb-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:vo-v-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .sm\:vo-v-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .sm\:vo-v-mb-6,
  .sm\:vo-v-mb-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:vo-v-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .sm\:vo-v-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .sm\:vo-v-mb-8,
  .sm\:vo-v-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:vo-v-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .sm\:-vo-v-mb-1 {
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .sm\:-vo-v-mb-1,
  .sm\:-vo-v-mb-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:-vo-v-mb-2 {
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .sm\:-vo-v-mb-3 {
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .sm\:-vo-v-mb-3,
  .sm\:-vo-v-mb-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:-vo-v-mb-4 {
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .sm\:-vo-v-mb-5 {
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .sm\:-vo-v-mb-5,
  .sm\:-vo-v-mb-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:-vo-v-mb-6 {
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .sm\:-vo-v-mb-7 {
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .sm\:-vo-v-mb-7,
  .sm\:-vo-v-mb-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:-vo-v-mb-8 {
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .sm\:-vo-v-mb-9 {
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .sm\:vo-v-ml-auto {
    margin-left: auto;
  }
  .sm\:vo-v-ml-0 {
    --margin-left: 0px;
  }
  .sm\:vo-v-ml-0,
  .sm\:vo-v-ml-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-ml-1 {
    --margin-left: var(--space-1);
  }
  .sm\:vo-v-ml-2 {
    --margin-left: var(--space-2);
  }
  .sm\:vo-v-ml-2,
  .sm\:vo-v-ml-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-ml-3 {
    --margin-left: var(--space-3);
  }
  .sm\:vo-v-ml-4 {
    --margin-left: var(--space-4);
  }
  .sm\:vo-v-ml-4,
  .sm\:vo-v-ml-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-ml-5 {
    --margin-left: var(--space-5);
  }
  .sm\:vo-v-ml-6 {
    --margin-left: var(--space-6);
  }
  .sm\:vo-v-ml-6,
  .sm\:vo-v-ml-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-ml-7 {
    --margin-left: var(--space-7);
  }
  .sm\:vo-v-ml-8 {
    --margin-left: var(--space-8);
  }
  .sm\:vo-v-ml-8,
  .sm\:vo-v-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:vo-v-ml-9 {
    --margin-left: var(--space-9);
  }
  .sm\:-vo-v-ml-1 {
    --margin-left: calc(var(--space-1) * -1);
  }
  .sm\:-vo-v-ml-1,
  .sm\:-vo-v-ml-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:-vo-v-ml-2 {
    --margin-left: calc(var(--space-2) * -1);
  }
  .sm\:-vo-v-ml-3 {
    --margin-left: calc(var(--space-3) * -1);
  }
  .sm\:-vo-v-ml-3,
  .sm\:-vo-v-ml-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:-vo-v-ml-4 {
    --margin-left: calc(var(--space-4) * -1);
  }
  .sm\:-vo-v-ml-5 {
    --margin-left: calc(var(--space-5) * -1);
  }
  .sm\:-vo-v-ml-5,
  .sm\:-vo-v-ml-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:-vo-v-ml-6 {
    --margin-left: calc(var(--space-6) * -1);
  }
  .sm\:-vo-v-ml-7 {
    --margin-left: calc(var(--space-7) * -1);
  }
  .sm\:-vo-v-ml-7,
  .sm\:-vo-v-ml-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .sm\:-vo-v-ml-8 {
    --margin-left: calc(var(--space-8) * -1);
  }
  .sm\:-vo-v-ml-9 {
    --margin-left: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-m-auto {
    margin: auto;
  }
  .md\:vo-v-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .md\:vo-v-m-0,
  .md\:vo-v-m-1 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .md\:vo-v-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .md\:vo-v-m-2,
  .md\:vo-v-m-3 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .md\:vo-v-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .md\:vo-v-m-4,
  .md\:vo-v-m-5 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .md\:vo-v-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .md\:vo-v-m-6,
  .md\:vo-v-m-7 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .md\:vo-v-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .md\:vo-v-m-8,
  .md\:vo-v-m-9 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .md\:-vo-v-m-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
    --margin-left: calc(var(--space-1) * -1);
  }
  .md\:-vo-v-m-1,
  .md\:-vo-v-m-2 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:-vo-v-m-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
    --margin-left: calc(var(--space-2) * -1);
  }
  .md\:-vo-v-m-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
    --margin-left: calc(var(--space-3) * -1);
  }
  .md\:-vo-v-m-3,
  .md\:-vo-v-m-4 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:-vo-v-m-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
    --margin-left: calc(var(--space-4) * -1);
  }
  .md\:-vo-v-m-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
    --margin-left: calc(var(--space-5) * -1);
  }
  .md\:-vo-v-m-5,
  .md\:-vo-v-m-6 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:-vo-v-m-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
    --margin-left: calc(var(--space-6) * -1);
  }
  .md\:-vo-v-m-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
    --margin-left: calc(var(--space-7) * -1);
  }
  .md\:-vo-v-m-7,
  .md\:-vo-v-m-8 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:-vo-v-m-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
    --margin-left: calc(var(--space-8) * -1);
  }
  .md\:-vo-v-m-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    --margin-left: calc(var(--space-9) * -1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:vo-v-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .md\:vo-v-mx-0,
  .md\:vo-v-mx-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .md\:vo-v-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .md\:vo-v-mx-2,
  .md\:vo-v-mx-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .md\:vo-v-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .md\:vo-v-mx-4,
  .md\:vo-v-mx-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .md\:vo-v-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .md\:vo-v-mx-6,
  .md\:vo-v-mx-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .md\:vo-v-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .md\:vo-v-mx-8,
  .md\:vo-v-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .md\:-vo-v-mx-1 {
    --margin-left: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
  }
  .md\:-vo-v-mx-1,
  .md\:-vo-v-mx-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:-vo-v-mx-2 {
    --margin-left: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
  }
  .md\:-vo-v-mx-3 {
    --margin-left: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
  }
  .md\:-vo-v-mx-3,
  .md\:-vo-v-mx-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:-vo-v-mx-4 {
    --margin-left: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
  }
  .md\:-vo-v-mx-5 {
    --margin-left: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
  }
  .md\:-vo-v-mx-5,
  .md\:-vo-v-mx-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:-vo-v-mx-6 {
    --margin-left: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
  }
  .md\:-vo-v-mx-7 {
    --margin-left: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
  }
  .md\:-vo-v-mx-7,
  .md\:-vo-v-mx-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:-vo-v-mx-8 {
    --margin-left: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
  }
  .md\:-vo-v-mx-9 {
    --margin-left: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .md\:vo-v-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .md\:vo-v-my-0,
  .md\:vo-v-my-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .md\:vo-v-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .md\:vo-v-my-2,
  .md\:vo-v-my-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .md\:vo-v-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .md\:vo-v-my-4,
  .md\:vo-v-my-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .md\:vo-v-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .md\:vo-v-my-6,
  .md\:vo-v-my-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .md\:vo-v-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .md\:vo-v-my-8,
  .md\:vo-v-my-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .md\:-vo-v-my-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .md\:-vo-v-my-1,
  .md\:-vo-v-my-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:-vo-v-my-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .md\:-vo-v-my-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .md\:-vo-v-my-3,
  .md\:-vo-v-my-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:-vo-v-my-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .md\:-vo-v-my-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .md\:-vo-v-my-5,
  .md\:-vo-v-my-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:-vo-v-my-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .md\:-vo-v-my-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .md\:-vo-v-my-7,
  .md\:-vo-v-my-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:-vo-v-my-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .md\:-vo-v-my-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-mt-auto {
    margin-top: auto;
  }
  .md\:vo-v-mt-0 {
    --margin-top: 0px;
  }
  .md\:vo-v-mt-0,
  .md\:vo-v-mt-1 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-mt-1 {
    --margin-top: var(--space-1);
  }
  .md\:vo-v-mt-2 {
    --margin-top: var(--space-2);
  }
  .md\:vo-v-mt-2,
  .md\:vo-v-mt-3 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-mt-3 {
    --margin-top: var(--space-3);
  }
  .md\:vo-v-mt-4 {
    --margin-top: var(--space-4);
  }
  .md\:vo-v-mt-4,
  .md\:vo-v-mt-5 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-mt-5 {
    --margin-top: var(--space-5);
  }
  .md\:vo-v-mt-6 {
    --margin-top: var(--space-6);
  }
  .md\:vo-v-mt-6,
  .md\:vo-v-mt-7 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-mt-7 {
    --margin-top: var(--space-7);
  }
  .md\:vo-v-mt-8 {
    --margin-top: var(--space-8);
  }
  .md\:vo-v-mt-8,
  .md\:vo-v-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-mt-9 {
    --margin-top: var(--space-9);
  }
  .md\:-vo-v-mt-1 {
    --margin-top: calc(var(--space-1) * -1);
  }
  .md\:-vo-v-mt-1,
  .md\:-vo-v-mt-2 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:-vo-v-mt-2 {
    --margin-top: calc(var(--space-2) * -1);
  }
  .md\:-vo-v-mt-3 {
    --margin-top: calc(var(--space-3) * -1);
  }
  .md\:-vo-v-mt-3,
  .md\:-vo-v-mt-4 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:-vo-v-mt-4 {
    --margin-top: calc(var(--space-4) * -1);
  }
  .md\:-vo-v-mt-5 {
    --margin-top: calc(var(--space-5) * -1);
  }
  .md\:-vo-v-mt-5,
  .md\:-vo-v-mt-6 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:-vo-v-mt-6 {
    --margin-top: calc(var(--space-6) * -1);
  }
  .md\:-vo-v-mt-7 {
    --margin-top: calc(var(--space-7) * -1);
  }
  .md\:-vo-v-mt-7,
  .md\:-vo-v-mt-8 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:-vo-v-mt-8 {
    --margin-top: calc(var(--space-8) * -1);
  }
  .md\:-vo-v-mt-9 {
    --margin-top: calc(var(--space-9) * -1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .md\:vo-v-mr-auto {
    margin-right: auto;
  }
  .md\:vo-v-mr-0 {
    --margin-right: 0px;
  }
  .md\:vo-v-mr-0,
  .md\:vo-v-mr-1 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mr-1 {
    --margin-right: var(--space-1);
  }
  .md\:vo-v-mr-2 {
    --margin-right: var(--space-2);
  }
  .md\:vo-v-mr-2,
  .md\:vo-v-mr-3 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mr-3 {
    --margin-right: var(--space-3);
  }
  .md\:vo-v-mr-4 {
    --margin-right: var(--space-4);
  }
  .md\:vo-v-mr-4,
  .md\:vo-v-mr-5 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mr-5 {
    --margin-right: var(--space-5);
  }
  .md\:vo-v-mr-6 {
    --margin-right: var(--space-6);
  }
  .md\:vo-v-mr-6,
  .md\:vo-v-mr-7 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mr-7 {
    --margin-right: var(--space-7);
  }
  .md\:vo-v-mr-8 {
    --margin-right: var(--space-8);
  }
  .md\:vo-v-mr-8,
  .md\:vo-v-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mr-9 {
    --margin-right: var(--space-9);
  }
  .md\:-vo-v-mr-1 {
    --margin-right: calc(var(--space-1) * -1);
  }
  .md\:-vo-v-mr-1,
  .md\:-vo-v-mr-2 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:-vo-v-mr-2 {
    --margin-right: calc(var(--space-2) * -1);
  }
  .md\:-vo-v-mr-3 {
    --margin-right: calc(var(--space-3) * -1);
  }
  .md\:-vo-v-mr-3,
  .md\:-vo-v-mr-4 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:-vo-v-mr-4 {
    --margin-right: calc(var(--space-4) * -1);
  }
  .md\:-vo-v-mr-5 {
    --margin-right: calc(var(--space-5) * -1);
  }
  .md\:-vo-v-mr-5,
  .md\:-vo-v-mr-6 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:-vo-v-mr-6 {
    --margin-right: calc(var(--space-6) * -1);
  }
  .md\:-vo-v-mr-7 {
    --margin-right: calc(var(--space-7) * -1);
  }
  .md\:-vo-v-mr-7,
  .md\:-vo-v-mr-8 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:-vo-v-mr-8 {
    --margin-right: calc(var(--space-8) * -1);
  }
  .md\:-vo-v-mr-9 {
    --margin-right: calc(var(--space-9) * -1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .md\:vo-v-mb-auto {
    margin-bottom: auto;
  }
  .md\:vo-v-mb-0 {
    --margin-bottom: 0px;
  }
  .md\:vo-v-mb-0,
  .md\:vo-v-mb-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:vo-v-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .md\:vo-v-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .md\:vo-v-mb-2,
  .md\:vo-v-mb-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:vo-v-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .md\:vo-v-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .md\:vo-v-mb-4,
  .md\:vo-v-mb-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:vo-v-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .md\:vo-v-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .md\:vo-v-mb-6,
  .md\:vo-v-mb-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:vo-v-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .md\:vo-v-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .md\:vo-v-mb-8,
  .md\:vo-v-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:vo-v-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .md\:-vo-v-mb-1 {
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .md\:-vo-v-mb-1,
  .md\:-vo-v-mb-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:-vo-v-mb-2 {
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .md\:-vo-v-mb-3 {
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .md\:-vo-v-mb-3,
  .md\:-vo-v-mb-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:-vo-v-mb-4 {
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .md\:-vo-v-mb-5 {
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .md\:-vo-v-mb-5,
  .md\:-vo-v-mb-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:-vo-v-mb-6 {
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .md\:-vo-v-mb-7 {
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .md\:-vo-v-mb-7,
  .md\:-vo-v-mb-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:-vo-v-mb-8 {
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .md\:-vo-v-mb-9 {
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .md\:vo-v-ml-auto {
    margin-left: auto;
  }
  .md\:vo-v-ml-0 {
    --margin-left: 0px;
  }
  .md\:vo-v-ml-0,
  .md\:vo-v-ml-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-ml-1 {
    --margin-left: var(--space-1);
  }
  .md\:vo-v-ml-2 {
    --margin-left: var(--space-2);
  }
  .md\:vo-v-ml-2,
  .md\:vo-v-ml-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-ml-3 {
    --margin-left: var(--space-3);
  }
  .md\:vo-v-ml-4 {
    --margin-left: var(--space-4);
  }
  .md\:vo-v-ml-4,
  .md\:vo-v-ml-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-ml-5 {
    --margin-left: var(--space-5);
  }
  .md\:vo-v-ml-6 {
    --margin-left: var(--space-6);
  }
  .md\:vo-v-ml-6,
  .md\:vo-v-ml-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-ml-7 {
    --margin-left: var(--space-7);
  }
  .md\:vo-v-ml-8 {
    --margin-left: var(--space-8);
  }
  .md\:vo-v-ml-8,
  .md\:vo-v-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:vo-v-ml-9 {
    --margin-left: var(--space-9);
  }
  .md\:-vo-v-ml-1 {
    --margin-left: calc(var(--space-1) * -1);
  }
  .md\:-vo-v-ml-1,
  .md\:-vo-v-ml-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:-vo-v-ml-2 {
    --margin-left: calc(var(--space-2) * -1);
  }
  .md\:-vo-v-ml-3 {
    --margin-left: calc(var(--space-3) * -1);
  }
  .md\:-vo-v-ml-3,
  .md\:-vo-v-ml-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:-vo-v-ml-4 {
    --margin-left: calc(var(--space-4) * -1);
  }
  .md\:-vo-v-ml-5 {
    --margin-left: calc(var(--space-5) * -1);
  }
  .md\:-vo-v-ml-5,
  .md\:-vo-v-ml-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:-vo-v-ml-6 {
    --margin-left: calc(var(--space-6) * -1);
  }
  .md\:-vo-v-ml-7 {
    --margin-left: calc(var(--space-7) * -1);
  }
  .md\:-vo-v-ml-7,
  .md\:-vo-v-ml-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .md\:-vo-v-ml-8 {
    --margin-left: calc(var(--space-8) * -1);
  }
  .md\:-vo-v-ml-9 {
    --margin-left: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-m-auto {
    margin: auto;
  }
  .lg\:vo-v-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .lg\:vo-v-m-0,
  .lg\:vo-v-m-1 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .lg\:vo-v-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .lg\:vo-v-m-2,
  .lg\:vo-v-m-3 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .lg\:vo-v-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .lg\:vo-v-m-4,
  .lg\:vo-v-m-5 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .lg\:vo-v-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .lg\:vo-v-m-6,
  .lg\:vo-v-m-7 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .lg\:vo-v-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .lg\:vo-v-m-8,
  .lg\:vo-v-m-9 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .lg\:-vo-v-m-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
    --margin-left: calc(var(--space-1) * -1);
  }
  .lg\:-vo-v-m-1,
  .lg\:-vo-v-m-2 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:-vo-v-m-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
    --margin-left: calc(var(--space-2) * -1);
  }
  .lg\:-vo-v-m-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
    --margin-left: calc(var(--space-3) * -1);
  }
  .lg\:-vo-v-m-3,
  .lg\:-vo-v-m-4 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:-vo-v-m-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
    --margin-left: calc(var(--space-4) * -1);
  }
  .lg\:-vo-v-m-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
    --margin-left: calc(var(--space-5) * -1);
  }
  .lg\:-vo-v-m-5,
  .lg\:-vo-v-m-6 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:-vo-v-m-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
    --margin-left: calc(var(--space-6) * -1);
  }
  .lg\:-vo-v-m-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
    --margin-left: calc(var(--space-7) * -1);
  }
  .lg\:-vo-v-m-7,
  .lg\:-vo-v-m-8 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:-vo-v-m-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
    --margin-left: calc(var(--space-8) * -1);
  }
  .lg\:-vo-v-m-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    --margin-left: calc(var(--space-9) * -1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:vo-v-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .lg\:vo-v-mx-0,
  .lg\:vo-v-mx-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .lg\:vo-v-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .lg\:vo-v-mx-2,
  .lg\:vo-v-mx-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .lg\:vo-v-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .lg\:vo-v-mx-4,
  .lg\:vo-v-mx-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .lg\:vo-v-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .lg\:vo-v-mx-6,
  .lg\:vo-v-mx-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .lg\:vo-v-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .lg\:vo-v-mx-8,
  .lg\:vo-v-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .lg\:-vo-v-mx-1 {
    --margin-left: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
  }
  .lg\:-vo-v-mx-1,
  .lg\:-vo-v-mx-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:-vo-v-mx-2 {
    --margin-left: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
  }
  .lg\:-vo-v-mx-3 {
    --margin-left: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
  }
  .lg\:-vo-v-mx-3,
  .lg\:-vo-v-mx-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:-vo-v-mx-4 {
    --margin-left: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
  }
  .lg\:-vo-v-mx-5 {
    --margin-left: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
  }
  .lg\:-vo-v-mx-5,
  .lg\:-vo-v-mx-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:-vo-v-mx-6 {
    --margin-left: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
  }
  .lg\:-vo-v-mx-7 {
    --margin-left: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
  }
  .lg\:-vo-v-mx-7,
  .lg\:-vo-v-mx-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:-vo-v-mx-8 {
    --margin-left: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
  }
  .lg\:-vo-v-mx-9 {
    --margin-left: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .lg\:vo-v-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .lg\:vo-v-my-0,
  .lg\:vo-v-my-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .lg\:vo-v-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .lg\:vo-v-my-2,
  .lg\:vo-v-my-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .lg\:vo-v-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .lg\:vo-v-my-4,
  .lg\:vo-v-my-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .lg\:vo-v-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .lg\:vo-v-my-6,
  .lg\:vo-v-my-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .lg\:vo-v-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .lg\:vo-v-my-8,
  .lg\:vo-v-my-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .lg\:-vo-v-my-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .lg\:-vo-v-my-1,
  .lg\:-vo-v-my-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:-vo-v-my-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .lg\:-vo-v-my-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .lg\:-vo-v-my-3,
  .lg\:-vo-v-my-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:-vo-v-my-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .lg\:-vo-v-my-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .lg\:-vo-v-my-5,
  .lg\:-vo-v-my-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:-vo-v-my-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .lg\:-vo-v-my-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .lg\:-vo-v-my-7,
  .lg\:-vo-v-my-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:-vo-v-my-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .lg\:-vo-v-my-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-mt-auto {
    margin-top: auto;
  }
  .lg\:vo-v-mt-0 {
    --margin-top: 0px;
  }
  .lg\:vo-v-mt-0,
  .lg\:vo-v-mt-1 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-mt-1 {
    --margin-top: var(--space-1);
  }
  .lg\:vo-v-mt-2 {
    --margin-top: var(--space-2);
  }
  .lg\:vo-v-mt-2,
  .lg\:vo-v-mt-3 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-mt-3 {
    --margin-top: var(--space-3);
  }
  .lg\:vo-v-mt-4 {
    --margin-top: var(--space-4);
  }
  .lg\:vo-v-mt-4,
  .lg\:vo-v-mt-5 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-mt-5 {
    --margin-top: var(--space-5);
  }
  .lg\:vo-v-mt-6 {
    --margin-top: var(--space-6);
  }
  .lg\:vo-v-mt-6,
  .lg\:vo-v-mt-7 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-mt-7 {
    --margin-top: var(--space-7);
  }
  .lg\:vo-v-mt-8 {
    --margin-top: var(--space-8);
  }
  .lg\:vo-v-mt-8,
  .lg\:vo-v-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-mt-9 {
    --margin-top: var(--space-9);
  }
  .lg\:-vo-v-mt-1 {
    --margin-top: calc(var(--space-1) * -1);
  }
  .lg\:-vo-v-mt-1,
  .lg\:-vo-v-mt-2 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:-vo-v-mt-2 {
    --margin-top: calc(var(--space-2) * -1);
  }
  .lg\:-vo-v-mt-3 {
    --margin-top: calc(var(--space-3) * -1);
  }
  .lg\:-vo-v-mt-3,
  .lg\:-vo-v-mt-4 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:-vo-v-mt-4 {
    --margin-top: calc(var(--space-4) * -1);
  }
  .lg\:-vo-v-mt-5 {
    --margin-top: calc(var(--space-5) * -1);
  }
  .lg\:-vo-v-mt-5,
  .lg\:-vo-v-mt-6 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:-vo-v-mt-6 {
    --margin-top: calc(var(--space-6) * -1);
  }
  .lg\:-vo-v-mt-7 {
    --margin-top: calc(var(--space-7) * -1);
  }
  .lg\:-vo-v-mt-7,
  .lg\:-vo-v-mt-8 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:-vo-v-mt-8 {
    --margin-top: calc(var(--space-8) * -1);
  }
  .lg\:-vo-v-mt-9 {
    --margin-top: calc(var(--space-9) * -1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .lg\:vo-v-mr-auto {
    margin-right: auto;
  }
  .lg\:vo-v-mr-0 {
    --margin-right: 0px;
  }
  .lg\:vo-v-mr-0,
  .lg\:vo-v-mr-1 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mr-1 {
    --margin-right: var(--space-1);
  }
  .lg\:vo-v-mr-2 {
    --margin-right: var(--space-2);
  }
  .lg\:vo-v-mr-2,
  .lg\:vo-v-mr-3 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mr-3 {
    --margin-right: var(--space-3);
  }
  .lg\:vo-v-mr-4 {
    --margin-right: var(--space-4);
  }
  .lg\:vo-v-mr-4,
  .lg\:vo-v-mr-5 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mr-5 {
    --margin-right: var(--space-5);
  }
  .lg\:vo-v-mr-6 {
    --margin-right: var(--space-6);
  }
  .lg\:vo-v-mr-6,
  .lg\:vo-v-mr-7 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mr-7 {
    --margin-right: var(--space-7);
  }
  .lg\:vo-v-mr-8 {
    --margin-right: var(--space-8);
  }
  .lg\:vo-v-mr-8,
  .lg\:vo-v-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mr-9 {
    --margin-right: var(--space-9);
  }
  .lg\:-vo-v-mr-1 {
    --margin-right: calc(var(--space-1) * -1);
  }
  .lg\:-vo-v-mr-1,
  .lg\:-vo-v-mr-2 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:-vo-v-mr-2 {
    --margin-right: calc(var(--space-2) * -1);
  }
  .lg\:-vo-v-mr-3 {
    --margin-right: calc(var(--space-3) * -1);
  }
  .lg\:-vo-v-mr-3,
  .lg\:-vo-v-mr-4 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:-vo-v-mr-4 {
    --margin-right: calc(var(--space-4) * -1);
  }
  .lg\:-vo-v-mr-5 {
    --margin-right: calc(var(--space-5) * -1);
  }
  .lg\:-vo-v-mr-5,
  .lg\:-vo-v-mr-6 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:-vo-v-mr-6 {
    --margin-right: calc(var(--space-6) * -1);
  }
  .lg\:-vo-v-mr-7 {
    --margin-right: calc(var(--space-7) * -1);
  }
  .lg\:-vo-v-mr-7,
  .lg\:-vo-v-mr-8 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:-vo-v-mr-8 {
    --margin-right: calc(var(--space-8) * -1);
  }
  .lg\:-vo-v-mr-9 {
    --margin-right: calc(var(--space-9) * -1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .lg\:vo-v-mb-auto {
    margin-bottom: auto;
  }
  .lg\:vo-v-mb-0 {
    --margin-bottom: 0px;
  }
  .lg\:vo-v-mb-0,
  .lg\:vo-v-mb-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:vo-v-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .lg\:vo-v-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .lg\:vo-v-mb-2,
  .lg\:vo-v-mb-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:vo-v-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .lg\:vo-v-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .lg\:vo-v-mb-4,
  .lg\:vo-v-mb-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:vo-v-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .lg\:vo-v-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .lg\:vo-v-mb-6,
  .lg\:vo-v-mb-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:vo-v-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .lg\:vo-v-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .lg\:vo-v-mb-8,
  .lg\:vo-v-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:vo-v-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .lg\:-vo-v-mb-1 {
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .lg\:-vo-v-mb-1,
  .lg\:-vo-v-mb-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:-vo-v-mb-2 {
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .lg\:-vo-v-mb-3 {
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .lg\:-vo-v-mb-3,
  .lg\:-vo-v-mb-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:-vo-v-mb-4 {
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .lg\:-vo-v-mb-5 {
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .lg\:-vo-v-mb-5,
  .lg\:-vo-v-mb-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:-vo-v-mb-6 {
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .lg\:-vo-v-mb-7 {
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .lg\:-vo-v-mb-7,
  .lg\:-vo-v-mb-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:-vo-v-mb-8 {
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .lg\:-vo-v-mb-9 {
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .lg\:vo-v-ml-auto {
    margin-left: auto;
  }
  .lg\:vo-v-ml-0 {
    --margin-left: 0px;
  }
  .lg\:vo-v-ml-0,
  .lg\:vo-v-ml-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-ml-1 {
    --margin-left: var(--space-1);
  }
  .lg\:vo-v-ml-2 {
    --margin-left: var(--space-2);
  }
  .lg\:vo-v-ml-2,
  .lg\:vo-v-ml-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-ml-3 {
    --margin-left: var(--space-3);
  }
  .lg\:vo-v-ml-4 {
    --margin-left: var(--space-4);
  }
  .lg\:vo-v-ml-4,
  .lg\:vo-v-ml-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-ml-5 {
    --margin-left: var(--space-5);
  }
  .lg\:vo-v-ml-6 {
    --margin-left: var(--space-6);
  }
  .lg\:vo-v-ml-6,
  .lg\:vo-v-ml-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-ml-7 {
    --margin-left: var(--space-7);
  }
  .lg\:vo-v-ml-8 {
    --margin-left: var(--space-8);
  }
  .lg\:vo-v-ml-8,
  .lg\:vo-v-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:vo-v-ml-9 {
    --margin-left: var(--space-9);
  }
  .lg\:-vo-v-ml-1 {
    --margin-left: calc(var(--space-1) * -1);
  }
  .lg\:-vo-v-ml-1,
  .lg\:-vo-v-ml-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:-vo-v-ml-2 {
    --margin-left: calc(var(--space-2) * -1);
  }
  .lg\:-vo-v-ml-3 {
    --margin-left: calc(var(--space-3) * -1);
  }
  .lg\:-vo-v-ml-3,
  .lg\:-vo-v-ml-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:-vo-v-ml-4 {
    --margin-left: calc(var(--space-4) * -1);
  }
  .lg\:-vo-v-ml-5 {
    --margin-left: calc(var(--space-5) * -1);
  }
  .lg\:-vo-v-ml-5,
  .lg\:-vo-v-ml-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:-vo-v-ml-6 {
    --margin-left: calc(var(--space-6) * -1);
  }
  .lg\:-vo-v-ml-7 {
    --margin-left: calc(var(--space-7) * -1);
  }
  .lg\:-vo-v-ml-7,
  .lg\:-vo-v-ml-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .lg\:-vo-v-ml-8 {
    --margin-left: calc(var(--space-8) * -1);
  }
  .lg\:-vo-v-ml-9 {
    --margin-left: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-m-auto {
    margin: auto;
  }
  .xl\:vo-v-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
  }
  .xl\:vo-v-m-0,
  .xl\:vo-v-m-1 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
  }
  .xl\:vo-v-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
  }
  .xl\:vo-v-m-2,
  .xl\:vo-v-m-3 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
  }
  .xl\:vo-v-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
  }
  .xl\:vo-v-m-4,
  .xl\:vo-v-m-5 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
  }
  .xl\:vo-v-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
  }
  .xl\:vo-v-m-6,
  .xl\:vo-v-m-7 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
  }
  .xl\:vo-v-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
  }
  .xl\:vo-v-m-8,
  .xl\:vo-v-m-9 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
  }
  .xl\:-vo-v-m-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
    --margin-left: calc(var(--space-1) * -1);
  }
  .xl\:-vo-v-m-1,
  .xl\:-vo-v-m-2 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:-vo-v-m-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
    --margin-left: calc(var(--space-2) * -1);
  }
  .xl\:-vo-v-m-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
    --margin-left: calc(var(--space-3) * -1);
  }
  .xl\:-vo-v-m-3,
  .xl\:-vo-v-m-4 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:-vo-v-m-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
    --margin-left: calc(var(--space-4) * -1);
  }
  .xl\:-vo-v-m-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
    --margin-left: calc(var(--space-5) * -1);
  }
  .xl\:-vo-v-m-5,
  .xl\:-vo-v-m-6 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:-vo-v-m-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
    --margin-left: calc(var(--space-6) * -1);
  }
  .xl\:-vo-v-m-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
    --margin-left: calc(var(--space-7) * -1);
  }
  .xl\:-vo-v-m-7,
  .xl\:-vo-v-m-8 {
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:-vo-v-m-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
    --margin-left: calc(var(--space-8) * -1);
  }
  .xl\:-vo-v-m-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    --margin-left: calc(var(--space-9) * -1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:vo-v-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .xl\:vo-v-mx-0,
  .xl\:vo-v-mx-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
  }
  .xl\:vo-v-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
  }
  .xl\:vo-v-mx-2,
  .xl\:vo-v-mx-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
  }
  .xl\:vo-v-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
  }
  .xl\:vo-v-mx-4,
  .xl\:vo-v-mx-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
  }
  .xl\:vo-v-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
  }
  .xl\:vo-v-mx-6,
  .xl\:vo-v-mx-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
  }
  .xl\:vo-v-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
  }
  .xl\:vo-v-mx-8,
  .xl\:vo-v-mx-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
  }
  .xl\:-vo-v-mx-1 {
    --margin-left: calc(var(--space-1) * -1);
    --margin-right: calc(var(--space-1) * -1);
  }
  .xl\:-vo-v-mx-1,
  .xl\:-vo-v-mx-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:-vo-v-mx-2 {
    --margin-left: calc(var(--space-2) * -1);
    --margin-right: calc(var(--space-2) * -1);
  }
  .xl\:-vo-v-mx-3 {
    --margin-left: calc(var(--space-3) * -1);
    --margin-right: calc(var(--space-3) * -1);
  }
  .xl\:-vo-v-mx-3,
  .xl\:-vo-v-mx-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:-vo-v-mx-4 {
    --margin-left: calc(var(--space-4) * -1);
    --margin-right: calc(var(--space-4) * -1);
  }
  .xl\:-vo-v-mx-5 {
    --margin-left: calc(var(--space-5) * -1);
    --margin-right: calc(var(--space-5) * -1);
  }
  .xl\:-vo-v-mx-5,
  .xl\:-vo-v-mx-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:-vo-v-mx-6 {
    --margin-left: calc(var(--space-6) * -1);
    --margin-right: calc(var(--space-6) * -1);
  }
  .xl\:-vo-v-mx-7 {
    --margin-left: calc(var(--space-7) * -1);
    --margin-right: calc(var(--space-7) * -1);
  }
  .xl\:-vo-v-mx-7,
  .xl\:-vo-v-mx-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:-vo-v-mx-8 {
    --margin-left: calc(var(--space-8) * -1);
    --margin-right: calc(var(--space-8) * -1);
  }
  .xl\:-vo-v-mx-9 {
    --margin-left: calc(var(--space-9) * -1);
    --margin-right: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .xl\:vo-v-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .xl\:vo-v-my-0,
  .xl\:vo-v-my-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
  }
  .xl\:vo-v-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
  }
  .xl\:vo-v-my-2,
  .xl\:vo-v-my-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
  }
  .xl\:vo-v-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
  }
  .xl\:vo-v-my-4,
  .xl\:vo-v-my-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
  }
  .xl\:vo-v-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
  }
  .xl\:vo-v-my-6,
  .xl\:vo-v-my-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
  }
  .xl\:vo-v-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
  }
  .xl\:vo-v-my-8,
  .xl\:vo-v-my-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
  }
  .xl\:-vo-v-my-1 {
    --margin-top: calc(var(--space-1) * -1);
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .xl\:-vo-v-my-1,
  .xl\:-vo-v-my-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:-vo-v-my-2 {
    --margin-top: calc(var(--space-2) * -1);
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .xl\:-vo-v-my-3 {
    --margin-top: calc(var(--space-3) * -1);
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .xl\:-vo-v-my-3,
  .xl\:-vo-v-my-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:-vo-v-my-4 {
    --margin-top: calc(var(--space-4) * -1);
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .xl\:-vo-v-my-5 {
    --margin-top: calc(var(--space-5) * -1);
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .xl\:-vo-v-my-5,
  .xl\:-vo-v-my-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:-vo-v-my-6 {
    --margin-top: calc(var(--space-6) * -1);
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .xl\:-vo-v-my-7 {
    --margin-top: calc(var(--space-7) * -1);
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .xl\:-vo-v-my-7,
  .xl\:-vo-v-my-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:-vo-v-my-8 {
    --margin-top: calc(var(--space-8) * -1);
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .xl\:-vo-v-my-9 {
    --margin-top: calc(var(--space-9) * -1);
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-mt-auto {
    margin-top: auto;
  }
  .xl\:vo-v-mt-0 {
    --margin-top: 0px;
  }
  .xl\:vo-v-mt-0,
  .xl\:vo-v-mt-1 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-mt-1 {
    --margin-top: var(--space-1);
  }
  .xl\:vo-v-mt-2 {
    --margin-top: var(--space-2);
  }
  .xl\:vo-v-mt-2,
  .xl\:vo-v-mt-3 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-mt-3 {
    --margin-top: var(--space-3);
  }
  .xl\:vo-v-mt-4 {
    --margin-top: var(--space-4);
  }
  .xl\:vo-v-mt-4,
  .xl\:vo-v-mt-5 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-mt-5 {
    --margin-top: var(--space-5);
  }
  .xl\:vo-v-mt-6 {
    --margin-top: var(--space-6);
  }
  .xl\:vo-v-mt-6,
  .xl\:vo-v-mt-7 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-mt-7 {
    --margin-top: var(--space-7);
  }
  .xl\:vo-v-mt-8 {
    --margin-top: var(--space-8);
  }
  .xl\:vo-v-mt-8,
  .xl\:vo-v-mt-9 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-mt-9 {
    --margin-top: var(--space-9);
  }
  .xl\:-vo-v-mt-1 {
    --margin-top: calc(var(--space-1) * -1);
  }
  .xl\:-vo-v-mt-1,
  .xl\:-vo-v-mt-2 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:-vo-v-mt-2 {
    --margin-top: calc(var(--space-2) * -1);
  }
  .xl\:-vo-v-mt-3 {
    --margin-top: calc(var(--space-3) * -1);
  }
  .xl\:-vo-v-mt-3,
  .xl\:-vo-v-mt-4 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:-vo-v-mt-4 {
    --margin-top: calc(var(--space-4) * -1);
  }
  .xl\:-vo-v-mt-5 {
    --margin-top: calc(var(--space-5) * -1);
  }
  .xl\:-vo-v-mt-5,
  .xl\:-vo-v-mt-6 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:-vo-v-mt-6 {
    --margin-top: calc(var(--space-6) * -1);
  }
  .xl\:-vo-v-mt-7 {
    --margin-top: calc(var(--space-7) * -1);
  }
  .xl\:-vo-v-mt-7,
  .xl\:-vo-v-mt-8 {
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:-vo-v-mt-8 {
    --margin-top: calc(var(--space-8) * -1);
  }
  .xl\:-vo-v-mt-9 {
    --margin-top: calc(var(--space-9) * -1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }
  .xl\:vo-v-mr-auto {
    margin-right: auto;
  }
  .xl\:vo-v-mr-0 {
    --margin-right: 0px;
  }
  .xl\:vo-v-mr-0,
  .xl\:vo-v-mr-1 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mr-1 {
    --margin-right: var(--space-1);
  }
  .xl\:vo-v-mr-2 {
    --margin-right: var(--space-2);
  }
  .xl\:vo-v-mr-2,
  .xl\:vo-v-mr-3 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mr-3 {
    --margin-right: var(--space-3);
  }
  .xl\:vo-v-mr-4 {
    --margin-right: var(--space-4);
  }
  .xl\:vo-v-mr-4,
  .xl\:vo-v-mr-5 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mr-5 {
    --margin-right: var(--space-5);
  }
  .xl\:vo-v-mr-6 {
    --margin-right: var(--space-6);
  }
  .xl\:vo-v-mr-6,
  .xl\:vo-v-mr-7 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mr-7 {
    --margin-right: var(--space-7);
  }
  .xl\:vo-v-mr-8 {
    --margin-right: var(--space-8);
  }
  .xl\:vo-v-mr-8,
  .xl\:vo-v-mr-9 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mr-9 {
    --margin-right: var(--space-9);
  }
  .xl\:-vo-v-mr-1 {
    --margin-right: calc(var(--space-1) * -1);
  }
  .xl\:-vo-v-mr-1,
  .xl\:-vo-v-mr-2 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:-vo-v-mr-2 {
    --margin-right: calc(var(--space-2) * -1);
  }
  .xl\:-vo-v-mr-3 {
    --margin-right: calc(var(--space-3) * -1);
  }
  .xl\:-vo-v-mr-3,
  .xl\:-vo-v-mr-4 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:-vo-v-mr-4 {
    --margin-right: calc(var(--space-4) * -1);
  }
  .xl\:-vo-v-mr-5 {
    --margin-right: calc(var(--space-5) * -1);
  }
  .xl\:-vo-v-mr-5,
  .xl\:-vo-v-mr-6 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:-vo-v-mr-6 {
    --margin-right: calc(var(--space-6) * -1);
  }
  .xl\:-vo-v-mr-7 {
    --margin-right: calc(var(--space-7) * -1);
  }
  .xl\:-vo-v-mr-7,
  .xl\:-vo-v-mr-8 {
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:-vo-v-mr-8 {
    --margin-right: calc(var(--space-8) * -1);
  }
  .xl\:-vo-v-mr-9 {
    --margin-right: calc(var(--space-9) * -1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }
  .xl\:vo-v-mb-auto {
    margin-bottom: auto;
  }
  .xl\:vo-v-mb-0 {
    --margin-bottom: 0px;
  }
  .xl\:vo-v-mb-0,
  .xl\:vo-v-mb-1 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:vo-v-mb-1 {
    --margin-bottom: var(--space-1);
  }
  .xl\:vo-v-mb-2 {
    --margin-bottom: var(--space-2);
  }
  .xl\:vo-v-mb-2,
  .xl\:vo-v-mb-3 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:vo-v-mb-3 {
    --margin-bottom: var(--space-3);
  }
  .xl\:vo-v-mb-4 {
    --margin-bottom: var(--space-4);
  }
  .xl\:vo-v-mb-4,
  .xl\:vo-v-mb-5 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:vo-v-mb-5 {
    --margin-bottom: var(--space-5);
  }
  .xl\:vo-v-mb-6 {
    --margin-bottom: var(--space-6);
  }
  .xl\:vo-v-mb-6,
  .xl\:vo-v-mb-7 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:vo-v-mb-7 {
    --margin-bottom: var(--space-7);
  }
  .xl\:vo-v-mb-8 {
    --margin-bottom: var(--space-8);
  }
  .xl\:vo-v-mb-8,
  .xl\:vo-v-mb-9 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:vo-v-mb-9 {
    --margin-bottom: var(--space-9);
  }
  .xl\:-vo-v-mb-1 {
    --margin-bottom: calc(var(--space-1) * -1);
  }
  .xl\:-vo-v-mb-1,
  .xl\:-vo-v-mb-2 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:-vo-v-mb-2 {
    --margin-bottom: calc(var(--space-2) * -1);
  }
  .xl\:-vo-v-mb-3 {
    --margin-bottom: calc(var(--space-3) * -1);
  }
  .xl\:-vo-v-mb-3,
  .xl\:-vo-v-mb-4 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:-vo-v-mb-4 {
    --margin-bottom: calc(var(--space-4) * -1);
  }
  .xl\:-vo-v-mb-5 {
    --margin-bottom: calc(var(--space-5) * -1);
  }
  .xl\:-vo-v-mb-5,
  .xl\:-vo-v-mb-6 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:-vo-v-mb-6 {
    --margin-bottom: calc(var(--space-6) * -1);
  }
  .xl\:-vo-v-mb-7 {
    --margin-bottom: calc(var(--space-7) * -1);
  }
  .xl\:-vo-v-mb-7,
  .xl\:-vo-v-mb-8 {
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:-vo-v-mb-8 {
    --margin-bottom: calc(var(--space-8) * -1);
  }
  .xl\:-vo-v-mb-9 {
    --margin-bottom: calc(var(--space-9) * -1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }
  .xl\:vo-v-ml-auto {
    margin-left: auto;
  }
  .xl\:vo-v-ml-0 {
    --margin-left: 0px;
  }
  .xl\:vo-v-ml-0,
  .xl\:vo-v-ml-1 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-ml-1 {
    --margin-left: var(--space-1);
  }
  .xl\:vo-v-ml-2 {
    --margin-left: var(--space-2);
  }
  .xl\:vo-v-ml-2,
  .xl\:vo-v-ml-3 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-ml-3 {
    --margin-left: var(--space-3);
  }
  .xl\:vo-v-ml-4 {
    --margin-left: var(--space-4);
  }
  .xl\:vo-v-ml-4,
  .xl\:vo-v-ml-5 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-ml-5 {
    --margin-left: var(--space-5);
  }
  .xl\:vo-v-ml-6 {
    --margin-left: var(--space-6);
  }
  .xl\:vo-v-ml-6,
  .xl\:vo-v-ml-7 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-ml-7 {
    --margin-left: var(--space-7);
  }
  .xl\:vo-v-ml-8 {
    --margin-left: var(--space-8);
  }
  .xl\:vo-v-ml-8,
  .xl\:vo-v-ml-9 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:vo-v-ml-9 {
    --margin-left: var(--space-9);
  }
  .xl\:-vo-v-ml-1 {
    --margin-left: calc(var(--space-1) * -1);
  }
  .xl\:-vo-v-ml-1,
  .xl\:-vo-v-ml-2 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:-vo-v-ml-2 {
    --margin-left: calc(var(--space-2) * -1);
  }
  .xl\:-vo-v-ml-3 {
    --margin-left: calc(var(--space-3) * -1);
  }
  .xl\:-vo-v-ml-3,
  .xl\:-vo-v-ml-4 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:-vo-v-ml-4 {
    --margin-left: calc(var(--space-4) * -1);
  }
  .xl\:-vo-v-ml-5 {
    --margin-left: calc(var(--space-5) * -1);
  }
  .xl\:-vo-v-ml-5,
  .xl\:-vo-v-ml-6 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:-vo-v-ml-6 {
    --margin-left: calc(var(--space-6) * -1);
  }
  .xl\:-vo-v-ml-7 {
    --margin-left: calc(var(--space-7) * -1);
  }
  .xl\:-vo-v-ml-7,
  .xl\:-vo-v-ml-8 {
    margin-left: var(--margin-left-override, var(--margin-left));
  }
  .xl\:-vo-v-ml-8 {
    --margin-left: calc(var(--space-8) * -1);
  }
  .xl\:-vo-v-ml-9 {
    --margin-left: calc(var(--space-9) * -1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media {
  .vo-v-p-0 {
    padding: 0;
  }
  .vo-v-p-1 {
    padding: var(--space-1);
  }
  .vo-v-p-2 {
    padding: var(--space-2);
  }
  .vo-v-p-3 {
    padding: var(--space-3);
  }
  .vo-v-p-4 {
    padding: var(--space-4);
  }
  .vo-v-p-5 {
    padding: var(--space-5);
  }
  .vo-v-p-6 {
    padding: var(--space-6);
  }
  .vo-v-p-7 {
    padding: var(--space-7);
  }
  .vo-v-p-8 {
    padding: var(--space-8);
  }
  .vo-v-p-9 {
    padding: var(--space-9);
  }
  .vo-v-p-current {
    padding: var(--inset-padding);
  }
  .vo-v-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .vo-v-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .vo-v-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-v-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-v-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .vo-v-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .vo-v-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .vo-v-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .vo-v-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .vo-v-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .vo-v-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }
  .vo-v-py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .vo-v-py-1 {
    padding-bottom: var(--space-1);
    padding-top: var(--space-1);
  }
  .vo-v-py-2 {
    padding-bottom: var(--space-2);
    padding-top: var(--space-2);
  }
  .vo-v-py-3 {
    padding-bottom: var(--space-3);
    padding-top: var(--space-3);
  }
  .vo-v-py-4 {
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
  }
  .vo-v-py-5 {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .vo-v-py-6 {
    padding-bottom: var(--space-6);
    padding-top: var(--space-6);
  }
  .vo-v-py-7 {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .vo-v-py-8 {
    padding-bottom: var(--space-8);
    padding-top: var(--space-8);
  }
  .vo-v-py-9 {
    padding-bottom: var(--space-9);
    padding-top: var(--space-9);
  }
  .vo-v-py-current {
    padding-bottom: var(--inset-padding);
    padding-top: var(--inset-padding);
  }
  .vo-v-pt-0 {
    padding-top: 0;
  }
  .vo-v-pt-1 {
    padding-top: var(--space-1);
  }
  .vo-v-pt-2 {
    padding-top: var(--space-2);
  }
  .vo-v-pt-3 {
    padding-top: var(--space-3);
  }
  .vo-v-pt-4 {
    padding-top: var(--space-4);
  }
  .vo-v-pt-5 {
    padding-top: var(--space-5);
  }
  .vo-v-pt-6 {
    padding-top: var(--space-6);
  }
  .vo-v-pt-7 {
    padding-top: var(--space-7);
  }
  .vo-v-pt-8 {
    padding-top: var(--space-8);
  }
  .vo-v-pt-9 {
    padding-top: var(--space-9);
  }
  .vo-v-pt-current {
    padding-top: var(--inset-padding);
  }
  .vo-v-pr-0 {
    padding-right: 0;
  }
  .vo-v-pr-1 {
    padding-right: var(--space-1);
  }
  .vo-v-pr-2 {
    padding-right: var(--space-2);
  }
  .vo-v-pr-3 {
    padding-right: var(--space-3);
  }
  .vo-v-pr-4 {
    padding-right: var(--space-4);
  }
  .vo-v-pr-5 {
    padding-right: var(--space-5);
  }
  .vo-v-pr-6 {
    padding-right: var(--space-6);
  }
  .vo-v-pr-7 {
    padding-right: var(--space-7);
  }
  .vo-v-pr-8 {
    padding-right: var(--space-8);
  }
  .vo-v-pr-9 {
    padding-right: var(--space-9);
  }
  .vo-v-pr-current {
    padding-right: var(--inset-padding);
  }
  .vo-v-pb-0 {
    padding-bottom: 0;
  }
  .vo-v-pb-1 {
    padding-bottom: var(--space-1);
  }
  .vo-v-pb-2 {
    padding-bottom: var(--space-2);
  }
  .vo-v-pb-3 {
    padding-bottom: var(--space-3);
  }
  .vo-v-pb-4 {
    padding-bottom: var(--space-4);
  }
  .vo-v-pb-5 {
    padding-bottom: var(--space-5);
  }
  .vo-v-pb-6 {
    padding-bottom: var(--space-6);
  }
  .vo-v-pb-7 {
    padding-bottom: var(--space-7);
  }
  .vo-v-pb-8 {
    padding-bottom: var(--space-8);
  }
  .vo-v-pb-9 {
    padding-bottom: var(--space-9);
  }
  .vo-v-pb-current {
    padding-bottom: var(--inset-padding);
  }
  .vo-v-pl-0 {
    padding-left: 0;
  }
  .vo-v-pl-1 {
    padding-left: var(--space-1);
  }
  .vo-v-pl-2 {
    padding-left: var(--space-2);
  }
  .vo-v-pl-3 {
    padding-left: var(--space-3);
  }
  .vo-v-pl-4 {
    padding-left: var(--space-4);
  }
  .vo-v-pl-5 {
    padding-left: var(--space-5);
  }
  .vo-v-pl-6 {
    padding-left: var(--space-6);
  }
  .vo-v-pl-7 {
    padding-left: var(--space-7);
  }
  .vo-v-pl-8 {
    padding-left: var(--space-8);
  }
  .vo-v-pl-9 {
    padding-left: var(--space-9);
  }
  .vo-v-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 520px) {
  .vo-v-p-0 {
    padding: 0;
  }
  .vo-v-p-1 {
    padding: var(--space-1);
  }
  .vo-v-p-2 {
    padding: var(--space-2);
  }
  .vo-v-p-3 {
    padding: var(--space-3);
  }
  .vo-v-p-4 {
    padding: var(--space-4);
  }
  .vo-v-p-5 {
    padding: var(--space-5);
  }
  .vo-v-p-6 {
    padding: var(--space-6);
  }
  .vo-v-p-7 {
    padding: var(--space-7);
  }
  .vo-v-p-8 {
    padding: var(--space-8);
  }
  .vo-v-p-9 {
    padding: var(--space-9);
  }
  .vo-v-p-current {
    padding: var(--inset-padding);
  }
  .vo-v-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .vo-v-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .vo-v-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .vo-v-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .vo-v-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .vo-v-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .vo-v-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .vo-v-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .vo-v-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .vo-v-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .vo-v-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }
  .vo-v-py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .vo-v-py-1 {
    padding-bottom: var(--space-1);
    padding-top: var(--space-1);
  }
  .vo-v-py-2 {
    padding-bottom: var(--space-2);
    padding-top: var(--space-2);
  }
  .vo-v-py-3 {
    padding-bottom: var(--space-3);
    padding-top: var(--space-3);
  }
  .vo-v-py-4 {
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
  }
  .vo-v-py-5 {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .vo-v-py-6 {
    padding-bottom: var(--space-6);
    padding-top: var(--space-6);
  }
  .vo-v-py-7 {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .vo-v-py-8 {
    padding-bottom: var(--space-8);
    padding-top: var(--space-8);
  }
  .vo-v-py-9 {
    padding-bottom: var(--space-9);
    padding-top: var(--space-9);
  }
  .vo-v-py-current {
    padding-bottom: var(--inset-padding);
    padding-top: var(--inset-padding);
  }
  .vo-v-pt-0 {
    padding-top: 0;
  }
  .vo-v-pt-1 {
    padding-top: var(--space-1);
  }
  .vo-v-pt-2 {
    padding-top: var(--space-2);
  }
  .vo-v-pt-3 {
    padding-top: var(--space-3);
  }
  .vo-v-pt-4 {
    padding-top: var(--space-4);
  }
  .vo-v-pt-5 {
    padding-top: var(--space-5);
  }
  .vo-v-pt-6 {
    padding-top: var(--space-6);
  }
  .vo-v-pt-7 {
    padding-top: var(--space-7);
  }
  .vo-v-pt-8 {
    padding-top: var(--space-8);
  }
  .vo-v-pt-9 {
    padding-top: var(--space-9);
  }
  .vo-v-pt-current {
    padding-top: var(--inset-padding);
  }
  .vo-v-pr-0 {
    padding-right: 0;
  }
  .vo-v-pr-1 {
    padding-right: var(--space-1);
  }
  .vo-v-pr-2 {
    padding-right: var(--space-2);
  }
  .vo-v-pr-3 {
    padding-right: var(--space-3);
  }
  .vo-v-pr-4 {
    padding-right: var(--space-4);
  }
  .vo-v-pr-5 {
    padding-right: var(--space-5);
  }
  .vo-v-pr-6 {
    padding-right: var(--space-6);
  }
  .vo-v-pr-7 {
    padding-right: var(--space-7);
  }
  .vo-v-pr-8 {
    padding-right: var(--space-8);
  }
  .vo-v-pr-9 {
    padding-right: var(--space-9);
  }
  .vo-v-pr-current {
    padding-right: var(--inset-padding);
  }
  .vo-v-pb-0 {
    padding-bottom: 0;
  }
  .vo-v-pb-1 {
    padding-bottom: var(--space-1);
  }
  .vo-v-pb-2 {
    padding-bottom: var(--space-2);
  }
  .vo-v-pb-3 {
    padding-bottom: var(--space-3);
  }
  .vo-v-pb-4 {
    padding-bottom: var(--space-4);
  }
  .vo-v-pb-5 {
    padding-bottom: var(--space-5);
  }
  .vo-v-pb-6 {
    padding-bottom: var(--space-6);
  }
  .vo-v-pb-7 {
    padding-bottom: var(--space-7);
  }
  .vo-v-pb-8 {
    padding-bottom: var(--space-8);
  }
  .vo-v-pb-9 {
    padding-bottom: var(--space-9);
  }
  .vo-v-pb-current {
    padding-bottom: var(--inset-padding);
  }
  .vo-v-pl-0 {
    padding-left: 0;
  }
  .vo-v-pl-1 {
    padding-left: var(--space-1);
  }
  .vo-v-pl-2 {
    padding-left: var(--space-2);
  }
  .vo-v-pl-3 {
    padding-left: var(--space-3);
  }
  .vo-v-pl-4 {
    padding-left: var(--space-4);
  }
  .vo-v-pl-5 {
    padding-left: var(--space-5);
  }
  .vo-v-pl-6 {
    padding-left: var(--space-6);
  }
  .vo-v-pl-7 {
    padding-left: var(--space-7);
  }
  .vo-v-pl-8 {
    padding-left: var(--space-8);
  }
  .vo-v-pl-9 {
    padding-left: var(--space-9);
  }
  .vo-v-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-p-0 {
    padding: 0;
  }
  .sm\:vo-v-p-1 {
    padding: var(--space-1);
  }
  .sm\:vo-v-p-2 {
    padding: var(--space-2);
  }
  .sm\:vo-v-p-3 {
    padding: var(--space-3);
  }
  .sm\:vo-v-p-4 {
    padding: var(--space-4);
  }
  .sm\:vo-v-p-5 {
    padding: var(--space-5);
  }
  .sm\:vo-v-p-6 {
    padding: var(--space-6);
  }
  .sm\:vo-v-p-7 {
    padding: var(--space-7);
  }
  .sm\:vo-v-p-8 {
    padding: var(--space-8);
  }
  .sm\:vo-v-p-9 {
    padding: var(--space-9);
  }
  .sm\:vo-v-p-current {
    padding: var(--inset-padding);
  }
  .sm\:vo-v-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:vo-v-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .sm\:vo-v-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .sm\:vo-v-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .sm\:vo-v-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .sm\:vo-v-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .sm\:vo-v-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .sm\:vo-v-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .sm\:vo-v-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .sm\:vo-v-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .sm\:vo-v-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }
  .sm\:vo-v-py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .sm\:vo-v-py-1 {
    padding-bottom: var(--space-1);
    padding-top: var(--space-1);
  }
  .sm\:vo-v-py-2 {
    padding-bottom: var(--space-2);
    padding-top: var(--space-2);
  }
  .sm\:vo-v-py-3 {
    padding-bottom: var(--space-3);
    padding-top: var(--space-3);
  }
  .sm\:vo-v-py-4 {
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
  }
  .sm\:vo-v-py-5 {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .sm\:vo-v-py-6 {
    padding-bottom: var(--space-6);
    padding-top: var(--space-6);
  }
  .sm\:vo-v-py-7 {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .sm\:vo-v-py-8 {
    padding-bottom: var(--space-8);
    padding-top: var(--space-8);
  }
  .sm\:vo-v-py-9 {
    padding-bottom: var(--space-9);
    padding-top: var(--space-9);
  }
  .sm\:vo-v-py-current {
    padding-bottom: var(--inset-padding);
    padding-top: var(--inset-padding);
  }
  .sm\:vo-v-pt-0 {
    padding-top: 0;
  }
  .sm\:vo-v-pt-1 {
    padding-top: var(--space-1);
  }
  .sm\:vo-v-pt-2 {
    padding-top: var(--space-2);
  }
  .sm\:vo-v-pt-3 {
    padding-top: var(--space-3);
  }
  .sm\:vo-v-pt-4 {
    padding-top: var(--space-4);
  }
  .sm\:vo-v-pt-5 {
    padding-top: var(--space-5);
  }
  .sm\:vo-v-pt-6 {
    padding-top: var(--space-6);
  }
  .sm\:vo-v-pt-7 {
    padding-top: var(--space-7);
  }
  .sm\:vo-v-pt-8 {
    padding-top: var(--space-8);
  }
  .sm\:vo-v-pt-9 {
    padding-top: var(--space-9);
  }
  .sm\:vo-v-pt-current {
    padding-top: var(--inset-padding);
  }
  .sm\:vo-v-pr-0 {
    padding-right: 0;
  }
  .sm\:vo-v-pr-1 {
    padding-right: var(--space-1);
  }
  .sm\:vo-v-pr-2 {
    padding-right: var(--space-2);
  }
  .sm\:vo-v-pr-3 {
    padding-right: var(--space-3);
  }
  .sm\:vo-v-pr-4 {
    padding-right: var(--space-4);
  }
  .sm\:vo-v-pr-5 {
    padding-right: var(--space-5);
  }
  .sm\:vo-v-pr-6 {
    padding-right: var(--space-6);
  }
  .sm\:vo-v-pr-7 {
    padding-right: var(--space-7);
  }
  .sm\:vo-v-pr-8 {
    padding-right: var(--space-8);
  }
  .sm\:vo-v-pr-9 {
    padding-right: var(--space-9);
  }
  .sm\:vo-v-pr-current {
    padding-right: var(--inset-padding);
  }
  .sm\:vo-v-pb-0 {
    padding-bottom: 0;
  }
  .sm\:vo-v-pb-1 {
    padding-bottom: var(--space-1);
  }
  .sm\:vo-v-pb-2 {
    padding-bottom: var(--space-2);
  }
  .sm\:vo-v-pb-3 {
    padding-bottom: var(--space-3);
  }
  .sm\:vo-v-pb-4 {
    padding-bottom: var(--space-4);
  }
  .sm\:vo-v-pb-5 {
    padding-bottom: var(--space-5);
  }
  .sm\:vo-v-pb-6 {
    padding-bottom: var(--space-6);
  }
  .sm\:vo-v-pb-7 {
    padding-bottom: var(--space-7);
  }
  .sm\:vo-v-pb-8 {
    padding-bottom: var(--space-8);
  }
  .sm\:vo-v-pb-9 {
    padding-bottom: var(--space-9);
  }
  .sm\:vo-v-pb-current {
    padding-bottom: var(--inset-padding);
  }
  .sm\:vo-v-pl-0 {
    padding-left: 0;
  }
  .sm\:vo-v-pl-1 {
    padding-left: var(--space-1);
  }
  .sm\:vo-v-pl-2 {
    padding-left: var(--space-2);
  }
  .sm\:vo-v-pl-3 {
    padding-left: var(--space-3);
  }
  .sm\:vo-v-pl-4 {
    padding-left: var(--space-4);
  }
  .sm\:vo-v-pl-5 {
    padding-left: var(--space-5);
  }
  .sm\:vo-v-pl-6 {
    padding-left: var(--space-6);
  }
  .sm\:vo-v-pl-7 {
    padding-left: var(--space-7);
  }
  .sm\:vo-v-pl-8 {
    padding-left: var(--space-8);
  }
  .sm\:vo-v-pl-9 {
    padding-left: var(--space-9);
  }
  .sm\:vo-v-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-p-0 {
    padding: 0;
  }
  .md\:vo-v-p-1 {
    padding: var(--space-1);
  }
  .md\:vo-v-p-2 {
    padding: var(--space-2);
  }
  .md\:vo-v-p-3 {
    padding: var(--space-3);
  }
  .md\:vo-v-p-4 {
    padding: var(--space-4);
  }
  .md\:vo-v-p-5 {
    padding: var(--space-5);
  }
  .md\:vo-v-p-6 {
    padding: var(--space-6);
  }
  .md\:vo-v-p-7 {
    padding: var(--space-7);
  }
  .md\:vo-v-p-8 {
    padding: var(--space-8);
  }
  .md\:vo-v-p-9 {
    padding: var(--space-9);
  }
  .md\:vo-v-p-current {
    padding: var(--inset-padding);
  }
  .md\:vo-v-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:vo-v-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .md\:vo-v-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .md\:vo-v-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .md\:vo-v-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .md\:vo-v-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .md\:vo-v-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .md\:vo-v-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .md\:vo-v-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .md\:vo-v-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .md\:vo-v-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }
  .md\:vo-v-py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .md\:vo-v-py-1 {
    padding-bottom: var(--space-1);
    padding-top: var(--space-1);
  }
  .md\:vo-v-py-2 {
    padding-bottom: var(--space-2);
    padding-top: var(--space-2);
  }
  .md\:vo-v-py-3 {
    padding-bottom: var(--space-3);
    padding-top: var(--space-3);
  }
  .md\:vo-v-py-4 {
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
  }
  .md\:vo-v-py-5 {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .md\:vo-v-py-6 {
    padding-bottom: var(--space-6);
    padding-top: var(--space-6);
  }
  .md\:vo-v-py-7 {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .md\:vo-v-py-8 {
    padding-bottom: var(--space-8);
    padding-top: var(--space-8);
  }
  .md\:vo-v-py-9 {
    padding-bottom: var(--space-9);
    padding-top: var(--space-9);
  }
  .md\:vo-v-py-current {
    padding-bottom: var(--inset-padding);
    padding-top: var(--inset-padding);
  }
  .md\:vo-v-pt-0 {
    padding-top: 0;
  }
  .md\:vo-v-pt-1 {
    padding-top: var(--space-1);
  }
  .md\:vo-v-pt-2 {
    padding-top: var(--space-2);
  }
  .md\:vo-v-pt-3 {
    padding-top: var(--space-3);
  }
  .md\:vo-v-pt-4 {
    padding-top: var(--space-4);
  }
  .md\:vo-v-pt-5 {
    padding-top: var(--space-5);
  }
  .md\:vo-v-pt-6 {
    padding-top: var(--space-6);
  }
  .md\:vo-v-pt-7 {
    padding-top: var(--space-7);
  }
  .md\:vo-v-pt-8 {
    padding-top: var(--space-8);
  }
  .md\:vo-v-pt-9 {
    padding-top: var(--space-9);
  }
  .md\:vo-v-pt-current {
    padding-top: var(--inset-padding);
  }
  .md\:vo-v-pr-0 {
    padding-right: 0;
  }
  .md\:vo-v-pr-1 {
    padding-right: var(--space-1);
  }
  .md\:vo-v-pr-2 {
    padding-right: var(--space-2);
  }
  .md\:vo-v-pr-3 {
    padding-right: var(--space-3);
  }
  .md\:vo-v-pr-4 {
    padding-right: var(--space-4);
  }
  .md\:vo-v-pr-5 {
    padding-right: var(--space-5);
  }
  .md\:vo-v-pr-6 {
    padding-right: var(--space-6);
  }
  .md\:vo-v-pr-7 {
    padding-right: var(--space-7);
  }
  .md\:vo-v-pr-8 {
    padding-right: var(--space-8);
  }
  .md\:vo-v-pr-9 {
    padding-right: var(--space-9);
  }
  .md\:vo-v-pr-current {
    padding-right: var(--inset-padding);
  }
  .md\:vo-v-pb-0 {
    padding-bottom: 0;
  }
  .md\:vo-v-pb-1 {
    padding-bottom: var(--space-1);
  }
  .md\:vo-v-pb-2 {
    padding-bottom: var(--space-2);
  }
  .md\:vo-v-pb-3 {
    padding-bottom: var(--space-3);
  }
  .md\:vo-v-pb-4 {
    padding-bottom: var(--space-4);
  }
  .md\:vo-v-pb-5 {
    padding-bottom: var(--space-5);
  }
  .md\:vo-v-pb-6 {
    padding-bottom: var(--space-6);
  }
  .md\:vo-v-pb-7 {
    padding-bottom: var(--space-7);
  }
  .md\:vo-v-pb-8 {
    padding-bottom: var(--space-8);
  }
  .md\:vo-v-pb-9 {
    padding-bottom: var(--space-9);
  }
  .md\:vo-v-pb-current {
    padding-bottom: var(--inset-padding);
  }
  .md\:vo-v-pl-0 {
    padding-left: 0;
  }
  .md\:vo-v-pl-1 {
    padding-left: var(--space-1);
  }
  .md\:vo-v-pl-2 {
    padding-left: var(--space-2);
  }
  .md\:vo-v-pl-3 {
    padding-left: var(--space-3);
  }
  .md\:vo-v-pl-4 {
    padding-left: var(--space-4);
  }
  .md\:vo-v-pl-5 {
    padding-left: var(--space-5);
  }
  .md\:vo-v-pl-6 {
    padding-left: var(--space-6);
  }
  .md\:vo-v-pl-7 {
    padding-left: var(--space-7);
  }
  .md\:vo-v-pl-8 {
    padding-left: var(--space-8);
  }
  .md\:vo-v-pl-9 {
    padding-left: var(--space-9);
  }
  .md\:vo-v-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-p-0 {
    padding: 0;
  }
  .lg\:vo-v-p-1 {
    padding: var(--space-1);
  }
  .lg\:vo-v-p-2 {
    padding: var(--space-2);
  }
  .lg\:vo-v-p-3 {
    padding: var(--space-3);
  }
  .lg\:vo-v-p-4 {
    padding: var(--space-4);
  }
  .lg\:vo-v-p-5 {
    padding: var(--space-5);
  }
  .lg\:vo-v-p-6 {
    padding: var(--space-6);
  }
  .lg\:vo-v-p-7 {
    padding: var(--space-7);
  }
  .lg\:vo-v-p-8 {
    padding: var(--space-8);
  }
  .lg\:vo-v-p-9 {
    padding: var(--space-9);
  }
  .lg\:vo-v-p-current {
    padding: var(--inset-padding);
  }
  .lg\:vo-v-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:vo-v-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .lg\:vo-v-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .lg\:vo-v-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .lg\:vo-v-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .lg\:vo-v-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .lg\:vo-v-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .lg\:vo-v-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .lg\:vo-v-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .lg\:vo-v-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .lg\:vo-v-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }
  .lg\:vo-v-py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .lg\:vo-v-py-1 {
    padding-bottom: var(--space-1);
    padding-top: var(--space-1);
  }
  .lg\:vo-v-py-2 {
    padding-bottom: var(--space-2);
    padding-top: var(--space-2);
  }
  .lg\:vo-v-py-3 {
    padding-bottom: var(--space-3);
    padding-top: var(--space-3);
  }
  .lg\:vo-v-py-4 {
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
  }
  .lg\:vo-v-py-5 {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .lg\:vo-v-py-6 {
    padding-bottom: var(--space-6);
    padding-top: var(--space-6);
  }
  .lg\:vo-v-py-7 {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .lg\:vo-v-py-8 {
    padding-bottom: var(--space-8);
    padding-top: var(--space-8);
  }
  .lg\:vo-v-py-9 {
    padding-bottom: var(--space-9);
    padding-top: var(--space-9);
  }
  .lg\:vo-v-py-current {
    padding-bottom: var(--inset-padding);
    padding-top: var(--inset-padding);
  }
  .lg\:vo-v-pt-0 {
    padding-top: 0;
  }
  .lg\:vo-v-pt-1 {
    padding-top: var(--space-1);
  }
  .lg\:vo-v-pt-2 {
    padding-top: var(--space-2);
  }
  .lg\:vo-v-pt-3 {
    padding-top: var(--space-3);
  }
  .lg\:vo-v-pt-4 {
    padding-top: var(--space-4);
  }
  .lg\:vo-v-pt-5 {
    padding-top: var(--space-5);
  }
  .lg\:vo-v-pt-6 {
    padding-top: var(--space-6);
  }
  .lg\:vo-v-pt-7 {
    padding-top: var(--space-7);
  }
  .lg\:vo-v-pt-8 {
    padding-top: var(--space-8);
  }
  .lg\:vo-v-pt-9 {
    padding-top: var(--space-9);
  }
  .lg\:vo-v-pt-current {
    padding-top: var(--inset-padding);
  }
  .lg\:vo-v-pr-0 {
    padding-right: 0;
  }
  .lg\:vo-v-pr-1 {
    padding-right: var(--space-1);
  }
  .lg\:vo-v-pr-2 {
    padding-right: var(--space-2);
  }
  .lg\:vo-v-pr-3 {
    padding-right: var(--space-3);
  }
  .lg\:vo-v-pr-4 {
    padding-right: var(--space-4);
  }
  .lg\:vo-v-pr-5 {
    padding-right: var(--space-5);
  }
  .lg\:vo-v-pr-6 {
    padding-right: var(--space-6);
  }
  .lg\:vo-v-pr-7 {
    padding-right: var(--space-7);
  }
  .lg\:vo-v-pr-8 {
    padding-right: var(--space-8);
  }
  .lg\:vo-v-pr-9 {
    padding-right: var(--space-9);
  }
  .lg\:vo-v-pr-current {
    padding-right: var(--inset-padding);
  }
  .lg\:vo-v-pb-0 {
    padding-bottom: 0;
  }
  .lg\:vo-v-pb-1 {
    padding-bottom: var(--space-1);
  }
  .lg\:vo-v-pb-2 {
    padding-bottom: var(--space-2);
  }
  .lg\:vo-v-pb-3 {
    padding-bottom: var(--space-3);
  }
  .lg\:vo-v-pb-4 {
    padding-bottom: var(--space-4);
  }
  .lg\:vo-v-pb-5 {
    padding-bottom: var(--space-5);
  }
  .lg\:vo-v-pb-6 {
    padding-bottom: var(--space-6);
  }
  .lg\:vo-v-pb-7 {
    padding-bottom: var(--space-7);
  }
  .lg\:vo-v-pb-8 {
    padding-bottom: var(--space-8);
  }
  .lg\:vo-v-pb-9 {
    padding-bottom: var(--space-9);
  }
  .lg\:vo-v-pb-current {
    padding-bottom: var(--inset-padding);
  }
  .lg\:vo-v-pl-0 {
    padding-left: 0;
  }
  .lg\:vo-v-pl-1 {
    padding-left: var(--space-1);
  }
  .lg\:vo-v-pl-2 {
    padding-left: var(--space-2);
  }
  .lg\:vo-v-pl-3 {
    padding-left: var(--space-3);
  }
  .lg\:vo-v-pl-4 {
    padding-left: var(--space-4);
  }
  .lg\:vo-v-pl-5 {
    padding-left: var(--space-5);
  }
  .lg\:vo-v-pl-6 {
    padding-left: var(--space-6);
  }
  .lg\:vo-v-pl-7 {
    padding-left: var(--space-7);
  }
  .lg\:vo-v-pl-8 {
    padding-left: var(--space-8);
  }
  .lg\:vo-v-pl-9 {
    padding-left: var(--space-9);
  }
  .lg\:vo-v-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-p-0 {
    padding: 0;
  }
  .xl\:vo-v-p-1 {
    padding: var(--space-1);
  }
  .xl\:vo-v-p-2 {
    padding: var(--space-2);
  }
  .xl\:vo-v-p-3 {
    padding: var(--space-3);
  }
  .xl\:vo-v-p-4 {
    padding: var(--space-4);
  }
  .xl\:vo-v-p-5 {
    padding: var(--space-5);
  }
  .xl\:vo-v-p-6 {
    padding: var(--space-6);
  }
  .xl\:vo-v-p-7 {
    padding: var(--space-7);
  }
  .xl\:vo-v-p-8 {
    padding: var(--space-8);
  }
  .xl\:vo-v-p-9 {
    padding: var(--space-9);
  }
  .xl\:vo-v-p-current {
    padding: var(--inset-padding);
  }
  .xl\:vo-v-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xl\:vo-v-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }
  .xl\:vo-v-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
  .xl\:vo-v-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  .xl\:vo-v-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
  .xl\:vo-v-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .xl\:vo-v-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
  .xl\:vo-v-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }
  .xl\:vo-v-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }
  .xl\:vo-v-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }
  .xl\:vo-v-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }
  .xl\:vo-v-py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .xl\:vo-v-py-1 {
    padding-bottom: var(--space-1);
    padding-top: var(--space-1);
  }
  .xl\:vo-v-py-2 {
    padding-bottom: var(--space-2);
    padding-top: var(--space-2);
  }
  .xl\:vo-v-py-3 {
    padding-bottom: var(--space-3);
    padding-top: var(--space-3);
  }
  .xl\:vo-v-py-4 {
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
  }
  .xl\:vo-v-py-5 {
    padding-bottom: var(--space-5);
    padding-top: var(--space-5);
  }
  .xl\:vo-v-py-6 {
    padding-bottom: var(--space-6);
    padding-top: var(--space-6);
  }
  .xl\:vo-v-py-7 {
    padding-bottom: var(--space-7);
    padding-top: var(--space-7);
  }
  .xl\:vo-v-py-8 {
    padding-bottom: var(--space-8);
    padding-top: var(--space-8);
  }
  .xl\:vo-v-py-9 {
    padding-bottom: var(--space-9);
    padding-top: var(--space-9);
  }
  .xl\:vo-v-py-current {
    padding-bottom: var(--inset-padding);
    padding-top: var(--inset-padding);
  }
  .xl\:vo-v-pt-0 {
    padding-top: 0;
  }
  .xl\:vo-v-pt-1 {
    padding-top: var(--space-1);
  }
  .xl\:vo-v-pt-2 {
    padding-top: var(--space-2);
  }
  .xl\:vo-v-pt-3 {
    padding-top: var(--space-3);
  }
  .xl\:vo-v-pt-4 {
    padding-top: var(--space-4);
  }
  .xl\:vo-v-pt-5 {
    padding-top: var(--space-5);
  }
  .xl\:vo-v-pt-6 {
    padding-top: var(--space-6);
  }
  .xl\:vo-v-pt-7 {
    padding-top: var(--space-7);
  }
  .xl\:vo-v-pt-8 {
    padding-top: var(--space-8);
  }
  .xl\:vo-v-pt-9 {
    padding-top: var(--space-9);
  }
  .xl\:vo-v-pt-current {
    padding-top: var(--inset-padding);
  }
  .xl\:vo-v-pr-0 {
    padding-right: 0;
  }
  .xl\:vo-v-pr-1 {
    padding-right: var(--space-1);
  }
  .xl\:vo-v-pr-2 {
    padding-right: var(--space-2);
  }
  .xl\:vo-v-pr-3 {
    padding-right: var(--space-3);
  }
  .xl\:vo-v-pr-4 {
    padding-right: var(--space-4);
  }
  .xl\:vo-v-pr-5 {
    padding-right: var(--space-5);
  }
  .xl\:vo-v-pr-6 {
    padding-right: var(--space-6);
  }
  .xl\:vo-v-pr-7 {
    padding-right: var(--space-7);
  }
  .xl\:vo-v-pr-8 {
    padding-right: var(--space-8);
  }
  .xl\:vo-v-pr-9 {
    padding-right: var(--space-9);
  }
  .xl\:vo-v-pr-current {
    padding-right: var(--inset-padding);
  }
  .xl\:vo-v-pb-0 {
    padding-bottom: 0;
  }
  .xl\:vo-v-pb-1 {
    padding-bottom: var(--space-1);
  }
  .xl\:vo-v-pb-2 {
    padding-bottom: var(--space-2);
  }
  .xl\:vo-v-pb-3 {
    padding-bottom: var(--space-3);
  }
  .xl\:vo-v-pb-4 {
    padding-bottom: var(--space-4);
  }
  .xl\:vo-v-pb-5 {
    padding-bottom: var(--space-5);
  }
  .xl\:vo-v-pb-6 {
    padding-bottom: var(--space-6);
  }
  .xl\:vo-v-pb-7 {
    padding-bottom: var(--space-7);
  }
  .xl\:vo-v-pb-8 {
    padding-bottom: var(--space-8);
  }
  .xl\:vo-v-pb-9 {
    padding-bottom: var(--space-9);
  }
  .xl\:vo-v-pb-current {
    padding-bottom: var(--inset-padding);
  }
  .xl\:vo-v-pl-0 {
    padding-left: 0;
  }
  .xl\:vo-v-pl-1 {
    padding-left: var(--space-1);
  }
  .xl\:vo-v-pl-2 {
    padding-left: var(--space-2);
  }
  .xl\:vo-v-pl-3 {
    padding-left: var(--space-3);
  }
  .xl\:vo-v-pl-4 {
    padding-left: var(--space-4);
  }
  .xl\:vo-v-pl-5 {
    padding-left: var(--space-5);
  }
  .xl\:vo-v-pl-6 {
    padding-left: var(--space-6);
  }
  .xl\:vo-v-pl-7 {
    padding-left: var(--space-7);
  }
  .xl\:vo-v-pl-8 {
    padding-left: var(--space-8);
  }
  .xl\:vo-v-pl-9 {
    padding-left: var(--space-9);
  }
  .xl\:vo-v-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media {
  .vo-v-position-static {
    position: static;
  }
  .vo-v-position-absolute {
    position: absolute;
  }
  .vo-v-position-relative {
    position: relative;
  }
  .vo-v-position-fixed {
    position: fixed;
  }
  .vo-v-position-sticky {
    position: sticky;
  }
}
@media (min-width: 520px) {
  .vo-v-position-static {
    position: static;
  }
  .vo-v-position-absolute {
    position: absolute;
  }
  .vo-v-position-relative {
    position: relative;
  }
  .vo-v-position-fixed {
    position: fixed;
  }
  .vo-v-position-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-position-static {
    position: static;
  }
  .sm\:vo-v-position-absolute {
    position: absolute;
  }
  .sm\:vo-v-position-relative {
    position: relative;
  }
  .sm\:vo-v-position-fixed {
    position: fixed;
  }
  .sm\:vo-v-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-position-static {
    position: static;
  }
  .md\:vo-v-position-absolute {
    position: absolute;
  }
  .md\:vo-v-position-relative {
    position: relative;
  }
  .md\:vo-v-position-fixed {
    position: fixed;
  }
  .md\:vo-v-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-position-static {
    position: static;
  }
  .lg\:vo-v-position-absolute {
    position: absolute;
  }
  .lg\:vo-v-position-relative {
    position: relative;
  }
  .lg\:vo-v-position-fixed {
    position: fixed;
  }
  .lg\:vo-v-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-position-static {
    position: static;
  }
  .xl\:vo-v-position-absolute {
    position: absolute;
  }
  .xl\:vo-v-position-relative {
    position: relative;
  }
  .xl\:vo-v-position-fixed {
    position: fixed;
  }
  .xl\:vo-v-position-sticky {
    position: sticky;
  }
}
@media {
  .vo-v-ta-left {
    text-align: left;
  }
  .vo-v-ta-center {
    text-align: center;
  }
  .vo-v-ta-right {
    text-align: right;
  }
}
@media (min-width: 520px) {
  .vo-v-ta-left {
    text-align: left;
  }
  .vo-v-ta-center {
    text-align: center;
  }
  .vo-v-ta-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-ta-left {
    text-align: left;
  }
  .sm\:vo-v-ta-center {
    text-align: center;
  }
  .sm\:vo-v-ta-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-ta-left {
    text-align: left;
  }
  .md\:vo-v-ta-center {
    text-align: center;
  }
  .md\:vo-v-ta-right {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-ta-left {
    text-align: left;
  }
  .lg\:vo-v-ta-center {
    text-align: center;
  }
  .lg\:vo-v-ta-right {
    text-align: right;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-ta-left {
    text-align: left;
  }
  .xl\:vo-v-ta-center {
    text-align: center;
  }
  .xl\:vo-v-ta-right {
    text-align: right;
  }
}
@media {
  .vo-v-va-baseline {
    vertical-align: baseline;
  }
  .vo-v-va-top {
    vertical-align: top;
  }
  .vo-v-va-middle {
    vertical-align: middle;
  }
  .vo-v-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 520px) {
  .vo-v-va-baseline {
    vertical-align: baseline;
  }
  .vo-v-va-top {
    vertical-align: top;
  }
  .vo-v-va-middle {
    vertical-align: middle;
  }
  .vo-v-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-va-baseline {
    vertical-align: baseline;
  }
  .sm\:vo-v-va-top {
    vertical-align: top;
  }
  .sm\:vo-v-va-middle {
    vertical-align: middle;
  }
  .sm\:vo-v-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-va-baseline {
    vertical-align: baseline;
  }
  .md\:vo-v-va-top {
    vertical-align: top;
  }
  .md\:vo-v-va-middle {
    vertical-align: middle;
  }
  .md\:vo-v-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-va-baseline {
    vertical-align: baseline;
  }
  .lg\:vo-v-va-top {
    vertical-align: top;
  }
  .lg\:vo-v-va-middle {
    vertical-align: middle;
  }
  .lg\:vo-v-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-va-baseline {
    vertical-align: baseline;
  }
  .xl\:vo-v-va-top {
    vertical-align: top;
  }
  .xl\:vo-v-va-middle {
    vertical-align: middle;
  }
  .xl\:vo-v-va-bottom {
    vertical-align: bottom;
  }
}
@media {
  .vo-v-w-auto {
    width: auto;
  }
  .vo-v-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }
  .vo-v-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }
  .vo-v-w-0 {
    width: 0;
  }
  .vo-v-w-1 {
    width: var(--space-1);
  }
  .vo-v-w-2 {
    width: var(--space-2);
  }
  .vo-v-w-3 {
    width: var(--space-3);
  }
  .vo-v-w-4 {
    width: var(--space-4);
  }
  .vo-v-w-5 {
    width: var(--space-5);
  }
  .vo-v-w-6 {
    width: var(--space-6);
  }
  .vo-v-w-7 {
    width: var(--space-7);
  }
  .vo-v-w-8 {
    width: var(--space-8);
  }
  .vo-v-w-9 {
    width: var(--space-9);
  }
  .vo-v-w-50\% {
    width: 50%;
  }
  .vo-v-w-100\% {
    width: 100%;
  }
}
@media (min-width: 520px) {
  .vo-v-w-auto {
    width: auto;
  }
  .vo-v-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }
  .vo-v-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }
  .vo-v-w-0 {
    width: 0;
  }
  .vo-v-w-1 {
    width: var(--space-1);
  }
  .vo-v-w-2 {
    width: var(--space-2);
  }
  .vo-v-w-3 {
    width: var(--space-3);
  }
  .vo-v-w-4 {
    width: var(--space-4);
  }
  .vo-v-w-5 {
    width: var(--space-5);
  }
  .vo-v-w-6 {
    width: var(--space-6);
  }
  .vo-v-w-7 {
    width: var(--space-7);
  }
  .vo-v-w-8 {
    width: var(--space-8);
  }
  .vo-v-w-9 {
    width: var(--space-9);
  }
  .vo-v-w-50\% {
    width: 50%;
  }
  .vo-v-w-100\% {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .sm\:vo-v-w-auto {
    width: auto;
  }
  .sm\:vo-v-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }
  .sm\:vo-v-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }
  .sm\:vo-v-w-0 {
    width: 0;
  }
  .sm\:vo-v-w-1 {
    width: var(--space-1);
  }
  .sm\:vo-v-w-2 {
    width: var(--space-2);
  }
  .sm\:vo-v-w-3 {
    width: var(--space-3);
  }
  .sm\:vo-v-w-4 {
    width: var(--space-4);
  }
  .sm\:vo-v-w-5 {
    width: var(--space-5);
  }
  .sm\:vo-v-w-6 {
    width: var(--space-6);
  }
  .sm\:vo-v-w-7 {
    width: var(--space-7);
  }
  .sm\:vo-v-w-8 {
    width: var(--space-8);
  }
  .sm\:vo-v-w-9 {
    width: var(--space-9);
  }
  .sm\:vo-v-w-50\% {
    width: 50%;
  }
  .sm\:vo-v-w-100\% {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .md\:vo-v-w-auto {
    width: auto;
  }
  .md\:vo-v-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }
  .md\:vo-v-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }
  .md\:vo-v-w-0 {
    width: 0;
  }
  .md\:vo-v-w-1 {
    width: var(--space-1);
  }
  .md\:vo-v-w-2 {
    width: var(--space-2);
  }
  .md\:vo-v-w-3 {
    width: var(--space-3);
  }
  .md\:vo-v-w-4 {
    width: var(--space-4);
  }
  .md\:vo-v-w-5 {
    width: var(--space-5);
  }
  .md\:vo-v-w-6 {
    width: var(--space-6);
  }
  .md\:vo-v-w-7 {
    width: var(--space-7);
  }
  .md\:vo-v-w-8 {
    width: var(--space-8);
  }
  .md\:vo-v-w-9 {
    width: var(--space-9);
  }
  .md\:vo-v-w-50\% {
    width: 50%;
  }
  .md\:vo-v-w-100\% {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .lg\:vo-v-w-auto {
    width: auto;
  }
  .lg\:vo-v-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }
  .lg\:vo-v-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }
  .lg\:vo-v-w-0 {
    width: 0;
  }
  .lg\:vo-v-w-1 {
    width: var(--space-1);
  }
  .lg\:vo-v-w-2 {
    width: var(--space-2);
  }
  .lg\:vo-v-w-3 {
    width: var(--space-3);
  }
  .lg\:vo-v-w-4 {
    width: var(--space-4);
  }
  .lg\:vo-v-w-5 {
    width: var(--space-5);
  }
  .lg\:vo-v-w-6 {
    width: var(--space-6);
  }
  .lg\:vo-v-w-7 {
    width: var(--space-7);
  }
  .lg\:vo-v-w-8 {
    width: var(--space-8);
  }
  .lg\:vo-v-w-9 {
    width: var(--space-9);
  }
  .lg\:vo-v-w-50\% {
    width: 50%;
  }
  .lg\:vo-v-w-100\% {
    width: 100%;
  }
}
@media (min-width: 1640px) {
  .xl\:vo-v-w-auto {
    width: auto;
  }
  .xl\:vo-v-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }
  .xl\:vo-v-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }
  .xl\:vo-v-w-0 {
    width: 0;
  }
  .xl\:vo-v-w-1 {
    width: var(--space-1);
  }
  .xl\:vo-v-w-2 {
    width: var(--space-2);
  }
  .xl\:vo-v-w-3 {
    width: var(--space-3);
  }
  .xl\:vo-v-w-4 {
    width: var(--space-4);
  }
  .xl\:vo-v-w-5 {
    width: var(--space-5);
  }
  .xl\:vo-v-w-6 {
    width: var(--space-6);
  }
  .xl\:vo-v-w-7 {
    width: var(--space-7);
  }
  .xl\:vo-v-w-8 {
    width: var(--space-8);
  }
  .xl\:vo-v-w-9 {
    width: var(--space-9);
  }
  .xl\:vo-v-w-50\% {
    width: 50%;
  }
  .xl\:vo-v-w-100\% {
    width: 100%;
  }
}


:root {
  --black-a1: rgba(0, 0, 0, 0.05);
  --black-a2: rgba(0, 0, 0, 0.1);
  --black-a3: rgba(0, 0, 0, 0.15);
  --black-a4: rgba(0, 0, 0, 0.2);
  --black-a5: rgba(0, 0, 0, 0.3);
  --black-a6: rgba(0, 0, 0, 0.4);
  --black-a7: rgba(0, 0, 0, 0.5);
  --black-a8: rgba(0, 0, 0, 0.6);
  --black-a9: rgba(0, 0, 0, 0.7);
  --black-a10: rgba(0, 0, 0, 0.8);
  --black-a11: rgba(0, 0, 0, 0.9);
  --black-a12: rgba(0, 0, 0, 0.95);
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --black-a1: color(display-p3 0 0 0/0.05);
      --black-a2: color(display-p3 0 0 0/0.1);
      --black-a3: color(display-p3 0 0 0/0.15);
      --black-a4: color(display-p3 0 0 0/0.2);
      --black-a5: color(display-p3 0 0 0/0.3);
      --black-a6: color(display-p3 0 0 0/0.4);
      --black-a7: color(display-p3 0 0 0/0.5);
      --black-a8: color(display-p3 0 0 0/0.6);
      --black-a9: color(display-p3 0 0 0/0.7);
      --black-a10: color(display-p3 0 0 0/0.8);
      --black-a11: color(display-p3 0 0 0/0.9);
      --black-a12: color(display-p3 0 0 0/0.95);
    }
  }
}

button,
p {
  all: unset;
}
.NavMenum {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 30px;
  z-index: 1;
}
@media (min-width: 768px) {
  .NavMenum {
    top: 15px;
    justify-content: center;
  }
}
.NavMenuList {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 4px;
}
.NavMenuButton {
    display: none;
    border-radius: 4px;
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 1;
    margin-left: 5px;
    outline: none;
    padding: 3px 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0 0 0 2px rgba(96, 142, 219, 0.5);
}

@media (max-width: 768px) {
    .NavMenuButton {
        display: block;
    }
    .NavMenuList {
        overflow: hidden;
        transition: max-height 0.3s ease; 
        max-height: 0;
    }
    .NavMenuList.open {
        max-height: 100px;
    }
}
.NavMenuLink,
.NavMenuTrigger {
  border-radius: 4px;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-left: 5px;
  outline: none;
  padding: 8px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 600px) {
.NavMenuLink:focus,
.NavMenuTrigger:focus {
  box-shadow: 0 0 0 2px rgba(96, 142, 219,0.5);
}

.NavMenuLink:hover:hover,
.NavMenuTrigger:hover:hover {
  box-shadow: 0 0 0 1px rgba(96, 142, 219,0.5);
  cursor: pointer;
}
.NavMenuLink:hover:focus,
.NavMenuTrigger:hover:focus {
  box-shadow: 0 0 0 1px rgba(96, 142, 219,0.5);
}
}
.NavMenuTrigger {
  align-items: center;
  display: flex;
  gap: 2px;
  justify-content: space-between;
}
.NavMenuLink {
  display: block;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
}
.NavMenuContent {
  animation-duration: 0.25s;
  animation-timing-function: ease;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.NavMenuContent[data-motion="from-start"] {
  animation-name: enterFromLeft;
}
.NavMenuContent[data-motion="from-end"] {
  animation-name: enterFromRight;
}
.NavMenuContent[data-motion="to-start"] {
  animation-name: exitToLeft;
}
.NavMenuContent[data-motion="to-end"] {
  animation-name: exitToRight;
}
@media only screen and (min-width: 600px) {
  .NavMenuContent {
    width: auto;
  }
}
.NavMenuIndicator {
  align-items: flex-end;
  display: flex;
  height: 10px;
  justify-content: center;
  overflow: hidden;
  top: 100%;
  transition:
    width,
    transform 0.25s ease;
  z-index: 1;
}
.NavMenuIndicator[data-state="visible"] {
  animation: fadeIn 0.2s ease;
}
.NavMenuIndicator[data-state="hidden"] {
  animation: fadeOut 0.2s ease;
}
.NavMenuViewport {
  background-color: #fff;
  border-radius: 6px;
  box-shadow:
    0 10px 38px -10px #0e121659,
    0 10px 20px -15px #0e121633;
  height: var(--design-Nav-menu-viewpovo-height);
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  transform-origin: top center;
  transition:
    width,
    height,
    0.3s ease;
  width: 100%;
}
.navmstyles {
--design-Nav-menu-viewpovo-width: 250px; 
--design-Nav-menu-viewpovo-height: 600px; 
overflow-y: scroll;	
}
.NavMenuViewport[data-state="open"] {
  animation: scaleIn 0.2s ease;
}
.NavMenuViewport[data-state="closed"] {
  animation: scaleOut 0.2s ease;
}

.NavMenuViewport {
    width: var(--design-Nav-menu-viewpovo-width);
  }

.List {
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: grid;
  list-style: none;
  margin: 0;
  padding: 22px;
}

.List.one {
    width: 250px;
  }
  
.ListItemLink {
  border-radius: 6px;
  display: block;
  font-size: 15px;
  line-height: 1;
  outline: none;
  padding: 12px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ListItemHeading {
  color: var(--violet-5);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 5px;
}
.ListItemText {
  color: var(--violet-8);
  font-weight: 400;
  line-height: 1.4;
}
.ListItemLink:focus {
  box-shadow: 0 0 0 2px rgba(96, 142, 219,0.8);
}
.ListItemLink:hover {
  background-color: rgba(96, 142, 219,0.8);
}
.ListItemLink:hover .ListItemHeading,
.ListItemLink:hover .ListItemText {
  color: #fff;
}

.ViewportPosition {
  display: flex;
  justify-content: center;
  perspective: 2000px;
  position: absolute;
  right: 0;
  top: 100%;
}
.CaretDown {
  position: relative;
  top: 1px;
  transition: transform 0.25s ease;
}
[data-state="open"] > .CaretDown {
  transform: rotate(-180deg);
}
.Arrow {
  background-color: #fff;
  border-top-left-radius: 2px;
  height: 10px;
  position: relative;
  top: 70%;
  transform: rotate(45deg);
  width: 10px;
}
@keyframes enterFromRight {
  0% {
    opacity: 0;
    transform: translate(200px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes enterFromLeft {
  0% {
    opacity: 0;
    transform: translate(-200px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes exitToRight {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(200px);
  }
}
@keyframes exitToLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-200px);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: rotateX(-30deg) scale(0.9);
  }
  to {
    opacity: 1;
    transform: rotateX(0) scale(1);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: rotateX(0) scale(1);
  }
  to {
    opacity: 0;
    transform: rotateX(-10deg) scale(0.95);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.navbar {
  transition: all 0.3s ease;
}
.navbar.navbarblok {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  box-shadow: 0 2px 5px #0003;
  left: 0;
  margin: 0;
  padding: 10px 32px;
  position: sticky;
  text-align: center;
  top: 0;
  z-index: 1000;
}

.creationaudiodate {
  background: 0;
}
.shortеextvoice {
  color: #000000;
  opacity: 0.7;
  font-style: italic;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.VoiceVText {
  white-space: nowrap;
}
.TextVvoice {
  min-width: 0;
}

.audioListenvoice {
  min-height: 76px;
}
.audioListenvoice.editingaudio {
  border: 2px solid #fff;
  box-shadow: none;
}

.iconvoicebutton {
  align-items: center;
  background-color: rgba(96, 142, 219,0.5);
  border-radius: 100%;
  color: #000000;
  display: inline-flex;
  font-family: inherit;
  height: 43px;
  top: 0px;
  justify-content: center;
  width: 43px;
  position: relative;
}

.iconvoicebutton:focus,
.iconvoicebutton:hover {
  outline: 1px solid #000000;;
  outline-offset: 0;
}
.popoverContentwin {
  background-color: #fff;
  border-radius: 4px;
  color: var(--purple-3);
  min-width: 300px;
  padding: 40px 20px;
}
.popoverContentwin .popoverclose {
  align-items: center;
  border-radius: 100%;
  display: inline-flex;
  font-family: inherit;
  height: 25px;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
}
.popoverContentwin .popoverclose:hover {
  background-color: rgba(96, 142, 219,0.5);
  color: #fff;
}
.popoverContentwin .popoverclose:focus {
  box-shadow: 0 0 0 2px rgba(96, 142, 219,0.7);
}

.slidercontein {
  align-items: center;
  display: flex;
  height: 20px;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.slidercontein .slidertracks {
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 9999px;
  flex-grow: 1;
  height: 5px;
  position: relative;
}
.slidercontein .sliderrangers {
  background: linear-gradient(90deg, rgba(96, 142, 219,0.3) 0, rgba(96, 142, 219,1) 100%);
  border-radius: 9999px;
  height: 100%;
  position: absolute;
}
.slidercontein .sliderthumb {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px var(--black-a7);
  display: block;
  height: 20px;
  width: 20px;
}
.slidercontein .sliderthumb:hover {
  background-color: rgba(96, 142, 219,1);
  cursor: pointer;
}
.generateButtonaudio {
  min-width: 175px;
}

.popoverVcontent.openlang {
  background-color: #fff;
  border-radius: 4px;
  min-width: 370px;
  padding: 10px;
  position: relative;
  border-top: 2px solid rgba(96, 142, 219,0.8);
}
.popoverVcontent.openvoice {
  background-color: #fff;
  border-radius: 4px;
  min-width: 290px;
  padding: 15px;
  position: relative;
  border-top: 2px solid rgba(96, 142, 219,0.8);
}
.popoverVcontent .PopoverVClose {
  align-items: center;
  border-radius: 100%;
  display: inline-flex;
  font-family: inherit;
  height: 25px;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
}
.popoverVcontent .PopoverVClose:hover {
  background-color: var(--purple-4);
  color: #fff;
}
.popoverVcontent .PopoverVClose:focus {
  box-shadow: 0 0 0 2px var(--purple-7);
}
.popoverVcontent .popoverScroll {
  max-height: 300px;
  overflow: auto;
}
.popoverVcontent .popoverCsearch {
  font-size: 12px !important;
}
.VoiceSelect {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  color: var(--gray-a1-12) !important;
  display: inline-flex;
  flex: 1;
  font-weight: 400;
  gap: 5px;
  justify-content: space-between;
  padding: 0 15px;
  --text-field-border-width: 1px;
  border: var(--text-field-border-width) solid transparent;
  font-size: var(--font-size-2);
  letter-spacing: var(--letter-spacing-2);
  border: 1px solid #dedee0;
}
.VoiceSelect:hover {
  box-shadow: 0 0 0 1px #000000;
  cursor: pointer;
}
.VoiceSelect:focus {
  box-shadow: 0 0 0 1px #000000;
}
.VoiceSelect.disabledvoice {
  cursor: default;
  opacity: 0.7;
}
.voiceVitem {
  align-items: center;
  display: flex;
  font-size: 16px;
  padding: 6px;
  z-index: 999;
  cursor: pointer;
}
.voiceVitem.spacedvoice {
  justify-content: space-between;
}
.voiceVitem .textitem {
  margin-left: 10px;
}
.textcountitem {
    white-space: nowrap;
    overflow: hidden;
}

@media (min-width: 320px) {
    .textcountitem {
        max-width: 155px; 
    }
}

@media (min-width: 768px) { 
    .textcountitem {
        max-width: 210px;
    }
}
.itemh:hover {
	color: #000000;
}
.voiceVitem.unselected:hover {
  background-color: #e4e4e4;
  border-radius: 3px;
}
.voiceVitem.selected {
 background-color: #dedee0;
  border-radius: 3px;
}
.voiceVitem.selected:hover {
 background-color: #dedee0;
  border-radius: 3px;
}
.playButton {
  background: linear-gradient(135deg, rgba(96, 142, 219,0.5) 0, rgba(96, 142, 219,0.8) 100%);
  border-radius: 100%;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
}
.playButton:hover {
  background: rgba(96, 142, 219,1);
}
.playButton.playingbut {
  background: #af0ded;
}
.avavoiceaudio {
  align-items: center;
  background-color: var(--black-a3);
  border-radius: 100%;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 30px;
}
.avaimageaudio {
  border-radius: inherit;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.caretvdown {
  position: relative;
  top: 1px;
  transition: transform 0.25s ease;
}
[data-state="open"] > .caretvdown {
  transform: rotate(-180deg);
}
.genders {
  border: 1px solid;
  border-radius: 10px;
  font-size: 8px;
  font-weight: 400;
  margin-left: 5px;
  padding: 0 8px;
}

.genders.G_female {
  border-color: var(--crimson-9);
  color: var(--crimson-9);
}

.genders.G_male {
  border-color: var(--indigo-9);
  color: var(--indigo-9);
}

.checklist {
text-align: left;
  font-size: 15px;
  line-height: 20px;
  opacity: 0.55;
  padding: 0px 0px 0px 0px;
  user-select: none;	
}
.audiovoicelist {
  height: 485px;
   background: #fff !important;
    border-radius: 10px;
  -webkit-mask-image: linear-gradient(
    180deg,
    #000 calc(100% - 48px),
    transparent
  );
  mask-image: linear-gradient(180deg, #000 calc(100% - 48px), transparent);
  overflow: auto;
  padding: 10px 2px 30px;
}
.audiovoicelist::-webkit-scrollbar {
  width: 4px;
}
.audiovoicelist::-webkit-scrollbar-track {
  background-color: transparent;
}
.audiovoicelist::-webkit-scrollbar-thumb {
  background: #000 !important;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  .audiovoicelist {
    height: unset;
    -webkit-mask-image: none;
    mask-image: none;
    padding: none;
  }
}

.accordioncontent {
  border-radius: 6px;
}
.accordionVItem {
  border-radius: 6px;
  border-top: var(--text-field-border-width) solid transparent;
  margin-top: 10px;
  overflow: hidden;
}
.accordionVItem:last-child {
  border-bottom: none;
}
.accordionhead {
  display: flex;
}
.accordionVtrig {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 16px 20px;
}
.accordiontext {

  border-top: var(--text-field-border-width) solid transparent;
  
}
.accordiontext[data-state="open"] {
  animation: slidedownfirst 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}
.accordiontext[data-state="closed"] {
  animation: slideupfirst 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}
.accordionthiddenext {
  padding: 16px 20px;
}
.accordioncaret {
  transition: transform 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}
.accordionVtrig[data-state="open"] > .accordioncaret {
  transform: rotate(180deg);
}
@keyframes slidedownfirst {
  0% {
    height: 0;
  }
  to {
    height: var(--design-accordion-content-height);
  }
}
@keyframes slideupfirst {
  0% {
    height: var(--design-accordion-content-height);
  }
  to {
    height: 0;
  }
}

.ClearButton_txt {
    align-items: center;
    display: flex;
    gap: 3px
}
.TextAreacharclea {
    padding-bottom: 35px;
}
.TextAreacharclea.Textsub {
	padding-top: 35px;
    padding-bottom: 35px;
}

@keyframes slidedownsecond {
  0% {
    height: 0;
  }
  to {
    height: var(--design-accordion-content-height);
  }
}
@keyframes slideupsecond {
  0% {
    height: var(--design-accordion-content-height);
  }
  to {
    height: 0;
  }
}


@keyframes wavelines {
  0%,
  to {
    transform:scaleY(1)
  }
  25% {
    transform:scaleY(.4)
  }
  50% {
    transform:scaleY(.6)
  }
  75% {
    transform:scaleY(.8)
  }
}
.boxContainer {
  display:flex;
  height:37px;
  justify-content:space-between;
  --boxSize:5px;
  --gutter:2.7px;
  width:calc((var(--boxSize) + var(--gutter))*5.2)
}
.boxContainer.smallbox {
  height:18px;
  --boxSize:2.7px;
  --gutter:1.5px;
  width:calc((var(--boxSize) + var(--gutter))*5.2)
}
.boxContainer .boxall {
  border-radius:10px;
  height:100%;
  width:var(--boxSize)
}
.boxContainer .boxall.gradientbox {
  background:linear-gradient(180deg,#af0ded,#6800ff)
}
.boxContainer .boxall.boxline {
  background-color:rgba(96, 142, 219,0.8);
}
.boxContainer .boxfirst {
  animation:wavelines .8s ease-in .1s infinite
}
.boxContainer .boxsecond {
  animation:wavelines .8s ease-in .2s infinite
}
.boxContainer .boxthird {
  animation:wavelines .8s ease-in .3s infinite
}
.boxContainer .boxfourth {
  animation:wavelines .8s ease-in .4s infinite
}
.boxContainer .boxfifth {
  animation:wavelines .8s ease-in .5s infinite
}
.boxContainer .boxsixth {
  animation:wavelines .8s ease-in .6s infinite
}

.maudio .audio{height:0;overflow:hidden;display:none;}
.maudio .audio-control{
  overflow:hidden;
  margin-top:10px;
  font-size: 12px;
  font-weight: normal;
}
.maudio .audio-control a,
.maudio .audio-control div{
  float:left;
  margin:0 5px;
  cursor:pointer;
}

.maudio .audio-control a.playmp3{
  border-radius:50%;
  background-color:rgba(96, 142, 219,0.8);
  background-position:14px 12px;
  padding:10px;
}
.maudio .audio-control a.pausemp3{
  border-radius:50%;
  background-color:rgba(96, 142, 219,0.8);
  background-position:14px 12px;
  padding:10px;
}
.maudio.playing .audio-control a.playmp3 a.pausemp3{
  background-position:14px -18px;
}
.maudio .audio-control a.fast-reverse,
.maudio .audio-control a.fast-forward{
  width:17px;
  height:17px;
  margin-top:10px;
  background-position:-50px 1px;
}
.maudio .audio-control a.fast-reverse{
  background-position:-50px -59px;

}
.maudio .audio-control a.fast-forward:hover{
  background-position:-50px -29px;
}
.maudio .audio-control a.fast-reverse:hover{
  background-position:-50px -89px;
}

.maudio .audio-control .progress-bar{
  width:calc(100% - 300px);
  height:8px;
  margin:15px 5px;
  border-radius:3px;
  background:rgba(96, 142, 219,0.5);
  overflow:hidden;
}
.maudio .audio-control .progress-pass{
  width:0;
  height:8px;
  margin:0;
  border-radius:3px;
  background:rgba(96, 142, 219,0.8);
}
.maudio .audio-control .time-keep{
  height:30px;
  line-height:36px;
  cursor:default;
}
.maudio .audio-control .mute{
  width:21px;
  height:17px;
  margin-top:10px;
  background-position:0 -60px;
}
.maudio .audio-control .muted{
  width:21px;
  height:17px;
  margin-top:10px;
  background-position:0 -60px;
}
.maudio .audio-control .mute.muted{
  background-position:0 -90px;
}
.maudio .audio-control .volumea-bar{
  width:50px;
  height:5px;
  margin-top:16px;
  border-radius:2px;
  background:#afafaf;
}
.maudio .audio-control .volumea-pass{
  width:100%;
  height:5px;
  margin:0;
  border-radius:2px;
  background:rgba(96, 142, 219,0.8);
}
.maudio .downloadmp3 {
  position: relative; 
  left: 5px; 
  top: 10px; 
}
.maudio .delmp3 {
  position: relative; 
  left: 15px;
  top: 10px;
}
@media (max-width: 500px) {
.progress-bar{
    display: none;
  }