@volverjs/style 0.1.2-beta.5 → 0.1.2-beta.6

package/dist/components/assets/vv-nav.3896d2c7.js

@@ -0,0 +1 @@
+

package/dist/components/vv-accordion.css

@@ -0,0 +1 @@
+:where(:host,:root,.theme){--vv-accordion-element-summary-position: relative;--vv-accordion-element-summary-cursor: pointer;--vv-accordion-element-summary-line-height: var(--leading-normal);--vv-accordion-element-summary-color: var(--color-word-2);--vv-accordion-element-summary-will-change: background-color;--vv-accordion-element-summary-transition: background-color .2s ease-in-out;--vv-accordion-element-summary-font-size: var(--text-sm);--vv-accordion-element-summary-pseudo-before-display: block;--vv-accordion-element-summary-pseudo-before-position: absolute;--vv-accordion-element-summary-pseudo-before-width: calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-height: calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-background-image: var(--bg-chevron);--vv-accordion-element-summary-pseudo-before-background-position: center;--vv-accordion-element-summary-pseudo-before-background-size: 1em;--vv-accordion-element-summary-pseudo-before-background-repeat: no-repeat;--vv-accordion-element-summary-pseudo-before-will-change: transform;--vv-accordion-element-summary-pseudo-before-transition: transform .2s ease-in-out;--vv-accordion-element-summary-pseudo-before-transform: rotate(-90deg);--vv-accordion-element-summary-pseudo-marker-display: none;--vv-accordion-element-summary-pseudo--webkit-details-marker-display: none;--vv-accordion-element-content-padding-block: var(--spacing-sm);--vv-accordion-state-open-element-summary-pseudo-before-transform: rotate(0);--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left: auto;--vv-accordion-modifier-marker-right-element-summary-pseudo-before-transform: rotate(0def);--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-transform: rotate(-180deg);--vv-accordion-modifier-bordered-border-bottom: var(--border) solid var(--color-surface-2);--vv-accordion-modifier-bordered-element-summary-state-hover-background-color: var(--color-surface-1);--vv-accordion-modifier-bordered-state-open-element-summary-background-color: var(--color-surface-2)}:where(.vv-accordion){--accordion-marker-size: calc(var(--spacing-sm) + var(--leading-normal) * 1em);--accordion-padding-top: 0px;--accordion-padding-right: 0px;--accordion-padding-bottom: 0px;--accordion-padding-left: 0px}:where(.vv-accordion__summary,.vv-accordion > summary){position:var(--vv-accordion-element-summary-position);cursor:var(--vv-accordion-element-summary-cursor);padding-top:var(--accordion-padding-top);padding-right:var(--accordion-padding-right);padding-bottom:var(--accordion-padding-bottom);padding-left:calc(var(--accordion-padding-left) + var(--accordion-marker-size));line-height:var(--vv-accordion-element-summary-line-height);color:var(--vv-accordion-element-summary-color);will-change:var(--vv-accordion-element-summary-will-change);transition:var(--vv-accordion-element-summary-transition);font-size:var(--vv-accordion-element-summary-font-size)}:where(.vv-accordion__summary,.vv-accordion > summary):before{content:"";display:var(--vv-accordion-element-summary-pseudo-before-display);position:var(--vv-accordion-element-summary-pseudo-before-position);top:var(--accordion-padding-top);left:var(--accordion-padding-left);width:var(--vv-accordion-element-summary-pseudo-before-width);height:var(--vv-accordion-element-summary-pseudo-before-height);background-image:var(--vv-accordion-element-summary-pseudo-before-background-image);background-position:var(--vv-accordion-element-summary-pseudo-before-background-position);background-size:var(--vv-accordion-element-summary-pseudo-before-background-size);background-repeat:var(--vv-accordion-element-summary-pseudo-before-background-repeat);will-change:var(--vv-accordion-element-summary-pseudo-before-will-change);transition:var(--vv-accordion-element-summary-pseudo-before-transition);transform:var(--vv-accordion-element-summary-pseudo-before-transform)}:where(.vv-accordion__summary,.vv-accordion > summary)::marker{content:"";display:var(--vv-accordion-element-summary-pseudo-marker-display)}:where(.vv-accordion__summary,.vv-accordion > summary)::-webkit-details-marker{content:"";display:var(--vv-accordion-element-summary-pseudo--webkit-details-marker-display)}:where(.vv-accordion__content,.vv-accordion > summary + *){padding-block:var(--vv-accordion-element-content-padding-block);padding-inline:var(--accordion-padding-left) var(--accordion-padding-right)}:where(.vv-accordion--open .vv-accordion__summary,.vv-accordion.open .vv-accordion__summary,.vv-accordion[open] .vv-accordion__summary,.vv-accordion--open > summary,.vv-accordion.open > summary,.vv-accordion[open] > summary):before{content:"";transform:var(--vv-accordion-state-open-element-summary-pseudo-before-transform)}:where(.vv-accordion--marker-right .vv-accordion__summary,.vv-accordion--marker-right > summary){padding-right:calc(var(--accordion-padding-right) + var(--accordion-marker-size));padding-left:var(--accordion-padding-left)}:where(.vv-accordion--marker-right .vv-accordion__summary,.vv-accordion--marker-right > summary):before{content:"";left:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left);right:var(--accordion-padding-right);transform:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-transform)}:where(.vv-accordion--marker-right.vv-accordion--open .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion.open .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion[open] .vv-accordion__summary,.vv-accordion--marker-right.vv-accordion--open > summary,.vv-accordion--marker-right.vv-accordion.open > summary,.vv-accordion--marker-right.vv-accordion[open] > summary):before{content:"";transform:var(--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-transform)}:where(.vv-accordion--bordered.vv-accordion){--accordion-padding-top: var(--spacing-sm);--accordion-padding-right: var(--spacing-sm);--accordion-padding-bottom: var(--spacing-sm);--accordion-padding-left: var(--spacing-sm);border-bottom:var(--vv-accordion-modifier-bordered-border-bottom)}:where(.vv-accordion--bordered .vv-accordion__summary--hover,.vv-accordion--bordered .vv-accordion__summary.hover,.vv-accordion--bordered > summary.hover,.vv-accordion--bordered .vv-accordion__summary:not([disabled]):hover,.vv-accordion--bordered > summary:not([disabled]):hover){background-color:var(--vv-accordion-modifier-bordered-element-summary-state-hover-background-color)}:where(.vv-accordion--bordered.vv-accordion--open .vv-accordion__summary,.vv-accordion--bordered.vv-accordion.open .vv-accordion__summary,.vv-accordion--bordered.vv-accordion[open] .vv-accordion__summary,.vv-accordion--bordered.vv-accordion--open > summary,.vv-accordion--bordered.vv-accordion.open > summary,.vv-accordion--bordered.vv-accordion[open] > summary){background-color:var(--vv-accordion-modifier-bordered-state-open-element-summary-background-color)}

