html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
button,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
strike,
tt,
var,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%;
  font: inherit; */
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.v-link {
  display: inline;
}

.layout__main .content-section :is(h1, h2, h3, h4, h5, h6, p, blockquote) {
  --markdown-breakpoint: 664px;
  max-inline-size: var(--markdown-breakpoint);
}

hr {
  inline-size: 100%;
  --theme-border-size: 1px;
  border-width: 0px;
  border-top-width: 1px;
}

.content-section {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  margin-block-end: 36px;
  max-inline-size: 1600px;
  margin-inline: auto;
}

.content-section:not(:last-child) {
  border-bottom: 1px solid var(--palette-default-border);
}

.content-section .cotent__grid {
  gap: 24px;
  display: grid;
}

.content-section .content__grid:not(:last-child) {
  margin-block-end: 36px;
}

.content-section .content__grid-item {
  display: flex;
  flex-direction: column;
}


.w-search.v-input-container .v-input {
  inline-size: 100%;
}

.w-menu {
  grid-area: menu;
  max-block-size: calc(100vh - 52px);
  overflow-y: auto;
}

.w-code-box {
  margin-bottom: 40px;
  padding: 0;
  --w-background-lighter: var(--palette-default-surface-1, #fff);
  --w-background-darker: var(--palette-default-surface-2, #f8f8f8);
}

.w-code-box-alt {
  --w-background-lighter: #4a4a4a;
  --w-background-darker: #434343;
}

.w-code-box-pattern {
  margin-bottom: 0;
  background: var(--palette-default-surface-3, #f0f0f0) none !important;
}

[data-theme="dark"],
.v-dark,
[data-theme="dark"] .w-code-box,
.v-dark .w-code-box,
[data-theme="dark"] .w-code-box-alt,
.v-dark .w-code-box-alt {
  --w-background-lighter: var(--palette-default-surface-1, #1a1a1a);
  --w-background-darker: var(--palette-default-surface-2, #111);
}

.w-code-box-flat {
  margin-block-start: 20px;
}

.w-code-box-flat .w-code-header,
.w-code-box-flat .w-code-footer {
  padding-inline: 0px;
}

.w-code-box-flat .w-code-footer .v-accordion > .v-button {
  border-start-start-radius: var(--v-accordion-border-radius);
  border-start-end-radius: var(--v-accordion-border-radius);
}

.w-code-header,
.w-code-context {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

.w-code-context {
  padding-block: 0px;
  background-color: var(--palette-default-surface-2);
}

.w-code-description {
  --v-surface-background: var(--palette-default-surface-2);
  --v-surface-border-radius: 0px;
  --v-surface-padding-block: 10px;
  --v-surface-padding-inline: 10px;
}

.w-code-header {
  align-items: center;
}

.w-code-name {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
}

.w-code-actions {
  align-items: center;
  display: flex;
  flex-grow: 0;
  gap: var(--size-scalable-8);
}

.w-code-class {
  font-family: monospace;
}

.w-code-overflow {
  inline-size: 100%;
  overflow: auto;
  border-end-start-radius: var(--v-accordion-border-radius);
  border-end-end-radius: var(--v-accordion-border-radius);
}

.w-code-snippet {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-family: Menlo, Courier New, Courier, monospace;
  font-size: 14px;
  justify-content: center;
  min-block-size: 50px;
  min-inline-size: fit-content;
  padding: 8px 3rem 8px 12px;
}

.w-code-container {
  position: relative;
}

.w-code-copy-container {
  background-color: var(--palette-default-surface-1);
  border-radius: var(--v-button-default-border-radius-icon);
  position: absolute;
  z-index: 1;
  inset-block-start: 6px;
  inset-inline-end: 6px;
}

.w-code-copy {
  --v-button-default-inline-size: 2.3rem;
  --v-button-default-justify-content: start;
  transition: all 0.2s ease;
}

.w-code-copy span {
  inline-size: 0;
  overflow: hidden;
  transition: all 0.2s ease;
}

.w-code-copy.w-code-copied {
  --v-button-default-inline-size: 7rem;
}

.w-code-copy.w-code-copied > span {
  inline-size: 7rem;
}

.w-code-footer {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  --v-accordion-panel-padding-block: 0px;
  --v-accordion-panel-padding-inline: 0px;
}

.w-code-footer .v-accordion > .v-button {
  border-start-start-radius: var(--size-rounded-none);
  border-start-end-radius: var(--size-rounded-none);
  z-index: 1;
}

.w-code-footer .w-code-context {
  align-items: center;
  border-color: var(--palette-default-surface-3);
  border-style: solid;
  border-block-start-width: 1px;
  border-inline-width: 1px;
  padding-block: 8px;
}

.w-code-loading {
  --v-progress-bar-border-radius: 0px;
  position: relative;
}

.w-code-loading .v-progress {
  position: absolute;
}

.w-code-demo {
  background: repeating-conic-gradient(
      var(--w-background-darker) 0%,
      var(--w-background-darker) 25%,
      var(--w-background-lighter) 0%,
      var(--w-background-lighter) 50%
    )
    50% center / 20px 20px;
  border-block-start: 1px solid var(--palette-default-surface-3);
  border-inline: 1px solid var(--palette-default-surface-3);
  border-start-start-radius: var(--size-rounded-large);
  border-start-end-radius: var(--size-rounded-large);
  padding: 20px;
}

.cm-line {
  max-width: 100px;
}

.cm-gutterElement {
  color: #8994a8;
}

.ͼq {
  color: #f67680;
}

.w-toc {
  max-height: calc(100vh - 82px);
  bottom: 0;
  flex-shrink: 0;
  overflow-y: auto;
  position: sticky;
  top: 0;
}

.v-anchor-link-menu:has(.w-toc) {
  --v-anchor-link-menu-padding-block-start: var(--size-scalable-20);
}

.w-home-area {
  max-inline-size: 960px;
  margin-inline: auto;
}

.w-home-content {
  --v-surface-padding-block: 20px;
  --v-surface-padding-inline: 20px;
  max-inline-size: 750px;
}

@media only screen and (max-width: 1242px) {
  .w-home-area {
    max-inline-size: 100%;
    margin-inline: 20px;
  }

  .w-home-content {
    max-inline-size: calc(100% - 200px);
  }
}

@media only screen and (max-width: 960px) {
  .w-home-content {
    max-inline-size: 100%;
  }
}

ol.w-list {
  list-style: decimal;
}

.w-list,
.w-list li {
  margin-inline-start: 1rem;
}

.w-caption {
  color: var(--palette-default-active-text-subtle);
}

.w-content {
  overflow-x: auto;
}

body {
  max-height: 100vh;
}

body:before {
  position: fixed;
  background: #000000e6;
  color: #fff;
  width: calc(100vw - 1em);
  height: calc(100vh - 1em);
  border: 5px solid red;
  border-bottom: 5px solid red !important;
  overflow-y: auto;
  z-index: 999;
}

#root {
  max-height: 100vh;
}

.w-app {
  display: grid;
  width: 100%;
  height: 100vh;
  grid-template-areas: "header header header" "content content content";
  grid-template-rows: auto 1fr;
}

.w-app.w-app-side-nav {
  grid-template-areas: "header header header" "menu content content";
  grid-template-columns: 250px 1fr;
}

.w-app.w-app-drawer {
  grid-template-areas: "header header header" "content content drawer";
  grid-template-columns: 250px 1fr auto;
}

.w-app.w-app-drawer.w-app-side-nav {
  grid-template-areas: "header header header" "menu content drawer";
}

@media only screen and (max-width: 960px) {
  .w-section-installation {
    flex-direction: column-reverse;
  }

  .v-anchor-link-menu {
    width: 100%;
  }

  .w-app .v-panel-content,
  .w-app.w-app-drawer .v-panel-content {
    inline-size: 250px;
  }

  .w-app .v-panel-content .v-panel-body,
  .w-app.w-app-drawer .v-panel-content .v-panel-body {
    overflow-y: visible;
  }

  .w-app.w-app-side-nav .v-panel-content,
  .w-app.w-app-side-nav.w-app-drawer .v-panel-content {
    inline-size: 250px;
  }

  .w-app.w-app-side-nav .v-panel-body,
  .w-app.w-app-side-nav.w-app-drawer .v-panel-body {
    overflow-y: visible;
  }
}

@media only screen and (max-width: 1023px) {
  .w-app,
  .w-app.w-app-drawer {
    grid-template-areas: "header header" "content drawer";
    grid-template-columns: 1fr auto;
  }

  .w-app.w-app-side-nav,
  .w-app.w-app-side-nav.w-app-drawer {
    grid-template-areas: "header header header" "menu content drawer";
    grid-template-columns: 250px 1fr auto;
  }
}

.w-header {
  grid-area: header;
  display: flex;
  align-items: center;
  padding-block: var(--size-scalable-12);
  text-align: center;
  position: relative;
  z-index: 5;
}

.w-header .v-button {
  --v-button-default-foreground: var(--palette-default-text);
}

@media only screen and (min-width: 760px) {
  .w-header {
    text-align: left;
  }
}

.w-content {
  grid-area: content;
  display: flex;
  flex: 2 1 80%;
  flex-direction: row;
}

.w-content-vertical {
  flex-direction: column;
}

.w-content:not(.w-content-vertical) .w-drawer {
  border-inline-start-color: var(--palette-default-border);
  border-inline-start-style: solid;
  border-inline-start-width: var(--theme-border-size);
}

.w-content-vertical .w-drawer {
  border-block-start-color: var(--palette-default-border);
  border-block-start-style: solid;
  border-block-start-width: var(--theme-border-size);
}

.w-area {
  flex: 2 1 80%;
  overflow: auto;
}

.w-code {
  font: revert;
}

.w-code.v-badge {
  --v-badge-block-size: fit-content;
}

.v-link-unstyled {
  text-decoration: none;
  color: inherit;
}

.v-link-unstyled:hover,
.v-link-unstyled:focus-visible {
  text-decoration: underline;
}

.box,
.circle,
.squircle {
  width: 100px;
  height: 100px;
  background: #fff;
  display: inline-grid;
  place-content: center;
  margin: 0.5rem;
}

.circle {
  border-radius: 9999px;
}

.squircle {
  border-radius: 25px;
}

.user-list {
  display: flex;
  flex-direction: column;
}

.user-card {
  align-items: center;
  background: var(--palette-default-surface-1);
  display: flex;
  padding: var(--size-scalable-6) var(--size-scalable-80) var(--size-scalable-6)
    var(--size-scalable-20);
}

.item-card {
  inline-size: auto;
  box-shadow: var(--elevation-medium);
  padding: var(--size-responsive-16);
  flex-grow: 1;
}

.content-card {
  padding: var(--size-responsive-16);
}


@media screen and (min-width: 900px) {
  .content-section {
    grid-template-columns: 184px 1fr;
    grid-template-areas: "aside content";
  }

  .content-section .content__grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
  }

  .content-section__aside {
    grid-area: aside;
  }

  .content-section__main {
    grid-area: content;
  }
}

.content-section .content__grid:not(:first-child) {
  margin-block-start: 24px;
}

.content-section :is(h1, h2, h3, h4, h5, h6, p) {
  margin-block-end: 8px;
  max-inline-size: var(--breakpoint-md);
}

.content-section
  :is(.content-section, .content__grid, hr, .v-typography-headline-2):not(
    :first-child
  ) {
  margin-block-start: 36px;
}

a.v-content-card {
  display: block;
  text-decoration: none;
}

a.v-content-card:has(.v-content-card-image) {
  background-color: unset;
  border: unset;
  box-shadow: unset;
}

a.v-content-card,
a.v-content-card:visited {
  color: unset;
}

.v-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.v-line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.v-content-card-image {
  display: flex;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  justify-content: center;
  border-radius: 20px;
  align-self: flex-start;
}

.v-content-card:hover .v-content-card-image {
  --hover-color: var(--palette-default-surface-2);
  background-color: var(--hover-color);
  transition: background-color 0.3s ease-in-out;
}

.v-content-card-image img {
  flex-grow: 1;
  object-fit: cover;
}

.collection-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 304px));
  grid-template-rows: 206px repeat(2, minmax(0, auto));
  place-content: start;
  grid-auto-flow: dense;
  gap: 24px;
}

.v-icon-low.search-grid {
  inline-size: 1.142rem;
  block-size: 1.142rem;
}

:is(.collection-item, .collection-item a.v-content-card) {
  display: grid;
  grid-template-rows: subgrid;
}

.collection-item {
  grid-row: span 2;
  row-gap: 0px;
}

.collection-item a.v-content-card {
  max-inline-size: 100%;
  grid-row: span 2;
  row-gap: 0px;
}

.collection-item .v-content-card-body {
  grid-row: span 1;
}

:not(.component-item) ~ .v-content-card-body {
  --v-content-card-padding-inline: 0px;
}

:not(.component-item) > .v-content-card-title {
  padding-inline-end: 8px;
}

label.collection-grid-chip span:first-letter {
  display: block;
  text-transform: uppercase;
}

.content__grid {
  --columns: 1;
  --xsmall-columns: var(--columns);
  --small-columns: var(--xsmall-columns);
  --medium-columns: var(--small-columns);
  --large-columns: var(--medium-columns);
  --xlarge-columns: var(--large-columns);
  --xxlarge-columns: var(--xlarge-columns);
  gap: 42px;
  display: grid;
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
}

.content__grid-item {
  --span: 1;
  --xsmall-span: var(--span);
  --small-span: var(--xsmall-span);
  --medium-span: var(--small-span);
  --large-span: var(--medium-span);
  --xlarge-span: var(--large-span);
  --xxlarge-span: var(--xlarge-span);
  display: flex;
  flex-direction: column;
  grid-column: span var(--span);
}

@media only screen and (min-width: 320px) {
  .content__grid {
    grid-template-columns: repeat(var(--xsmall-columns), minmax(0, 1fr));
  }

  .content__grid-item {
    grid-column: span var(--xsmall-span);
  }
}

@media only screen and (min-width: 480px) {
  .content__grid {
    grid-template-columns: repeat(var(--small-columns), minmax(0, 1fr));
  }

  .content__grid-item {
    grid-column: span var(--small-span);
  }
}

@media only screen and (min-width: 768px) {
  .content__grid {
    grid-template-columns: repeat(var(--medium-columns), minmax(0, 1fr));
  }

  .content__grid-item {
    grid-column: span var(--medium-span);
  }
}

@media only screen and (min-width: 1024px) {
  .content__grid {
    grid-template-columns: repeat(var(--large-columns), minmax(0, 1fr));
  }

  .content__grid-item {
    grid-column: span var(--large-span);
  }
}

@media only screen and (min-width: 1440px) {
  .content__grid {
    grid-template-columns: repeat(var(--xlarge-columns), minmax(0, 1fr));
  }

  .content__grid-item {
    grid-column: span var(--xlarge-span);
  }
}

@media only screen and (min-width: 1600px) {
  .content__grid {
    grid-template-columns: repeat(var(--xxlarge-columns), minmax(0, 1fr));
  }

  .content__grid-item {
    grid-column: span var(--xxlarge-span);
  }
}

.markdown__content {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 32px;
  column-gap: 0;
}

@media (width >=1372px) {
  .markdown__content:not(.split-panel-right) {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
    row-gap: 0;
  }

  .markdown__aside {
    flex: none;
    position: sticky;
    margin-inline-end: auto;
    top: 80px;
  }
}

@media (width >=1440px) {
  .markdown__content {
    min-inline-size: 800px;
    column-gap: 64px;
  }
}

.markdown__medium {
  inline-size: 100%;
  max-inline-size: 800px;
  display: grid;
}

.api-table {
  display: grid;
}

.split-panel-right .api-table {
  display: unset;
}

@media (width < 525px) {
  .markdown__medium,
  .api-table {
    display: block;
  }
}

@media (width < 1440px) {
  .markdown__content {
    flex-grow: 1;
  }

  .layout__container:has(.markdown__aside) .markdown__medium {
    max-inline-size: 100%;
  }
}

.markdown__large {
  inline-size: 100%;
  max-inline-size: 1108px;
}

.markdown__full,
.markdown__full-width {
  inline-size: 100%;
}

.markdown__aside {
  align-self: start;
  max-block-size: calc(100dvh - 80px);
  overflow-y: auto;
  padding-block: 6px;
  box-shadow: inset 1px 0 0 0 var(--palette-default-border);
}

.markdown__aside:before {
  display: none;
}

.markdown__testimonial {
  color: var(--palette-default-text);
  background: var(--palette-default-surface-2);
  padding-inline: 20px;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  text-align: center;
  display: grid;
  grid-template-columns: minmax(0, auto) 1fr minmax(0, auto);
  grid-template-areas: "quote-left content quote-right";
  column-gap: 10px;
  overflow: hidden;
}

.markdown__testimonial-content {
  grid-area: content;
  width: 100%;
}

.markdown__testimonial-quote {
  display: flex;
  align-self: stretch;
}

.markdown__testimonial-quote span {
  color: var(--palette-default-active-accent);
  font-size: 200px;
  font-weight: 700;
  font-family: Visa Dialect UI;
  inline-size: 93px;
  line-height: 93px;
}

.markdown__testimonial-quote:is(:first-of-type) span {
  align-self: start;
}

.markdown__testimonial-quote:is(:last-of-type) span {
  align-self: end;
  rotate: 180deg;
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scaleX(-1);
}

@media (width <=700px) {
  .markdown__testimonial-quote span {
    font-size: 100px;
    inline-size: 40px;
    line-height: 40px;
  }
}

@media (width <=525px) {
  .markdown__testimonial-quote {
    display: none;
  }
}

.markdown__feature--with-icon {
  display: flex;
  gap: 24px;
  margin-block-end: 48px;
}

.markdown__feature--with-icon .markdown__feature-icon {
  block-size: 80px;
  inline-size: 80px;
  border-radius: 99999px;
  background: var(--palette-default-surface-3);
  flex: none;
  display: grid;
  place-content: center;
}

.markdown__feature--with-icon .markdown__feature-content {
  display: flex;
  flex-direction: column;
}

.markdown__feature-content p,
.markdown__feature-content strong {
  margin-block-start: 8px;
}

.markdown__feature-content p:first-child {
  margin-block-start: 0px;
}

@media (width <=640px) {
  .markdown__feature--with-icon {
    flex-direction: column;
  }
}

:is(.markdown__content)
  :where(.markdown__heading):not(:where([class~="not-markdown"] *)) {
  scroll-margin-top: 92px;
}

:is(.markdown__content)
  :where(.v-typography-headline-2):not(:where([class~="not-markdown"] *)):not(
    :first-child
  ) {
  margin-block-start: 64px;
}

:is(.markdown__content)
  .markdown__feature--with-icon
  + .v-typography-headline-2 {
  margin-block-start: 16px;
}

:is(.markdown__content)
  .markdown__feature--with-icon
  + .v-typography-subtitle-1 {
  margin-block-start: -12px;
}

:is(.markdown__content)
  :where(.v-typography-headline-3, .v-typography-headline-4):not(
    :where([class~="not-markdown"] *)
  ) {
  margin-block-start: 48px;
}

:is(.markdown__content)
  :where(.v-typography-subtitle-1):not(:where([class~="not-markdown"] *)) {
  margin-block-start: 36px;
}

:is(.markdown__content)
  :where(.v-typography-subtitle-3):not(:where([class~="not-markdown"] *)) {
  margin-block-start: 24px;
}

:is(.markdown__content)
  :where(img):not(
    :where([class~="not-markdown"] *),
    .markdown__fixed-image,
    :where([class~="markdown__feature-icon"] *)
  ) {
  inline-size: 100%;
  height: auto;
  margin-block-start: 16px;
}

:is(.markdown__content)
  :where(img):not(:where([class~="not-markdown"] *), .markdown__fixed-image)
  + p:not(:empty),
:where(img):not(:where([class~="not-markdown"] *), .markdown__fixed-image)
  + ul:not(:empty) {
  margin-block-start: 16px;
}

:is(.markdown__content)
  :where(ul, ol):not(:where([class~="not-markdown"] *)):not(
    .v-tabs-horizontal
  ) {
  display: flex;
  flex-direction: column;
  list-style-position: outside;
  margin-block-start: 8px;
  margin-inline-start: 24px;
}

:is(.markdown__content)
  :where(ul):not(:where([class~="not-markdown"] *)):not(.v-tabs-horizontal) {
  list-style: disc;
}

:is(.markdown__content)
  :where(ul ul, ul ol, ol ol, ol ul):not(:where([class~="not-markdown"] *)) {
  margin-block-start: 0;
}

:is(.markdown__content) :where(ol):not(:where([class~="not-markdown"] *)) {
  list-style: decimal;
}

:is(.markdown__content)
  :where(ul li, ol li):not(:where([class~="not-markdown"] *))::marker {
  color: var(--palette-default-text-subtle);
}

:is(.markdown__content)
  :where(.v-table-wrapper):not(:where([class~="not-markdown"] *)) {
  margin-block-start: 16px;
}

:is(.markdown__content)
  :where(.v-table):not(:where([class~="not-markdown"] *)) {
  margin-block-start: 16px;
}

:is(.markdown__content)
  :where(.v-table-wrapper:has(.v-table) .v-table):not(
    :where([class~="not-markdown"] *)
  ) {
  margin-block-start: 0px;
}

.code-display:has(label.v-chip) {
  display: block;
}

ul:has(code) li {
  margin-bottom: 8px;
}

ul:has(code) li code {
  line-height: 16px;
}

.text-like-image {
  background-color: var(--palette-default-surface-3, #f0f0f0);
  padding: 40px;
  min-height: 218px;
  margin-block: 8px 16px;
}

:is(.markdown__content)
  .text-like-image
  :where(ul, ol):not(:where([class~="not-markdown"] *)):not(
    .v-tabs-horizontal
  ) {
  margin-block-start: 8px;
  max-width: 300px;
  margin-inline-start: 40px;
}

:is(.markdown__content)
  .text-like-image
  :where(ol):not(:where([class~="not-markdown"] *)):not(.v-tabs-horizontal) {
  list-style: auto;
}

.text-like-image li + li {
  margin-block-start: 10px;
}

.text-like-image-hierarchy {
  background-color: var(--palette-default-surface-3, #f0f0f0);
  padding: 40px;
  margin-block-start: 16px;
}

.text-like-image-hierarchy ul {
  list-style: none !important;
  margin: 0 !important;
}

.text-like-image-hierarchy li {
  display: grid;
  grid-template-columns: 0.7fr 2.3fr;
  align-items: center;
  row-gap: 16px;
  column-gap: 39px;
}

.text-like-image-hierarchy li + li {
  margin-block-start: 8px;
}

.text-like-image-hierarchy strong {
  margin-block: 0;
}

.text-like-image-hierarchy li span:first-child {
  font-size: var(--typography-body-3-font-size, 12px);
  color: #b80ebc;
  align-self: start;
  justify-self: end;
}

.text-like-image-hierarchy span:first-child,
.text-like-image-hierarchy span:nth-of-type(2) {
  align-self: center;
  grid-column: 1;
}

.text-like-image-hierarchy li:first-child span:first-child,
.text-like-image-hierarchy li:nth-of-type(2) span:first-child {
  align-self: center;
}

.text-like-image-hierarchy span:nth-of-type(2) {
  max-width: 390px;
  grid-column: 2;
}

.accordion-code {
  font-size: var(--typography-body-2-font-size, 14px);
  padding: var(--size-scalable-8, 8px);
  line-height: var(--typography-body-2-line-height, 22px);
  align-content: center;
  min-block-size: 38px;
}

.chart-render-container + .v-accordion .v-accordion-heading,
.library-example
  + div:has(.v-accordion)
  .v-accordion:first-child
  .v-accordion-heading {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-top: none;
}

.library-example {
  --example-resize-factor: 1;
  container-type: inline-size;
}

@container (width <=767px) {
  .library-example {
    --example-resize-factor: 1.25;
  }
}

.markdown__content h2:not(:has(+ img, + h3, + h4)),
.markdown__content
  h3:not(.v-content-card-title):not(:has(+ img, + .v-table-wrapper)),
.markdown__content
  h4:not(.v-content-card-title):not(:has(+ img, + .v-table-wrapper)) {
  margin-block-end: var(--size-scalable-8, 8px);
}

.markdown__content
  .v-typography-subtitle-3:not(.v-content-card-title):not(
    :has(+ img, + .v-table-wrapper)
  ) {
  margin-block-end: var(--size-scalable-8, 8px);
}

:is(.markdown__content)
  :where(ul, ol):not(:where([class~="not-markdown"] *)):not(
    .v-tabs-horizontal
  ):where(img + ul) {
  margin-block-start: 0;
}

@media (width < 682px) {
  .resize_mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  :is(.markdown__content)
    .resize_mobile
    :where(img):not(:where([class~="not-markdown"] *)) {
    inline-size: auto;
    block-size: 100%;
    max-inline-size: 200%;
  }
}

html,
body {
  min-block-size: 100dvh;
  background: var(--palette-default-surface-1);
  scroll-padding-block-start: 80px;
}

.v-pointer-events-none {
  pointer-events: none;
}

button:not(:disabled) {
  cursor: pointer;
}

.v-link-unstyled {
  color: inherit;
  text-decoration: none;
}

.v-link-unstyled:focus-visible {
  text-decoration: underline;
}

.capitalize {
  text-transform: capitalize;
}

.capitalize-first {
  --v-button-default-block-size: none;
}

.capitalize-first:first-letter {
  text-transform: uppercase;
}

.dark {
  --palette-default-active: #bdeaff;
  --palette-default-active-hover: #dbf4ff;
  --palette-default-active-pressed: #80d7ff;
  --palette-default-active-subtle: #ffffff7e;
  --palette-default-active-accent: #fcc015;
  --palette-default-border: #ffffff0f;
  --palette-default-disabled: #ffffff1f;
  --palette-default-surface-1: #0a0a0a;
  --palette-default-surface-2: #1a1a1a;
  --palette-default-surface-3: #2e2e2e;
  --palette-default-surface-highlight: #0000005a;
  --palette-default-surface-lowlight: #00000099;
  --palette-default-text-on-active: #2e2e2e;
  --palette-default-text-subtle: #d9d9d9;
  --palette-default-text: #ffffff;
  --palette-default-overlay: rgba(0, 0, 0, 0.4);
  --palette-default-transparent: rgba(0, 0, 0, 0);
  --palette-messaging-highlight-positive: #23533a5a;
  --palette-messaging-lowlight-positive: #23533a99;
  --palette-messaging-surface-positive: #23533a;
  --palette-messaging-graphics-positive: #40996b;
  --palette-messaging-text-hover-positive: #c2e5d3;
  --palette-messaging-text-positive: #dff1e8;
  --palette-messaging-text-pressed-positive: #81caa4;
  --palette-messaging-highlight-warning: hsla(39, 96%, 28%, 0.35);
  --palette-messaging-lowlight-warning: hsla(39, 96%, 28%, 0.6);
  --palette-messaging-surface-warning: #4b3102;
  --palette-messaging-graphics-warning: #c38004;
  --palette-messaging-text-hover-warning: hsla(39, 96%, 68%, 1);
  --palette-messaging-text-pressed-warning: hsla(39, 96%, 50%, 1);
  --palette-messaging-text-warning: #fee8be;
  --palette-messaging-highlight-negative: #9d25255a;
  --palette-messaging-lowlight-negative: #9d252599;
  --palette-messaging-surface-negative: #9d2525;
  --palette-messaging-graphics-negative: #d65151;
  --palette-messaging-text-hover-negative: #fdf7f7;
  --palette-messaging-text-negative: #f7dede;
  --palette-messaging-text-pressed-negative: #ecacac;
  --palette-messaging-highlight-info: hsla(198, 59%, 25%, 0.35);
  --palette-messaging-lowlight-info: hsla(198, 59%, 25%, 0.6);
  --palette-messaging-surface-info: #00344d;
  --palette-messaging-graphics-info: #0088c7;
  --palette-messaging-text-hover-info: hsla(198, 59%, 65%, 1);
  --palette-messaging-text-info: #bdeaff;
  --palette-messaging-text-pressed-info: hsla(198, 59%, 47%, 1);
  --palette-accent-app-name: #ffffff;
  --v-table-header-bg-color: var(--palette-default-surface-1);
  --v-table-background: var(--palette-default-surface-1);
  --v-table-background-alt: var(--palette-default-surface-2);
  --v-table-foreground: var(--palette-default-text);
}

.dark .v-button {
  --v-button-secondary-background: var(--palette-default-transparent);
  --v-button-secondary-border-color: var(--palette-default-active);
  --v-button-secondary-foreground: var(--palette-default-active);
  --v-button-secondary-hover-background: var(
    --palette-default-surface-highlight
  );
  --v-button-secondary-hover-border-color: var(--palette-default-active-hover);
  --v-button-secondary-hover-foreground: var(--palette-default-active-hover);
  --v-button-secondary-focus-background: var(
    --palette-default-surface-highlight
  );
  --v-button-secondary-focus-border-color: var(--palette-default-active-hover);
  --v-button-secondary-focus-foreground: var(--palette-default-active-hover);
  --v-button-secondary-active-background: var(
    --palette-default-surface-lowlight
  );
  --v-button-secondary-active-border-color: var(
    --palette-default-active-pressed
  );
  --v-button-secondary-active-foreground: var(--palette-default-active-pressed);
  --v-button-tertiary-icon-subtle-background: var(
    --palette-default-transparent
  );
  --v-button-tertiary-icon-subtle-border-color: var(
    --palette-default-transparent
  );
  --v-button-tertiary-icon-subtle-foreground: var(
    --palette-default-active-subtle
  );
  --v-button-tertiary-background: var(--palette-default-transparent);
  --v-button-tertiary-border-color: var(--palette-default-transparent);
  --v-button-tertiary-foreground: var(--palette-default-active);
  --v-button-tertiary-hover-background: var(
    --palette-default-surface-highlight
  );
  --v-button-tertiary-hover-border-color: var(
    --palette-default-surface-highlight
  );
  --v-button-tertiary-hover-foreground: var(--palette-default-active-hover);
  --v-button-tertiary-focus-background: var(
    --palette-default-surface-highlight
  );
  --v-button-tertiary-focus-border-color: var(
    --palette-default-surface-highlight
  );
  --v-button-tertiary-focus-foreground: var(--palette-default-active-hover);
  --v-button-tertiary-active-background: var(
    --palette-default-surface-lowlight
  );
  --v-button-tertiary-active-border-color: var(
    --palette-default-surface-lowlight
  );
  --v-button-tertiary-active-foreground: var(--palette-default-active-pressed);
}

.dark .v-tab {
  --v-tabs-default-highlight: var(--palette-default-active-hover);
  --v-tabs-active-foreground: var(--palette-default-text);
  --v-tab-default-background: var(--palette-default-surface-2);
  --v-tab-default-border-color: var(--palette-default-border);
  --v-tab-default-foreground: var(--palette-default-text);
  --v-tab-default-hover-background: var(--palette-default-surface-3);
  --v-tab-default-hover-border-color: var(--palette-default-border);
  --v-tab-default-hover-foreground: var(--palette-default-text);
  --v-tab-default-focus-background: var(--palette-default-surface-3);
  --v-tab-default-focus-border-color: var(--palette-default-border);
  --v-tab-default-focus-foreground: var(--palette-default-text);
}

main.w-area {
  scroll-behavior: smooth;
  background-color: var(--palette-default-surface-3);
}

.v-content-card .card-icons {
  block-size: var(--v-icon-high-height);
  inline-size: var(--v-icon-high-width);
}

section.markdown-content em {
  font-style: italic;
}

section.markdown-content img {
  max-width: 800px;
}

section.markdown-content > p {
  margin-top: 16px;
}

section.markdown-content > h1 {
  font-family: var(--typography-headline-1-font-family);
  font-size: var(--typography-headline-1-font-size);
  font-weight: var(--typography-headline-1-font-weight);
  letter-spacing: var(--typography-headline-1-letter-spacing);
  line-height: var(--typography-headline-1-line-height);
  text-decoration: var(--typography-headline-1-text-decoration);
  text-transform: var(--typography-headline-1-text-transform);
}

section.markdown-content > h2 {
  font-family: var(--typography-headline-2-font-family);
  font-size: var(--typography-headline-2-font-size);
  font-weight: var(--typography-headline-2-font-weight);
  letter-spacing: var(--typography-headline-2-letter-spacing);
  line-height: var(--typography-headline-2-line-height);
  text-decoration: var(--typography-headline-2-text-decoration);
  text-transform: var(--typography-headline-2-text-transform);
  margin: 1em 0;
}

section.markdown-content > h2:not:first-child {
  margin-top: 48px;
}

section.markdown-content > h3 {
  font-family: var(--typography-headline-3-font-family);
  font-size: var(--typography-headline-3-font-size);
  font-weight: var(--typography-headline-3-font-weight);
  letter-spacing: var(--typography-headline-3-letter-spacing);
  line-height: var(--typography-headline-3-line-height);
  text-decoration: var(--typography-headline-3-text-decoration);
  text-transform: var(--typography-headline-3-text-transform);
  margin: 1em 0;
}

section.markdown-content > h3 {
  margin-top: 36px;
}

section.markdown-content strong {
  font-family: var(--typography-body-2-medium-font-family);
  font-size: var(--typography-body-2-medium-font-size);
  font-weight: var(--typography-body-2-medium-font-weight);
  letter-spacing: var(--typography-body-2-medium-letter-spacing);
  line-height: var(--typography-body-2-medium-line-height);
  text-decoration: var(--typography-body-2-medium-text-decoration);
  text-transform: var(--typography-body-2-medium-text-transform);
}

section.markdown-content code {
  font-family: Monaco, Menlo;
}

section.markdown-content ol li,
.quiz-markdown {
  list-style-type: decimal;
  margin: 0.7em 0 0.7em 2em;
}

section.markdown-content ul li {
  list-style-type: circle;
  margin: 0.7em 0 0.7em 2em;
}

section.markdown-content .astro-code {
  box-shadow: 0 0 0 1px #0000007f, 0 70px 65px #0000002e, 0 30px 30px #00000024,
    0 15px 15px #0000001f, 0 10px 8px #0000001a, 0 4px 4px #00000014,
    0 2px 2px #0000000f !important;
  margin: 30px 0;
  padding: 20px;
  border-radius: 12px;
}

.content-component-status {
  background-color: transparent;
  container-type: inline-size;
  inline-size: 100%;
  max-inline-size: var(--breakpoint-xxl);
  --v-footer-background-color: var(--palette-default-surface-3);
  --v-icon-primary: var(--palette-default-active);
  --v-icon-secondary: var(--palette-default-active);
  --v-surface-padding-block: 0;
  --v-surface-padding-inline: var(--size-scalable-32);
}

.v-content-card-body {
  padding-block: var(--v-content-card-padding-block);
  padding-inline: var(--v-content-card-padding-inline);
}

.v-link {
  inline-size: fit-content;
}

.v-link[target="_blank"] .v-icon {
  --v-icon-tiny-width: var(--size-responsive-12);
  --v-icon-tiny-height: var(--size-responsive-12);
  margin-inline-start: var(--size-responsive-4);
  margin-block-end: var(--size-responsive-2);
}

.v-icon-subtle {
  --v-icon-primary: var(--palette-default-active-subtle);
  --v-icon-secondary: var(--palette-default-active-subtle);
}

.app {
  background-color: var(--palette-default-surface-1);
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-areas: "topNav" "content";
  min-block-size: 100vh;
}

.content {
  background-color: var(--palette-default-surface-3);
  grid-area: content;
  display: flex;
  flex-direction: column;
  align-items: center;
}

pre.astro-code {
  margin: 10px 0 30px;
  padding: 10px 12px;
  border-radius: 8px;
  font-family: Fira Code, Menlo, Monaco, Open Sans;
  border: 1px solid var(--palette-default-border);
}

:not(pre.astro-code) > code:not(.v-code-formatter) {
  z-index: 1;
  position: relative;
  font-size: 12px;
  font-family: Source Code Pro, monospace, courier;
  padding: 4px 6px;
  margin-inline: 2px;
  display: inline-block;
}

:not(pre.astro-code) > code:not(.v-code-formatter):before {
  content: "";
  border-radius: 5px;
  position: absolute;
  display: block;
  z-index: -1;
  background: var(--palette-default-surface-1);
  border: 1px solid var(--palette-default-border);
  inset: 0 0 1px;
}

td:has(.v-code-formatter) {
  padding-inline-end: calc(var(--v-table-data-padding-inline) - 4px);
  padding-block-end: calc(var(--v-table-data-padding-block-default) - 4px);
}

.swatchTable td:has(.v-code-formatter) {
  padding-inline-end: var(--v-table-data-padding-inline);
  padding-block: 11px 7px;
}

.swatchTable td:has(.color-swatch-card) {
  padding-block: 11px;
}

button:has(.v-code-formatter) {
  text-align: start;
  padding: 0;
  border-radius: 5px;
  border: 1px solid var(--palette-default-border);
  background: var(--palette-default-surface-2);
  margin-inline-end: 1px;
  margin-block-end: 4px;
}

.api-table button:has(.v-code-formatter),
td button:has(.v-code-formatter) {
  margin-inline-end: 4px;
}

code.v-code-formatter {
  font-family: Source Code Pro, monospace, courier;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  word-break: break-word;
  color: var(--palette-default-text);
  padding: 1.5px 8px;
  border-radius: 5px;
  border: 1px solid var(--palette-default-border);
  background: var(--palette-default-surface-2);
  display: inline-block;
}

button:has(.v-code-formatter) .v-code-formatter {
  border-radius: 0;
  border: none;
  background: transparent;
  word-break: auto-phrase;
}

.swatchTable table {
  table-layout: fixed;
  width: 100%;
  min-width: 669px;
}

.swatchTable th:nth-child(2),
.swatchTable td:nth-child(2),
.swatchTable th:nth-child(3),
.swatchTabletd:nth-child(3) {
  width: 223px;
}

.swatchTable th:nth-child(1),
.swatchTable td:nth-child(1) {
  width: auto;
}

.foldingSwatchTable tbody td:nth-child(2),
.foldingSwatchTable tbody td:nth-child(3) {
  padding-block: 11px;
  vertical-align: top;
}

.foldingSwatchTable .color-swatch-card__value {
  text-transform: lowercase;
}

.swatchTable tbody td:first-child button + div button:has(.v-code-formatter) {
  background: var(--Color-Surface-surface-1, #000);
}

.swatchTable tbody td:first-child button + div button code.v-code-formatter {
  color: var(--Text, var(--Color-Text-text, #fff)) !important;
}

kbd {
  border: 1px solid var(--palette-default-active);
  color: var(--palette-default-active);
  padding: 4px 8px;
  margin: 4px;
  border-radius: 2px;
  display: inline-block;
}

.tag-links {
  background: var(--palette-default-surface-3);
  border-radius: 20px;
}

.blog-header {
  display: grid;
  grid-template-columns: 1100px;
  justify-content: center;
  align-items: center;
  margin: 0 10%;
}

.blog-header h1 {
  color: var(--palette-default-active);
}

.blog-content {
  background-color: #fff;
  height: 100vh;
  display: grid;
}

.blog-content .blog-listing {
  margin: 0 auto;
}

.blog-content article {
  display: inline-block;
}

.blog-main-aside {
  display: grid;
  grid-template-columns: 800px 300px;
  justify-content: center;
  margin: 0 10%;
}

.v-tabs-vertical .v-tabs-vertical .v-tabs-vertical .v-tabs-vertical {
  --v-tabs-vertical-nested-count: 4;
}

.changelog-pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.v-tabs-vertical
  .v-tabs-vertical
  .v-tabs-vertical
  .v-tabs-vertical
  .v-tabs-vertical {
  --v-tabs-vertical-nested-count: 5;
}

.v-tabs-vertical
  .v-tabs-vertical
  .v-tabs-vertical
  .v-tabs-vertical
  .v-tabs-vertical
  .v-tabs-vertical {
  --v-tabs-vertical-nested-count: 6;
}

th[scope="row"] {
  text-align: start;
}

th + td {
  border-inline-start: var(--size-scalable-1) var(--palette-default-border)
    solid;
}

.usage-table > table > tbody > tr > td {
  vertical-align: top;
}

.dense__nav {
  @media (width >=1440px) {
    padding-top: 5px;
  }

  inline-size: 265px;
  --v-nav-vertical-tabs-padding-inline-end: none;
  --v-tabs-gap: var(--size-scalable-6);

  .v-tabs {
    gap: 6px;

    .v-divider {
      margin-inline-start: 18px;
      margin-top: 6px !important;
    }

    > .v-tab {
      --v-tabs-vertical-padding-inline-end: 11px;
      --v-tabs-vertical-padding-inline-start: 8px;
      --v-tabs-vertical-block-size: 34px;
      --v-tabs-padding-inline: 8px;
      inline-size: 242px;

      > .v-button {
        --v-button-default-padding-block: 8px;
        inline-size: calc(
          242px -
            calc(
              (10px * var(--v-tabs-vertical-nested-count)) +
                (1px * var(--v-tabs-vertical-nested-count))
            ) - 6px
        );
        margin-left: calc(
          (10px * var(--v-tabs-vertical-nested-count)) +
            (1px * var(--v-tabs-vertical-nested-count)) + 8px
        );
      }

      &:has(.v-button[aria-current="page"]),
      &:has(.v-button[aria-selected="true"]) {
        > .v-button[aria-current="page"],
        > .v-button[aria-selected="true"] {
          margin-left: calc(
            (10px * var(--v-tabs-vertical-nested-count)) +
              (1px * var(--v-tabs-vertical-nested-count)) + 8px
          );
        }
      }
    }
  }
}

@keyframes slideInFromRight {
  0% {
    transform: translate(40%);
    opacity: 0;
  }

  to {
    transform: translate(0);
    opacity: 100;
  }
}

#design-system-back:after,
.folder-tab-contributing:after,
.folder-tab-whats-new:after,
.folder-tab-data-visualization:after {
  content: "";
  display: block;
  height: 1px;
  width: 225px;
  margin-block: var(--size-scalable-10, 10px) var(--size-scalable-6, 6px);
  margin-inline-start: 21px;
  border-block-end-width: var(--v-divider-thickness-default, 1px);
  border-block-end-style: solid;
  border-block-end-color: #0000001a;
}

#design-system-back:after {
  margin-block: var(--size-scalable-6, 6px) var(--size-scalable-10, 10px);
}

html:has(dialog[open]) {
  overflow-y: clip;
}

iframe html:has(dialog[open]) {
  overflow-y: auto;
}

:root {
  --elevation-offset-x: 0;
  --elevation-offset-y: 0;
  --elevation-blur-radius: 0;
  --elevation-spread: 0;
  --elevation-color: var(--palette-default-transparent);
  --elevation-none-offset-x: 0;
  --elevation-none-offset-y: 0;
  --elevation-none-blur-radius: 0;
  --elevation-none-spread: 0;
  --elevation-none-color: var(--palette-default-transparent);
  --elevation-none: var(--elevation-none-offset-x)
    var(--elevation-none-offset-y) var(--elevation-none-blur-radius)
    var(--elevation-none-spread) var(--elevation-none-color);
  --elevation-inset-offset-x: 0;
  --elevation-inset-offset-y: 0;
  --elevation-inset-blur-radius: 4px;
  --elevation-inset-spread: 0;
  --elevation-inset-color: var(--palette-default-disabled);
  --elevation-inset: inset var(--elevation-inset-offset-x)
    var(--elevation-inset-offset-y) var(--elevation-inset-blur-radius)
    var(--elevation-inset-spread) var(--elevation-inset-color);
  --elevation-xsmall-offset-x: 0;
  --elevation-xsmall-offset-y: 1px;
  --elevation-xsmall-blur-radius: 3px;
  --elevation-xsmall-spread: 0;
  --elevation-xsmall-color: var(--palette-default-disabled);
  --elevation-xsmall: var(--elevation-xsmall-offset-x)
    var(--elevation-xsmall-offset-y) var(--elevation-xsmall-blur-radius)
    var(--elevation-xsmall-spread) var(--elevation-xsmall-color);
  --elevation-small-offset-x: 0;
  --elevation-small-offset-y: 2px;
  --elevation-small-blur-radius: 6px;
  --elevation-small-spread: -1px;
  --elevation-small-color: var(--palette-default-disabled);
  --elevation-small: var(--elevation-small-offset-x)
    var(--elevation-small-offset-y) var(--elevation-small-blur-radius)
    var(--elevation-small-spread) var(--elevation-small-color);
  --elevation-medium-offset-x: 0;
  --elevation-medium-offset-y: 4px;
  --elevation-medium-blur-radius: 15px;
  --elevation-medium-spread: -1px;
  --elevation-medium-color: var(--palette-default-disabled);
  --elevation-medium: var(--elevation-medium-offset-x)
    var(--elevation-medium-offset-y) var(--elevation-medium-blur-radius)
    var(--elevation-medium-spread) var(--elevation-medium-color);
  --elevation-large-offset-x: 0;
  --elevation-large-offset-y: 10px;
  --elevation-large-blur-radius: 18px;
  --elevation-large-spread: -3px;
  --elevation-large-color: var(--palette-default-disabled);
  --elevation-large: var(--elevation-large-offset-x)
    var(--elevation-large-offset-y) var(--elevation-large-blur-radius)
    var(--elevation-large-spread) var(--elevation-large-color);
  --elevation-xlarge-offset-x: 0;
  --elevation-xlarge-offset-y: 20px;
  --elevation-xlarge-blur-radius: 25px;
  --elevation-xlarge-spread: -5px;
  --elevation-xlarge-color: var(--palette-default-disabled);
  --elevation-xlarge: var(--elevation-xlarge-offset-x)
    var(--elevation-xlarge-offset-y) var(--elevation-xlarge-blur-radius)
    var(--elevation-xlarge-spread) var(--elevation-xlarge-color);
  --elevation-xxlarge-offset-x: 0;
  --elevation-xxlarge-offset-y: 25px;
  --elevation-xxlarge-blur-radius: 50px;
  --elevation-xxlarge-spread: -12px;
  --elevation-xxlarge-color: var(--palette-default-disabled);
  --elevation-xxlarge: var(--elevation-xxlarge-offset-x)
    var(--elevation-xxlarge-offset-y) var(--elevation-xxlarge-blur-radius)
    var(--elevation-xxlarge-spread) var(--elevation-xxlarge-color);
  --breakpoint-min: 0px;
  --breakpoint-xs: 320px;
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1440px;
  --breakpoint-xxl: 1600px;
  --breakpoint-max: 10000000000px;
  --size-responsive-0: 0px;
  --size-responsive-1: 1px;
  --size-responsive-2: 2px;
  --size-responsive-3: 3px;
  --size-responsive-4: 4px;
  --size-responsive-5: 5px;
  --size-responsive-6: 6px;
  --size-responsive-7: 7px;
  --size-responsive-8: 8px;
  --size-responsive-9: 9px;
  --size-responsive-10: 10px;
  --size-responsive-11: 11px;
  --size-responsive-12: 12px;
  --size-responsive-13: 13px;
  --size-responsive-14: 14px;
  --size-responsive-15: 15px;
  --size-responsive-16: 16px;
  --size-responsive-17: 17px;
  --size-responsive-18: 18px;
  --size-responsive-19: 19px;
  --size-responsive-20: 20px;
  --size-responsive-21: 21px;
  --size-responsive-22: 22px;
  --size-responsive-23: 23px;
  --size-responsive-24: 24px;
  --size-responsive-25: 25px;
  --size-responsive-26: 26px;
  --size-responsive-27: 27px;
  --size-responsive-28: 28px;
  --size-responsive-29: 29px;
  --size-responsive-30: 30px;
  --size-responsive-31: 31px;
  --size-responsive-32: 32px;
  --size-responsive-33: 33px;
  --size-responsive-34: 34px;
  --size-responsive-35: 35px;
  --size-responsive-36: 36px;
  --size-responsive-37: 37px;
  --size-responsive-38: 38px;
  --size-responsive-39: 39px;
  --size-responsive-40: 40px;
  --size-responsive-41: 41px;
  --size-responsive-42: 42px;
  --size-responsive-43: 43px;
  --size-responsive-44: 44px;
  --size-responsive-45: 45px;
  --size-responsive-46: 46px;
  --size-responsive-47: 47px;
  --size-responsive-48: 48px;
  --size-responsive-49: 49px;
  --size-responsive-50: 50px;
  --size-responsive-51: 51px;
  --size-responsive-52: 52px;
  --size-responsive-53: 53px;
  --size-responsive-54: 54px;
  --size-responsive-55: 55px;
  --size-responsive-56: 56px;
  --size-responsive-57: 57px;
  --size-responsive-58: 58px;
  --size-responsive-59: 59px;
  --size-responsive-60: 60px;
  --size-responsive-61: 61px;
  --size-responsive-62: 62px;
  --size-responsive-63: 63px;
  --size-responsive-64: 64px;
  --size-responsive-65: 65px;
  --size-responsive-66: 66px;
  --size-responsive-67: 67px;
  --size-responsive-68: 68px;
  --size-responsive-69: 69px;
  --size-responsive-70: 70px;
  --size-responsive-71: 71px;
  --size-responsive-72: 72px;
  --size-responsive-73: 73px;
  --size-responsive-74: 74px;
  --size-responsive-75: 75px;
  --size-responsive-76: 76px;
  --size-responsive-77: 77px;
  --size-responsive-78: 78px;
  --size-responsive-79: 79px;
  --size-responsive-80: 80px;
  --size-responsive-81: 81px;
  --size-responsive-82: 82px;
  --size-responsive-83: 83px;
  --size-responsive-84: 84px;
  --size-responsive-85: 85px;
  --size-responsive-86: 86px;
  --size-responsive-87: 87px;
  --size-responsive-88: 88px;
  --size-responsive-89: 89px;
  --size-responsive-90: 90px;
  --size-responsive-91: 91px;
  --size-responsive-92: 92px;
  --size-responsive-93: 93px;
  --size-responsive-94: 94px;
  --size-responsive-95: 95px;
  --size-responsive-96: 96px;
  --size-responsive-97: 97px;
  --size-responsive-98: 98px;
  --size-responsive-99: 99px;
  --size-responsive-100: 100px;
  --size-scalable-0: calc(0px * var(--theme-scale-factor));
  --size-scalable-1: calc(1px * var(--theme-scale-factor));
  --size-scalable-2: calc(2px * var(--theme-scale-factor));
  --size-scalable-3: calc(3px * var(--theme-scale-factor));
  --size-scalable-4: calc(4px * var(--theme-scale-factor));
  --size-scalable-5: calc(5px * var(--theme-scale-factor));
  --size-scalable-6: calc(6px * var(--theme-scale-factor));
  --size-scalable-7: calc(7px * var(--theme-scale-factor));
  --size-scalable-8: calc(8px * var(--theme-scale-factor));
  --size-scalable-9: calc(9px * var(--theme-scale-factor));
  --size-scalable-10: calc(10px * var(--theme-scale-factor));
  --size-scalable-11: calc(11px * var(--theme-scale-factor));
  --size-scalable-12: calc(12px * var(--theme-scale-factor));
  --size-scalable-13: calc(13px * var(--theme-scale-factor));
  --size-scalable-14: calc(14px * var(--theme-scale-factor));
  --size-scalable-15: calc(15px * var(--theme-scale-factor));
  --size-scalable-16: calc(16px * var(--theme-scale-factor));
  --size-scalable-17: calc(17px * var(--theme-scale-factor));
  --size-scalable-18: calc(18px * var(--theme-scale-factor));
  --size-scalable-19: calc(19px * var(--theme-scale-factor));
  --size-scalable-20: calc(20px * var(--theme-scale-factor));
  --size-scalable-21: calc(21px * var(--theme-scale-factor));
  --size-scalable-22: calc(22px * var(--theme-scale-factor));
  --size-scalable-23: calc(23px * var(--theme-scale-factor));
  --size-scalable-24: calc(24px * var(--theme-scale-factor));
  --size-scalable-25: calc(25px * var(--theme-scale-factor));
  --size-scalable-26: calc(26px * var(--theme-scale-factor));
  --size-scalable-27: calc(27px * var(--theme-scale-factor));
  --size-scalable-28: calc(28px * var(--theme-scale-factor));
  --size-scalable-29: calc(29px * var(--theme-scale-factor));
  --size-scalable-30: calc(30px * var(--theme-scale-factor));
  --size-scalable-31: calc(31px * var(--theme-scale-factor));
  --size-scalable-32: calc(32px * var(--theme-scale-factor));
  --size-scalable-33: calc(33px * var(--theme-scale-factor));
  --size-scalable-34: calc(34px * var(--theme-scale-factor));
  --size-scalable-35: calc(35px * var(--theme-scale-factor));
  --size-scalable-36: calc(36px * var(--theme-scale-factor));
  --size-scalable-37: calc(37px * var(--theme-scale-factor));
  --size-scalable-38: calc(38px * var(--theme-scale-factor));
  --size-scalable-39: calc(39px * var(--theme-scale-factor));
  --size-scalable-40: calc(40px * var(--theme-scale-factor));
  --size-scalable-41: calc(41px * var(--theme-scale-factor));
  --size-scalable-42: calc(42px * var(--theme-scale-factor));
  --size-scalable-43: calc(43px * var(--theme-scale-factor));
  --size-scalable-44: calc(44px * var(--theme-scale-factor));
  --size-scalable-45: calc(45px * var(--theme-scale-factor));
  --size-scalable-46: calc(46px * var(--theme-scale-factor));
  --size-scalable-47: calc(47px * var(--theme-scale-factor));
  --size-scalable-48: calc(48px * var(--theme-scale-factor));
  --size-scalable-49: calc(49px * var(--theme-scale-factor));
  --size-scalable-50: calc(50px * var(--theme-scale-factor));
  --size-scalable-51: calc(51px * var(--theme-scale-factor));
  --size-scalable-52: calc(52px * var(--theme-scale-factor));
  --size-scalable-53: calc(53px * var(--theme-scale-factor));
  --size-scalable-54: calc(54px * var(--theme-scale-factor));
  --size-scalable-55: calc(55px * var(--theme-scale-factor));
  --size-scalable-56: calc(56px * var(--theme-scale-factor));
  --size-scalable-57: calc(57px * var(--theme-scale-factor));
  --size-scalable-58: calc(58px * var(--theme-scale-factor));
  --size-scalable-59: calc(59px * var(--theme-scale-factor));
  --size-scalable-60: calc(60px * var(--theme-scale-factor));
  --size-scalable-61: calc(61px * var(--theme-scale-factor));
  --size-scalable-62: calc(62px * var(--theme-scale-factor));
  --size-scalable-63: calc(63px * var(--theme-scale-factor));
  --size-scalable-64: calc(64px * var(--theme-scale-factor));
  --size-scalable-65: calc(65px * var(--theme-scale-factor));
  --size-scalable-66: calc(66px * var(--theme-scale-factor));
  --size-scalable-67: calc(67px * var(--theme-scale-factor));
  --size-scalable-68: calc(68px * var(--theme-scale-factor));
  --size-scalable-69: calc(69px * var(--theme-scale-factor));
  --size-scalable-70: calc(70px * var(--theme-scale-factor));
  --size-scalable-71: calc(71px * var(--theme-scale-factor));
  --size-scalable-72: calc(72px * var(--theme-scale-factor));
  --size-scalable-73: calc(73px * var(--theme-scale-factor));
  --size-scalable-74: calc(74px * var(--theme-scale-factor));
  --size-scalable-75: calc(75px * var(--theme-scale-factor));
  --size-scalable-76: calc(76px * var(--theme-scale-factor));
  --size-scalable-77: calc(77px * var(--theme-scale-factor));
  --size-scalable-78: calc(78px * var(--theme-scale-factor));
  --size-scalable-79: calc(79px * var(--theme-scale-factor));
  --size-scalable-80: calc(80px * var(--theme-scale-factor));
  --size-scalable-81: calc(81px * var(--theme-scale-factor));
  --size-scalable-82: calc(82px * var(--theme-scale-factor));
  --size-scalable-83: calc(83px * var(--theme-scale-factor));
  --size-scalable-84: calc(84px * var(--theme-scale-factor));
  --size-scalable-85: calc(85px * var(--theme-scale-factor));
  --size-scalable-86: calc(86px * var(--theme-scale-factor));
  --size-scalable-87: calc(87px * var(--theme-scale-factor));
  --size-scalable-88: calc(88px * var(--theme-scale-factor));
  --size-scalable-89: calc(89px * var(--theme-scale-factor));
  --size-scalable-90: calc(90px * var(--theme-scale-factor));
  --size-scalable-91: calc(91px * var(--theme-scale-factor));
  --size-scalable-92: calc(92px * var(--theme-scale-factor));
  --size-scalable-93: calc(93px * var(--theme-scale-factor));
  --size-scalable-94: calc(94px * var(--theme-scale-factor));
  --size-scalable-95: calc(95px * var(--theme-scale-factor));
  --size-scalable-96: calc(96px * var(--theme-scale-factor));
  --size-scalable-97: calc(97px * var(--theme-scale-factor));
  --size-scalable-98: calc(98px * var(--theme-scale-factor));
  --size-scalable-99: calc(99px * var(--theme-scale-factor));
  --size-scalable-100: calc(100px * var(--theme-scale-factor));
  --size-rounded-none: 0px;
  --size-rounded-small: calc(var(--theme-border-radius) * 0.6666666667);
  --size-rounded-medium: var(--theme-border-radius);
  --size-rounded-large: calc(var(--theme-border-radius) * 1.3333333333);
  --size-rounded-xlarge: calc(var(--theme-border-radius) * 1.6666666667);
  --size-rounded-complete: 100%;
  --size-rounded-pill: 9999px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  --theme-font-size: 14px;
  --theme-focus-outline-size: 1px;
  --theme-focus-outline-offset: 1px;
  --theme-border-size: 1px;
  --theme-border-radius: 0px;
  --theme-responsive-factor: 1;
  --theme-scale-factor: 1;
  font-family: sans-serif;
  font-size: var(--theme-font-size);
}

body {
  --typography-font-family: var(--typography-body-2-font-family);
  --typography-font-size: var(--typography-body-2-font-size);
  --typography-font-weight: var(--typography-body-2-font-weight);
  --typography-letter-spacing: var(--typography-body-2-letter-spacing);
  --typography-line-height: var(--typography-body-2-line-height);
  --typography-text-decoration: var(--typography-body-2-text-decoration);
  --typography-text-transform: var(--typography-body-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  background-color: var(--palette-default-surface-2);
  color: var(--palette-default-text);
}

hr {
  border-width: var(--theme-border-size);
  border-style: solid;
  border-color: var(--palette-default-border);
}

.v-icons {
  display: none;
}

*:focus-visible {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
}

@media only screen and (max-width: 767px) {
  :root {
    --size-responsive-0: calc(0px * var(--theme-responsive-factor));
    --size-responsive-1: calc(1px * var(--theme-responsive-factor));
    --size-responsive-2: calc(2px * var(--theme-responsive-factor));
    --size-responsive-3: calc(3px * var(--theme-responsive-factor));
    --size-responsive-4: calc(4px * var(--theme-responsive-factor));
    --size-responsive-5: calc(5px * var(--theme-responsive-factor));
    --size-responsive-6: calc(6px * var(--theme-responsive-factor));
    --size-responsive-7: calc(7px * var(--theme-responsive-factor));
    --size-responsive-8: calc(8px * var(--theme-responsive-factor));
    --size-responsive-9: calc(9px * var(--theme-responsive-factor));
    --size-responsive-10: calc(10px * var(--theme-responsive-factor));
    --size-responsive-11: calc(11px * var(--theme-responsive-factor));
    --size-responsive-12: calc(12px * var(--theme-responsive-factor));
    --size-responsive-13: calc(13px * var(--theme-responsive-factor));
    --size-responsive-14: calc(14px * var(--theme-responsive-factor));
    --size-responsive-15: calc(15px * var(--theme-responsive-factor));
    --size-responsive-16: calc(16px * var(--theme-responsive-factor));
    --size-responsive-17: calc(17px * var(--theme-responsive-factor));
    --size-responsive-18: calc(18px * var(--theme-responsive-factor));
    --size-responsive-19: calc(19px * var(--theme-responsive-factor));
    --size-responsive-20: calc(20px * var(--theme-responsive-factor));
    --size-responsive-21: calc(21px * var(--theme-responsive-factor));
    --size-responsive-22: calc(22px * var(--theme-responsive-factor));
    --size-responsive-23: calc(23px * var(--theme-responsive-factor));
    --size-responsive-24: calc(24px * var(--theme-responsive-factor));
    --size-responsive-25: calc(25px * var(--theme-responsive-factor));
    --size-responsive-26: calc(26px * var(--theme-responsive-factor));
    --size-responsive-27: calc(27px * var(--theme-responsive-factor));
    --size-responsive-28: calc(28px * var(--theme-responsive-factor));
    --size-responsive-29: calc(29px * var(--theme-responsive-factor));
    --size-responsive-30: calc(30px * var(--theme-responsive-factor));
    --size-responsive-31: calc(31px * var(--theme-responsive-factor));
    --size-responsive-32: calc(32px * var(--theme-responsive-factor));
    --size-responsive-33: calc(33px * var(--theme-responsive-factor));
    --size-responsive-34: calc(34px * var(--theme-responsive-factor));
    --size-responsive-35: calc(35px * var(--theme-responsive-factor));
    --size-responsive-36: calc(36px * var(--theme-responsive-factor));
    --size-responsive-37: calc(37px * var(--theme-responsive-factor));
    --size-responsive-38: calc(38px * var(--theme-responsive-factor));
    --size-responsive-39: calc(39px * var(--theme-responsive-factor));
    --size-responsive-40: calc(40px * var(--theme-responsive-factor));
    --size-responsive-41: calc(41px * var(--theme-responsive-factor));
    --size-responsive-42: calc(42px * var(--theme-responsive-factor));
    --size-responsive-43: calc(43px * var(--theme-responsive-factor));
    --size-responsive-44: calc(44px * var(--theme-responsive-factor));
    --size-responsive-45: calc(45px * var(--theme-responsive-factor));
    --size-responsive-46: calc(46px * var(--theme-responsive-factor));
    --size-responsive-47: calc(47px * var(--theme-responsive-factor));
    --size-responsive-48: calc(48px * var(--theme-responsive-factor));
    --size-responsive-49: calc(49px * var(--theme-responsive-factor));
    --size-responsive-50: calc(50px * var(--theme-responsive-factor));
    --size-responsive-51: calc(51px * var(--theme-responsive-factor));
    --size-responsive-52: calc(52px * var(--theme-responsive-factor));
    --size-responsive-53: calc(53px * var(--theme-responsive-factor));
    --size-responsive-54: calc(54px * var(--theme-responsive-factor));
    --size-responsive-55: calc(55px * var(--theme-responsive-factor));
    --size-responsive-56: calc(56px * var(--theme-responsive-factor));
    --size-responsive-57: calc(57px * var(--theme-responsive-factor));
    --size-responsive-58: calc(58px * var(--theme-responsive-factor));
    --size-responsive-59: calc(59px * var(--theme-responsive-factor));
    --size-responsive-60: calc(60px * var(--theme-responsive-factor));
    --size-responsive-61: calc(61px * var(--theme-responsive-factor));
    --size-responsive-62: calc(62px * var(--theme-responsive-factor));
    --size-responsive-63: calc(63px * var(--theme-responsive-factor));
    --size-responsive-64: calc(64px * var(--theme-responsive-factor));
    --size-responsive-65: calc(65px * var(--theme-responsive-factor));
    --size-responsive-66: calc(66px * var(--theme-responsive-factor));
    --size-responsive-67: calc(67px * var(--theme-responsive-factor));
    --size-responsive-68: calc(68px * var(--theme-responsive-factor));
    --size-responsive-69: calc(69px * var(--theme-responsive-factor));
    --size-responsive-70: calc(70px * var(--theme-responsive-factor));
    --size-responsive-71: calc(71px * var(--theme-responsive-factor));
    --size-responsive-72: calc(72px * var(--theme-responsive-factor));
    --size-responsive-73: calc(73px * var(--theme-responsive-factor));
    --size-responsive-74: calc(74px * var(--theme-responsive-factor));
    --size-responsive-75: calc(75px * var(--theme-responsive-factor));
    --size-responsive-76: calc(76px * var(--theme-responsive-factor));
    --size-responsive-77: calc(77px * var(--theme-responsive-factor));
    --size-responsive-78: calc(78px * var(--theme-responsive-factor));
    --size-responsive-79: calc(79px * var(--theme-responsive-factor));
    --size-responsive-80: calc(80px * var(--theme-responsive-factor));
    --size-responsive-81: calc(81px * var(--theme-responsive-factor));
    --size-responsive-82: calc(82px * var(--theme-responsive-factor));
    --size-responsive-83: calc(83px * var(--theme-responsive-factor));
    --size-responsive-84: calc(84px * var(--theme-responsive-factor));
    --size-responsive-85: calc(85px * var(--theme-responsive-factor));
    --size-responsive-86: calc(86px * var(--theme-responsive-factor));
    --size-responsive-87: calc(87px * var(--theme-responsive-factor));
    --size-responsive-88: calc(88px * var(--theme-responsive-factor));
    --size-responsive-89: calc(89px * var(--theme-responsive-factor));
    --size-responsive-90: calc(90px * var(--theme-responsive-factor));
    --size-responsive-91: calc(91px * var(--theme-responsive-factor));
    --size-responsive-92: calc(92px * var(--theme-responsive-factor));
    --size-responsive-93: calc(93px * var(--theme-responsive-factor));
    --size-responsive-94: calc(94px * var(--theme-responsive-factor));
    --size-responsive-95: calc(95px * var(--theme-responsive-factor));
    --size-responsive-96: calc(96px * var(--theme-responsive-factor));
    --size-responsive-97: calc(97px * var(--theme-responsive-factor));
    --size-responsive-98: calc(98px * var(--theme-responsive-factor));
    --size-responsive-99: calc(99px * var(--theme-responsive-factor));
    --size-responsive-100: calc(100px * var(--theme-responsive-factor));
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --size-scalable-0: calc(
      0px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-1: calc(
      1px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-2: calc(
      2px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-3: calc(
      3px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-4: calc(
      4px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-5: calc(
      5px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-6: calc(
      6px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-7: calc(
      7px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-8: calc(
      8px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-9: calc(
      9px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-10: calc(
      10px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-11: calc(
      11px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-12: calc(
      12px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-13: calc(
      13px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-14: calc(
      14px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-15: calc(
      15px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-16: calc(
      16px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-17: calc(
      17px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-18: calc(
      18px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-19: calc(
      19px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-20: calc(
      20px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-21: calc(
      21px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-22: calc(
      22px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-23: calc(
      23px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-24: calc(
      24px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-25: calc(
      25px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-26: calc(
      26px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-27: calc(
      27px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-28: calc(
      28px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-29: calc(
      29px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-30: calc(
      30px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-31: calc(
      31px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-32: calc(
      32px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-33: calc(
      33px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-34: calc(
      34px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-35: calc(
      35px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-36: calc(
      36px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-37: calc(
      37px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-38: calc(
      38px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-39: calc(
      39px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-40: calc(
      40px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-41: calc(
      41px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-42: calc(
      42px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-43: calc(
      43px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-44: calc(
      44px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-45: calc(
      45px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-46: calc(
      46px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-47: calc(
      47px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-48: calc(
      48px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-49: calc(
      49px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-50: calc(
      50px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-51: calc(
      51px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-52: calc(
      52px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-53: calc(
      53px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-54: calc(
      54px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-55: calc(
      55px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-56: calc(
      56px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-57: calc(
      57px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-58: calc(
      58px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-59: calc(
      59px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-60: calc(
      60px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-61: calc(
      61px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-62: calc(
      62px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-63: calc(
      63px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-64: calc(
      64px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-65: calc(
      65px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-66: calc(
      66px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-67: calc(
      67px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-68: calc(
      68px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-69: calc(
      69px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-70: calc(
      70px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-71: calc(
      71px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-72: calc(
      72px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-73: calc(
      73px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-74: calc(
      74px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-75: calc(
      75px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-76: calc(
      76px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-77: calc(
      77px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-78: calc(
      78px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-79: calc(
      79px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-80: calc(
      80px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-81: calc(
      81px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-82: calc(
      82px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-83: calc(
      83px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-84: calc(
      84px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-85: calc(
      85px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-86: calc(
      86px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-87: calc(
      87px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-88: calc(
      88px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-89: calc(
      89px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-90: calc(
      90px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-91: calc(
      91px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-92: calc(
      92px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-93: calc(
      93px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-94: calc(
      94px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-95: calc(
      95px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-96: calc(
      96px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-97: calc(
      97px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-98: calc(
      98px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-99: calc(
      99px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
    --size-scalable-100: calc(
      100px * var(--theme-responsive-factor) * var(--theme-scale-factor)
    );
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --size-rounded-none: 0px;
    --size-rounded-small: calc(
      var(--theme-border-radius) * 0.6666666667 * var(--theme-responsive-factor)
    );
    --size-rounded-medium: calc(
      var(--theme-border-radius) * var(--theme-responsive-factor)
    );
    --size-rounded-large: calc(
      var(--theme-border-radius) * 1.3333333333 * var(--theme-responsive-factor)
    );
    --size-rounded-xlarge: calc(
      var(--theme-border-radius) * 1.6666666667 * var(--theme-responsive-factor)
    );
    --size-rounded-complete: 100%;
    --size-rounded-pill: 9999px;
  }
}

@media only screen and (max-width: 767px) {
  html {
    font-size: calc(var(--theme-font-size) * var(--theme-responsive-factor));
  }
}

:root,
::backdrop {
  --palette-default-active: #1434cb;
  --palette-default-active-hover: #173be8;
  --palette-default-active-pressed: #0f2595;
  --palette-default-active-subtle: rgba(0, 0, 0, 0.5);
  --palette-default-active-accent: #fcc015;
  --palette-default-surface-1: #ffffff;
  --palette-default-surface-2: #f5f5f5;
  --palette-default-surface-3: #f0f0f0;
  --palette-default-surface-highlight: rgba(179, 215, 255, 0.35);
  --palette-default-surface-lowlight: rgba(179, 215, 255, 0.6);
  --palette-default-text: #000000;
  --palette-default-text-subtle: #4a4a4a;
  --palette-default-text-on-active: #ffffff;
  --palette-default-border: rgba(0, 0, 0, 0.1);
  --palette-default-disabled: rgba(0, 0, 0, 0.2);
  --palette-default-overlay: rgba(20, 34, 57, 0.4);
  --palette-default-transparent: rgba(255, 255, 255, 0);
  --palette-messaging-highlight-positive: rgba(214, 242, 196, 0.35);
  --palette-messaging-lowlight-positive: rgba(214, 242, 196, 0.6);
  --palette-messaging-surface-positive: #d6f2c4;
  --palette-messaging-graphics-positive: #40996b;
  --palette-messaging-text-hover-positive: #327753;
  --palette-messaging-text-positive: #2c6849;
  --palette-messaging-text-pressed-positive: #1a3d2b;
  --palette-messaging-highlight-warning: #ffef99;
  --palette-messaging-graphics-warning: #c38004;
  --palette-messaging-text-warning: #875903;
  --palette-messaging-highlight-negative: rgba(255, 214, 233, 0.35);
  --palette-messaging-lowlight-negative: rgba(255, 214, 233, 0.6);
  --palette-messaging-surface-negative: #ffd6e9;
  --palette-messaging-graphics-negative: #d65151;
  --palette-messaging-text-hover-negative: #c62f2f;
  --palette-messaging-text-negative: #ad2929;
  --palette-messaging-text-pressed-negative: #7c1d1d;
  --palette-messaging-highlight-info: #c7edff;
  --palette-messaging-graphics-info: #0088c7;
  --palette-messaging-text-info: #005e8a;
  --palette-accent-app-name: #1434cb;
}

.v-alternate {
  --palette-default-active: #fcc015;
  --palette-default-active-hover: #fcc936;
  --palette-default-active-pressed: #d39d03;
  --palette-default-active-subtle: rgba(255, 255, 255, 0.5);
  --palette-default-active-accent: #ffffff;
  --palette-default-surface-1: #1434cb;
  --palette-default-surface-2: #122fba;
  --palette-default-surface-3: #112aa7;
  --palette-default-surface-highlight: rgba(2, 30, 76, 0.35);
  --palette-default-surface-lowlight: rgba(2, 30, 76, 0.6);
  --palette-default-text: #ffffff;
  --palette-default-text-subtle: #d9d9d9;
  --palette-default-text-on-active: #021e4c;
  --palette-default-border: rgba(255, 255, 255, 0.1);
  --palette-default-disabled: rgba(255, 255, 255, 0.2);
  --palette-default-overlay: rgba(255, 255, 255, 0.4);
  --palette-default-transparent: rgba(0, 0, 0, 0);
  --palette-accent-app-name: #fff;
}

:root,
::backdrop {
  --theme-font-size: 14px;
  --theme-focus-outline-size: 1px;
  --theme-focus-outline-offset: var(--size-scalable-1);
  --theme-border-size: 2px;
  --theme-border-radius: 6px;
  --theme-responsive-factor: 1.25;
  --theme-scale-factor: 1;
}

:root,
::backdrop {
  --typography-display-1-font-family: visa-font-semi-bold, Open Sans, sans-serif;
  --typography-display-1-font-size: 4.2857142857rem;
  --typography-display-1-font-weight: 600;
  --typography-display-1-letter-spacing: 0rem;
  --typography-display-1-line-height: 5.5714285714rem;
  --typography-display-1-text-decoration: none;
  --typography-display-1-text-transform: none;
  --typography-display-2-font-family: visa-font-semi-bold, Open Sans, sans-serif;
  --typography-display-2-font-size: 3.5rem;
  --typography-display-2-font-weight: 600;
  --typography-display-2-letter-spacing: 0rem;
  --typography-display-2-line-height: 4.4285714286rem;
  --typography-display-2-text-decoration: none;
  --typography-display-2-text-transform: none;
  --typography-headline-1-font-family: visa-font-semi-bold, Open Sans,
    sans-serif;
  --typography-headline-1-font-size: 2.2857142857rem;
  --typography-headline-1-font-weight: 600;
  --typography-headline-1-letter-spacing: 0.0357142857rem;
  --typography-headline-1-line-height: 3rem;
  --typography-headline-1-text-decoration: none;
  --typography-headline-1-text-transform: none;
  --typography-headline-2-font-family: visa-font-medium, Open Sans, sans-serif;
  --typography-headline-2-font-size: 1.7857142857rem;
  --typography-headline-2-font-weight: 500;
  --typography-headline-2-letter-spacing: 0rem;
  --typography-headline-2-line-height: 2.3571428571rem;
  --typography-headline-2-text-decoration: none;
  --typography-headline-2-text-transform: none;
  --typography-headline-3-font-family: visa-font-semi-bold, Open Sans,
    sans-serif;
  --typography-headline-3-font-size: 1.4285714286rem;
  --typography-headline-3-font-weight: 600;
  --typography-headline-3-letter-spacing: 0rem;
  --typography-headline-3-line-height: 1.8571428571rem;
  --typography-headline-3-text-decoration: none;
  --typography-headline-3-text-transform: none;
  --typography-headline-4-font-family: visa-font-semi-bold, Open Sans,
    sans-serif;
  --typography-headline-4-font-size: 1.2857142857rem;
  --typography-headline-4-font-weight: 600;
  --typography-headline-4-letter-spacing: 0rem;
  --typography-headline-4-line-height: 1.7142857143rem;
  --typography-headline-4-text-decoration: none;
  --typography-headline-4-text-transform: none;
  --typography-subtitle-1-font-family: visa-font-semi-bold, Open Sans,
    sans-serif;
  --typography-subtitle-1-font-size: 1.1428571429rem;
  --typography-subtitle-1-font-weight: 600;
  --typography-subtitle-1-letter-spacing: 0rem;
  --typography-subtitle-1-line-height: 1.5rem;
  --typography-subtitle-1-text-decoration: none;
  --typography-subtitle-1-text-transform: none;
  --typography-subtitle-2-font-family: visa-font-medium, Open Sans, sans-serif;
  --typography-subtitle-2-font-size: 1.1428571429rem;
  --typography-subtitle-2-font-weight: 500;
  --typography-subtitle-2-letter-spacing: 0rem;
  --typography-subtitle-2-line-height: 1.5rem;
  --typography-subtitle-2-text-decoration: none;
  --typography-subtitle-2-text-transform: none;
  --typography-subtitle-3-font-family: visa-font-semi-bold, Open Sans,
    sans-serif;
  --typography-subtitle-3-font-size: 1rem;
  --typography-subtitle-3-font-weight: 600;
  --typography-subtitle-3-letter-spacing: 0rem;
  --typography-subtitle-3-line-height: 1.2857142857rem;
  --typography-subtitle-3-text-decoration: none;
  --typography-subtitle-3-text-transform: none;
  --typography-overline-font-family: visa-font-semi-bold, Open Sans, sans-serif;
  --typography-overline-font-size: 0.7142857143rem;
  --typography-overline-font-weight: 600;
  --typography-overline-letter-spacing: 0.0714285714rem;
  --typography-overline-line-height: 0.9285714286rem;
  --typography-overline-text-decoration: none;
  --typography-overline-text-transform: uppercase;
  --typography-body-1-font-family: visa-font-regular, Open Sans, sans-serif;
  --typography-body-1-font-size: 1.1428571429rem;
  --typography-body-1-font-weight: 400;
  --typography-body-1-letter-spacing: 0rem;
  --typography-body-1-line-height: 1.7142857143rem;
  --typography-body-1-text-decoration: none;
  --typography-body-1-text-transform: none;
  --typography-body-2-font-family: visa-font-regular, Open Sans, sans-serif;
  --typography-body-2-font-size: 1rem;
  --typography-body-2-font-weight: 400;
  --typography-body-2-letter-spacing: 0rem;
  --typography-body-2-line-height: 1.5714285714rem;
  --typography-body-2-text-decoration: none;
  --typography-body-2-text-transform: none;
  --typography-body-2-bold-font-family: visa-font-semi-bold, Open Sans,
    sans-serif;
  --typography-body-2-bold-font-size: 1rem;
  --typography-body-2-bold-font-weight: 600;
  --typography-body-2-bold-letter-spacing: 0rem;
  --typography-body-2-bold-line-height: 1.5714285714rem;
  --typography-body-2-bold-text-decoration: none;
  --typography-body-2-bold-text-transform: none;
  --typography-body-2-link-font-family: visa-font-medium, Open Sans, sans-serif;
  --typography-body-2-link-font-size: 1rem;
  --typography-body-2-link-font-weight: 500;
  --typography-body-2-link-letter-spacing: 0rem;
  --typography-body-2-link-line-height: 1.5714285714rem;
  --typography-body-2-link-text-decoration: underline;
  --typography-body-2-link-text-transform: none;
  --typography-body-2-medium-font-family: visa-font-medium, Open Sans,
    sans-serif;
  --typography-body-2-medium-font-size: 1rem;
  --typography-body-2-medium-font-weight: 500;
  --typography-body-2-medium-letter-spacing: 0rem;
  --typography-body-2-medium-line-height: 1.5714285714rem;
  --typography-body-2-medium-text-decoration: none;
  --typography-body-2-medium-text-transform: none;
  --typography-body-3-font-family: visa-font-regular, Open Sans, sans-serif;
  --typography-body-3-font-size: 0.8571428571rem;
  --typography-body-3-font-weight: 400;
  --typography-body-3-letter-spacing: 0rem;
  --typography-body-3-line-height: 1.2857142857rem;
  --typography-body-3-text-decoration: none;
  --typography-body-3-text-transform: none;
  --typography-button-large-font-family: visa-font-semi-bold, Open Sans,
    sans-serif;
  --typography-button-large-font-size: 1rem;
  --typography-button-large-font-weight: 600;
  --typography-button-large-letter-spacing: 0.0178571429rem;
  --typography-button-large-line-height: 1.2857142857rem;
  --typography-button-large-text-decoration: none;
  --typography-button-large-text-transform: none;
  --typography-button-medium-font-family: visa-font-semi-bold, Open Sans,
    sans-serif;
  --typography-button-medium-font-size: 0.8571428571rem;
  --typography-button-medium-font-weight: 600;
  --typography-button-medium-letter-spacing: 0.0178571429rem;
  --typography-button-medium-line-height: 1.1428571429rem;
  --typography-button-medium-text-decoration: none;
  --typography-button-medium-text-transform: none;
  --typography-button-small-font-family: visa-font-medium, Open Sans, sans-serif;
  --typography-button-small-font-size: 0.8571428571rem;
  --typography-button-small-font-weight: 500;
  --typography-button-small-letter-spacing: 0.0178571429rem;
  --typography-button-small-line-height: 1.1428571429rem;
  --typography-button-small-text-decoration: none;
  --typography-button-small-text-transform: none;
  --typography-label-large-font-family: visa-font-regular, Open Sans, sans-serif;
  --typography-label-large-font-size: 1rem;
  --typography-label-large-font-weight: 400;
  --typography-label-large-letter-spacing: 0rem;
  --typography-label-large-line-height: 1.2857142857rem;
  --typography-label-large-text-decoration: none;
  --typography-label-large-text-transform: none;
  --typography-label-large-active-font-family: visa-font-medium, Open Sans,
    sans-serif;
  --typography-label-large-active-font-size: 1rem;
  --typography-label-large-active-font-weight: 500;
  --typography-label-large-active-letter-spacing: 0rem;
  --typography-label-large-active-line-height: 1.2857142857rem;
  --typography-label-large-active-text-decoration: none;
  --typography-label-large-active-text-transform: none;
  --typography-label-font-family: visa-font-regular, Open Sans, sans-serif;
  --typography-label-font-size: 0.8571428571rem;
  --typography-label-font-weight: 400;
  --typography-label-letter-spacing: 0rem;
  --typography-label-line-height: 16px;
  --typography-label-text-decoration: none;
  --typography-label-text-transform: none;
  --typography-label-active-font-family: visa-font-medium, Open Sans, sans-serif;
  --typography-label-active-font-size: 0.8571428571rem;
  --typography-label-active-font-weight: 500;
  --typography-label-active-letter-spacing: 0rem;
  --typography-label-active-line-height: 1.1428571429rem;
  --typography-label-active-text-decoration: none;
  --typography-label-active-text-transform: none;
  --typography-label-small-font-family: visa-font-regular, Open Sans, sans-serif;
  --typography-label-small-font-size: 0.7857142857rem;
  --typography-label-small-font-weight: 400;
  --typography-label-small-letter-spacing: 0rem;
  --typography-label-small-line-height: 1rem;
  --typography-label-small-text-decoration: none;
  --typography-label-small-text-transform: none;
  --typography-label-small-active-font-family: visa-font-regular, Open Sans,
    sans-serif;
  --typography-label-small-active-font-size: 0.7857142857rem;
  --typography-label-small-active-font-weight: 600;
  --typography-label-small-active-letter-spacing: 0rem;
  --typography-label-small-active-line-height: 1rem;
  --typography-label-small-active-text-decoration: none;
  --typography-label-small-active-text-transform: none;
}

:root,
.v-alternate {
  --v-action-primary-block-size: var(--size-scalable-38);
  --v-action-primary-font-size: var(--typography-label-font-size);
  --v-action-primary-font-weight: 600;
  --v-action-primary-letter-spacing: 0.25px;
  --v-action-primary-line-height: var(--typography-label-line-height);
  --v-action-primary-padding-block: calc(
    var(--size-scalable-10) - var(--v-action-primary-border-size)
  );
  --v-action-primary-padding-inline: calc(
    var(--size-scalable-14) - var(--v-action-primary-border-size)
  );
  --v-action-primary-background: var(--palette-default-active);
  --v-action-primary-border-color: var(--palette-default-active);
  --v-action-primary-border-radius: var(--size-rounded-medium);
  --v-action-primary-border-size: var(--theme-border-size);
  --v-action-primary-border-style: solid;
  --v-action-primary-foreground: var(--palette-default-text-on-active);
  --v-action-primary-hover-background: var(--palette-default-active-hover);
  --v-action-primary-hover-border-color: var(--palette-default-active-hover);
  --v-action-primary-hover-foreground: var(--palette-default-text-on-active);
  --v-action-primary-focus-background: var(--palette-default-active-hover);
  --v-action-primary-focus-border-color: var(--palette-default-active-hover);
  --v-action-primary-focus-foreground: var(--palette-default-text-on-active);
  --v-action-primary-active-background: var(--palette-default-active-pressed);
  --v-action-primary-active-border-color: var(--palette-default-active-pressed);
  --v-action-primary-active-foreground: var(--palette-default-text-on-active);
  --v-action-primary-disabled-background: var(--palette-default-disabled);
  --v-action-primary-disabled-border-color: var(--palette-default-transparent);
  --v-action-primary-disabled-foreground: var(--palette-default-text-on-active);
}

:root,
.v-alternate {
  --v-action-secondary-block-size: var(--size-scalable-38);
  --v-action-secondary-font-size: var(--typography-label-font-size);
  --v-action-secondary-font-weight: 600;
  --v-action-secondary-gap: var(--size-scalable-2);
  --v-action-secondary-letter-spacing: 0.5px;
  --v-action-secondary-line-height: var(--typography-label-line-height);
  --v-action-secondary-padding-block: calc(
    var(--size-scalable-10) - var(--v-action-secondary-border-size)
  );
  --v-action-secondary-padding-inline: calc(
    var(--size-scalable-14) - var(--v-action-secondary-border-size)
  );
  --v-action-secondary-background: var(--palette-default-surface-1);
  --v-action-secondary-border-color: var(--palette-default-active);
  --v-action-secondary-border-radius: var(--size-rounded-medium);
  --v-action-secondary-border-size: calc(var(--theme-border-size) / 2);
  --v-action-secondary-border-style: solid;
  --v-action-secondary-foreground: var(--palette-default-active);
  --v-action-secondary-hover-background: var(
    --palette-default-surface-highlight
  );
  --v-action-secondary-hover-border-color: var(--palette-default-active-hover);
  --v-action-secondary-hover-foreground: var(--palette-default-active-hover);
  --v-action-secondary-focus-background: var(
    --palette-default-surface-highlight
  );
  --v-action-secondary-focus-border-color: var(--palette-default-active-hover);
  --v-action-secondary-focus-foreground: var(--palette-default-active-hover);
  --v-action-secondary-active-background: var(
    --palette-default-surface-lowlight
  );
  --v-action-secondary-active-border-color: var(
    --palette-default-active-pressed
  );
  --v-action-secondary-active-foreground: var(--palette-default-active-pressed);
  --v-action-secondary-disabled-background: var(--palette-default-surface-1);
  --v-action-secondary-disabled-border-color: var(--palette-default-disabled);
  --v-action-secondary-disabled-foreground: var(--palette-default-disabled);
  --v-surface-background: var(--palette-default-surface-1);
  --v-surface-border-color: var(--palette-default-border);
  --v-surface-border-radius: var(--size-rounded-none);
  --v-surface-border-size: 0px;
  --v-surface-border-style: solid;
  --v-surface-foreground: var(--palette-default-text);
  --v-surface-inline-size: 100%;
  --v-surface-padding-block: var(--size-scalable-8);
  --v-surface-padding-inline: var(--size-scalable-8);
}

:root,
.v-alternate {
  --v-input-background: var(--palette-default-transparent);
  --v-input-border-color: var(--palette-default-transparent);
  --v-input-border-radius: var(--size-rounded-none);
  --v-input-border-size: 0px;
  --v-input-border-style: solid;
  --v-input-color: var(--palette-default-text);
  --v-input-font-size: var(--theme-font-size);
  --v-input-inline-size: auto;
  --v-input-padding-block: var(--size-scalable-0);
  --v-input-padding-inline: var(--size-scalable-0);
  --v-input-container-background: var(--palette-default-surface-1);
  --v-input-container-block-size: var(--size-scalable-38);
  --v-input-container-border-color: var(--palette-default-active-subtle);
  --v-input-container-border-radius: var(--size-rounded-medium);
  --v-input-container-border-style: solid;
  --v-input-container-border-width: calc(var(--theme-border-size) / 2);
  --v-input-container-display: flex;
  --v-input-container-gap: var(--size-scalable-6);
  --v-input-container-checkbox-gap: var(--size-scalable-2);
  --v-input-container-padding-block: var(--size-scalable-3);
  --v-input-container-padding-inline: var(--size-scalable-6);
  --v-input-indicator-color: var(--palette-default-active-subtle);
  --v-input-indicator-size: var(--size-responsive-0);
  --v-input-label-color: var(--palette-default-text-subtle);
  --v-input-message-color: var(--palette-default-text-subtle);
  --v-input-message-display: flex;
  --v-input-message-gap: var(--size-scalable-4);
  --v-input-message-size: var(--typography-label-font-size);
  --v-input-icon-color-primary: var(--palette-default-active);
  --v-input-icon-color-secondary: var(--palette-default-active);
  --v-input-hover-container-border-color: var(--palette-default-active-hover);
  --v-input-hover-indicator-color: var(--palette-default-active-hover);
  --v-input-hover-indicator-size: var(--size-responsive-1);
  --v-input-active-container-border-color: var(
    --palette-default-active-pressed
  );
  --v-input-active-indicator-color: var(--palette-default-active-pressed);
  --v-input-active-indicator-size: var(--size-responsive-1);
  --v-input-active-label-color: var(--palette-default-text-subtle);
  --v-input-focus-container-border-color: var(--palette-default-active-hover);
  --v-input-focus-indicator-color: var(--palette-default-active-hover);
  --v-input-focus-indicator-size: var(--size-responsive-1);
  --v-input-focus-label-color: var(--palette-default-active-hover);
  --v-input-readonly-container-border-style: dashed;
  --v-input-readonly-container-border-color: var(
    --palette-default-active-subtle
  );
  --v-input-readonly-indicator-size: var(--size-responsive-0);
  --v-input-disabled-color: var(--palette-default-disabled);
  --v-input-disabled-container-border-style: dashed;
  --v-input-disabled-container-border-color: var(--palette-default-disabled);
  --v-input-disabled-indicator-color: var(--palette-default-disabled);
  --v-input-disabled-label-color: var(--palette-default-disabled);
  --v-input-disabled-message-color: var(--palette-default-disabled);
  --v-input-error-container-border-color: var(
    --palette-messaging-graphics-negative
  );
  --v-input-error-indicator-color: var(--palette-messaging-graphics-negative);
  --v-input-error-label-color: var(--palette-messaging-text-negative);
  --v-input-error-message-color: var(--palette-messaging-text-negative);
  --v-input-error-hover-container-border-color: var(
    --palette-messaging-graphics-negative
  );
  --v-input-error-hover-indicator-color: var(
    --palette-messaging-graphics-negative
  );
  --v-input-error-hover-indicator-size: var(--size-responsive-1);
  --v-input-error-hover-label-color: var(--palette-messaging-text-negative);
  --v-input-error-hover-message-color: var(--palette-messaging-text-negative);
}

.v-input {
  --typography-font-family: var(--typography-body-2-font-family);
  --typography-font-size: var(--typography-body-2-font-size);
  --typography-font-weight: var(--typography-body-2-font-weight);
  --typography-letter-spacing: var(--typography-body-2-letter-spacing);
  --typography-line-height: var(--typography-body-2-line-height);
  --typography-text-decoration: var(--typography-body-2-text-decoration);
  --typography-text-transform: var(--typography-body-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  background-color: var(--v-input-background);
  border-color: var(--v-input-border-color);
  border-radius: var(--v-input-border-radius);
  border-width: var(--v-input-border-size);
  border-style: var(--v-input-border-style);
  color: var(--v-input-color);
  flex-grow: 1;
  font-size: var(--v-input-font-size);
  inline-size: var(--v-input-inline-size);
  padding-block: var(--v-input-padding-block);
  padding-inline: var(--v-input-padding-inline);
}

:root,
.v-alternate {
  --v-message-border-style: solid;
  --v-message-border-block-end-size: calc(var(--theme-border-size) * 1.5);
  --v-message-border-block-start-size: calc(var(--theme-border-size) * 1.5);
  --v-message-border-inline-end-size: calc(var(--theme-border-size) * 1.5);
  --v-message-border-inline-start-size: calc(var(--theme-border-size) * 1.5);
  --v-message-border-radius: var(--size-rounded-none);
  --v-message-display: flex;
  --v-message-elevation: var(--elevation-none);
  --v-message-gap: var(--size-scalable-8);
  --v-message-max-inline-size: none;
  --v-message-padding-block-end: var(--size-scalable-16);
  --v-message-padding-block-start: var(--size-scalable-16);
  --v-message-padding-inline-end: var(--size-scalable-16);
  --v-message-padding-inline-start: var(--size-scalable-16);
  --v-message-icon-size: 1.5714285714rem;
  --v-message-icon-color: var(--palette-messaging-graphics-info);
  --v-message-background: var(--palette-messaging-highlight-info);
  --v-message-border-color: var(--palette-messaging-graphics-info);
  --v-message-graphics: var(--palette-messaging-graphics-info);
  --v-message-text: var(--palette-messaging-text-info);
  --v-message-background-info: var(--palette-messaging-highlight-info);
  --v-message-border-color-info: var(--palette-messaging-graphics-info);
  --v-message-graphics-info: var(--palette-messaging-graphics-info);
  --v-message-text-info: var(--palette-messaging-text-info);
  --v-message-background-success: var(--palette-messaging-surface-positive);
  --v-message-border-color-success: var(--palette-messaging-graphics-positive);
  --v-message-graphics-success: var(--palette-messaging-graphics-positive);
  --v-message-text-success: var(--palette-messaging-text-positive);
  --v-message-background-warning: var(--palette-messaging-highlight-warning);
  --v-message-border-color-warning: var(--palette-messaging-graphics-warning);
  --v-message-graphics-warning: var(--palette-messaging-graphics-warning);
  --v-message-text-warning: var(--palette-messaging-text-warning);
  --v-message-background-error: var(--palette-messaging-surface-negative);
  --v-message-border-color-error: var(--palette-messaging-graphics-negative);
  --v-message-graphics-error: var(--palette-messaging-graphics-negative);
  --v-message-text-error: var(--palette-messaging-text-negative);
}

.v-message {
  background-color: var(--v-message-background);
  border-block-end-width: var(--v-message-border-block-end-size);
  border-block-start-width: var(--v-message-border-block-start-size);
  border-color: var(--v-message-border-color);
  border-inline-end-width: var(--v-message-border-inline-end-size);
  border-inline-start-width: var(--v-message-border-inline-start-size);
  border-radius: var(--v-message-border-radius);
  border-style: var(--v-message-border-style);
  box-shadow: var(--v-message-elevation);
  display: var(--v-message-display);
  gap: var(--v-message-gap);
  max-inline-size: var(--v-message-max-inline-size);
  overflow: hidden;
  padding-block-end: var(--v-message-padding-block-end);
  padding-block-start: var(--v-message-padding-block-start);
  padding-inline-end: var(--v-message-padding-inline-end);
  padding-inline-start: var(--v-message-padding-inline-start);
}

.v-nav,
.v-surface {
  background-color: var(--v-surface-background);
  border-color: var(--v-surface-border-color);
  border-radius: var(--v-surface-border-radius);
  border-style: var(--v-surface-border-style);
  border-width: var(--v-surface-border-size);
  color: var(--v-surface-foreground);
  inline-size: var(--v-surface-inline-size);
  padding-block: var(--v-surface-padding-block);
  padding-inline: var(--v-surface-padding-inline);
}

.v-surface-2 {
  background-color: var(--v-surface-background);
  border-color: var(--v-surface-border-color);
  border-radius: var(--v-surface-border-radius);
  border-style: var(--v-surface-border-style);
  border-width: var(--v-surface-border-size);
  color: var(--v-surface-foreground);
  inline-size: var(--v-surface-inline-size);
  padding-block: var(--v-surface-padding-block);
  padding-inline: var(--v-surface-padding-inline);
  --v-surface-background: var(--palette-default-surface-2);
}

.v-surface-3 {
  background-color: var(--v-surface-background);
  border-color: var(--v-surface-border-color);
  border-radius: var(--v-surface-border-radius);
  border-style: var(--v-surface-border-style);
  border-width: var(--v-surface-border-size);
  color: var(--v-surface-foreground);
  inline-size: var(--v-surface-inline-size);
  padding-block: var(--v-surface-padding-block);
  padding-inline: var(--v-surface-padding-inline);
  --v-surface-background: var(--palette-default-surface-3);
}

.v-message .v-message-content {
  color: var(--v-message-text);
  flex-grow: 1;
}

.v-message .v-message-icon {
  --v-icon-primary: var(--v-message-icon-color);
  --v-icon-secondary: var(--v-message-icon-color);
}

.v-message-info {
  --v-message-background: var(--v-message-background-info);
  --v-message-border-color: var(--v-message-border-color-info);
  --v-message-graphics: var(--v-message-graphics-info);
  --v-message-text: var(--v-message-text-info);
  --v-message-icon-color: var(--v-message-graphics-info);
}

.v-message-success {
  --v-message-background: var(--v-message-background-success);
  --v-message-border-color: var(--v-message-border-color-success);
  --v-message-graphics: var(--v-message-graphics-success);
  --v-message-text: var(--v-message-text-success);
  --v-message-icon-color: var(--v-message-graphics-success);
}

.v-message-warning {
  --v-message-background: var(--v-message-background-warning);
  --v-message-border-color: var(--v-message-border-color-warning);
  --v-message-graphics: var(--v-message-graphics-warning);
  --v-message-text: var(--v-message-text-warning);
  --v-message-icon-color: var(--v-message-graphics-warning);
}

.v-message-error {
  --v-message-background: var(--v-message-background-error);
  --v-message-border-color: var(--v-message-border-color-error);
  --v-message-graphics: var(--v-message-graphics-error);
  --v-message-text: var(--v-message-text-error);
  --v-message-icon-color: var(--v-message-graphics-error);
}

.v-input-error,
.v-input-container:has(.v-input[aria-invalid="true"]),
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"]),
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"])
  ~ .v-input-message,
*:has(.v-checkbox[aria-invalid="true"]) + .v-input-message,
*:has(.v-radio[aria-invalid="true"]) + .v-input-message,
fieldset:has(.v-checkbox[aria-invalid="true"]) > legend,
fieldset:has(.v-checkbox[aria-invalid="true"]) > .v-input-message,
fieldset:has(.v-input[aria-invalid="true"]) > legend,
fieldset:has(.v-input[aria-invalid="true"]) > .v-input-message,
fieldset:has(.v-radio[aria-invalid="true"]) > legend,
fieldset:has(.v-radio[aria-invalid="true"]) > .v-input-message {
  color: var(--v-input-error-message-color);
}

.v-input-error,
.v-input-error:active,
.v-input-error:focus-visible,
.v-input-error:hover,
.v-input-container:has(.v-input[aria-invalid="true"]),
.v-input-container:has(.v-input[aria-invalid="true"]):active,
.v-input-container:has(.v-input[aria-invalid="true"]):focus-visible,
.v-input-container:has(.v-input[aria-invalid="true"]):hover,
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"]),
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"]):active,
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"]):focus-visible,
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"]):hover,
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"])
  ~ .v-input-message,
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"])
  ~ .v-input-message:active,
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"])
  ~ .v-input-message:focus-visible,
.v-label:has(+ .v-input-container .v-input[aria-invalid="true"])
  ~ .v-input-message:hover,
*:has(.v-checkbox[aria-invalid="true"]) + .v-input-message,
*:has(.v-checkbox[aria-invalid="true"]) + .v-input-message:active,
*:has(.v-checkbox[aria-invalid="true"]) + .v-input-message:focus-visible,
*:has(.v-checkbox[aria-invalid="true"]) + .v-input-message:hover,
*:has(.v-radio[aria-invalid="true"]) + .v-input-message,
*:has(.v-radio[aria-invalid="true"]) + .v-input-message:active,
*:has(.v-radio[aria-invalid="true"]) + .v-input-message:focus-visible,
*:has(.v-radio[aria-invalid="true"]) + .v-input-message:hover,
fieldset:has(.v-checkbox[aria-invalid="true"]) > legend,
fieldset:has(.v-checkbox[aria-invalid="true"]) > legend:active,
fieldset:has(.v-checkbox[aria-invalid="true"]) > legend:focus-visible,
fieldset:has(.v-checkbox[aria-invalid="true"]) > legend:hover,
fieldset:has(.v-checkbox[aria-invalid="true"]) > .v-input-message,
fieldset:has(.v-checkbox[aria-invalid="true"]) > .v-input-message:active,
fieldset:has(.v-checkbox[aria-invalid="true"]) > .v-input-message:focus-visible,
fieldset:has(.v-checkbox[aria-invalid="true"]) > .v-input-message:hover,
fieldset:has(.v-input[aria-invalid="true"]) > legend,
fieldset:has(.v-input[aria-invalid="true"]) > legend:active,
fieldset:has(.v-input[aria-invalid="true"]) > legend:focus-visible,
fieldset:has(.v-input[aria-invalid="true"]) > legend:hover,
fieldset:has(.v-input[aria-invalid="true"]) > .v-input-message,
fieldset:has(.v-input[aria-invalid="true"]) > .v-input-message:active,
fieldset:has(.v-input[aria-invalid="true"]) > .v-input-message:focus-visible,
fieldset:has(.v-input[aria-invalid="true"]) > .v-input-message:hover,
fieldset:has(.v-radio[aria-invalid="true"]) > legend,
fieldset:has(.v-radio[aria-invalid="true"]) > legend:active,
fieldset:has(.v-radio[aria-invalid="true"]) > legend:focus-visible,
fieldset:has(.v-radio[aria-invalid="true"]) > legend:hover,
fieldset:has(.v-radio[aria-invalid="true"]) > .v-input-message,
fieldset:has(.v-radio[aria-invalid="true"]) > .v-input-message:active,
fieldset:has(.v-radio[aria-invalid="true"]) > .v-input-message:focus-visible,
fieldset:has(.v-radio[aria-invalid="true"]) > .v-input-message:hover {
  --v-label-color: var(--v-input-error-label-color);
  --v-input-container-border-color: var(--v-input-error-container-border-color);
  --v-input-indicator-color: var(--v-input-error-indicator-color);
  --v-input-message-color: var(--v-input-error-message-color);
  --v-icon-primary: var(--v-input-error-indicator-color);
  --v-icon-secondary: var(--v-input-error-indicator-color);
}

.v-input-message {
  --typography-font-family: var(--typography-label-font-family);
  --typography-font-size: var(--typography-label-font-size);
  --typography-font-weight: var(--typography-label-font-weight);
  --typography-letter-spacing: var(--typography-label-letter-spacing);
  --typography-line-height: var(--typography-label-line-height);
  --typography-text-decoration: var(--typography-label-text-decoration);
  --typography-text-transform: var(--typography-label-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  color: var(--v-input-message-color);
  display: var(--v-input-message-display);
  gap: var(--v-input-message-gap);
}

.v-input-container {
  align-items: center;
  box-shadow: inset 0px calc(-1 * var(--v-input-indicator-size)) 0px 0px
    var(--v-input-indicator-color);
  display: var(--v-input-container-display);
  gap: var(--v-input-container-gap);
  min-block-size: var(--v-input-container-block-size);
  --v-surface-background: var(--v-input-container-background);
  --v-surface-border-color: var(--v-input-container-border-color);
  --v-surface-border-radius: var(--v-input-container-border-radius);
  --v-surface-border-style: var(--v-input-container-border-style);
  --v-surface-border-size: var(--v-input-container-border-width);
  --v-surface-padding-block: var(--v-input-container-padding-block);
  --v-surface-padding-inline: var(--v-input-container-padding-inline);
  --v-icon-primary: var(--v-input-icon-color-primary);
  --v-icon-secondary: var(--v-input-icon-color-secondary);
  --v-input-placeholder-color: var(--palette-default-text-subtle);
}

.v-input-container .v-input {
  --v-input-inline-size: 100%;
}

.v-input-container .v-input::placeholder {
  color: var(--v-input-placeholder-color);
}

.v-input-container:hover {
  --v-input-container-border-color: var(--v-input-hover-container-border-color);
  --v-input-indicator-color: var(--v-input-hover-indicator-color);
  --v-input-indicator-size: var(--v-input-hover-indicator-size);
  position: relative;
}

@media (forced-colors: active) {
  .v-input-container:hover::after {
    content: "";
    position: absolute;
    display: block;
    border-block-end: calc(var(--v-input-hover-indicator-size) + 1px) solid
      rgba(0, 0, 0, 0);
    inset-inline: 0;
    inset-block-end: calc(-1 * (var(--v-input-hover-indicator-size) - 1px));
  }

  .v-input-container:hover:has(.v-input[readonly])::after,
  .v-input-container:hover:has(.v-input:disabled)::after {
    display: none;
  }
}

.v-input-container:has(.v-input:focus-visible) {
  --v-input-container-border-color: var(--v-input-focus-container-border-color);
  --v-input-indicator-color: var(--v-input-focus-indicator-color);
  --v-input-indicator-size: var(--v-input-focus-indicator-size);
}

.v-input-container:has(.v-input:focus-visible):has(select.v-input) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
}

.v-input-container:has(.v-input:focus-visible) .v-input {
  outline-width: var(--size-responsive-0);
}

.v-label:has(+ .v-input-container .v-input:focus-visible) {
  --v-label-color: var(--v-input-focus-label-color);
}

.v-input-container:has(.v-input:active) {
  --v-input-container-border-color: var(
    --v-input-active-container-border-color
  );
  --v-input-indicator-color: var(--v-input-active-indicator-color);
  --v-input-indicator-size: var(--v-input-active-indicator-size);
}

.v-label:has(+ .v-input-container .v-input:active) {
  --v-label-color: var(--v-input-active-label-color);
}

.v-input-container:has(.v-input[readonly]) {
  --v-input-container-border-color: var(
    --v-input-readonly-container-border-color
  );
  --v-input-container-border-style: var(
    --v-input-readonly-container-border-style
  );
  --v-input-indicator-size: var(--v-input-readonly-indicator-size);
}

.v-input-container:has(.v-input[readonly]):has(.v-input:focus-visible) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
  --v-label-color: var(--v-input-focus-label-color);
  --v-input-container-border-color: var(--v-input-focus-container-border-color);
  --v-input-container-border-style: solid;
  --v-input-indicator-color: var(--v-input-focus-indicator-color);
  --v-input-indicator-size: var(--v-input-readonly-indicator-size);
}

.v-input-container:has(.v-input:disabled),
.v-input-container:has(.v-input:disabled):has(.v-input:active) {
  cursor: default;
  --v-input-color: var(--v-input-disabled-color);
  --v-input-container-border-color: var(
    --v-input-disabled-container-border-color
  );
  --v-input-container-border-style: var(
    --v-input-disabled-container-border-style
  );
  --v-input-indicator-size: var(--v-input-indicator-size);
  --v-input-indicator-color: var(--v-input-disabled-indicator-color);
  --v-icon-primary: var(--v-input-disabled-color);
  --v-icon-secondary: var(--v-input-disabled-color);
}

.v-input-container:has(.v-input:disabled) + .v-input-message,
.v-input-container:has(.v-input:disabled):has(.v-input:active)
  + .v-input-message {
  cursor: default;
  --v-input-message-color: var(--v-input-disabled-message-color);
}

.v-label:has(+ .v-input-container .v-input:disabled) {
  cursor: default;
  --v-label-color: var(--v-input-disabled-label-color);
}

.v-input-container:has(.v-button-small) {
  --v-input-container-padding-block: calc(
    (
        var(--v-input-container-block-size) -
          var(--v-button-default-block-size-small)
      ) / 2 - var(--v-input-container-border-width)
  );
}

.v-input-container:has(.v-checkbox),
.v-input-container:has(.v-radio) {
  box-shadow: none;
  min-block-size: 0;
  --v-input-container-gap: var(--v-input-container-checkbox-gap);
}

.v-input[type="search"]::-ms-clear,
.v-input[type="search"]::-ms-reveal {
  display: none;
}

.v-input[type="search"]::-webkit-search-cancel-button,
.v-input[type="search"]::-webkit-search-decoration,
.v-input[type="search"]::-webkit-search-results-button,
.v-input[type="search"]::-webkit-search-results-decoration {
  appearance: none;
}

.v-input[type="date"]::-webkit-datetime-edit :not([aria-valuenow]),
.v-input[type="date"]::-webkit-datetime-edit-field-wrapper
  :not([aria-valuenow]),
.v-input[type="date"]::-webkit-datetime-edit-text :not([aria-valuenow]),
.v-input[type="time"]::-webkit-datetime-edit :not([aria-valuenow]),
.v-input[type="time"]::-webkit-datetime-edit-field-wrapper
  :not([aria-valuenow]),
.v-input[type="time"]::-webkit-datetime-edit-text :not([aria-valuenow]) {
  color: rgba(0, 0, 0, 0);
}

.v-input[type="color"] {
  cursor: pointer;
  flex-basis: 5%;
  block-size: 100%;
}

.v-input[type="color"]::-webkit-color-swatch {
  min-inline-size: 46px;
  block-size: 25px;
  border-width: calc(var(--theme-border-size) / 2);
  border-radius: var(--size-rounded-small);
}

.v-switch:not(.v-action-stateless),
.v-listbox-item:not(.v-action-stateless),
.v-chip-selection:not(.v-action-stateless),
.v-action-secondary:not(.v-action-stateless) {
  background-color: var(--v-action-secondary-background);
  border-color: var(--v-action-secondary-border-color);
  border-radius: var(--v-action-secondary-border-radius);
  border-style: var(--v-action-secondary-border-style);
  border-width: var(--v-action-secondary-border-size);
  color: var(--v-action-secondary-foreground);
  font-size: var(--v-action-secondary-font-size);
  font-weight: var(--v-action-secondary-font-weight);
  gap: var(--v-action-secondary-gap);
  letter-spacing: var(--v-action-secondary-letter-spacing);
  line-height: var(--v-action-secondary-line-height);
  block-size: var(--v-action-secondary-block-size);
  cursor: pointer;
  padding-block: var(--v-action-secondary-padding-block);
  padding-inline: var(--v-action-secondary-padding-inline);
}

.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:hover),
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:hover),
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:hover),
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:hover),
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:hover),
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:hover),
.v-switch:not(.v-action-stateless):hover,
.v-listbox-item:not(.v-action-stateless):hover,
.v-chip-selection:not(.v-action-stateless):hover,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:hover),
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:hover
  ),
.v-action-secondary:not(.v-action-stateless):hover {
  --v-action-secondary-background: var(--v-action-secondary-hover-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-hover-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-hover-foreground);
}

.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible),
.v-listbox-item:not(.v-action-stateless):has(
    .v-radio:only-of-type:focus-visible
  ),
.v-chip-selection:not(.v-action-stateless):has(
    .v-radio:only-of-type:focus-visible
  ),
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible),
.v-listbox-item:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:focus-visible
  ),
.v-chip-selection:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:focus-visible
  ),
.v-switch:not(.v-action-stateless):focus-visible,
.v-listbox-item:not(.v-action-stateless):focus-visible,
.v-chip-selection:not(.v-action-stateless):focus-visible,
.v-action-secondary:not(.v-action-stateless):has(
    .v-radio:only-of-type:focus-visible
  ),
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:focus-visible
  ),
.v-action-secondary:not(.v-action-stateless):focus-visible {
  --v-action-secondary-background: var(--v-action-secondary-focus-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-focus-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-focus-foreground);
}

.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible)
  .v-label,
.v-listbox-item:not(.v-action-stateless):has(
    .v-radio:only-of-type:focus-visible
  )
  .v-label,
.v-chip-selection:not(.v-action-stateless):has(
    .v-radio:only-of-type:focus-visible
  )
  .v-label,
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible)
  .v-label,
.v-listbox-item:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:focus-visible
  )
  .v-label,
.v-chip-selection:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:focus-visible
  )
  .v-label,
.v-switch:not(.v-action-stateless):focus-visible .v-label,
.v-listbox-item:not(.v-action-stateless):focus-visible .v-label,
.v-chip-selection:not(.v-action-stateless):focus-visible .v-label,
.v-action-secondary:not(.v-action-stateless):has(
    .v-radio:only-of-type:focus-visible
  )
  .v-label,
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:focus-visible
  )
  .v-label,
.v-action-secondary:not(.v-action-stateless):focus-visible .v-label {
  color: var(--v-action-secondary-focus-foreground);
}

.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:active),
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:active),
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:active),
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:active),
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:active),
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:active),
.v-switch:not(.v-action-stateless):active,
.v-listbox-item:not(.v-action-stateless):active,
.v-chip-selection:not(.v-action-stateless):active,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:active),
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:active
  ),
.v-action-secondary:not(.v-action-stateless):active {
  --v-action-secondary-background: var(--v-action-secondary-active-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-active-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-active-foreground);
}

.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:active) .v-label,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:active)
  .v-label,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:active)
  .v-label,
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:active)
  .v-label,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:active)
  .v-label,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:active)
  .v-label,
.v-switch:not(.v-action-stateless):active .v-label,
.v-listbox-item:not(.v-action-stateless):active .v-label,
.v-chip-selection:not(.v-action-stateless):active .v-label,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:active)
  .v-label,
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:active
  )
  .v-label,
.v-action-secondary:not(.v-action-stateless):active .v-label {
  color: var(--v-action-secondary-active-foreground);
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type),
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type),
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type),
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type),
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type),
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type),
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type),
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) {
  --v-action-secondary-block-size: 100%;
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
  --theme-focus-outline-offset: 0px;
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-label:only-of-type,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-label:only-of-type,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-label:only-of-type,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-label:only-of-type {
  inline-size: 100%;
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible {
  outline: none;
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible::after,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible::after,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible::after {
  display: none;
}

.v-switch:not(.v-action-stateless)[disabled],
.v-listbox-item:not(.v-action-stateless)[disabled],
.v-chip-selection:not(.v-action-stateless)[disabled],
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:disabled),
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:disabled),
.v-chip-selection:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:disabled
  ),
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:disabled),
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:disabled),
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:disabled),
.v-action-secondary:not(.v-action-stateless)[disabled],
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type:disabled
  ),
.v-action-secondary:not(.v-action-stateless):has(
    .v-radio:only-of-type:disabled
  ) {
  --v-action-secondary-background: var(
    --v-action-secondary-disabled-background
  );
  --v-action-secondary-border-color: var(
    --v-action-secondary-disabled-border-color
  );
  --v-action-secondary-foreground: var(
    --v-action-secondary-disabled-foreground
  );
  --v-label-color: var(--v-action-secondary-disabled-foreground);
  --v-input-message-color: var(--v-action-secondary-disabled-foreground);
  cursor: default;
}

.v-action-secondary.v-action-stateless {
  background-color: var(--v-action-secondary-background);
  border-color: var(--v-action-secondary-border-color);
  border-radius: var(--v-action-secondary-border-radius);
  border-style: var(--v-action-secondary-border-style);
  border-width: var(--v-action-secondary-border-size);
  color: var(--v-action-secondary-foreground);
  font-size: var(--v-action-secondary-font-size);
  font-weight: var(--v-action-secondary-font-weight);
  gap: var(--v-action-secondary-gap);
  letter-spacing: var(--v-action-secondary-letter-spacing);
  line-height: var(--v-action-secondary-line-height);
}

.v-action-stateless {
  background-color: var(--v-action-primary-background);
  border-color: var(--v-action-primary-border-color);
  border-radius: var(--v-action-primary-border-radius);
  border-style: var(--v-action-primary-border-style);
  border-width: var(--v-action-primary-border-size);
  color: var(--v-action-primary-foreground);
  font-size: var(--v-action-primary-font-size);
  font-weight: var(--v-action-primary-font-weight);
  letter-spacing: var(--v-action-primary-letter-spacing);
  line-height: var(--v-action-primary-line-height);
}

.v-switch:only-of-type:checked,
.v-chip-selection:has(.v-checkbox:checked),
.v-action {
  background-color: var(--v-action-primary-background);
  border-color: var(--v-action-primary-border-color);
  border-radius: var(--v-action-primary-border-radius);
  border-style: var(--v-action-primary-border-style);
  border-width: var(--v-action-primary-border-size);
  color: var(--v-action-primary-foreground);
  font-size: var(--v-action-primary-font-size);
  font-weight: var(--v-action-primary-font-weight);
  letter-spacing: var(--v-action-primary-letter-spacing);
  line-height: var(--v-action-primary-line-height);
  block-size: var(--v-action-primary-block-size);
  cursor: pointer;
  padding-block: var(--v-action-primary-padding-block);
  padding-inline: var(--v-action-primary-padding-inline);
}

.v-switch:hover:only-of-type:checked,
.v-chip-selection:hover:has(.v-checkbox:checked),
.v-action:hover {
  --v-action-primary-background: var(--v-action-primary-hover-background);
  --v-action-primary-border-color: var(--v-action-primary-hover-border-color);
  --v-action-primary-foreground: var(--v-action-primary-hover-foreground);
}

.v-switch:focus-visible:only-of-type:checked,
.v-chip-selection:focus-visible:has(.v-checkbox:checked),
.v-action:focus-visible {
  --v-action-primary-background: var(--v-action-primary-focus-background);
  --v-action-primary-border-color: var(--v-action-primary-focus-border-color);
  --v-action-primary-foreground: var(--v-action-primary-focus-foreground);
}

.v-switch:active:only-of-type:checked,
.v-chip-selection:active:has(.v-checkbox:checked),
.v-action:active {
  --v-action-primary-background: var(--v-action-primary-active-background);
  --v-action-primary-border-color: var(--v-action-primary-active-border-color);
  --v-action-primary-foreground: var(--v-action-primary-active-foreground);
}

.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked,
.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked),
.v-switch:has(.v-radio:only-of-type):only-of-type:checked,
.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked),
.v-action:has(.v-checkbox:only-of-type),
.v-action:has(.v-radio:only-of-type) {
  --v-action-primary-block-size: 100%;
}

.v-switch:has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ):only-of-type:checked,
.v-chip-selection:has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ):has(.v-checkbox:checked),
.v-switch:has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ):only-of-type:checked,
.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-radio:focus-visible):has(
    .v-checkbox:checked
  ),
.v-switch:has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ):only-of-type:checked,
.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:focus-visible):has(
    .v-checkbox:checked
  ),
.v-switch:has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ):only-of-type:checked,
.v-chip-selection:has(.v-radio:only-of-type):has(.v-radio:focus-visible):has(
    .v-checkbox:checked
  ),
.v-action:has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),
.v-action:has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),
.v-action:has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),
.v-action:has(.v-radio:only-of-type):has(.v-radio:focus-visible) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
}

.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked
  .v-label:only-of-type,
.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked)
  .v-label:only-of-type,
.v-switch:has(.v-radio:only-of-type):only-of-type:checked .v-label:only-of-type,
.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked)
  .v-label:only-of-type,
.v-action:has(.v-checkbox:only-of-type) .v-label:only-of-type,
.v-action:has(.v-radio:only-of-type) .v-label:only-of-type {
  inline-size: 100%;
}

.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked
  .v-checkbox:focus-visible,
.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked)
  .v-checkbox:focus-visible,
.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked
  .v-radio:focus-visible,
.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked)
  .v-radio:focus-visible,
.v-switch:has(.v-radio:only-of-type):only-of-type:checked
  .v-checkbox:focus-visible,
.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked)
  .v-checkbox:focus-visible,
.v-switch:has(.v-radio:only-of-type):only-of-type:checked
  .v-radio:focus-visible,
.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked)
  .v-radio:focus-visible,
.v-action:has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,
.v-action:has(.v-checkbox:only-of-type) .v-radio:focus-visible,
.v-action:has(.v-radio:only-of-type) .v-checkbox:focus-visible,
.v-action:has(.v-radio:only-of-type) .v-radio:focus-visible {
  outline: none;
}

.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked
  .v-checkbox:focus-visible::after,
.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked)
  .v-checkbox:focus-visible::after,
.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked
  .v-radio:focus-visible::after,
.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked)
  .v-radio:focus-visible::after,
.v-switch:has(.v-radio:only-of-type):only-of-type:checked
  .v-checkbox:focus-visible::after,
.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked)
  .v-checkbox:focus-visible::after,
.v-switch:has(.v-radio:only-of-type):only-of-type:checked
  .v-radio:focus-visible::after,
.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked)
  .v-radio:focus-visible::after,
.v-action:has(.v-checkbox:only-of-type) .v-checkbox:focus-visible::after,
.v-action:has(.v-checkbox:only-of-type) .v-radio:focus-visible::after,
.v-action:has(.v-radio:only-of-type) .v-checkbox:focus-visible::after,
.v-action:has(.v-radio:only-of-type) .v-radio:focus-visible::after {
  display: none;
}

[disabled].v-switch:only-of-type:checked,
[disabled].v-chip-selection:has(.v-checkbox:checked),
.v-switch:has(.v-checkbox:only-of-type:disabled):only-of-type:checked,
.v-chip-selection:has(.v-checkbox:only-of-type:disabled):has(
    .v-checkbox:checked
  ),
.v-switch:has(.v-radio:only-of-type:disabled):only-of-type:checked,
.v-chip-selection:has(.v-radio:only-of-type:disabled):has(.v-checkbox:checked),
.v-action[disabled],
.v-action:has(.v-checkbox:only-of-type:disabled),
.v-action:has(.v-radio:only-of-type:disabled) {
  --v-action-primary-background: var(--v-action-primary-disabled-background);
  --v-action-primary-border-color: var(
    --v-action-primary-disabled-border-color
  );
  --v-action-primary-foreground: var(--v-action-primary-disabled-foreground);
  --v-input-label: var(--v-action-primary-disabled-foreground);
  --v-input-message: var(--v-action-primary-disabled-foreground);
  cursor: default;
}

:root,
.v-alternate {
  --v-accordion-align-items: flex-start;
  --v-accordion-block-size: var(--size-scalable-46);
  --v-accordion-button-padding-block-large: calc(
    (var(--v-button-default-block-size-large) - var(--v-accordion-icon-size)) /
      2
  );
  --v-accordion-button-padding-block-medium: calc(
    (var(--v-button-default-block-size) - var(--v-accordion-icon-size)) / 2
  );
  --v-accordion-button-padding-block-small: calc(
    (var(--v-button-default-block-size-small) - var(--v-accordion-icon-size)) /
      2
  );
  --v-accordion-icon-color: var(--palette-default-active);
  --v-accordion-icon-margin: var(--size-scalable-3);
  --v-accordion-icon-size: 1.5714285714rem;
  --v-accordion-items-gap: var(--size-scalable-6);
  --v-accordion-justify-content: flex-start;
  --v-accordion-padding-block: 0px;
  --v-accordion-padding-inline: var(--size-scalable-12);
  --v-accordion-toggle-icon-size: 1.1428571429rem;
  --v-accordion-background: var(--palette-default-surface-1);
  --v-accordion-border-color: var(--palette-default-border);
  --v-accordion-border-size: calc(var(--theme-border-size) / 2);
  --v-accordion-border-radius: var(--size-rounded-medium);
  --v-accordion-border-style: solid;
  --v-accordion-foreground-initial: var(--palette-default-text);
  --v-accordion-expanded-foreground: var(--palette-default-active);
  --v-accordion-panel-background-color: var(--v-accordion-background);
  --v-accordion-panel-border-color: var(--v-accordion-border-color);
  --v-accordion-panel-border-radius: var(--size-rounded-medium);
  --v-accordion-panel-border-size: calc(var(--theme-border-size) / 2);
  --v-accordion-panel-border-style: solid;
  --v-accordion-panel-padding-block: var(--size-scalable-8)
    var(--size-scalable-16);
  --v-accordion-panel-padding-inline: var(--size-scalable-40);
  --v-accordion-subtle-background: var(--palette-default-transparent);
  --v-accordion-subtle-gap: var(--size-scalable-2);
  --v-accordion-subtle-foreground-initial: var(--palette-default-active);
  --v-accordion-subtle-padding-inline: var(--size-scalable-8);
}

.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio,
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:hover,
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:active,
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox,
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:hover,
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:active,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:hover,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:active,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:hover,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:active {
  --v-checkbox-glow-color: rgba(0, 0, 0, 0);
}

.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type):hover {
  --v-checkbox-color: var(--v-checkbox-hover-color);
}

.v-action-primary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type
  ):focus-visible,
.v-action-primary:not(.v-action-stateless):has(
    .v-radio:only-of-type
  ):focus-visible {
  --v-checkbox-color: var(--v-checkbox-focus-color);
}

.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,
.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type):active {
  --v-checkbox-color: var(--v-checkbox-active-color);
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio,
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:hover,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-radio:active,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:hover,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type)
  .v-checkbox:active,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:hover,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:focus-visible,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-radio:active,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:hover,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type)
  .v-checkbox:active {
  --v-checkbox-glow-color: rgba(0, 0, 0, 0);
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):hover,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):hover,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):hover,
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type
  ):hover,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):hover {
  --v-checkbox-color: var(--v-checkbox-hover-color);
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):focus-visible,
.v-listbox-item:not(.v-action-stateless):has(
    .v-checkbox:only-of-type
  ):focus-visible,
.v-chip-selection:not(.v-action-stateless):has(
    .v-checkbox:only-of-type
  ):focus-visible,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):focus-visible,
.v-listbox-item:not(.v-action-stateless):has(
    .v-radio:only-of-type
  ):focus-visible,
.v-chip-selection:not(.v-action-stateless):has(
    .v-radio:only-of-type
  ):focus-visible,
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type
  ):focus-visible,
.v-action-secondary:not(.v-action-stateless):has(
    .v-radio:only-of-type
  ):focus-visible {
  --v-checkbox-color: var(--v-checkbox-focus-color);
}

.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,
.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,
.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):active,
.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):active,
.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):active,
.v-action-secondary:not(.v-action-stateless):has(
    .v-checkbox:only-of-type
  ):active,
.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):active {
  --v-checkbox-color: var(--v-checkbox-active-color);
}

.v-accordion {
  display: flex;
  flex-direction: column;
}

.v-accordion .v-accordion-heading:not(.v-button)[aria-expanded="true"],
.v-accordion
  .v-accordion-heading:not(.v-button):has(.v-button[aria-expanded="true"]),
details.v-accordion[open] > .v-accordion-heading {
  --v-accordion-foreground-initial: var(--v-accordion-expanded-foreground);
  --v-button-secondary-foreground: var(--v-accordion-expanded-foreground);
  --v-button-tertiary-foreground: var(--v-accordion-expanded-foreground);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

details.v-accordion:not([open])
  > .v-accordion-heading
  .v-accordion-toggle-icon-open {
  display: none;
}

details.v-accordion:not([open])
  > .v-accordion-heading
  .v-accordion-toggle-icon-closed {
  display: inherit;
}

details.v-accordion[open] > .v-accordion-heading .v-accordion-toggle-icon-open {
  display: inherit;
}

details.v-accordion[open]
  > .v-accordion-heading
  .v-accordion-toggle-icon-closed {
  display: none;
}

.v-accordion-heading {
  list-style: none;
}

.v-accordion-heading > .v-icon-tiny {
  margin: var(--v-accordion-icon-margin);
}

.v-accordion-heading:not(:first-child) {
  margin-block-start: var(--v-accordion-items-gap);
}

.v-accordion-heading,
.v-accordion-heading.v-button {
  --typography-font-family: var(--typography-subtitle-2-font-family);
  --typography-font-size: var(--typography-subtitle-2-font-size);
  --typography-font-weight: var(--typography-subtitle-2-font-weight);
  --typography-letter-spacing: var(--typography-subtitle-2-letter-spacing);
  --typography-line-height: var(--typography-subtitle-2-line-height);
  --typography-text-decoration: var(--typography-subtitle-2-text-decoration);
  --typography-text-transform: var(--typography-subtitle-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-icon-low-height: var(--v-accordion-icon-size);
  --v-icon-low-width: var(--v-accordion-icon-size);
}

.v-accordion-heading .v-icon,
.v-accordion-heading.v-button .v-icon {
  flex-shrink: 0;
}

.v-accordion-heading .v-accordion-toggle-icon,
.v-accordion-heading.v-button .v-accordion-toggle-icon {
  --v-icon-tiny-height: var(--v-accordion-toggle-icon-size);
  --v-icon-tiny-width: var(--v-accordion-toggle-icon-size);
  --v-icon-primary: var(--v-accordion-icon-color);
  --v-icon-secondary: var(--v-accordion-icon-color);
}

.v-accordion-heading:not(.v-button) {
  align-items: var(--v-accordion-align-items);
  background-color: var(--v-accordion-background);
  block-size: 100%;
  border: var(--v-accordion-border-size) var(--v-accordion-border-style)
    var(--v-accordion-border-color);
  border-radius: var(--v-accordion-border-radius);
  color: var(--v-accordion-foreground-initial);
  display: flex;
  gap: var(--v-accordion-items-gap);
  justify-content: var(--v-accordion-justify-content);
  min-block-size: var(--v-accordion-block-size);
  padding-block: var(--v-accordion-padding-block);
  padding-inline: var(--v-accordion-padding-inline);
  text-align: start;
}

.v-accordion-heading.v-button {
  block-size: calc(100% - var(--v-button-default-border-size) * 2);
  min-block-size: var(--v-button-default-block-size);
  text-align: start;
  --v-button-default-align-items: var(--v-accordion-align-items);
  --v-button-default-justify-content: var(--v-accordion-justify-content);
  --v-button-default-padding-block: calc(
    var(--v-accordion-button-padding-block-medium) -
      var(--v-button-default-border-size)
  );
  --v-button-default-padding-inline: calc(
    var(--v-accordion-padding-inline) - var(--v-button-default-border-size)
  );
}

.v-accordion-heading.v-button.v-button-secondary:not(.v-icon-two-color),
.v-accordion-heading.v-button.v-button-tertiary:not(.v-icon-two-color) {
  --v-button-default-border-color: var(--v-accordion-border-color);
  --v-button-secondary-foreground: var(--v-accordion-foreground-initial);
  --v-button-tertiary-foreground: var(--v-accordion-foreground-initial);
  --v-icon-primary: var(--v-accordion-icon-color);
  --v-icon-secondary: var(--v-accordion-icon-color);
  --v-button-secondary-background: var(--v-accordion-background);
}

.v-accordion-heading.v-button.v-button-secondary:not(.v-icon-two-color):hover,
.v-accordion-heading.v-button.v-button-secondary:not(
    .v-icon-two-color
  ):focus-visible,
.v-accordion-heading.v-button.v-button-secondary:not(.v-icon-two-color):active,
.v-accordion-heading.v-button.v-button-secondary:not(
    .v-icon-two-color
  ):disabled,
.v-accordion-heading.v-button.v-button-tertiary:not(.v-icon-two-color):hover,
.v-accordion-heading.v-button.v-button-tertiary:not(
    .v-icon-two-color
  ):focus-visible,
.v-accordion-heading.v-button.v-button-tertiary:not(.v-icon-two-color):active,
.v-accordion-heading.v-button.v-button-tertiary:not(
    .v-icon-two-color
  ):disabled {
  --v-icon-primary: currentColor;
  --v-icon-secondary: currentColor;
}

.v-accordion-heading.v-button.v-button-secondary:has(
    > .v-accordion-toggle-icon
  )[aria-expanded="true"],
.v-accordion-heading.v-button.v-button-tertiary:has(
    > .v-accordion-toggle-icon
  )[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  --v-button-secondary-foreground: var(--v-accordion-expanded-foreground);
  --v-button-tertiary-foreground: var(--v-accordion-expanded-foreground);
}

.v-accordion-heading.v-button.v-button-small {
  --v-button-default-padding-block: calc(
    var(--v-accordion-button-padding-block-small) -
      var(--v-button-default-border-size)
  );
}

.v-accordion-heading.v-button.v-button-large {
  --v-button-default-padding-block: calc(
    var(--v-accordion-button-padding-block-large) -
      var(--v-button-default-border-size)
  );
}

.v-accordion-heading.v-button > span {
  align-items: var(--v-accordion-align-items);
  display: flex;
  gap: var(--v-accordion-items-gap);
  justify-content: var(--v-accordion-justify-content);
  text-align: start;
}

.v-accordion-heading.v-button::marker,
.v-accordion-heading.v-button::-webkit-details-marker {
  display: none;
}

.v-accordion-heading.v-button[disabled],
.v-accordion-heading.v-button[aria-disabled="true"] {
  --v-accordion-border-color: var(--v-button-default-disabled-border-color);
  --v-accordion-foreground-initial: var(--v-button-default-disabled-foreground);
  --v-button-default-background: var(--v-accordion-background);
  cursor: default;
  pointer-events: none;
}

.v-accordion-heading.v-button[disabled] .v-accordion-toggle-icon,
.v-accordion-heading.v-button[aria-disabled="true"] .v-accordion-toggle-icon {
  --v-icon-primary: currentColor;
  --v-icon-secondary: currentColor;
}

.v-accordion-heading.v-button .v-accordion-toggle-icon {
  align-self: flex-start;
  display: inline-flex;
}

.v-accordion-panel {
  background-color: var(--v-accordion-panel-background-color);
  border-bottom-left-radius: var(--v-accordion-panel-border-radius);
  border-bottom-right-radius: var(--v-accordion-panel-border-radius);
  border-color: var(--v-accordion-panel-border-color);
  border-style: var(--v-accordion-panel-border-style);
  border-width: var(--v-accordion-panel-border-size);
  border-top-width: 0;
  padding-block: var(--v-accordion-panel-padding-block);
  padding-inline: var(--v-accordion-panel-padding-inline);
}

.v-accordion-panel[aria-hidden="true"] {
  display: none;
}

.v-accordion-subtle {
  --v-accordion-foreground-initial: var(
    --v-accordion-subtle-foreground-initial
  );
}

.v-accordion-subtle .v-accordion-heading.v-button {
  --v-button-default-background: var(--v-accordion-subtle-background);
  --v-button-default-padding-inline: var(--v-accordion-subtle-padding-inline);
  --v-button-default-gap: var(--v-accordion-subtle-gap);
}

.v-accordion-subtle .v-accordion-panel {
  --v-accordion-panel-background-color: var(--v-accordion-subtle-background);
  --v-accordion-panel-border-size: 0px;
  --v-accordion-panel-padding-inline: var(--size-scalable-32);
}

:root,
.v-alternate {
  --v-anchor-link-menu-inline-size: 200px;
  --v-anchor-link-menu-gap: var(--size-scalable-6);
  --v-anchor-link-menu-background: var(--palette-default-surface-1);
  --v-anchor-link-menu-border-style: solid;
  --v-anchor-link-menu-border-color: var(--palette-default-border);
  --v-anchor-link-menu-border-block-start-size: var(--size-scalable-0);
  --v-anchor-link-menu-border-block-end-size: var(--size-scalable-0);
  --v-anchor-link-menu-border-inline-start-size: var(--size-scalable-1);
  --v-anchor-link-menu-border-inline-end-size: var(--size-scalable-0);
  --v-anchor-link-menu-padding-block-end: var(--size-scalable-0);
  --v-anchor-link-menu-padding-block-start: var(--size-scalable-0);
  --v-anchor-link-menu-padding-inline-end: var(--size-scalable-10);
  --v-anchor-link-menu-padding-inline-start: var(--size-scalable-0);
  --v-anchor-link-menu-title-text-color: var(--palette-default-text-subtle);
  --v-anchor-link-menu-item-padding-block: var(--size-scalable-6);
  --v-anchor-link-menu-item-padding-inline: var(--size-scalable-10);
  --v-anchor-link-menu-indicator-color: inherit;
  --v-anchor-link-menu-indicator-style: solid;
  --v-anchor-link-menu-indicator-size: var(--size-scalable-2);
  --v-anchor-link-menu-indicator-offset: var(--size-scalable-4);
  --v-anchor-link-menu-indent-ratio: var(--size-scalable-14);
}

.v-anchor-link-menu {
  background: var(--v-anchor-link-menu-background);
  inline-size: var(--v-anchor-link-menu-inline-size);
  padding-block-end: var(--v-anchor-link-menu-padding-block-end);
  padding-block-start: var(--v-anchor-link-menu-padding-block-start);
  padding-inline-end: var(--v-anchor-link-menu-padding-inline-end);
  padding-inline-start: var(--v-anchor-link-menu-padding-inline-start);
  position: relative;
}

.v-anchor-link-menu::before {
  border-block-end-width: var(--v-anchor-link-menu-border-block-end-size);
  border-block-start-width: var(--v-anchor-link-menu-border-block-start-size);
  border-color: var(--v-anchor-link-menu-border-color);
  border-inline-end-width: var(--v-anchor-link-menu-border-inline-end-size);
  border-inline-start-width: var(--v-anchor-link-menu-border-inline-start-size);
  border-style: var(--v-anchor-link-menu-border-style);
  content: "";
  display: block;
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.v-anchor-link-menu section {
  display: flex;
  flex-direction: column;
  row-gap: var(--v-anchor-link-menu-gap);
}

.v-anchor-link-menu .v-anchor-link-menu-header {
  color: var(--v-anchor-link-menu-title-text-color);
  margin-inline-start: calc(
    var(--v-anchor-link-menu-indicator-offset) +
      var(--v-anchor-link-menu-indicator-size)
  );
  padding-block-start: var(--v-anchor-link-menu-item-padding-block);
  padding-inline: var(--v-anchor-link-menu-item-padding-inline);
}

.v-anchor-link-menu ul {
  display: flex;
  flex-direction: column;
  row-gap: var(--v-anchor-link-menu-gap);
}

.v-anchor-link-menu ul:not(.v-anchor-link-menu section > ul) {
  grid-column: 1/-1;
}

.v-anchor-link-menu ul li {
  --level: 1;
  --indicator: var(--v-anchor-link-menu-indicator-size);
  --offset: var(--v-anchor-link-menu-indicator-offset);
  --indent: calc(var(--v-anchor-link-menu-indent-ratio) * (var(--level) - 1));
  --link: 1fr;
  color: var(--v-link-foreground);
  display: grid;
  grid-auto-flow: row;
  grid-template-areas: "indicator indicator-offset indent link";
  grid-template-columns: var(--indicator) var(--offset) var(--indent) var(
      --link
    );
  position: relative;
  row-gap: var(--v-anchor-link-menu-gap);
}

.v-anchor-link-menu ul li:has(> .v-link[aria-current="true"]) > .v-link {
  --v-link-foreground: var(--palette-default-active);
}

.v-anchor-link-menu
  ul
  li:has(> .v-link[aria-current="true"])
  > .v-link::before {
  opacity: 1;
  visibility: visible;
}

.v-anchor-link-menu ul li > .v-link {
  --typography-font-family: var(--typography-label-font-family);
  --typography-font-size: var(--typography-label-font-size);
  --typography-font-weight: var(--typography-label-font-weight);
  --typography-letter-spacing: var(--typography-label-letter-spacing);
  --typography-line-height: var(--typography-label-line-height);
  --typography-text-decoration: var(--typography-label-text-decoration);
  --typography-text-transform: var(--typography-label-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-link-active-background: var(--palette-default-transparent);
  --v-link-background: var(--palette-default-transparent);
  --v-link-border-radius: var(--size-rounded-medium);
  --v-link-focus-background: var(--palette-default-transparent);
  --v-link-foreground: var(--palette-default-text-subtle);
  --v-link-hover-background: var(--palette-default-transparent);
  --v-link-padding-block: var(--v-anchor-link-menu-item-padding-block);
  --v-link-padding-inline: var(--v-anchor-link-menu-item-padding-inline);
  --v-link-text-decoration: none;
  grid-area: link;
}

.v-anchor-link-menu ul li > .v-link::before {
  border-inline-start-color: var(--v-anchor-link-menu-indicator-color);
  border-inline-start-style: var(--v-anchor-link-menu-indicator-style);
  border-inline-start-width: var(--v-anchor-link-menu-indicator-size);
  content: "";
  display: block;
  grid-area: indicator;
  inset-block: 0;
  inset-inline-start: 0;
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.v-anchor-link-menu ul ul li {
  --level: 2;
}

.v-anchor-link-menu ul ul ul li {
  --level: 3;
}

.v-anchor-link-menu ul ul ul ul li {
  --level: 4;
}

.v-anchor-link-menu ul ul ul ul ul li {
  --level: 5;
}

.v-anchor-link-menu ul ul ul ul ul ul li {
  --level: 6;
}

[dir="rtl"] .v-anchor-link-menu {
  --v-anchor-link-menu-text-align: right;
}

[dir="rtl"] .v-anchor-link-menu-header {
  margin-inline-end: calc(
    var(--v-anchor-link-menu-indicator-offset) +
      var(--v-anchor-link-menu-indicator-size)
  );
  margin-inline-start: 0;
}

:root,
.v-alternate {
  --v-avatar-background: var(--palette-default-active);
  --v-avatar-foreground: var(--palette-default-text-on-active);
  --v-avatar-border-radius: var(--v-avatar-size);
  --v-avatar-size: 3.4285714286rem;
  --v-avatar-icon-size: 1.7142857143rem;
  --v-avatar-small-size: 2.2857142857rem;
  --v-avatar-small-icon-size: 1.7142857143rem;
  --v-avatar-small-vertical-icon-size: 1.2857142857rem;
}

.v-avatar {
  --typography-font-family: var(--typography-body-2-font-family);
  --typography-font-size: var(--typography-body-2-font-size);
  --typography-font-weight: var(--typography-body-2-font-weight);
  --typography-letter-spacing: var(--typography-body-2-letter-spacing);
  --typography-line-height: var(--typography-body-2-line-height);
  --typography-text-decoration: var(--typography-body-2-text-decoration);
  --typography-text-transform: var(--typography-body-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  background-color: var(--v-avatar-background);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  block-size: var(--v-avatar-size);
  border-radius: var(--v-avatar-border-radius);
  color: var(--v-avatar-foreground);
  display: grid;
  flex-shrink: 0;
  inline-size: var(--v-avatar-size);
  place-content: center;
}

.v-avatar:has(.v-icon) {
  --v-icon-height: var(--v-avatar-icon-size);
  --v-icon-width: var(--v-avatar-icon-size);
}

.v-avatar:has(.v-icon) > .v-icon {
  --v-icon-primary: currentColor;
  --v-icon-secondary: currentColor;
  --v-icon-height: var(--v-avatar-icon-size);
  --v-icon-width: var(--v-avatar-icon-size);
}

@media (forced-colors: active) {
  .v-avatar {
    color: currentColor;
  }
}

.v-avatar.v-icon {
  --v-avatar-background: var(--palette-default-transparent);
  --v-avatar-border-radius: var(--size-rounded-none);
  --v-icon-height: var(--v-avatar-icon-size);
  --v-icon-width: var(--v-avatar-icon-size);
}

.v-avatar-small {
  --v-avatar-size: var(--v-avatar-small-size);
}

.v-avatar-small.v-icon,
.v-avatar-small:has(.v-icon) {
  --v-avatar-icon-size: var(--v-avatar-small-icon-size);
}

.v-avatar-small.v-icon:has(.v-icon-tiny),
.v-avatar-small:has(.v-icon):has(.v-icon-tiny) {
  --v-avatar-icon-size: var(--v-avatar-small-vertical-icon-size);
}

:root,
.v-alternate {
  --v-badge-background: var(--palette-default-transparent);
  --v-badge-block-size: fit-content;
  --v-badge-border-radius: var(--size-rounded-small);
  --v-badge-border-width: 0px;
  --v-badge-border-color: var(--palette-default-border);
  --v-badge-ellipse-color: var(--palette-messaging-graphics-info);
  --v-badge-foreground: var(--palette-default-text);
  --v-badge-gap: var(--size-scalable-2);
  --v-badge-icon-color: var(--palette-messaging-graphics-info);
  --v-badge-icon-size: 1rem;
  --v-badge-icon-only-size: 0.7142857143rem;
  --v-badge-padding-block: var(--size-scalable-4);
  --v-badge-padding-inline: var(--size-scalable-4);
  --v-badge-hover-background: var(--palette-default-surface-highlight);
  --v-badge-active-background: var(--palette-messaging-lowlight-negative);
  --v-badge-disabled-background: var(--palette-default-disabled);
  --v-badge-ellipse-border-radius: var(--size-rounded-pill);
  --v-badge-ellipse-size: 0.5714285714rem;
  --v-badge-neutral-background: var(--palette-messaging-highlight-info);
  --v-badge-neutral-icon-color: var(--palette-messaging-text-info);
  --v-badge-neutral-hover-background: var(--palette-default-surface-highlight);
  --v-badge-neutral-active-background: var(--palette-default-surface-lowlight);
  --v-badge-stable-background: var(--palette-messaging-surface-positive);
  --v-badge-stable-icon-color: var(--palette-messaging-text-positive);
  --v-badge-stable-hover-background: var(
    --palette-messaging-highlight-positive
  );
  --v-badge-stable-active-background: var(
    --palette-messaging-lowlight-positive
  );
  --v-badge-warning-background: var(--palette-messaging-highlight-warning);
  --v-badge-warning-icon-color: var(--palette-messaging-text-warning);
  --v-badge-warning-hover-background: var(
    --palette-messaging-highlight-warning
  );
  --v-badge-warning-active-background: var(
    --palette-messaging-highlight-warning
  );
  --v-badge-error-background: var(--palette-messaging-surface-negative);
  --v-badge-error-icon-color: var(--palette-messaging-text-negative);
  --v-badge-error-hover-background: var(--palette-messaging-highlight-negative);
  --v-badge-error-active-background: var(--palette-messaging-lowlight-negative);
  --v-badge-subtle-background: var(--palette-default-border);
  --v-badge-subtle-icon-color: var(--palette-default-text-subtle);
  --v-badge-subtle-hover-background: var(--palette-default-disabled);
  --v-badge-subtle-active-background: var(--palette-default-overlay);
  --v-badge-icon-active-background: var(--palette-messaging-highlight-info);
  --v-badge-icon-active-icon-color: var(--palette-default-active);
  --v-badge-icon-active-hover-background: var(
    --palette-default-surface-highlight
  );
  --v-badge-icon-active-active-background: var(
    --palette-default-surface-lowlight
  );
  --v-badge-number-background: var(--palette-messaging-text-negative);
  --v-badge-number-block-size: var(--v-badge-number-size);
  --v-badge-number-foreground: var(--palette-default-surface-1);
  --v-badge-number-max-inline: fit-content;
  --v-badge-number-padding-inline: 0.2857142857rem;
  --v-badge-number-radius: var(--size-rounded-pill);
  --v-badge-number-size: 1.1428571429rem;
  --v-badge-number-clean-border-width: 1px;
  --v-badge-icon-foreground: var(--palette-default-text-on-active);
  --v-badge-icon-clear-border-width: 1px;
}

.v-badge {
  --typography-font-family: var(--typography-label-small-font-family);
  --typography-font-size: var(--typography-label-small-font-size);
  --typography-font-weight: var(--typography-label-small-font-weight);
  --typography-letter-spacing: var(--typography-label-small-letter-spacing);
  --typography-line-height: var(--typography-label-small-line-height);
  --typography-text-decoration: var(--typography-label-small-text-decoration);
  --typography-text-transform: var(--typography-label-small-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  align-items: center;
  background-color: var(--v-badge-background);
  border-color: var(--v-badge-border-color);
  border-radius: var(--v-badge-border-radius);
  border-style: solid;
  border-width: var(--v-badge-border-width);
  color: var(--v-badge-foreground);
  display: inline-flex;
  flex-direction: row;
  gap: var(--v-badge-gap);
  min-block-size: var(--v-badge-block-size);
  padding-block: var(--v-badge-padding-block);
  padding-inline: var(--v-badge-padding-inline);
  --v-icon-primary: var(--v-badge-icon-color);
  --v-icon-secondary: var(--v-badge-icon-color);
}

@media (forced-colors: active) {
  .v-badge:not(.v-badge-clear) {
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
  }

  .v-badge .v-badge-ellipse {
    outline: 1px solid currentColor;
    outline-offset: -1px;
    border-radius: 50%;
    margin-inline: -1px 1px;
  }
}

.v-badge:has(.v-icon) .v-icon {
  --v-icon-height: var(--v-badge-icon-size);
  --v-icon-width: var(--v-badge-icon-size);
}

.v-badge-critical {
  --v-badge-background: var(--v-badge-error-background);
  --v-badge-ellipse-color: var(--v-badge-error-icon-color);
  --v-icon-primary: var(--v-badge-error-icon-color);
  --v-icon-secondary: var(--v-badge-error-icon-color);
}

.v-badge-neutral {
  --v-badge-background: var(--v-badge-neutral-background);
  --v-badge-ellipse-color: var(--v-badge-neutral-icon-color);
  --v-icon-primary: var(--v-badge-neutral-icon-color);
  --v-icon-secondary: var(--v-badge-neutral-icon-color);
}

.v-badge-stable {
  --v-badge-background: var(--v-badge-stable-background);
  --v-badge-ellipse-color: var(--v-badge-stable-icon-color);
  --v-icon-primary: var(--v-badge-stable-icon-color);
  --v-icon-secondary: var(--v-badge-stable-icon-color);
}

.v-badge-warning {
  --v-badge-background: var(--v-badge-warning-background);
  --v-badge-ellipse-color: var(--v-badge-warning-icon-color);
  --v-icon-primary: var(--v-badge-warning-icon-color);
  --v-icon-secondary: var(--v-badge-warning-icon-color);
}

.v-badge-subtle {
  --v-badge-background: var(--v-badge-subtle-background);
  --v-badge-ellipse-color: var(--v-badge-subtle-icon-color);
  --v-icon-primary: var(--v-badge-subtle-icon-color);
  --v-icon-secondary: var(--v-badge-subtle-icon-color);
}

a[href]:is(.v-badge),
button:is(.v-badge) {
  cursor: pointer;
}

a[href]:is(.v-badge):hover,
button:is(.v-badge):hover {
  --v-badge-background: var(--v-badge-neutral-hover-background);
}

a[href]:is(.v-badge):active,
button:is(.v-badge):active {
  --v-badge-background: var(--v-badge-neutral-active-background);
}

a[href]:is(.v-badge).v-badge-critical:hover,
button:is(.v-badge).v-badge-critical:hover {
  --v-badge-background: var(--v-badge-error-hover-background);
}

a[href]:is(.v-badge).v-badge-critical:active,
button:is(.v-badge).v-badge-critical:active {
  --v-badge-background: var(--v-badge-error-active-background);
}

a[href]:is(.v-badge).v-badge-neutral:hover,
button:is(.v-badge).v-badge-neutral:hover {
  --v-badge-background: var(--v-badge-neutral-hover-background);
}

a[href]:is(.v-badge).v-badge-neutral:active,
button:is(.v-badge).v-badge-neutral:active {
  --v-badge-background: var(--v-badge-neutral-active-background);
}

a[href]:is(.v-badge).v-badge-stable:hover,
button:is(.v-badge).v-badge-stable:hover {
  --v-badge-background: var(--v-badge-stable-hover-background);
}

a[href]:is(.v-badge).v-badge-stable:active,
button:is(.v-badge).v-badge-stable:active {
  --v-badge-background: var(--v-badge-stable-active-background);
}

a[href]:is(.v-badge).v-badge-warning:hover,
button:is(.v-badge).v-badge-warning:hover {
  --v-badge-background: var(--v-badge-warning-hover-background);
}

a[href]:is(.v-badge).v-badge-warning:active,
button:is(.v-badge).v-badge-warning:active {
  --v-badge-background: var(--v-badge-warning-active-background);
}

a[href]:is(.v-badge).v-badge-subtle:hover,
button:is(.v-badge).v-badge-subtle:hover {
  --v-badge-background: var(--v-badge-subtle-hover-background);
}

a[href]:is(.v-badge).v-badge-subtle:active,
button:is(.v-badge).v-badge-subtle:active {
  --v-badge-background: var(--v-badge-subtle-active-background);
}

a[href]:is(.v-badge):hover {
  --typography-text-decoration: var(--v-link-text-decoration);
}

a[href]:is(.v-badge):disabled {
  --v-badge-background: var(--v-badge-disabled-background);
}

a:not([href]) .v-badge:not(.v-badge-clear),
button:disabled .v-badge:not(.v-badge-clear),
.v-link:not([href]) .v-badge:not(.v-badge-clear),
.v-button[disabled] .v-badge:not(.v-badge-clear),
.v-button[aria-disabled="true"] .v-badge:not(.v-badge-clear) {
  --v-badge-background: var(--v-badge-disabled-background);
}

a:not([href]) .v-badge.v-badge-clear,
button:disabled .v-badge.v-badge-clear,
.v-link:not([href]) .v-badge.v-badge-clear,
.v-button[disabled] .v-badge.v-badge-clear,
.v-button[aria-disabled="true"] .v-badge.v-badge-clear {
  --v-badge-border-color: var(--v-badge-disabled-background);
  --v-badge-ellipse-color: var(--v-badge-disabled-background);
  --v-badge-foreground: var(--v-badge-disabled-background);
  --v-badge-icon-color: var(--v-badge-disabled-background);
}

.v-alternate.v-nav,
.v-alternate .v-nav {
  --v-badge-number-foreground: var(--palette-default-active-accent);
}

.v-badge-number,
.v-badge-icon {
  --v-badge-border-radius: var(--v-badge-number-radius);
  --v-badge-padding-block: none;
  --v-badge-padding-inline: var(--v-badge-number-padding-inline);
  --v-badge-block-size: var(--v-badge-number-block-size);
  box-sizing: content-box;
  inline-size: fit-content;
  justify-content: center;
  max-inline-size: var(--v-badge-number-max-inline);
  min-inline-size: calc(
    var(--v-badge-number-size) - var(--v-badge-number-padding-inline) * 2
  );
  overflow: hidden;
  text-align: center;
}

.v-badge-number.v-badge-clear,
.v-badge-icon.v-badge-clear {
  --v-badge-block-size: calc(
    var(--v-badge-number-block-size) - var(--v-badge-icon-clear-border-width) *
      2
  );
  --v-badge-border-width: var(--v-badge-icon-clear-border-width);
}

.v-badge-number.v-badge-subtle:not(.v-badge-clear),
.v-badge-icon.v-badge-subtle:not(.v-badge-clear) {
  --v-badge-background: var(--v-badge-subtle-icon-color);
  --v-badge-foreground: var(--v-badge-icon-foreground);
}

.v-badge-number.v-badge-subtle.v-badge-clear,
.v-badge-icon.v-badge-subtle.v-badge-clear {
  --v-badge-foreground: var(--v-badge-subtle-icon-color);
  --v-badge-border-color: var(--v-badge-subtle-icon-color);
}

.v-badge-number.v-badge-neutral:not(.v-badge-clear),
.v-badge-icon.v-badge-neutral:not(.v-badge-clear) {
  --v-badge-background: var(--v-badge-neutral-icon-color);
  --v-badge-foreground: var(--v-badge-icon-foreground);
}

.v-badge-number.v-badge-neutral.v-badge-clear,
.v-badge-icon.v-badge-neutral.v-badge-clear {
  --v-badge-foreground: var(--v-badge-neutral-icon-color);
  --v-badge-border-color: var(--v-badge-neutral-icon-color);
}

.v-badge-number.v-badge-stable:not(.v-badge-clear),
.v-badge-icon.v-badge-stable:not(.v-badge-clear) {
  --v-badge-background: var(--v-badge-stable-icon-color);
  --v-badge-foreground: var(--v-badge-icon-foreground);
}

.v-badge-number.v-badge-stable.v-badge-clear,
.v-badge-icon.v-badge-stable.v-badge-clear {
  --v-badge-foreground: var(--v-badge-stable-icon-color);
  --v-badge-border-color: var(--v-badge-stable-icon-color);
}

.v-badge-number.v-badge-warning:not(.v-badge-clear),
.v-badge-icon.v-badge-warning:not(.v-badge-clear) {
  --v-badge-background: var(--v-badge-warning-icon-color);
  --v-badge-foreground: var(--v-badge-icon-foreground);
}

.v-badge-number.v-badge-warning.v-badge-clear,
.v-badge-icon.v-badge-warning.v-badge-clear {
  --v-badge-foreground: var(--v-badge-warning-icon-color);
  --v-badge-border-color: var(--v-badge-warning-icon-color);
}

.v-badge-number.v-badge-critical:not(.v-badge-clear),
.v-badge-icon.v-badge-critical:not(.v-badge-clear) {
  --v-badge-background: var(--v-badge-error-icon-color);
  --v-badge-foreground: var(--v-badge-icon-foreground);
}

.v-badge-number.v-badge-critical.v-badge-clear,
.v-badge-icon.v-badge-critical.v-badge-clear {
  --v-badge-foreground: var(--v-badge-error-icon-color);
  --v-badge-border-color: var(--v-badge-error-icon-color);
}

.v-badge-number.v-badge-active:not(.v-badge-clear),
.v-badge-icon.v-badge-active:not(.v-badge-clear) {
  --v-badge-background: var(--v-badge-icon-active-icon-color);
  --v-badge-foreground: var(--v-badge-icon-foreground);
}

.v-badge-number.v-badge-active.v-badge-clear,
.v-badge-icon.v-badge-active.v-badge-clear {
  --v-badge-foreground: var(--v-badge-icon-active-icon-color);
  --v-badge-border-color: var(--v-badge-icon-active-icon-color);
}

.v-badge-number {
  --v-badge-background: var(--v-badge-number-background);
  --v-badge-foreground: var(--v-badge-number-foreground);
}

.v-badge-number.v-badge-clear {
  --v-badge-foreground: var(--v-badge-number-background);
  --v-badge-border-color: var(--v-badge-number-background);
}

.v-badge-icon {
  --v-badge-padding-inline: 0px;
  --v-badge-foreground: var(--v-badge-icon-foreground);
  block-size: var(--v-badge-block-size);
  inline-size: var(--v-badge-block-size);
  max-block-size: var(--v-badge-block-size);
  min-inline-size: var(--v-badge-block-size);
  --v-icon-primary: var(--v-badge-foreground);
  --v-icon-secondary: var(--v-badge-foreground);
}

.v-badge-icon .v-icon {
  --v-badge-icon-size: var(--v-badge-icon-only-size);
}

.v-badge-clear {
  --v-badge-background: var(--palette-default-transparent);
}

@media (forced-colors: active) {
  .v-badge.v-badge-icon:not(.v-badge-clear) {
    --v-badge-background: CanvasText;
    --v-badge-foreground: Canvas;
    outline: 1px solid currentColor;
  }

  .v-badge.v-badge-number:not(.v-badge-clear) {
    --v-badge-background: #fff;
    --v-badge-foreground: #000;
    outline: 1px solid #000;
    forced-color-adjust: none;
  }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  .v-badge.v-badge-number:not(.v-badge-clear) {
    --v-badge-background: #000;
    --v-badge-foreground: #fff;
    outline: 1px solid #fff;
  }
}

.v-banner {
  --v-message-border-block-start-size: 0px;
  --v-message-border-inline-end-size: 0px;
  --v-message-border-inline-start-size: 0px;
  --v-message-elevation: var(--elevation-medium);
  --v-message-padding-block-end: var(--size-scalable-12);
  --v-message-padding-block-start: var(--size-scalable-12);
  --v-message-padding-inline-end: var(--size-scalable-20);
  --v-message-padding-inline-start: var(--size-scalable-12);
}

.v-banner .v-message-content {
  --v-message-text: var(--palette-default-text);
}

.v-banner .v-message-icon {
  --v-message-icon-color: var(--v-message-text);
  --v-icon-height: var(--v-message-icon-size);
  --v-icon-width: var(--v-message-icon-size);
}

:root,
.v-alternate {
  --v-breadcrumbs-color: var(--palette-default-text);
  --v-breadcrumbs-gap: var(--size-scalable-8);
  --v-breadcrumbs-pseudo-separator: "/";
  --v-breadcrumbs-separator-color: var(--palette-default-active-subtle);
  --v-breadcrumbs-margin-block: var(--size-scalable-0);
  --v-breadcrumbs-margin-inline: var(--size-scalable-0);
  --v-breadcrumbs-padding-block: var(--size-scalable-0);
  --v-breadcrumbs-padding-inline: var(--size-scalable-0);
}

.v-breadcrumbs.v-breadcrumbs-custom li:not(:last-child)::after {
  display: none;
}

.v-breadcrumbs ol {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--v-breadcrumbs-gap);
  list-style: none;
  margin-block: var(--v-breadcrumbs-margin-block);
  margin-inline: var(--v-breadcrumbs-margin-inline);
  padding-block: var(--v-breadcrumbs-padding-block);
  padding-inline: var(--v-breadcrumbs-padding-inline);
}

.v-breadcrumbs li {
  --typography-font-family: var(--typography-body-2-medium-font-family);
  --typography-font-size: var(--typography-body-2-medium-font-size);
  --typography-font-weight: var(--typography-body-2-medium-font-weight);
  --typography-letter-spacing: var(--typography-body-2-medium-letter-spacing);
  --typography-line-height: var(--typography-body-2-medium-line-height);
  --typography-text-decoration: var(--typography-body-2-medium-text-decoration);
  --typography-text-transform: var(--typography-body-2-medium-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  align-items: center;
  color: var(--v-breadcrumbs-separator-color);
  display: flex;
  gap: var(--v-breadcrumbs-gap);
}

.v-breadcrumbs li [aria-current="page"] {
  color: var(--v-breadcrumbs-color);
}

.v-breadcrumbs li:not(:last-child)::after {
  content: var(--v-breadcrumbs-pseudo-separator);
  display: inline-block;
}

.v-breadcrumbs li svg {
  fill: var(--v-breadcrumbs-separator-color);
  --v-icon-primary: var(--v-breadcrumbs-separator-color);
  --v-icon-secondary: var(--v-breadcrumbs-separator-color);
}

:root,
.v-alternate {
  --v-button-default-align-items: center;
  --v-button-default-block-size: var(--size-scalable-38);
  --v-button-default-border-radius: var(--size-rounded-medium);
  --v-button-default-border-style: solid;
  --v-button-default-direction: row;
  --v-button-default-gap: var(--size-scalable-6);
  --v-button-default-inline-size: auto;
  --v-button-default-justify-content: center;
  --v-button-default-padding-block: var(--size-scalable-11);
  --v-button-default-padding-inline: var(--size-scalable-14);
  --v-button-default-text-transform: none;
  --v-button-default-stacked-padding-inline: var(--size-scalable-4);
  --v-button-default-stacked-icon-size: 1.7142857143rem;
  --v-button-default-stacked-gap: var(--size-scalable-2);
  --v-button-default-stacked-block-size: calc(
    var(--typography-label-small-line-height) +
      var(--v-button-default-stacked-gap) +
      var(--v-button-default-stacked-icon-size) +
      var(--v-button-default-padding-block) * 2
  );
  --v-button-default-stacked-min-inline-size: 62px;
  --v-button-default-border-radius-icon: var(--size-rounded-pill);
  --v-button-default-icon-size: 1.1428571429rem;
  --v-button-default-icon-border-size: 1px;
  --v-button-default-icon-padding-block: calc(
    var(--size-scalable-11) - var(--v-button-default-icon-border-size)
  );
  --v-button-default-block-size-small: var(--size-scalable-32);
  --v-button-default-padding-block-small: var(--size-scalable-8);
  --v-button-default-padding-inline-small: var(--size-scalable-11);
  --v-button-default-small-icon-size: 1.1428571429rem;
  --v-button-default-block-size-large: var(--size-scalable-46);
  --v-button-default-large-icon-size: 1.7142857143rem;
  --v-button-default-large-text-icon-size: 1.2857142857rem;
  --v-button-default-padding-block-large: var(--size-scalable-11);
  --v-button-default-padding-block-icon-large: calc(
    var(--v-button-default-padding-block-large) - 0.2142857143rem
  );
  --v-button-default-padding-inline-large: var(--size-scalable-14);
  --v-button-default-badge-offset-x: 0.5;
  --v-button-default-small-badge-offset-x: 0.6;
  --v-button-default-large-badge-offset-x: 0.3;
  --v-button-default-badge-offset-y: 0;
  --v-button-default-badge-inline-max: 0.75;
  --v-button-default-border-size: 0px;
  --v-button-default-icon-subtle-background: var(
    --palette-default-active-subtle
  );
  --v-button-default-icon-subtle-border-color: var(
    --palette-default-active-subtle
  );
  --v-button-default-icon-subtle-foreground: var(
    --palette-default-text-on-active
  );
  --v-button-default-background: var(--palette-default-active);
  --v-button-default-border-color: var(--palette-default-active);
  --v-button-default-foreground: var(--palette-default-text-on-active);
  --v-button-default-hover-background: var(--palette-default-active-hover);
  --v-button-default-hover-border-color: var(--palette-default-active-hover);
  --v-button-default-hover-foreground: var(--palette-default-text-on-active);
  --v-button-default-focus-background: var(--palette-default-active-hover);
  --v-button-default-focus-border-color: var(--palette-default-active-hover);
  --v-button-default-focus-foreground: var(--palette-default-text-on-active);
  --v-button-default-active-background: var(--palette-default-active-pressed);
  --v-button-default-active-border-color: var(--palette-default-active-pressed);
  --v-button-default-active-foreground: var(--palette-default-text-on-active);
  --v-button-default-disabled-background: var(--palette-default-disabled);
  --v-button-default-disabled-border-color: var(--palette-default-disabled);
  --v-button-default-disabled-foreground: var(--palette-default-text-on-active);
  --v-button-default-destructive-background: var(
    --palette-messaging-text-negative
  );
  --v-button-default-destructive-foreground: var(
    --palette-default-text-on-active
  );
  --v-button-default-destructive-border-color: var(
    --palette-messaging-text-negative
  );
  --v-button-default-destructive-focus-outline: var(
    --palette-messaging-text-pressed-negative
  );
  --v-button-default-destructive-hover-background: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-default-destructive-hover-border-color: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-default-destructive-hover-foreground: var(
    --palette-default-text-on-active
  );
  --v-button-default-destructive-focus-background: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-default-destructive-focus-border-color: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-default-destructive-focus-foreground: var(
    --palette-default-text-on-active
  );
  --v-button-default-destructive-active-background: var(
    --palette-messaging-text-pressed-negative
  );
  --v-button-default-destructive-active-border-color: var(
    --palette-messaging-text-pressed-negative
  );
  --v-button-default-destructive-active-foreground: var(
    --palette-default-text-on-active
  );
  --v-button-secondary-border-size: calc(var(--theme-border-size) / 2);
  --v-button-secondary-padding-block: calc(
    var(--size-scalable-11) - var(--v-button-secondary-border-size)
  );
  --v-button-secondary-padding-inline: calc(
    var(--size-scalable-14) - var(--v-button-secondary-border-size)
  );
  --v-button-secondary-icon-subtle-background: var(
    --palette-default-transparent
  );
  --v-button-secondary-icon-subtle-border-color: var(
    --palette-default-active-subtle
  );
  --v-button-secondary-icon-subtle-foreground: var(
    --palette-default-active-subtle
  );
  --v-button-secondary-background: var(--palette-default-transparent);
  --v-button-secondary-border-color: var(--palette-default-active);
  --v-button-secondary-foreground: var(--palette-default-active);
  --v-button-secondary-hover-background: var(
    --palette-default-surface-highlight
  );
  --v-button-secondary-hover-border-color: var(--palette-default-active-hover);
  --v-button-secondary-hover-foreground: var(--palette-default-active-hover);
  --v-button-secondary-focus-background: var(
    --palette-default-surface-highlight
  );
  --v-button-secondary-focus-border-color: var(--palette-default-active-hover);
  --v-button-secondary-focus-foreground: var(--palette-default-active-hover);
  --v-button-secondary-active-background: var(
    --palette-default-surface-lowlight
  );
  --v-button-secondary-active-border-color: var(
    --palette-default-active-pressed
  );
  --v-button-secondary-active-foreground: var(--palette-default-active-pressed);
  --v-button-secondary-disabled-background: var(--palette-default-transparent);
  --v-button-secondary-disabled-border-color: var(--palette-default-disabled);
  --v-button-secondary-disabled-foreground: var(--palette-default-disabled);
  --v-button-secondary-destructive-background: var(
    --palette-default-transparent
  );
  --v-button-secondary-destructive-foreground: var(
    --palette-messaging-text-negative
  );
  --v-button-secondary-destructive-border-color: var(
    --palette-messaging-text-negative
  );
  --v-button-secondary-destructive-hover-background: var(
    --palette-messaging-highlight-negative
  );
  --v-button-secondary-destructive-hover-border-color: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-secondary-destructive-hover-foreground: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-secondary-destructive-focus-background: var(
    --palette-messaging-highlight-negative
  );
  --v-button-secondary-destructive-focus-border-color: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-secondary-destructive-focus-foreground: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-secondary-destructive-active-background: var(
    --palette-messaging-lowlight-negative
  );
  --v-button-secondary-destructive-active-border-color: var(
    --palette-messaging-text-pressed-negative
  );
  --v-button-secondary-destructive-active-foreground: var(
    --palette-messaging-text-pressed-negative
  );
  --v-button-tertiary-icon-subtle-background: var(
    --palette-default-transparent
  );
  --v-button-tertiary-icon-subtle-border-color: var(
    --palette-default-transparent
  );
  --v-button-tertiary-icon-subtle-foreground: var(
    --palette-default-active-subtle
  );
  --v-button-tertiary-background: var(--palette-default-transparent);
  --v-button-tertiary-border-color: var(--palette-default-transparent);
  --v-button-tertiary-foreground: var(--palette-default-active);
  --v-button-tertiary-hover-background: var(
    --palette-default-surface-highlight
  );
  --v-button-tertiary-hover-border-color: var(
    --palette-default-surface-highlight
  );
  --v-button-tertiary-hover-foreground: var(--palette-default-active-hover);
  --v-button-tertiary-focus-background: var(
    --palette-default-surface-highlight
  );
  --v-button-tertiary-focus-border-color: var(
    --palette-default-surface-highlight
  );
  --v-button-tertiary-focus-foreground: var(--palette-default-active-hover);
  --v-button-tertiary-active-background: var(
    --palette-default-surface-lowlight
  );
  --v-button-tertiary-active-border-color: var(
    --palette-default-surface-lowlight
  );
  --v-button-tertiary-active-foreground: var(--palette-default-active-pressed);
  --v-button-tertiary-disabled-background: var(--palette-default-transparent);
  --v-button-tertiary-disabled-border-color: var(--palette-default-transparent);
  --v-button-tertiary-disabled-foreground: var(--palette-default-disabled);
  --v-button-tertiary-destructive-background: var(
    --palette-default-transparent
  );
  --v-button-tertiary-destructive-foreground: var(
    --palette-messaging-text-negative
  );
  --v-button-tertiary-destructive-border-color: var(
    --palette-default-transparent
  );
  --v-button-tertiary-destructive-hover-background: var(
    --palette-messaging-highlight-negative
  );
  --v-button-tertiary-destructive-hover-border-color: var(
    --palette-messaging-highlight-negative
  );
  --v-button-tertiary-destructive-hover-foreground: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-tertiary-destructive-focus-background: var(
    --palette-messaging-highlight-negative
  );
  --v-button-tertiary-destructive-focus-border-color: var(
    --palette-messaging-highlight-negative
  );
  --v-button-tertiary-destructive-focus-foreground: var(
    --palette-messaging-text-hover-negative
  );
  --v-button-tertiary-destructive-active-background: var(
    --palette-messaging-lowlight-negative
  );
  --v-button-tertiary-destructive-active-border-color: var(
    --palette-messaging-lowlight-negative
  );
  --v-button-tertiary-destructive-active-foreground: var(
    --palette-messaging-text-pressed-negative
  );
}

.v-button {
  --typography-font-family: var(--typography-button-medium-font-family);
  --typography-font-size: var(--typography-button-medium-font-size);
  --typography-font-weight: var(--typography-button-medium-font-weight);
  --typography-letter-spacing: var(--typography-button-medium-letter-spacing);
  --typography-line-height: var(--typography-button-medium-line-height);
  --typography-text-decoration: var(--typography-button-medium-text-decoration);
  --typography-text-transform: var(--typography-button-medium-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  align-items: var(--v-button-default-align-items);
  background-color: var(--v-button-default-background);
  block-size: var(--v-button-default-block-size);
  border: var(--v-button-default-border-size)
    var(--v-button-default-border-style) var(--v-button-default-border-color);
  border-radius: var(--v-button-default-border-radius);
  color: var(--v-button-default-foreground);
  cursor: pointer;
  display: inline-flex;
  flex-direction: var(--v-button-default-direction);
  gap: var(--v-button-default-gap);
  inline-size: var(--v-button-default-inline-size);
  justify-content: var(--v-button-default-justify-content);
  padding-block: var(--v-button-default-padding-block);
  padding-inline: var(--v-button-default-padding-inline);
  position: relative;
  text-transform: var(--v-button-default-text-transform);
  --v-icon-tiny-height: var(--v-button-default-icon-size);
  --v-icon-tiny-width: var(--v-button-default-icon-size);
  --v-icon-low-height: var(--v-button-default-icon-size);
  --v-icon-low-width: var(--v-button-default-icon-size);
  --v-icon-high-height: var(--v-button-default-icon-size);
  --v-icon-high-width: var(--v-button-default-icon-size);
}

@media (prefers-contrast: more) and (forced-colors: active) {
  .v-button {
    --v-button-default-border-size: var(--v-button-secondary-border-size);
  }
}

.v-button:not(.v-icon-two-color):not(:has(.v-icon-two-color)),
.v-button.v-alternate:not(.v-icon-two-color):not(:has(.v-icon-two-color)) {
  --v-icon-primary: currentColor;
  --v-icon-secondary: currentColor;
}

.v-button:not(.v-button-secondary):not(.v-button-tertiary),
.v-button.v-alternate:not(.v-button-secondary):not(.v-button-tertiary) {
  --v-icon-primary: currentColor;
}

.v-button:hover {
  --v-button-default-background: var(--v-button-default-hover-background);
  --v-button-default-border-color: var(--v-button-default-hover-border-color);
  --v-button-default-foreground: var(--v-button-default-hover-foreground);
}

.v-button:focus-visible {
  --v-button-default-background: var(--v-button-default-focus-background);
  --v-button-default-border-color: var(--v-button-default-focus-border-color);
  --v-button-default-foreground: var(--v-button-default-focus-foreground);
}

.v-button:active {
  --v-button-default-background: var(--v-button-default-active-background);
  --v-button-default-border-color: var(--v-button-default-active-border-color);
  --v-button-default-foreground: var(--v-button-default-active-foreground);
}

a:is(.v-button)[aria-disabled="true"][role="link"],
.v-button:disabled {
  --v-button-default-background: var(--v-button-default-disabled-background);
  --v-button-default-border-color: var(
    --v-button-default-disabled-border-color
  );
  --v-button-default-foreground: var(--v-button-default-disabled-foreground);
  cursor: default;
  user-select: none;
  pointer-events: none;
}

a:is(.v-button)[aria-disabled="true"][role="link"] img,
.v-button:disabled img {
  filter: grayscale(100%) brightness(0.8);
  opacity: 0.5;
  pointer-events: none;
}

.v-button-small {
  --typography-font-family: var(--typography-button-small-font-family);
  --typography-font-size: var(--typography-button-small-font-size);
  --typography-font-weight: var(--typography-button-small-font-weight);
  --typography-letter-spacing: var(--typography-button-small-letter-spacing);
  --typography-line-height: var(--typography-button-small-line-height);
  --typography-text-decoration: var(--typography-button-small-text-decoration);
  --typography-text-transform: var(--typography-button-small-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --typography-text-transform: var(--v-button-default-text-transform);
  --v-button-default-block-size: var(--v-button-default-block-size-small);
  --v-button-default-padding-block: var(--v-button-default-padding-block-small);
  --v-button-default-padding-inline: var(
    --v-button-default-padding-inline-small
  );
  --v-button-default-badge-offset-x: var(
    --v-button-default-small-badge-offset-x
  );
  --v-button-default-icon-size: var(--v-button-default-small-icon-size);
}

.v-button-large {
  --typography-font-family: var(--typography-button-large-font-family);
  --typography-font-size: var(--typography-button-large-font-size);
  --typography-font-weight: var(--typography-button-large-font-weight);
  --typography-letter-spacing: var(--typography-button-large-letter-spacing);
  --typography-line-height: var(--typography-button-large-line-height);
  --typography-text-decoration: var(--typography-button-large-text-decoration);
  --typography-text-transform: var(--typography-button-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --typography-text-transform: var(--v-button-default-text-transform);
  --v-button-default-block-size: var(--v-button-default-block-size-large);
  --v-button-default-padding-block: var(--v-button-default-padding-block-large);
  --v-button-default-padding-inline: var(
    --v-button-default-padding-inline-large
  );
  --v-button-default-icon-size: var(--v-button-default-large-text-icon-size);
  --v-button-default-badge-offset-x: var(
    --v-button-default-large-badge-offset-x
  );
}

.v-button-secondary {
  --v-button-default-padding-block: var(--v-button-secondary-padding-block);
  --v-button-default-padding-inline: var(--v-button-secondary-padding-inline);
  --v-button-default-border-size: var(--v-button-secondary-border-size);
  --v-button-default-icon-subtle-background: var(
    --v-button-secondary-icon-subtle-background
  );
  --v-button-default-icon-subtle-border-color: var(
    --v-button-secondary-icon-subtle-border-color
  );
  --v-button-default-icon-subtle-foreground: var(
    --v-button-secondary-icon-subtle-foreground
  );
  --v-button-default-background: var(--v-button-secondary-background);
  --v-button-default-border-color: var(--v-button-secondary-border-color);
  --v-button-default-foreground: var(--v-button-secondary-foreground);
  --v-button-default-hover-background: var(
    --v-button-secondary-hover-background
  );
  --v-button-default-hover-border-color: var(
    --v-button-secondary-hover-border-color
  );
  --v-button-default-hover-foreground: var(
    --v-button-secondary-hover-foreground
  );
  --v-button-default-focus-background: var(
    --v-button-secondary-focus-background
  );
  --v-button-default-focus-border-color: var(
    --v-button-secondary-focus-border-color
  );
  --v-button-default-focus-foreground: var(
    --v-button-secondary-focus-foreground
  );
  --v-button-default-active-background: var(
    --v-button-secondary-active-background
  );
  --v-button-default-active-border-color: var(
    --v-button-secondary-active-border-color
  );
  --v-button-default-active-foreground: var(
    --v-button-secondary-active-foreground
  );
  --v-button-default-disabled-background: var(
    --v-button-secondary-disabled-background
  );
  --v-button-default-disabled-border-color: var(
    --v-button-secondary-disabled-border-color
  );
  --v-button-default-disabled-foreground: var(
    --v-button-secondary-disabled-foreground
  );
  --v-button-default-destructive-background: var(
    --v-button-secondary-destructive-background
  );
  --v-button-default-destructive-foreground: var(
    --v-button-secondary-destructive-foreground
  );
  --v-button-default-destructive-border-color: var(
    --v-button-secondary-destructive-border-color
  );
  --v-button-default-destructive-hover-background: var(
    --v-button-secondary-destructive-hover-background
  );
  --v-button-default-destructive-hover-border-color: var(
    --v-button-secondary-destructive-hover-border-color
  );
  --v-button-default-destructive-hover-foreground: var(
    --v-button-secondary-destructive-hover-foreground
  );
  --v-button-default-destructive-focus-background: var(
    --v-button-secondary-destructive-focus-background
  );
  --v-button-default-destructive-focus-border-color: var(
    --v-button-secondary-destructive-focus-border-color
  );
  --v-button-default-destructive-focus-foreground: var(
    --v-button-secondary-destructive-focus-foreground
  );
  --v-button-default-destructive-active-background: var(
    --v-button-secondary-destructive-active-background
  );
  --v-button-default-destructive-active-border-color: var(
    --v-button-secondary-destructive-active-border-color
  );
  --v-button-default-destructive-active-foreground: var(
    --v-button-secondary-destructive-active-foreground
  );
}

.v-button-tertiary {
  --v-button-default-icon-subtle-background: var(
    --v-button-tertiary-icon-subtle-background
  );
  --v-button-default-icon-subtle-border-color: var(
    --v-button-tertiary-icon-subtle-border-color
  );
  --v-button-default-icon-subtle-foreground: var(
    --v-button-tertiary-icon-subtle-foreground
  );
  --v-button-default-background: var(--v-button-tertiary-background);
  --v-button-default-border-color: var(--v-button-tertiary-border-color);
  --v-button-default-foreground: var(--v-button-tertiary-foreground);
  --v-button-default-hover-background: var(
    --v-button-tertiary-hover-background
  );
  --v-button-default-hover-border-color: var(
    --v-button-tertiary-hover-border-color
  );
  --v-button-default-hover-foreground: var(
    --v-button-tertiary-hover-foreground
  );
  --v-button-default-focus-background: var(
    --v-button-tertiary-focus-background
  );
  --v-button-default-focus-border-color: var(
    --v-button-tertiary-focus-border-color
  );
  --v-button-default-focus-foreground: var(
    --v-button-tertiary-focus-foreground
  );
  --v-button-default-active-background: var(
    --v-button-tertiary-active-background
  );
  --v-button-default-active-border-color: var(
    --v-button-tertiary-active-border-color
  );
  --v-button-default-active-foreground: var(
    --v-button-tertiary-active-foreground
  );
  --v-button-default-disabled-background: var(
    --v-button-tertiary-disabled-background
  );
  --v-button-default-disabled-border-color: var(
    --v-button-tertiary-disabled-border-color
  );
  --v-button-default-disabled-foreground: var(
    --v-button-tertiary-disabled-foreground
  );
  --v-button-default-destructive-background: var(
    --v-button-tertiary-destructive-background
  );
  --v-button-default-destructive-foreground: var(
    --v-button-tertiary-destructive-foreground
  );
  --v-button-default-destructive-border-color: var(
    --v-button-tertiary-destructive-border-color
  );
  --v-button-default-destructive-hover-background: var(
    --v-button-tertiary-destructive-hover-background
  );
  --v-button-default-destructive-hover-border-color: var(
    --v-button-tertiary-destructive-hover-border-color
  );
  --v-button-default-destructive-hover-foreground: var(
    --v-button-tertiary-destructive-hover-foreground
  );
  --v-button-default-destructive-focus-background: var(
    --v-button-tertiary-destructive-focus-background
  );
  --v-button-default-destructive-focus-border-color: var(
    --v-button-tertiary-destructive-focus-border-color
  );
  --v-button-default-destructive-focus-foreground: var(
    --v-button-tertiary-destructive-focus-foreground
  );
  --v-button-default-destructive-active-background: var(
    --v-button-tertiary-destructive-active-background
  );
  --v-button-default-destructive-active-border-color: var(
    --v-button-tertiary-destructive-active-border-color
  );
  --v-button-default-destructive-active-foreground: var(
    --v-button-tertiary-destructive-active-foreground
  );
}

.v-button-destructive:not(:disabled) {
  --v-button-default-background: var(--v-button-default-destructive-background);
  --v-button-default-border-color: var(
    --v-button-default-destructive-border-color
  );
  --v-button-default-foreground: var(--v-button-default-destructive-foreground);
  outline-color: var(--v-button-default-destructive-focus-outline);
}

.v-button-destructive:not(:disabled):hover {
  --v-button-default-background: var(
    --v-button-default-destructive-hover-background
  );
  --v-button-default-border-color: var(
    --v-button-default-destructive-hover-border-color
  );
  --v-button-default-foreground: var(
    --v-button-default-destructive-hover-foreground
  );
}

.v-button-destructive:not(:disabled):focus-visible {
  --v-button-default-background: var(
    --v-button-default-destructive-focus-background
  );
  --v-button-default-border-color: var(
    --v-button-default-destructive-focus-border-color
  );
  --v-button-default-foreground: var(
    --v-button-default-destructive-focus-foreground
  );
}

.v-button-destructive:not(:disabled):active {
  --v-button-default-background: var(
    --v-button-default-destructive-active-background
  );
  --v-button-default-border-color: var(
    --v-button-default-destructive-active-border-color
  );
  --v-button-default-foreground: var(
    --v-button-default-destructive-active-foreground
  );
}

.v-button-icon {
  --v-button-default-block-size: fit-content;
  --v-button-default-border-radius: var(--v-button-default-border-radius-icon);
  --v-button-default-padding-inline: var(--v-button-default-padding-block);
  --v-button-default-inline-size: fit-content;
}

.v-button-icon.v-button-large {
  --v-button-default-icon-size: var(--v-button-default-large-icon-size);
}

.v-button-icon:not(.v-button-secondary) {
  --v-button-default-border-size: var(--v-button-default-icon-border-size);
  --v-button-default-border-color: var(--palette-default-transparent);
  --v-button-default-padding-inline: var(--v-button-default-icon-padding-block);
  --v-button-default-padding-block: var(--v-button-default-icon-padding-block);
}

.v-button-icon.v-button-small {
  --v-button-default-padding-block: calc(
    var(--v-button-default-padding-block-small) -
      var(--v-button-default-border-size)
  );
  --v-button-default-padding-inline: calc(
    var(--v-button-default-padding-block-small) -
      var(--v-button-default-border-size)
  );
}

.v-button-subtle {
  --v-button-default-background: var(--v-button-default-icon-subtle-background);
  --v-button-default-border-color: var(
    --v-button-default-icon-subtle-border-color
  );
  --v-button-default-foreground: var(--v-button-default-icon-subtle-foreground);
}

.v-button .v-badge-number {
  --v-badge-number-max-inline: calc(
    var(--v-button-default-block-size) *
      var(--v-button-default-badge-inline-max)
  );
  position: absolute;
}

.v-button .v-badge-number,
.v-button .v-badge-number.v-badge-top-right {
  right: calc(
    var(--v-badge-number-size) * -1 * var(--v-button-default-badge-offset-x)
  );
  top: calc(
    var(--v-badge-number-size) * -1 * var(--v-button-default-badge-offset-y)
  );
}

.v-button .v-badge-number.v-badge-top-left {
  left: calc(
    var(--v-badge-number-size) * -1 * var(--v-button-default-badge-offset-x)
  );
  right: auto;
}

.v-button .v-badge-number.v-badge-bottom-right {
  bottom: calc(
    var(--v-badge-number-size) * -1 * var(--v-button-default-badge-offset-y)
  );
  top: auto;
}

.v-button .v-badge-number.v-badge-bottom-left {
  bottom: calc(
    var(--v-badge-number-size) * -1 * var(--v-button-default-badge-offset-y)
  );
  left: calc(
    var(--v-badge-number-size) * -1 * var(--v-button-default-badge-offset-x)
  );
  right: auto;
  top: auto;
}

.v-button:has(.v-avatar) {
  --v-avatar-size: var(--v-avatar-small-size);
  --v-button-default-padding-block: calc(
    (var(--v-button-default-block-size) - var(--v-avatar-size)) / 2 -
      var(--v-button-default-border-size)
  );
}

.v-button:has(.v-avatar):has(.v-avatar .v-icon),
.v-button:has(.v-avatar):has(.v-avatar.v-icon) {
  --v-button-default-padding-block: calc(
    (var(--v-button-default-block-size) - var(--v-avatar-small-icon-size)) / 2 -
      var(--v-button-default-border-size)
  );
}

.v-button:has(.v-avatar) .v-avatar {
  --typography-font-family: var(--typography-button-small-font-family);
  --typography-font-size: var(--typography-button-small-font-size);
  --typography-font-weight: var(--typography-button-small-font-weight);
  --typography-letter-spacing: var(--typography-button-small-letter-spacing);
  --typography-line-height: var(--typography-button-small-line-height);
  --typography-text-decoration: var(--typography-button-small-text-decoration);
  --typography-text-transform: var(--typography-button-small-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-button-stacked {
  min-inline-size: var(--v-button-default-stacked-min-inline-size);
  --typography-font-family: var(--typography-label-small-font-family);
  --typography-font-size: var(--typography-label-small-font-size);
  --typography-font-weight: var(--typography-label-small-font-weight);
  --typography-letter-spacing: var(--typography-label-small-letter-spacing);
  --typography-line-height: var(--typography-label-small-line-height);
  --typography-text-decoration: var(--typography-label-small-text-decoration);
  --typography-text-transform: var(--typography-label-small-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-button-default-block-size: var(--v-button-default-stacked-block-size);
  --v-button-default-direction: column;
  --v-button-default-gap: var(--v-button-default-stacked-gap);
  --v-button-default-icon-size: var(--v-button-default-stacked-icon-size);
  --v-button-default-padding-inline: var(
    --v-button-default-stacked-padding-inline
  );
}

:root,
.v-alternate {
  --v-checkbox-alignment: middle;
  --v-checkbox-gap: var(--size-scalable-2);
  --v-checkbox-group-gap: var(--size-scalable-4);
  --v-checkbox-outline-radius: calc(var(--v-checkbox-border-radius) * 4);
  --v-checkbox-indicator-background: var(--palette-default-surface-1);
  --v-checkbox-indicator-block-size: var(--size-responsive-18);
  --v-checkbox-color: var(--palette-default-active);
  --v-checkbox-border-radius: calc(var(--size-rounded-small) / 2);
  --v-checkbox-border-size: var(--theme-border-size);
  --v-checkbox-border-style: solid;
  --v-checkbox-indicator-foreground: var(--palette-default-surface-1);
  --v-checkbox-glow-color: var(--palette-default-transparent);
  --v-checkbox-glow-offset: var(--size-scalable-10);
  --v-checkbox-label-color: var(--palette-default-text);
  --v-checkbox-message-color: var(--palette-default-text-subtle);
  --v-checkbox-panel-border-color: var(--palette-default-active-subtle);
  --v-checkbox-panel-border-color-hover: var(--palette-default-active-hover);
  --v-checkbox-panel-border-color-focus: var(--palette-default-active-hover);
  --v-checkbox-panel-border-color-active: var(--palette-default-active-pressed);
  --v-checkbox-panel-border-color-disabled: var(--palette-default-disabled);
  --v-checkbox-panel-glow-offset: var(--size-responsive-8);
  --v-checkbox-panel-padding-inline: var(--size-responsive-18);
  --v-checkbox-panel-padding-block: var(--size-scalable-10);
  --v-checkbox-panel-border-size-highlight: var(--size-scalable-2);
  --v-checkbox-panel-group-gap: var(--size-scalable-8);
  --v-checkbox-hover-color: var(--palette-default-active-hover);
  --v-checkbox-hover-glow-color: var(--palette-default-surface-highlight);
  --v-checkbox-focus-color: var(--palette-default-active-hover);
  --v-checkbox-focus-glow-color: var(--palette-default-surface-highlight);
  --v-checkbox-active-color: var(--palette-default-active-pressed);
  --v-checkbox-active-glow-color: var(--palette-default-surface-lowlight);
  --v-checkbox-disabled-color: var(--palette-default-disabled);
  --v-checkbox-error-color: var(--palette-messaging-graphics-negative);
}

.v-checkbox,
.v-radio {
  align-items: center;
  appearance: none;
  background-color: var(--v-checkbox-indicator-background);
  block-size: var(--v-checkbox-indicator-block-size);
  border-color: var(--v-checkbox-color);
  border-radius: var(--v-checkbox-border-radius);
  border-style: var(--v-checkbox-border-style);
  border-width: var(--v-checkbox-border-size);
  box-shadow: 0px 0px 0px var(--v-checkbox-glow-offset)
    var(--v-checkbox-glow-color);
  box-sizing: border-box;
  color: var(--v-checkbox-indicator-foreground);
  cursor: pointer;
  direction: ltr;
  display: inline-flex;
  flex-shrink: 0;
  inline-size: var(--v-checkbox-indicator-block-size);
  justify-content: center;
  margin: var(--v-checkbox-glow-offset);
  outline-offset: var(--v-checkbox-glow-offset);
  position: relative;
}

.v-checkbox:hover,
.v-radio:hover {
  --v-checkbox-glow-color: var(--v-checkbox-hover-glow-color);
  --v-checkbox-color: var(--v-checkbox-hover-color);
}

.v-checkbox:focus-visible,
.v-radio:focus-visible {
  --v-checkbox-glow-color: var(--v-checkbox-focus-glow-color);
  --v-checkbox-color: var(--v-checkbox-focus-color);
}

.v-checkbox:focus-visible::after,
.v-radio:focus-visible::after {
  transform: scale(1);
}

.v-checkbox:not(.v-radio):focus-visible,
.v-radio:not(.v-radio):focus-visible {
  outline: none;
}

.v-checkbox:active,
.v-radio:active,
.v-checkbox:has(+ .v-label:active),
.v-radio:has(+ .v-label:active) {
  --v-checkbox-glow-color: var(--v-checkbox-active-glow-color);
  --v-checkbox-color: var(--v-checkbox-active-color);
}

.v-label:not(.v-chip-selection):active .v-checkbox,
.v-label:not(.v-chip-selection):active .v-radio,
.v-label:not(.v-chip-selection):active + .v-checkbox,
.v-label:not(.v-chip-selection):active + .v-radio {
  --v-checkbox-glow-color: var(--v-checkbox-active-glow-color);
  --v-checkbox-color: var(--v-checkbox-active-color);
}

.v-checkbox::before,
.v-radio::before {
  block-size: calc(
    0.6666666667 * var(--v-checkbox-indicator-block-size) -
      var(--v-checkbox-border-size) / 2
  );
  border-block-end: var(--size-responsive-2) solid
    var(--v-checkbox-indicator-foreground);
  border-inline-end: var(--size-responsive-2) solid
    var(--v-checkbox-indicator-foreground);
  content: "";
  inline-size: calc(
    0.3333333333 * var(--v-checkbox-indicator-block-size) -
      var(--v-checkbox-border-size) / 2
  );
  rotate: 45deg;
  transform: scale(0);
  translate: 0 -1px;
}

.v-checkbox::after,
.v-radio::after {
  block-size: calc(
    var(--v-checkbox-indicator-block-size) + var(--v-checkbox-glow-offset) * 2 +
      var(--v-checkbox-border-size)
  );
  border-color: var(--palette-default-active-pressed);
  border-radius: var(--v-checkbox-outline-radius);
  border-style: dashed;
  border-width: var(--theme-focus-outline-size);
  content: "";
  inline-size: calc(
    var(--v-checkbox-indicator-block-size) + var(--v-checkbox-glow-offset) * 2 +
      var(--v-checkbox-border-size)
  );
  position: absolute;
  transform: scale(0);
}

.v-checkbox.checked,
.checked.v-radio,
.v-checkbox:checked,
.v-radio:checked {
  --v-checkbox-indicator-background: var(--v-checkbox-color);
}

.v-checkbox.checked::before,
.checked.v-radio::before,
.v-checkbox:checked::before,
.v-radio:checked::before {
  transform: scale(1);
}

.v-checkbox[aria-invalid="true"]:not(:disabled),
[aria-invalid="true"].v-radio:not(:disabled) {
  --v-checkbox-color: var(--v-checkbox-error-color);
}

.v-checkbox:disabled,
.v-radio:disabled {
  --v-checkbox-color: var(--v-checkbox-disabled-color);
  --v-checkbox-glow-color: var(--palette-default-transparent);
  cursor: default;
}

.v-checkbox:disabled:checked:not(.v-radio),
.v-radio:disabled:checked:not(.v-radio) {
  border-color: var(--palette-default-transparent);
}

.v-checkbox:disabled + .v-label,
.v-radio:disabled + .v-label {
  --v-label-color: var(--v-checkbox-disabled-color);
  cursor: default;
  pointer-events: none;
}

fieldset > .v-flex-col,
fieldset > .v-flex-row {
  gap: var(--v-checkbox-group-gap);
  margin-block: var(--v-checkbox-group-gap);
}

fieldset > .v-flex-col:has(.v-checkbox-panel, .v-radio-panel),
fieldset > .v-flex-row:has(.v-checkbox-panel, .v-radio-panel) {
  --v-checkbox-group-gap: var(--v-checkbox-panel-group-gap);
}

.v-checkbox.mixed,
.mixed.v-radio,
.v-checkbox[aria-checked="mixed"],
[aria-checked="mixed"].v-radio,
.v-checkbox[type="checkbox"]:indeterminate,
[type="checkbox"].v-radio:indeterminate {
  --v-checkbox-active-indicator-foreground: var(--v-checkbox-active-color);
}

.v-checkbox.mixed:not(:checked)::before,
.mixed.v-radio:not(:checked)::before,
.v-checkbox[aria-checked="mixed"]:not(:checked)::before,
[aria-checked="mixed"].v-radio:not(:checked)::before,
.v-checkbox[type="checkbox"]:indeterminate:not(:checked)::before,
[type="checkbox"].v-radio:indeterminate:not(:checked)::before {
  align-self: center;
  block-size: 0px;
  border-block-end: 0;
  border-inline-end: 0;
  border-radius: var(--v-checkbox-border-radius);
  border-top-color: var(--v-checkbox-color);
  border-top-style: solid;
  border-top-width: var(--v-checkbox-border-size);
  display: inline-flex;
  inline-size: 10px;
  rotate: none;
  transform: scale(1);
  translate: none;
}

.v-checkbox-panel,
.v-radio-panel {
  --v-checkbox-glow-offset: var(--v-checkbox-panel-glow-offset);
  --v-action-secondary-border-color: var(--v-checkbox-panel-border-color);
  --v-action-secondary-padding-block: calc(
    var(--v-checkbox-panel-padding-block) -
      var(--v-action-secondary-border-size)
  );
  --v-action-secondary-padding-inline: calc(
      var(--v-checkbox-panel-padding-inline) -
        var(--v-checkbox-panel-glow-offset) -
        var(--v-action-secondary-border-size)
    )
    calc(
      var(--v-checkbox-panel-padding-inline) -
        var(--v-action-secondary-border-size)
    );
}

.v-checkbox-panel .v-input-message,
.v-radio-panel .v-input-message {
  user-select: none;
}

.v-checkbox-panel:has(.v-radio:only-of-type:hover),
.v-checkbox-panel:has(
    .v-checkbox:only-of-type:hover,
    .v-radio:only-of-type:hover
  ),
.v-radio-panel:has(.v-checkbox:only-of-type:hover, .v-radio:only-of-type:hover),
.v-checkbox-panel:hover,
.v-radio-panel:hover {
  --v-action-secondary-border-color: var(--v-checkbox-panel-border-color-hover);
  --v-action-secondary-border-size: var(
    --v-checkbox-panel-border-size-highlight
  );
}

.v-checkbox-panel:has(.v-radio:only-of-type:focus-visible),
.v-checkbox-panel:has(
    .v-checkbox:only-of-type:focus-visible,
    .v-radio:only-of-type:focus-visible
  ),
.v-radio-panel:has(
    .v-checkbox:only-of-type:focus-visible,
    .v-radio:only-of-type:focus-visible
  ),
.v-checkbox-panel:focus-visible,
.v-radio-panel:focus-visible {
  --v-action-secondary-border-color: var(--v-checkbox-panel-border-color-focus);
  --v-action-secondary-border-size: var(
    --v-checkbox-panel-border-size-highlight
  );
}

.v-checkbox-panel:has(.v-radio:only-of-type:active),
.v-checkbox-panel:has(
    .v-checkbox:only-of-type:active,
    .v-radio:only-of-type:active
  ),
.v-radio-panel:has(
    .v-checkbox:only-of-type:active,
    .v-radio:only-of-type:active
  ),
.v-checkbox-panel:active,
.v-radio-panel:active {
  --v-action-secondary-border-color: var(
    --v-checkbox-panel-border-color-active
  );
  --v-action-secondary-border-size: var(
    --v-checkbox-panel-border-size-highlight
  );
}

.v-checkbox-panel:has(.v-radio:only-of-type:disabled),
.v-checkbox-panel:has(
    .v-checkbox:only-of-type:disabled,
    .v-radio:only-of-type:disabled
  ),
.v-radio-panel:has(
    .v-checkbox:only-of-type:disabled,
    .v-radio:only-of-type:disabled
  ),
.v-checkbox-panel:disabled,
.v-radio-panel:disabled {
  --v-action-secondary-border-color: var(
    --v-checkbox-panel-border-color-disabled
  );
  pointer-events: none;
}

.v-checkbox-panel.v-label .v-input-message,
.v-label.v-radio-panel .v-input-message {
  white-space: normal;
}

:root,
.v-alternate {
  --v-chip-align-items: center;
  --v-chip-active-border-color: var(--palette-default-active-pressed);
  --v-chip-avatar-size: var(--v-avatar-icon-size);
  --v-chip-background-color: var(--palette-default-surface-1);
  --v-chip-border-color: var(--palette-default-active);
  --v-chip-border-radius: calc(var(--size-rounded-large) * 2);
  --v-chip-border-style: solid;
  --v-chip-border-width: 1px;
  --v-chip-button-padding: 0;
  --v-chip-button-size: var(--size-scalable-30);
  --v-chip-checkbox-appearance: none;
  --v-chip-checkbox-clip: rect(0, 0, 0, 0);
  --v-chip-checkbox-margin: 0;
  --v-chip-checkbox-position: fixed;
  --v-chip-compact-border-color: var(--palette-default-active-subtle);
  --v-chip-compact-border-radius: var(--size-rounded-small);
  --v-chip-compact-button-padding: 0;
  --v-chip-compact-icon-size: 1.1428571429rem;
  --v-chip-compact-padding-block: var(--size-scalable-3);
  --v-chip-compact-padding-inline: var(--size-scalable-3);
  --v-chip-compact-padding-inline-start: var(--size-scalable-5);
  --v-chip-compact-avatar-size: 1.5714285714rem;
  --v-chip-compact-button-size: var(--size-scalable-28);
  --v-chip-delete-padding-block: var(--size-scalable-0);
  --v-chip-delete-padding-inline-end: var(--size-scalable-0);
  --v-chip-disabled-border-color: var(--palette-default-disabled);
  --v-chip-disabled-cursor: default;
  --v-chip-display: inline-flex;
  --v-chip-gap: var(--size-scalable-4);
  --v-chip-hover-border-color: var(--palette-default-active-hover);
  --v-chip-icon-size: 1.2857142857rem;
  --v-chip-inline-size: fit-content;
  --v-chip-lead-inline-start-padding: var(--size-scalable-3);
  --v-chip-padding-block: var(--size-scalable-6);
  --v-chip-padding-inline-end: var(--size-scalable-7);
  --v-chip-padding-inline-start: var(--v-chip-padding-inline-end);
  --v-chip-readonly-background-color: var(--palette-default-surface-1);
  --v-chip-readonly-border-color: var(--palette-default-border);
  --v-chip-readonly-label-color: var(--palette-default-text-subtle);
  --v-chip-selection-cursor: pointer;
  --v-chip-selection-gap: var(--size-scalable-6);
  --v-chip-selection-text-color: var(--palette-default-active);
  --v-chip-static-border-color: var(--palette-default-border);
}

.v-chip {
  align-items: var(--v-chip-align-items);
  background-color: var(--v-chip-background-color);
  border-color: var(--v-chip-border-color);
  border-radius: var(--v-chip-border-radius);
  border-style: var(--v-chip-border-style);
  border-width: var(--v-chip-border-width);
  display: var(--v-chip-display);
  gap: var(--v-chip-gap);
  inline-size: var(--v-chip-inline-size);
  padding-block: var(--v-chip-padding-block);
  padding-inline: var(--v-chip-padding-inline-start)
    var(--v-chip-padding-inline-end);
  --theme-focus-outline-offset: var(--size-scalable-2);
}

.v-chip:not(.v-chip-compact) {
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-chip:has(.v-avatar) {
  --v-chip-padding-inline-start: var(--v-chip-lead-inline-start-padding);
}

.v-chip > .v-icon {
  --v-icon-height: var(--v-chip-icon-size);
  --v-icon-width: var(--v-chip-icon-size);
}

.v-chip .v-avatar {
  --v-avatar-size: var(--v-chip-avatar-size);
}

.v-chip:not(:has(.v-button)):not(:has(input)) {
  --v-chip-border-color: var(--v-chip-static-border-color);
}

.v-chip:has(.v-button-icon) {
  --v-chip-padding-block: var(--v-chip-delete-padding-block);
  --v-chip-padding-inline-end: var(--v-chip-delete-padding-inline-end);
}

.v-chip:has(.v-button[disabled]) {
  cursor: var(--v-chip-disabled-cursor);
  pointer-events: none;
  --v-chip-border-color: var(--v-action-secondary-disabled-border-color);
  --v-label-color: var(--v-action-secondary-disabled-foreground);
}

.v-chip .v-button-icon {
  flex-shrink: 0;
  inline-size: var(--v-chip-button-size);
  --v-button-default-block-size: var(--v-chip-button-size);
  --v-button-default-padding-block: var(--v-chip-button-padding);
  --v-button-default-padding-inline: var(--v-chip-button-padding);
}

.v-chip-selection {
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  cursor: var(--v-chip-selection-cursor);
  --v-label-color: var(--v-chip-selection-text-color);
  --v-action-secondary-font-size: var(--typography-label-large-font-size);
  --v-action-secondary-font-weight: var(--typography-label-large-font-weight);
  --v-action-secondary-letter-spacing: var(
    --typography-label-large-letter-spacing
  );
  --v-action-secondary-line-height: var(--typography-label-large-line-height);
  --v-chip-gap: var(--v-chip-selection-gap);
}

.v-chip-selection .v-checkbox {
  appearance: var(--v-chip-checkbox-appearance);
  clip: var(--v-chip-checkbox-clip);
  margin: var(--v-chip-checkbox-margin);
  position: var(--v-chip-checkbox-position);
  --v-checkbox-color: var(--palette-default-transparent);
}

.v-chip-selection .v-checkbox:checked {
  display: flex;
  position: relative;
}

.v-chip-selection .v-checkbox:checked::before {
  background-color: initial;
  block-size: 100%;
  border-block-end: var(--size-scalable-2) solid
    var(--v-checkbox-indicator-foreground);
  border-inline-end: var(--size-scalable-2) solid
    var(--v-checkbox-indicator-foreground);
  border-radius: var(--size-rounded-none);
  content: "";
  inline-size: calc(
    var(--v-checkbox-indicator-block-size) * 0.44444 -
      var(--v-checkbox-border-size) / 2
  );
  rotate: 45deg;
  translate: 0 -2px;
}

.v-chip-selection .v-checkbox:checked::after {
  display: none;
}

.v-chip-selection .v-checkbox:hover {
  --v-checkbox-glow-color: var(--palette-default-transparent);
}

.v-chip-selection .v-checkbox:active {
  --v-checkbox-glow-color: var(--palette-default-transparent);
}

.v-chip-selection:hover,
.v-chip-selection:has(.v-checkbox:only-of-type:hover) {
  --v-chip-background-color: var(--v-action-secondary-hover-background);
  --v-chip-border-color: var(--v-action-secondary-hover-border-color);
  --v-label-color: var(--v-action-secondary-hover-foreground);
}

.v-chip-selection:has(.v-checkbox:only-of-type:focus-visible) {
  --v-chip-background-color: var(--v-action-secondary-focus-background);
  --v-chip-border-color: var(--v-action-secondary-focus-border-color);
  --v-label-color: var(--v-action-secondary-focus-foreground);
}

.v-chip-selection:active,
.v-chip-selection:has(.v-checkbox:only-of-type:active:not(:disabled)) {
  --v-chip-background-color: var(--v-action-secondary-active-background);
  --v-chip-border-color: var(--v-action-secondary-active-border-color);
  --v-label-color: var(--v-action-secondary-active-foreground);
}

.v-chip-selection:active:has(.v-checkbox:only-of-type:hover),
.v-chip-selection:has(.v-checkbox:only-of-type:active:not(:disabled)):has(
    .v-checkbox:only-of-type:hover
  ) {
  --v-chip-background-color: var(--v-action-secondary-active-background);
  --v-chip-border-color: var(--v-action-secondary-active-border-color);
  --v-label-color: var(--v-action-secondary-active-foreground);
}

.v-chip-selection[readonly],
.v-chip-selection:has(.v-checkbox:only-of-type[readonly]) {
  --v-chip-border-color: var(--v-chip-readonly-border-color);
  --v-label-color: var(--v-chip-readonly-label-color);
  cursor: var(--v-chip-disabled-cursor);
  pointer-events: none;
}

.v-chip-selection[readonly]:hover,
.v-chip-selection[readonly]:has(.v-checkbox:only-of-type:hover),
.v-chip-selection[readonly]:has(.v-checkbox:only-of-type:focus-visible),
.v-chip-selection:has(.v-checkbox:only-of-type[readonly]):hover,
.v-chip-selection:has(.v-checkbox:only-of-type[readonly]):has(
    .v-checkbox:only-of-type:hover
  ),
.v-chip-selection:has(.v-checkbox:only-of-type[readonly]):has(
    .v-checkbox:only-of-type:focus-visible
  ) {
  --v-chip-background-color: var(--v-chip-readonly-background-color);
  --v-chip-border-color: var(--v-chip-readonly-border-color);
  --v-label-color: var(--v-chip-readonly-label-color);
}

.v-chip-selection[disabled],
.v-chip-selection:has(.v-checkbox:only-of-type:disabled) {
  cursor: var(--v-chip-disabled-cursor);
  pointer-events: none;
  --v-chip-border-color: var(--v-action-secondary-disabled-border-color);
  --v-label-color: var(--v-action-secondary-disabled-foreground);
}

.v-chip-selection:has(.v-checkbox:checked) {
  --typography-font-family: var(--typography-label-large-active-font-family);
  --typography-font-size: var(--typography-label-large-active-font-size);
  --typography-font-weight: var(--typography-label-large-active-font-weight);
  --typography-letter-spacing: var(
    --typography-label-large-active-letter-spacing
  );
  --typography-line-height: var(--typography-label-large-active-line-height);
  --typography-text-decoration: var(
    --typography-label-large-active-text-decoration
  );
  --typography-text-transform: var(
    --typography-label-large-active-text-transform
  );
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-chip-background-color: var(--v-action-primary-background);
  --v-label-color: var(--palette-default-text-on-active);
  --v-action-primary-font-size: var(--typography-label-large-active-font-size);
  --v-action-primary-font-weight: var(
    --typography-label-large-active-font-weight
  );
  --v-action-primary-letter-spacing: var(
    --typography-label-large-active-letter-spacing
  );
  --v-action-primary-line-height: var(
    --typography-label-large-active-line-height
  );
}

.v-chip-selection:has(.v-checkbox:checked):hover,
.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:hover) {
  --v-chip-background-color: var(--v-action-primary-hover-background);
  --v-chip-border-color: var(--v-action-primary-hover-border-color);
  --v-label-color: var(--palette-default-text-on-active);
}

.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type:focus-visible
  ) {
  --v-chip-background-color: var(--v-action-primary-focus-background);
  --v-chip-border-color: var(--v-action-primary-focus-border-color);
  --v-label-color: var(--v-action-primary-focus-foreground);
}

.v-chip-selection:has(.v-checkbox:checked):active,
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type:active
  ) {
  --v-chip-background-color: var(--v-action-primary-active-background);
  --v-chip-border-color: var(--v-action-primary-active-border-color);
  --v-label-color: var(--palette-default-text-on-active);
}

.v-chip-selection:has(.v-checkbox:checked):active:has(
    .v-checkbox:only-of-type:hover
  ),
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type:active
  ):has(.v-checkbox:only-of-type:hover) {
  --v-chip-background-color: var(--v-action-primary-active-background);
  --v-chip-border-color: var(--v-action-primary-active-border-color);
  --v-label-color: var(--palette-default-text-on-active);
}

.v-chip-selection:has(.v-checkbox:checked)[readonly],
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type[readonly]
  ) {
  --v-chip-background-color: var(--v-chip-readonly-background-color);
  --v-chip-border-color: var(--v-chip-readonly-border-color);
  --v-label-color: var(--v-chip-readonly-label-color);
  cursor: var(--v-chip-disabled-cursor);
  pointer-events: none;
}

.v-chip-selection:has(.v-checkbox:checked)[readonly] .v-checkbox::before,
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type[readonly]
  )
  .v-checkbox::before {
  --v-checkbox-indicator-foreground: var(--v-chip-readonly-label-color);
}

.v-chip-selection:has(.v-checkbox:checked)[readonly]:hover,
.v-chip-selection:has(.v-checkbox:checked)[readonly]:has(
    .v-checkbox:only-of-type:hover
  ),
.v-chip-selection:has(.v-checkbox:checked)[readonly]:has(
    .v-checkbox:only-of-type:focus-visible
  ),
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type[readonly]
  ):hover,
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type[readonly]
  ):has(.v-checkbox:only-of-type:hover),
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type[readonly]
  ):has(.v-checkbox:only-of-type:focus-visible) {
  --v-chip-background-color: var(--v-chip-readonly-background-color);
  --v-chip-border-color: var(--v-chip-readonly-border-color);
  --v-label-color: var(--v-chip-readonly-label-color);
}

.v-chip-selection:has(.v-checkbox:checked)[disabled],
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type:disabled
  ) {
  cursor: var(--v-chip-disabled-cursor);
  --v-chip-background-color: var(--v-action-secondary-disabled-background);
  --v-chip-border-color: var(--v-action-secondary-disabled-border-color);
  --v-label-color: var(--v-action-secondary-disabled-foreground);
}

.v-chip-selection:has(.v-checkbox:checked)[disabled] .v-checkbox::before,
.v-chip-selection:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type:disabled
  )
  .v-checkbox::before {
  --v-checkbox-indicator-foreground: var(
    --v-action-secondary-disabled-foreground
  );
}

.v-chip-compact {
  --typography-font-family: var(--typography-label-font-family);
  --typography-font-size: var(--typography-label-font-size);
  --typography-font-weight: var(--typography-label-font-weight);
  --typography-letter-spacing: var(--typography-label-letter-spacing);
  --typography-line-height: var(--typography-label-line-height);
  --typography-text-decoration: var(--typography-label-text-decoration);
  --typography-text-transform: var(--typography-label-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-chip-border-color: var(--v-chip-compact-border-color);
  --v-chip-border-radius: var(--v-chip-compact-border-radius);
  --v-chip-padding-block: var(--v-chip-compact-padding-block);
  --v-chip-padding-inline-end: var(--v-chip-compact-padding-inline);
  --v-chip-padding-inline-start: var(--v-chip-compact-padding-inline-start);
}

.v-chip-compact:has(.v-avatar),
.v-chip-compact:has(> .v-icon) {
  --v-chip-padding-inline-start: var(--v-chip-compact-padding-inline);
}

.v-chip-compact > .v-icon {
  --v-icon-height: var(--v-chip-compact-icon-size);
  --v-icon-width: var(--v-chip-compact-icon-size);
}

.v-chip-compact .v-avatar {
  --v-avatar-size: var(--v-chip-compact-avatar-size);
}

.v-chip-compact .v-button-icon {
  flex-shrink: 0;
  inline-size: var(--v-chip-compact-button-size);
  --v-button-default-block-size: var(--v-chip-compact-button-size);
  --v-button-default-padding-block: var(--v-chip-compact-button-padding);
  --v-button-default-padding-inline: var(--v-chip-compact-button-padding);
}

:root,
.v-alternate {
  --v-combobox-gap: 0;
  --v-combobox-elevation: var(--elevation-xlarge);
  --v-combobox-position: relative;
}

.v-combobox {
  display: flex;
  flex-direction: column;
  gap: var(--v-combobox-gap);
  position: var(--v-combobox-position);
}

.v-combobox .v-input-container .v-chip {
  color: var(--v-input-color);
}

.v-combobox .v-surface:has(.v-listbox) {
  --v-surface-border-color: var(--v-listbox-container-border-color);
  --v-surface-border-radius: var(--v-listbox-container-border-radius);
}

.v-combobox .v-listbox-container {
  --v-listbox-container-border-highlight-size: var(
    --v-listbox-container-border-size-initial
  );
  --v-listbox-container-hover-border-color: var(--v-surface-border-color);
  --v-listbox-container-focus-border-color: var(--v-surface-border-color);
  --v-listbox-container-active-border-color: var(--v-surface-border-color);
  --v-listbox-container-error-text-color: var(--v-surface-border-color);
  --v-listbox-container-error-border-color: var(--v-surface-border-color);
}

.v-combobox .v-listbox-container:has(.v-listbox),
.v-combobox .v-surface:has(.v-listbox) {
  box-shadow: var(--v-combobox-elevation);
  display: none;
}

.v-combobox:hover {
  --v-input-container-border-color: var(--v-input-hover-container-border-color);
  --v-input-indicator-color: var(--v-input-hover-indicator-color);
  --v-input-indicator-size: var(--v-input-hover-indicator-size);
}

.v-combobox:has(.v-listbox-item:focus-visible),
.v-combobox .v-listbox:focus-visible,
.v-combobox:has(.v-checkbox:focus-visible),
.v-combobox:has(.v-radio:focus-visible) {
  --v-input-container-border-color: var(--v-input-focus-container-border-color);
  --v-input-indicator-color: var(--v-input-focus-indicator-color);
  --v-input-indicator-size: var(--v-input-focus-indicator-size);
  --v-label-color: var(--v-input-focus-label-color);
}

.v-combobox:has(.v-listbox-item:active),
.v-combobox .v-listbox:active {
  --v-input-container-border-color: var(
    --v-input-active-container-border-color
  );
  --v-input-indicator-color: var(--v-input-active-indicator-color);
  --v-input-indicator-size: var(--v-input-active-indicator-size);
}

.v-combobox:has(.v-input[aria-expanded="true"]):has(
    .v-input[aria-invalid="true"]
  )
  .v-input-message {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.v-combobox:has(.v-input[aria-expanded="true"])
  .v-listbox-container:has(.v-listbox:not([role="listbox"])),
.v-combobox:has(.v-input[aria-expanded="true"])
  .v-surface:has(.v-listbox:not([role="listbox"])) {
  display: var(--v-listbox-container-display);
}

.v-combobox:has(.v-input:disabled) .v-listbox-container:has(.v-listbox),
.v-combobox:has(.v-input:disabled) .v-surface:has(.v-listbox) {
  display: none;
}

:root,
.v-alternate {
  --v-content-card-background-color: var(--palette-default-surface-1);
  --v-content-card-border: var(--size-scalable-1) solid
    var(--palette-default-border);
  --v-content-card-border-block-end: inset 0
    calc(-1 * var(--theme-border-size) * 1.5) var(--palette-default-active);
  --v-content-card-border-block-end-hover: inset 0
    calc(-1 * var(--theme-border-size) * 1.5)
    var(--palette-default-active-hover);
  --v-content-card-border-block-end-pressed: inset 0
    calc(-1 * var(--theme-border-size) * 1.5)
    var(--palette-default-active-pressed);
  --v-content-card-border-block-end-none: inset 0 0
    var(--palette-default-transparent);
  --v-content-card-border-radius: var(--size-rounded-xlarge);
  --v-content-card-color: var(--palette-default-text);
  --v-content-card-elevation: var(--elevation-small);
  --v-content-card-elevation-clickable: var(--elevation-medium);
  --v-content-card-padding-block: var(--size-scalable-20);
  --v-content-card-padding-inline: var(--size-scalable-20);
  --v-content-card-action-padding-block-start: var(--size-scalable-16);
  --v-content-card-action-gap: var(--size-scalable-12);
  --v-content-card-divider-color: var(--palette-default-active);
  --v-content-card-title-color: var(--palette-default-active);
  --v-content-card-title-gap: var(--size-scalable-8);
  --v-content-card-title-justify-content: space-between;
  --v-content-card-clickable-title-justify-content: start;
  --v-content-card-clickable-title-gap: var(--size-scalable-4);
  --v-content-card-clickable-title-translate: var(--size-scalable-8);
  --v-content-card-subtitle-color: var(--palette-default-text-subtle);
  --v-content-card-image-block: 195px;
  --v-content-card-disabled-title-color: var(--palette-default-text-subtle);
  --v-content-card-disabled-color: var(--palette-default-disabled);
}

.v-content-card {
  background-color: var(--v-content-card-background-color);
  border: var(--v-content-card-border);
  border-radius: var(--v-content-card-border-radius);
  box-shadow: var(--v-content-card-elevation),
    var(--v-content-card-border-block-end-none);
  color: var(--v-content-card-color);
  transition: box-shadow 300ms ease-out;
}

.v-content-card .v-card-divider {
  --v-divider-color-standard: var(--v-content-card-divider-color);
}

.v-content-card-body {
  padding-block: var(--v-content-card-padding-block);
  padding-inline: var(--v-content-card-padding-inline);
}

.v-content-card-title {
  color: var(--v-content-card-title-color);
  display: flex;
  gap: var(--v-content-card-title-gap);
  justify-content: var(--v-content-card-title-justify-content);
}

.v-content-card-title .v-icon-move {
  transition: transform 300ms ease-out;
}

.v-content-card-title-link {
  color: var(--v-content-card-title-color);
  text-decoration: none;
}

.v-content-card-title-link:focus-visible {
  outline: none;
}

.v-content-card-subtitle {
  color: var(--v-content-card-subtitle-color);
}

a.v-content-card,
button.v-content-card {
  cursor: pointer;
  display: flex;
  text-align: unset;
  text-decoration: none;
}

a.v-content-card:is(button),
button.v-content-card:is(button) {
  inline-size: 100%;
}

a.v-content-card:hover,
a.v-content-card:focus-visible,
button.v-content-card:hover,
button.v-content-card:focus-visible {
  --v-content-card-border-block-end-none: var(
    --v-content-card-border-block-end-hover
  );
  --v-content-card-elevation: var(--v-content-card-elevation-clickable);
  --v-content-card-title-color: var(--palette-default-active-hover);
  --v-icon-primary: var(--palette-default-active-hover);
  --v-icon-secondary: var(--palette-default-active-hover);
}

a.v-content-card:hover .v-icon-move,
button.v-content-card:hover .v-icon-move {
  transform: translateX(var(--v-content-card-clickable-title-translate));
  transition: transform 300ms ease-out;
}

a.v-content-card:active,
button.v-content-card:active {
  --v-content-card-border-block-end-none: var(
    --v-content-card-border-block-end-pressed
  );
  --v-content-card-title-color: var(--palette-default-active-pressed);
  --v-icon-primary: var(--palette-default-active-pressed);
  --v-icon-secondary: var(--palette-default-active-pressed);
}

a.v-content-card .v-content-card-title,
button.v-content-card .v-content-card-title {
  align-items: center;
  transition: transform 300ms ease-out;
  --v-content-card-title-justify-content: var(
    --v-content-card-clickable-title-justify-content
  );
  --v-content-card-title-gap: var(--v-content-card-clickable-title-gap);
}

a.v-content-card[aria-disabled="true"],
a.v-content-card[disabled],
a.v-content-card:is(a):not([href]),
button.v-content-card[aria-disabled="true"],
button.v-content-card[disabled],
button.v-content-card:is(a):not([href]) {
  pointer-events: none;
  --v-icon-primary: var(--v-content-card-disabled-title-color);
  --v-icon-secondary: var(--v-content-card-disabled-title-color);
  --v-content-card-title-color: var(--v-content-card-disabled-title-color);
  --v-content-card-subtitle-color: var(--v-content-card-disabled-color);
  --v-content-card-color: var(--v-content-card-disabled-color);
}

.v-content-card-clickable {
  cursor: pointer;
}

.v-content-card-clickable.v-link {
  --v-link-background: var(--v-content-card-background-color);
  --v-link-hover-background: var(--v-content-card-background-color);
  --v-link-focus-background: var(--v-content-card-background-color);
  --v-link-active-background: var(--v-content-card-background-color);
  --v-link-disabled-background: var(--v-content-card-background-color);
  --v-link-border-radius: var(--v-content-card-border-radius);
}

.v-content-card-clickable .v-content-card-title {
  align-items: center;
  transition: transform 300ms ease-out;
  --v-content-card-title-justify-content: var(
    --v-content-card-clickable-title-justify-content
  );
  --v-content-card-title-gap: var(--v-content-card-clickable-title-gap);
}

.v-content-card-clickable[aria-disabled="true"] {
  pointer-events: none;
  --v-icon-primary: var(--v-content-card-disabled-title-color);
  --v-icon-secondary: var(--v-content-card-disabled-title-color);
  --v-content-card-title-color: var(--v-content-card-disabled-title-color);
  --v-content-card-subtitle-color: var(--v-content-card-disabled-color);
  --v-content-card-color: var(--v-content-card-disabled-color);
}

.v-content-card-clickable:has(.v-content-card-title-link:focus-visible) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
  --v-content-card-border-block-end-none: var(
    --v-content-card-border-block-end-hover
  );
  --v-content-card-elevation: var(--v-content-card-elevation-clickable);
  --v-content-card-title-color: var(--palette-default-active-hover);
  --v-icon-primary: var(--palette-default-active-hover);
  --v-icon-secondary: var(--palette-default-active-hover);
}

.v-content-card-clickable:hover,
.v-content-card-clickable:focus-visible {
  --v-content-card-border-block-end-none: var(
    --v-content-card-border-block-end-hover
  );
  --v-content-card-elevation: var(--v-content-card-elevation-clickable);
  --v-content-card-title-color: var(--palette-default-active-hover);
  --v-icon-primary: var(--palette-default-active-hover);
  --v-icon-secondary: var(--palette-default-active-hover);
}

.v-content-card-clickable:active {
  --v-content-card-border-block-end-none: var(
    --v-content-card-border-block-end-pressed
  );
  --v-content-card-title-color: var(--palette-default-active-pressed);
  --v-icon-primary: var(--palette-default-active-pressed);
  --v-icon-secondary: var(--palette-default-active-pressed);
}

.v-content-card-border-block-end,
.v-content-card-compact {
  --v-content-card-border-block-end-none: var(
    --v-content-card-border-block-end
  );
}

.v-content-card-image {
  background-color: var(--palette-default-surface-2);
  block-size: var(--v-content-card-image-block);
  border-top-left-radius: var(--v-content-card-border-radius);
  border-top-right-radius: var(--v-content-card-border-radius);
}

:root,
.v-alternate {
  --v-dialog-background-color: var(--palette-default-surface-1);
  --v-dialog-header-padding-block: 0 var(--size-scalable-8);
  --v-dialog-content-padding-block: 0;
  --v-dialog-content-padding-inline: 0;
  --v-dialog-content-word-break: normal;
  --v-dialog-padding: var(--size-scalable-24);
  --v-dialog-padding-inline-end: var(--size-scalable-22);
  --v-dialog-padding-block-end: var(--size-scalable-19);
  --v-dialog-margin: var(--size-scalable-16);
}

.v-dialog {
  max-block-size: calc(100% - 2 * var(--v-dialog-margin));
  --v-message-max-inline-size: var(
    --v-dialog-inline-size,
    calc(100% - 2 * var(--v-dialog-margin))
  );
}

.v-dialog-default {
  --v-message-border-color: rgba(0, 0, 0, 0);
}

.v-dialog-header {
  --typography-font-family: var(--typography-headline-3-font-family);
  --typography-font-size: var(--typography-headline-3-font-size);
  --typography-font-weight: var(--typography-headline-3-font-weight);
  --typography-letter-spacing: var(--typography-headline-3-letter-spacing);
  --typography-line-height: var(--typography-headline-3-line-height);
  --typography-text-decoration: var(--typography-headline-3-text-decoration);
  --typography-text-transform: var(--typography-headline-3-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  padding-block: var(--v-dialog-header-padding-block);
}

.v-dialog:not([open]) {
  display: none;
}

.v-dialog[open] {
  --v-message-border-block-start-size: 0px;
  --v-message-border-inline-end-size: 0px;
  --v-message-border-inline-start-size: 0px;
  --v-message-border-radius: var(--size-rounded-large);
  --v-message-elevation: var(--elevation-xxlarge);
  --v-message-gap: 0px;
  --v-message-padding-block-end: var(--v-dialog-padding-block-end);
  --v-message-padding-block-start: var(--v-dialog-padding);
  --v-message-padding-inline-end: var(--v-dialog-padding-inline-end);
  --v-message-padding-inline-start: var(--v-dialog-padding);
  --v-message-background: var(--v-dialog-background-color);
}

.v-dialog[open] .v-message-content {
  --typography-font-family: var(--typography-body-2-font-family);
  --typography-font-size: var(--typography-body-2-font-size);
  --typography-font-weight: var(--typography-body-2-font-weight);
  --typography-letter-spacing: var(--typography-body-2-letter-spacing);
  --typography-line-height: var(--typography-body-2-line-height);
  --typography-text-decoration: var(--typography-body-2-text-decoration);
  --typography-text-transform: var(--typography-body-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-message-text: var(--palette-default-text);
  overflow-y: auto;
  padding-block: var(--v-dialog-content-padding-block);
  padding-inline: var(--v-dialog-content-padding-inline);
  word-break: var(--v-dialog-content-word-break);
}

.v-dialog[open] dialog::backdrop {
  background: var(--palette-default-overlay);
}

@media (prefers-contrast: more) and (forced-colors: active) {
  .v-dialog[open] {
    --v-message-border-block-end-size: var(--size-scalable-1);
    --v-message-border-block-start-size: var(--size-scalable-1);
    --v-message-border-inline-end-size: var(--size-scalable-1);
    --v-message-border-inline-start-size: var(--size-scalable-1);
  }
}

:root,
.v-alternate {
  --v-divider-border-width: 0px;
  --v-divider-color-decorative: var(--palette-default-border);
  --v-divider-color-section: var(--palette-default-active);
  --v-divider-color-standard: var(--palette-default-active-subtle);
  --v-divider-high-contrast-decorative: #000000;
  --v-divider-margin: 0;
  --v-divider-thickness-default: calc(var(--theme-border-size) / 2);
  --v-divider-thickness-section: var(--theme-border-size);
}

.v-divider {
  background-color: var(--v-divider-color-standard);
  block-size: var(--v-divider-thickness-default);
  border-width: var(--v-divider-border-width);
  margin: var(--v-divider-margin);
}

@media (forced-colors: active) {
  .v-divider {
    --v-divider-border-width: 1px;
    border-color: var(--v-divider-color-standard);
  }
}

.v-divider-section {
  --v-divider-color-standard: var(--v-divider-color-section);
  --v-divider-thickness-default: var(--v-divider-thickness-section);
}

.v-divider-decorative {
  --v-divider-color-standard: var(--v-divider-color-decorative);
}

@media (prefers-contrast: more) {
  .v-divider-decorative {
    --v-divider-color-standard: var(--v-divider-high-contrast-decorative);
  }
}

:root,
.v-alternate {
  --v-dropdown-menu-surface-margin-block-start: var(--size-scalable-2);
}

.v-dropdown:not(:has(.v-input[aria-expanded="true"]))
  + .v-surface:has(.v-listbox),
.v-dropdown:not(:has(.v-input[aria-expanded="true"]))
  + .v-listbox-container:has(.v-listbox) {
  margin-block-start: var(--v-dropdown-menu-surface-margin-block-start);
}

.v-dropdown[aria-expanded="true"] + .v-surface:has(.v-listbox),
.v-dropdown[aria-expanded="true"] + .v-listbox-container:has(.v-listbox),
.v-dropdown:has(.v-input[aria-expanded="true"]) + .v-surface:has(.v-listbox),
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-listbox-container:has(.v-listbox) {
  box-shadow: var(--elevation-xlarge);
  display: flex;
}

.v-dropdown[aria-expanded="true"] + .v-surface .v-listbox-item,
.v-dropdown[aria-expanded="true"] + .v-listbox-container .v-listbox-item,
.v-dropdown:has(.v-input[aria-expanded="true"]) + .v-surface .v-listbox-item,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-listbox-container
  .v-listbox-item {
  --v-action-secondary-border-size: var(--v-listbox-border-size);
}

@media (prefers-contrast: more) and (forced-colors: active) {
  .v-dropdown[aria-expanded="true"] + .v-surface .v-listbox-item,
  .v-dropdown[aria-expanded="true"] + .v-listbox-container .v-listbox-item,
  .v-dropdown:has(.v-input[aria-expanded="true"]) + .v-surface .v-listbox-item,
  .v-dropdown:has(.v-input[aria-expanded="true"])
    + .v-listbox-container
    .v-listbox-item {
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0);
  }
}

.v-dropdown[aria-expanded="true"]
  + .v-surface
  .v-listbox-item:not(.v-button-destructive):not(:disabled)
  .v-listbox-item-label,
.v-dropdown[aria-expanded="true"]
  + .v-listbox-container
  .v-listbox-item:not(.v-button-destructive):not(:disabled)
  .v-listbox-item-label,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-surface
  .v-listbox-item:not(.v-button-destructive):not(:disabled)
  .v-listbox-item-label,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-listbox-container
  .v-listbox-item:not(.v-button-destructive):not(:disabled)
  .v-listbox-item-label {
  color: var(--palette-default-text);
}

.v-dropdown[aria-expanded="true"]
  + .v-surface
  .v-listbox-item:not(.v-button-destructive):not(:disabled)
  .v-icon,
.v-dropdown[aria-expanded="true"]
  + .v-listbox-container
  .v-listbox-item:not(.v-button-destructive):not(:disabled)
  .v-icon,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-surface
  .v-listbox-item:not(.v-button-destructive):not(:disabled)
  .v-icon,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-listbox-container
  .v-listbox-item:not(.v-button-destructive):not(:disabled)
  .v-icon {
  color: var(--palette-default-active-subtle);
}

.v-dropdown[aria-expanded="true"] + .v-surface .v-listbox-item.v-button,
.v-dropdown[aria-expanded="true"]
  + .v-listbox-container
  .v-listbox-item.v-button,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-surface
  .v-listbox-item.v-button,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-listbox-container
  .v-listbox-item.v-button {
  --v-button-default-justify-content: start;
}

.v-dropdown[aria-expanded="true"]
  + .v-surface
  .v-listbox-item.v-button-destructive,
.v-dropdown[aria-expanded="true"]
  + .v-listbox-container
  .v-listbox-item.v-button-destructive,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-surface
  .v-listbox-item.v-button-destructive,
.v-dropdown:has(.v-input[aria-expanded="true"])
  + .v-listbox-container
  .v-listbox-item.v-button-destructive {
  --typography-font-family: var(--typography-label-large-active-font-family);
  --typography-font-size: var(--typography-label-large-active-font-size);
  --typography-font-weight: var(--typography-label-large-active-font-weight);
  --typography-letter-spacing: var(
    --typography-label-large-active-letter-spacing
  );
  --typography-line-height: var(--typography-label-large-active-line-height);
  --typography-text-decoration: var(
    --typography-label-large-active-text-decoration
  );
  --typography-text-transform: var(
    --typography-label-large-active-text-transform
  );
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-dropdown[aria-expanded="true"].v-button:has(+ .v-surface *:focus-visible),
.v-dropdown[aria-expanded="true"].v-button:has(
    + .v-listbox-container *:focus-visible
  ),
.v-dropdown:has(.v-input[aria-expanded="true"]).v-button:has(
    + .v-surface *:focus-visible
  ),
.v-dropdown:has(.v-input[aria-expanded="true"]).v-button:has(
    + .v-listbox-container *:focus-visible
  ) {
  --v-button-default-background: var(--v-button-default-active-background);
  --v-button-default-border-color: var(--v-button-default-active-border-color);
  --v-button-default-foreground: var(--v-button-default-active-foreground);
}

.v-dropdown-menu {
  --v-surface-border-color: var(--palette-default-border);
  --v-surface-border-radius: var(--size-rounded-large);
  --v-surface-border-size: 1px;
  --v-surface-padding-block: 0px;
  --v-surface-padding-inline: 0px;
  box-shadow: var(--elevation-xlarge);
  display: flex;
}

.v-dropdown-menu li.v-listbox-item .v-link,
.v-dropdown-menu li.v-listbox-item .v-button {
  --v-button-default-justify-content: start;
}

.v-dropdown-menu li.v-listbox-item .v-link-destructive,
.v-dropdown-menu li.v-listbox-item .v-button-destructive {
  --typography-font-family: var(--typography-label-large-active-font-family);
  --typography-font-size: var(--typography-label-large-active-font-size);
  --typography-font-weight: var(--typography-label-large-active-font-weight);
  --typography-letter-spacing: var(
    --typography-label-large-active-letter-spacing
  );
  --typography-line-height: var(--typography-label-large-active-line-height);
  --typography-text-decoration: var(
    --typography-label-large-active-text-decoration
  );
  --typography-text-transform: var(
    --typography-label-large-active-text-transform
  );
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-dropdown-menu li .v-listbox-item {
  width: 100%;
  background-color: var(--v-action-secondary-background);
  border-color: var(--v-action-secondary-border-color);
  border-radius: var(--v-action-secondary-border-radius);
  border-style: var(--v-action-secondary-border-style);
  border-width: var(--v-action-secondary-border-size);
  color: var(--v-action-secondary-foreground);
  font-size: var(--v-action-secondary-font-size);
  font-weight: var(--v-action-secondary-font-weight);
  gap: var(--v-action-secondary-gap);
  letter-spacing: var(--v-action-secondary-letter-spacing);
  line-height: var(--v-action-secondary-line-height);
  block-size: var(--v-action-secondary-block-size);
  cursor: pointer;
  padding-block: var(--v-action-secondary-padding-block);
  padding-inline: var(--v-action-secondary-padding-inline);
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  block-size: 100%;
}

.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type:hover),
.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:hover),
.v-dropdown-menu li .v-listbox-item:hover {
  --v-action-secondary-background: var(--v-action-secondary-hover-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-hover-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-hover-foreground);
}

.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type:focus-visible),
.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:focus-visible),
.v-dropdown-menu li .v-listbox-item:focus-visible {
  --v-action-secondary-background: var(--v-action-secondary-focus-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-focus-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-focus-foreground);
}

.v-dropdown-menu
  li
  .v-listbox-item:has(.v-radio:only-of-type:focus-visible)
  .v-label,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type:focus-visible)
  .v-label,
.v-dropdown-menu li .v-listbox-item:focus-visible .v-label {
  color: var(--v-action-secondary-focus-foreground);
}

.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type:active),
.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:active),
.v-dropdown-menu li .v-listbox-item:active {
  --v-action-secondary-background: var(--v-action-secondary-active-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-active-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-active-foreground);
}

.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type:active) .v-label,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type:active)
  .v-label,
.v-dropdown-menu li .v-listbox-item:active .v-label {
  color: var(--v-action-secondary-active-foreground);
}

.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type),
.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type) {
  --v-action-secondary-block-size: 100%;
}

.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-radio:only-of-type):has(.v-radio:focus-visible) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
  --theme-focus-outline-offset: 0px;
}

.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-radio:only-of-type)
  .v-label:only-of-type {
  inline-size: 100%;
}

.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-radio:only-of-type)
  .v-radio:focus-visible {
  outline: none;
}

.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-dropdown-menu
  li
  .v-listbox-item:has(.v-radio:only-of-type)
  .v-radio:focus-visible::after {
  display: none;
}

.v-dropdown-menu li .v-listbox-item[disabled],
.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:disabled),
.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type:disabled) {
  --v-action-secondary-background: var(
    --v-action-secondary-disabled-background
  );
  --v-action-secondary-border-color: var(
    --v-action-secondary-disabled-border-color
  );
  --v-action-secondary-foreground: var(
    --v-action-secondary-disabled-foreground
  );
  --v-label-color: var(--v-action-secondary-disabled-foreground);
  --v-input-message-color: var(--v-action-secondary-disabled-foreground);
  cursor: default;
}

.v-dropdown-menu li .v-listbox-item.v-button-destructive:not(:disabled) {
  color: var(--v-button-default-foreground) !important;
}

.v-dropdown-menu li .v-listbox-item.v-button-destructive:not(:disabled):hover,
.v-dropdown-menu li .v-listbox-item.v-button-destructive:not(:disabled):focus {
  background-color: var(--v-button-default-background);
}

.v-flag {
  --v-message-border-block-start-size: 0px;
  --v-message-border-inline-end-size: 0px;
  --v-message-border-inline-start-size: 0px;
  --v-message-border-radius: var(--size-rounded-large);
  --v-message-max-inline-size: 360px;
  --v-message-elevation: var(--elevation-xlarge);
  --v-message-padding-block-end: var(--size-scalable-12);
  --v-message-padding-block-start: var(--size-scalable-12);
  --v-message-padding-inline-end: var(--size-scalable-12);
  --v-message-padding-inline-start: var(--size-scalable-12);
  --v-message-flag-content-color: var(--palette-default-text);
  --v-message-background: var(--palette-default-surface-1);
}

.v-flag .v-message-content {
  --v-message-text: var(--v-message-flag-content-color);
}

.v-flag .v-message-icon {
  --v-icon-height: var(--v-message-icon-size);
  --v-icon-width: var(--v-message-icon-size);
}

:root,
.v-alternate {
  --v-footer-background-color: var(--palette-default-surface-2);
  --v-footer-flex-wrap: wrap;
  --v-footer-padding-inline: var(--size-scalable-24);
  --v-footer-padding-block: var(--size-scalable-15);
  --v-footer-grid-columns-md: 2;
  --v-footer-grid-columns-sm: 1;
}

.v-footer {
  background-color: var(--v-footer-background-color);
  display: flex;
  flex-wrap: var(--v-footer-flex-wrap);
  padding-block: var(--v-footer-padding-block);
  padding-inline: var(--v-footer-padding-inline);
}

.v-footer-container {
  display: grid;
  grid-auto-flow: column;
  column-gap: var(--size-scalable-24);
  row-gap: var(--size-scalable-30);
  flex: 1 1 auto;
}

@media (max-width: 767px) {
  .v-footer-container {
    grid-template-columns: repeat(var(--v-footer-grid-columns-md), 1fr);
    grid-auto-flow: row;
  }
}

@media (max-width: 480px) {
  .v-footer-container {
    grid-template-columns: repeat(var(--v-footer-grid-columns-sm), 1fr);
  }
}

.v-footer-column {
  display: flex;
  flex-direction: column;
  gap: var(--size-scalable-24);
}

@media (max-width: 767px) {
  .v-footer-column {
    gap: var(--size-scalable-16);
  }
}

@media (max-width: 480px) {
  .v-footer-links {
    flex-direction: column;
  }
}

:root,
.v-alternate {
  --v-icon-primary: var(--palette-default-active);
  --v-icon-secondary: var(--palette-default-active);
  --v-icon-height: var(--size-responsive-24);
  --v-icon-width: var(--size-responsive-24);
  --v-icon-high-height: var(--size-responsive-48);
  --v-icon-high-width: var(--size-responsive-48);
  --v-icon-low-height: var(--size-responsive-24);
  --v-icon-low-width: var(--size-responsive-24);
  --v-icon-tiny-height: var(--size-responsive-16);
  --v-icon-tiny-width: var(--size-responsive-16);
}

.v-icon-rtl[dir="rtl"] .v-icon,
.v-icon.v-icon-rtl[dir="rtl"],
[dir="rtl"] .v-icon-rtl .v-icon,
[dir="rtl"] .v-icon.v-icon-rtl {
  scale: -1 1;
}

.v-icon {
  block-size: var(--v-icon-height);
  flex-shrink: 0;
  inline-size: var(--v-icon-width);
}

.v-icon:not(.v-icon-visa) {
  fill: var(--v-icon-primary, currentColor);
}

.v-icon:not(.v-icon-visa) > use {
  color: var(--v-icon-primary, currentColor);
}

.v-icon-generic {
  --v-icon-primary: currentColor;
  --v-icon-secondary: currentColor;
}

.v-icon-visa {
  color: var(--v-icon-primary);
}

.v-icon-visa .v-icon-primary {
  fill: var(--v-icon-primary);
}

.v-icon-visa .v-icon-secondary {
  fill: var(--v-icon-secondary);
}

.v-icon-high {
  --v-icon-height: var(--v-icon-high-height);
  --v-icon-width: var(--v-icon-high-width);
}

.v-icon-low {
  --v-icon-height: var(--v-icon-low-height);
  --v-icon-width: var(--v-icon-low-width);
}

.v-icon-tiny {
  --v-icon-height: var(--v-icon-tiny-height);
  --v-icon-width: var(--v-icon-tiny-width);
}

.v-icon-success:not(symbol):not(.v-badge *) {
  --v-icon-primary: var(--v-message-graphics-success);
  --v-icon-secondary: var(--v-message-graphics-success);
}

.v-icon-warning:not(symbol):not(.v-badge *) {
  --v-icon-primary: var(--v-message-graphics-warning);
  --v-icon-secondary: var(--v-message-graphics-warning);
}

.v-icon-error:not(symbol):not(.v-badge *) {
  --v-icon-primary: var(--v-message-graphics-error);
  --v-icon-secondary: var(--v-message-graphics-error);
}

.v-input-otp {
  --v-input-font-size: 2.143rem;
  --typography-letter-spacing: 0.286rem;
  --typography-line-height: 2.571rem;
  text-align: center;
}

.v-input-container:has(.v-input:disabled) .v-button {
  --v-button-default-background: var(--v-button-default-disabled-background);
  --v-button-default-border-color: var(
    --v-button-default-disabled-border-color
  );
  --v-button-default-foreground: var(--v-button-default-disabled-foreground);
  cursor: default;
}

textarea.v-input {
  margin-block-start: calc(
    (
        var(--v-input-container-block-size) - 2 *
          var(--v-input-container-padding-block) -
          var(--typography-body-2-line-height)
      ) / 2
  );
  min-block-size: calc(
    var(--v-input-container-block-size) - 2 *
      var(--v-input-container-padding-block) -
      (
        var(--v-input-container-block-size) - 2 *
          var(--v-input-container-padding-block) -
          var(--typography-body-2-line-height)
      ) / 2
  );
}

textarea.v-input:not([rows]) {
  block-size: calc(
    var(--v-input-container-block-size) - 2 *
      var(--v-input-container-padding-block) -
      (
        var(--v-input-container-block-size) - 2 *
          var(--v-input-container-padding-block) -
          var(--typography-body-2-line-height)
      ) / 2
  );
}

textarea.v-input-resize-none {
  resize: none;
}

:root,
.v-alternate {
  --v-label-align-items: center;
  --v-label-color: var(--palette-default-text-subtle);
  --v-label-display: flex;
  --v-label-white-space: normal;
  --v-label-white-space-small-breakpoint: normal;
}

.v-label {
  --typography-font-family: var(--typography-label-font-family);
  --typography-font-size: var(--typography-label-font-size);
  --typography-font-weight: var(--typography-label-font-weight);
  --typography-letter-spacing: var(--typography-label-letter-spacing);
  --typography-line-height: var(--typography-label-line-height);
  --typography-text-decoration: var(--typography-label-text-decoration);
  --typography-text-transform: var(--typography-label-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  align-items: var(--v-label-align-items);
  color: var(--v-label-color);
  cursor: pointer;
  display: var(--v-label-display);
  user-select: none;
  white-space: var(--v-label-white-space);
}

@container (max-width: 480px) {
  .v-label {
    --v-label-white-space: var(--v-label-white-space-small-breakpoint);
  }
}

.v-label:has(+ .v-checkbox:disabled),
.v-label:has(+ .v-radio:disabled),
.v-label:has(.v-checkbox:disabled),
.v-label:has(.v-radio:disabled),
.v-label:has(+ .v-input-container .v-input:disabled) {
  --v-label-color: var(--v-checkbox-disabled-color);
  cursor: default;
  pointer-events: none;
}

:root,
.v-alternate {
  --v-link-display: inline-flex;
  --v-link-padding-block: var(--size-scalable-0);
  --v-link-padding-inline: var(--size-scalable-0);
  --v-link-icon-gap: 0.2857142857rem;
  --v-link-icon-top: 3px;
  --v-link-icon-transformation: translateY(3px);
  --v-link-text-decoration: underline;
  --v-link-background: var(--palette-default-transparent);
  --v-link-border-color: var(--palette-default-transparent);
  --v-link-border-radius: var(--size-rounded-none);
  --v-link-border-size: calc(var(--theme-border-size) * 0);
  --v-link-border-style: solid;
  --v-link-foreground: var(--palette-default-active);
  --v-link-hover-background: var(--palette-default-surface-highlight);
  --v-link-hover-border-color: var(--palette-default-transparent);
  --v-link-hover-foreground: var(--palette-default-active-hover);
  --v-link-focus-background: var(--palette-default-surface-highlight);
  --v-link-focus-border-color: var(--palette-default-transparent);
  --v-link-focus-foreground: var(--palette-default-active-hover);
  --v-link-active-background: var(--palette-default-surface-lowlight);
  --v-link-active-border-color: var(--palette-default-transparent);
  --v-link-active-foreground: var(--palette-default-active-pressed);
  --v-link-disabled-background: var(--palette-default-surface-1);
  --v-link-disabled-border-color: var(--palette-default-transparent);
  --v-link-disabled-foreground: var(--palette-default-disabled);
}

.v-link {
  --typography-font-family: var(--typography-body-2-link-font-family);
  --typography-font-size: var(--typography-body-2-link-font-size);
  --typography-font-weight: var(--typography-body-2-link-font-weight);
  --typography-letter-spacing: var(--typography-body-2-link-letter-spacing);
  --typography-line-height: var(--typography-body-2-link-line-height);
  --typography-text-decoration: var(--typography-body-2-link-text-decoration);
  --typography-text-transform: var(--typography-body-2-link-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  align-items: baseline;
  background-color: var(--v-link-background);
  border-color: var(--v-link-border-color);
  border-radius: var(--v-link-border-radius);
  border-style: var(--v-link-border-style);
  border-width: var(--v-link-border-size);
  color: var(--v-link-foreground);
  cursor: pointer;
  display: var(--v-link-display);
  gap: var(--v-link-icon-gap);
  padding-block: var(--v-link-padding-block);
  padding-inline: var(--v-link-padding-inline);
  text-decoration: var(--v-link-text-decoration);
}

.v-link:hover {
  background-color: var(--v-link-hover-background);
  border-color: var(--v-link-hover-border-color);
  color: var(--v-link-hover-foreground);
}

.v-link:focus-visible {
  background-color: var(--v-link-focus-background);
  border-color: var(--v-link-focus-border-color);
  color: var(--v-link-focus-foreground);
}

.v-link:active {
  background-color: var(--v-link-active-background);
  border-color: var(--v-link-active-border-color);
  color: var(--v-link-active-foreground);
}

button.v-link[disabled],
.v-link[role="link"][aria-disabled="true"] {
  --v-link-foreground: var(--palette-default-disabled);
  pointer-events: none;
}

.v-link-no-underline {
  text-decoration: none;
}

.v-link > .v-icon {
  --v-icon-primary: currentColor;
  --v-icon-secondary: currentColor;
  top: var(--v-link-icon-top);
  transform: var(--v-link-icon-transformation);
}

:root,
.v-alternate {
  --v-listbox-background-color: var(--palette-default-transparent);
  --v-listbox-block-size: 100%;
  --v-listbox-block-size-scroll: 180px;
  --v-listbox-block-size-scroll-mobile: 230px;
  --v-listbox-border-color: var(--palette-default-transparent);
  --v-listbox-border-radius: var(--size-rounded-none);
  --v-listbox-border-size: 0px;
  --v-listbox-border-style: solid;
  --v-listbox-checkbox-glow-offset: 0px;
  --v-listbox-group-gap: var(--size-scalable-4);
  --v-listbox-padding-initial: var(--size-scalable-4);
  --v-listbox-padding: var(--v-listbox-padding-initial);
  --v-listbox-error-text-color: var(--palette-messaging-text-negative);
  --v-listbox-error-border-color: var(--palette-messaging-graphics-negative);
  --v-listbox-error-icon-color: var(--palette-messaging-graphics-negative);
  --v-listbox-disabled-color: var(--palette-default-disabled);
  --v-listbox-item-foreground: var(--palette-default-text);
  --v-listbox-item-selected-foreground: var(--palette-default-text);
  --v-listbox-item-padding-block: calc(
    var(--size-scalable-11) - var(--v-listbox-checkbox-glow-offset) -
      var(--v-action-secondary-border-size)
  );
  --v-listbox-item-padding-inline: calc(
    var(--size-scalable-8) - var(--v-listbox-checkbox-glow-offset) -
      var(--v-action-secondary-border-size)
  );
  --v-listbox-item-selected-background: var(--palette-default-surface-3);
  --v-listbox-item-border-color: var(--palette-default-transparent);
  --v-listbox-item-gap: var(--size-scalable-6);
  --v-listbox-item-text-align: start;
  --v-listbox-checkbox-color: var(--palette-default-active);
  --v-listbox-checkbox-hover: var(--palette-default-active-hover);
  --v-listbox-checkbox-active: var(--palette-default-active-pressed);
  --v-listbox-container-background: var(--palette-default-surface-1);
  --v-listbox-container-border-color: var(--palette-default-border);
  --v-listbox-container-border-radius: var(--size-rounded-large);
  --v-listbox-container-border-size-initial: calc(var(--theme-border-size) / 2);
  --v-listbox-container-border-size: var(
    --v-listbox-container-border-size-initial
  );
  --v-listbox-container-border-style: solid;
  --v-listbox-container-border-highlight-size-initial: 0;
  --v-listbox-container-border-highlight-size: calc(
    var(--v-listbox-container-border-size-initial) * 2
  );
  --v-listbox-container-margin-block: var(--size-scalable-4);
  --v-listbox-container-display: flex;
  --v-listbox-container-hover-border-color: var(--palette-default-active-hover);
  --v-listbox-container-focus-border-color: var(--palette-default-active-hover);
  --v-listbox-container-active-border-color: var(
    --palette-default-active-pressed
  );
  --v-listbox-container-error-text-color: var(
    --palette-messaging-text-negative
  );
  --v-listbox-container-error-border-color: var(
    --palette-messaging-graphics-negative
  );
  --v-listbox-container-disabled-color: var(--palette-default-disabled);
  --v-listbox-container-disabled-border-color: var(--palette-default-disabled);
}

.v-listbox {
  background-color: var(--v-listbox-background-color);
  border-color: var(--v-listbox-border-color);
  border-radius: var(--v-listbox-border-radius);
  border-style: var(--v-listbox-border-style);
  border-width: var(--v-listbox-border-size);
  display: flex;
  flex-direction: column;
  gap: var(--v-listbox-group-gap);
  inline-size: 100%;
  max-block-size: var(--v-listbox-block-size);
  outline: none;
  overflow-y: auto;
  padding: var(--v-listbox-padding);
}

.v-listbox.v-listbox-scroll {
  --v-listbox-block-size: var(--v-listbox-block-size-scroll);
}

@media only screen and (max-width: 767px) {
  .v-listbox.v-listbox-scroll {
    --v-listbox-block-size: var(--v-listbox-block-size-scroll-mobile);
  }
}

.v-listbox-item {
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  align-items: center;
  display: flex;
  text-align: var(--v-listbox-item-text-align);
}

.v-listbox-item:hover .v-label {
  color: var(--palette-default-active-hover);
}

.v-listbox-item:hover:has(input:disabled) .v-label {
  color: var(--v-checkbox-disabled-color);
}

.v-listbox-item:active .v-label {
  color: var(--palette-default-active-pressed);
}

.v-listbox-item:not(:last-child) {
  border-block-end: 0px;
}

.v-listbox-item .v-label {
  padding-block: var(--v-action-secondary-padding-block);
  padding-inline: var(--v-action-secondary-padding-inline);
  padding-inline-start: 0px;
}

.v-listbox-item:has(.v-label) {
  padding-block: 0px;
  padding-inline: 0px;
  padding-inline-start: var(--v-listbox-item-padding-inline);
}

.v-listbox-item,
.v-listbox-item.v-listbox-item-highlighted[role="option"] {
  --v-action-secondary-foreground: var(--v-listbox-item-foreground);
  --v-action-secondary-padding-block: var(--v-listbox-item-padding-block);
  --v-action-secondary-padding-inline: var(--v-listbox-item-padding-inline);
  --v-action-secondary-border-color: var(--v-listbox-item-border-color);
  --v-action-secondary-gap: var(--v-listbox-item-gap);
  --v-action-secondary-border-color: var(--palette-default-transparent);
  --v-action-secondary-hover-border-color: var(--palette-default-transparent);
}

.v-listbox-item .v-radio {
  border-color: rgba(0, 0, 0, 0);
  --v-radio-indicator-background: rgba(0, 0, 0, 0);
  --v-checkbox-border-size: 0px;
}

.v-listbox-item .v-radio,
.v-listbox-item .v-checkbox {
  --v-checkbox-glow-offset: var(--v-listbox-checkbox-glow-offset);
}

.v-listbox-item:has(.v-link),
.v-listbox-item:has(.v-button) {
  cursor: default;
  display: flex;
  gap: var(--v-listbox-item-gap);
  padding-block: 0px;
  padding-inline: 0px;
}

.v-listbox-item:has(.v-link) .v-label,
.v-listbox-item:has(.v-button) .v-label {
  flex-grow: 1;
  gap: var(--v-action-secondary-gap);
  padding-block: var(--v-action-secondary-padding-block);
  padding-inline: var(--v-action-secondary-padding-inline);
}

.v-listbox-item:has(.v-link) .v-link,
.v-listbox-item:has(.v-button) .v-link {
  --v-link-hover-background: var(--v-palette-default-transparent);
  --v-link-padding-block: var(--v-action-secondary-padding-block);
  --v-link-padding-inline: var(--v-action-secondary-padding-inline);
  gap: var(--v-listbox-item-gap);
}

.v-listbox-item:has(.v-link) .v-button.v-button-tertiary,
.v-listbox-item:has(.v-button) .v-button.v-button-tertiary {
  --v-button-tertiary-hover-background: var(--v-palette-default-transparent);
  --v-button-default-gap: var(--v-listbox-item-gap);
}

.v-listbox-item:has(.v-radio:checked),
.v-listbox-item:has(.v-checkbox:checked),
.v-listbox-item[role="option"][aria-selected="true"],
.v-listbox-item:is(:checked) {
  --v-action-secondary-background: var(--v-listbox-item-selected-background);
  --v-action-secondary-hover-border-color: rgba(0, 0, 0, 0);
  --v-action-secondary-focus-border-color: rgba(0, 0, 0, 0);
  --v-action-secondary-active-border-color: rgba(0, 0, 0, 0);
  --v-action-secondary-disabled-border-color: rgba(0, 0, 0, 0);
  background-color: var(--v-action-secondary-background);
  border-color: var(--v-action-secondary-border-color);
  border-radius: var(--v-action-secondary-border-radius);
  border-style: var(--v-action-secondary-border-style);
  border-width: var(--v-action-secondary-border-size);
  color: var(--v-action-secondary-foreground);
  font-size: var(--v-action-secondary-font-size);
  font-weight: var(--v-action-secondary-font-weight);
  gap: var(--v-action-secondary-gap);
  letter-spacing: var(--v-action-secondary-letter-spacing);
  line-height: var(--v-action-secondary-line-height);
  block-size: var(--v-action-secondary-block-size);
  cursor: pointer;
  padding-block: var(--v-action-secondary-padding-block);
  padding-inline: var(--v-action-secondary-padding-inline);
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  cursor: default;
  display: flex;
  padding-block: 0px;
  padding-inline: 0px;
  padding-inline-start: var(--v-listbox-item-padding-inline);
}

.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:hover),
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:hover),
.v-listbox-item:has(.v-radio:checked):hover,
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:hover),
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:hover),
.v-listbox-item:has(.v-checkbox:checked):hover,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-radio:only-of-type:hover
  ),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type:hover
  ),
.v-listbox-item[role="option"][aria-selected="true"]:hover,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type:hover),
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:hover),
.v-listbox-item:is(:checked):hover {
  --v-action-secondary-background: var(--v-action-secondary-hover-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-hover-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-hover-foreground);
}

.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:focus-visible),
.v-listbox-item:has(.v-radio:checked):has(
    .v-checkbox:only-of-type:focus-visible
  ),
.v-listbox-item:has(.v-radio:checked):focus-visible,
.v-listbox-item:has(.v-checkbox:checked):has(
    .v-radio:only-of-type:focus-visible
  ),
.v-listbox-item:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type:focus-visible
  ),
.v-listbox-item:has(.v-checkbox:checked):focus-visible,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-radio:only-of-type:focus-visible
  ),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type:focus-visible
  ),
.v-listbox-item[role="option"][aria-selected="true"]:focus-visible,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type:focus-visible),
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:focus-visible),
.v-listbox-item:is(:checked):focus-visible {
  --v-action-secondary-background: var(--v-action-secondary-focus-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-focus-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-focus-foreground);
}

.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:focus-visible)
  .v-label,
.v-listbox-item:has(.v-radio:checked):has(
    .v-checkbox:only-of-type:focus-visible
  )
  .v-label,
.v-listbox-item:has(.v-radio:checked):focus-visible .v-label,
.v-listbox-item:has(.v-checkbox:checked):has(
    .v-radio:only-of-type:focus-visible
  )
  .v-label,
.v-listbox-item:has(.v-checkbox:checked):has(
    .v-checkbox:only-of-type:focus-visible
  )
  .v-label,
.v-listbox-item:has(.v-checkbox:checked):focus-visible .v-label,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-radio:only-of-type:focus-visible
  )
  .v-label,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type:focus-visible
  )
  .v-label,
.v-listbox-item[role="option"][aria-selected="true"]:focus-visible .v-label,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type:focus-visible) .v-label,
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:focus-visible)
  .v-label,
.v-listbox-item:is(:checked):focus-visible .v-label {
  color: var(--v-action-secondary-focus-foreground);
}

.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:active),
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:active),
.v-listbox-item:has(.v-radio:checked):active,
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:active),
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:active),
.v-listbox-item:has(.v-checkbox:checked):active,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-radio:only-of-type:active
  ),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type:active
  ),
.v-listbox-item[role="option"][aria-selected="true"]:active,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type:active),
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:active),
.v-listbox-item:is(:checked):active {
  --v-action-secondary-background: var(--v-action-secondary-active-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-active-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-active-foreground);
}

.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:active)
  .v-label,
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:active)
  .v-label,
.v-listbox-item:has(.v-radio:checked):active .v-label,
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:active)
  .v-label,
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:active)
  .v-label,
.v-listbox-item:has(.v-checkbox:checked):active .v-label,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-radio:only-of-type:active
  )
  .v-label,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type:active
  )
  .v-label,
.v-listbox-item[role="option"][aria-selected="true"]:active .v-label,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type:active) .v-label,
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:active) .v-label,
.v-listbox-item:is(:checked):active .v-label {
  color: var(--v-action-secondary-active-foreground);
}

.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type),
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type),
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type),
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type
  ),
.v-listbox-item[role="option"][aria-selected="true"]:has(.v-radio:only-of-type),
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type),
.v-listbox-item:is(:checked):has(.v-radio:only-of-type) {
  --v-action-secondary-block-size: 100%;
}

.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type
  ):has(.v-checkbox:focus-visible),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type
  ):has(.v-radio:focus-visible),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-radio:only-of-type
  ):has(.v-checkbox:focus-visible),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-radio:only-of-type
  ):has(.v-radio:focus-visible),
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-listbox-item:is(:checked):has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item:is(:checked):has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
  --theme-focus-outline-offset: 0px;
}

.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type)
  .v-label:only-of-type,
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type)
  .v-label:only-of-type,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type
  )
  .v-label:only-of-type,
.v-listbox-item[role="option"][aria-selected="true"]:has(.v-radio:only-of-type)
  .v-label:only-of-type,
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type) .v-label:only-of-type {
  inline-size: 100%;
}

.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type
  )
  .v-checkbox:focus-visible,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type
  )
  .v-radio:focus-visible,
.v-listbox-item[role="option"][aria-selected="true"]:has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item[role="option"][aria-selected="true"]:has(.v-radio:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type) .v-radio:focus-visible {
  outline: none;
}

.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type
  )
  .v-checkbox:focus-visible::after,
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type
  )
  .v-radio:focus-visible::after,
.v-listbox-item[role="option"][aria-selected="true"]:has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item[role="option"][aria-selected="true"]:has(.v-radio:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item:is(:checked):has(.v-radio:only-of-type)
  .v-radio:focus-visible::after {
  display: none;
}

.v-listbox-item:has(.v-radio:checked)[disabled],
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:disabled),
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:disabled),
.v-listbox-item:has(.v-checkbox:checked)[disabled],
.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:disabled),
.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:disabled),
.v-listbox-item[role="option"][aria-selected="true"][disabled],
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-checkbox:only-of-type:disabled
  ),
.v-listbox-item[role="option"][aria-selected="true"]:has(
    .v-radio:only-of-type:disabled
  ),
.v-listbox-item:is(:checked)[disabled],
.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:disabled),
.v-listbox-item:is(:checked):has(.v-radio:only-of-type:disabled) {
  --v-action-secondary-background: var(
    --v-action-secondary-disabled-background
  );
  --v-action-secondary-border-color: var(
    --v-action-secondary-disabled-border-color
  );
  --v-action-secondary-foreground: var(
    --v-action-secondary-disabled-foreground
  );
  --v-label-color: var(--v-action-secondary-disabled-foreground);
  --v-input-message-color: var(--v-action-secondary-disabled-foreground);
  cursor: default;
}

.v-listbox-item:has(.v-radio:checked):not(:last-child),
.v-listbox-item:has(.v-checkbox:checked):not(:last-child),
.v-listbox-item[role="option"][aria-selected="true"]:not(:last-child),
.v-listbox-item:is(:checked):not(:last-child) {
  border-block-end: 0px;
}

.v-listbox-item .v-radio::before {
  background-color: rgba(0, 0, 0, 0);
  block-size: var(--size-responsive-17);
  border: 0;
  border-block-end: var(--size-responsive-2) solid var(--v-checkbox-color);
  border-inline-end: var(--size-responsive-2) solid var(--v-checkbox-color);
  border-radius: var(--size-rounded-none);
  content: "";
  inline-size: var(--size-responsive-7);
  rotate: 45deg;
  transform: scale(0);
  translate: 0px -2px;
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)) {
  background-color: var(--v-action-secondary-background);
  border-color: var(--v-action-secondary-border-color);
  border-radius: var(--v-action-secondary-border-radius);
  border-style: var(--v-action-secondary-border-style);
  border-width: var(--v-action-secondary-border-size);
  color: var(--v-action-secondary-foreground);
  font-size: var(--v-action-secondary-font-size);
  font-weight: var(--v-action-secondary-font-weight);
  gap: var(--v-action-secondary-gap);
  letter-spacing: var(--v-action-secondary-letter-spacing);
  line-height: var(--v-action-secondary-line-height);
  block-size: var(--v-action-secondary-block-size);
  cursor: pointer;
  padding-block: var(--v-action-secondary-padding-block);
  padding-inline: var(--v-action-secondary-padding-inline);
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:hover),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:hover),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):hover {
  --v-action-secondary-background: var(--v-action-secondary-hover-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-hover-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-hover-foreground);
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(
    .v-radio:only-of-type:focus-visible
  ),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(
    .v-checkbox:only-of-type:focus-visible
  ),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):focus-visible {
  --v-action-secondary-background: var(--v-action-secondary-focus-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-focus-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-focus-foreground);
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(
    .v-radio:only-of-type:focus-visible
  )
  .v-label,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(
    .v-checkbox:only-of-type:focus-visible
  )
  .v-label,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):focus-visible
  .v-label {
  color: var(--v-action-secondary-focus-foreground);
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:active),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:active),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):active {
  --v-action-secondary-background: var(--v-action-secondary-active-background);
  --v-action-secondary-border-color: var(
    --v-action-secondary-active-border-color
  );
  --v-action-secondary-foreground: var(--v-action-secondary-active-foreground);
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:active)
  .v-label,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:active)
  .v-label,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):active
  .v-label {
  color: var(--v-action-secondary-active-foreground);
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type) {
  --v-action-secondary-block-size: 100%;
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type):has(
    .v-radio:focus-visible
  ),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type):has(
    .v-radio:focus-visible
  ) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
  --theme-focus-outline-offset: 0px;
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type)
  .v-label:only-of-type,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type)
  .v-label:only-of-type {
  inline-size: 100%;
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type)
  .v-radio:focus-visible {
  outline: none;
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type)
  .v-radio:focus-visible::after,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type)
  .v-checkbox:focus-visible::after,
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type)
  .v-radio:focus-visible::after {
  display: none;
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button))[disabled],
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(
    .v-checkbox:only-of-type:disabled
  ),
.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:disabled) {
  --v-action-secondary-background: var(
    --v-action-secondary-disabled-background
  );
  --v-action-secondary-border-color: var(
    --v-action-secondary-disabled-border-color
  );
  --v-action-secondary-foreground: var(
    --v-action-secondary-disabled-foreground
  );
  --v-label-color: var(--v-action-secondary-disabled-foreground);
  --v-input-message-color: var(--v-action-secondary-disabled-foreground);
  cursor: default;
}

.v-listbox-item[role="option"]:not(:has(.v-label)):not(:has(.v-link)):not(
    :has(.v-button)
  ):not(:is(.v-link)):not(:is(.v-button)):active {
  --v-action-secondary-active-border-color: var(--v-listbox-item-border-color);
}

.v-listbox-item[role="option"].v-listbox-item-highlighted {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
}

.v-listbox-item[role="option"].v-listbox-item-highlighted:not(:active) {
  --v-action-secondary-background: var(--v-action-secondary-focus-background);
}

.v-listbox-item[role="option"][aria-selected="true"] {
  --v-checkbox-indicator-background: var(--v-checkbox-color);
}

.v-listbox-item[role="option"][aria-selected="true"],
.v-listbox-item[role="option"][aria-selected="true"]:hover,
.v-listbox-item[role="option"][aria-selected="true"]:focus-visible,
.v-listbox-item[role="option"][aria-selected="true"].v-listbox-item-highlighted,
.v-listbox-item[role="option"][aria-selected="true"]:active {
  --v-action-secondary-foreground: var(--v-listbox-item-selected-foreground);
}

.v-listbox-item[role="option"][aria-selected="true"] .v-radio::before,
.v-listbox-item[role="option"][aria-selected="true"] .v-checkbox::before {
  transform: scale(1);
}

.v-listbox-item[role="option"][aria-disabled="true"] {
  --v-label-color: var(--v-checkbox-disabled-color);
  --v-checkbox-color: var(--v-checkbox-disabled-color);
  --v-listbox-item-foreground: var(--v-listbox-container-disabled-color);
  cursor: default;
  pointer-events: none;
}

@media (forced-colors: active) {
  .v-listbox label.v-listbox-item:hover,
  .v-listbox li.v-listbox-item[role="option"]:hover,
  .v-listbox option.v-listbox-item:hover {
    position: relative;
  }

  .v-listbox label.v-listbox-item:hover::after,
  .v-listbox li.v-listbox-item[role="option"]:hover::after,
  .v-listbox option.v-listbox-item:hover::after {
    content: "";
    position: absolute;
    display: block;
    border-block-end: calc(var(--v-input-hover-indicator-size) + 1px) solid
      rgba(0, 0, 0, 0);
    inset-inline: 0;
    inset-block-end: calc(-1 * (var(--v-input-hover-indicator-size) - 1px));
  }

  .v-listbox label.v-listbox-item:hover:disabled::after,
  .v-listbox label.v-listbox-item:hover:has(.v-input[readonly])::after,
  .v-listbox label.v-listbox-item:hover:has(:disabled)::after,
  .v-listbox li.v-listbox-item[role="option"]:hover:disabled::after,
  .v-listbox
    li.v-listbox-item[role="option"]:hover:has(.v-input[readonly])::after,
  .v-listbox li.v-listbox-item[role="option"]:hover:has(:disabled)::after,
  .v-listbox option.v-listbox-item:hover:disabled::after,
  .v-listbox option.v-listbox-item:hover:has(.v-input[readonly])::after,
  .v-listbox option.v-listbox-item:hover:has(:disabled)::after {
    display: none;
  }
}

.v-listbox-container {
  background: var(--v-listbox-container-background);
  border-color: var(--v-listbox-container-border-color);
  border-radius: var(--v-listbox-container-border-radius);
  border-style: var(--v-listbox-container-border-style);
  border-width: var(--v-listbox-container-border-size);
  display: var(--v-listbox-container-display);
  flex-direction: column;
  overflow: hidden;
}

.v-label + .v-listbox-container {
  margin-block-start: var(--v-listbox-container-margin-block);
}

.v-label:has(+ .v-listbox-container) {
  display: block;
}

.v-listbox-container:has(+ .v-input-message) {
  margin-block-end: var(--v-listbox-container-margin-block);
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:hover
  ),
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox:hover
  ) {
  --v-listbox-container-border-color: var(
    --v-listbox-container-hover-border-color
  );
  --v-listbox-container-border-size: var(
    --v-listbox-container-border-highlight-size
  );
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:hover
  )
  .v-listbox,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox:hover
  )
  .v-listbox {
  --v-listbox-padding: calc(
    var(--v-listbox-padding-initial) -
      (
        var(--v-listbox-container-border-highlight-size) -
          var(--v-listbox-container-border-size-initial)
      )
  );
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:hover
  )
  .v-listbox.v-listbox-scroll,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox:hover
  )
  .v-listbox.v-listbox-scroll {
  --v-listbox-block-size: calc(
    var(--v-listbox-block-size-scroll) - var(--v-listbox-container-border-size)
  );
}

@media only screen and (max-width: 767px) {
  .v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
      .v-listbox-item:hover
    )
    .v-listbox.v-listbox-scroll,
  .v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
      .v-listbox:hover
    )
    .v-listbox.v-listbox-scroll {
    --v-listbox-block-size: calc(
      var(--v-listbox-block-size-scroll-mobile) -
        var(--v-listbox-container-border-size)
    );
  }
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:focus-visible
  ),
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item.v-listbox-item-highlighted
  ),
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled)
  .v-listbox:focus-visible,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-checkbox:focus-visible
  ),
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-radio:focus-visible
  ) {
  --v-listbox-container-border-color: var(
    --v-listbox-container-focus-border-color
  );
  --v-listbox-container-border-size: var(
    --v-listbox-container-border-highlight-size
  );
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:focus-visible
  )
  .v-listbox,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item.v-listbox-item-highlighted
  )
  .v-listbox,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled)
  .v-listbox:focus-visible
  .v-listbox,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-checkbox:focus-visible
  )
  .v-listbox,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-radio:focus-visible
  )
  .v-listbox {
  --v-listbox-padding: calc(
    var(--v-listbox-padding-initial) -
      (
        var(--v-listbox-container-border-highlight-size) -
          var(--v-listbox-container-border-size-initial)
      )
  );
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:focus-visible
  )
  .v-listbox.v-listbox-scroll,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item.v-listbox-item-highlighted
  )
  .v-listbox.v-listbox-scroll,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled)
  .v-listbox:focus-visible
  .v-listbox.v-listbox-scroll,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-checkbox:focus-visible
  )
  .v-listbox.v-listbox-scroll,
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-radio:focus-visible
  )
  .v-listbox.v-listbox-scroll {
  --v-listbox-block-size: calc(
    var(--v-listbox-block-size-scroll) - var(--v-listbox-container-border-size)
  );
}

@media only screen and (max-width: 767px) {
  .v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
      .v-listbox-item:focus-visible
    )
    .v-listbox.v-listbox-scroll,
  .v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
      .v-listbox-item.v-listbox-item-highlighted
    )
    .v-listbox.v-listbox-scroll,
  .v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled)
    .v-listbox:focus-visible
    .v-listbox.v-listbox-scroll,
  .v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
      .v-checkbox:focus-visible
    )
    .v-listbox.v-listbox-scroll,
  .v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
      .v-radio:focus-visible
    )
    .v-listbox.v-listbox-scroll {
    --v-listbox-block-size: calc(
      var(--v-listbox-block-size-scroll-mobile) -
        var(--v-listbox-container-border-size)
    );
  }
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:active
  ) {
  --v-listbox-container-border-color: var(
    --v-listbox-container-active-border-color
  );
  --v-listbox-container-border-size: var(
    --v-listbox-container-border-highlight-size
  );
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:active
  )
  .v-listbox {
  --v-listbox-padding: calc(
    var(--v-listbox-padding-initial) -
      (
        var(--v-listbox-container-border-highlight-size) -
          var(--v-listbox-container-border-size-initial)
      )
  );
}

.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
    .v-listbox-item:active
  )
  .v-listbox.v-listbox-scroll {
  --v-listbox-block-size: calc(
    var(--v-listbox-block-size-scroll) - var(--v-listbox-container-border-size)
  );
}

@media only screen and (max-width: 767px) {
  .v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(
      .v-listbox-item:active
    )
    .v-listbox.v-listbox-scroll {
    --v-listbox-block-size: calc(
      var(--v-listbox-block-size-scroll-mobile) -
        var(--v-listbox-container-border-size)
    );
  }
}

.v-label:has(+ .v-listbox:has(.v-radio:focus-visible)),
.v-label:has(+ .v-listbox:has(.v-checkbox:focus-visible)) {
  --v-label-color: var(--v-listbox-container-focus-border-color);
}

.v-listbox-container.v-listbox-error {
  --v-listbox-container-border-color: var(
    --v-listbox-container-error-border-color
  );
  --v-listbox-container-border-size: var(
    --v-listbox-container-border-highlight-size
  );
}

.v-listbox-container.v-listbox-error .v-listbox {
  --v-listbox-padding: calc(
    var(--v-listbox-padding-initial) -
      (
        var(--v-listbox-container-border-highlight-size) -
          var(--v-listbox-container-border-size-initial)
      )
  );
}

.v-listbox-container.v-listbox-error .v-listbox.v-listbox-scroll {
  --v-listbox-block-size: calc(
    var(--v-listbox-block-size-scroll) - var(--v-listbox-container-border-size)
  );
}

@media only screen and (max-width: 767px) {
  .v-listbox-container.v-listbox-error .v-listbox.v-listbox-scroll {
    --v-listbox-block-size: calc(
      var(--v-listbox-block-size-scroll-mobile) -
        var(--v-listbox-container-border-size)
    );
  }
}

.v-label:has(+ .v-listbox-error) {
  --v-label-color: var(--v-listbox-container-error-text-color);
}

.v-listbox-container.v-listbox-error + .v-input-message {
  --v-input-message-color: var(--v-listbox-container-error-text-color);
  --v-icon-primary: var(--v-listbox-error-icon-color);
  --v-icon-secondary: var(--v-listbox-error-icon-color);
}

.v-listbox-container.v-listbox-disabled {
  --v-label-color: var(--v-listbox-container-disabled-color);
  --v-input-message-color: var(--v-listbox-container-disabled-color);
  --v-listbox-container-border-color: var(--v-listbox-container-disabled-color);
  --v-listbox-item-foreground: var(--v-listbox-container-disabled-color);
}

.v-listbox-container.v-listbox-disabled,
.v-listbox-container.v-listbox-disabled .v-listbox-item {
  pointer-events: none;
}

.v-label:has(+ .v-listbox-disabled) {
  --v-label-color: var(--v-listbox-disabled-color);
  cursor: default;
}

.v-listbox-container.v-listbox-disabled + .v-input-message {
  --v-input-message-color: var(--v-listbox-disabled-color);
  cursor: default;
}

:root,
.v-alternate {
  --v-logo-hc-light-foreground: #000;
  --v-logo-hc-dark-foreground: #fff;
}

.v-logo {
  fill: var(--v-logo-color, var(--palette-default-text));
}

@media screen and (forced-colors: active) {
  .v-logo {
    forced-color-adjust: none;
    background-color: var(--v-logo-hc-background);
  }

  .v-logo.v-logo-hc-light-foreground {
    background-color: var(--v-logo-hc-light-foreground);
  }

  .v-logo.v-logo-hc-dark-foreground {
    background-color: var(--v-logo-hc-dark-foreground);
  }
}

:root,
.v-alternate {
  --v-nav-background: var(--palette-default-surface-1);
  --v-nav-foreground: var(--palette-default-active);
  --v-nav-horizontal-active-line-padding: var(--size-responsive-16);
  --v-nav-horizontal-min-block-size: 62px;
  --v-nav-horizontal-expanded-block-size: 80px;
  --v-nav-horizontal-padding-block-start: var(--size-responsive-0);
  --v-nav-horizontal-padding-block-end: var(--size-responsive-0);
  --v-nav-horizontal-padding-inline-start: var(--size-responsive-24);
  --v-nav-horizontal-padding-inline-end: var(--size-responsive-24);
  --v-nav-horizontal-tabs-group-gap: var(--size-scalable-8);
  --v-nav-horizontal-align: center;
  --v-nav-vertical-align: flex-start;
  --v-nav-vertical-block-size: 100%;
  --v-nav-vertical-padding-block-start: var(--size-responsive-10);
  --v-nav-vertical-padding-block-end: var(--size-responsive-8);
  --v-nav-vertical-padding-inline-start: var(--size-responsive-0);
  --v-nav-vertical-padding-inline-end: var(--size-responsive-0);
  --v-nav-vertical-tabs-padding-inline-end: var(--size-responsive-14);
  --v-nav-elevation: var(--elevation-small);
  --v-nav-elevation-drawer: var(--elevation-xxlarge);
  --v-nav-app-name: var(--palette-accent-app-name);
}

.v-nav {
  align-items: var(--v-nav-horizontal-align);
  box-shadow: var(--v-nav-elevation);
  display: flex;
  min-block-size: var(--v-nav-horizontal-min-block-size);
  padding-block-end: var(--v-nav-horizontal-padding-block-end);
  padding-block-start: var(--v-nav-horizontal-padding-block-start);
  padding-inline-end: var(--v-nav-horizontal-padding-inline-end);
  padding-inline-start: var(--v-nav-horizontal-padding-inline-start);
  --v-surface-background: var(--v-nav-background);
  --v-surface-foreground: var(--v-nav-foreground);
  --v-surface-padding-block: var(--v-nav-horizontal-padding-block-start)
    var(--v-nav-horizontal-padding-block-end);
  --v-surface-padding-inline: var(--v-nav-horizontal-padding-inline-start)
    var(--v-nav-horizontal-padding-inline-end);
  --v-surface-border-color: var(--v-surface-background);
  --v-surface-border-radius: var(--size-rounded-none);
  --v-surface-border-size: var(--size-scalable-0);
}

:has(> .v-nav:not(.v-nav-vertical)),
:has(> .v-nav .v-tabs-horizontal),
:has(> .v-nav .v-tabs:not(.v-tabs-vertical)) {
  container: nav-container/inline-size;
}

.v-nav .v-nav-app-name {
  color: var(--v-nav-app-name);
}

.v-nav:has(.v-tabs:not(.v-tabs-vertical)),
.v-nav:has(.v-tabs-horizontal),
.v-nav-horizontal {
  flex-direction: row;
  --v-tabs-active-line-padding: var(--v-nav-horizontal-active-line-padding);
}

.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tabs,
.v-nav:has(.v-tabs-horizontal) .v-tabs,
.v-nav-horizontal .v-tabs {
  padding-block-start: var(--v-tabs-active-line-padding);
  --v-tabs-group-gap: var(--v-nav-horizontal-tabs-group-gap);
}

.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tabs .v-tab:only-of-type,
.v-nav:has(.v-tabs-horizontal) .v-tabs .v-tab:only-of-type,
.v-nav-horizontal .v-tabs .v-tab:only-of-type {
  padding-block-start: 0;
}

.v-nav:has(.v-tabs:not(.v-tabs-vertical)) > *,
.v-nav:has(.v-tabs-horizontal) > *,
.v-nav-horizontal > * {
  align-items: var(--v-nav-horizontal-align);
}

.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tab:only-of-type:not(li),
.v-nav:has(.v-tabs-horizontal) .v-tab:only-of-type:not(li),
.v-nav-horizontal .v-tab:only-of-type:not(li) {
  padding-block-start: var(--v-tabs-active-line-padding);
}

.v-nav:has(.v-tabs:not(.v-tabs-vertical)):has(.v-surface),
.v-nav:has(.v-tabs-horizontal):has(.v-surface),
.v-nav-horizontal:has(.v-surface) {
  min-block-size: var(--v-nav-horizontal-expanded-block-size);
}

@container nav-container (max-width: 768px) {
  .v-nav:has(.v-tabs:not(.v-tabs-vertical)):has(.v-surface),
  .v-nav:has(.v-tabs-horizontal):has(.v-surface),
  .v-nav-horizontal:has(.v-surface) {
    --v-nav-horizontal-expanded-block-size: 62px;
  }
}

.v-nav-vertical {
  flex-direction: column;
  overflow-y: auto;
  --v-nav-horizontal-align: var(--v-nav-vertical-align);
  --v-nav-horizontal-min-block-size: var(--v-nav-vertical-block-size);
  --v-nav-horizontal-padding-block-end: var(--v-nav-vertical-padding-block-end);
  --v-nav-horizontal-padding-block-start: var(
    --v-nav-vertical-padding-block-start
  );
  --v-nav-horizontal-padding-inline-end: var(
    --v-nav-vertical-padding-inline-end
  );
  --v-nav-horizontal-padding-inline-start: var(
    --v-nav-vertical-padding-inline-start
  );
}

.v-nav-vertical nav {
  inline-size: 100%;
}

.v-nav-vertical .v-tabs,
.v-nav-vertical .v-tab:only-of-type {
  padding-inline-end: var(--v-nav-vertical-tabs-padding-inline-end);
}

.v-nav-vertical .v-tabs .v-tabs,
.v-nav-vertical .v-tabs .v-tab:only-of-type,
.v-nav-vertical .v-tab:only-of-type .v-tabs,
.v-nav-vertical .v-tab:only-of-type .v-tab:only-of-type {
  padding-inline-end: 0;
}

.v-nav-vertical:has(.v-avatar) {
  container-type: inline-size;
}

.v-nav-drawer {
  --v-nav-elevation: var(--v-nav-elevation-drawer);
}

:root,
.v-alternate {
  --v-pagination-border-radius: var(--size-rounded-pill);
  --v-pagination-block-size: var(--size-scalable-32);
  --v-pagination-inline-size: var(--size-scalable-32);
  --v-pagination-padding-block: var(--size-scalable-12);
  --v-pagination-padding-inline: var(--size-scalable-12);
  --v-pagination-overflow: auto;
  --v-pagination-selected-background-color: var(
    --palette-default-surface-highlight
  );
  --v-pagination-selected-border-color: var(--palette-default-active-hover);
  --v-pagination-selected-border-size: 0.0714285714rem;
  --v-pagination-selected-padding-block: calc(
    var(--v-pagination-padding-block) - var(--v-pagination-selected-border-size)
  );
  --v-pagination-selected-padding-inline: calc(
    var(--v-pagination-padding-inline) -
      var(--v-pagination-selected-border-size)
  );
  --v-pagination-overflow-padding: var(--size-scalable-8);
}

.v-pagination {
  overflow-x: var(--v-pagination-overflow);
  padding: var(--size-scalable-2);
  flex-wrap: wrap;
}

.v-pagination ul {
  list-style: none;
}

.v-pagination .v-button:active {
  --v-pagination-selected-border-color: var(--palette-default-transparent);
}

.v-pagination .v-button:not(.v-button-icon) {
  --typography-font-family: var(--typography-body-2-font-family);
  --typography-font-size: var(--typography-body-2-font-size);
  --typography-font-weight: var(--typography-body-2-font-weight);
  --typography-letter-spacing: var(--typography-body-2-letter-spacing);
  --typography-line-height: var(--typography-body-2-line-height);
  --typography-text-decoration: var(--typography-body-2-text-decoration);
  --typography-text-transform: var(--typography-body-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-button-default-block-size: var(--v-pagination-block-size);
  --v-button-default-border-radius: var(--v-pagination-border-radius);
  --v-button-default-padding-block: var(--v-pagination-padding-block);
  --v-button-default-padding-inline: var(--v-pagination-padding-inline);
  inline-size: auto;
  min-inline-size: var(--v-pagination-inline-size);
}

.v-pagination .v-button:not(.v-button-icon)[aria-current="page"],
.v-pagination .v-button:not(.v-button-icon)[aria-current="true"] {
  --typography-font-family: var(--typography-body-2-bold-font-family);
  --typography-font-size: var(--typography-body-2-bold-font-size);
  --typography-font-weight: var(--typography-body-2-bold-font-weight);
  --typography-letter-spacing: var(--typography-body-2-bold-letter-spacing);
  --typography-line-height: var(--typography-body-2-bold-line-height);
  --typography-text-decoration: var(--typography-body-2-bold-text-decoration);
  --typography-text-transform: var(--typography-body-2-bold-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-button-default-border-size: var(--v-pagination-selected-border-size);
  --v-button-default-border-color: var(--v-pagination-selected-border-color);
  --v-button-default-padding-block: var(--v-pagination-selected-padding-block);
  --v-button-default-padding-inline: var(
    --v-pagination-selected-padding-inline
  );
}

.v-pagination-overflow {
  padding: var(--v-pagination-overflow-padding);
}

:root,
.v-alternate {
  --v-panel-border-color: var(--palette-default-border);
  --v-panel-border-width: 0px 0px 0px var(--size-scalable-1);
  --v-panel-box-shadow: 0px 0px 0px 0px;
  --v-panel-block-size: 100%;
  --v-panel-drop-shadow: drop-shadow(
    var(--elevation-large-offset-x) var(--elevation-large-offset-y)
      var(--elevation-large-blur-radius) var(--elevation-large-color)
  );
  --v-panel-display: flex;
  --v-panel-header-margin-block-end: var(--size-scalable-16);
  --v-panel-inline-size: 360px;
  --v-panel-padding: var(--size-scalable-24);
  --v-panel-position: relative;
  --v-panel-toggle-border-color: var(--palette-default-border);
  --v-panel-toggle-border-radius: var(--size-rounded-medium) 0 0
    var(--size-rounded-medium);
  --v-panel-toggle-border-style: var(--v-button-default-border-style);
  --v-panel-toggle-border-width: 1px;
  --v-panel-toggle-margin-block-start: var(--size-scalable-24);
  --v-panel-toggle-padding: var(--size-scalable-13);
}

.v-panel {
  block-size: var(--v-panel-block-size);
  inline-size: var(--v-panel-inline-size);
  max-block-size: 100vh;
  max-inline-size: fit-content;
  min-block-size: var(--v-panel-block-size);
  min-inline-size: var(--v-panel-inline-size);
}

.v-panel:not(dialog) {
  display: var(--v-panel-display);
  overflow: visible;
  position: var(--v-panel-position);
}

dialog.v-panel {
  background-color: var(--palette-default-transparent);
  border: 0;
  display: none;
  filter: var(--v-panel-drop-shadow);
  margin: 0;
  margin-inline-start: auto;
  margin-inline-end: 0;
  padding: 0;
}

dialog.v-panel[open] {
  display: var(--v-panel-display);
}

dialog.v-panel::backdrop {
  background-color: var(--palette-default-transparent);
}

dialog.v-panel.v-panel-skrim::backdrop {
  background-color: var(--palette-default-overlay);
}

.v-panel-body {
  padding-block-end: var(--v-panel-padding);
  padding-inline: var(--v-panel-padding);
}

.v-panel header,
.v-panel-header {
  margin-block-end: var(--v-panel-header-margin-block-end);
  padding-block-start: var(--v-panel-padding);
  padding-inline: var(--v-panel-padding);
}

.v-panel-content {
  min-block-size: 100%;
  overflow-y: auto;
  --v-surface-border-radius: var(--size-rounded-none);
  --v-surface-border-size: var(--size-scalable-0);
  --v-surface-padding-block: var(--size-scalable-0);
  --v-surface-padding-inline: var(--size-scalable-0);
}

.v-panel-expandable .v-panel-content,
.v-panel-responsive .v-panel-content {
  border-color: var(--v-panel-border-color);
  border-width: var(--v-panel-border-width);
}

.v-panel-expandable:has(.v-panel-toggle:not([aria-expanded="true"])) {
  --v-panel-inline-size: 0;
}

.v-panel-responsive {
  --v-panel-drop-shadow: drop-shadow();
}

.v-panel-tabs {
  padding-block-start: var(--v-panel-padding);
  padding-inline: var(--v-panel-padding);
}

.v-panel-toggle {
  border-width: var(--v-panel-toggle-border-width) 0
    var(--v-panel-toggle-border-width) var(--v-panel-toggle-border-width);
  margin-block-start: var(--v-panel-toggle-margin-block-start);
  --v-button-default-padding-block: var(--v-panel-toggle-padding);
  --v-button-default-padding-inline: var(--v-panel-toggle-padding);
  --v-button-default-border-radius: var(--v-panel-toggle-border-radius);
}

.v-panel-expandable:not(.v-panel[open]) .v-panel-toggle {
  inset-inline-start: calc(
    -1 * (var(--v-button-default-icon-size) + 2 *
          var(--v-button-default-padding-inline))
  );
  position: absolute;
}

@media (max-width: 360px) {
  .v-panel {
    min-inline-size: 0;
  }

  .v-panel.v-panel-responsive.v-panel-expandable {
    max-inline-size: calc(
      100% -
        (
          var(--v-button-default-icon-size) + 2 *
            var(--v-button-default-padding-inline)
        )
    );
  }
}

:root,
.v-alternate {
  --v-progress-animation-factor: 1;
  --v-progress-bar-background-color: var(--palette-default-surface-3);
  --v-progress-bar-border-radius: var(--size-rounded-small);
  --v-progress-bar-foreground-color: var(--palette-default-active);
  --v-progress-bar-high-contrast-border: solid var(--size-scalable-1);
  --v-progress-bar-high-contrast-value-border: solid var(--size-scalable-2);
  --v-progress-bar-indeterminate-width: 25%;
  --v-progress-bar-inline-size: 100%;
  --v-progress-bar-thickness: var(--size-scalable-4);
  --v-progress-bar-width: 100%;
  --v-progress-circular-background-dasharray: 180 180;
  --v-progress-circular-background-dashoffset: 300;
  --v-progress-circular-bar-dasharray: 180 180;
  --v-progress-circular-bar-dashoffset: 141;
  --v-progress-circular-label-inset-block-start: 0;
  --v-progress-circular-line-cap: round;
  --v-progress-circular-origin: 50% 50%;
  --v-progress-circular-size: 72px;
  --v-progress-circular-size-small: 48px;
  --v-progress-circular-transform: rotate(-90deg);
  --v-progress-display: block;
  --v-progress-icon-complete-color: var(--palette-messaging-graphics-positive);
  --v-progress-icon-error-color: var(--palette-messaging-graphics-negative);
  --v-progress-label-default-color: var(--palette-default-text-subtle);
  --v-progress-label-error-color: var(--palette-messaging-text-negative);
}

.v-progress {
  animation-play-state: inherit;
  position: relative;
}

@media (preference-reduced-motion) {
  .v-progress {
    --theme-animation-factor: 0;
  }
}

.v-progress-complete + .v-progress-label {
  --v-icon-primary: var(--v-progress-icon-complete-color);
  --v-icon-secondary: var(--v-progress-icon-complete-color);
}

.v-progress-error + .v-progress-label {
  --v-progress-label-default-color: var(--v-progress-label-error-color);
  --v-icon-primary: var(--v-progress-icon-error-color);
  --v-icon-secondary: var(--v-progress-icon-error-color);
}

.v-progress + .v-progress-label {
  --typography-font-family: var(--typography-label-font-family);
  --typography-font-size: var(--typography-label-font-size);
  --typography-font-weight: var(--typography-label-font-weight);
  --typography-letter-spacing: var(--typography-label-letter-spacing);
  --typography-line-height: var(--typography-label-line-height);
  --typography-text-decoration: var(--typography-label-text-decoration);
  --typography-text-transform: var(--typography-label-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  color: var(--v-progress-label-default-color);
  display: flex;
  justify-content: space-between;
}

.v-progress-bar {
  block-size: var(--v-progress-bar-thickness);
  border-radius: var(--v-progress-bar-border-radius);
  inline-size: var(--v-progress-bar-inline-size);
  overflow: hidden;
}

@media (prefers-contrast: more) and (forced-colors: active) {
  .v-progress-bar {
    border: var(--v-progress-bar-high-contrast-border);
  }
}

.v-progress-bar::-webkit-progress-bar {
  background-color: var(--v-progress-bar-background-color);
  border-radius: var(--v-progress-bar-border-radius);
}

.v-progress-bar::-moz-progress-bar {
  background-color: var(--v-progress-bar-background-color);
  border-radius: var(--v-progress-bar-border-radius);
}

.v-progress-bar::-webkit-progress-value {
  background-color: var(--v-progress-bar-foreground-color);
  block-size: var(--v-progress-bar-width);
  border-radius: var(--v-progress-bar-border-radius);
}

@media (prefers-contrast: more) and (forced-colors: active) {
  .v-progress-bar::-webkit-progress-value {
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: -2px;
  }
}

.v-progress-bar:not([value])::after {
  -webkit-animation: progress-bar-animation-indeterminate
    calc(3s * var(--v-progress-animation-factor)) infinite linear;
  animation: progress-bar-animation-indeterminate
    calc(3s * var(--v-progress-animation-factor)) infinite linear;
  animation-play-state: inherit;
  background-color: var(--v-progress-bar-foreground-color);
  block-size: var(--v-progress-bar-width);
  border-radius: var(--v-progress-bar-border-radius);
  content: "";
  inline-size: var(--v-progress-bar-indeterminate-width);
  margin-block-start: calc(var(--v-progress-bar-thickness) * -1);
  position: absolute;
}

@media (prefers-contrast: more) and (forced-colors: active) {
  .v-progress-bar:not([value])::after {
    border-block-start: var(--v-progress-bar-thickness) solid currentColor;
    height: var(--v-progress-bar-thickness);
  }
}

.v-progress-circular-track {
  block-size: var(--v-progress-circular-size);
  display: var(--v-progress-display);
  inline-size: var(--v-progress-circular-size);
}

.v-progress-circular-background {
  cx: calc(var(--v-progress-circular-size) / 2);
  cy: calc(var(--v-progress-circular-size) / 2);
  fill: rgba(0, 0, 0, 0);
  r: calc(
    (var(--v-progress-circular-size) - var(--v-progress-bar-thickness)) / 2
  );
  stroke: var(--v-progress-bar-background-color);
  stroke-linecap: var(--v-progress-circular-line-cap);
  stroke-width: var(--v-progress-bar-thickness);
}

@media (prefers-contrast: more) and (forced-colors: active) {
  .v-progress-circular-background {
    stroke: Canvas;
  }
}

.v-progress-circular-bar {
  -webkit-transform: var(--v-progress-circular-transform);
  -webkit-transform-origin: var(--v-progress-circular-origin);
  cx: calc(var(--v-progress-circular-size) / 2);
  cy: calc(var(--v-progress-circular-size) / 2);
  fill: rgba(0, 0, 0, 0);
  r: calc(
    (var(--v-progress-circular-size) - var(--v-progress-bar-thickness)) / 2
  );
  stroke: var(--v-progress-bar-foreground-color);
  stroke-linecap: var(--v-progress-circular-line-cap);
  stroke-width: var(--v-progress-bar-thickness);
  transform: var(--v-progress-circular-transform);
  transform-origin: var(--v-progress-circular-origin);
}

@media (prefers-contrast: more) and (forced-colors: active) {
  .v-progress-circular-bar {
    stroke: currentColor;
  }
}

.v-progress-circular .v-progress-label {
  align-items: center;
  block-size: var(--v-progress-circular-size);
  display: grid;
  inline-size: var(--v-progress-circular-size);
  inset-block-start: var(--v-progress-circular-label-inset-block-start);
  justify-content: center;
  position: absolute;
}

.v-progress-circular:is(.v-progress-indeterminate) .v-progress-circular-track {
  animation: progress-spinner-animation-background-indeterminate
    calc(5s * var(--v-progress-animation-factor)) infinite linear;
  animation-play-state: inherit;
}

.v-progress-circular:is(.v-progress-indeterminate)
  .v-progress-circular-background {
  animation: progress-spinner-animation-background-indeterminate
    calc(3s * var(--v-progress-animation-factor)) infinite linear;
  animation-play-state: inherit;
  stroke-dasharray: var(--v-progress-circular-background-dasharray);
  stroke-dashoffset: var(--v-progress-circular-background-dashoffset);
}

.v-progress-circular:is(.v-progress-indeterminate) .v-progress-circular-bar {
  animation: progress-spinner-animation-foreground-indeterminate
    calc(3s * var(--v-progress-animation-factor)) infinite linear;
  animation-play-state: inherit;
  stroke-dasharray: var(--v-progress-circular-bar-dasharray);
  stroke-dashoffset: var(--v-progress-circular-bar-dashoffset);
}

.v-progress-circular:is(.v-progress-circular-small) .v-progress-circular-track {
  --v-progress-circular-size: var(--v-progress-circular-size-small);
}

.v-progress-circular:is(.v-progress-circular-small) .v-progress-label {
  --v-progress-circular-size: var(--v-progress-circular-size-small);
}

@keyframes progress-bar-animation-indeterminate {
  0% {
    inline-size: 20%;
    inset-inline-start: -20%;
  }

  50% {
    inline-size: 20%;
  }

  100% {
    inline-size: 20%;
    inset-inline-start: 100%;
  }
}

@keyframes progress-spinner-animation-foreground-indeterminate {
  0% {
    stroke-dashoffset: 241.41;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
  }

  65% {
    stroke-dashoffset: 280.76;
  }

  80% {
    stroke-dashoffset: 280.76;
  }

  100% {
    stroke-dashoffset: 241.41;
    transform: rotate(720deg);
    transform-origin: 50% 50%;
  }
}

@keyframes progress-spinner-animation-background-indeterminate {
  0% {
    stroke-dashoffset: 137.37;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
  }

  65% {
    stroke-dashoffset: 326.76;
  }

  80% {
    stroke-dashoffset: 266.41;
  }

  100% {
    stroke-dashoffset: 137.37;
    transform: rotate(720deg);
    transform-origin: 50% 50%;
  }
}

:root,
.v-alternate {
  --v-radio-indicator-background: var(--palette-default-surface-1);
  --v-radio-border-radius: var(--size-rounded-complete);
  --v-radio-border-size: var(--theme-border-size);
  --v-radio-border-style: solid;
  --v-radio-glow-offset: var(--size-scalable-8);
  --v-radio-indicator-block-size: var(--size-responsive-10);
}

.v-radio {
  background-color: var(--v-radio-indicator-background);
  border-radius: var(--v-radio-border-radius);
  --v-checkbox-glow-offset: var(--v-radio-glow-offset);
}

.v-radio::before {
  align-self: center;
  background-color: var(--v-checkbox-indicator-background);
  block-size: 0;
  border: calc(var(--v-radio-indicator-block-size) / 2) solid
    var(--v-checkbox-indicator-background);
  border-radius: var(--v-radio-indicator-block-size);
  content: "";
  display: inline-flex;
  rotate: none;
  transform: scale(0);
  translate: none;
}

.v-radio::after {
  display: none;
}

.v-radio:checked::before {
  transform: scale(1);
}

.v-radio:disabled::before {
  background-color: rgba(0, 0, 0, 0);
}

.v-section {
  --v-message-border-block-start-size: 0px;
  --v-message-border-inline-end-size: 0px;
  --v-message-border-inline-start-size: 0px;
  --v-message-border-radius: var(--size-rounded-large);
  --v-message-elevation: var(--elevation-small);
  --v-message-padding-block-end: var(--size-scalable-12);
  --v-message-padding-block-start: var(--size-scalable-12);
  --v-message-padding-inline-end: var(--size-scalable-12);
  --v-message-padding-inline-start: var(--size-scalable-12);
  --v-message-icon-color: var(--v-message-text);
}

.v-section.v-message-subtle {
  --v-message-border-block-start-size: 1px;
  --v-message-border-block-end-size: 1px;
  --v-message-border-inline-end-size: 1px;
  --v-message-border-inline-start-size: 1px;
  --v-message-elevation: var(--elevation-none);
  --v-message-border-color: var(--palette-default-border);
  --v-message-background: var(--palette-default-surface-2);
  --v-message-icon-color: var(--palette-default-text-subtle);
}

.v-section .v-message-content {
  --v-message-text: var(--palette-default-text);
}

.v-section .v-message-icon {
  --v-icon-height: var(--v-message-icon-size);
  --v-icon-width: var(--v-message-icon-size);
}

:root,
.v-alternate {
  --v-select-control-color: var(--palette-default-active);
  --v-select-toggle-icon-inline-size: var(--size-responsive-32);
  --v-select-padding-inline-start: var(--size-scalable-6);
}

select.v-input {
  appearance: none;
  cursor: pointer;
  min-inline-size: max-content;
  padding-right: calc(
    var(--v-select-toggle-icon-inline-size) + var(--size-scalable-6)
  );
  padding-inline-start: var(--v-select-padding-inline-start);
}

.v-input-container:has(select.v-input) {
  position: relative;
  padding-inline-start: 0;
}

.v-input-container:has(select.v-input) .v-input-control {
  --v-icon-primary: var(--v-select-control-color);
  --v-icon-secondary: var(--v-select-control-color);
  align-items: center;
  block-size: calc(
    var(--v-input-container-block-size) - 2 *
      var(--v-input-container-padding-block)
  );
  display: flex;
  inline-size: var(--v-select-toggle-icon-inline-size);
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: var(--v-input-container-padding-inline);
}

select.v-input:disabled + .v-input-control,
select.v-input[readonly] + .v-input-control {
  --v-icon-primary: var(--v-input-disabled-container-border-color);
  --v-icon-secondary: var(--v-input-disabled-container-border-color);
}

select.v-input:disabled:not([readonly]),
select.v-input[readonly]:not([readonly]) {
  cursor: default;
}

:root,
.v-alternate {
  --v-skip-link-border-width: var(--size-scalable-1);
  --v-skip-link-border-color: var(--palette-default-border);
  --v-skip-link-background-color: var(--palette-default-surface-highlight);
  --v-skip-link-inline-size: calc(100% - var(--size-scalable-4));
  --v-skip-link-padding-block: var(--size-scalable-8);
  --v-skip-link-padding-inline: var(--size-scalable-16);
  --v-skip-link-z-index: 10;
  --v-skip-link-outline-width: var(--theme-focus-outline-size);
  --v-skip-link-outline-style: dashed;
  --v-skip-link-outline-color: var(--palette-default-active-pressed);
  --v-skip-link-outline-offset: var(--theme-focus-outline-offset);
}

.v-skip-link {
  border: var(--v-skip-link-border-width) solid var(--v-skip-link-border-color);
  background: var(--v-skip-link-background-color);
  inline-size: var(--v-skip-link-inline-size);
  margin-inline: auto;
  padding-block: var(--v-skip-link-padding-block);
  padding-inline: var(--v-skip-link-padding-inline);
  place-content: center;
  z-index: var(--v-skip-link-z-index);
  top: -99999px;
  position: absolute;
}

.v-skip-link:focus-visible {
  top: 0;
  position: relative;
  outline-width: var(--v-skip-link-outline-width);
  outline-style: var(--v-skip-link-outline-style);
  outline-color: var(--v-skip-link-outline-color);
  outline-offset: var(--v-skip-link-outline-offset);
}

:root,
.v-alternate {
  --v-switch-label-color: var(--palette-default-text);
  --v-switch-label-disabled-color: var(--palette-default-disabled);
  --v-switch-node-active-border-color: var(--palette-default-active-pressed);
  --v-switch-node-background-color: var(--palette-default-surface-1);
  --v-switch-node-block-size: 1.2857142857rem;
  --v-switch-node-border-color: var(--palette-default-active-subtle);
  --v-switch-node-border-radius: var(--size-rounded-complete);
  --v-switch-node-border-style: solid;
  --v-switch-node-border-width: 0.0714285714rem;
  --v-switch-node-margin-inline-start: 0px;
  --v-switch-node-checked-border-color: var(--palette-default-surface-1);
  --v-switch-node-checked-margin-inline-start: calc(
    100% - var(--v-switch-track-padding) - var(--v-switch-node-inline-size)
  );
  --v-switch-node-disabled-border-color: var(--palette-default-disabled);
  --v-switch-node-disabled-border-width: 0.0714285714rem;
  --v-switch-node-focus-outline-glow-color: var(
    --palette-default-surface-highlight
  );
  --v-switch-node-focus-outline-offset: 0.5rem;
  --v-switch-node-focus-outline-width: 0.0714285714rem;
  --v-switch-node-hover-border-color: var(--palette-default-active-hover);
  --v-switch-node-hover-border-width: 0.1428571429rem;
  --v-switch-node-inline-size: 1.2857142857rem;
  --v-switch-track-active-background-color: var(
    --palette-default-surface-lowlight
  );
  --v-switch-track-active-border-color: var(--palette-default-active-pressed);
  --v-switch-track-background-color: var(--palette-default-surface-3);
  --v-switch-track-block-size: 1.7142857143rem;
  --v-switch-track-border-color: var(--palette-default-active-subtle);
  --v-switch-track-border-radius: var(--size-rounded-pill);
  --v-switch-track-border-size: 0.0714285714rem;
  --v-switch-track-border-style: solid;
  --v-switch-track-checked-border-color: var(--palette-default-transparent);
  --v-switch-track-checked-border-radius: var(--size-rounded-pill);
  --v-switch-track-disabled-border-color: var(--palette-default-disabled);
  --v-switch-track-disabled-background-color: var(--palette-default-surface-3);
  --v-switch-track-hover-background-color: var(
    --palette-default-surface-highlight
  );
  --v-switch-track-hover-border-color: var(--palette-default-active-hover);
  --v-switch-track-inline-size: 3.1428571429rem;
  --v-switch-track-inset-inline-end: 0;
  --v-switch-track-margin: 0;
  --v-switch-track-padding: 0.1428571429rem;
  --v-switch-track-start-position: 0;
  --v-switch-transition: margin-inline-start 0.25s ease;
}

.v-switch {
  --v-action-secondary-background: var(--v-switch-track-background-color);
  --v-action-secondary-border-color: var(--v-switch-track-border-color);
  --v-action-secondary-border-radius: var(--v-switch-track-border-radius);
  --v-action-secondary-border-size: var(--v-switch-track-border-size);
  --v-action-secondary-padding-block: var(--v-switch-track-padding);
  --v-action-secondary-padding-inline: var(--v-switch-track-padding);
  --theme-focus-outline-size: 0;
  align-items: center;
  appearance: none;
  block-size: var(--v-switch-track-block-size);
  border-style: var(--v-switch-track-border-style);
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  inline-size: var(--v-switch-track-inline-size);
  inset-inline-end: var(--v-switch-track-inset-inline-end);
  margin: var(--v-switch-track-margin);
  position: relative;
}

.v-switch::after {
  background-color: var(--v-switch-node-background-color);
  block-size: var(--v-switch-node-block-size);
  border-color: var(--v-switch-node-border-color);
  border-radius: var(--v-switch-node-border-radius);
  border-style: var(--v-switch-node-border-style);
  border-width: var(--v-switch-node-border-width);
  content: "";
  display: block;
  inline-size: var(--v-switch-node-inline-size);
  margin-inline-start: var(--v-switch-node-margin-inline-start);
  transition: var(--v-switch-transition);
  position: absolute;
}

.v-switch:hover,
.v-switch:focus-visible {
  --v-switch-track-background-color: var(
    --v-switch-track-hover-background-color
  );
  --v-switch-track-border-color: var(--v-switch-track-hover-border-color);
}

.v-switch:hover::after,
.v-switch:focus-visible::after {
  --v-switch-node-border-color: var(--v-switch-node-hover-border-color);
  --v-switch-node-border-width: var(--v-switch-node-hover-border-width);
}

.v-switch:active {
  --v-switch-track-background-color: var(
    --v-switch-track-active-background-color
  );
  --v-switch-track-border-color: var(--v-switch-track-active-border-color);
}

.v-switch:active::after {
  --v-switch-node-border-color: var(--v-switch-node-active-border-color);
}

.v-switch:focus-visible::after {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
  --theme-focus-outline-offset: var(--v-switch-node-focus-outline-offset);
  --theme-focus-outline-size: var(--v-switch-node-focus-outline-width);
  box-shadow: 0px 0px 0px var(--v-switch-node-focus-outline-offset)
    var(--v-switch-node-focus-outline-glow-color);
}

.v-switch:disabled {
  --v-switch-track-background-color: var(
    --v-switch-track-disabled-background-color
  );
  --v-switch-track-border-color: var(--v-switch-track-disabled-border-color);
}

.v-switch:disabled::after {
  --v-switch-node-border-color: var(--v-switch-node-disabled-border-color);
  --v-switch-node-border-width: var(--v-switch-node-disabled-border-width);
}

.v-switch:only-of-type:checked {
  --v-action-primary-border-color: var(--v-switch-track-checked-border-color);
  --v-action-primary-border-radius: var(--v-switch-track-checked-border-radius);
  --v-action-primary-padding-block: calc(
    var(--v-switch-track-padding) -
      (var(--v-action-primary-border-size) - var(--v-switch-track-border-size))
  );
  --v-action-primary-padding-inline: calc(
    var(--v-switch-track-padding) -
      (var(--v-action-primary-border-size) - var(--v-switch-track-border-size))
  );
}

.v-switch:only-of-type:checked::after {
  --v-switch-node-border-color: var(--v-switch-node-checked-border-color);
  --v-switch-node-margin-inline-start: var(
    --v-switch-node-checked-margin-inline-start
  );
  transition: var(--v-switch-transition);
}

@media (forced-colors: active) {
  .v-switch:only-of-type:checked {
    background-color: currentColor;
  }

  .v-switch:only-of-type:checked::after {
    border-width: calc(var(--v-switch-track-border-size) * 2);
    border: calc(var(--v-switch-node-block-size) / 4) solid
      var(--v-switch-track-checked-border-color);
  }
}

.v-switch-label {
  color: var(--v-switch-label-color);
}

.v-switch-label:has(+ .v-switch:disabled) {
  --v-switch-label-color: var(--v-switch-label-disabled-color);
  cursor: default;
}

:root,
.v-alternate {
  --v-table-background: var(--palette-default-surface-1);
  --v-table-border-collapse: collapse;
  --v-table-display: table;
  --v-table-foreground: var(--palette-default-text);
  --v-table-inline-size: 100%;
  --v-table-wrapper-block-size: auto;
  --v-table-wrapper-inline-size: auto;
  --v-table-overflow: scroll;
  --v-table-header-bg-color: var(--palette-default-surface-1);
  --v-table-header-bg-color-alt: var(--palette-default-surface-highlight);
  --v-table-header-block: var(--size-scalable-34);
  --v-table-header-block-alignment: middle;
  --v-table-header-block-alt: var(--size-scalable-34);
  --v-table-header-border-block-end-color: var(--palette-default-active);
  --v-table-header-border-block-end-size: var(--theme-border-size);
  --v-table-header-border-inline-color-alt: var(--palette-default-border);
  --v-table-header-border-inline-size-alt: var(--size-scalable-1);
  --v-table-header-padding-block: var(--size-scalable-8) var(--size-scalable-6);
  --v-table-header-padding-block-alt: var(--size-scalable-10)
    var(--size-scalable-9);
  --v-table-header-padding-inline: var(--size-scalable-15);
  --v-table-header-padding-inline-alt: var(--size-scalable-15);
  --v-table-header-text-color: var(--palette-default-active);
  --v-table-header-text-align-alt: center;
  --v-table-data-block-default: var(--size-scalable-40);
  --v-table-data-block-large: var(--size-scalable-56);
  --v-table-data-block-small: var(--size-scalable-26);
  --v-table-data-padding-block-default: var(--size-scalable-10);
  --v-table-data-padding-block-large: var(--size-scalable-17);
  --v-table-data-padding-block-small: var(--size-scalable-3);
  --v-table-data-padding-block-badge: calc(
    var(--v-table-data-padding-block) - var(--size-scalable-2)
  );
  --v-table-data-padding-inline: var(--size-scalable-15);
  --v-table-data-text-align: start;
  --v-table-background-alt: var(--palette-default-surface-2);
  --v-table-wrapper-border: var(--size-scalable-1) solid
    var(--palette-default-border);
  --v-table-border-none: 0;
  --v-table-border-block-end-color: var(--palette-default-border);
  --v-table-border-block-end-color-default: transparent;
  --v-table-border-block-end-size-default: var(--size-scalable-1);
  --v-table-border-block-end-style-default: solid;
  --v-table-border-block-start-color: var(--palette-default-border);
  --v-table-border-block-start-color-default: transparent;
  --v-table-border-block-start-size-default: var(--size-scalable-1);
  --v-table-border-block-start-style-default: solid;
  --v-table-border-inline-end-color: var(--palette-default-border);
  --v-table-border-inline-end-color-default: transparent;
  --v-table-border-inline-end-size-default: var(--size-scalable-1);
  --v-table-border-inline-end-style-default: solid;
  --v-table-border-inline-start-color: var(--palette-default-border);
  --v-table-border-inline-start-color-default: transparent;
  --v-table-border-inline-start-size-default: var(--size-scalable-1);
  --v-table-border-inline-start-style-default: solid;
  --v-table-border-radius: var(--size-rounded-pill);
}

.v-td,
.v-th-alt,
.v-th {
  border-block-end: var(--v-table-border-block-end-size-default)
    var(--v-table-border-block-end-style-default)
    var(--v-table-border-block-end-color-default);
  border-block-start: var(--v-table-border-block-start-size-default)
    var(--v-table-border-block-start-style-default)
    var(--v-table-border-block-start-color-default);
  border-inline-end: var(--v-table-border-inline-end-size-default)
    var(--v-table-border-inline-end-style-default)
    var(--v-table-border-inline-end-color-default);
  border-inline-start: var(--v-table-border-inline-start-size-default)
    var(--v-table-border-inline-start-style-default)
    var(--v-table-border-inline-start-color-default);
}

.v-td:empty:is(:not(.v-td)),
.v-th-alt:empty:is(:not(.v-td)),
.v-th:empty:is(:not(.v-td)) {
  border: 0;
}

.v-th-alt,
.v-th {
  background-color: var(--v-table-header-bg-color);
  block-size: var(--v-table-header-block);
  color: var(--v-table-header-text-color);
  padding-block: var(--v-table-header-padding-block);
  padding-inline: var(--v-table-header-padding-inline);
  text-align: var(--v-table-data-text-align);
  vertical-align: var(--v-table-header-block-alignment);
  white-space: nowrap;
  --v-table-border-block-end-size-default: var(
    --v-table-header-border-block-end-size
  );
  --v-table-border-block-end-color-default: var(
    --v-table-header-border-block-end-color
  );
}

.v-table {
  border-collapse: var(--v-table-border-collapse);
  display: var(--v-table-display);
  inline-size: var(--v-table-inline-size);
}

.v-table thead {
  --typography-font-family: var(--typography-label-large-active-font-family);
  --typography-font-size: var(--typography-label-large-active-font-size);
  --typography-font-weight: var(--typography-label-large-active-font-weight);
  --typography-letter-spacing: var(
    --typography-label-large-active-letter-spacing
  );
  --typography-line-height: var(--typography-label-large-active-line-height);
  --typography-text-decoration: var(
    --typography-label-large-active-text-decoration
  );
  --typography-text-transform: var(
    --typography-label-large-active-text-transform
  );
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-table tbody {
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-table tr {
  background-color: var(--v-table-background);
}

.v-table-alt tr:nth-child(even) {
  --v-table-background: var(--v-table-background-alt);
}

.v-table:has(.v-th-alt) .v-th,
.v-table:has(.v-th-alt) .v-th-alt {
  --v-table-border-inline-end-color-default: var(
    --v-table-header-border-inline-color-alt
  );
  --v-table-border-inline-end-size-default: var(
    --v-table-border-inline-end-size
  );
  --v-table-border-inline-start-color-default: var(
    --v-table-header-border-inline-color-alt
  );
  --v-table-border-block-start-color-default: var(--v-table-border-none);
}

.v-table:has(.v-th-alt) .v-th:first-child,
.v-table:has(.v-th-alt) .v-th-alt:first-child {
  --v-table-border-inline-start-color-default: var(--v-table-border-none);
}

.v-table:has(.v-th-alt) .v-th:last-child,
.v-table:has(.v-th-alt) .v-th-alt:last-child {
  --v-table-border-inline-end-color-default: var(--v-table-border-none);
}

.v-td {
  block-size: var(--v-table-data-block-default);
  padding-block: var(--v-table-data-padding-block-default);
  padding-inline: var(--v-table-data-padding-inline);
  vertical-align: middle;
}

.v-td:has(.v-badge) {
  --v-table-data-padding-block-default: var(--v-table-data-padding-block-badge);
}

.v-table-large {
  --v-table-data-padding-block-default: var(--v-table-data-padding-block-large);
  --v-table-data-block-default: var(--v-table-data-block-large);
}

.v-table-small {
  --v-table-data-padding-block-default: var(--v-table-data-padding-block-small);
  --v-table-data-block-default: var(--v-table-data-block-small);
}

.v-table-border {
  --v-table-border-block-end-color-default: var(
    --v-table-border-block-end-color
  );
  --v-table-border-block-start-color-default: var(
    --v-table-border-block-start-color
  );
  --v-table-border-inline-end-color-default: var(
    --v-table-border-inline-end-color
  );
  --v-table-border-inline-start-color-default: var(
    --v-table-border-inline-start-color
  );
}

.v-table-border-inline {
  --v-table-border-inline-end-color-default: var(
    --v-table-border-inline-end-color
  );
  --v-table-border-inline-start-color-default: var(
    --v-table-border-inline-start-color
  );
}

.v-table-border-block {
  --v-table-border-block-end-color-default: var(
    --v-table-border-block-end-color
  );
}

.v-table-border-block .v-th,
.v-table-border-block .v-th-alt {
  --v-table-header-border-inline-color-alt: var(--v-table-border-none);
}

.v-table-subtle {
  --v-table-header-text-color: var(--v-table-text-color);
  --v-table-header-border-block-end-size: var(
    --v-table-border-block-end-size-default
  );
  --v-table-header-border-block-end-color: var(
    --v-table-border-block-end-color
  );
}

.v-table-wrapper {
  border: var(--v-table-wrapper-border);
  border-radius: var(--size-scalable-8);
  max-block-size: var(--v-table-wrapper-block-size);
  max-inline-size: var(--v-table-wrapper-inline-size);
  overflow: auto;
}

.v-table-wrapper tr {
  --v-table-border-block-start-size-default: var(--v-table-border-none);
}

.v-table-wrapper tr th:first-of-type {
  --v-table-border-inline-start-size-default: var(--v-table-border-none);
}

.v-table-wrapper tr td:last-of-type {
  --v-table-border-inline-end-size-default: var(--v-table-border-none);
}

.v-table-wrapper tbody > tr:last-of-type {
  --v-table-border-block-end-size-default: var(--v-table-border-none);
}

.v-table-wrapper .v-table:is(:not(.v-table-key-value)) th:last-of-type {
  --v-table-border-inline-end-size-default: var(--v-table-border-none);
}

.v-table-wrapper .v-table:is(:not(.v-table-key-value)) td:first-of-type {
  --v-table-border-inline-start-size-default: var(--v-table-border-none);
}

.v-th-alt {
  --v-table-data-text-align: var(--v-table-header-text-align-alt);
  --v-table-header-bg-color: var(--v-table-header-bg-color-alt);
  --v-table-header-padding-block: var(--v-table-header-padding-block-alt);
  --v-table-header-padding-inline: var(--v-table-header-padding-inline-alt);
}

.v-th-alt:empty {
  --v-table-header-bg-color: none;
}

.v-table-key-value tr > th:first-child {
  --typography-font-family: var(--typography-label-large-active-font-family);
  --typography-font-size: var(--typography-label-large-active-font-size);
  --typography-font-weight: var(--typography-label-large-active-font-weight);
  --typography-letter-spacing: var(
    --typography-label-large-active-letter-spacing
  );
  --typography-line-height: var(--typography-label-large-active-line-height);
  --typography-text-decoration: var(
    --typography-label-large-active-text-decoration
  );
  --typography-text-transform: var(
    --typography-label-large-active-text-transform
  );
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  text-align: var(--v-table-data-text-align);
}

:root,
.v-alternate {
  --v-tabs-active-line-padding: var(--size-scalable-10);
  --v-tabs-border-bottom-size: 0;
  --v-tabs-group-gap: var(--size-scalable-6);
  --v-tabs-padding-inline: var(--size-scalable-12);
  --v-tabs-vertical-active-line-padding: var(--size-scalable-8);
  --v-tabs-vertical-block-size: var(--size-scalable-40);
  --v-tabs-vertical-padding-block: calc(
    var(--size-scalable-11) - var(--v-button-default-border-size)
  );
  --v-tabs-vertical-padding-inline-end: calc(
    var(--size-scalable-14) - var(--v-button-default-border-size)
  );
  --v-tabs-vertical-padding-inline-start: calc(
    var(--size-scalable-10) - var(--v-button-default-border-size)
  );
  --v-tabs-vertical-nested-count: 0;
  --v-tabs-vertical-tab-indent: var(--size-scalable-14);
  --v-tabs-section-title-padding-block-start: var(--size-scalable-9);
  --v-tabs-section-title-padding-block-end: var(--size-scalable-3);
  --v-tabs-direction: row;
  --v-tabs-foreground-initial: var(--palette-default-text-subtle);
  --v-tabs-icon-color-initial: var(--palette-default-active);
  --v-tabs-gap: var(--size-scalable-8);
  --v-tabs-icon-size: 1.2857142857rem;
  --v-tabs-default-highlight: var(--palette-default-transparent);
  --v-tabs-active-foreground: var(--palette-default-text);
  --v-tabs-selected-background: var(--palette-default-surface-3);
  --v-tabs-selected-highlight-border-size: var(--theme-border-size);
  --v-tabs-selected-highlight: var(--palette-default-active-hover);
  --v-tabs-expanded-icon-color: var(--palette-default-active-hover);
  --v-tabs-expanded-background: var(--palette-default-surface-lowlight);
  --v-tabs-expanded-foreground: var(--palette-default-text);
  --v-tabs-suffix-icon-size: 1.1428571429rem;
  --v-tabs-suffix-icon-color: var(--palette-default-active-subtle);
  --v-tabs-stacked-block-size: calc(
    var(--v-button-default-stacked-icon-size) +
      var(--typography-label-large-line-height) + var(--v-tabs-gap) +
      var(--v-button-default-padding-block) * 2
  );
  --v-tabs-outline-offset: 0px;
}

.v-tab {
  --v-tabs-horizontal-padding-block-end: calc(
    var(--v-tabs-active-line-padding) +
      var(--v-tabs-selected-highlight-border-size)
  );
  border-block-end-color: var(--v-tabs-default-highlight);
  border-block-end-style: solid;
  border-block-end-width: var(--v-tabs-border-bottom-size);
  display: inline-block;
  padding-block-end: var(--v-tabs-horizontal-padding-block-end);
}

.v-tab .v-button {
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  position: initial;
  --v-button-default-padding-inline: var(--v-tabs-padding-inline);
  --v-button-default-gap: var(--v-tabs-gap);
}

.v-tab .v-button,
.v-tab .v-button-secondary,
.v-tab .v-button-tertiary {
  --v-button-secondary-foreground: var(--v-tabs-foreground-initial);
  --v-button-tertiary-foreground: var(--v-tabs-foreground-initial);
}

.v-tab .v-button .v-icon,
.v-tab .v-button-secondary .v-icon,
.v-tab .v-button-tertiary .v-icon {
  --v-icon-primary: var(--v-tabs-icon-color-initial);
  --v-icon-secondary: var(--v-tabs-icon-color-initial);
}

.v-nav .v-button[aria-current="page"],
.v-tab .v-button[aria-current="page"],
.v-tab .v-button[aria-selected="true"],
.v-tab .v-button-secondary[aria-current="page"],
.v-tab .v-button-secondary[aria-selected="true"],
.v-tab .v-button-tertiary[aria-current="page"],
.v-tab .v-button-tertiary[aria-selected="true"] {
  color: var(--v-tabs-active-foreground);
  --v-button-secondary-background: var(--v-tabs-selected-background);
  --v-button-tertiary-background: var(--v-tabs-selected-background);
}

.v-tab .v-button:hover,
.v-tab .v-button:focus-visible,
.v-tab .v-button:active,
.v-tab .v-button-secondary:hover,
.v-tab .v-button-secondary:focus-visible,
.v-tab .v-button-secondary:active,
.v-tab .v-button-tertiary:hover,
.v-tab .v-button-tertiary:focus-visible,
.v-tab .v-button-tertiary:active {
  --v-icon-primary: var(--v-button-default-foreground);
  --v-icon-secondary: var(--v-button-default-foreground);
}

.v-tab .v-button .v-tab-suffix,
.v-tab .v-button-secondary .v-tab-suffix,
.v-tab .v-button-tertiary .v-tab-suffix {
  --v-icon-primary: var(--v-tabs-suffix-icon-color);
  --v-icon-secondary: var(--v-tabs-suffix-icon-color);
}

.v-tab .v-button:disabled,
.v-tab .v-button-secondary:disabled,
.v-tab .v-button-tertiary:disabled {
  --v-tabs-active-foreground: var(--v-button-default-foreground);
}

.v-tab .v-button:disabled,
.v-tab .v-button:disabled .v-icon,
.v-tab .v-button:disabled .v-tab-suffix,
.v-tab .v-button-secondary:disabled,
.v-tab .v-button-secondary:disabled .v-icon,
.v-tab .v-button-secondary:disabled .v-tab-suffix,
.v-tab .v-button-tertiary:disabled,
.v-tab .v-button-tertiary:disabled .v-icon,
.v-tab .v-button-tertiary:disabled .v-tab-suffix {
  --v-icon-primary: currentColor;
  --v-icon-secondary: currentColor;
}

.v-tab .v-button .v-tab-suffix {
  --v-icon-height: var(--v-tabs-suffix-icon-size);
  --v-icon-width: var(--v-tabs-suffix-icon-size);
  margin-inline-start: auto;
}

.v-tab .v-button:focus-visible {
  --theme-focus-outline-offset: var(--v-tabs-outline-offset);
}

.v-nav .v-button[aria-current="page"],
.v-tab .v-button[aria-current="page"],
.v-tab .v-button[aria-selected="true"] {
  --typography-font-family: var(--typography-label-large-active-font-family);
  --typography-font-size: var(--typography-label-large-active-font-size);
  --typography-font-weight: var(--typography-label-large-active-font-weight);
  --typography-letter-spacing: var(
    --typography-label-large-active-letter-spacing
  );
  --typography-line-height: var(--typography-label-large-active-line-height);
  --typography-text-decoration: var(
    --typography-label-large-active-text-decoration
  );
  --typography-text-transform: var(
    --typography-label-large-active-text-transform
  );
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-tab .v-button-stacked {
  --v-button-default-block-size: var(--v-tabs-stacked-block-size);
  --v-button-default-gap: var(--v-tabs-gap);
}

.v-tab .v-button-stacked:has(.v-badge) {
  --v-button-default-badge-offset-x: -0.5;
  --v-button-default-badge-offset-y: -0.15;
  position: relative;
}

.v-nav .v-tab:has(.v-button[aria-current="page"]),
.v-tab:has(.v-button[aria-current="page"]),
.v-tab:has(.v-button[aria-selected="true"]) {
  --v-tabs-default-highlight: var(--v-tabs-selected-highlight);
  --v-tabs-border-bottom-size: var(--v-tabs-selected-highlight-border-size);
  --v-tabs-horizontal-padding-block-end: var(--v-tabs-active-line-padding);
}

.v-tab:has(.v-button[disabled]) {
  --v-tabs-default-highlight: rgba(0, 0, 0, 0);
}

.v-tabs {
  display: flex;
  flex-direction: var(--v-tabs-direction);
  gap: var(--v-tabs-group-gap);
}

.v-tabs .v-tabs,
.v-tabs.v-tabs,
.v-tabs-horizontal .v-tabs,
.v-tabs-horizontal.v-tabs,
.v-nav-horizontal .v-tabs,
.v-nav-horizontal.v-tabs,
.v-nav:has(.v-tabs) .v-tabs,
.v-nav:has(.v-tabs).v-tabs {
  flex-wrap: wrap;
}

.v-tabs-vertical,
.v-nav-vertical {
  --v-button-default-block-size: var(--v-tabs-vertical-block-size);
  --v-button-default-icon-size: var(--v-tabs-icon-size);
  --v-button-default-justify-content: flex-start;
  --v-button-default-padding-block: var(--v-tabs-vertical-padding-block);
  --v-tabs-direction: column;
  inline-size: 100%;
  position: relative;
}

.v-tabs-vertical .v-tab,
.v-nav-vertical .v-tab {
  border-block-end: 0;
  inline-size: 100%;
  padding-block-end: 0;
  --v-tabs-direction: row;
}

.v-tabs-vertical .v-tab .v-button,
.v-tabs-vertical .v-tab.v-tab-section-title,
.v-nav-vertical .v-tab .v-button,
.v-nav-vertical .v-tab.v-tab-section-title {
  --tabs-margin-inline-start: calc(
    var(--v-tabs-vertical-tab-indent) * var(--v-tabs-vertical-nested-count)
  );
  inline-size: calc(100% - var(--tabs-margin-inline-start));
  margin-inline-start: var(--tabs-margin-inline-start);
  padding-inline-end: var(--v-tabs-vertical-padding-inline-end);
  padding-inline-start: var(--v-tabs-vertical-padding-inline-start);
}

.v-tabs-vertical .v-tab .v-button::before,
.v-tabs-vertical .v-tab.v-tab-section-title::before,
.v-nav-vertical .v-tab .v-button::before,
.v-nav-vertical .v-tab.v-tab-section-title::before {
  content: "";
  position: absolute;
}

.v-tabs-vertical .v-tab .v-button:has(.v-avatar) .v-avatar .v-icon,
.v-tabs-vertical .v-tab .v-button:has(.v-avatar) .v-avatar.v-icon,
.v-tabs-vertical .v-tab.v-tab-section-title:has(.v-avatar) .v-avatar .v-icon,
.v-tabs-vertical .v-tab.v-tab-section-title:has(.v-avatar) .v-avatar.v-icon,
.v-nav-vertical .v-tab .v-button:has(.v-avatar) .v-avatar .v-icon,
.v-nav-vertical .v-tab .v-button:has(.v-avatar) .v-avatar.v-icon,
.v-nav-vertical .v-tab.v-tab-section-title:has(.v-avatar) .v-avatar .v-icon,
.v-nav-vertical .v-tab.v-tab-section-title:has(.v-avatar) .v-avatar.v-icon {
  --v-icon-height: var(--v-tabs-icon-size);
  --v-icon-width: var(--v-tabs-icon-size);
}

.v-tabs-vertical .v-tab .v-button[aria-current="page"]::before,
.v-tabs-vertical .v-tab .v-button[aria-selected="true"]::before,
.v-tabs-vertical .v-tab.v-tab-section-title[aria-current="page"]::before,
.v-tabs-vertical .v-tab.v-tab-section-title[aria-selected="true"]::before,
.v-nav-vertical .v-tab .v-button[aria-current="page"]::before,
.v-nav-vertical .v-tab .v-button[aria-selected="true"]::before,
.v-nav-vertical .v-tab.v-tab-section-title[aria-current="page"]::before,
.v-nav-vertical .v-tab.v-tab-section-title[aria-selected="true"]::before {
  block-size: var(--v-tabs-vertical-block-size);
  border-inline-start: var(--v-tabs-selected-highlight-border-size) solid
    var(--v-tabs-default-highlight);
  content: "";
  left: 0;
}

.v-tabs-vertical .v-tab.v-tab-section-title,
.v-nav-vertical .v-tab.v-tab-section-title {
  --typography-font-family: var(--typography-overline-font-family);
  --typography-font-size: var(--typography-overline-font-size);
  --typography-font-weight: var(--typography-overline-font-weight);
  --typography-letter-spacing: var(--typography-overline-letter-spacing);
  --typography-line-height: var(--typography-overline-line-height);
  --typography-text-decoration: var(--typography-overline-text-decoration);
  --typography-text-transform: var(--typography-overline-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  color: var(--v-tabs-foreground-initial);
  padding-block-end: var(--v-tabs-section-title-padding-block-end);
  padding-block-start: var(--v-tabs-section-title-padding-block-start);
}

.v-tabs-vertical {
  --v-tabs-vertical-nested-count: 1;
}

.v-tabs-vertical .v-tabs-vertical {
  margin-block-start: var(--v-tabs-group-gap);
  --v-tabs-vertical-nested-count: 2;
}

.v-tabs-vertical .v-tabs-vertical .v-tabs-vertical {
  --v-tabs-vertical-nested-count: 3;
}

.v-tabs-vertical .v-tabs-vertical .v-tabs-vertical .v-tab a {
  --tabs-margin-inline-start: calc(
    var(--v-tabs-vertical-tab-indent) * var(--v-tabs-vertical-nested-count)
  );
  margin-inline-start: calc(var(--tabs-margin-inline-start) + 2px);
}

:root,
.v-alternate {
  --v-toggle-background: var(--palette-default-surface-1);
  --v-toggle-foreground: var(--palette-default-text);
  --v-toggle-elevation: var(--elevation-inset);
  --v-toggle-input-appearance: none;
  --v-toggle-input-clip: rect(0, 0, 0, 0);
  --v-toggle-input-position: absolute;
  --v-toggle-padding-block-end: var(--size-scalable-10);
  --v-toggle-padding-block-end-active: calc(
    var(--size-scalable-10) - var(--v-toggle-indicator-size)
  );
  --v-toggle-padding-block-start: var(--size-scalable-10);
  --v-toggle-padding-inline-end: var(--size-scalable-8);
  --v-toggle-padding-inline-start: var(--size-scalable-8);
  --v-toggle-padding: var(--v-toggle-padding-block-start)
    var(--v-toggle-padding-inline-end) var(--v-toggle-padding-block-end)
    var(--v-toggle-padding-inline-start);
  --v-toggle-icon-padding: var(--size-scalable-6);
  --v-toggle-icon-padding-block-end-active: calc(
    var(--size-scalable-6) - var(--v-toggle-indicator-size)
  );
  --v-toggle-text-transform: none;
  --v-toggle-border-none: none;
  --v-toggle-border-inline-end: var(--size-responsive-1) solid
    var(--palette-default-active);
  --v-toggle-container-border: 0 0 0 var(--size-responsive-1)
    var(--palette-default-active);
  --v-toggle-container-border-radius: var(--size-rounded-medium);
  --v-toggle-hover-background: var(--palette-default-surface-highlight);
  --v-toggle-hover-icon-color: var(--palette-default-active-hover);
  --v-toggle-focus-background: var(--palette-default-surface-highlight);
  --v-toggle-focus-icon-color: var(--palette-default-active-hover);
  --v-toggle-focus-offset: calc(-1 * var(--size-responsive-6));
  --v-toggle-indicator-color: var(--palette-default-active);
  --v-toggle-indicator-size: var(--size-responsive-2);
  --v-toggle-indicator-style: solid;
  --v-toggle-active-background: var(--palette-default-surface-3);
  --v-toggle-active-foreground: var(--palette-default-text);
  --v-toggle-active-icon-color: var(--palette-default-active);
  --v-toggle-pressed-background: var(--palette-default-surface-lowlight);
  --v-toggle-pressed-icon-color: var(--palette-default-active-pressed);
  --v-toggle-pressed-indicator-color: var(--palette-default-active-pressed);
  --v-toggle-disabled-background: var(--palette-default-surface-1);
  --v-toggle-disabled-border-color: var(--palette-default-disabled);
  --v-toggle-disabled-border-inline-end: var(--size-responsive-1) solid
    var(--palette-default-disabled);
  --v-toggle-disabled-container-border: 0 0 0 var(--size-responsive-1)
    var(--palette-default-disabled);
  --v-toggle-disabled-foreground: var(--palette-default-disabled);
}

.v-toggle {
  --typography-font-family: var(--typography-label-font-family);
  --typography-font-size: var(--typography-label-font-size);
  --typography-font-weight: var(--typography-label-font-weight);
  --typography-letter-spacing: var(--typography-label-letter-spacing);
  --typography-line-height: var(--typography-label-line-height);
  --typography-text-decoration: var(--typography-label-text-decoration);
  --typography-text-transform: var(--typography-label-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  align-items: center;
  background-color: var(--v-toggle-background);
  block-size: var(--size-responsive-38);
  border-inline-end: var(--v-toggle-border-inline-end);
  color: var(--v-toggle-foreground);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  inline-size: fit-content;
  padding-block-end: var(--v-toggle-padding-block-end);
  padding-block-start: var(--v-toggle-padding-block-start);
  padding-inline-end: var(--v-toggle-padding-inline-end);
  padding-inline-start: var(--v-toggle-padding-inline-start);
  text-transform: var(--v-toggle-text-transform);
}

@container (max-width: 768px) {
  .v-toggle {
    border-block-end: var(--v-toggle-border-inline-end);
    border-inline-end: var(--v-toggle-border-none);
  }
}

.v-toggle:last-child {
  --v-toggle-border-inline-end: var(--v-toggle-border-none);
}

.v-toggle input {
  appearance: var(--v-toggle-input-appearance);
  clip: var(--v-toggle-input-clip);
  position: var(--v-toggle-input-position);
}

.v-toggle:has(input:checked),
.v-toggle[aria-pressed="true"] {
  --typography-font-family: var(--typography-label-active-font-family);
  --typography-font-size: var(--typography-label-active-font-size);
  --typography-font-weight: var(--typography-label-active-font-weight);
  --typography-letter-spacing: var(--typography-label-active-letter-spacing);
  --typography-line-height: var(--typography-label-active-line-height);
  --typography-text-decoration: var(--typography-label-active-text-decoration);
  --typography-text-transform: var(--typography-label-active-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-icon-primary: var(--v-toggle-active-icon-color);
  --v-icon-secondary: var(--v-toggle-active-icon-color);
  --v-toggle-background: var(--v-toggle-active-background);
  --v-toggle-foreground: var(--v-toggle-active-foreground);
  --v-toggle-padding-block-end: var(--v-toggle-padding-block-end-active);
  --typography-text-transform: var(--v-toggle-text-transform);
  border-block-end: var(--v-toggle-indicator-size)
    var(--v-toggle-indicator-style) var(--v-toggle-indicator-color);
  box-shadow: var(--v-toggle-elevation);
}

.v-toggle:has(input:checked):is(.v-toggle-icon),
.v-toggle[aria-pressed="true"]:is(.v-toggle-icon) {
  --v-toggle-padding-block-end: var(--v-toggle-icon-padding-block-end-active);
}

.v-toggle:has(input:checked):hover,
.v-toggle:has(input:checked):focus-visible,
.v-toggle:has(input:checked):has(input[type="radio"]:focus-visible),
.v-toggle:has(input:checked):has(input[type="checkbox"]:focus-visible),
.v-toggle[aria-pressed="true"]:hover,
.v-toggle[aria-pressed="true"]:focus-visible,
.v-toggle[aria-pressed="true"]:has(input[type="radio"]:focus-visible),
.v-toggle[aria-pressed="true"]:has(input[type="checkbox"]:focus-visible) {
  --v-toggle-active-icon-color: var(--v-toggle-hover-icon-color);
  --v-toggle-active-background: var(--v-toggle-hover-background);
}

.v-toggle:has(input:checked):active,
.v-toggle[aria-pressed="true"]:active {
  --v-toggle-active-icon-color: var(--v-toggle-pressed-icon-color);
  --v-toggle-active-background: var(--v-toggle-pressed-background);
}

.v-toggle:hover,
.v-toggle:focus-visible,
.v-toggle:has(input[type="radio"]:focus-visible),
.v-toggle:has(input[type="checkbox"]:focus-visible) {
  --v-icon-primary: var(--v-toggle-hover-icon-color);
  --v-icon-secondary: var(--v-toggle-hover-icon-color);
  --v-toggle-background: var(--v-toggle-hover-background);
}

.v-toggle:focus-visible,
.v-toggle:has(input[type="radio"]:focus-visible),
.v-toggle:has(input[type="checkbox"]:focus-visible) {
  outline-width: var(--theme-focus-outline-size);
  outline-style: dashed;
  outline-color: var(--palette-default-active-pressed);
  outline-offset: var(--theme-focus-outline-offset);
  --theme-focus-outline-offset: var(--v-toggle-focus-offset);
}

.v-toggle:active {
  --v-icon-primary: var(--v-toggle-pressed-icon-color);
  --v-icon-secondary: var(--v-toggle-pressed-icon-color);
  --v-toggle-indicator-color: var(--v-toggle-pressed-indicator-color);
  --v-toggle-background: var(--v-toggle-pressed-background);
}

.v-toggle-container {
  align-items: center;
  border-radius: var(--v-toggle-container-border-radius);
  box-shadow: var(--v-toggle-container-border);
  display: flex;
  flex-direction: row;
  max-inline-size: fit-content;
  overflow: hidden;
  outline: 1px solid rgba(0, 0, 0, 0);
  flex-wrap: wrap;
}

@container (max-width: 768px) {
  .v-toggle-container {
    flex-direction: column;
  }
}

.v-toggle-container:has(input):not(:has(input:not([disabled]))) {
  --v-toggle-container-border: var(--v-toggle-disabled-container-border);
}

.v-toggle-container:has(input):not(:has(input:not([disabled])))
  .v-toggle:not(:last-child) {
  --v-toggle-border-inline-end: var(--v-toggle-disabled-border-inline-end);
}

.v-toggle-container:has(button):not(:has(button:not([disabled]))) {
  --v-toggle-container-border: var(--v-toggle-disabled-container-border);
}

.v-toggle-container:has(button):not(:has(button:not([disabled])))
  .v-toggle:not(:last-child) {
  --v-toggle-border-inline-end: var(--v-toggle-disabled-border-inline-end);
}

.v-toggle:has(input[disabled]),
.v-toggle[disabled] {
  --v-icon-primary: var(--v-toggle-disabled-foreground);
  --v-icon-secondary: var(--v-toggle-disabled-foreground);
  --v-toggle-background: var(--v-toggle-disabled-background);
  --v-toggle-foreground: var(--v-toggle-disabled-foreground);
  cursor: default;
  pointer-events: none;
}

.v-toggle-icon {
  --v-toggle-padding-block-end: var(--v-toggle-icon-padding);
  --v-toggle-padding-block-start: var(--v-toggle-icon-padding);
  --v-toggle-padding-inline-end: var(--v-toggle-icon-padding);
  --v-toggle-padding-inline-start: var(--v-toggle-icon-padding);
  --v-icon-primary: var(--v-toggle-active-icon-color);
  --v-icon-secondary: var(--v-toggle-active-icon-color);
}

:root,
.v-alternate {
  --v-tooltip-border-radius: var(--size-rounded-none);
  --v-tooltip-border-size: 0px;
  --v-tooltip-elevation: var(--elevation-small);
  --v-tooltip-padding: var(--size-scalable-4);
  --v-tooltip-position: absolute;
  --v-tooltip-surface-size: fit-content;
}

.v-tooltip {
  --typography-font-family: var(--typography-label-font-family);
  --typography-font-size: var(--typography-label-font-size);
  --typography-font-weight: var(--typography-label-font-weight);
  --typography-letter-spacing: var(--typography-label-letter-spacing);
  --typography-line-height: var(--typography-label-line-height);
  --typography-text-decoration: var(--typography-label-text-decoration);
  --typography-text-transform: var(--typography-label-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  --v-surface-border-radius: var(--v-tooltip-border-radius);
  --v-surface-border-size: var(--v-tooltip-border-size);
  --v-surface-inline-size: var(--v-tooltip-surface-size);
  box-shadow: var(--v-tooltip-elevation);
  padding: var(--v-tooltip-padding);
  position: var(--v-tooltip-position);
}
:root,
.v-alternate {
  --v-wizard-flex-direction: row;
  --v-wizard-step-background-color: var(--v-action-secondary-background);
  --v-wizard-step-border-width: 0;
  --v-wizard-step-border-color: var(--palette-default-transparent);
  --v-wizard-step-color: var(--palette-default-text-subtle);
  --v-wizard-step-font-weight: var(--typography-body-2-font-weight);
  --v-wizard-step-gap: var(--size-scalable-8);
  --v-wizard-step-padding-block: var(--size-scalable-14);
  --v-wizard-step-padding-inline: var(--size-scalable-12);
  --v-wizard-step-max-inline-size: 226px;
  --v-wizard-step-max-inline-size-md: 603px;
  --v-wizard-step-icon-color: var(--palette-default-active-subtle);
  --v-wizard-vertical-flex-direction: column;
  --v-wizard-vertical-max-inline-size: 235px;
  --v-wizard-compact-gap: var(--size-scalable-40);
  --v-wizard-compact-step-block-size: var(--size-scalable-20);
  --v-wizard-compact-step-rail-color: var(--palette-default-active-subtle);
}

.v-wizard {
  inline-size: 100%;
}

.v-wizard:not(:has(.v-accordion)) {
  display: flex;
  flex-direction: var(--v-wizard-flex-direction);
  flex-wrap: wrap;
}

.v-wizard:not(:has(.v-accordion)).v-wizard-compact {
  flex-wrap: nowrap;
}

.v-wizard-vertical {
  --v-wizard-flex-direction: var(--v-wizard-vertical-flex-direction);
  max-inline-size: var(--v-wizard-vertical-max-inline-size);
}

.v-wizard .v-accordion-toggle-icon-closed {
  --v-accordion-icon-color: var(--v-wizard-step-icon-color);
}

.v-wizard-step {
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
  display: flex;
}

.v-wizard-step:not(:has(.v-button)):not(.v-wizard-compact .v-wizard-step),
.v-wizard-step > .v-button:not(.v-accordion-heading) {
  gap: var(--v-wizard-step-gap);
  padding-block: var(--v-wizard-step-padding-block);
  padding-inline: var(--v-wizard-step-padding-inline);
}

.v-wizard-step:not(:has(.v-button)):not(.v-wizard-compact .v-wizard-step):not(
    .v-wizard-vertical *
  ),
.v-wizard-step > .v-button:not(.v-accordion-heading):not(.v-wizard-vertical *) {
  align-items: flex-start;
}

.v-wizard-step:not(.v-wizard-step > .v-button):not(
    .v-wizard-step.v-accordion
  ):not(:has(.v-badge-stable)):not(:has(.v-badge-critical)) {
  color: var(--v-wizard-step-color);
}

.v-wizard-step
  .v-accordion-heading:not([open]):not([aria-expanded="true"]):not(
    .v-wizard-step
      .v-accordion-heading:not([open]):not([aria-expanded="true"])[disabled]
  ):not(
    .v-wizard-step
      .v-accordion-heading:not([open]):not(
        [aria-expanded="true"]
      )[aria-disabled="true"]
  ) {
  --v-accordion-foreground-initial: var(--palette-default-text-subtle);
}

.v-wizard-step
  .v-accordion-heading:not([open]):not([aria-expanded="true"])
  .v-typography-color-subtle
  .v-badge-subtle:not(.v-badge-active) {
  --v-badge-border-color: var(--palette-default-text-subtle);
  --v-badge-foreground: var(--palette-default-text-subtle);
}

.v-wizard-step
  .v-accordion-heading:not([open]):not([aria-expanded="true"]):hover:not(
    :has(.v-badge-critical)
  ):not(:has(.v-badge-stable))
  .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active),
.v-wizard-step
  .v-accordion-heading:not([open]):not(
    [aria-expanded="true"]
  ):focus-visible:not(:has(.v-badge-critical)):not(:has(.v-badge-stable))
  .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active) {
  --v-badge-foreground: var(--palette-default-active-hover);
  --v-badge-border-color: var(--palette-default-active-hover);
}

.v-wizard-step
  .v-accordion-heading:not([open]):not([aria-expanded="true"]):hover:not(
    :has(.v-badge-critical)
  ):not(:has(.v-badge-stable))
  .v-accordion-toggle-icon,
.v-wizard-step
  .v-accordion-heading:not([open]):not(
    [aria-expanded="true"]
  ):focus-visible:not(:has(.v-badge-critical)):not(:has(.v-badge-stable))
  .v-accordion-toggle-icon {
  --v-accordion-icon-color: var(--palette-default-active-hover);
}

.v-wizard-step
  .v-accordion-heading:not([open]):not([aria-expanded="true"]):active:not(
    :has(.v-badge-critical)
  ):not(:has(.v-badge-stable))
  .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active) {
  --v-badge-foreground: var(--palette-default-active-pressed);
  --v-badge-border-color: var(--palette-default-active-pressed);
}

.v-wizard-step
  .v-accordion-heading:not([open]):not([aria-expanded="true"]):active:not(
    :has(.v-badge-critical)
  ):not(:has(.v-badge-stable))
  .v-accordion-toggle-icon {
  --v-accordion-icon-color: var(--palette-default-active-pressed);
}

.v-wizard-step.v-accordion[open]
  > .v-accordion-heading:not(
    .v-wizard-step.v-accordion[open] > .v-accordion-heading[disabled],
    .v-wizard-step.v-accordion
      > .v-accordion-heading[aria-expanded="true"][disabled]
  ):not(
    .v-wizard-step.v-accordion[open]
      > .v-accordion-heading[aria-disabled="true"],
    .v-wizard-step.v-accordion
      > .v-accordion-heading[aria-expanded="true"][aria-disabled="true"]
  ),
.v-wizard-step.v-accordion
  > .v-accordion-heading[aria-expanded="true"]:not(
    .v-wizard-step.v-accordion[open] > .v-accordion-heading[disabled],
    .v-wizard-step.v-accordion
      > .v-accordion-heading[aria-expanded="true"][disabled]
  ):not(
    .v-wizard-step.v-accordion[open]
      > .v-accordion-heading[aria-disabled="true"],
    .v-wizard-step.v-accordion
      > .v-accordion-heading[aria-expanded="true"][aria-disabled="true"]
  ) {
  --v-accordion-foreground-initial: var(--palette-default-active);
}

.v-wizard-step.v-accordion[open] > .v-accordion-heading:has(.v-badge-critical),
.v-wizard-step.v-accordion
  > .v-accordion-heading[aria-expanded="true"]:has(.v-badge-critical) {
  color: var(--palette-default-text);
}

.v-wizard-step.v-accordion[open]
  > .v-accordion-heading:has(.v-badge-critical)
  .v-badge,
.v-wizard-step.v-accordion
  > .v-accordion-heading[aria-expanded="true"]:has(.v-badge-critical)
  .v-badge {
  --v-badge-background: var(--v-badge-error-icon-color);
  --v-badge-foreground: var(--v-badge-icon-foreground);
}

.v-wizard-step.v-accordion[open]
  > .v-accordion-heading:has(.v-badge-critical)
  .v-accordion-toggle-icon-open,
.v-wizard-step.v-accordion
  > .v-accordion-heading[aria-expanded="true"]:has(.v-badge-critical)
  .v-accordion-toggle-icon-open {
  --v-icon-primary: var(--palette-default-active-subtle);
  --v-icon-secondary: var(--palette-default-active-subtle);
}

.v-wizard-step.v-accordion[open] > .v-accordion-heading:has(.v-badge-stable),
.v-wizard-step.v-accordion
  > .v-accordion-heading[aria-expanded="true"]:has(.v-badge-stable) {
  color: var(--palette-default-text);
}

.v-wizard-step.v-accordion[open]
  > .v-accordion-heading:has(.v-badge-stable)
  .v-badge,
.v-wizard-step.v-accordion
  > .v-accordion-heading[aria-expanded="true"]:has(.v-badge-stable)
  .v-badge {
  --v-badge-background: var(--v-badge-stable-icon-color);
  --v-badge-foreground: var(--v-badge-icon-foreground);
}

.v-wizard-step.v-accordion[open]
  > .v-accordion-heading:has(.v-badge-stable)
  .v-accordion-toggle-icon-open,
.v-wizard-step.v-accordion
  > .v-accordion-heading[aria-expanded="true"]:has(.v-badge-stable)
  .v-accordion-toggle-icon-open {
  --v-icon-primary: var(--palette-default-active-subtle);
  --v-icon-secondary: var(--palette-default-active-subtle);
}

.v-wizard-step:not(.v-accordion):not(.v-wizard-compact > .v-wizard-step):not(
    .v-wizard-vertical .v-wizard-step
  ),
.v-wizard-step
  > .v-button:not(.v-accordion-heading):not(
    :is(.v-wizard-vertical > .v-wizard-step > .v-button)
  ) {
  justify-content: space-between;
  max-inline-size: var(--v-wizard-step-max-inline-size);
  block-size: fit-content;
  text-align: left;
}

.v-wizard-step:not(.v-accordion):not(.v-wizard-compact > .v-wizard-step):not(
    .v-wizard-vertical .v-wizard-step
  )
  .v-badge,
.v-wizard-step
  > .v-button:not(.v-accordion-heading):not(
    :is(.v-wizard-vertical > .v-wizard-step > .v-button)
  )
  .v-badge {
  transform-origin: top;
}

.v-wizard-step:not(.v-accordion):not(.v-wizard-compact > .v-wizard-step):not(
    .v-wizard-vertical .v-wizard-step
  ):not(:has(> .v-button)) {
  flex: 1 0 0;
}

.v-wizard-step > .v-icon,
.v-wizard-step > .v-button:not(.v-accordion-heading) > .v-icon {
  --v-icon-primary: var(--v-wizard-step-icon-color);
  --v-icon-secondary: var(--v-wizard-step-icon-color);
}

.v-wizard-step:has(> .v-button:not(.v-accordion-heading)) {
  display: contents;
}

.v-wizard-step > .v-button:not(.v-accordion-heading) {
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-wizard-step > .v-button {
  display: flex;
  flex: 1;
  align-items: flex-start;
  block-size: unset;
  inline-size: unset;
  padding-block: var(--v-wizard-step-padding-block);
  padding-inline: var(--v-wizard-step-padding-inline);
}

.v-wizard-step > .v-button:not(:has(.v-accordion-toggle-icon)) {
  color: var(--v-wizard-step-color);
}

.v-wizard-step > .v-button:hover,
.v-wizard-step > .v-button:focus-visible {
  color: var(--palette-default-active-hover);
}

.v-wizard-step
  > .v-button:hover
  .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active),
.v-wizard-step
  > .v-button:focus-visible
  .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active) {
  --v-badge-foreground: var(--palette-default-active-hover);
  --v-badge-border-color: var(--palette-default-active-hover);
}

.v-wizard-step > .v-button:active {
  color: var(--palette-default-active-pressed);
}

.v-wizard-step
  > .v-button:active
  .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active) {
  --v-badge-foreground: var(--palette-default-active-pressed);
  --v-badge-border-color: var(--palette-default-active-pressed);
}

.v-wizard-step > .v-button[disabled],
.v-wizard-step > .v-button[aria-disabled="true"] {
  --v-accordion-border-color: var(--palette-default-border);
}

.v-wizard-step .v-badge {
  line-height: 0px;
}

.v-wizard-vertical .v-wizard-step,
.v-wizard-vertical .v-wizard-step > .v-button:not(.v-accordion-heading) {
  justify-content: flex-start;
  align-items: center;
}

.v-wizard-compact .v-wizard-step {
  flex: 1;
  align-items: center;
  position: relative;
  max-inline-size: calc(
    var(--v-wizard-compact-step-block-size) + var(--size-scalable-72)
  );
}

.v-wizard-compact .v-wizard-step .v-badge {
  box-sizing: border-box;
  max-block-size: var(--v-wizard-compact-step-block-size);
  max-inline-size: var(--v-wizard-compact-step-block-size);
  min-block-size: var(--v-wizard-compact-step-block-size);
  min-inline-size: var(--v-wizard-compact-step-block-size);
}

.v-wizard-compact .v-wizard-step:not(:last-child)::after {
  background-color: var(--v-wizard-compact-step-rail-color);
  content: "";
  display: inline-block;
  height: 2px;
  flex: 1;
  min-inline-size: var(--size-scalable-12);
}

.v-wizard-compact .v-wizard-step:last-child {
  flex: 0 0 var(--v-wizard-compact-step-block-size);
}

@media (max-width: 767px) {
  .v-wizard:not(.v-wizard-compact):not(.v-wizard-vertical):not(
      :has(.v-accordion)
    ) {
    --v-wizard-flex-direction: column;
    --v-wizard-step-max-inline-size: var(--v-wizard-step-max-inline-size-md);
    max-inline-size: var(--v-wizard-step-max-inline-size-md);
    padding-inline: calc(
      var(--size-scalable-48) - var(--v-wizard-step-padding-inline)
    );
  }
}

@media (forced-colors: active) {
  .v-badge:not(.v-badge-clear):not(:has(.v-icon)) {
    --v-badge-background: #fff;
    --v-badge-foreground: #000;
    outline: 1px solid #000;
    forced-color-adjust: none;
  }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  .v-badge:not(.v-badge-clear):not(:has(.v-icon)) {
    --v-badge-background: #000;
    --v-badge-foreground: #fff;
    outline: 1px solid #fff;
  }
}

:root,
::backdrop {
  --palette-default-active: #1434cb;
  --palette-default-active-hover: #173be8;
  --palette-default-active-pressed: #0f2595;
  --palette-default-active-subtle: rgba(0, 0, 0, 0.5);
  --palette-default-active-accent: #fcc015;
  --palette-default-surface-1: #ffffff;
  --palette-default-surface-2: #f5f5f5;
  --palette-default-surface-3: #f0f0f0;
  --palette-default-surface-highlight: rgba(179, 215, 255, 0.35);
  --palette-default-surface-lowlight: rgba(179, 215, 255, 0.6);
  --palette-default-text: #000000;
  --palette-default-text-subtle: #4a4a4a;
  --palette-default-text-on-active: #ffffff;
  --palette-default-border: rgba(0, 0, 0, 0.1);
  --palette-default-disabled: rgba(0, 0, 0, 0.2);
  --palette-default-overlay: rgba(20, 34, 57, 0.4);
  --palette-default-transparent: rgba(255, 255, 255, 0);
  --palette-messaging-highlight-positive: rgba(214, 242, 196, 0.35);
  --palette-messaging-lowlight-positive: rgba(214, 242, 196, 0.6);
  --palette-messaging-surface-positive: #d6f2c4;
  --palette-messaging-graphics-positive: #40996b;
  --palette-messaging-text-hover-positive: #327753;
  --palette-messaging-text-positive: #2c6849;
  --palette-messaging-text-pressed-positive: #1a3d2b;
  --palette-messaging-highlight-warning: #ffef99;
  --palette-messaging-graphics-warning: #c38004;
  --palette-messaging-text-warning: #875903;
  --palette-messaging-highlight-negative: rgba(255, 214, 233, 0.35);
  --palette-messaging-lowlight-negative: rgba(255, 214, 233, 0.6);
  --palette-messaging-surface-negative: #ffd6e9;
  --palette-messaging-graphics-negative: #d65151;
  --palette-messaging-text-hover-negative: #c62f2f;
  --palette-messaging-text-negative: #ad2929;
  --palette-messaging-text-pressed-negative: #7c1d1d;
  --palette-messaging-highlight-info: #c7edff;
  --palette-messaging-graphics-info: #0088c7;
  --palette-messaging-text-info: #005e8a;
  --palette-accent-app-name: #1434cb;
}

.v-alternate {
  --palette-default-active: #fcc015;
  --palette-default-active-hover: #fcc936;
  --palette-default-active-pressed: #d39d03;
  --palette-default-active-subtle: rgba(255, 255, 255, 0.5);
  --palette-default-active-accent: #ffffff;
  --palette-default-surface-1: #1434cb;
  --palette-default-surface-2: #122fba;
  --palette-default-surface-3: #112aa7;
  --palette-default-surface-highlight: rgba(2, 30, 76, 0.35);
  --palette-default-surface-lowlight: rgba(2, 30, 76, 0.6);
  --palette-default-text: #ffffff;
  --palette-default-text-subtle: #d9d9d9;
  --palette-default-text-on-active: #021e4c;
  --palette-default-border: rgba(255, 255, 255, 0.1);
  --palette-default-disabled: rgba(255, 255, 255, 0.2);
  --palette-default-overlay: rgba(255, 255, 255, 0.4);
  --palette-default-transparent: rgba(0, 0, 0, 0);
  --palette-accent-app-name: #fff;
}

.v-screen-reader,
.v-sr {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 1px;
  inset-inline-start: -100000px;
  overflow: hidden;
  position: absolute;
  inset-block-start: 0;
  width: 1px;
  z-index: -1;
  white-space: nowrap;
}

.v-elevation-none {
  box-shadow: var(--elevation-none);
}

.v-elevation-inset {
  box-shadow: var(--elevation-inset);
}

.v-elevation-xsmall {
  box-shadow: var(--elevation-xsmall);
}

.v-elevation-small {
  box-shadow: var(--elevation-small);
}

.v-elevation-medium {
  box-shadow: var(--elevation-medium);
}

.v-elevation-large {
  box-shadow: var(--elevation-large);
}

.v-elevation-xlarge {
  box-shadow: var(--elevation-xlarge);
}

.v-elevation-xxlarge {
  box-shadow: var(--elevation-xxlarge);
}

.v-flex {
  display: flex;
}

.v-flex-inline {
  display: inline-flex;
}

.v-flex-col {
  flex-direction: column;
}

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

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

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

.v-flex-wrap {
  flex-wrap: wrap;
}

.v-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.v-flex-nowrap {
  flex-wrap: nowrap;
}

.v-flex-grow {
  flex-grow: 1;
}

.v-flex-shrink {
  flex-shrink: 1;
}

.v-align-content-center {
  align-content: center;
}

.v-align-content-start {
  align-content: flex-start;
}

.v-align-content-end {
  align-content: flex-end;
}

.v-align-content-between {
  align-content: space-between;
}

.v-align-content-around {
  align-content: space-around;
}

.v-align-content-evenly {
  align-content: space-evenly;
}

.v-align-items-start {
  align-items: flex-start;
}

.v-align-items-end {
  align-items: flex-end;
}

.v-align-items-center {
  align-items: center;
}

.v-align-items-baseline {
  align-items: baseline;
}

.v-align-items-stretch {
  align-items: stretch;
}

.v-align-self-start {
  align-self: flex-start;
}

.v-align-self-end {
  align-self: flex-end;
}

.v-align-self-auto {
  align-self: auto;
}

.v-align-self-center {
  align-self: center;
}

.v-align-self-stretch {
  align-self: stretch;
}

.v-align-self-baseline {
  align-self: baseline;
}

.v-justify-content-start {
  justify-content: flex-start;
}

.v-justify-content-end {
  justify-content: flex-end;
}

.v-justify-content-center {
  justify-content: center;
}

.v-justify-content-between {
  justify-content: space-between;
}

.v-justify-content-around {
  justify-content: space-around;
}

.v-justify-content-evenly {
  justify-content: space-evenly;
}

.v-flex-0 {
  flex: 0;
}

.v-flex-1 {
  flex: 1;
}

.v-flex-2 {
  flex: 2;
}

.v-flex-3 {
  flex: 3;
}

.v-flex-4 {
  flex: 4;
}

.v-flex-5 {
  flex: 5;
}

.v-flex-6 {
  flex: 6;
}

.v-flex-7 {
  flex: 7;
}

.v-flex-8 {
  flex: 8;
}

.v-flex-9 {
  flex: 9;
}

.v-flex-10 {
  flex: 10;
}

.v-flex-11 {
  flex: 11;
}

.v-flex-12 {
  flex: 12;
}

.v-flex-grow-0 {
  flex-grow: 0;
}

.v-flex-grow-1 {
  flex-grow: 1;
}

.v-flex-grow-2 {
  flex-grow: 2;
}

.v-flex-grow-3 {
  flex-grow: 3;
}

.v-flex-grow-4 {
  flex-grow: 4;
}

.v-flex-grow-5 {
  flex-grow: 5;
}

.v-flex-grow-6 {
  flex-grow: 6;
}

.v-flex-grow-7 {
  flex-grow: 7;
}

.v-flex-grow-8 {
  flex-grow: 8;
}

.v-flex-grow-9 {
  flex-grow: 9;
}

.v-flex-grow-10 {
  flex-grow: 10;
}

.v-flex-grow-11 {
  flex-grow: 11;
}

.v-flex-grow-12 {
  flex-grow: 12;
}

.v-flex-shrink-0 {
  flex-shrink: 0;
}

.v-flex-shrink-1 {
  flex-shrink: 1;
}

.v-flex-shrink-2 {
  flex-shrink: 2;
}

.v-flex-shrink-3 {
  flex-shrink: 3;
}

.v-flex-shrink-4 {
  flex-shrink: 4;
}

.v-flex-shrink-5 {
  flex-shrink: 5;
}

.v-flex-shrink-6 {
  flex-shrink: 6;
}

.v-flex-shrink-7 {
  flex-shrink: 7;
}

.v-flex-shrink-8 {
  flex-shrink: 8;
}

.v-flex-shrink-9 {
  flex-shrink: 9;
}

.v-flex-shrink-10 {
  flex-shrink: 10;
}

.v-flex-shrink-11 {
  flex-shrink: 11;
}

.v-flex-shrink-12 {
  flex-shrink: 12;
}

:root .v-hide {
  display: none;
}

@container (max-width: 479px) {
  .v-xs-container-hide {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  .v-xs-media-hide {
    display: none;
  }
}

@container ((min-width: 480px) and (max-width: 767px)) {
  .v-sm-container-hide {
    display: none;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .v-sm-media-hide {
    display: none;
  }
}

@container ((min-width: 768px) and (max-width: 1023px)) {
  .v-md-container-hide {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .v-md-media-hide {
    display: none;
  }
}

@container ((min-width: 1024px) and (max-width: 1439px)) {
  .v-lg-container-hide {
    display: none;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  .v-lg-media-hide {
    display: none;
  }
}

@container ((min-width: 1440px) and (max-width: 1599px)) {
  .v-xl-container-hide {
    display: none;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .v-xl-media-hide {
    display: none;
  }
}

@container (min-width: 1600px) {
  .v-xxl-container-hide {
    display: none;
  }
}

@media only screen and (min-width: 1600px) {
  .v-xxl-media-hide {
    display: none;
  }
}

@container (max-width: 767px) {
  .v-mobile-container-hide {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .v-mobile-media-hide {
    display: none;
  }
}

@container (min-width: 768px) {
  .v-desktop-container-hide {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .v-desktop-media-hide {
    display: none;
  }
}

.v-m-0 {
  margin: var(--size-scalable-0);
}

.-v-m-0 {
  margin: calc(var(--size-scalable-0) * -1);
}

.v-mt-0 {
  margin-block-start: var(--size-scalable-0);
}

.-v-mt-0 {
  margin-block-start: calc(var(--size-scalable-0) * -1);
}

.v-mb-0 {
  margin-block-end: var(--size-scalable-0);
}

.-v-mb-0 {
  margin-block-end: calc(var(--size-scalable-0) * -1);
}

.v-ml-0 {
  margin-inline-start: var(--size-scalable-0);
}

.-v-ml-0 {
  margin-inline-start: calc(var(--size-scalable-0) * -1);
}

.v-mr-0 {
  margin-inline-end: var(--size-scalable-0);
}

.-v-mr-0 {
  margin-inline-end: calc(var(--size-scalable-0) * -1);
}

.v-mx-0 {
  margin-inline: var(--size-scalable-0);
}

.-v-mx-0 {
  margin-inline: calc(var(--size-scalable-0) * -1);
}

.v-my-0 {
  margin-block: var(--size-scalable-0);
}

.-v-my-0 {
  margin-block: calc(var(--size-scalable-0) * -1);
}

.v-p-0 {
  padding: var(--size-scalable-0);
}

.-v-p-0 {
  padding: calc(var(--size-scalable-0) * -1);
}

.v-pt-0 {
  padding-block-start: var(--size-scalable-0);
}

.-v-pt-0 {
  padding-block-start: calc(var(--size-scalable-0) * -1);
}

.v-pb-0 {
  padding-block-end: var(--size-scalable-0);
}

.-v-pb-0 {
  padding-block-end: calc(var(--size-scalable-0) * -1);
}

.v-pl-0 {
  padding-inline-start: var(--size-scalable-0);
}

.-v-pl-0 {
  padding-inline-start: calc(var(--size-scalable-0) * -1);
}

.v-pr-0 {
  padding-inline-end: var(--size-scalable-0);
}

.-v-pr-0 {
  padding-inline-end: calc(var(--size-scalable-0) * -1);
}

.v-px-0 {
  padding-inline: var(--size-scalable-0);
}

.-v-px-0 {
  padding-inline: calc(var(--size-scalable-0) * -1);
}

.v-py-0 {
  padding-block: var(--size-scalable-0);
}

.-v-py-0 {
  padding-block: calc(var(--size-scalable-0) * -1);
}

.v-gap-0 {
  gap: var(--size-scalable-0);
}

.-v-gap-0 {
  gap: -0px;
}

.v-col-gap-0 {
  column-gap: var(--size-scalable-0);
}

.-v-col-gap-0 {
  column-gap: calc(var(--size-scalable-0) * -1);
}

.v-row-gap-0 {
  row-gap: var(--size-scalable-0);
}

.-v-row-gap-0 {
  row-gap: calc(var(--size-scalable-0) * -1);
}

.v-m-1 {
  margin: var(--size-scalable-1);
}

.-v-m-1 {
  margin: calc(var(--size-scalable-1) * -1);
}

.v-mt-1 {
  margin-block-start: var(--size-scalable-1);
}

.-v-mt-1 {
  margin-block-start: calc(var(--size-scalable-1) * -1);
}

.v-mb-1 {
  margin-block-end: var(--size-scalable-1);
}

.-v-mb-1 {
  margin-block-end: calc(var(--size-scalable-1) * -1);
}

.v-ml-1 {
  margin-inline-start: var(--size-scalable-1);
}

.-v-ml-1 {
  margin-inline-start: calc(var(--size-scalable-1) * -1);
}

.v-mr-1 {
  margin-inline-end: var(--size-scalable-1);
}

.-v-mr-1 {
  margin-inline-end: calc(var(--size-scalable-1) * -1);
}

.v-mx-1 {
  margin-inline: var(--size-scalable-1);
}

.-v-mx-1 {
  margin-inline: calc(var(--size-scalable-1) * -1);
}

.v-my-1 {
  margin-block: var(--size-scalable-1);
}

.-v-my-1 {
  margin-block: calc(var(--size-scalable-1) * -1);
}

.v-p-1 {
  padding: var(--size-scalable-1);
}

.-v-p-1 {
  padding: calc(var(--size-scalable-1) * -1);
}

.v-pt-1 {
  padding-block-start: var(--size-scalable-1);
}

.-v-pt-1 {
  padding-block-start: calc(var(--size-scalable-1) * -1);
}

.v-pb-1 {
  padding-block-end: var(--size-scalable-1);
}

.-v-pb-1 {
  padding-block-end: calc(var(--size-scalable-1) * -1);
}

.v-pl-1 {
  padding-inline-start: var(--size-scalable-1);
}

.-v-pl-1 {
  padding-inline-start: calc(var(--size-scalable-1) * -1);
}

.v-pr-1 {
  padding-inline-end: var(--size-scalable-1);
}

.-v-pr-1 {
  padding-inline-end: calc(var(--size-scalable-1) * -1);
}

.v-px-1 {
  padding-inline: var(--size-scalable-1);
}

.-v-px-1 {
  padding-inline: calc(var(--size-scalable-1) * -1);
}

.v-py-1 {
  padding-block: var(--size-scalable-1);
}

.-v-py-1 {
  padding-block: calc(var(--size-scalable-1) * -1);
}

.v-gap-1 {
  gap: var(--size-scalable-1);
}

.-v-gap-1 {
  gap: -1px;
}

.v-col-gap-1 {
  column-gap: var(--size-scalable-1);
}

.-v-col-gap-1 {
  column-gap: calc(var(--size-scalable-1) * -1);
}

.v-row-gap-1 {
  row-gap: var(--size-scalable-1);
}

.-v-row-gap-1 {
  row-gap: calc(var(--size-scalable-1) * -1);
}

.v-m-2 {
  margin: var(--size-scalable-2);
}

.-v-m-2 {
  margin: calc(var(--size-scalable-2) * -1);
}

.v-mt-2 {
  margin-block-start: var(--size-scalable-2);
}

.-v-mt-2 {
  margin-block-start: calc(var(--size-scalable-2) * -1);
}

.v-mb-2 {
  margin-block-end: var(--size-scalable-2);
}

.-v-mb-2 {
  margin-block-end: calc(var(--size-scalable-2) * -1);
}

.v-ml-2 {
  margin-inline-start: var(--size-scalable-2);
}

.-v-ml-2 {
  margin-inline-start: calc(var(--size-scalable-2) * -1);
}

.v-mr-2 {
  margin-inline-end: var(--size-scalable-2);
}

.-v-mr-2 {
  margin-inline-end: calc(var(--size-scalable-2) * -1);
}

.v-mx-2 {
  margin-inline: var(--size-scalable-2);
}

.-v-mx-2 {
  margin-inline: calc(var(--size-scalable-2) * -1);
}

.v-my-2 {
  margin-block: var(--size-scalable-2);
}

.-v-my-2 {
  margin-block: calc(var(--size-scalable-2) * -1);
}

.v-p-2 {
  padding: var(--size-scalable-2);
}

.-v-p-2 {
  padding: calc(var(--size-scalable-2) * -1);
}

.v-pt-2 {
  padding-block-start: var(--size-scalable-2);
}

.-v-pt-2 {
  padding-block-start: calc(var(--size-scalable-2) * -1);
}

.v-pb-2 {
  padding-block-end: var(--size-scalable-2);
}

.-v-pb-2 {
  padding-block-end: calc(var(--size-scalable-2) * -1);
}

.v-pl-2 {
  padding-inline-start: var(--size-scalable-2);
}

.-v-pl-2 {
  padding-inline-start: calc(var(--size-scalable-2) * -1);
}

.v-pr-2 {
  padding-inline-end: var(--size-scalable-2);
}

.-v-pr-2 {
  padding-inline-end: calc(var(--size-scalable-2) * -1);
}

.v-px-2 {
  padding-inline: var(--size-scalable-2);
}

.-v-px-2 {
  padding-inline: calc(var(--size-scalable-2) * -1);
}

.v-py-2 {
  padding-block: var(--size-scalable-2);
}

.-v-py-2 {
  padding-block: calc(var(--size-scalable-2) * -1);
}

.v-gap-2 {
  gap: var(--size-scalable-2);
}

.-v-gap-2 {
  gap: -2px;
}

.v-col-gap-2 {
  column-gap: var(--size-scalable-2);
}

.-v-col-gap-2 {
  column-gap: calc(var(--size-scalable-2) * -1);
}

.v-row-gap-2 {
  row-gap: var(--size-scalable-2);
}

.-v-row-gap-2 {
  row-gap: calc(var(--size-scalable-2) * -1);
}

.v-m-3 {
  margin: var(--size-scalable-3);
}

.-v-m-3 {
  margin: calc(var(--size-scalable-3) * -1);
}

.v-mt-3 {
  margin-block-start: var(--size-scalable-3);
}

.-v-mt-3 {
  margin-block-start: calc(var(--size-scalable-3) * -1);
}

.v-mb-3 {
  margin-block-end: var(--size-scalable-3);
}

.-v-mb-3 {
  margin-block-end: calc(var(--size-scalable-3) * -1);
}

.v-ml-3 {
  margin-inline-start: var(--size-scalable-3);
}

.-v-ml-3 {
  margin-inline-start: calc(var(--size-scalable-3) * -1);
}

.v-mr-3 {
  margin-inline-end: var(--size-scalable-3);
}

.-v-mr-3 {
  margin-inline-end: calc(var(--size-scalable-3) * -1);
}

.v-mx-3 {
  margin-inline: var(--size-scalable-3);
}

.-v-mx-3 {
  margin-inline: calc(var(--size-scalable-3) * -1);
}

.v-my-3 {
  margin-block: var(--size-scalable-3);
}

.-v-my-3 {
  margin-block: calc(var(--size-scalable-3) * -1);
}

.v-p-3 {
  padding: var(--size-scalable-3);
}

.-v-p-3 {
  padding: calc(var(--size-scalable-3) * -1);
}

.v-pt-3 {
  padding-block-start: var(--size-scalable-3);
}

.-v-pt-3 {
  padding-block-start: calc(var(--size-scalable-3) * -1);
}

.v-pb-3 {
  padding-block-end: var(--size-scalable-3);
}

.-v-pb-3 {
  padding-block-end: calc(var(--size-scalable-3) * -1);
}

.v-pl-3 {
  padding-inline-start: var(--size-scalable-3);
}

.-v-pl-3 {
  padding-inline-start: calc(var(--size-scalable-3) * -1);
}

.v-pr-3 {
  padding-inline-end: var(--size-scalable-3);
}

.-v-pr-3 {
  padding-inline-end: calc(var(--size-scalable-3) * -1);
}

.v-px-3 {
  padding-inline: var(--size-scalable-3);
}

.-v-px-3 {
  padding-inline: calc(var(--size-scalable-3) * -1);
}

.v-py-3 {
  padding-block: var(--size-scalable-3);
}

.-v-py-3 {
  padding-block: calc(var(--size-scalable-3) * -1);
}

.v-gap-3 {
  gap: var(--size-scalable-3);
}

.-v-gap-3 {
  gap: -3px;
}

.v-col-gap-3 {
  column-gap: var(--size-scalable-3);
}

.-v-col-gap-3 {
  column-gap: calc(var(--size-scalable-3) * -1);
}

.v-row-gap-3 {
  row-gap: var(--size-scalable-3);
}

.-v-row-gap-3 {
  row-gap: calc(var(--size-scalable-3) * -1);
}

.v-m-4 {
  margin: var(--size-scalable-4);
}

.-v-m-4 {
  margin: calc(var(--size-scalable-4) * -1);
}

.v-mt-4 {
  margin-block-start: var(--size-scalable-4);
}

.-v-mt-4 {
  margin-block-start: calc(var(--size-scalable-4) * -1);
}

.v-mb-4 {
  margin-block-end: var(--size-scalable-4);
}

.-v-mb-4 {
  margin-block-end: calc(var(--size-scalable-4) * -1);
}

.v-ml-4 {
  margin-inline-start: var(--size-scalable-4);
}

.-v-ml-4 {
  margin-inline-start: calc(var(--size-scalable-4) * -1);
}

.v-mr-4 {
  margin-inline-end: var(--size-scalable-4);
}

.-v-mr-4 {
  margin-inline-end: calc(var(--size-scalable-4) * -1);
}

.v-mx-4 {
  margin-inline: var(--size-scalable-4);
}

.-v-mx-4 {
  margin-inline: calc(var(--size-scalable-4) * -1);
}

.v-my-4 {
  margin-block: var(--size-scalable-4);
}

.-v-my-4 {
  margin-block: calc(var(--size-scalable-4) * -1);
}

.v-p-4 {
  padding: var(--size-scalable-4);
}

.-v-p-4 {
  padding: calc(var(--size-scalable-4) * -1);
}

.v-pt-4 {
  padding-block-start: var(--size-scalable-4);
}

.-v-pt-4 {
  padding-block-start: calc(var(--size-scalable-4) * -1);
}

.v-pb-4 {
  padding-block-end: var(--size-scalable-4);
}

.-v-pb-4 {
  padding-block-end: calc(var(--size-scalable-4) * -1);
}

.v-pl-4 {
  padding-inline-start: var(--size-scalable-4);
}

.-v-pl-4 {
  padding-inline-start: calc(var(--size-scalable-4) * -1);
}

.v-pr-4 {
  padding-inline-end: var(--size-scalable-4);
}

.-v-pr-4 {
  padding-inline-end: calc(var(--size-scalable-4) * -1);
}

.v-px-4 {
  padding-inline: var(--size-scalable-4);
}

.-v-px-4 {
  padding-inline: calc(var(--size-scalable-4) * -1);
}

.v-py-4 {
  padding-block: var(--size-scalable-4);
}

.-v-py-4 {
  padding-block: calc(var(--size-scalable-4) * -1);
}

.v-gap-4 {
  gap: var(--size-scalable-4);
}

.-v-gap-4 {
  gap: -4px;
}

.v-col-gap-4 {
  column-gap: var(--size-scalable-4);
}

.-v-col-gap-4 {
  column-gap: calc(var(--size-scalable-4) * -1);
}

.v-row-gap-4 {
  row-gap: var(--size-scalable-4);
}

.-v-row-gap-4 {
  row-gap: calc(var(--size-scalable-4) * -1);
}

.v-m-5 {
  margin: var(--size-scalable-5);
}

.-v-m-5 {
  margin: calc(var(--size-scalable-5) * -1);
}

.v-mt-5 {
  margin-block-start: var(--size-scalable-5);
}

.-v-mt-5 {
  margin-block-start: calc(var(--size-scalable-5) * -1);
}

.v-mb-5 {
  margin-block-end: var(--size-scalable-5);
}

.-v-mb-5 {
  margin-block-end: calc(var(--size-scalable-5) * -1);
}

.v-ml-5 {
  margin-inline-start: var(--size-scalable-5);
}

.-v-ml-5 {
  margin-inline-start: calc(var(--size-scalable-5) * -1);
}

.v-mr-5 {
  margin-inline-end: var(--size-scalable-5);
}

.-v-mr-5 {
  margin-inline-end: calc(var(--size-scalable-5) * -1);
}

.v-mx-5 {
  margin-inline: var(--size-scalable-5);
}

.-v-mx-5 {
  margin-inline: calc(var(--size-scalable-5) * -1);
}

.v-my-5 {
  margin-block: var(--size-scalable-5);
}

.-v-my-5 {
  margin-block: calc(var(--size-scalable-5) * -1);
}

.v-p-5 {
  padding: var(--size-scalable-5);
}

.-v-p-5 {
  padding: calc(var(--size-scalable-5) * -1);
}

.v-pt-5 {
  padding-block-start: var(--size-scalable-5);
}

.-v-pt-5 {
  padding-block-start: calc(var(--size-scalable-5) * -1);
}

.v-pb-5 {
  padding-block-end: var(--size-scalable-5);
}

.-v-pb-5 {
  padding-block-end: calc(var(--size-scalable-5) * -1);
}

.v-pl-5 {
  padding-inline-start: var(--size-scalable-5);
}

.-v-pl-5 {
  padding-inline-start: calc(var(--size-scalable-5) * -1);
}

.v-pr-5 {
  padding-inline-end: var(--size-scalable-5);
}

.-v-pr-5 {
  padding-inline-end: calc(var(--size-scalable-5) * -1);
}

.v-px-5 {
  padding-inline: var(--size-scalable-5);
}

.-v-px-5 {
  padding-inline: calc(var(--size-scalable-5) * -1);
}

.v-py-5 {
  padding-block: var(--size-scalable-5);
}

.-v-py-5 {
  padding-block: calc(var(--size-scalable-5) * -1);
}

.v-gap-5 {
  gap: var(--size-scalable-5);
}

.-v-gap-5 {
  gap: -5px;
}

.v-col-gap-5 {
  column-gap: var(--size-scalable-5);
}

.-v-col-gap-5 {
  column-gap: calc(var(--size-scalable-5) * -1);
}

.v-row-gap-5 {
  row-gap: var(--size-scalable-5);
}

.-v-row-gap-5 {
  row-gap: calc(var(--size-scalable-5) * -1);
}

.v-m-6 {
  margin: var(--size-scalable-6);
}

.-v-m-6 {
  margin: calc(var(--size-scalable-6) * -1);
}

.v-mt-6 {
  margin-block-start: var(--size-scalable-6);
}

.-v-mt-6 {
  margin-block-start: calc(var(--size-scalable-6) * -1);
}

.v-mb-6 {
  margin-block-end: var(--size-scalable-6);
}

.-v-mb-6 {
  margin-block-end: calc(var(--size-scalable-6) * -1);
}

.v-ml-6 {
  margin-inline-start: var(--size-scalable-6);
}

.-v-ml-6 {
  margin-inline-start: calc(var(--size-scalable-6) * -1);
}

.v-mr-6 {
  margin-inline-end: var(--size-scalable-6);
}

.-v-mr-6 {
  margin-inline-end: calc(var(--size-scalable-6) * -1);
}

.v-mx-6 {
  margin-inline: var(--size-scalable-6);
}

.-v-mx-6 {
  margin-inline: calc(var(--size-scalable-6) * -1);
}

.v-my-6 {
  margin-block: var(--size-scalable-6);
}

.-v-my-6 {
  margin-block: calc(var(--size-scalable-6) * -1);
}

.v-p-6 {
  padding: var(--size-scalable-6);
}

.-v-p-6 {
  padding: calc(var(--size-scalable-6) * -1);
}

.v-pt-6 {
  padding-block-start: var(--size-scalable-6);
}

.-v-pt-6 {
  padding-block-start: calc(var(--size-scalable-6) * -1);
}

.v-pb-6 {
  padding-block-end: var(--size-scalable-6);
}

.-v-pb-6 {
  padding-block-end: calc(var(--size-scalable-6) * -1);
}

.v-pl-6 {
  padding-inline-start: var(--size-scalable-6);
}

.-v-pl-6 {
  padding-inline-start: calc(var(--size-scalable-6) * -1);
}

.v-pr-6 {
  padding-inline-end: var(--size-scalable-6);
}

.-v-pr-6 {
  padding-inline-end: calc(var(--size-scalable-6) * -1);
}

.v-px-6 {
  padding-inline: var(--size-scalable-6);
}

.-v-px-6 {
  padding-inline: calc(var(--size-scalable-6) * -1);
}

.v-py-6 {
  padding-block: var(--size-scalable-6);
}

.-v-py-6 {
  padding-block: calc(var(--size-scalable-6) * -1);
}

.v-gap-6 {
  gap: var(--size-scalable-6);
}

.-v-gap-6 {
  gap: -6px;
}

.v-col-gap-6 {
  column-gap: var(--size-scalable-6);
}

.-v-col-gap-6 {
  column-gap: calc(var(--size-scalable-6) * -1);
}

.v-row-gap-6 {
  row-gap: var(--size-scalable-6);
}

.-v-row-gap-6 {
  row-gap: calc(var(--size-scalable-6) * -1);
}

.v-m-7 {
  margin: var(--size-scalable-7);
}

.-v-m-7 {
  margin: calc(var(--size-scalable-7) * -1);
}

.v-mt-7 {
  margin-block-start: var(--size-scalable-7);
}

.-v-mt-7 {
  margin-block-start: calc(var(--size-scalable-7) * -1);
}

.v-mb-7 {
  margin-block-end: var(--size-scalable-7);
}

.-v-mb-7 {
  margin-block-end: calc(var(--size-scalable-7) * -1);
}

.v-ml-7 {
  margin-inline-start: var(--size-scalable-7);
}

.-v-ml-7 {
  margin-inline-start: calc(var(--size-scalable-7) * -1);
}

.v-mr-7 {
  margin-inline-end: var(--size-scalable-7);
}

.-v-mr-7 {
  margin-inline-end: calc(var(--size-scalable-7) * -1);
}

.v-mx-7 {
  margin-inline: var(--size-scalable-7);
}

.-v-mx-7 {
  margin-inline: calc(var(--size-scalable-7) * -1);
}

.v-my-7 {
  margin-block: var(--size-scalable-7);
}

.-v-my-7 {
  margin-block: calc(var(--size-scalable-7) * -1);
}

.v-p-7 {
  padding: var(--size-scalable-7);
}

.-v-p-7 {
  padding: calc(var(--size-scalable-7) * -1);
}

.v-pt-7 {
  padding-block-start: var(--size-scalable-7);
}

.-v-pt-7 {
  padding-block-start: calc(var(--size-scalable-7) * -1);
}

.v-pb-7 {
  padding-block-end: var(--size-scalable-7);
}

.-v-pb-7 {
  padding-block-end: calc(var(--size-scalable-7) * -1);
}

.v-pl-7 {
  padding-inline-start: var(--size-scalable-7);
}

.-v-pl-7 {
  padding-inline-start: calc(var(--size-scalable-7) * -1);
}

.v-pr-7 {
  padding-inline-end: var(--size-scalable-7);
}

.-v-pr-7 {
  padding-inline-end: calc(var(--size-scalable-7) * -1);
}

.v-px-7 {
  padding-inline: var(--size-scalable-7);
}

.-v-px-7 {
  padding-inline: calc(var(--size-scalable-7) * -1);
}

.v-py-7 {
  padding-block: var(--size-scalable-7);
}

.-v-py-7 {
  padding-block: calc(var(--size-scalable-7) * -1);
}

.v-gap-7 {
  gap: var(--size-scalable-7);
}

.-v-gap-7 {
  gap: -7px;
}

.v-col-gap-7 {
  column-gap: var(--size-scalable-7);
}

.-v-col-gap-7 {
  column-gap: calc(var(--size-scalable-7) * -1);
}

.v-row-gap-7 {
  row-gap: var(--size-scalable-7);
}

.-v-row-gap-7 {
  row-gap: calc(var(--size-scalable-7) * -1);
}

.v-m-8 {
  margin: var(--size-scalable-8);
}

.-v-m-8 {
  margin: calc(var(--size-scalable-8) * -1);
}

.v-mt-8 {
  margin-block-start: var(--size-scalable-8);
}

.-v-mt-8 {
  margin-block-start: calc(var(--size-scalable-8) * -1);
}

.v-mb-8 {
  margin-block-end: var(--size-scalable-8);
}

.-v-mb-8 {
  margin-block-end: calc(var(--size-scalable-8) * -1);
}

.v-ml-8 {
  margin-inline-start: var(--size-scalable-8);
}

.-v-ml-8 {
  margin-inline-start: calc(var(--size-scalable-8) * -1);
}

.v-mr-8 {
  margin-inline-end: var(--size-scalable-8);
}

.-v-mr-8 {
  margin-inline-end: calc(var(--size-scalable-8) * -1);
}

.v-mx-8 {
  margin-inline: var(--size-scalable-8);
}

.-v-mx-8 {
  margin-inline: calc(var(--size-scalable-8) * -1);
}

.v-my-8 {
  margin-block: var(--size-scalable-8);
}

.-v-my-8 {
  margin-block: calc(var(--size-scalable-8) * -1);
}

.v-p-8 {
  padding: var(--size-scalable-8);
}

.-v-p-8 {
  padding: calc(var(--size-scalable-8) * -1);
}

.v-pt-8 {
  padding-block-start: var(--size-scalable-8);
}

.-v-pt-8 {
  padding-block-start: calc(var(--size-scalable-8) * -1);
}

.v-pb-8 {
  padding-block-end: var(--size-scalable-8);
}

.-v-pb-8 {
  padding-block-end: calc(var(--size-scalable-8) * -1);
}

.v-pl-8 {
  padding-inline-start: var(--size-scalable-8);
}

.-v-pl-8 {
  padding-inline-start: calc(var(--size-scalable-8) * -1);
}

.v-pr-8 {
  padding-inline-end: var(--size-scalable-8);
}

.-v-pr-8 {
  padding-inline-end: calc(var(--size-scalable-8) * -1);
}

.v-px-8 {
  padding-inline: var(--size-scalable-8);
}

.-v-px-8 {
  padding-inline: calc(var(--size-scalable-8) * -1);
}

.v-py-8 {
  padding-block: var(--size-scalable-8);
}

.-v-py-8 {
  padding-block: calc(var(--size-scalable-8) * -1);
}

.v-gap-8 {
  gap: var(--size-scalable-8);
}

.-v-gap-8 {
  gap: -8px;
}

.v-col-gap-8 {
  column-gap: var(--size-scalable-8);
}

.-v-col-gap-8 {
  column-gap: calc(var(--size-scalable-8) * -1);
}

.v-row-gap-8 {
  row-gap: var(--size-scalable-8);
}

.-v-row-gap-8 {
  row-gap: calc(var(--size-scalable-8) * -1);
}

.v-m-9 {
  margin: var(--size-scalable-9);
}

.-v-m-9 {
  margin: calc(var(--size-scalable-9) * -1);
}

.v-mt-9 {
  margin-block-start: var(--size-scalable-9);
}

.-v-mt-9 {
  margin-block-start: calc(var(--size-scalable-9) * -1);
}

.v-mb-9 {
  margin-block-end: var(--size-scalable-9);
}

.-v-mb-9 {
  margin-block-end: calc(var(--size-scalable-9) * -1);
}

.v-ml-9 {
  margin-inline-start: var(--size-scalable-9);
}

.-v-ml-9 {
  margin-inline-start: calc(var(--size-scalable-9) * -1);
}

.v-mr-9 {
  margin-inline-end: var(--size-scalable-9);
}

.-v-mr-9 {
  margin-inline-end: calc(var(--size-scalable-9) * -1);
}

.v-mx-9 {
  margin-inline: var(--size-scalable-9);
}

.-v-mx-9 {
  margin-inline: calc(var(--size-scalable-9) * -1);
}

.v-my-9 {
  margin-block: var(--size-scalable-9);
}

.-v-my-9 {
  margin-block: calc(var(--size-scalable-9) * -1);
}

.v-p-9 {
  padding: var(--size-scalable-9);
}

.-v-p-9 {
  padding: calc(var(--size-scalable-9) * -1);
}

.v-pt-9 {
  padding-block-start: var(--size-scalable-9);
}

.-v-pt-9 {
  padding-block-start: calc(var(--size-scalable-9) * -1);
}

.v-pb-9 {
  padding-block-end: var(--size-scalable-9);
}

.-v-pb-9 {
  padding-block-end: calc(var(--size-scalable-9) * -1);
}

.v-pl-9 {
  padding-inline-start: var(--size-scalable-9);
}

.-v-pl-9 {
  padding-inline-start: calc(var(--size-scalable-9) * -1);
}

.v-pr-9 {
  padding-inline-end: var(--size-scalable-9);
}

.-v-pr-9 {
  padding-inline-end: calc(var(--size-scalable-9) * -1);
}

.v-px-9 {
  padding-inline: var(--size-scalable-9);
}

.-v-px-9 {
  padding-inline: calc(var(--size-scalable-9) * -1);
}

.v-py-9 {
  padding-block: var(--size-scalable-9);
}

.-v-py-9 {
  padding-block: calc(var(--size-scalable-9) * -1);
}

.v-gap-9 {
  gap: var(--size-scalable-9);
}

.-v-gap-9 {
  gap: -9px;
}

.v-col-gap-9 {
  column-gap: var(--size-scalable-9);
}

.-v-col-gap-9 {
  column-gap: calc(var(--size-scalable-9) * -1);
}

.v-row-gap-9 {
  row-gap: var(--size-scalable-9);
}

.-v-row-gap-9 {
  row-gap: calc(var(--size-scalable-9) * -1);
}

.v-m-10 {
  margin: var(--size-scalable-10);
}

.-v-m-10 {
  margin: calc(var(--size-scalable-10) * -1);
}

.v-mt-10 {
  margin-block-start: var(--size-scalable-10);
}

.-v-mt-10 {
  margin-block-start: calc(var(--size-scalable-10) * -1);
}

.v-mb-10 {
  margin-block-end: var(--size-scalable-10);
}

.-v-mb-10 {
  margin-block-end: calc(var(--size-scalable-10) * -1);
}

.v-ml-10 {
  margin-inline-start: var(--size-scalable-10);
}

.-v-ml-10 {
  margin-inline-start: calc(var(--size-scalable-10) * -1);
}

.v-mr-10 {
  margin-inline-end: var(--size-scalable-10);
}

.-v-mr-10 {
  margin-inline-end: calc(var(--size-scalable-10) * -1);
}

.v-mx-10 {
  margin-inline: var(--size-scalable-10);
}

.-v-mx-10 {
  margin-inline: calc(var(--size-scalable-10) * -1);
}

.v-my-10 {
  margin-block: var(--size-scalable-10);
}

.-v-my-10 {
  margin-block: calc(var(--size-scalable-10) * -1);
}

.v-p-10 {
  padding: var(--size-scalable-10);
}

.-v-p-10 {
  padding: calc(var(--size-scalable-10) * -1);
}

.v-pt-10 {
  padding-block-start: var(--size-scalable-10);
}

.-v-pt-10 {
  padding-block-start: calc(var(--size-scalable-10) * -1);
}

.v-pb-10 {
  padding-block-end: var(--size-scalable-10);
}

.-v-pb-10 {
  padding-block-end: calc(var(--size-scalable-10) * -1);
}

.v-pl-10 {
  padding-inline-start: var(--size-scalable-10);
}

.-v-pl-10 {
  padding-inline-start: calc(var(--size-scalable-10) * -1);
}

.v-pr-10 {
  padding-inline-end: var(--size-scalable-10);
}

.-v-pr-10 {
  padding-inline-end: calc(var(--size-scalable-10) * -1);
}

.v-px-10 {
  padding-inline: var(--size-scalable-10);
}

.-v-px-10 {
  padding-inline: calc(var(--size-scalable-10) * -1);
}

.v-py-10 {
  padding-block: var(--size-scalable-10);
}

.-v-py-10 {
  padding-block: calc(var(--size-scalable-10) * -1);
}

.v-gap-10 {
  gap: var(--size-scalable-10);
}

.-v-gap-10 {
  gap: -10px;
}

.v-col-gap-10 {
  column-gap: var(--size-scalable-10);
}

.-v-col-gap-10 {
  column-gap: calc(var(--size-scalable-10) * -1);
}

.v-row-gap-10 {
  row-gap: var(--size-scalable-10);
}

.-v-row-gap-10 {
  row-gap: calc(var(--size-scalable-10) * -1);
}

.v-m-11 {
  margin: var(--size-scalable-11);
}

.-v-m-11 {
  margin: calc(var(--size-scalable-11) * -1);
}

.v-mt-11 {
  margin-block-start: var(--size-scalable-11);
}

.-v-mt-11 {
  margin-block-start: calc(var(--size-scalable-11) * -1);
}

.v-mb-11 {
  margin-block-end: var(--size-scalable-11);
}

.-v-mb-11 {
  margin-block-end: calc(var(--size-scalable-11) * -1);
}

.v-ml-11 {
  margin-inline-start: var(--size-scalable-11);
}

.-v-ml-11 {
  margin-inline-start: calc(var(--size-scalable-11) * -1);
}

.v-mr-11 {
  margin-inline-end: var(--size-scalable-11);
}

.-v-mr-11 {
  margin-inline-end: calc(var(--size-scalable-11) * -1);
}

.v-mx-11 {
  margin-inline: var(--size-scalable-11);
}

.-v-mx-11 {
  margin-inline: calc(var(--size-scalable-11) * -1);
}

.v-my-11 {
  margin-block: var(--size-scalable-11);
}

.-v-my-11 {
  margin-block: calc(var(--size-scalable-11) * -1);
}

.v-p-11 {
  padding: var(--size-scalable-11);
}

.-v-p-11 {
  padding: calc(var(--size-scalable-11) * -1);
}

.v-pt-11 {
  padding-block-start: var(--size-scalable-11);
}

.-v-pt-11 {
  padding-block-start: calc(var(--size-scalable-11) * -1);
}

.v-pb-11 {
  padding-block-end: var(--size-scalable-11);
}

.-v-pb-11 {
  padding-block-end: calc(var(--size-scalable-11) * -1);
}

.v-pl-11 {
  padding-inline-start: var(--size-scalable-11);
}

.-v-pl-11 {
  padding-inline-start: calc(var(--size-scalable-11) * -1);
}

.v-pr-11 {
  padding-inline-end: var(--size-scalable-11);
}

.-v-pr-11 {
  padding-inline-end: calc(var(--size-scalable-11) * -1);
}

.v-px-11 {
  padding-inline: var(--size-scalable-11);
}

.-v-px-11 {
  padding-inline: calc(var(--size-scalable-11) * -1);
}

.v-py-11 {
  padding-block: var(--size-scalable-11);
}

.-v-py-11 {
  padding-block: calc(var(--size-scalable-11) * -1);
}

.v-gap-11 {
  gap: var(--size-scalable-11);
}

.-v-gap-11 {
  gap: -11px;
}

.v-col-gap-11 {
  column-gap: var(--size-scalable-11);
}

.-v-col-gap-11 {
  column-gap: calc(var(--size-scalable-11) * -1);
}

.v-row-gap-11 {
  row-gap: var(--size-scalable-11);
}

.-v-row-gap-11 {
  row-gap: calc(var(--size-scalable-11) * -1);
}

.v-m-12 {
  margin: var(--size-scalable-12);
}

.-v-m-12 {
  margin: calc(var(--size-scalable-12) * -1);
}

.v-mt-12 {
  margin-block-start: var(--size-scalable-12);
}

.-v-mt-12 {
  margin-block-start: calc(var(--size-scalable-12) * -1);
}

.v-mb-12 {
  margin-block-end: var(--size-scalable-12);
}

.-v-mb-12 {
  margin-block-end: calc(var(--size-scalable-12) * -1);
}

.v-ml-12 {
  margin-inline-start: var(--size-scalable-12);
}

.-v-ml-12 {
  margin-inline-start: calc(var(--size-scalable-12) * -1);
}

.v-mr-12 {
  margin-inline-end: var(--size-scalable-12);
}

.-v-mr-12 {
  margin-inline-end: calc(var(--size-scalable-12) * -1);
}

.v-mx-12 {
  margin-inline: var(--size-scalable-12);
}

.-v-mx-12 {
  margin-inline: calc(var(--size-scalable-12) * -1);
}

.v-my-12 {
  margin-block: var(--size-scalable-12);
}

.-v-my-12 {
  margin-block: calc(var(--size-scalable-12) * -1);
}

.v-p-12 {
  padding: var(--size-scalable-12);
}

.-v-p-12 {
  padding: calc(var(--size-scalable-12) * -1);
}

.v-pt-12 {
  padding-block-start: var(--size-scalable-12);
}

.-v-pt-12 {
  padding-block-start: calc(var(--size-scalable-12) * -1);
}

.v-pb-12 {
  padding-block-end: var(--size-scalable-12);
}

.-v-pb-12 {
  padding-block-end: calc(var(--size-scalable-12) * -1);
}

.v-pl-12 {
  padding-inline-start: var(--size-scalable-12);
}

.-v-pl-12 {
  padding-inline-start: calc(var(--size-scalable-12) * -1);
}

.v-pr-12 {
  padding-inline-end: var(--size-scalable-12);
}

.-v-pr-12 {
  padding-inline-end: calc(var(--size-scalable-12) * -1);
}

.v-px-12 {
  padding-inline: var(--size-scalable-12);
}

.-v-px-12 {
  padding-inline: calc(var(--size-scalable-12) * -1);
}

.v-py-12 {
  padding-block: var(--size-scalable-12);
}

.-v-py-12 {
  padding-block: calc(var(--size-scalable-12) * -1);
}

.v-gap-12 {
  gap: var(--size-scalable-12);
}

.-v-gap-12 {
  gap: -12px;
}

.v-col-gap-12 {
  column-gap: var(--size-scalable-12);
}

.-v-col-gap-12 {
  column-gap: calc(var(--size-scalable-12) * -1);
}

.v-row-gap-12 {
  row-gap: var(--size-scalable-12);
}

.-v-row-gap-12 {
  row-gap: calc(var(--size-scalable-12) * -1);
}

.v-m-13 {
  margin: var(--size-scalable-13);
}

.-v-m-13 {
  margin: calc(var(--size-scalable-13) * -1);
}

.v-mt-13 {
  margin-block-start: var(--size-scalable-13);
}

.-v-mt-13 {
  margin-block-start: calc(var(--size-scalable-13) * -1);
}

.v-mb-13 {
  margin-block-end: var(--size-scalable-13);
}

.-v-mb-13 {
  margin-block-end: calc(var(--size-scalable-13) * -1);
}

.v-ml-13 {
  margin-inline-start: var(--size-scalable-13);
}

.-v-ml-13 {
  margin-inline-start: calc(var(--size-scalable-13) * -1);
}

.v-mr-13 {
  margin-inline-end: var(--size-scalable-13);
}

.-v-mr-13 {
  margin-inline-end: calc(var(--size-scalable-13) * -1);
}

.v-mx-13 {
  margin-inline: var(--size-scalable-13);
}

.-v-mx-13 {
  margin-inline: calc(var(--size-scalable-13) * -1);
}

.v-my-13 {
  margin-block: var(--size-scalable-13);
}

.-v-my-13 {
  margin-block: calc(var(--size-scalable-13) * -1);
}

.v-p-13 {
  padding: var(--size-scalable-13);
}

.-v-p-13 {
  padding: calc(var(--size-scalable-13) * -1);
}

.v-pt-13 {
  padding-block-start: var(--size-scalable-13);
}

.-v-pt-13 {
  padding-block-start: calc(var(--size-scalable-13) * -1);
}

.v-pb-13 {
  padding-block-end: var(--size-scalable-13);
}

.-v-pb-13 {
  padding-block-end: calc(var(--size-scalable-13) * -1);
}

.v-pl-13 {
  padding-inline-start: var(--size-scalable-13);
}

.-v-pl-13 {
  padding-inline-start: calc(var(--size-scalable-13) * -1);
}

.v-pr-13 {
  padding-inline-end: var(--size-scalable-13);
}

.-v-pr-13 {
  padding-inline-end: calc(var(--size-scalable-13) * -1);
}

.v-px-13 {
  padding-inline: var(--size-scalable-13);
}

.-v-px-13 {
  padding-inline: calc(var(--size-scalable-13) * -1);
}

.v-py-13 {
  padding-block: var(--size-scalable-13);
}

.-v-py-13 {
  padding-block: calc(var(--size-scalable-13) * -1);
}

.v-gap-13 {
  gap: var(--size-scalable-13);
}

.-v-gap-13 {
  gap: -13px;
}

.v-col-gap-13 {
  column-gap: var(--size-scalable-13);
}

.-v-col-gap-13 {
  column-gap: calc(var(--size-scalable-13) * -1);
}

.v-row-gap-13 {
  row-gap: var(--size-scalable-13);
}

.-v-row-gap-13 {
  row-gap: calc(var(--size-scalable-13) * -1);
}

.v-m-14 {
  margin: var(--size-scalable-14);
}

.-v-m-14 {
  margin: calc(var(--size-scalable-14) * -1);
}

.v-mt-14 {
  margin-block-start: var(--size-scalable-14);
}

.-v-mt-14 {
  margin-block-start: calc(var(--size-scalable-14) * -1);
}

.v-mb-14 {
  margin-block-end: var(--size-scalable-14);
}

.-v-mb-14 {
  margin-block-end: calc(var(--size-scalable-14) * -1);
}

.v-ml-14 {
  margin-inline-start: var(--size-scalable-14);
}

.-v-ml-14 {
  margin-inline-start: calc(var(--size-scalable-14) * -1);
}

.v-mr-14 {
  margin-inline-end: var(--size-scalable-14);
}

.-v-mr-14 {
  margin-inline-end: calc(var(--size-scalable-14) * -1);
}

.v-mx-14 {
  margin-inline: var(--size-scalable-14);
}

.-v-mx-14 {
  margin-inline: calc(var(--size-scalable-14) * -1);
}

.v-my-14 {
  margin-block: var(--size-scalable-14);
}

.-v-my-14 {
  margin-block: calc(var(--size-scalable-14) * -1);
}

.v-p-14 {
  padding: var(--size-scalable-14);
}

.-v-p-14 {
  padding: calc(var(--size-scalable-14) * -1);
}

.v-pt-14 {
  padding-block-start: var(--size-scalable-14);
}

.-v-pt-14 {
  padding-block-start: calc(var(--size-scalable-14) * -1);
}

.v-pb-14 {
  padding-block-end: var(--size-scalable-14);
}

.-v-pb-14 {
  padding-block-end: calc(var(--size-scalable-14) * -1);
}

.v-pl-14 {
  padding-inline-start: var(--size-scalable-14);
}

.-v-pl-14 {
  padding-inline-start: calc(var(--size-scalable-14) * -1);
}

.v-pr-14 {
  padding-inline-end: var(--size-scalable-14);
}

.-v-pr-14 {
  padding-inline-end: calc(var(--size-scalable-14) * -1);
}

.v-px-14 {
  padding-inline: var(--size-scalable-14);
}

.-v-px-14 {
  padding-inline: calc(var(--size-scalable-14) * -1);
}

.v-py-14 {
  padding-block: var(--size-scalable-14);
}

.-v-py-14 {
  padding-block: calc(var(--size-scalable-14) * -1);
}

.v-gap-14 {
  gap: var(--size-scalable-14);
}

.-v-gap-14 {
  gap: -14px;
}

.v-col-gap-14 {
  column-gap: var(--size-scalable-14);
}

.-v-col-gap-14 {
  column-gap: calc(var(--size-scalable-14) * -1);
}

.v-row-gap-14 {
  row-gap: var(--size-scalable-14);
}

.-v-row-gap-14 {
  row-gap: calc(var(--size-scalable-14) * -1);
}

.v-m-15 {
  margin: var(--size-scalable-15);
}

.-v-m-15 {
  margin: calc(var(--size-scalable-15) * -1);
}

.v-mt-15 {
  margin-block-start: var(--size-scalable-15);
}

.-v-mt-15 {
  margin-block-start: calc(var(--size-scalable-15) * -1);
}

.v-mb-15 {
  margin-block-end: var(--size-scalable-15);
}

.-v-mb-15 {
  margin-block-end: calc(var(--size-scalable-15) * -1);
}

.v-ml-15 {
  margin-inline-start: var(--size-scalable-15);
}

.-v-ml-15 {
  margin-inline-start: calc(var(--size-scalable-15) * -1);
}

.v-mr-15 {
  margin-inline-end: var(--size-scalable-15);
}

.-v-mr-15 {
  margin-inline-end: calc(var(--size-scalable-15) * -1);
}

.v-mx-15 {
  margin-inline: var(--size-scalable-15);
}

.-v-mx-15 {
  margin-inline: calc(var(--size-scalable-15) * -1);
}

.v-my-15 {
  margin-block: var(--size-scalable-15);
}

.-v-my-15 {
  margin-block: calc(var(--size-scalable-15) * -1);
}

.v-p-15 {
  padding: var(--size-scalable-15);
}

.-v-p-15 {
  padding: calc(var(--size-scalable-15) * -1);
}

.v-pt-15 {
  padding-block-start: var(--size-scalable-15);
}

.-v-pt-15 {
  padding-block-start: calc(var(--size-scalable-15) * -1);
}

.v-pb-15 {
  padding-block-end: var(--size-scalable-15);
}

.-v-pb-15 {
  padding-block-end: calc(var(--size-scalable-15) * -1);
}

.v-pl-15 {
  padding-inline-start: var(--size-scalable-15);
}

.-v-pl-15 {
  padding-inline-start: calc(var(--size-scalable-15) * -1);
}

.v-pr-15 {
  padding-inline-end: var(--size-scalable-15);
}

.-v-pr-15 {
  padding-inline-end: calc(var(--size-scalable-15) * -1);
}

.v-px-15 {
  padding-inline: var(--size-scalable-15);
}

.-v-px-15 {
  padding-inline: calc(var(--size-scalable-15) * -1);
}

.v-py-15 {
  padding-block: var(--size-scalable-15);
}

.-v-py-15 {
  padding-block: calc(var(--size-scalable-15) * -1);
}

.v-gap-15 {
  gap: var(--size-scalable-15);
}

.-v-gap-15 {
  gap: -15px;
}

.v-col-gap-15 {
  column-gap: var(--size-scalable-15);
}

.-v-col-gap-15 {
  column-gap: calc(var(--size-scalable-15) * -1);
}

.v-row-gap-15 {
  row-gap: var(--size-scalable-15);
}

.-v-row-gap-15 {
  row-gap: calc(var(--size-scalable-15) * -1);
}

.v-m-16 {
  margin: var(--size-scalable-16);
}

.-v-m-16 {
  margin: calc(var(--size-scalable-16) * -1);
}

.v-mt-16 {
  margin-block-start: var(--size-scalable-16);
}

.-v-mt-16 {
  margin-block-start: calc(var(--size-scalable-16) * -1);
}

.v-mb-16 {
  margin-block-end: var(--size-scalable-16);
}

.-v-mb-16 {
  margin-block-end: calc(var(--size-scalable-16) * -1);
}

.v-ml-16 {
  margin-inline-start: var(--size-scalable-16);
}

.-v-ml-16 {
  margin-inline-start: calc(var(--size-scalable-16) * -1);
}

.v-mr-16 {
  margin-inline-end: var(--size-scalable-16);
}

.-v-mr-16 {
  margin-inline-end: calc(var(--size-scalable-16) * -1);
}

.v-mx-16 {
  margin-inline: var(--size-scalable-16);
}

.-v-mx-16 {
  margin-inline: calc(var(--size-scalable-16) * -1);
}

.v-my-16 {
  margin-block: var(--size-scalable-16);
}

.-v-my-16 {
  margin-block: calc(var(--size-scalable-16) * -1);
}

.v-p-16 {
  padding: var(--size-scalable-16);
}

.-v-p-16 {
  padding: calc(var(--size-scalable-16) * -1);
}

.v-pt-16 {
  padding-block-start: var(--size-scalable-16);
}

.-v-pt-16 {
  padding-block-start: calc(var(--size-scalable-16) * -1);
}

.v-pb-16 {
  padding-block-end: var(--size-scalable-16);
}

.-v-pb-16 {
  padding-block-end: calc(var(--size-scalable-16) * -1);
}

.v-pl-16 {
  padding-inline-start: var(--size-scalable-16);
}

.-v-pl-16 {
  padding-inline-start: calc(var(--size-scalable-16) * -1);
}

.v-pr-16 {
  padding-inline-end: var(--size-scalable-16);
}

.-v-pr-16 {
  padding-inline-end: calc(var(--size-scalable-16) * -1);
}

.v-px-16 {
  padding-inline: var(--size-scalable-16);
}

.-v-px-16 {
  padding-inline: calc(var(--size-scalable-16) * -1);
}

.v-py-16 {
  padding-block: var(--size-scalable-16);
}

.-v-py-16 {
  padding-block: calc(var(--size-scalable-16) * -1);
}

.v-gap-16 {
  gap: var(--size-scalable-16);
}

.-v-gap-16 {
  gap: -16px;
}

.v-col-gap-16 {
  column-gap: var(--size-scalable-16);
}

.-v-col-gap-16 {
  column-gap: calc(var(--size-scalable-16) * -1);
}

.v-row-gap-16 {
  row-gap: var(--size-scalable-16);
}

.-v-row-gap-16 {
  row-gap: calc(var(--size-scalable-16) * -1);
}

.v-m-17 {
  margin: var(--size-scalable-17);
}

.-v-m-17 {
  margin: calc(var(--size-scalable-17) * -1);
}

.v-mt-17 {
  margin-block-start: var(--size-scalable-17);
}

.-v-mt-17 {
  margin-block-start: calc(var(--size-scalable-17) * -1);
}

.v-mb-17 {
  margin-block-end: var(--size-scalable-17);
}

.-v-mb-17 {
  margin-block-end: calc(var(--size-scalable-17) * -1);
}

.v-ml-17 {
  margin-inline-start: var(--size-scalable-17);
}

.-v-ml-17 {
  margin-inline-start: calc(var(--size-scalable-17) * -1);
}

.v-mr-17 {
  margin-inline-end: var(--size-scalable-17);
}

.-v-mr-17 {
  margin-inline-end: calc(var(--size-scalable-17) * -1);
}

.v-mx-17 {
  margin-inline: var(--size-scalable-17);
}

.-v-mx-17 {
  margin-inline: calc(var(--size-scalable-17) * -1);
}

.v-my-17 {
  margin-block: var(--size-scalable-17);
}

.-v-my-17 {
  margin-block: calc(var(--size-scalable-17) * -1);
}

.v-p-17 {
  padding: var(--size-scalable-17);
}

.-v-p-17 {
  padding: calc(var(--size-scalable-17) * -1);
}

.v-pt-17 {
  padding-block-start: var(--size-scalable-17);
}

.-v-pt-17 {
  padding-block-start: calc(var(--size-scalable-17) * -1);
}

.v-pb-17 {
  padding-block-end: var(--size-scalable-17);
}

.-v-pb-17 {
  padding-block-end: calc(var(--size-scalable-17) * -1);
}

.v-pl-17 {
  padding-inline-start: var(--size-scalable-17);
}

.-v-pl-17 {
  padding-inline-start: calc(var(--size-scalable-17) * -1);
}

.v-pr-17 {
  padding-inline-end: var(--size-scalable-17);
}

.-v-pr-17 {
  padding-inline-end: calc(var(--size-scalable-17) * -1);
}

.v-px-17 {
  padding-inline: var(--size-scalable-17);
}

.-v-px-17 {
  padding-inline: calc(var(--size-scalable-17) * -1);
}

.v-py-17 {
  padding-block: var(--size-scalable-17);
}

.-v-py-17 {
  padding-block: calc(var(--size-scalable-17) * -1);
}

.v-gap-17 {
  gap: var(--size-scalable-17);
}

.-v-gap-17 {
  gap: -17px;
}

.v-col-gap-17 {
  column-gap: var(--size-scalable-17);
}

.-v-col-gap-17 {
  column-gap: calc(var(--size-scalable-17) * -1);
}

.v-row-gap-17 {
  row-gap: var(--size-scalable-17);
}

.-v-row-gap-17 {
  row-gap: calc(var(--size-scalable-17) * -1);
}

.v-m-18 {
  margin: var(--size-scalable-18);
}

.-v-m-18 {
  margin: calc(var(--size-scalable-18) * -1);
}

.v-mt-18 {
  margin-block-start: var(--size-scalable-18);
}

.-v-mt-18 {
  margin-block-start: calc(var(--size-scalable-18) * -1);
}

.v-mb-18 {
  margin-block-end: var(--size-scalable-18);
}

.-v-mb-18 {
  margin-block-end: calc(var(--size-scalable-18) * -1);
}

.v-ml-18 {
  margin-inline-start: var(--size-scalable-18);
}

.-v-ml-18 {
  margin-inline-start: calc(var(--size-scalable-18) * -1);
}

.v-mr-18 {
  margin-inline-end: var(--size-scalable-18);
}

.-v-mr-18 {
  margin-inline-end: calc(var(--size-scalable-18) * -1);
}

.v-mx-18 {
  margin-inline: var(--size-scalable-18);
}

.-v-mx-18 {
  margin-inline: calc(var(--size-scalable-18) * -1);
}

.v-my-18 {
  margin-block: var(--size-scalable-18);
}

.-v-my-18 {
  margin-block: calc(var(--size-scalable-18) * -1);
}

.v-p-18 {
  padding: var(--size-scalable-18);
}

.-v-p-18 {
  padding: calc(var(--size-scalable-18) * -1);
}

.v-pt-18 {
  padding-block-start: var(--size-scalable-18);
}

.-v-pt-18 {
  padding-block-start: calc(var(--size-scalable-18) * -1);
}

.v-pb-18 {
  padding-block-end: var(--size-scalable-18);
}

.-v-pb-18 {
  padding-block-end: calc(var(--size-scalable-18) * -1);
}

.v-pl-18 {
  padding-inline-start: var(--size-scalable-18);
}

.-v-pl-18 {
  padding-inline-start: calc(var(--size-scalable-18) * -1);
}

.v-pr-18 {
  padding-inline-end: var(--size-scalable-18);
}

.-v-pr-18 {
  padding-inline-end: calc(var(--size-scalable-18) * -1);
}

.v-px-18 {
  padding-inline: var(--size-scalable-18);
}

.-v-px-18 {
  padding-inline: calc(var(--size-scalable-18) * -1);
}

.v-py-18 {
  padding-block: var(--size-scalable-18);
}

.-v-py-18 {
  padding-block: calc(var(--size-scalable-18) * -1);
}

.v-gap-18 {
  gap: var(--size-scalable-18);
}

.-v-gap-18 {
  gap: -18px;
}

.v-col-gap-18 {
  column-gap: var(--size-scalable-18);
}

.-v-col-gap-18 {
  column-gap: calc(var(--size-scalable-18) * -1);
}

.v-row-gap-18 {
  row-gap: var(--size-scalable-18);
}

.-v-row-gap-18 {
  row-gap: calc(var(--size-scalable-18) * -1);
}

.v-m-19 {
  margin: var(--size-scalable-19);
}

.-v-m-19 {
  margin: calc(var(--size-scalable-19) * -1);
}

.v-mt-19 {
  margin-block-start: var(--size-scalable-19);
}

.-v-mt-19 {
  margin-block-start: calc(var(--size-scalable-19) * -1);
}

.v-mb-19 {
  margin-block-end: var(--size-scalable-19);
}

.-v-mb-19 {
  margin-block-end: calc(var(--size-scalable-19) * -1);
}

.v-ml-19 {
  margin-inline-start: var(--size-scalable-19);
}

.-v-ml-19 {
  margin-inline-start: calc(var(--size-scalable-19) * -1);
}

.v-mr-19 {
  margin-inline-end: var(--size-scalable-19);
}

.-v-mr-19 {
  margin-inline-end: calc(var(--size-scalable-19) * -1);
}

.v-mx-19 {
  margin-inline: var(--size-scalable-19);
}

.-v-mx-19 {
  margin-inline: calc(var(--size-scalable-19) * -1);
}

.v-my-19 {
  margin-block: var(--size-scalable-19);
}

.-v-my-19 {
  margin-block: calc(var(--size-scalable-19) * -1);
}

.v-p-19 {
  padding: var(--size-scalable-19);
}

.-v-p-19 {
  padding: calc(var(--size-scalable-19) * -1);
}

.v-pt-19 {
  padding-block-start: var(--size-scalable-19);
}

.-v-pt-19 {
  padding-block-start: calc(var(--size-scalable-19) * -1);
}

.v-pb-19 {
  padding-block-end: var(--size-scalable-19);
}

.-v-pb-19 {
  padding-block-end: calc(var(--size-scalable-19) * -1);
}

.v-pl-19 {
  padding-inline-start: var(--size-scalable-19);
}

.-v-pl-19 {
  padding-inline-start: calc(var(--size-scalable-19) * -1);
}

.v-pr-19 {
  padding-inline-end: var(--size-scalable-19);
}

.-v-pr-19 {
  padding-inline-end: calc(var(--size-scalable-19) * -1);
}

.v-px-19 {
  padding-inline: var(--size-scalable-19);
}

.-v-px-19 {
  padding-inline: calc(var(--size-scalable-19) * -1);
}

.v-py-19 {
  padding-block: var(--size-scalable-19);
}

.-v-py-19 {
  padding-block: calc(var(--size-scalable-19) * -1);
}

.v-gap-19 {
  gap: var(--size-scalable-19);
}

.-v-gap-19 {
  gap: -19px;
}

.v-col-gap-19 {
  column-gap: var(--size-scalable-19);
}

.-v-col-gap-19 {
  column-gap: calc(var(--size-scalable-19) * -1);
}

.v-row-gap-19 {
  row-gap: var(--size-scalable-19);
}

.-v-row-gap-19 {
  row-gap: calc(var(--size-scalable-19) * -1);
}

.v-m-20 {
  margin: var(--size-scalable-20);
}

.-v-m-20 {
  margin: calc(var(--size-scalable-20) * -1);
}

.v-mt-20 {
  margin-block-start: var(--size-scalable-20);
}

.-v-mt-20 {
  margin-block-start: calc(var(--size-scalable-20) * -1);
}

.v-mb-20 {
  margin-block-end: var(--size-scalable-20);
}

.-v-mb-20 {
  margin-block-end: calc(var(--size-scalable-20) * -1);
}

.v-ml-20 {
  margin-inline-start: var(--size-scalable-20);
}

.-v-ml-20 {
  margin-inline-start: calc(var(--size-scalable-20) * -1);
}

.v-mr-20 {
  margin-inline-end: var(--size-scalable-20);
}

.-v-mr-20 {
  margin-inline-end: calc(var(--size-scalable-20) * -1);
}

.v-mx-20 {
  margin-inline: var(--size-scalable-20);
}

.-v-mx-20 {
  margin-inline: calc(var(--size-scalable-20) * -1);
}

.v-my-20 {
  margin-block: var(--size-scalable-20);
}

.-v-my-20 {
  margin-block: calc(var(--size-scalable-20) * -1);
}

.v-p-20 {
  padding: var(--size-scalable-20);
}

.-v-p-20 {
  padding: calc(var(--size-scalable-20) * -1);
}

.v-pt-20 {
  padding-block-start: var(--size-scalable-20);
}

.-v-pt-20 {
  padding-block-start: calc(var(--size-scalable-20) * -1);
}

.v-pb-20 {
  padding-block-end: var(--size-scalable-20);
}

.-v-pb-20 {
  padding-block-end: calc(var(--size-scalable-20) * -1);
}

.v-pl-20 {
  padding-inline-start: var(--size-scalable-20);
}

.-v-pl-20 {
  padding-inline-start: calc(var(--size-scalable-20) * -1);
}

.v-pr-20 {
  padding-inline-end: var(--size-scalable-20);
}

.-v-pr-20 {
  padding-inline-end: calc(var(--size-scalable-20) * -1);
}

.v-px-20 {
  padding-inline: var(--size-scalable-20);
}

.-v-px-20 {
  padding-inline: calc(var(--size-scalable-20) * -1);
}

.v-py-20 {
  padding-block: var(--size-scalable-20);
}

.-v-py-20 {
  padding-block: calc(var(--size-scalable-20) * -1);
}

.v-gap-20 {
  gap: var(--size-scalable-20);
}

.-v-gap-20 {
  gap: -20px;
}

.v-col-gap-20 {
  column-gap: var(--size-scalable-20);
}

.-v-col-gap-20 {
  column-gap: calc(var(--size-scalable-20) * -1);
}

.v-row-gap-20 {
  row-gap: var(--size-scalable-20);
}

.-v-row-gap-20 {
  row-gap: calc(var(--size-scalable-20) * -1);
}

.v-m-21 {
  margin: var(--size-scalable-21);
}

.-v-m-21 {
  margin: calc(var(--size-scalable-21) * -1);
}

.v-mt-21 {
  margin-block-start: var(--size-scalable-21);
}

.-v-mt-21 {
  margin-block-start: calc(var(--size-scalable-21) * -1);
}

.v-mb-21 {
  margin-block-end: var(--size-scalable-21);
}

.-v-mb-21 {
  margin-block-end: calc(var(--size-scalable-21) * -1);
}

.v-ml-21 {
  margin-inline-start: var(--size-scalable-21);
}

.-v-ml-21 {
  margin-inline-start: calc(var(--size-scalable-21) * -1);
}

.v-mr-21 {
  margin-inline-end: var(--size-scalable-21);
}

.-v-mr-21 {
  margin-inline-end: calc(var(--size-scalable-21) * -1);
}

.v-mx-21 {
  margin-inline: var(--size-scalable-21);
}

.-v-mx-21 {
  margin-inline: calc(var(--size-scalable-21) * -1);
}

.v-my-21 {
  margin-block: var(--size-scalable-21);
}

.-v-my-21 {
  margin-block: calc(var(--size-scalable-21) * -1);
}

.v-p-21 {
  padding: var(--size-scalable-21);
}

.-v-p-21 {
  padding: calc(var(--size-scalable-21) * -1);
}

.v-pt-21 {
  padding-block-start: var(--size-scalable-21);
}

.-v-pt-21 {
  padding-block-start: calc(var(--size-scalable-21) * -1);
}

.v-pb-21 {
  padding-block-end: var(--size-scalable-21);
}

.-v-pb-21 {
  padding-block-end: calc(var(--size-scalable-21) * -1);
}

.v-pl-21 {
  padding-inline-start: var(--size-scalable-21);
}

.-v-pl-21 {
  padding-inline-start: calc(var(--size-scalable-21) * -1);
}

.v-pr-21 {
  padding-inline-end: var(--size-scalable-21);
}

.-v-pr-21 {
  padding-inline-end: calc(var(--size-scalable-21) * -1);
}

.v-px-21 {
  padding-inline: var(--size-scalable-21);
}

.-v-px-21 {
  padding-inline: calc(var(--size-scalable-21) * -1);
}

.v-py-21 {
  padding-block: var(--size-scalable-21);
}

.-v-py-21 {
  padding-block: calc(var(--size-scalable-21) * -1);
}

.v-gap-21 {
  gap: var(--size-scalable-21);
}

.-v-gap-21 {
  gap: -21px;
}

.v-col-gap-21 {
  column-gap: var(--size-scalable-21);
}

.-v-col-gap-21 {
  column-gap: calc(var(--size-scalable-21) * -1);
}

.v-row-gap-21 {
  row-gap: var(--size-scalable-21);
}

.-v-row-gap-21 {
  row-gap: calc(var(--size-scalable-21) * -1);
}

.v-m-22 {
  margin: var(--size-scalable-22);
}

.-v-m-22 {
  margin: calc(var(--size-scalable-22) * -1);
}

.v-mt-22 {
  margin-block-start: var(--size-scalable-22);
}

.-v-mt-22 {
  margin-block-start: calc(var(--size-scalable-22) * -1);
}

.v-mb-22 {
  margin-block-end: var(--size-scalable-22);
}

.-v-mb-22 {
  margin-block-end: calc(var(--size-scalable-22) * -1);
}

.v-ml-22 {
  margin-inline-start: var(--size-scalable-22);
}

.-v-ml-22 {
  margin-inline-start: calc(var(--size-scalable-22) * -1);
}

.v-mr-22 {
  margin-inline-end: var(--size-scalable-22);
}

.-v-mr-22 {
  margin-inline-end: calc(var(--size-scalable-22) * -1);
}

.v-mx-22 {
  margin-inline: var(--size-scalable-22);
}

.-v-mx-22 {
  margin-inline: calc(var(--size-scalable-22) * -1);
}

.v-my-22 {
  margin-block: var(--size-scalable-22);
}

.-v-my-22 {
  margin-block: calc(var(--size-scalable-22) * -1);
}

.v-p-22 {
  padding: var(--size-scalable-22);
}

.-v-p-22 {
  padding: calc(var(--size-scalable-22) * -1);
}

.v-pt-22 {
  padding-block-start: var(--size-scalable-22);
}

.-v-pt-22 {
  padding-block-start: calc(var(--size-scalable-22) * -1);
}

.v-pb-22 {
  padding-block-end: var(--size-scalable-22);
}

.-v-pb-22 {
  padding-block-end: calc(var(--size-scalable-22) * -1);
}

.v-pl-22 {
  padding-inline-start: var(--size-scalable-22);
}

.-v-pl-22 {
  padding-inline-start: calc(var(--size-scalable-22) * -1);
}

.v-pr-22 {
  padding-inline-end: var(--size-scalable-22);
}

.-v-pr-22 {
  padding-inline-end: calc(var(--size-scalable-22) * -1);
}

.v-px-22 {
  padding-inline: var(--size-scalable-22);
}

.-v-px-22 {
  padding-inline: calc(var(--size-scalable-22) * -1);
}

.v-py-22 {
  padding-block: var(--size-scalable-22);
}

.-v-py-22 {
  padding-block: calc(var(--size-scalable-22) * -1);
}

.v-gap-22 {
  gap: var(--size-scalable-22);
}

.-v-gap-22 {
  gap: -22px;
}

.v-col-gap-22 {
  column-gap: var(--size-scalable-22);
}

.-v-col-gap-22 {
  column-gap: calc(var(--size-scalable-22) * -1);
}

.v-row-gap-22 {
  row-gap: var(--size-scalable-22);
}

.-v-row-gap-22 {
  row-gap: calc(var(--size-scalable-22) * -1);
}

.v-m-23 {
  margin: var(--size-scalable-23);
}

.-v-m-23 {
  margin: calc(var(--size-scalable-23) * -1);
}

.v-mt-23 {
  margin-block-start: var(--size-scalable-23);
}

.-v-mt-23 {
  margin-block-start: calc(var(--size-scalable-23) * -1);
}

.v-mb-23 {
  margin-block-end: var(--size-scalable-23);
}

.-v-mb-23 {
  margin-block-end: calc(var(--size-scalable-23) * -1);
}

.v-ml-23 {
  margin-inline-start: var(--size-scalable-23);
}

.-v-ml-23 {
  margin-inline-start: calc(var(--size-scalable-23) * -1);
}

.v-mr-23 {
  margin-inline-end: var(--size-scalable-23);
}

.-v-mr-23 {
  margin-inline-end: calc(var(--size-scalable-23) * -1);
}

.v-mx-23 {
  margin-inline: var(--size-scalable-23);
}

.-v-mx-23 {
  margin-inline: calc(var(--size-scalable-23) * -1);
}

.v-my-23 {
  margin-block: var(--size-scalable-23);
}

.-v-my-23 {
  margin-block: calc(var(--size-scalable-23) * -1);
}

.v-p-23 {
  padding: var(--size-scalable-23);
}

.-v-p-23 {
  padding: calc(var(--size-scalable-23) * -1);
}

.v-pt-23 {
  padding-block-start: var(--size-scalable-23);
}

.-v-pt-23 {
  padding-block-start: calc(var(--size-scalable-23) * -1);
}

.v-pb-23 {
  padding-block-end: var(--size-scalable-23);
}

.-v-pb-23 {
  padding-block-end: calc(var(--size-scalable-23) * -1);
}

.v-pl-23 {
  padding-inline-start: var(--size-scalable-23);
}

.-v-pl-23 {
  padding-inline-start: calc(var(--size-scalable-23) * -1);
}

.v-pr-23 {
  padding-inline-end: var(--size-scalable-23);
}

.-v-pr-23 {
  padding-inline-end: calc(var(--size-scalable-23) * -1);
}

.v-px-23 {
  padding-inline: var(--size-scalable-23);
}

.-v-px-23 {
  padding-inline: calc(var(--size-scalable-23) * -1);
}

.v-py-23 {
  padding-block: var(--size-scalable-23);
}

.-v-py-23 {
  padding-block: calc(var(--size-scalable-23) * -1);
}

.v-gap-23 {
  gap: var(--size-scalable-23);
}

.-v-gap-23 {
  gap: -23px;
}

.v-col-gap-23 {
  column-gap: var(--size-scalable-23);
}

.-v-col-gap-23 {
  column-gap: calc(var(--size-scalable-23) * -1);
}

.v-row-gap-23 {
  row-gap: var(--size-scalable-23);
}

.-v-row-gap-23 {
  row-gap: calc(var(--size-scalable-23) * -1);
}

.v-m-24 {
  margin: var(--size-scalable-24);
}

.-v-m-24 {
  margin: calc(var(--size-scalable-24) * -1);
}

.v-mt-24 {
  margin-block-start: var(--size-scalable-24);
}

.-v-mt-24 {
  margin-block-start: calc(var(--size-scalable-24) * -1);
}

.v-mb-24 {
  margin-block-end: var(--size-scalable-24);
}

.-v-mb-24 {
  margin-block-end: calc(var(--size-scalable-24) * -1);
}

.v-ml-24 {
  margin-inline-start: var(--size-scalable-24);
}

.-v-ml-24 {
  margin-inline-start: calc(var(--size-scalable-24) * -1);
}

.v-mr-24 {
  margin-inline-end: var(--size-scalable-24);
}

.-v-mr-24 {
  margin-inline-end: calc(var(--size-scalable-24) * -1);
}

.v-mx-24 {
  margin-inline: var(--size-scalable-24);
}

.-v-mx-24 {
  margin-inline: calc(var(--size-scalable-24) * -1);
}

.v-my-24 {
  margin-block: var(--size-scalable-24);
}

.-v-my-24 {
  margin-block: calc(var(--size-scalable-24) * -1);
}

.v-p-24 {
  padding: var(--size-scalable-24);
}

.-v-p-24 {
  padding: calc(var(--size-scalable-24) * -1);
}

.v-pt-24 {
  padding-block-start: var(--size-scalable-24);
}

.-v-pt-24 {
  padding-block-start: calc(var(--size-scalable-24) * -1);
}

.v-pb-24 {
  padding-block-end: var(--size-scalable-24);
}

.-v-pb-24 {
  padding-block-end: calc(var(--size-scalable-24) * -1);
}

.v-pl-24 {
  padding-inline-start: var(--size-scalable-24);
}

.-v-pl-24 {
  padding-inline-start: calc(var(--size-scalable-24) * -1);
}

.v-pr-24 {
  padding-inline-end: var(--size-scalable-24);
}

.-v-pr-24 {
  padding-inline-end: calc(var(--size-scalable-24) * -1);
}

.v-px-24 {
  padding-inline: var(--size-scalable-24);
}

.-v-px-24 {
  padding-inline: calc(var(--size-scalable-24) * -1);
}

.v-py-24 {
  padding-block: var(--size-scalable-24);
}

.-v-py-24 {
  padding-block: calc(var(--size-scalable-24) * -1);
}

.v-gap-24 {
  gap: var(--size-scalable-24);
}

.-v-gap-24 {
  gap: -24px;
}

.v-col-gap-24 {
  column-gap: var(--size-scalable-24);
}

.-v-col-gap-24 {
  column-gap: calc(var(--size-scalable-24) * -1);
}

.v-row-gap-24 {
  row-gap: var(--size-scalable-24);
}

.-v-row-gap-24 {
  row-gap: calc(var(--size-scalable-24) * -1);
}

.v-m-25 {
  margin: var(--size-scalable-25);
}

.-v-m-25 {
  margin: calc(var(--size-scalable-25) * -1);
}

.v-mt-25 {
  margin-block-start: var(--size-scalable-25);
}

.-v-mt-25 {
  margin-block-start: calc(var(--size-scalable-25) * -1);
}

.v-mb-25 {
  margin-block-end: var(--size-scalable-25);
}

.-v-mb-25 {
  margin-block-end: calc(var(--size-scalable-25) * -1);
}

.v-ml-25 {
  margin-inline-start: var(--size-scalable-25);
}

.-v-ml-25 {
  margin-inline-start: calc(var(--size-scalable-25) * -1);
}

.v-mr-25 {
  margin-inline-end: var(--size-scalable-25);
}

.-v-mr-25 {
  margin-inline-end: calc(var(--size-scalable-25) * -1);
}

.v-mx-25 {
  margin-inline: var(--size-scalable-25);
}

.-v-mx-25 {
  margin-inline: calc(var(--size-scalable-25) * -1);
}

.v-my-25 {
  margin-block: var(--size-scalable-25);
}

.-v-my-25 {
  margin-block: calc(var(--size-scalable-25) * -1);
}

.v-p-25 {
  padding: var(--size-scalable-25);
}

.-v-p-25 {
  padding: calc(var(--size-scalable-25) * -1);
}

.v-pt-25 {
  padding-block-start: var(--size-scalable-25);
}

.-v-pt-25 {
  padding-block-start: calc(var(--size-scalable-25) * -1);
}

.v-pb-25 {
  padding-block-end: var(--size-scalable-25);
}

.-v-pb-25 {
  padding-block-end: calc(var(--size-scalable-25) * -1);
}

.v-pl-25 {
  padding-inline-start: var(--size-scalable-25);
}

.-v-pl-25 {
  padding-inline-start: calc(var(--size-scalable-25) * -1);
}

.v-pr-25 {
  padding-inline-end: var(--size-scalable-25);
}

.-v-pr-25 {
  padding-inline-end: calc(var(--size-scalable-25) * -1);
}

.v-px-25 {
  padding-inline: var(--size-scalable-25);
}

.-v-px-25 {
  padding-inline: calc(var(--size-scalable-25) * -1);
}

.v-py-25 {
  padding-block: var(--size-scalable-25);
}

.-v-py-25 {
  padding-block: calc(var(--size-scalable-25) * -1);
}

.v-gap-25 {
  gap: var(--size-scalable-25);
}

.-v-gap-25 {
  gap: -25px;
}

.v-col-gap-25 {
  column-gap: var(--size-scalable-25);
}

.-v-col-gap-25 {
  column-gap: calc(var(--size-scalable-25) * -1);
}

.v-row-gap-25 {
  row-gap: var(--size-scalable-25);
}

.-v-row-gap-25 {
  row-gap: calc(var(--size-scalable-25) * -1);
}

.v-m-26 {
  margin: var(--size-scalable-26);
}

.-v-m-26 {
  margin: calc(var(--size-scalable-26) * -1);
}

.v-mt-26 {
  margin-block-start: var(--size-scalable-26);
}

.-v-mt-26 {
  margin-block-start: calc(var(--size-scalable-26) * -1);
}

.v-mb-26 {
  margin-block-end: var(--size-scalable-26);
}

.-v-mb-26 {
  margin-block-end: calc(var(--size-scalable-26) * -1);
}

.v-ml-26 {
  margin-inline-start: var(--size-scalable-26);
}

.-v-ml-26 {
  margin-inline-start: calc(var(--size-scalable-26) * -1);
}

.v-mr-26 {
  margin-inline-end: var(--size-scalable-26);
}

.-v-mr-26 {
  margin-inline-end: calc(var(--size-scalable-26) * -1);
}

.v-mx-26 {
  margin-inline: var(--size-scalable-26);
}

.-v-mx-26 {
  margin-inline: calc(var(--size-scalable-26) * -1);
}

.v-my-26 {
  margin-block: var(--size-scalable-26);
}

.-v-my-26 {
  margin-block: calc(var(--size-scalable-26) * -1);
}

.v-p-26 {
  padding: var(--size-scalable-26);
}

.-v-p-26 {
  padding: calc(var(--size-scalable-26) * -1);
}

.v-pt-26 {
  padding-block-start: var(--size-scalable-26);
}

.-v-pt-26 {
  padding-block-start: calc(var(--size-scalable-26) * -1);
}

.v-pb-26 {
  padding-block-end: var(--size-scalable-26);
}

.-v-pb-26 {
  padding-block-end: calc(var(--size-scalable-26) * -1);
}

.v-pl-26 {
  padding-inline-start: var(--size-scalable-26);
}

.-v-pl-26 {
  padding-inline-start: calc(var(--size-scalable-26) * -1);
}

.v-pr-26 {
  padding-inline-end: var(--size-scalable-26);
}

.-v-pr-26 {
  padding-inline-end: calc(var(--size-scalable-26) * -1);
}

.v-px-26 {
  padding-inline: var(--size-scalable-26);
}

.-v-px-26 {
  padding-inline: calc(var(--size-scalable-26) * -1);
}

.v-py-26 {
  padding-block: var(--size-scalable-26);
}

.-v-py-26 {
  padding-block: calc(var(--size-scalable-26) * -1);
}

.v-gap-26 {
  gap: var(--size-scalable-26);
}

.-v-gap-26 {
  gap: -26px;
}

.v-col-gap-26 {
  column-gap: var(--size-scalable-26);
}

.-v-col-gap-26 {
  column-gap: calc(var(--size-scalable-26) * -1);
}

.v-row-gap-26 {
  row-gap: var(--size-scalable-26);
}

.-v-row-gap-26 {
  row-gap: calc(var(--size-scalable-26) * -1);
}

.v-m-27 {
  margin: var(--size-scalable-27);
}

.-v-m-27 {
  margin: calc(var(--size-scalable-27) * -1);
}

.v-mt-27 {
  margin-block-start: var(--size-scalable-27);
}

.-v-mt-27 {
  margin-block-start: calc(var(--size-scalable-27) * -1);
}

.v-mb-27 {
  margin-block-end: var(--size-scalable-27);
}

.-v-mb-27 {
  margin-block-end: calc(var(--size-scalable-27) * -1);
}

.v-ml-27 {
  margin-inline-start: var(--size-scalable-27);
}

.-v-ml-27 {
  margin-inline-start: calc(var(--size-scalable-27) * -1);
}

.v-mr-27 {
  margin-inline-end: var(--size-scalable-27);
}

.-v-mr-27 {
  margin-inline-end: calc(var(--size-scalable-27) * -1);
}

.v-mx-27 {
  margin-inline: var(--size-scalable-27);
}

.-v-mx-27 {
  margin-inline: calc(var(--size-scalable-27) * -1);
}

.v-my-27 {
  margin-block: var(--size-scalable-27);
}

.-v-my-27 {
  margin-block: calc(var(--size-scalable-27) * -1);
}

.v-p-27 {
  padding: var(--size-scalable-27);
}

.-v-p-27 {
  padding: calc(var(--size-scalable-27) * -1);
}

.v-pt-27 {
  padding-block-start: var(--size-scalable-27);
}

.-v-pt-27 {
  padding-block-start: calc(var(--size-scalable-27) * -1);
}

.v-pb-27 {
  padding-block-end: var(--size-scalable-27);
}

.-v-pb-27 {
  padding-block-end: calc(var(--size-scalable-27) * -1);
}

.v-pl-27 {
  padding-inline-start: var(--size-scalable-27);
}

.-v-pl-27 {
  padding-inline-start: calc(var(--size-scalable-27) * -1);
}

.v-pr-27 {
  padding-inline-end: var(--size-scalable-27);
}

.-v-pr-27 {
  padding-inline-end: calc(var(--size-scalable-27) * -1);
}

.v-px-27 {
  padding-inline: var(--size-scalable-27);
}

.-v-px-27 {
  padding-inline: calc(var(--size-scalable-27) * -1);
}

.v-py-27 {
  padding-block: var(--size-scalable-27);
}

.-v-py-27 {
  padding-block: calc(var(--size-scalable-27) * -1);
}

.v-gap-27 {
  gap: var(--size-scalable-27);
}

.-v-gap-27 {
  gap: -27px;
}

.v-col-gap-27 {
  column-gap: var(--size-scalable-27);
}

.-v-col-gap-27 {
  column-gap: calc(var(--size-scalable-27) * -1);
}

.v-row-gap-27 {
  row-gap: var(--size-scalable-27);
}

.-v-row-gap-27 {
  row-gap: calc(var(--size-scalable-27) * -1);
}

.v-m-28 {
  margin: var(--size-scalable-28);
}

.-v-m-28 {
  margin: calc(var(--size-scalable-28) * -1);
}

.v-mt-28 {
  margin-block-start: var(--size-scalable-28);
}

.-v-mt-28 {
  margin-block-start: calc(var(--size-scalable-28) * -1);
}

.v-mb-28 {
  margin-block-end: var(--size-scalable-28);
}

.-v-mb-28 {
  margin-block-end: calc(var(--size-scalable-28) * -1);
}

.v-ml-28 {
  margin-inline-start: var(--size-scalable-28);
}

.-v-ml-28 {
  margin-inline-start: calc(var(--size-scalable-28) * -1);
}

.v-mr-28 {
  margin-inline-end: var(--size-scalable-28);
}

.-v-mr-28 {
  margin-inline-end: calc(var(--size-scalable-28) * -1);
}

.v-mx-28 {
  margin-inline: var(--size-scalable-28);
}

.-v-mx-28 {
  margin-inline: calc(var(--size-scalable-28) * -1);
}

.v-my-28 {
  margin-block: var(--size-scalable-28);
}

.-v-my-28 {
  margin-block: calc(var(--size-scalable-28) * -1);
}

.v-p-28 {
  padding: var(--size-scalable-28);
}

.-v-p-28 {
  padding: calc(var(--size-scalable-28) * -1);
}

.v-pt-28 {
  padding-block-start: var(--size-scalable-28);
}

.-v-pt-28 {
  padding-block-start: calc(var(--size-scalable-28) * -1);
}

.v-pb-28 {
  padding-block-end: var(--size-scalable-28);
}

.-v-pb-28 {
  padding-block-end: calc(var(--size-scalable-28) * -1);
}

.v-pl-28 {
  padding-inline-start: var(--size-scalable-28);
}

.-v-pl-28 {
  padding-inline-start: calc(var(--size-scalable-28) * -1);
}

.v-pr-28 {
  padding-inline-end: var(--size-scalable-28);
}

.-v-pr-28 {
  padding-inline-end: calc(var(--size-scalable-28) * -1);
}

.v-px-28 {
  padding-inline: var(--size-scalable-28);
}

.-v-px-28 {
  padding-inline: calc(var(--size-scalable-28) * -1);
}

.v-py-28 {
  padding-block: var(--size-scalable-28);
}

.-v-py-28 {
  padding-block: calc(var(--size-scalable-28) * -1);
}

.v-gap-28 {
  gap: var(--size-scalable-28);
}

.-v-gap-28 {
  gap: -28px;
}

.v-col-gap-28 {
  column-gap: var(--size-scalable-28);
}

.-v-col-gap-28 {
  column-gap: calc(var(--size-scalable-28) * -1);
}

.v-row-gap-28 {
  row-gap: var(--size-scalable-28);
}

.-v-row-gap-28 {
  row-gap: calc(var(--size-scalable-28) * -1);
}

.v-m-29 {
  margin: var(--size-scalable-29);
}

.-v-m-29 {
  margin: calc(var(--size-scalable-29) * -1);
}

.v-mt-29 {
  margin-block-start: var(--size-scalable-29);
}

.-v-mt-29 {
  margin-block-start: calc(var(--size-scalable-29) * -1);
}

.v-mb-29 {
  margin-block-end: var(--size-scalable-29);
}

.-v-mb-29 {
  margin-block-end: calc(var(--size-scalable-29) * -1);
}

.v-ml-29 {
  margin-inline-start: var(--size-scalable-29);
}

.-v-ml-29 {
  margin-inline-start: calc(var(--size-scalable-29) * -1);
}

.v-mr-29 {
  margin-inline-end: var(--size-scalable-29);
}

.-v-mr-29 {
  margin-inline-end: calc(var(--size-scalable-29) * -1);
}

.v-mx-29 {
  margin-inline: var(--size-scalable-29);
}

.-v-mx-29 {
  margin-inline: calc(var(--size-scalable-29) * -1);
}

.v-my-29 {
  margin-block: var(--size-scalable-29);
}

.-v-my-29 {
  margin-block: calc(var(--size-scalable-29) * -1);
}

.v-p-29 {
  padding: var(--size-scalable-29);
}

.-v-p-29 {
  padding: calc(var(--size-scalable-29) * -1);
}

.v-pt-29 {
  padding-block-start: var(--size-scalable-29);
}

.-v-pt-29 {
  padding-block-start: calc(var(--size-scalable-29) * -1);
}

.v-pb-29 {
  padding-block-end: var(--size-scalable-29);
}

.-v-pb-29 {
  padding-block-end: calc(var(--size-scalable-29) * -1);
}

.v-pl-29 {
  padding-inline-start: var(--size-scalable-29);
}

.-v-pl-29 {
  padding-inline-start: calc(var(--size-scalable-29) * -1);
}

.v-pr-29 {
  padding-inline-end: var(--size-scalable-29);
}

.-v-pr-29 {
  padding-inline-end: calc(var(--size-scalable-29) * -1);
}

.v-px-29 {
  padding-inline: var(--size-scalable-29);
}

.-v-px-29 {
  padding-inline: calc(var(--size-scalable-29) * -1);
}

.v-py-29 {
  padding-block: var(--size-scalable-29);
}

.-v-py-29 {
  padding-block: calc(var(--size-scalable-29) * -1);
}

.v-gap-29 {
  gap: var(--size-scalable-29);
}

.-v-gap-29 {
  gap: -29px;
}

.v-col-gap-29 {
  column-gap: var(--size-scalable-29);
}

.-v-col-gap-29 {
  column-gap: calc(var(--size-scalable-29) * -1);
}

.v-row-gap-29 {
  row-gap: var(--size-scalable-29);
}

.-v-row-gap-29 {
  row-gap: calc(var(--size-scalable-29) * -1);
}

.v-m-30 {
  margin: var(--size-scalable-30);
}

.-v-m-30 {
  margin: calc(var(--size-scalable-30) * -1);
}

.v-mt-30 {
  margin-block-start: var(--size-scalable-30);
}

.-v-mt-30 {
  margin-block-start: calc(var(--size-scalable-30) * -1);
}

.v-mb-30 {
  margin-block-end: var(--size-scalable-30);
}

.-v-mb-30 {
  margin-block-end: calc(var(--size-scalable-30) * -1);
}

.v-ml-30 {
  margin-inline-start: var(--size-scalable-30);
}

.-v-ml-30 {
  margin-inline-start: calc(var(--size-scalable-30) * -1);
}

.v-mr-30 {
  margin-inline-end: var(--size-scalable-30);
}

.-v-mr-30 {
  margin-inline-end: calc(var(--size-scalable-30) * -1);
}

.v-mx-30 {
  margin-inline: var(--size-scalable-30);
}

.-v-mx-30 {
  margin-inline: calc(var(--size-scalable-30) * -1);
}

.v-my-30 {
  margin-block: var(--size-scalable-30);
}

.-v-my-30 {
  margin-block: calc(var(--size-scalable-30) * -1);
}

.v-p-30 {
  padding: var(--size-scalable-30);
}

.-v-p-30 {
  padding: calc(var(--size-scalable-30) * -1);
}

.v-pt-30 {
  padding-block-start: var(--size-scalable-30);
}

.-v-pt-30 {
  padding-block-start: calc(var(--size-scalable-30) * -1);
}

.v-pb-30 {
  padding-block-end: var(--size-scalable-30);
}

.-v-pb-30 {
  padding-block-end: calc(var(--size-scalable-30) * -1);
}

.v-pl-30 {
  padding-inline-start: var(--size-scalable-30);
}

.-v-pl-30 {
  padding-inline-start: calc(var(--size-scalable-30) * -1);
}

.v-pr-30 {
  padding-inline-end: var(--size-scalable-30);
}

.-v-pr-30 {
  padding-inline-end: calc(var(--size-scalable-30) * -1);
}

.v-px-30 {
  padding-inline: var(--size-scalable-30);
}

.-v-px-30 {
  padding-inline: calc(var(--size-scalable-30) * -1);
}

.v-py-30 {
  padding-block: var(--size-scalable-30);
}

.-v-py-30 {
  padding-block: calc(var(--size-scalable-30) * -1);
}

.v-gap-30 {
  gap: var(--size-scalable-30);
}

.-v-gap-30 {
  gap: -30px;
}

.v-col-gap-30 {
  column-gap: var(--size-scalable-30);
}

.-v-col-gap-30 {
  column-gap: calc(var(--size-scalable-30) * -1);
}

.v-row-gap-30 {
  row-gap: var(--size-scalable-30);
}

.-v-row-gap-30 {
  row-gap: calc(var(--size-scalable-30) * -1);
}

.v-m-31 {
  margin: var(--size-scalable-31);
}

.-v-m-31 {
  margin: calc(var(--size-scalable-31) * -1);
}

.v-mt-31 {
  margin-block-start: var(--size-scalable-31);
}

.-v-mt-31 {
  margin-block-start: calc(var(--size-scalable-31) * -1);
}

.v-mb-31 {
  margin-block-end: var(--size-scalable-31);
}

.-v-mb-31 {
  margin-block-end: calc(var(--size-scalable-31) * -1);
}

.v-ml-31 {
  margin-inline-start: var(--size-scalable-31);
}

.-v-ml-31 {
  margin-inline-start: calc(var(--size-scalable-31) * -1);
}

.v-mr-31 {
  margin-inline-end: var(--size-scalable-31);
}

.-v-mr-31 {
  margin-inline-end: calc(var(--size-scalable-31) * -1);
}

.v-mx-31 {
  margin-inline: var(--size-scalable-31);
}

.-v-mx-31 {
  margin-inline: calc(var(--size-scalable-31) * -1);
}

.v-my-31 {
  margin-block: var(--size-scalable-31);
}

.-v-my-31 {
  margin-block: calc(var(--size-scalable-31) * -1);
}

.v-p-31 {
  padding: var(--size-scalable-31);
}

.-v-p-31 {
  padding: calc(var(--size-scalable-31) * -1);
}

.v-pt-31 {
  padding-block-start: var(--size-scalable-31);
}

.-v-pt-31 {
  padding-block-start: calc(var(--size-scalable-31) * -1);
}

.v-pb-31 {
  padding-block-end: var(--size-scalable-31);
}

.-v-pb-31 {
  padding-block-end: calc(var(--size-scalable-31) * -1);
}

.v-pl-31 {
  padding-inline-start: var(--size-scalable-31);
}

.-v-pl-31 {
  padding-inline-start: calc(var(--size-scalable-31) * -1);
}

.v-pr-31 {
  padding-inline-end: var(--size-scalable-31);
}

.-v-pr-31 {
  padding-inline-end: calc(var(--size-scalable-31) * -1);
}

.v-px-31 {
  padding-inline: var(--size-scalable-31);
}

.-v-px-31 {
  padding-inline: calc(var(--size-scalable-31) * -1);
}

.v-py-31 {
  padding-block: var(--size-scalable-31);
}

.-v-py-31 {
  padding-block: calc(var(--size-scalable-31) * -1);
}

.v-gap-31 {
  gap: var(--size-scalable-31);
}

.-v-gap-31 {
  gap: -31px;
}

.v-col-gap-31 {
  column-gap: var(--size-scalable-31);
}

.-v-col-gap-31 {
  column-gap: calc(var(--size-scalable-31) * -1);
}

.v-row-gap-31 {
  row-gap: var(--size-scalable-31);
}

.-v-row-gap-31 {
  row-gap: calc(var(--size-scalable-31) * -1);
}

.v-m-32 {
  margin: var(--size-scalable-32);
}

.-v-m-32 {
  margin: calc(var(--size-scalable-32) * -1);
}

.v-mt-32 {
  margin-block-start: var(--size-scalable-32);
}

.-v-mt-32 {
  margin-block-start: calc(var(--size-scalable-32) * -1);
}

.v-mb-32 {
  margin-block-end: var(--size-scalable-32);
}

.-v-mb-32 {
  margin-block-end: calc(var(--size-scalable-32) * -1);
}

.v-ml-32 {
  margin-inline-start: var(--size-scalable-32);
}

.-v-ml-32 {
  margin-inline-start: calc(var(--size-scalable-32) * -1);
}

.v-mr-32 {
  margin-inline-end: var(--size-scalable-32);
}

.-v-mr-32 {
  margin-inline-end: calc(var(--size-scalable-32) * -1);
}

.v-mx-32 {
  margin-inline: var(--size-scalable-32);
}

.-v-mx-32 {
  margin-inline: calc(var(--size-scalable-32) * -1);
}

.v-my-32 {
  margin-block: var(--size-scalable-32);
}

.-v-my-32 {
  margin-block: calc(var(--size-scalable-32) * -1);
}

.v-p-32 {
  padding: var(--size-scalable-32);
}

.-v-p-32 {
  padding: calc(var(--size-scalable-32) * -1);
}

.v-pt-32 {
  padding-block-start: var(--size-scalable-32);
}

.-v-pt-32 {
  padding-block-start: calc(var(--size-scalable-32) * -1);
}

.v-pb-32 {
  padding-block-end: var(--size-scalable-32);
}

.-v-pb-32 {
  padding-block-end: calc(var(--size-scalable-32) * -1);
}

.v-pl-32 {
  padding-inline-start: var(--size-scalable-32);
}

.-v-pl-32 {
  padding-inline-start: calc(var(--size-scalable-32) * -1);
}

.v-pr-32 {
  padding-inline-end: var(--size-scalable-32);
}

.-v-pr-32 {
  padding-inline-end: calc(var(--size-scalable-32) * -1);
}

.v-px-32 {
  padding-inline: var(--size-scalable-32);
}

.-v-px-32 {
  padding-inline: calc(var(--size-scalable-32) * -1);
}

.v-py-32 {
  padding-block: var(--size-scalable-32);
}

.-v-py-32 {
  padding-block: calc(var(--size-scalable-32) * -1);
}

.v-gap-32 {
  gap: var(--size-scalable-32);
}

.-v-gap-32 {
  gap: -32px;
}

.v-col-gap-32 {
  column-gap: var(--size-scalable-32);
}

.-v-col-gap-32 {
  column-gap: calc(var(--size-scalable-32) * -1);
}

.v-row-gap-32 {
  row-gap: var(--size-scalable-32);
}

.-v-row-gap-32 {
  row-gap: calc(var(--size-scalable-32) * -1);
}

.v-m-33 {
  margin: var(--size-scalable-33);
}

.-v-m-33 {
  margin: calc(var(--size-scalable-33) * -1);
}

.v-mt-33 {
  margin-block-start: var(--size-scalable-33);
}

.-v-mt-33 {
  margin-block-start: calc(var(--size-scalable-33) * -1);
}

.v-mb-33 {
  margin-block-end: var(--size-scalable-33);
}

.-v-mb-33 {
  margin-block-end: calc(var(--size-scalable-33) * -1);
}

.v-ml-33 {
  margin-inline-start: var(--size-scalable-33);
}

.-v-ml-33 {
  margin-inline-start: calc(var(--size-scalable-33) * -1);
}

.v-mr-33 {
  margin-inline-end: var(--size-scalable-33);
}

.-v-mr-33 {
  margin-inline-end: calc(var(--size-scalable-33) * -1);
}

.v-mx-33 {
  margin-inline: var(--size-scalable-33);
}

.-v-mx-33 {
  margin-inline: calc(var(--size-scalable-33) * -1);
}

.v-my-33 {
  margin-block: var(--size-scalable-33);
}

.-v-my-33 {
  margin-block: calc(var(--size-scalable-33) * -1);
}

.v-p-33 {
  padding: var(--size-scalable-33);
}

.-v-p-33 {
  padding: calc(var(--size-scalable-33) * -1);
}

.v-pt-33 {
  padding-block-start: var(--size-scalable-33);
}

.-v-pt-33 {
  padding-block-start: calc(var(--size-scalable-33) * -1);
}

.v-pb-33 {
  padding-block-end: var(--size-scalable-33);
}

.-v-pb-33 {
  padding-block-end: calc(var(--size-scalable-33) * -1);
}

.v-pl-33 {
  padding-inline-start: var(--size-scalable-33);
}

.-v-pl-33 {
  padding-inline-start: calc(var(--size-scalable-33) * -1);
}

.v-pr-33 {
  padding-inline-end: var(--size-scalable-33);
}

.-v-pr-33 {
  padding-inline-end: calc(var(--size-scalable-33) * -1);
}

.v-px-33 {
  padding-inline: var(--size-scalable-33);
}

.-v-px-33 {
  padding-inline: calc(var(--size-scalable-33) * -1);
}

.v-py-33 {
  padding-block: var(--size-scalable-33);
}

.-v-py-33 {
  padding-block: calc(var(--size-scalable-33) * -1);
}

.v-gap-33 {
  gap: var(--size-scalable-33);
}

.-v-gap-33 {
  gap: -33px;
}

.v-col-gap-33 {
  column-gap: var(--size-scalable-33);
}

.-v-col-gap-33 {
  column-gap: calc(var(--size-scalable-33) * -1);
}

.v-row-gap-33 {
  row-gap: var(--size-scalable-33);
}

.-v-row-gap-33 {
  row-gap: calc(var(--size-scalable-33) * -1);
}

.v-m-34 {
  margin: var(--size-scalable-34);
}

.-v-m-34 {
  margin: calc(var(--size-scalable-34) * -1);
}

.v-mt-34 {
  margin-block-start: var(--size-scalable-34);
}

.-v-mt-34 {
  margin-block-start: calc(var(--size-scalable-34) * -1);
}

.v-mb-34 {
  margin-block-end: var(--size-scalable-34);
}

.-v-mb-34 {
  margin-block-end: calc(var(--size-scalable-34) * -1);
}

.v-ml-34 {
  margin-inline-start: var(--size-scalable-34);
}

.-v-ml-34 {
  margin-inline-start: calc(var(--size-scalable-34) * -1);
}

.v-mr-34 {
  margin-inline-end: var(--size-scalable-34);
}

.-v-mr-34 {
  margin-inline-end: calc(var(--size-scalable-34) * -1);
}

.v-mx-34 {
  margin-inline: var(--size-scalable-34);
}

.-v-mx-34 {
  margin-inline: calc(var(--size-scalable-34) * -1);
}

.v-my-34 {
  margin-block: var(--size-scalable-34);
}

.-v-my-34 {
  margin-block: calc(var(--size-scalable-34) * -1);
}

.v-p-34 {
  padding: var(--size-scalable-34);
}

.-v-p-34 {
  padding: calc(var(--size-scalable-34) * -1);
}

.v-pt-34 {
  padding-block-start: var(--size-scalable-34);
}

.-v-pt-34 {
  padding-block-start: calc(var(--size-scalable-34) * -1);
}

.v-pb-34 {
  padding-block-end: var(--size-scalable-34);
}

.-v-pb-34 {
  padding-block-end: calc(var(--size-scalable-34) * -1);
}

.v-pl-34 {
  padding-inline-start: var(--size-scalable-34);
}

.-v-pl-34 {
  padding-inline-start: calc(var(--size-scalable-34) * -1);
}

.v-pr-34 {
  padding-inline-end: var(--size-scalable-34);
}

.-v-pr-34 {
  padding-inline-end: calc(var(--size-scalable-34) * -1);
}

.v-px-34 {
  padding-inline: var(--size-scalable-34);
}

.-v-px-34 {
  padding-inline: calc(var(--size-scalable-34) * -1);
}

.v-py-34 {
  padding-block: var(--size-scalable-34);
}

.-v-py-34 {
  padding-block: calc(var(--size-scalable-34) * -1);
}

.v-gap-34 {
  gap: var(--size-scalable-34);
}

.-v-gap-34 {
  gap: -34px;
}

.v-col-gap-34 {
  column-gap: var(--size-scalable-34);
}

.-v-col-gap-34 {
  column-gap: calc(var(--size-scalable-34) * -1);
}

.v-row-gap-34 {
  row-gap: var(--size-scalable-34);
}

.-v-row-gap-34 {
  row-gap: calc(var(--size-scalable-34) * -1);
}

.v-m-35 {
  margin: var(--size-scalable-35);
}

.-v-m-35 {
  margin: calc(var(--size-scalable-35) * -1);
}

.v-mt-35 {
  margin-block-start: var(--size-scalable-35);
}

.-v-mt-35 {
  margin-block-start: calc(var(--size-scalable-35) * -1);
}

.v-mb-35 {
  margin-block-end: var(--size-scalable-35);
}

.-v-mb-35 {
  margin-block-end: calc(var(--size-scalable-35) * -1);
}

.v-ml-35 {
  margin-inline-start: var(--size-scalable-35);
}

.-v-ml-35 {
  margin-inline-start: calc(var(--size-scalable-35) * -1);
}

.v-mr-35 {
  margin-inline-end: var(--size-scalable-35);
}

.-v-mr-35 {
  margin-inline-end: calc(var(--size-scalable-35) * -1);
}

.v-mx-35 {
  margin-inline: var(--size-scalable-35);
}

.-v-mx-35 {
  margin-inline: calc(var(--size-scalable-35) * -1);
}

.v-my-35 {
  margin-block: var(--size-scalable-35);
}

.-v-my-35 {
  margin-block: calc(var(--size-scalable-35) * -1);
}

.v-p-35 {
  padding: var(--size-scalable-35);
}

.-v-p-35 {
  padding: calc(var(--size-scalable-35) * -1);
}

.v-pt-35 {
  padding-block-start: var(--size-scalable-35);
}

.-v-pt-35 {
  padding-block-start: calc(var(--size-scalable-35) * -1);
}

.v-pb-35 {
  padding-block-end: var(--size-scalable-35);
}

.-v-pb-35 {
  padding-block-end: calc(var(--size-scalable-35) * -1);
}

.v-pl-35 {
  padding-inline-start: var(--size-scalable-35);
}

.-v-pl-35 {
  padding-inline-start: calc(var(--size-scalable-35) * -1);
}

.v-pr-35 {
  padding-inline-end: var(--size-scalable-35);
}

.-v-pr-35 {
  padding-inline-end: calc(var(--size-scalable-35) * -1);
}

.v-px-35 {
  padding-inline: var(--size-scalable-35);
}

.-v-px-35 {
  padding-inline: calc(var(--size-scalable-35) * -1);
}

.v-py-35 {
  padding-block: var(--size-scalable-35);
}

.-v-py-35 {
  padding-block: calc(var(--size-scalable-35) * -1);
}

.v-gap-35 {
  gap: var(--size-scalable-35);
}

.-v-gap-35 {
  gap: -35px;
}

.v-col-gap-35 {
  column-gap: var(--size-scalable-35);
}

.-v-col-gap-35 {
  column-gap: calc(var(--size-scalable-35) * -1);
}

.v-row-gap-35 {
  row-gap: var(--size-scalable-35);
}

.-v-row-gap-35 {
  row-gap: calc(var(--size-scalable-35) * -1);
}

.v-m-36 {
  margin: var(--size-scalable-36);
}

.-v-m-36 {
  margin: calc(var(--size-scalable-36) * -1);
}

.v-mt-36 {
  margin-block-start: var(--size-scalable-36);
}

.-v-mt-36 {
  margin-block-start: calc(var(--size-scalable-36) * -1);
}

.v-mb-36 {
  margin-block-end: var(--size-scalable-36);
}

.-v-mb-36 {
  margin-block-end: calc(var(--size-scalable-36) * -1);
}

.v-ml-36 {
  margin-inline-start: var(--size-scalable-36);
}

.-v-ml-36 {
  margin-inline-start: calc(var(--size-scalable-36) * -1);
}

.v-mr-36 {
  margin-inline-end: var(--size-scalable-36);
}

.-v-mr-36 {
  margin-inline-end: calc(var(--size-scalable-36) * -1);
}

.v-mx-36 {
  margin-inline: var(--size-scalable-36);
}

.-v-mx-36 {
  margin-inline: calc(var(--size-scalable-36) * -1);
}

.v-my-36 {
  margin-block: var(--size-scalable-36);
}

.-v-my-36 {
  margin-block: calc(var(--size-scalable-36) * -1);
}

.v-p-36 {
  padding: var(--size-scalable-36);
}

.-v-p-36 {
  padding: calc(var(--size-scalable-36) * -1);
}

.v-pt-36 {
  padding-block-start: var(--size-scalable-36);
}

.-v-pt-36 {
  padding-block-start: calc(var(--size-scalable-36) * -1);
}

.v-pb-36 {
  padding-block-end: var(--size-scalable-36);
}

.-v-pb-36 {
  padding-block-end: calc(var(--size-scalable-36) * -1);
}

.v-pl-36 {
  padding-inline-start: var(--size-scalable-36);
}

.-v-pl-36 {
  padding-inline-start: calc(var(--size-scalable-36) * -1);
}

.v-pr-36 {
  padding-inline-end: var(--size-scalable-36);
}

.-v-pr-36 {
  padding-inline-end: calc(var(--size-scalable-36) * -1);
}

.v-px-36 {
  padding-inline: var(--size-scalable-36);
}

.-v-px-36 {
  padding-inline: calc(var(--size-scalable-36) * -1);
}

.v-py-36 {
  padding-block: var(--size-scalable-36);
}

.-v-py-36 {
  padding-block: calc(var(--size-scalable-36) * -1);
}

.v-gap-36 {
  gap: var(--size-scalable-36);
}

.-v-gap-36 {
  gap: -36px;
}

.v-col-gap-36 {
  column-gap: var(--size-scalable-36);
}

.-v-col-gap-36 {
  column-gap: calc(var(--size-scalable-36) * -1);
}

.v-row-gap-36 {
  row-gap: var(--size-scalable-36);
}

.-v-row-gap-36 {
  row-gap: calc(var(--size-scalable-36) * -1);
}

.v-m-37 {
  margin: var(--size-scalable-37);
}

.-v-m-37 {
  margin: calc(var(--size-scalable-37) * -1);
}

.v-mt-37 {
  margin-block-start: var(--size-scalable-37);
}

.-v-mt-37 {
  margin-block-start: calc(var(--size-scalable-37) * -1);
}

.v-mb-37 {
  margin-block-end: var(--size-scalable-37);
}

.-v-mb-37 {
  margin-block-end: calc(var(--size-scalable-37) * -1);
}

.v-ml-37 {
  margin-inline-start: var(--size-scalable-37);
}

.-v-ml-37 {
  margin-inline-start: calc(var(--size-scalable-37) * -1);
}

.v-mr-37 {
  margin-inline-end: var(--size-scalable-37);
}

.-v-mr-37 {
  margin-inline-end: calc(var(--size-scalable-37) * -1);
}

.v-mx-37 {
  margin-inline: var(--size-scalable-37);
}

.-v-mx-37 {
  margin-inline: calc(var(--size-scalable-37) * -1);
}

.v-my-37 {
  margin-block: var(--size-scalable-37);
}

.-v-my-37 {
  margin-block: calc(var(--size-scalable-37) * -1);
}

.v-p-37 {
  padding: var(--size-scalable-37);
}

.-v-p-37 {
  padding: calc(var(--size-scalable-37) * -1);
}

.v-pt-37 {
  padding-block-start: var(--size-scalable-37);
}

.-v-pt-37 {
  padding-block-start: calc(var(--size-scalable-37) * -1);
}

.v-pb-37 {
  padding-block-end: var(--size-scalable-37);
}

.-v-pb-37 {
  padding-block-end: calc(var(--size-scalable-37) * -1);
}

.v-pl-37 {
  padding-inline-start: var(--size-scalable-37);
}

.-v-pl-37 {
  padding-inline-start: calc(var(--size-scalable-37) * -1);
}

.v-pr-37 {
  padding-inline-end: var(--size-scalable-37);
}

.-v-pr-37 {
  padding-inline-end: calc(var(--size-scalable-37) * -1);
}

.v-px-37 {
  padding-inline: var(--size-scalable-37);
}

.-v-px-37 {
  padding-inline: calc(var(--size-scalable-37) * -1);
}

.v-py-37 {
  padding-block: var(--size-scalable-37);
}

.-v-py-37 {
  padding-block: calc(var(--size-scalable-37) * -1);
}

.v-gap-37 {
  gap: var(--size-scalable-37);
}

.-v-gap-37 {
  gap: -37px;
}

.v-col-gap-37 {
  column-gap: var(--size-scalable-37);
}

.-v-col-gap-37 {
  column-gap: calc(var(--size-scalable-37) * -1);
}

.v-row-gap-37 {
  row-gap: var(--size-scalable-37);
}

.-v-row-gap-37 {
  row-gap: calc(var(--size-scalable-37) * -1);
}

.v-m-38 {
  margin: var(--size-scalable-38);
}

.-v-m-38 {
  margin: calc(var(--size-scalable-38) * -1);
}

.v-mt-38 {
  margin-block-start: var(--size-scalable-38);
}

.-v-mt-38 {
  margin-block-start: calc(var(--size-scalable-38) * -1);
}

.v-mb-38 {
  margin-block-end: var(--size-scalable-38);
}

.-v-mb-38 {
  margin-block-end: calc(var(--size-scalable-38) * -1);
}

.v-ml-38 {
  margin-inline-start: var(--size-scalable-38);
}

.-v-ml-38 {
  margin-inline-start: calc(var(--size-scalable-38) * -1);
}

.v-mr-38 {
  margin-inline-end: var(--size-scalable-38);
}

.-v-mr-38 {
  margin-inline-end: calc(var(--size-scalable-38) * -1);
}

.v-mx-38 {
  margin-inline: var(--size-scalable-38);
}

.-v-mx-38 {
  margin-inline: calc(var(--size-scalable-38) * -1);
}

.v-my-38 {
  margin-block: var(--size-scalable-38);
}

.-v-my-38 {
  margin-block: calc(var(--size-scalable-38) * -1);
}

.v-p-38 {
  padding: var(--size-scalable-38);
}

.-v-p-38 {
  padding: calc(var(--size-scalable-38) * -1);
}

.v-pt-38 {
  padding-block-start: var(--size-scalable-38);
}

.-v-pt-38 {
  padding-block-start: calc(var(--size-scalable-38) * -1);
}

.v-pb-38 {
  padding-block-end: var(--size-scalable-38);
}

.-v-pb-38 {
  padding-block-end: calc(var(--size-scalable-38) * -1);
}

.v-pl-38 {
  padding-inline-start: var(--size-scalable-38);
}

.-v-pl-38 {
  padding-inline-start: calc(var(--size-scalable-38) * -1);
}

.v-pr-38 {
  padding-inline-end: var(--size-scalable-38);
}

.-v-pr-38 {
  padding-inline-end: calc(var(--size-scalable-38) * -1);
}

.v-px-38 {
  padding-inline: var(--size-scalable-38);
}

.-v-px-38 {
  padding-inline: calc(var(--size-scalable-38) * -1);
}

.v-py-38 {
  padding-block: var(--size-scalable-38);
}

.-v-py-38 {
  padding-block: calc(var(--size-scalable-38) * -1);
}

.v-gap-38 {
  gap: var(--size-scalable-38);
}

.-v-gap-38 {
  gap: -38px;
}

.v-col-gap-38 {
  column-gap: var(--size-scalable-38);
}

.-v-col-gap-38 {
  column-gap: calc(var(--size-scalable-38) * -1);
}

.v-row-gap-38 {
  row-gap: var(--size-scalable-38);
}

.-v-row-gap-38 {
  row-gap: calc(var(--size-scalable-38) * -1);
}

.v-m-39 {
  margin: var(--size-scalable-39);
}

.-v-m-39 {
  margin: calc(var(--size-scalable-39) * -1);
}

.v-mt-39 {
  margin-block-start: var(--size-scalable-39);
}

.-v-mt-39 {
  margin-block-start: calc(var(--size-scalable-39) * -1);
}

.v-mb-39 {
  margin-block-end: var(--size-scalable-39);
}

.-v-mb-39 {
  margin-block-end: calc(var(--size-scalable-39) * -1);
}

.v-ml-39 {
  margin-inline-start: var(--size-scalable-39);
}

.-v-ml-39 {
  margin-inline-start: calc(var(--size-scalable-39) * -1);
}

.v-mr-39 {
  margin-inline-end: var(--size-scalable-39);
}

.-v-mr-39 {
  margin-inline-end: calc(var(--size-scalable-39) * -1);
}

.v-mx-39 {
  margin-inline: var(--size-scalable-39);
}

.-v-mx-39 {
  margin-inline: calc(var(--size-scalable-39) * -1);
}

.v-my-39 {
  margin-block: var(--size-scalable-39);
}

.-v-my-39 {
  margin-block: calc(var(--size-scalable-39) * -1);
}

.v-p-39 {
  padding: var(--size-scalable-39);
}

.-v-p-39 {
  padding: calc(var(--size-scalable-39) * -1);
}

.v-pt-39 {
  padding-block-start: var(--size-scalable-39);
}

.-v-pt-39 {
  padding-block-start: calc(var(--size-scalable-39) * -1);
}

.v-pb-39 {
  padding-block-end: var(--size-scalable-39);
}

.-v-pb-39 {
  padding-block-end: calc(var(--size-scalable-39) * -1);
}

.v-pl-39 {
  padding-inline-start: var(--size-scalable-39);
}

.-v-pl-39 {
  padding-inline-start: calc(var(--size-scalable-39) * -1);
}

.v-pr-39 {
  padding-inline-end: var(--size-scalable-39);
}

.-v-pr-39 {
  padding-inline-end: calc(var(--size-scalable-39) * -1);
}

.v-px-39 {
  padding-inline: var(--size-scalable-39);
}

.-v-px-39 {
  padding-inline: calc(var(--size-scalable-39) * -1);
}

.v-py-39 {
  padding-block: var(--size-scalable-39);
}

.-v-py-39 {
  padding-block: calc(var(--size-scalable-39) * -1);
}

.v-gap-39 {
  gap: var(--size-scalable-39);
}

.-v-gap-39 {
  gap: -39px;
}

.v-col-gap-39 {
  column-gap: var(--size-scalable-39);
}

.-v-col-gap-39 {
  column-gap: calc(var(--size-scalable-39) * -1);
}

.v-row-gap-39 {
  row-gap: var(--size-scalable-39);
}

.-v-row-gap-39 {
  row-gap: calc(var(--size-scalable-39) * -1);
}

.v-m-40 {
  margin: var(--size-scalable-40);
}

.-v-m-40 {
  margin: calc(var(--size-scalable-40) * -1);
}

.v-mt-40 {
  margin-block-start: var(--size-scalable-40);
}

.-v-mt-40 {
  margin-block-start: calc(var(--size-scalable-40) * -1);
}

.v-mb-40 {
  margin-block-end: var(--size-scalable-40);
}

.-v-mb-40 {
  margin-block-end: calc(var(--size-scalable-40) * -1);
}

.v-ml-40 {
  margin-inline-start: var(--size-scalable-40);
}

.-v-ml-40 {
  margin-inline-start: calc(var(--size-scalable-40) * -1);
}

.v-mr-40 {
  margin-inline-end: var(--size-scalable-40);
}

.-v-mr-40 {
  margin-inline-end: calc(var(--size-scalable-40) * -1);
}

.v-mx-40 {
  margin-inline: var(--size-scalable-40);
}

.-v-mx-40 {
  margin-inline: calc(var(--size-scalable-40) * -1);
}

.v-my-40 {
  margin-block: var(--size-scalable-40);
}

.-v-my-40 {
  margin-block: calc(var(--size-scalable-40) * -1);
}

.v-p-40 {
  padding: var(--size-scalable-40);
}

.-v-p-40 {
  padding: calc(var(--size-scalable-40) * -1);
}

.v-pt-40 {
  padding-block-start: var(--size-scalable-40);
}

.-v-pt-40 {
  padding-block-start: calc(var(--size-scalable-40) * -1);
}

.v-pb-40 {
  padding-block-end: var(--size-scalable-40);
}

.-v-pb-40 {
  padding-block-end: calc(var(--size-scalable-40) * -1);
}

.v-pl-40 {
  padding-inline-start: var(--size-scalable-40);
}

.-v-pl-40 {
  padding-inline-start: calc(var(--size-scalable-40) * -1);
}

.v-pr-40 {
  padding-inline-end: var(--size-scalable-40);
}

.-v-pr-40 {
  padding-inline-end: calc(var(--size-scalable-40) * -1);
}

.v-px-40 {
  padding-inline: var(--size-scalable-40);
}

.-v-px-40 {
  padding-inline: calc(var(--size-scalable-40) * -1);
}

.v-py-40 {
  padding-block: var(--size-scalable-40);
}

.-v-py-40 {
  padding-block: calc(var(--size-scalable-40) * -1);
}

.v-gap-40 {
  gap: var(--size-scalable-40);
}

.-v-gap-40 {
  gap: -40px;
}

.v-col-gap-40 {
  column-gap: var(--size-scalable-40);
}

.-v-col-gap-40 {
  column-gap: calc(var(--size-scalable-40) * -1);
}

.v-row-gap-40 {
  row-gap: var(--size-scalable-40);
}

.-v-row-gap-40 {
  row-gap: calc(var(--size-scalable-40) * -1);
}

.v-m-41 {
  margin: var(--size-scalable-41);
}

.-v-m-41 {
  margin: calc(var(--size-scalable-41) * -1);
}

.v-mt-41 {
  margin-block-start: var(--size-scalable-41);
}

.-v-mt-41 {
  margin-block-start: calc(var(--size-scalable-41) * -1);
}

.v-mb-41 {
  margin-block-end: var(--size-scalable-41);
}

.-v-mb-41 {
  margin-block-end: calc(var(--size-scalable-41) * -1);
}

.v-ml-41 {
  margin-inline-start: var(--size-scalable-41);
}

.-v-ml-41 {
  margin-inline-start: calc(var(--size-scalable-41) * -1);
}

.v-mr-41 {
  margin-inline-end: var(--size-scalable-41);
}

.-v-mr-41 {
  margin-inline-end: calc(var(--size-scalable-41) * -1);
}

.v-mx-41 {
  margin-inline: var(--size-scalable-41);
}

.-v-mx-41 {
  margin-inline: calc(var(--size-scalable-41) * -1);
}

.v-my-41 {
  margin-block: var(--size-scalable-41);
}

.-v-my-41 {
  margin-block: calc(var(--size-scalable-41) * -1);
}

.v-p-41 {
  padding: var(--size-scalable-41);
}

.-v-p-41 {
  padding: calc(var(--size-scalable-41) * -1);
}

.v-pt-41 {
  padding-block-start: var(--size-scalable-41);
}

.-v-pt-41 {
  padding-block-start: calc(var(--size-scalable-41) * -1);
}

.v-pb-41 {
  padding-block-end: var(--size-scalable-41);
}

.-v-pb-41 {
  padding-block-end: calc(var(--size-scalable-41) * -1);
}

.v-pl-41 {
  padding-inline-start: var(--size-scalable-41);
}

.-v-pl-41 {
  padding-inline-start: calc(var(--size-scalable-41) * -1);
}

.v-pr-41 {
  padding-inline-end: var(--size-scalable-41);
}

.-v-pr-41 {
  padding-inline-end: calc(var(--size-scalable-41) * -1);
}

.v-px-41 {
  padding-inline: var(--size-scalable-41);
}

.-v-px-41 {
  padding-inline: calc(var(--size-scalable-41) * -1);
}

.v-py-41 {
  padding-block: var(--size-scalable-41);
}

.-v-py-41 {
  padding-block: calc(var(--size-scalable-41) * -1);
}

.v-gap-41 {
  gap: var(--size-scalable-41);
}

.-v-gap-41 {
  gap: -41px;
}

.v-col-gap-41 {
  column-gap: var(--size-scalable-41);
}

.-v-col-gap-41 {
  column-gap: calc(var(--size-scalable-41) * -1);
}

.v-row-gap-41 {
  row-gap: var(--size-scalable-41);
}

.-v-row-gap-41 {
  row-gap: calc(var(--size-scalable-41) * -1);
}

.v-m-42 {
  margin: var(--size-scalable-42);
}

.-v-m-42 {
  margin: calc(var(--size-scalable-42) * -1);
}

.v-mt-42 {
  margin-block-start: var(--size-scalable-42);
}

.-v-mt-42 {
  margin-block-start: calc(var(--size-scalable-42) * -1);
}

.v-mb-42 {
  margin-block-end: var(--size-scalable-42);
}

.-v-mb-42 {
  margin-block-end: calc(var(--size-scalable-42) * -1);
}

.v-ml-42 {
  margin-inline-start: var(--size-scalable-42);
}

.-v-ml-42 {
  margin-inline-start: calc(var(--size-scalable-42) * -1);
}

.v-mr-42 {
  margin-inline-end: var(--size-scalable-42);
}

.-v-mr-42 {
  margin-inline-end: calc(var(--size-scalable-42) * -1);
}

.v-mx-42 {
  margin-inline: var(--size-scalable-42);
}

.-v-mx-42 {
  margin-inline: calc(var(--size-scalable-42) * -1);
}

.v-my-42 {
  margin-block: var(--size-scalable-42);
}

.-v-my-42 {
  margin-block: calc(var(--size-scalable-42) * -1);
}

.v-p-42 {
  padding: var(--size-scalable-42);
}

.-v-p-42 {
  padding: calc(var(--size-scalable-42) * -1);
}

.v-pt-42 {
  padding-block-start: var(--size-scalable-42);
}

.-v-pt-42 {
  padding-block-start: calc(var(--size-scalable-42) * -1);
}

.v-pb-42 {
  padding-block-end: var(--size-scalable-42);
}

.-v-pb-42 {
  padding-block-end: calc(var(--size-scalable-42) * -1);
}

.v-pl-42 {
  padding-inline-start: var(--size-scalable-42);
}

.-v-pl-42 {
  padding-inline-start: calc(var(--size-scalable-42) * -1);
}

.v-pr-42 {
  padding-inline-end: var(--size-scalable-42);
}

.-v-pr-42 {
  padding-inline-end: calc(var(--size-scalable-42) * -1);
}

.v-px-42 {
  padding-inline: var(--size-scalable-42);
}

.-v-px-42 {
  padding-inline: calc(var(--size-scalable-42) * -1);
}

.v-py-42 {
  padding-block: var(--size-scalable-42);
}

.-v-py-42 {
  padding-block: calc(var(--size-scalable-42) * -1);
}

.v-gap-42 {
  gap: var(--size-scalable-42);
}

.-v-gap-42 {
  gap: -42px;
}

.v-col-gap-42 {
  column-gap: var(--size-scalable-42);
}

.-v-col-gap-42 {
  column-gap: calc(var(--size-scalable-42) * -1);
}

.v-row-gap-42 {
  row-gap: var(--size-scalable-42);
}

.-v-row-gap-42 {
  row-gap: calc(var(--size-scalable-42) * -1);
}

.v-m-43 {
  margin: var(--size-scalable-43);
}

.-v-m-43 {
  margin: calc(var(--size-scalable-43) * -1);
}

.v-mt-43 {
  margin-block-start: var(--size-scalable-43);
}

.-v-mt-43 {
  margin-block-start: calc(var(--size-scalable-43) * -1);
}

.v-mb-43 {
  margin-block-end: var(--size-scalable-43);
}

.-v-mb-43 {
  margin-block-end: calc(var(--size-scalable-43) * -1);
}

.v-ml-43 {
  margin-inline-start: var(--size-scalable-43);
}

.-v-ml-43 {
  margin-inline-start: calc(var(--size-scalable-43) * -1);
}

.v-mr-43 {
  margin-inline-end: var(--size-scalable-43);
}

.-v-mr-43 {
  margin-inline-end: calc(var(--size-scalable-43) * -1);
}

.v-mx-43 {
  margin-inline: var(--size-scalable-43);
}

.-v-mx-43 {
  margin-inline: calc(var(--size-scalable-43) * -1);
}

.v-my-43 {
  margin-block: var(--size-scalable-43);
}

.-v-my-43 {
  margin-block: calc(var(--size-scalable-43) * -1);
}

.v-p-43 {
  padding: var(--size-scalable-43);
}

.-v-p-43 {
  padding: calc(var(--size-scalable-43) * -1);
}

.v-pt-43 {
  padding-block-start: var(--size-scalable-43);
}

.-v-pt-43 {
  padding-block-start: calc(var(--size-scalable-43) * -1);
}

.v-pb-43 {
  padding-block-end: var(--size-scalable-43);
}

.-v-pb-43 {
  padding-block-end: calc(var(--size-scalable-43) * -1);
}

.v-pl-43 {
  padding-inline-start: var(--size-scalable-43);
}

.-v-pl-43 {
  padding-inline-start: calc(var(--size-scalable-43) * -1);
}

.v-pr-43 {
  padding-inline-end: var(--size-scalable-43);
}

.-v-pr-43 {
  padding-inline-end: calc(var(--size-scalable-43) * -1);
}

.v-px-43 {
  padding-inline: var(--size-scalable-43);
}

.-v-px-43 {
  padding-inline: calc(var(--size-scalable-43) * -1);
}

.v-py-43 {
  padding-block: var(--size-scalable-43);
}

.-v-py-43 {
  padding-block: calc(var(--size-scalable-43) * -1);
}

.v-gap-43 {
  gap: var(--size-scalable-43);
}

.-v-gap-43 {
  gap: -43px;
}

.v-col-gap-43 {
  column-gap: var(--size-scalable-43);
}

.-v-col-gap-43 {
  column-gap: calc(var(--size-scalable-43) * -1);
}

.v-row-gap-43 {
  row-gap: var(--size-scalable-43);
}

.-v-row-gap-43 {
  row-gap: calc(var(--size-scalable-43) * -1);
}

.v-m-44 {
  margin: var(--size-scalable-44);
}

.-v-m-44 {
  margin: calc(var(--size-scalable-44) * -1);
}

.v-mt-44 {
  margin-block-start: var(--size-scalable-44);
}

.-v-mt-44 {
  margin-block-start: calc(var(--size-scalable-44) * -1);
}

.v-mb-44 {
  margin-block-end: var(--size-scalable-44);
}

.-v-mb-44 {
  margin-block-end: calc(var(--size-scalable-44) * -1);
}

.v-ml-44 {
  margin-inline-start: var(--size-scalable-44);
}

.-v-ml-44 {
  margin-inline-start: calc(var(--size-scalable-44) * -1);
}

.v-mr-44 {
  margin-inline-end: var(--size-scalable-44);
}

.-v-mr-44 {
  margin-inline-end: calc(var(--size-scalable-44) * -1);
}

.v-mx-44 {
  margin-inline: var(--size-scalable-44);
}

.-v-mx-44 {
  margin-inline: calc(var(--size-scalable-44) * -1);
}

.v-my-44 {
  margin-block: var(--size-scalable-44);
}

.-v-my-44 {
  margin-block: calc(var(--size-scalable-44) * -1);
}

.v-p-44 {
  padding: var(--size-scalable-44);
}

.-v-p-44 {
  padding: calc(var(--size-scalable-44) * -1);
}

.v-pt-44 {
  padding-block-start: var(--size-scalable-44);
}

.-v-pt-44 {
  padding-block-start: calc(var(--size-scalable-44) * -1);
}

.v-pb-44 {
  padding-block-end: var(--size-scalable-44);
}

.-v-pb-44 {
  padding-block-end: calc(var(--size-scalable-44) * -1);
}

.v-pl-44 {
  padding-inline-start: var(--size-scalable-44);
}

.-v-pl-44 {
  padding-inline-start: calc(var(--size-scalable-44) * -1);
}

.v-pr-44 {
  padding-inline-end: var(--size-scalable-44);
}

.-v-pr-44 {
  padding-inline-end: calc(var(--size-scalable-44) * -1);
}

.v-px-44 {
  padding-inline: var(--size-scalable-44);
}

.-v-px-44 {
  padding-inline: calc(var(--size-scalable-44) * -1);
}

.v-py-44 {
  padding-block: var(--size-scalable-44);
}

.-v-py-44 {
  padding-block: calc(var(--size-scalable-44) * -1);
}

.v-gap-44 {
  gap: var(--size-scalable-44);
}

.-v-gap-44 {
  gap: -44px;
}

.v-col-gap-44 {
  column-gap: var(--size-scalable-44);
}

.-v-col-gap-44 {
  column-gap: calc(var(--size-scalable-44) * -1);
}

.v-row-gap-44 {
  row-gap: var(--size-scalable-44);
}

.-v-row-gap-44 {
  row-gap: calc(var(--size-scalable-44) * -1);
}

.v-m-45 {
  margin: var(--size-scalable-45);
}

.-v-m-45 {
  margin: calc(var(--size-scalable-45) * -1);
}

.v-mt-45 {
  margin-block-start: var(--size-scalable-45);
}

.-v-mt-45 {
  margin-block-start: calc(var(--size-scalable-45) * -1);
}

.v-mb-45 {
  margin-block-end: var(--size-scalable-45);
}

.-v-mb-45 {
  margin-block-end: calc(var(--size-scalable-45) * -1);
}

.v-ml-45 {
  margin-inline-start: var(--size-scalable-45);
}

.-v-ml-45 {
  margin-inline-start: calc(var(--size-scalable-45) * -1);
}

.v-mr-45 {
  margin-inline-end: var(--size-scalable-45);
}

.-v-mr-45 {
  margin-inline-end: calc(var(--size-scalable-45) * -1);
}

.v-mx-45 {
  margin-inline: var(--size-scalable-45);
}

.-v-mx-45 {
  margin-inline: calc(var(--size-scalable-45) * -1);
}

.v-my-45 {
  margin-block: var(--size-scalable-45);
}

.-v-my-45 {
  margin-block: calc(var(--size-scalable-45) * -1);
}

.v-p-45 {
  padding: var(--size-scalable-45);
}

.-v-p-45 {
  padding: calc(var(--size-scalable-45) * -1);
}

.v-pt-45 {
  padding-block-start: var(--size-scalable-45);
}

.-v-pt-45 {
  padding-block-start: calc(var(--size-scalable-45) * -1);
}

.v-pb-45 {
  padding-block-end: var(--size-scalable-45);
}

.-v-pb-45 {
  padding-block-end: calc(var(--size-scalable-45) * -1);
}

.v-pl-45 {
  padding-inline-start: var(--size-scalable-45);
}

.-v-pl-45 {
  padding-inline-start: calc(var(--size-scalable-45) * -1);
}

.v-pr-45 {
  padding-inline-end: var(--size-scalable-45);
}

.-v-pr-45 {
  padding-inline-end: calc(var(--size-scalable-45) * -1);
}

.v-px-45 {
  padding-inline: var(--size-scalable-45);
}

.-v-px-45 {
  padding-inline: calc(var(--size-scalable-45) * -1);
}

.v-py-45 {
  padding-block: var(--size-scalable-45);
}

.-v-py-45 {
  padding-block: calc(var(--size-scalable-45) * -1);
}

.v-gap-45 {
  gap: var(--size-scalable-45);
}

.-v-gap-45 {
  gap: -45px;
}

.v-col-gap-45 {
  column-gap: var(--size-scalable-45);
}

.-v-col-gap-45 {
  column-gap: calc(var(--size-scalable-45) * -1);
}

.v-row-gap-45 {
  row-gap: var(--size-scalable-45);
}

.-v-row-gap-45 {
  row-gap: calc(var(--size-scalable-45) * -1);
}

.v-m-46 {
  margin: var(--size-scalable-46);
}

.-v-m-46 {
  margin: calc(var(--size-scalable-46) * -1);
}

.v-mt-46 {
  margin-block-start: var(--size-scalable-46);
}

.-v-mt-46 {
  margin-block-start: calc(var(--size-scalable-46) * -1);
}

.v-mb-46 {
  margin-block-end: var(--size-scalable-46);
}

.-v-mb-46 {
  margin-block-end: calc(var(--size-scalable-46) * -1);
}

.v-ml-46 {
  margin-inline-start: var(--size-scalable-46);
}

.-v-ml-46 {
  margin-inline-start: calc(var(--size-scalable-46) * -1);
}

.v-mr-46 {
  margin-inline-end: var(--size-scalable-46);
}

.-v-mr-46 {
  margin-inline-end: calc(var(--size-scalable-46) * -1);
}

.v-mx-46 {
  margin-inline: var(--size-scalable-46);
}

.-v-mx-46 {
  margin-inline: calc(var(--size-scalable-46) * -1);
}

.v-my-46 {
  margin-block: var(--size-scalable-46);
}

.-v-my-46 {
  margin-block: calc(var(--size-scalable-46) * -1);
}

.v-p-46 {
  padding: var(--size-scalable-46);
}

.-v-p-46 {
  padding: calc(var(--size-scalable-46) * -1);
}

.v-pt-46 {
  padding-block-start: var(--size-scalable-46);
}

.-v-pt-46 {
  padding-block-start: calc(var(--size-scalable-46) * -1);
}

.v-pb-46 {
  padding-block-end: var(--size-scalable-46);
}

.-v-pb-46 {
  padding-block-end: calc(var(--size-scalable-46) * -1);
}

.v-pl-46 {
  padding-inline-start: var(--size-scalable-46);
}

.-v-pl-46 {
  padding-inline-start: calc(var(--size-scalable-46) * -1);
}

.v-pr-46 {
  padding-inline-end: var(--size-scalable-46);
}

.-v-pr-46 {
  padding-inline-end: calc(var(--size-scalable-46) * -1);
}

.v-px-46 {
  padding-inline: var(--size-scalable-46);
}

.-v-px-46 {
  padding-inline: calc(var(--size-scalable-46) * -1);
}

.v-py-46 {
  padding-block: var(--size-scalable-46);
}

.-v-py-46 {
  padding-block: calc(var(--size-scalable-46) * -1);
}

.v-gap-46 {
  gap: var(--size-scalable-46);
}

.-v-gap-46 {
  gap: -46px;
}

.v-col-gap-46 {
  column-gap: var(--size-scalable-46);
}

.-v-col-gap-46 {
  column-gap: calc(var(--size-scalable-46) * -1);
}

.v-row-gap-46 {
  row-gap: var(--size-scalable-46);
}

.-v-row-gap-46 {
  row-gap: calc(var(--size-scalable-46) * -1);
}

.v-m-47 {
  margin: var(--size-scalable-47);
}

.-v-m-47 {
  margin: calc(var(--size-scalable-47) * -1);
}

.v-mt-47 {
  margin-block-start: var(--size-scalable-47);
}

.-v-mt-47 {
  margin-block-start: calc(var(--size-scalable-47) * -1);
}

.v-mb-47 {
  margin-block-end: var(--size-scalable-47);
}

.-v-mb-47 {
  margin-block-end: calc(var(--size-scalable-47) * -1);
}

.v-ml-47 {
  margin-inline-start: var(--size-scalable-47);
}

.-v-ml-47 {
  margin-inline-start: calc(var(--size-scalable-47) * -1);
}

.v-mr-47 {
  margin-inline-end: var(--size-scalable-47);
}

.-v-mr-47 {
  margin-inline-end: calc(var(--size-scalable-47) * -1);
}

.v-mx-47 {
  margin-inline: var(--size-scalable-47);
}

.-v-mx-47 {
  margin-inline: calc(var(--size-scalable-47) * -1);
}

.v-my-47 {
  margin-block: var(--size-scalable-47);
}

.-v-my-47 {
  margin-block: calc(var(--size-scalable-47) * -1);
}

.v-p-47 {
  padding: var(--size-scalable-47);
}

.-v-p-47 {
  padding: calc(var(--size-scalable-47) * -1);
}

.v-pt-47 {
  padding-block-start: var(--size-scalable-47);
}

.-v-pt-47 {
  padding-block-start: calc(var(--size-scalable-47) * -1);
}

.v-pb-47 {
  padding-block-end: var(--size-scalable-47);
}

.-v-pb-47 {
  padding-block-end: calc(var(--size-scalable-47) * -1);
}

.v-pl-47 {
  padding-inline-start: var(--size-scalable-47);
}

.-v-pl-47 {
  padding-inline-start: calc(var(--size-scalable-47) * -1);
}

.v-pr-47 {
  padding-inline-end: var(--size-scalable-47);
}

.-v-pr-47 {
  padding-inline-end: calc(var(--size-scalable-47) * -1);
}

.v-px-47 {
  padding-inline: var(--size-scalable-47);
}

.-v-px-47 {
  padding-inline: calc(var(--size-scalable-47) * -1);
}

.v-py-47 {
  padding-block: var(--size-scalable-47);
}

.-v-py-47 {
  padding-block: calc(var(--size-scalable-47) * -1);
}

.v-gap-47 {
  gap: var(--size-scalable-47);
}

.-v-gap-47 {
  gap: -47px;
}

.v-col-gap-47 {
  column-gap: var(--size-scalable-47);
}

.-v-col-gap-47 {
  column-gap: calc(var(--size-scalable-47) * -1);
}

.v-row-gap-47 {
  row-gap: var(--size-scalable-47);
}

.-v-row-gap-47 {
  row-gap: calc(var(--size-scalable-47) * -1);
}

.v-m-48 {
  margin: var(--size-scalable-48);
}

.-v-m-48 {
  margin: calc(var(--size-scalable-48) * -1);
}

.v-mt-48 {
  margin-block-start: var(--size-scalable-48);
}

.-v-mt-48 {
  margin-block-start: calc(var(--size-scalable-48) * -1);
}

.v-mb-48 {
  margin-block-end: var(--size-scalable-48);
}

.-v-mb-48 {
  margin-block-end: calc(var(--size-scalable-48) * -1);
}

.v-ml-48 {
  margin-inline-start: var(--size-scalable-48);
}

.-v-ml-48 {
  margin-inline-start: calc(var(--size-scalable-48) * -1);
}

.v-mr-48 {
  margin-inline-end: var(--size-scalable-48);
}

.-v-mr-48 {
  margin-inline-end: calc(var(--size-scalable-48) * -1);
}

.v-mx-48 {
  margin-inline: var(--size-scalable-48);
}

.-v-mx-48 {
  margin-inline: calc(var(--size-scalable-48) * -1);
}

.v-my-48 {
  margin-block: var(--size-scalable-48);
}

.-v-my-48 {
  margin-block: calc(var(--size-scalable-48) * -1);
}

.v-p-48 {
  padding: var(--size-scalable-48);
}

.-v-p-48 {
  padding: calc(var(--size-scalable-48) * -1);
}

.v-pt-48 {
  padding-block-start: var(--size-scalable-48);
}

.-v-pt-48 {
  padding-block-start: calc(var(--size-scalable-48) * -1);
}

.v-pb-48 {
  padding-block-end: var(--size-scalable-48);
}

.-v-pb-48 {
  padding-block-end: calc(var(--size-scalable-48) * -1);
}

.v-pl-48 {
  padding-inline-start: var(--size-scalable-48);
}

.-v-pl-48 {
  padding-inline-start: calc(var(--size-scalable-48) * -1);
}

.v-pr-48 {
  padding-inline-end: var(--size-scalable-48);
}

.-v-pr-48 {
  padding-inline-end: calc(var(--size-scalable-48) * -1);
}

.v-px-48 {
  padding-inline: var(--size-scalable-48);
}

.-v-px-48 {
  padding-inline: calc(var(--size-scalable-48) * -1);
}

.v-py-48 {
  padding-block: var(--size-scalable-48);
}

.-v-py-48 {
  padding-block: calc(var(--size-scalable-48) * -1);
}

.v-gap-48 {
  gap: var(--size-scalable-48);
}

.-v-gap-48 {
  gap: -48px;
}

.v-col-gap-48 {
  column-gap: var(--size-scalable-48);
}

.-v-col-gap-48 {
  column-gap: calc(var(--size-scalable-48) * -1);
}

.v-row-gap-48 {
  row-gap: var(--size-scalable-48);
}

.-v-row-gap-48 {
  row-gap: calc(var(--size-scalable-48) * -1);
}

.v-m-inherit {
  margin: inherit;
}

.v-m-auto {
  margin: auto;
}

.v-mt-inherit {
  margin-block-start: inherit;
}

.v-mt-auto {
  margin-block-start: auto;
}

.v-mb-inherit {
  margin-block-end: inherit;
}

.v-mb-auto {
  margin-block-end: auto;
}

.v-ml-inherit {
  margin-inline-start: inherit;
}

.v-ml-auto {
  margin-inline-start: auto;
}

.v-mr-inherit {
  margin-inline-end: inherit;
}

.v-mr-auto {
  margin-inline-end: auto;
}

.v-mx-inherit {
  margin-inline: inherit;
}

.v-mx-auto {
  margin-inline: auto;
}

.v-my-inherit {
  margin-block: inherit;
}

.v-my-auto {
  margin-block: auto;
}

.v-p-inherit {
  padding: inherit;
}

.v-pt-inherit {
  padding-block-start: inherit;
}

.v-pb-inherit {
  padding-block-end: inherit;
}

.v-pl-inherit {
  padding-inline-start: inherit;
}

.v-pr-inherit {
  padding-inline-end: inherit;
}

.v-px-inherit {
  padding-inline: inherit;
}

.v-py-inherit {
  padding-block: inherit;
}

.v-gap-inherit {
  gap: inherit;
}

.v-gap-normal {
  gap: normal;
}

.v-col-gap-inherit {
  column-gap: inherit;
}

.v-col-gap-normal {
  column-gap: normal;
}

.v-row-gap-inherit {
  row-gap: inherit;
}

.v-row-gap-normal {
  row-gap: normal;
}

.v-typography-display-1 {
  --typography-font-family: var(--typography-display-1-font-family);
  --typography-font-size: var(--typography-display-1-font-size);
  --typography-font-weight: var(--typography-display-1-font-weight);
  --typography-letter-spacing: var(--typography-display-1-letter-spacing);
  --typography-line-height: var(--typography-display-1-line-height);
  --typography-text-decoration: var(--typography-display-1-text-decoration);
  --typography-text-transform: var(--typography-display-1-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-display-2 {
  --typography-font-family: var(--typography-display-2-font-family);
  --typography-font-size: var(--typography-display-2-font-size);
  --typography-font-weight: var(--typography-display-2-font-weight);
  --typography-letter-spacing: var(--typography-display-2-letter-spacing);
  --typography-line-height: var(--typography-display-2-line-height);
  --typography-text-decoration: var(--typography-display-2-text-decoration);
  --typography-text-transform: var(--typography-display-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-headline-1 {
  --typography-font-family: var(--typography-headline-1-font-family);
  --typography-font-size: var(--typography-headline-1-font-size);
  --typography-font-weight: var(--typography-headline-1-font-weight);
  --typography-letter-spacing: var(--typography-headline-1-letter-spacing);
  --typography-line-height: var(--typography-headline-1-line-height);
  --typography-text-decoration: var(--typography-headline-1-text-decoration);
  --typography-text-transform: var(--typography-headline-1-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-headline-2 {
  --typography-font-family: var(--typography-headline-2-font-family);
  --typography-font-size: var(--typography-headline-2-font-size);
  --typography-font-weight: var(--typography-headline-2-font-weight);
  --typography-letter-spacing: var(--typography-headline-2-letter-spacing);
  --typography-line-height: var(--typography-headline-2-line-height);
  --typography-text-decoration: var(--typography-headline-2-text-decoration);
  --typography-text-transform: var(--typography-headline-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-headline-3 {
  --typography-font-family: var(--typography-headline-3-font-family);
  --typography-font-size: var(--typography-headline-3-font-size);
  --typography-font-weight: var(--typography-headline-3-font-weight);
  --typography-letter-spacing: var(--typography-headline-3-letter-spacing);
  --typography-line-height: var(--typography-headline-3-line-height);
  --typography-text-decoration: var(--typography-headline-3-text-decoration);
  --typography-text-transform: var(--typography-headline-3-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-headline-4 {
  --typography-font-family: var(--typography-headline-4-font-family);
  --typography-font-size: var(--typography-headline-4-font-size);
  --typography-font-weight: var(--typography-headline-4-font-weight);
  --typography-letter-spacing: var(--typography-headline-4-letter-spacing);
  --typography-line-height: var(--typography-headline-4-line-height);
  --typography-text-decoration: var(--typography-headline-4-text-decoration);
  --typography-text-transform: var(--typography-headline-4-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-subtitle-1 {
  --typography-font-family: var(--typography-subtitle-1-font-family);
  --typography-font-size: var(--typography-subtitle-1-font-size);
  --typography-font-weight: var(--typography-subtitle-1-font-weight);
  --typography-letter-spacing: var(--typography-subtitle-1-letter-spacing);
  --typography-line-height: var(--typography-subtitle-1-line-height);
  --typography-text-decoration: var(--typography-subtitle-1-text-decoration);
  --typography-text-transform: var(--typography-subtitle-1-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-subtitle-2 {
  --typography-font-family: var(--typography-subtitle-2-font-family);
  --typography-font-size: var(--typography-subtitle-2-font-size);
  --typography-font-weight: var(--typography-subtitle-2-font-weight);
  --typography-letter-spacing: var(--typography-subtitle-2-letter-spacing);
  --typography-line-height: var(--typography-subtitle-2-line-height);
  --typography-text-decoration: var(--typography-subtitle-2-text-decoration);
  --typography-text-transform: var(--typography-subtitle-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-subtitle-3 {
  --typography-font-family: var(--typography-subtitle-3-font-family);
  --typography-font-size: var(--typography-subtitle-3-font-size);
  --typography-font-weight: var(--typography-subtitle-3-font-weight);
  --typography-letter-spacing: var(--typography-subtitle-3-letter-spacing);
  --typography-line-height: var(--typography-subtitle-3-line-height);
  --typography-text-decoration: var(--typography-subtitle-3-text-decoration);
  --typography-text-transform: var(--typography-subtitle-3-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-overline {
  --typography-font-family: var(--typography-overline-font-family);
  --typography-font-size: var(--typography-overline-font-size);
  --typography-font-weight: var(--typography-overline-font-weight);
  --typography-letter-spacing: var(--typography-overline-letter-spacing);
  --typography-line-height: var(--typography-overline-line-height);
  --typography-text-decoration: var(--typography-overline-text-decoration);
  --typography-text-transform: var(--typography-overline-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-body-1 {
  --typography-font-family: var(--typography-body-1-font-family);
  --typography-font-size: var(--typography-body-1-font-size);
  --typography-font-weight: var(--typography-body-1-font-weight);
  --typography-letter-spacing: var(--typography-body-1-letter-spacing);
  --typography-line-height: var(--typography-body-1-line-height);
  --typography-text-decoration: var(--typography-body-1-text-decoration);
  --typography-text-transform: var(--typography-body-1-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-body-2 {
  --typography-font-family: var(--typography-body-2-font-family);
  --typography-font-size: var(--typography-body-2-font-size);
  --typography-font-weight: var(--typography-body-2-font-weight);
  --typography-letter-spacing: var(--typography-body-2-letter-spacing);
  --typography-line-height: var(--typography-body-2-line-height);
  --typography-text-decoration: var(--typography-body-2-text-decoration);
  --typography-text-transform: var(--typography-body-2-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-body-2-bold {
  --typography-font-family: var(--typography-body-2-bold-font-family);
  --typography-font-size: var(--typography-body-2-bold-font-size);
  --typography-font-weight: var(--typography-body-2-bold-font-weight);
  --typography-letter-spacing: var(--typography-body-2-bold-letter-spacing);
  --typography-line-height: var(--typography-body-2-bold-line-height);
  --typography-text-decoration: var(--typography-body-2-bold-text-decoration);
  --typography-text-transform: var(--typography-body-2-bold-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-body-2-link {
  --typography-font-family: var(--typography-body-2-link-font-family);
  --typography-font-size: var(--typography-body-2-link-font-size);
  --typography-font-weight: var(--typography-body-2-link-font-weight);
  --typography-letter-spacing: var(--typography-body-2-link-letter-spacing);
  --typography-line-height: var(--typography-body-2-link-line-height);
  --typography-text-decoration: var(--typography-body-2-link-text-decoration);
  --typography-text-transform: var(--typography-body-2-link-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-body-2-medium {
  --typography-font-family: var(--typography-body-2-medium-font-family);
  --typography-font-size: var(--typography-body-2-medium-font-size);
  --typography-font-weight: var(--typography-body-2-medium-font-weight);
  --typography-letter-spacing: var(--typography-body-2-medium-letter-spacing);
  --typography-line-height: var(--typography-body-2-medium-line-height);
  --typography-text-decoration: var(--typography-body-2-medium-text-decoration);
  --typography-text-transform: var(--typography-body-2-medium-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-body-3 {
  --typography-font-family: var(--typography-body-3-font-family);
  --typography-font-size: var(--typography-body-3-font-size);
  --typography-font-weight: var(--typography-body-3-font-weight);
  --typography-letter-spacing: var(--typography-body-3-letter-spacing);
  --typography-line-height: var(--typography-body-3-line-height);
  --typography-text-decoration: var(--typography-body-3-text-decoration);
  --typography-text-transform: var(--typography-body-3-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-button-medium {
  --typography-font-family: var(--typography-button-medium-font-family);
  --typography-font-size: var(--typography-button-medium-font-size);
  --typography-font-weight: var(--typography-button-medium-font-weight);
  --typography-letter-spacing: var(--typography-button-medium-letter-spacing);
  --typography-line-height: var(--typography-button-medium-line-height);
  --typography-text-decoration: var(--typography-button-medium-text-decoration);
  --typography-text-transform: var(--typography-button-medium-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-button-large {
  --typography-font-family: var(--typography-button-large-font-family);
  --typography-font-size: var(--typography-button-large-font-size);
  --typography-font-weight: var(--typography-button-large-font-weight);
  --typography-letter-spacing: var(--typography-button-large-letter-spacing);
  --typography-line-height: var(--typography-button-large-line-height);
  --typography-text-decoration: var(--typography-button-large-text-decoration);
  --typography-text-transform: var(--typography-button-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-button-small {
  --typography-font-family: var(--typography-button-small-font-family);
  --typography-font-size: var(--typography-button-small-font-size);
  --typography-font-weight: var(--typography-button-small-font-weight);
  --typography-letter-spacing: var(--typography-button-small-letter-spacing);
  --typography-line-height: var(--typography-button-small-line-height);
  --typography-text-decoration: var(--typography-button-small-text-decoration);
  --typography-text-transform: var(--typography-button-small-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-label-large {
  --typography-font-family: var(--typography-label-large-font-family);
  --typography-font-size: var(--typography-label-large-font-size);
  --typography-font-weight: var(--typography-label-large-font-weight);
  --typography-letter-spacing: var(--typography-label-large-letter-spacing);
  --typography-line-height: var(--typography-label-large-line-height);
  --typography-text-decoration: var(--typography-label-large-text-decoration);
  --typography-text-transform: var(--typography-label-large-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-label-large-active {
  --typography-font-family: var(--typography-label-large-active-font-family);
  --typography-font-size: var(--typography-label-large-active-font-size);
  --typography-font-weight: var(--typography-label-large-active-font-weight);
  --typography-letter-spacing: var(
    --typography-label-large-active-letter-spacing
  );
  --typography-line-height: var(--typography-label-large-active-line-height);
  --typography-text-decoration: var(
    --typography-label-large-active-text-decoration
  );
  --typography-text-transform: var(
    --typography-label-large-active-text-transform
  );
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-label {
  --typography-font-family: var(--typography-label-font-family);
  --typography-font-size: var(--typography-label-font-size);
  --typography-font-weight: var(--typography-label-font-weight);
  --typography-letter-spacing: var(--typography-label-letter-spacing);
  --typography-line-height: var(--typography-label-line-height);
  --typography-text-decoration: var(--typography-label-text-decoration);
  --typography-text-transform: var(--typography-label-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-label-active {
  --typography-font-family: var(--typography-label-active-font-family);
  --typography-font-size: var(--typography-label-active-font-size);
  --typography-font-weight: var(--typography-label-active-font-weight);
  --typography-letter-spacing: var(--typography-label-active-letter-spacing);
  --typography-line-height: var(--typography-label-active-line-height);
  --typography-text-decoration: var(--typography-label-active-text-decoration);
  --typography-text-transform: var(--typography-label-active-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-label-small {
  --typography-font-family: var(--typography-label-small-font-family);
  --typography-font-size: var(--typography-label-small-font-size);
  --typography-font-weight: var(--typography-label-small-font-weight);
  --typography-letter-spacing: var(--typography-label-small-letter-spacing);
  --typography-line-height: var(--typography-label-small-line-height);
  --typography-text-decoration: var(--typography-label-small-text-decoration);
  --typography-text-transform: var(--typography-label-small-text-transform);
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-label-small-active {
  --typography-font-family: var(--typography-label-small-active-font-family);
  --typography-font-size: var(--typography-label-small-active-font-size);
  --typography-font-weight: var(--typography-label-small-active-font-weight);
  --typography-letter-spacing: var(
    --typography-label-small-active-letter-spacing
  );
  --typography-line-height: var(--typography-label-small-active-line-height);
  --typography-text-decoration: var(
    --typography-label-small-active-text-decoration
  );
  --typography-text-transform: var(
    --typography-label-small-active-text-transform
  );
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size);
  font-weight: var(--typography-font-weight);
  letter-spacing: var(--typography-letter-spacing);
  line-height: var(--typography-line-height);
  text-decoration: var(--typography-text-decoration);
  text-transform: var(--typography-text-transform);
}

.v-typography-color-default {
  color: var(--palette-default-text);
}

.v-typography-color-subtle {
  color: var(--palette-default-text-subtle);
}

.v-typography-color-active {
  color: var(--palette-default-active);
}

.v-typography-color-on-active {
  color: var(--palette-default-on-active);
}