package/dist/components/vv-badge.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-badge-border-radius: 1.0465em;--vv-badge-background: var(--color-brand);--vv-badge-color: var(--color-white);--vv-badge-font-size: .6em;--vv-badge-height: 2.093em;--vv-badge-min-width: 2.093em;--vv-badge-padding: .37em .475em;--vv-badge-display: inline-flex;--vv-badge-justify-content: center;--vv-badge-font-weight: normal;--vv-badge-font-family: var(--font-sans);--vv-badge-text-shadow: none;--vv-badge-state-empty-font-size: inherit;--vv-badge-state-empty-width: .5em;--vv-badge-state-empty-height: .5em;--vv-badge-state-empty-min-width: 0;--vv-badge-state-empty-border-radius: .25em;--vv-badge-state-empty-padding: 0;--vv-badge-modifier-white-background: hsla(var(--color-white-hue) var(--color-white-saturation) var(--color-white-lightness)/80%);--vv-badge-modifier-white-color: var(--color-black);--vv-badge-modifier-black-background: hsla(var(--color-black-hue) var(--color-black-saturation) var(--color-black-lightness)/80%);--vv-badge-modifier-black-color: var(--color-white);--vv-badge-modifier-danger-background: var(--color-danger);--vv-badge-modifier-success-background: var(--color-success);--vv-badge-modifier-warning-background: var(--color-warning)}:where(.vv-badge){border-radius:var(--vv-badge-border-radius);background:var(--vv-badge-background);color:var(--vv-badge-color);font-size:var(--vv-badge-font-size);height:var(--vv-badge-height);min-width:var(--vv-badge-min-width);padding:var(--vv-badge-padding);display:var(--vv-badge-display);justify-content:var(--vv-badge-justify-content);font-weight:var(--vv-badge-font-weight);font-family:var(--vv-badge-font-family);text-shadow:var(--vv-badge-text-shadow)}:where(.vv-badge--empty,.vv-badge.empty,.vv-badge:not([disabled]):empty){--vv-badge-font-size: var(--vv-badge-state-empty-font-size);width:var(--vv-badge-state-empty-width);--vv-badge-height: var(--vv-badge-state-empty-height);--vv-badge-min-width: var(--vv-badge-state-empty-min-width);--vv-badge-border-radius: var(--vv-badge-state-empty-border-radius);--vv-badge-padding: var(--vv-badge-state-empty-padding)}:where(.vv-badge--white.vv-badge){--vv-badge-background: var(--vv-badge-modifier-white-background);--vv-badge-color: var(--vv-badge-modifier-white-color)}:where(.vv-badge--black.vv-badge){--vv-badge-background: var(--vv-badge-modifier-black-background);--vv-badge-color: var(--vv-badge-modifier-black-color)}:where(.vv-badge--danger.vv-badge){--vv-badge-background: var(--vv-badge-modifier-danger-background)}:where(.vv-badge--success.vv-badge){--vv-badge-background: var(--vv-badge-modifier-success-background)}:where(.vv-badge--warning.vv-badge){--vv-badge-background: var(--vv-badge-modifier-warning-background)}
+:where(:host,:root,.theme){--vv-badge-border-radius: 1.0465em;--vv-badge-background: var(--color-brand);--vv-badge-color: var(--color-white);--vv-badge-font-size: .6em;--vv-badge-height: 2.093em;--vv-badge-min-width: 2.093em;--vv-badge-padding: .37em .475em;--vv-badge-display: inline-flex;--vv-badge-justify-content: center;--vv-badge-font-family: var(--font-sans);--vv-badge-line-height: var(--leading-normal);--vv-badge-state-empty-font-size: inherit;--vv-badge-state-empty-width: .5em;--vv-badge-state-empty-height: .5em;--vv-badge-state-empty-min-width: 0;--vv-badge-state-empty-border-radius: .25em;--vv-badge-state-empty-padding: 0;--vv-badge-modifier-white-background: hsla(var(--color-white-hue) var(--color-white-saturation) var(--color-white-lightness)/80%);--vv-badge-modifier-white-color: var(--color-black);--vv-badge-modifier-black-background: hsla(var(--color-black-hue) var(--color-black-saturation) var(--color-black-lightness)/80%);--vv-badge-modifier-black-color: var(--color-white);--vv-badge-modifier-danger-background: var(--color-danger);--vv-badge-modifier-success-background: var(--color-success);--vv-badge-modifier-warning-background: var(--color-warning)}:where(.vv-badge){border-radius:var(--vv-badge-border-radius);background:var(--vv-badge-background);color:var(--vv-badge-color);font-size:var(--vv-badge-font-size);height:var(--vv-badge-height);min-width:var(--vv-badge-min-width);padding:var(--vv-badge-padding);display:var(--vv-badge-display);justify-content:var(--vv-badge-justify-content);font-family:var(--vv-badge-font-family);line-height:var(--vv-badge-line-height)}:where(.vv-badge--empty,.vv-badge.empty,.vv-badge:not([disabled]):empty){--vv-badge-font-size: var(--vv-badge-state-empty-font-size);width:var(--vv-badge-state-empty-width);--vv-badge-height: var(--vv-badge-state-empty-height);--vv-badge-min-width: var(--vv-badge-state-empty-min-width);--vv-badge-border-radius: var(--vv-badge-state-empty-border-radius);--vv-badge-padding: var(--vv-badge-state-empty-padding)}:where(.vv-badge--white.vv-badge){--vv-badge-background: var(--vv-badge-modifier-white-background);--vv-badge-color: var(--vv-badge-modifier-white-color)}:where(.vv-badge--black.vv-badge){--vv-badge-background: var(--vv-badge-modifier-black-background);--vv-badge-color: var(--vv-badge-modifier-black-color)}:where(.vv-badge--danger.vv-badge){--vv-badge-background: var(--vv-badge-modifier-danger-background)}:where(.vv-badge--success.vv-badge){--vv-badge-background: var(--vv-badge-modifier-success-background)}:where(.vv-badge--warning.vv-badge){--vv-badge-background: var(--vv-badge-modifier-warning-background)}

package/dist/components/vv-breadcrumb.css

@@ -0,0 +1 @@
+:where(:host,:root,.theme){--vv-breadcrumb-element-list-position: relative;--vv-breadcrumb-element-list-display: flex;--vv-breadcrumb-element-list-flex-wrap: no-wrap;--vv-breadcrumb-element-list-list-style: none;--vv-breadcrumb-element-list-overflow: auto;--vv-breadcrumb-element-list-padding: 0;--vv-breadcrumb-element-list-background: var(--color-surface);--vv-breadcrumb-element-list-pseudo-after-position: absolute;--vv-breadcrumb-element-list-pseudo-after-top: 0;--vv-breadcrumb-element-list-pseudo-after-bottom: 0;--vv-breadcrumb-element-list-pseudo-after-right: 0;--vv-breadcrumb-element-list-pseudo-after-display: block;--vv-breadcrumb-element-list-pseudo-after-width: var(--spacing-sm);--vv-breadcrumb-element-list-pseudo-after-background: linear-gradient(45deg, transparent, var(--color-surface));--vv-breadcrumb-element-item-display: inline-flex;--vv-breadcrumb-element-item-color: var(--color-word-2);--vv-breadcrumb-element-item-pseudo-after-display: block;--vv-breadcrumb-element-item-pseudo-after-margin-inline: 1ch;--vv-breadcrumb-element-item-pseudo-after-width: calc(var(--leading-normal) * 1em);--vv-breadcrumb-element-item-pseudo-after-height: calc(var(--leading-normal) * 1em);--vv-breadcrumb-element-item-pseudo-after-background-image: var(--bg-chevron);--vv-breadcrumb-element-item-pseudo-after-background-position: center;--vv-breadcrumb-element-item-pseudo-after-background-size: 1em;--vv-breadcrumb-element-item-pseudo-after-background-repeat: no-repeat;--vv-breadcrumb-element-item-pseudo-after-transform: rotate(-90deg);--vv-breadcrumb-element-item-active-display: inline-flex;--vv-breadcrumb-element-item-active-font-weight: var(--font-bold);--vv-breadcrumb-element-item-active-padding-right: var(--spacing-16);--vv-breadcrumb-element-link-state-hover-text-decoration: underline;--vv-breadcrumb-element-link-state-focus-within-text-decoration: underline;--vv-breadcrumb-element-link-state-active-color: var(--color-brand-darken-2);--vv-breadcrumb-modifier-multiline-element-list-flex-wrap: wrap;--vv-breadcrumb-modifier-multiline-element-item-font-size: var(--text-12);--vv-breadcrumb-modifier-multiline-element-item-active-width: 100%;--vv-breadcrumb-modifier-multiline-element-item-active-font-size: var(--text-18);--vv-breadcrumb-modifier-multiline-element-item-active-line-height: var(--leading-relaxed)}:where(.vv-breadcrumb__list,.vv-breadcrumb > ol){position:var(--vv-breadcrumb-element-list-position);display:var(--vv-breadcrumb-element-list-display);flex-wrap:var(--vv-breadcrumb-element-list-flex-wrap);list-style:var(--vv-breadcrumb-element-list-list-style);overflow:var(--vv-breadcrumb-element-list-overflow);padding:var(--vv-breadcrumb-element-list-padding);background:var(--vv-breadcrumb-element-list-background)}:where(.vv-breadcrumb__list,.vv-breadcrumb > ol):after{content:"";position:var(--vv-breadcrumb-element-list-pseudo-after-position);top:var(--vv-breadcrumb-element-list-pseudo-after-top);bottom:var(--vv-breadcrumb-element-list-pseudo-after-bottom);right:var(--vv-breadcrumb-element-list-pseudo-after-right);display:var(--vv-breadcrumb-element-list-pseudo-after-display);width:var(--vv-breadcrumb-element-list-pseudo-after-width);background:var(--vv-breadcrumb-element-list-pseudo-after-background)}:where(.vv-breadcrumb__item,.vv-breadcrumb > ol > li[\:has\(a\)]){display:var(--vv-breadcrumb-element-item-display);color:var(--vv-breadcrumb-element-item-color)}:where(.vv-breadcrumb__item,.vv-breadcrumb > ol > li:has(a)){display:var(--vv-breadcrumb-element-item-display);color:var(--vv-breadcrumb-element-item-color)}:where(.vv-breadcrumb__item,.vv-breadcrumb > ol > li[\:has\(a\)]):after{content:"";display:var(--vv-breadcrumb-element-item-pseudo-after-display);margin-inline:var(--vv-breadcrumb-element-item-pseudo-after-margin-inline);width:var(--vv-breadcrumb-element-item-pseudo-after-width);height:var(--vv-breadcrumb-element-item-pseudo-after-height);background-image:var(--vv-breadcrumb-element-item-pseudo-after-background-image);background-position:var(--vv-breadcrumb-element-item-pseudo-after-background-position);background-size:var(--vv-breadcrumb-element-item-pseudo-after-background-size);background-repeat:var(--vv-breadcrumb-element-item-pseudo-after-background-repeat);transform:var(--vv-breadcrumb-element-item-pseudo-after-transform)}:where(.vv-breadcrumb__item,.vv-breadcrumb > ol > li:has(a)):after{content:"";display:var(--vv-breadcrumb-element-item-pseudo-after-display);margin-inline:var(--vv-breadcrumb-element-item-pseudo-after-margin-inline);width:var(--vv-breadcrumb-element-item-pseudo-after-width);height:var(--vv-breadcrumb-element-item-pseudo-after-height);background-image:var(--vv-breadcrumb-element-item-pseudo-after-background-image);background-position:var(--vv-breadcrumb-element-item-pseudo-after-background-position);background-size:var(--vv-breadcrumb-element-item-pseudo-after-background-size);background-repeat:var(--vv-breadcrumb-element-item-pseudo-after-background-repeat);transform:var(--vv-breadcrumb-element-item-pseudo-after-transform)}:where(.vv-breadcrumb__item-active,.vv-breadcrumb > ol > li[\:not-has\(a\)]){display:var(--vv-breadcrumb-element-item-active-display);font-weight:var(--vv-breadcrumb-element-item-active-font-weight);padding-right:var(--vv-breadcrumb-element-item-active-padding-right)}:where(.vv-breadcrumb__item-active,.vv-breadcrumb > ol > li:not(:has(a))){display:var(--vv-breadcrumb-element-item-active-display);font-weight:var(--vv-breadcrumb-element-item-active-font-weight);padding-right:var(--vv-breadcrumb-element-item-active-padding-right)}:where(.vv-breadcrumb__link--hover,.vv-breadcrumb__link.hover,.vv-breadcrumb > ol > li > a.hover,.vv-breadcrumb__link:not([disabled]):hover,.vv-breadcrumb > ol > li > a:not([disabled]):hover){-webkit-text-decoration:var(--vv-breadcrumb-element-link-state-hover-text-decoration);text-decoration:var(--vv-breadcrumb-element-link-state-hover-text-decoration)}:where(.vv-breadcrumb__link--focus-within,.vv-breadcrumb__link.focus-within,.vv-breadcrumb > ol > li > a.focus-within,.vv-breadcrumb__link:not([disabled]):focus-within,.vv-breadcrumb > ol > li > a:not([disabled]):focus-within){-webkit-text-decoration:var(--vv-breadcrumb-element-link-state-focus-within-text-decoration);text-decoration:var(--vv-breadcrumb-element-link-state-focus-within-text-decoration)}:where(.vv-breadcrumb__link--active,.vv-breadcrumb__link.active,.vv-breadcrumb > ol > li > a.active,.vv-breadcrumb__link:not([disabled]):active,.vv-breadcrumb > ol > li > a:not([disabled]):active){color:var(--vv-breadcrumb-element-link-state-active-color)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__list,.vv-breadcrumb--multiline > ol){flex-wrap:var(--vv-breadcrumb-modifier-multiline-element-list-flex-wrap)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__item,.vv-breadcrumb--multiline > ol > li[\:has\(a\)]){font-size:var(--vv-breadcrumb-modifier-multiline-element-item-font-size)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__item,.vv-breadcrumb--multiline > ol > li:has(a)){font-size:var(--vv-breadcrumb-modifier-multiline-element-item-font-size)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__item-active,.vv-breadcrumb--multiline > ol > li[\:not-has\(a\)]){width:var(--vv-breadcrumb-modifier-multiline-element-item-active-width);font-size:var(--vv-breadcrumb-modifier-multiline-element-item-active-font-size);line-height:var(--vv-breadcrumb-modifier-multiline-element-item-active-line-height)}:where(.vv-breadcrumb--multiline .vv-breadcrumb__item-active,.vv-breadcrumb--multiline > ol > li:not(:has(a))){width:var(--vv-breadcrumb-modifier-multiline-element-item-active-width);font-size:var(--vv-breadcrumb-modifier-multiline-element-item-active-font-size);line-height:var(--vv-breadcrumb-modifier-multiline-element-item-active-line-height)}

package/dist/components/vv-button-group.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-button-group-display: inline-flex;--vv-button-group-align-items: center;--vv-button-group-gap: var(--spacing-4);--vv-button-group-modifier-block-display: flex;--vv-button-group-modifier-block-width: 100%;--vv-button-group-modifier-vertical-display: inline-flex;--vv-button-group-modifier-vertical-flex-direction: column;--vv-button-group-modifier-vertical-align-items: normal;--vv-button-group-modifier-compact-gap: 0;--vv-button-group-modifier-compact-align-items: normal}:where(.vv-button-group){display:var(--vv-button-group-display);align-items:var(--vv-button-group-align-items);gap:var(--vv-button-group-gap)}:where(.vv-button-group--block.vv-button-group){--vv-button-group-display: var(--vv-button-group-modifier-block-display);width:var(--vv-button-group-modifier-block-width)}:where(.vv-button-group--vertical.vv-button-group){--vv-button-group-display: var(--vv-button-group-modifier-vertical-display);flex-direction:var(--vv-button-group-modifier-vertical-flex-direction);--vv-button-group-align-items: var(--vv-button-group-modifier-vertical-align-items)}:where(.vv-button-group--compact.vv-button-group){--vv-button-group-gap: var(--vv-button-group-modifier-compact-gap);--vv-button-group-align-items: var(--vv-button-group-modifier-compact-align-items)}:where(.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]).active,.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]).vv-button--active,.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]):active){z-index:1}.vv-button-group--block :where(.vv-button){flex:1}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:first-child)){border-top-right-radius:0;border-top-left-radius:0}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:last-child)){border-bottom-right-radius:0;border-bottom-left-radius:0}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:last-child):not(:last-child)){margin-block:calc(var(--spacing-2) * -1)}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:first-child)){border-top-left-radius:0;border-bottom-left-radius:0}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:last-child)){border-top-right-radius:0;border-bottom-right-radius:0}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:last-child):not(:last-child)){margin-inline:calc(var(--spacing-2) * -1)}
+:where(:host,:root,.theme){--vv-button-group-display: inline-flex;--vv-button-group-align-items: center;--vv-button-group-gap: var(--spacing-4);--vv-button-group-modifier-block-display: flex;--vv-button-group-modifier-block-width: 100%;--vv-button-group-modifier-vertical-display: inline-flex;--vv-button-group-modifier-vertical-flex-direction: column;--vv-button-group-modifier-vertical-align-items: normal;--vv-button-group-modifier-compact-gap: 0;--vv-button-group-modifier-compact-align-items: normal}:where(.vv-button-group){display:var(--vv-button-group-display);align-items:var(--vv-button-group-align-items);gap:var(--vv-button-group-gap)}:where(.vv-button-group--block.vv-button-group){--vv-button-group-display: var(--vv-button-group-modifier-block-display);width:var(--vv-button-group-modifier-block-width)}:where(.vv-button-group--vertical.vv-button-group){--vv-button-group-display: var(--vv-button-group-modifier-vertical-display);flex-direction:var(--vv-button-group-modifier-vertical-flex-direction);--vv-button-group-align-items: var(--vv-button-group-modifier-vertical-align-items)}:where(.vv-button-group--compact.vv-button-group){--vv-button-group-gap: var(--vv-button-group-modifier-compact-gap);--vv-button-group-align-items: var(--vv-button-group-modifier-compact-align-items)}:where(.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]).active,.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]).vv-button--active,.vv-button-group--block .vv-button:not([disabled]):not([tabindex="-1"]):active){z-index:1}.vv-button-group--block :where(.vv-button){flex:1}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:first-child)){border-top-right-radius:0;border-top-left-radius:0}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:last-child)){border-bottom-right-radius:0;border-bottom-left-radius:0}:where(.vv-button-group--compact.vv-button-group--vertical .vv-button:not(:last-child):not(:last-child)){margin-block:calc(var(--border-2) * -1)}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:first-child)){border-top-left-radius:0;border-bottom-left-radius:0}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:last-child)){border-top-right-radius:0;border-bottom-right-radius:0}:where(.vv-button-group--compact:not(.vv-button-group--vertical) .vv-button:not(:last-child):not(:last-child)){margin-inline:calc(var(--border-2) * -1)}

package/dist/components/vv-button.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-button-position: relative;--vv-button-background: var(--color-brand);--vv-button-border-radius: .5ch;--vv-button-border-width: var(--spacing-2);--vv-button-border-style: solid;--vv-button-border-color: var(--color-brand);--vv-button-color: var(--color-white);--vv-button-font-family: var(--font-sans);--vv-button-font-weight: var(--font-semibold);--vv-button-gap: 1ch;--vv-button-line-height: var(--leading-normal);--vv-button-padding-block: .75ch;--vv-button-padding-inline: 1.75ch;--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: all .2s ease-in-out;--vv-button-will-change: all;--vv-button-min-width: 0;--vv-button-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background: var(--color-brand-darken-1);--vv-button-state-hover-border-color: var(--color-brand-darken-1);--vv-button-state-active-background: var(--color-brand-darken-2);--vv-button-state-active-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: .5;--vv-button-state-disabled-cursor: not-allowed;--vv-button-element-icon-block-size: 1.1em;--vv-button-element-icon-inline-size: 1.1em;--vv-button-element-icon-margin: 0;--vv-button-element-icon-stroke: currentcolor;--vv-button-element-icon-fill: none;--vv-button-element-icon-flex-shrink: 0;--vv-button-element-icon-stroke-linecap: round;--vv-button-element-icon-stroke-linejoin: round;--vv-button-element-label-white-space: nowrap;--vv-button-element-label-text-overflow: ellipsis;--vv-button-element-label-min-width: 0;--vv-button-element-label-overflow: hidden;--vv-button-modifier-primary-background: var(--color-gray-darken-3);--vv-button-modifier-primary-border-color: var(--color-gray-darken-3);--vv-button-modifier-primary-color: var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-darken-5);--vv-button-modifier-secondary-background: var(--color-white);--vv-button-modifier-secondary-border-width: var(--spacing-2);--vv-button-modifier-secondary-border-style: solid;--vv-button-modifier-secondary-border-color: var(--color-gray-lighten-4);--vv-button-modifier-secondary-color: var(--color-word);--vv-button-modifier-secondary-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background: var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background: var(--color-gray-lighten-3);--vv-button-modifier-danger-background: var(--color-danger);--vv-button-modifier-danger-border-color: var(--color-danger);--vv-button-modifier-danger-color: var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline: var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background: var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color: var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color: var(--color-danger-darken-2);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset: 0;--vv-button-modifier-ghost-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-text-background: transparent;--vv-button-modifier-text-border-color: var(--color-word);--vv-button-modifier-text-border-width: 0;--vv-button-modifier-text-border-radius: 0;--vv-button-modifier-text-padding: 0;--vv-button-modifier-text-color: var(--color-word);--vv-button-modifier-text-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-text-state-focus-visible-color: var(--color-brand);--vv-button-modifier-text-state-focus-visible-outline: none;--vv-button-modifier-text-state-hover-border-width: 0 0 1px 0;--vv-button-modifier-static-light-background: var(--color-white);--vv-button-modifier-static-light-border-color: var(--color-white);--vv-button-modifier-static-light-color: var(--color-black);--vv-button-modifier-static-light-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color: var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background: var(--color-black);--vv-button-modifier-static-dark-border-color: var(--color-black);--vv-button-modifier-static-dark-color: var(--color-white);--vv-button-modifier-static-dark-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background: var(--color-gray-darken-3);--vv-button-modifier-rounded-border-radius: var(--rounded-full);--vv-button-modifier-rounded-element-icon-margin: 0 -1ch;--vv-button-modifier-block-display: block;--vv-button-modifier-block-width: 100%;--vv-button-modifier-block-max-width: auto;--vv-button-modifier-reverse-element-label-order: -1;--vv-button-modifier-column-flex-direction: column;--vv-button-modifier-column-gap: .2em;--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-width:var(--vv-button-border-width);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);gap:var(--vv-button-gap);line-height:var(--vv-button-line-height);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width)}@media (prefers-reduced-motion: reduce){:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{transition:none}}:where(.vv-button)::file-selector-button{-webkit-margin-end:var(--vv-button-gap, 1ch);margin-inline-end:var(--vv-button-gap, 1ch)}:where(.vv-button__icon,.vv-button > :where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);stroke:var(--vv-button-element-icon-stroke);fill:var(--vv-button-element-icon-fill);flex-shrink:var(--vv-button-element-icon-flex-shrink);stroke-linecap:var(--vv-button-element-icon-stroke-linecap);stroke-linejoin:var(--vv-button-element-icon-stroke-linejoin)}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background: var(--vv-button-state-hover-background);--vv-button-border-color: var(--vv-button-state-hover-border-color)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background: var(--vv-button-state-active-background);--vv-button-border-color: var(--vv-button-state-active-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--primary.vv-button){--vv-button-background: var(--vv-button-modifier-primary-background);--vv-button-border-color: var(--vv-button-modifier-primary-border-color);--vv-button-color: var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background: var(--vv-button-modifier-secondary-background);--vv-button-border-width: var(--vv-button-modifier-secondary-border-width);--vv-button-border-style: var(--vv-button-modifier-secondary-border-style);--vv-button-border-color: var(--vv-button-modifier-secondary-border-color);--vv-button-color: var(--vv-button-modifier-secondary-color);--vv-button-text-shadow: var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--danger.vv-button){--vv-button-background: var(--vv-button-modifier-danger-background);--vv-button-border-color: var(--vv-button-modifier-danger-border-color);--vv-button-color: var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background: var(--vv-button-modifier-ghost-background);--vv-button-border-color: var(--vv-button-modifier-ghost-border-color);--vv-button-color: var(--vv-button-modifier-ghost-color);--vv-button-text-shadow: var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-hover-background)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-active-background)}:where(.vv-button--text.vv-button){--vv-button-background: var(--vv-button-modifier-text-background);--vv-button-border-color: var(--vv-button-modifier-text-border-color);--vv-button-border-width: var(--vv-button-modifier-text-border-width);--vv-button-border-radius: var(--vv-button-modifier-text-border-radius);padding:var(--vv-button-modifier-text-padding);--vv-button-color: var(--vv-button-modifier-text-color);--vv-button-text-shadow: var(--vv-button-modifier-text-text-shadow)}:where(.vv-button--text.vv-button--focus-visible,.vv-button--text.vv-button.focus-visible,.vv-button--text.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){--vv-button-modifier-text-color: var(--vv-button-modifier-text-state-focus-visible-color);outline:var(--vv-button-modifier-text-state-focus-visible-outline)}:where(.vv-button--text.vv-button--hover,.vv-button--text.vv-button.hover,.vv-button--text.vv-button:not([disabled]):hover){--vv-button-modifier-text-border-width: var(--vv-button-modifier-text-state-hover-border-width)}:where(.vv-button--static-light.vv-button){--vv-button-background: var(--vv-button-modifier-static-light-background);--vv-button-border-color: var(--vv-button-modifier-static-light-border-color);--vv-button-color: var(--vv-button-modifier-static-light-color);--vv-button-text-shadow: var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background: var(--vv-button-modifier-static-dark-background);--vv-button-border-color: var(--vv-button-modifier-static-dark-border-color);--vv-button-color: var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow: var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--rounded .vv-button__icon,.vv-button--rounded > :where(svg,[data-icon])){margin:var(--vv-button-modifier-rounded-element-icon-margin)}:where(.vv-button--block.vv-button){display:var(--vv-button-modifier-block-display);width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}:where(.vv-button--reverse .vv-button__label){order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap: var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width: var(--vv-button-modifier-full-bleed-min-width)}
+:where(:host,:root,.theme){--vv-button-position: relative;--vv-button-background: var(--color-brand);--vv-button-border-radius: .5ch;--vv-button-border-width: var(--border-2);--vv-button-border-style: solid;--vv-button-border-color: var(--color-brand);--vv-button-color: var(--color-white);--vv-button-font-family: var(--font-sans);--vv-button-font-weight: var(--font-semibold);--vv-button-gap: 1ch;--vv-button-line-height: var(--leading-normal);--vv-button-padding-block: .75ch;--vv-button-padding-inline: 1.75ch;--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: all .2s ease-in-out;--vv-button-will-change: all;--vv-button-min-width: 0;--vv-button-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-button-state-hover-background: var(--color-brand-darken-1);--vv-button-state-hover-border-color: var(--color-brand-darken-1);--vv-button-state-active-background: var(--color-brand-darken-2);--vv-button-state-active-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: .5;--vv-button-state-disabled-cursor: not-allowed;--vv-button-element-icon-block-size: 1.1em;--vv-button-element-icon-inline-size: 1.1em;--vv-button-element-icon-margin: 0;--vv-button-element-icon-stroke: currentcolor;--vv-button-element-icon-fill: none;--vv-button-element-icon-flex-shrink: 0;--vv-button-element-icon-stroke-linecap: round;--vv-button-element-icon-stroke-linejoin: round;--vv-button-element-label-white-space: nowrap;--vv-button-element-label-text-overflow: ellipsis;--vv-button-element-label-min-width: 0;--vv-button-element-label-overflow: hidden;--vv-button-modifier-primary-background: var(--color-gray-darken-3);--vv-button-modifier-primary-border-color: var(--color-gray-darken-3);--vv-button-modifier-primary-color: var(--color-white);--vv-button-modifier-primary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color: var(--color-gray-darken-5);--vv-button-modifier-secondary-background: var(--color-white);--vv-button-modifier-secondary-border-style: solid;--vv-button-modifier-secondary-border-color: var(--color-gray-lighten-4);--vv-button-modifier-secondary-color: var(--color-word);--vv-button-modifier-secondary-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-secondary-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-hover-background: var(--color-gray-lighten-4);--vv-button-modifier-secondary-state-active-background: var(--color-gray-lighten-3);--vv-button-modifier-danger-background: var(--color-danger);--vv-button-modifier-danger-border-color: var(--color-danger);--vv-button-modifier-danger-color: var(--color-white);--vv-button-modifier-danger-state-focus-visible-outline: var(--spacing-px) solid var(--color-danger);--vv-button-modifier-danger-state-hover-background: var(--color-danger-darken-1);--vv-button-modifier-danger-state-hover-border-color: var(--color-danger-darken-1);--vv-button-modifier-danger-state-active-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-active-border-color: var(--color-danger-darken-2);--vv-button-modifier-ghost-background: transparent;--vv-button-modifier-ghost-border-color: transparent;--vv-button-modifier-ghost-color: var(--color-gray);--vv-button-modifier-ghost-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-focus-visible-outline-offset: 0;--vv-button-modifier-ghost-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-text-background: transparent;--vv-button-modifier-text-border-color: var(--color-word);--vv-button-modifier-text-border-width: var(--border-0);--vv-button-modifier-text-border-radius: 0;--vv-button-modifier-text-padding: 0;--vv-button-modifier-text-color: var(--color-word);--vv-button-modifier-text-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-text-state-focus-visible-color: var(--color-brand);--vv-button-modifier-text-state-focus-visible-outline: none;--vv-button-modifier-text-state-hover-text-decoration: underline;--vv-button-modifier-text-state-hover-text-underline-offset: var(--spacing-4);--vv-button-modifier-static-light-background: var(--color-white);--vv-button-modifier-static-light-border-color: var(--color-white);--vv-button-modifier-static-light-color: var(--color-black);--vv-button-modifier-static-light-text-shadow: 0 1px 0 var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-hover-border-color: var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-static-light-state-active-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-static-dark-background: var(--color-black);--vv-button-modifier-static-dark-border-color: var(--color-black);--vv-button-modifier-static-dark-color: var(--color-white);--vv-button-modifier-static-dark-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-static-dark-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-border-color: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-hover-background: var(--color-gray-darken-4);--vv-button-modifier-static-dark-state-active-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-active-background: var(--color-gray-darken-3);--vv-button-modifier-action-font-size: .875em;--vv-button-modifier-action-background: var(--color-surface-1);--vv-button-modifier-action-color: var(--color-word-1);--vv-button-modifier-action-border-color: var(--color-word-5);--vv-button-modifier-action-border-width: var(--border);--vv-button-modifier-action-font-weight: var(--font-normal);--vv-button-modifier-action-padding-inline: .75ch;--vv-button-modifier-action-padding-block: .5ch;--vv-button-modifier-action-line-height: var(--leading-none);--vv-button-modifier-action-text-shadow: none;--vv-button-modifier-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-state-active-background: var(--color-surface-5);--vv-button-modifier-action-state-selected-color: var(--color-white);--vv-button-modifier-action-state-selected-background: var(--color-gray);--vv-button-modifier-action-state-selected-border-color: var(--color-gray);--vv-button-modifier-action-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-element-icon-block-size: 1.4em;--vv-button-modifier-action-element-icon-inline-size: 1.4em;--vv-button-modifier-action-quiet-font-size: var(--text-14);--vv-button-modifier-action-quiet-background: transparent;--vv-button-modifier-action-quiet-color: var(--color-word-1);--vv-button-modifier-action-quiet-border-width: var(--border);--vv-button-modifier-action-quiet-border-color: transparent;--vv-button-modifier-action-quiet-font-weight: var(--font-normal);--vv-button-modifier-action-quiet-padding-inline: .75ch;--vv-button-modifier-action-quiet-padding-block: .5ch;--vv-button-modifier-action-quiet-line-height: var(--leading-none);--vv-button-modifier-action-quiet-text-shadow: none;--vv-button-modifier-action-quiet-state-focus-visible-outline: var(--spacing-px) solid var(--color-gray-lighten-4);--vv-button-modifier-action-quiet-state-focus-visible-outline-offset: 0;--vv-button-modifier-action-quiet-state-hover-background: var(--color-surface-2);--vv-button-modifier-action-quiet-state-hover-border-color: var(--color-surface-2);--vv-button-modifier-action-quiet-state-active-background: var(--color-surface-5);--vv-button-modifier-action-quiet-state-active-border-color: var(--color-surface-5);--vv-button-modifier-action-quiet-state-selected-color: var(--color-white);--vv-button-modifier-action-quiet-state-selected-background: var(--color-gray);--vv-button-modifier-action-quiet-state-selected-border-color: var(--color-gray);--vv-button-modifier-action-quiet-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-quiet-element-icon-block-size: 1.4em;--vv-button-modifier-action-quiet-element-icon-inline-size: 1.4em;--vv-button-modifier-rounded-border-radius: var(--rounded-full);--vv-button-modifier-rounded-element-icon-margin: 0 -1ch;--vv-button-modifier-block-display: block;--vv-button-modifier-block-width: 100%;--vv-button-modifier-block-max-width: auto;--vv-button-modifier-reverse-element-label-order: -1;--vv-button-modifier-column-flex-direction: column;--vv-button-modifier-column-gap: .2em;--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);border-width:var(--vv-button-border-width);border-style:var(--vv-button-border-style);border-color:var(--vv-button-border-color);color:var(--vv-button-color);font-family:var(--vv-button-font-family);font-weight:var(--vv-button-font-weight);gap:var(--vv-button-gap);line-height:var(--vv-button-line-height);padding-block:var(--vv-button-padding-block);padding-inline:var(--vv-button-padding-inline);text-shadow:var(--vv-button-text-shadow);transition:var(--vv-button-transition);will-change:var(--vv-button-will-change);min-width:var(--vv-button-min-width)}@media (prefers-reduced-motion: reduce){:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]),:where(.vv-button)::file-selector-button{transition:none}}:where(.vv-button)::file-selector-button{-webkit-margin-end:var(--vv-button-gap, 1ch);margin-inline-end:var(--vv-button-gap, 1ch)}:where(.vv-button__icon,.vv-button > :where(svg,[data-icon])){block-size:var(--vv-button-element-icon-block-size);inline-size:var(--vv-button-element-icon-inline-size);margin:var(--vv-button-element-icon-margin);stroke:var(--vv-button-element-icon-stroke);fill:var(--vv-button-element-icon-fill);flex-shrink:var(--vv-button-element-icon-flex-shrink);stroke-linecap:var(--vv-button-element-icon-stroke-linecap);stroke-linejoin:var(--vv-button-element-icon-stroke-linejoin)}:where(.vv-button__label){white-space:var(--vv-button-element-label-white-space);text-overflow:var(--vv-button-element-label-text-overflow);min-width:var(--vv-button-element-label-min-width);overflow:var(--vv-button-element-label-overflow)}:where(.vv-button--focus-visible,.vv-button.focus-visible,.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline-offset:var(--vv-button-state-focus-visible-outline-offset);outline:var(--vv-button-state-focus-visible-outline)}:where(.vv-button--hover,.vv-button.hover,.vv-button:not([disabled]):hover){--vv-button-background: var(--vv-button-state-hover-background);--vv-button-border-color: var(--vv-button-state-hover-border-color)}:where(.vv-button--active,.vv-button.active,.vv-button:not([disabled]):active){--vv-button-background: var(--vv-button-state-active-background);--vv-button-border-color: var(--vv-button-state-active-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--primary.vv-button){--vv-button-background: var(--vv-button-modifier-primary-background);--vv-button-border-color: var(--vv-button-modifier-primary-border-color);--vv-button-color: var(--vv-button-modifier-primary-color)}:where(.vv-button--primary.vv-button--focus-visible,.vv-button--primary.vv-button.focus-visible,.vv-button--primary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-primary-state-focus-visible-outline)}:where(.vv-button--primary.vv-button--hover,.vv-button--primary.vv-button.hover,.vv-button--primary.vv-button:not([disabled]):hover){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-hover-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-hover-border-color)}:where(.vv-button--primary.vv-button--active,.vv-button--primary.vv-button.active,.vv-button--primary.vv-button:not([disabled]):active){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-active-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-active-border-color)}:where(.vv-button--secondary.vv-button){--vv-button-background: var(--vv-button-modifier-secondary-background);--vv-button-border-style: var(--vv-button-modifier-secondary-border-style);--vv-button-border-color: var(--vv-button-modifier-secondary-border-color);--vv-button-color: var(--vv-button-modifier-secondary-color);--vv-button-text-shadow: var(--vv-button-modifier-secondary-text-shadow)}:where(.vv-button--secondary.vv-button--focus-visible,.vv-button--secondary.vv-button.focus-visible,.vv-button--secondary.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-secondary-state-focus-visible-outline)}:where(.vv-button--secondary.vv-button--hover,.vv-button--secondary.vv-button.hover,.vv-button--secondary.vv-button:not([disabled]):hover){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-hover-background)}:where(.vv-button--secondary.vv-button--active,.vv-button--secondary.vv-button.active,.vv-button--secondary.vv-button:not([disabled]):active){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-active-background)}:where(.vv-button--danger.vv-button){--vv-button-background: var(--vv-button-modifier-danger-background);--vv-button-border-color: var(--vv-button-modifier-danger-border-color);--vv-button-color: var(--vv-button-modifier-danger-color)}:where(.vv-button--danger.vv-button--focus-visible,.vv-button--danger.vv-button.focus-visible,.vv-button--danger.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-danger-state-focus-visible-outline)}:where(.vv-button--danger.vv-button--hover,.vv-button--danger.vv-button.hover,.vv-button--danger.vv-button:not([disabled]):hover){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-hover-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-hover-border-color)}:where(.vv-button--danger.vv-button--active,.vv-button--danger.vv-button.active,.vv-button--danger.vv-button:not([disabled]):active){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-active-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-active-border-color)}:where(.vv-button--ghost.vv-button){--vv-button-background: var(--vv-button-modifier-ghost-background);--vv-button-border-color: var(--vv-button-modifier-ghost-border-color);--vv-button-color: var(--vv-button-modifier-ghost-color);--vv-button-text-shadow: var(--vv-button-modifier-ghost-text-shadow)}:where(.vv-button--ghost.vv-button--focus-visible,.vv-button--ghost.vv-button.focus-visible,.vv-button--ghost.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-ghost-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-ghost-state-focus-visible-outline-offset)}:where(.vv-button--ghost.vv-button--hover,.vv-button--ghost.vv-button.hover,.vv-button--ghost.vv-button:not([disabled]):hover){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-hover-background)}:where(.vv-button--ghost.vv-button--active,.vv-button--ghost.vv-button.active,.vv-button--ghost.vv-button:not([disabled]):active){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-active-background)}:where(.vv-button--text.vv-button){--vv-button-background: var(--vv-button-modifier-text-background);--vv-button-border-color: var(--vv-button-modifier-text-border-color);--vv-button-border-width: var(--vv-button-modifier-text-border-width);--vv-button-border-radius: var(--vv-button-modifier-text-border-radius);padding:var(--vv-button-modifier-text-padding);--vv-button-color: var(--vv-button-modifier-text-color);--vv-button-text-shadow: var(--vv-button-modifier-text-text-shadow)}:where(.vv-button--text.vv-button--focus-visible,.vv-button--text.vv-button.focus-visible,.vv-button--text.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){--vv-button-modifier-text-color: var(--vv-button-modifier-text-state-focus-visible-color);outline:var(--vv-button-modifier-text-state-focus-visible-outline)}:where(.vv-button--text.vv-button--hover,.vv-button--text.vv-button.hover,.vv-button--text.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-text-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-text-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-text-state-hover-text-underline-offset)}:where(.vv-button--static-light.vv-button){--vv-button-background: var(--vv-button-modifier-static-light-background);--vv-button-border-color: var(--vv-button-modifier-static-light-border-color);--vv-button-color: var(--vv-button-modifier-static-light-color);--vv-button-text-shadow: var(--vv-button-modifier-static-light-text-shadow)}:where(.vv-button--static-light.vv-button--focus-visible,.vv-button--static-light.vv-button.focus-visible,.vv-button--static-light.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-static-light-state-focus-visible-outline)}:where(.vv-button--static-light.vv-button--hover,.vv-button--static-light.vv-button.hover,.vv-button--static-light.vv-button:not([disabled]):hover){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-hover-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-hover-background)}:where(.vv-button--static-light.vv-button--active,.vv-button--static-light.vv-button.active,.vv-button--static-light.vv-button:not([disabled]):active){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-active-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-active-background)}:where(.vv-button--static-dark.vv-button){--vv-button-background: var(--vv-button-modifier-static-dark-background);--vv-button-border-color: var(--vv-button-modifier-static-dark-border-color);--vv-button-color: var(--vv-button-modifier-static-dark-color);--vv-button-text-shadow: var(--vv-button-modifier-static-dark-text-shadow)}:where(.vv-button--static-dark.vv-button--focus-visible,.vv-button--static-dark.vv-button.focus-visible,.vv-button--static-dark.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-static-dark-state-focus-visible-outline)}:where(.vv-button--static-dark.vv-button--hover,.vv-button--static-dark.vv-button.hover,.vv-button--static-dark.vv-button:not([disabled]):hover){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-hover-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-hover-background)}:where(.vv-button--static-dark.vv-button--active,.vv-button--static-dark.vv-button.active,.vv-button--static-dark.vv-button:not([disabled]):active){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-active-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-active-background)}:where(.vv-button--action.vv-button){font-size:var(--vv-button-modifier-action-font-size);--vv-button-background: var(--vv-button-modifier-action-background);--vv-button-color: var(--vv-button-modifier-action-color);--vv-button-border-color: var(--vv-button-modifier-action-border-color);--vv-button-border-width: var(--vv-button-modifier-action-border-width);--vv-button-font-weight: var(--vv-button-modifier-action-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-padding-block);--vv-button-line-height: var(--vv-button-modifier-action-line-height);--vv-button-text-shadow: var(--vv-button-modifier-action-text-shadow)}:where(.vv-button--action .vv-button__icon,.vv-button--action > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-element-icon-block-size);inline-size:var(--vv-button-modifier-action-element-icon-inline-size)}:where(.vv-button--action.vv-button--focus-visible,.vv-button--action.vv-button.focus-visible,.vv-button--action.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-action-state-focus-visible-outline)}:where(.vv-button--action.vv-button--hover,.vv-button--action.vv-button.hover,.vv-button--action.vv-button:not([disabled]):hover){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-hover-background)}:where(.vv-button--action.vv-button--active,.vv-button--action.vv-button.active,.vv-button--action.vv-button:not([disabled]):active){--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-active-background)}:where(.vv-button--action.vv-button--selected,.vv-button--action.vv-button.selected){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-selected-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-selected-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-selected-border-color)}:where(.vv-button--action-quiet.vv-button){font-size:var(--vv-button-modifier-action-quiet-font-size);--vv-button-background: var(--vv-button-modifier-action-quiet-background);--vv-button-color: var(--vv-button-modifier-action-quiet-color);--vv-button-border-width: var(--vv-button-modifier-action-quiet-border-width);--vv-button-border-color: var(--vv-button-modifier-action-quiet-border-color);--vv-button-font-weight: var(--vv-button-modifier-action-quiet-font-weight);--vv-button-padding-inline: var(--vv-button-modifier-action-quiet-padding-inline);--vv-button-padding-block: var(--vv-button-modifier-action-quiet-padding-block);--vv-button-line-height: var(--vv-button-modifier-action-quiet-line-height);--vv-button-text-shadow: var(--vv-button-modifier-action-quiet-text-shadow)}:where(.vv-button--action-quiet .vv-button__icon,.vv-button--action-quiet > :where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-action-quiet-element-icon-margin-inline);block-size:var(--vv-button-modifier-action-quiet-element-icon-block-size);inline-size:var(--vv-button-modifier-action-quiet-element-icon-inline-size)}:where(.vv-button--action-quiet.vv-button--focus-visible,.vv-button--action-quiet.vv-button.focus-visible,.vv-button--action-quiet.vv-button:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-button-modifier-action-quiet-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-action-quiet-state-focus-visible-outline-offset)}:where(.vv-button--action-quiet.vv-button--hover,.vv-button--action-quiet.vv-button.hover,.vv-button--action-quiet.vv-button:not([disabled]):hover){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-hover-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-hover-border-color)}:where(.vv-button--action-quiet.vv-button--active,.vv-button--action-quiet.vv-button.active,.vv-button--action-quiet.vv-button:not([disabled]):active){--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-active-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-active-border-color)}:where(.vv-button--action-quiet.vv-button--selected,.vv-button--action-quiet.vv-button.selected){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-selected-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-selected-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-selected-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--rounded .vv-button__icon,.vv-button--rounded > :where(svg,[data-icon])){margin:var(--vv-button-modifier-rounded-element-icon-margin)}:where(.vv-button--block.vv-button){display:var(--vv-button-modifier-block-display);width:var(--vv-button-modifier-block-width);max-width:var(--vv-button-modifier-block-max-width)}:where(.vv-button--reverse .vv-button__label){order:var(--vv-button-modifier-reverse-element-label-order)}:where(.vv-button--column.vv-button){flex-direction:var(--vv-button-modifier-column-flex-direction);--vv-button-gap: var(--vv-button-modifier-column-gap)}:where(.vv-button--full-bleed.vv-button){--vv-button-min-width: var(--vv-button-modifier-full-bleed-min-width)}