@volverjs/style 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/dist/base.css +1 -0
- package/dist/components/vv-dropdown-action.css +1 -1
- package/dist/components/vv-dropdown-option.css +1 -0
- package/dist/components/vv-dropdown.css +1 -1
- package/dist/components.css +1 -1
- package/dist/export.css +1 -1
- package/dist/props/input.css +1 -1
- package/dist/props/spacing.css +1 -1
- package/dist/props.css +1 -1
- package/dist/utilities/flexbox.css +1 -1
- package/dist/utilities/layout.css +1 -1
- package/dist/utilities/sizing.css +1 -1
- package/dist/utilities/spacing.css +1 -1
- package/dist/utilities.css +1 -1
- package/dist/volver.css +1 -1
- package/package.json +16 -12
- package/src/_config.scss +1 -0
- package/src/_preflight.scss +0 -10
- package/src/base.scss +15 -0
- package/src/components/index.scss +1 -0
- package/src/components/vv-dropdown-option.scss +13 -0
- package/src/settings/_index.scss +1 -0
- package/src/settings/_input.scss +1 -1
- package/src/settings/_spacing.scss +1 -0
- package/src/settings/components/_vv-dropdown-action.scss +9 -35
- package/src/settings/components/_vv-dropdown-option.scss +63 -0
- package/src/settings/components/_vv-dropdown.scss +1 -1
- package/src/utilities/layout.scss +2 -8
- package/src/volver.scss +2 -5
package/LICENSE
CHANGED
package/dist/base.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*:where(:not(html):not(iframe):not(canvas):not(img):not(svg):not(video):not(details):not(summary):not(svg *):not(symbol *)){all:unset;display:revert}:where(*,*::before,*::after){box-sizing:border-box;border:0px solid transparent}:where(a,button){cursor:revert}:where(ol,ul,menu){list-style:none}:where(img){max-width:100%}:where(table){border-accordion:accordion}:where(input,textarea){-webkit-user-select:auto}:where(textarea){white-space:revert}:where(meter){-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}::-moz-placeholder{color:inherit}::placeholder{color:inherit}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;word-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(.revert *){all:revert;accent-color:initial;background-color:transparent;background-color:initial;caret-color:initial;color:#000;color:initial;scrollbar-color:initial;font-family:serif;font-family:initial}:where(:host,:root,.theme){--bg-none: none;--bg-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(22, 26, 29)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--bg-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");--bg-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(22, 26, 29)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--bg-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(22, 26, 29)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--bg-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(22, 26, 29)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}:where(:host,:root,.theme){--rounded-none: 0px;--rounded-sm: .125rem;--rounded: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-xxl: 1rem;--rounded-xxxl: 1.5rem;--rounded-full: 9999px;--border-0: 0px;--border: 1px;--border-2: 2px;--border-4: 4px;--border-8: 8px}:where(:host,:root,.theme){--breakpoint-xs: 360px;--breakpoint-sm: 576px;--breakpoint-md: 992px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-xxl: 1440px;--breakpoint-xxxl: 1536px}@media screen and (min-width: 0){:where(:host,:root,.theme){--breakpoint-key: xxs;--breakpoint-value: 0}}@media screen and (min-width: 360px){:where(:host,:root,.theme){--breakpoint-key: xs;--breakpoint-value: 360px}}@media screen and (min-width: 576px){:where(:host,:root,.theme){--breakpoint-key: sm;--breakpoint-value: 576px}}@media screen and (min-width: 992px){:where(:host,:root,.theme){--breakpoint-key: md;--breakpoint-value: 992px}}@media screen and (min-width: 1024px){:where(:host,:root,.theme){--breakpoint-key: lg;--breakpoint-value: 1024px}}@media screen and (min-width: 1280px){:where(:host,:root,.theme){--breakpoint-key: xl;--breakpoint-value: 1280px}}@media screen and (min-width: 1440px){:where(:host,:root,.theme){--breakpoint-key: xxl;--breakpoint-value: 1440px}}@media screen and (min-width: 1536px){:where(:host,:root,.theme){--breakpoint-key: xxxl;--breakpoint-value: 1536px}}:where(:host,:root,.theme){--color-scheme: light;--color-transparent: transparent;--color-black-hue: 0deg;--color-black-saturation: 0%;--color-black-lightness: 0%;--color-black: hsla(var(--color-black-hue) var(--color-black-saturation) var(--color-black-lightness)/1);--color-white-hue: 0deg;--color-white-saturation: 0%;--color-white-lightness: 100%;--color-white: hsla(var(--color-white-hue) var(--color-white-saturation) var(--color-white-lightness)/1);--color-brand: hsla(var(--color-brand-hue) var(--color-brand-saturation) var(--color-brand-lightness)/1);--color-brand-hue: 209.8378378378deg;--color-brand-saturation: 78.7234042553%;--color-brand-lightness: 46.0784313725%;--color-brand-lighten-1: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .1 ));--color-brand-lighten-2: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .2 ));--color-brand-lighten-3: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .3 ));--color-brand-lighten-4: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .4 ));--color-brand-lighten-5: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) + var(--color-brand-lightness) * .5 ));--color-brand-darken-1: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .1 ));--color-brand-darken-2: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .2 ));--color-brand-darken-3: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .3 ));--color-brand-darken-4: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .4 ));--color-brand-darken-5: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc( var(--color-brand-lightness) - var(--color-brand-lightness) * .5 ));--color-accent: hsla(var(--color-accent-hue) var(--color-accent-saturation) var(--color-accent-lightness)/1);--color-accent-hue: 291.2408759124deg;--color-accent-saturation: 63.7209302326%;--color-accent-lightness: 42.1568627451%;--color-accent-lighten-1: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .1 ));--color-accent-lighten-2: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .2 ));--color-accent-lighten-3: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .3 ));--color-accent-lighten-4: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .4 ));--color-accent-lighten-5: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) + var(--color-accent-lightness) * .5 ));--color-accent-darken-1: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .1 ));--color-accent-darken-2: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .2 ));--color-accent-darken-3: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .3 ));--color-accent-darken-4: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .4 ));--color-accent-darken-5: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc( var(--color-accent-lightness) - var(--color-accent-lightness) * .5 ));--color-success: hsla(var(--color-success-hue) var(--color-success-saturation) var(--color-success-lightness)/1);--color-success-hue: 134.0186915888deg;--color-success-saturation: 69.9346405229%;--color-success-lightness: 30%;--color-success-lighten-1: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .1 ));--color-success-lighten-2: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .2 ));--color-success-lighten-3: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .3 ));--color-success-lighten-4: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .4 ));--color-success-lighten-5: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) + var(--color-success-lightness) * .5 ));--color-success-darken-1: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .1 ));--color-success-darken-2: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .2 ));--color-success-darken-3: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .3 ));--color-success-darken-4: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .4 ));--color-success-darken-5: hsl(var(--color-success-hue), var(--color-success-saturation), calc( var(--color-success-lightness) - var(--color-success-lightness) * .5 ));--color-danger: hsla(var(--color-danger-hue) var(--color-danger-saturation) var(--color-danger-lightness)/1);--color-danger-hue: 0deg;--color-danger-saturation: 66.6666666667%;--color-danger-lightness: 41.1764705882%;--color-danger-lighten-1: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .1 ));--color-danger-lighten-2: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .2 ));--color-danger-lighten-3: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .3 ));--color-danger-lighten-4: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .4 ));--color-danger-lighten-5: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) + var(--color-danger-lightness) * .5 ));--color-danger-darken-1: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .1 ));--color-danger-darken-2: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .2 ));--color-danger-darken-3: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .3 ));--color-danger-darken-4: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .4 ));--color-danger-darken-5: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc( var(--color-danger-lightness) - var(--color-danger-lightness) * .5 ));--color-info: hsla(var(--color-info-hue) var(--color-info-saturation) var(--color-info-lightness)/1);--color-info-hue: 190.2673796791deg;--color-info-saturation: 83.1111111111%;--color-info-lightness: 55.8823529412%;--color-info-lighten-1: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .1 ));--color-info-lighten-2: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .2 ));--color-info-lighten-3: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .3 ));--color-info-lighten-4: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .4 ));--color-info-lighten-5: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) + var(--color-info-lightness) * .5 ));--color-info-darken-1: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .1 ));--color-info-darken-2: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .2 ));--color-info-darken-3: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .3 ));--color-info-darken-4: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .4 ));--color-info-darken-5: hsl(var(--color-info-hue), var(--color-info-saturation), calc( var(--color-info-lightness) - var(--color-info-lightness) * .5 ));--color-warning: hsla(var(--color-warning-hue) var(--color-warning-saturation) var(--color-warning-lightness)/1);--color-warning-hue: 43.9572192513deg;--color-warning-saturation: 87.79342723%;--color-warning-lightness: 58.2352941176%;--color-warning-lighten-1: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .1 ));--color-warning-lighten-2: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .2 ));--color-warning-lighten-3: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .3 ));--color-warning-lighten-4: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .4 ));--color-warning-lighten-5: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) + var(--color-warning-lightness) * .5 ));--color-warning-darken-1: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .1 ));--color-warning-darken-2: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .2 ));--color-warning-darken-3: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .3 ));--color-warning-darken-4: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .4 ));--color-warning-darken-5: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc( var(--color-warning-lightness) - var(--color-warning-lightness) * .5 ));--color-gray: hsla(var(--color-gray-hue) var(--color-gray-saturation) var(--color-gray-lightness)/1);--color-gray-hue: 209.8378378378deg;--color-gray-saturation: 15%;--color-gray-lightness: 50%;--color-gray-lighten-1: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .15 ));--color-gray-lighten-2: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .3 ));--color-gray-lighten-3: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .45 ));--color-gray-lighten-4: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .6 ));--color-gray-lighten-5: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) + var(--color-gray-lightness) * .75 ));--color-gray-darken-1: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .15 ));--color-gray-darken-2: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .3 ));--color-gray-darken-3: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .45 ));--color-gray-darken-4: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .6 ));--color-gray-darken-5: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc( var(--color-gray-lightness) - var(--color-gray-lightness) * .75 ));--color-word-hue: 209.8378378378deg;--color-word-saturation: 15%;--color-word-lightness: 10%;--color-word: hsla(var(--color-word-hue) var(--color-word-saturation) var(--color-word-lightness)/1);--color-word-1: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 12% ));--color-word-2: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 24% ));--color-word-3: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 36% ));--color-word-4: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 48% ));--color-word-5: hsl(var(--color-word-hue), var(--color-word-saturation), calc( var(--color-word-lightness) + 60% ));--color-surface-hue: 209.8378378378deg;--color-surface-saturation: 10%;--color-surface-lightness: 98%;--color-surface: hsla(var(--color-surface-hue) var(--color-surface-saturation) var(--color-surface-lightness)/1);--color-surface-1: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 2% ));--color-surface-2: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 4% ));--color-surface-3: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 6% ));--color-surface-4: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 8% ));--color-surface-5: hsl(var(--color-surface-hue), var(--color-surface-saturation), calc( var(--color-surface-lightness) - 10% ));--color-surface-brand: hsl(var(--color-brand-hue), var(--color-brand-saturation), 90%);--color-surface-accent: hsl(var(--color-accent-hue), var(--color-accent-saturation), 90%);--color-surface-success: hsl(var(--color-success-hue), var(--color-success-saturation), 90%);--color-surface-danger: hsl(var(--color-danger-hue), var(--color-danger-saturation), 90%);--color-surface-info: hsl(var(--color-info-hue), var(--color-info-saturation), 90%);--color-surface-warning: hsl(var(--color-warning-hue), var(--color-warning-saturation), 90%);--color-shadow-hue: 209.8378378378deg;--color-shadow-saturation: 50%;--color-shadow-lightness: 20%;--color-shadow: hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness)/1);--color-backdrop-hue: 209.8378378378deg;--color-backdrop-saturation: 50%;--color-backdrop-lightness: 20%;--color-backdrop: hsla(var(--color-backdrop-hue) var(--color-backdrop-saturation) var(--color-backdrop-lightness)/.2);--color-alpha-hue: 0deg;--color-alpha-saturation: 0%;--color-alpha-lightness: 0%;--color-alpha: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/0);--color-alpha-1: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/5%);--color-alpha-2: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/10%);--color-alpha-3: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/15%);--color-alpha-4: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/20%);--color-alpha-5: hsla(var(--color-alpha-hue) var(--color-alpha-saturation) var(--color-alpha-lightness)/25%)}:where(:host,:root,.theme){--shadow-sm: 0 1px 2px 0 hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 5%);--shadow: 0 1px 3px 0 hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%), 0 1px 2px -1px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%);--shadow-md: 0 4px 6px -1px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%), 0 2px 4px -2px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%);--shadow-lg: 0 10px 15px -3px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%), 0 4px 6px -4px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%);--shadow-xl: 0 20px 25px -5px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%), 0 8px 10px -6px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 10%);--shadow-2xl: 0 25px 50px -12px hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 25%);--shadow-inner: inset 0 2px 4px 0 hsla(var(--color-shadow-hue) var(--color-shadow-saturation) var(--color-shadow-lightness) / 5%);--shadow-none: 0 0 rgba(0,0,0,0);--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-15: .15;--opacity-20: .2;--opacity-25: .25;--opacity-30: .3;--opacity-35: .35;--opacity-40: .4;--opacity-45: .45;--opacity-50: .5;--opacity-55: .55;--opacity-60: .6;--opacity-65: .65;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-85: .85;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1}:where(:host,:root,.theme){--blur-none: blur(0);--blur-sm: blur(4px);--blur: blur(8px);--blur-md: blur(12px);--blur-lg: blur(16px);--blur-xl: blur(24px);--blur-xxl: blur(40px);--blur-xxxl: blur(64px);--brightness-0: brightness(0);--brightness-50: brightness(.5);--brightness-75: brightness(.75);--brightness-90: brightness(.9);--brightness-95: brightness(.95);--brightness-100: brightness(1);--brightness-105: brightness(1.05);--brightness-110: brightness(1.1);--brightness-125: brightness(1.25);--brightness-150: brightness(1.5);--brightness-200: brightness(2);--saturate-0: saturate(0);--saturate-50: saturate(.5);--saturate-100: saturate(1);--saturate-150: saturate(1.5);--saturate-200: saturate(2)}:where(:host,:root,.theme){--input-display: flex;--input-flex: 1;--input-flex-direction: column;--input-spacing-top: var(--spacing-sm);--input-spacing-right: var(--spacing-sm);--input-spacing-bottom: var(--spacing-sm);--input-spacing-left: var(--spacing-sm);--input-color: var(--color-word);--input-background-color: var(--color-surface-1);--input-gap: var(--spacing-md);--input-line-height: var(--leading-normal);--input-font-size: var(--text-16);--input-min-height: var(--spacing-52);--input-min-width: 0;--input-label-color: var(--color-word-2);--input-label-display: flex;--input-label-align-items: center;--input-label-font-size: var(--text-xs);--input-label-gap: var(--spacing-xs);--input-label-white-space: nowrap;--input-label-text-overflow: ellipsis;--input-label-overflow: hidden;--input-label-max-width: 100%;--input-icon-position: absolute;--input-icon-width: 1em;--input-icon-pointer-events: none;--input-icon-margin: 0 var(--spacing-sm);--input-hint-display: block;--input-hint-font-size: var(--text-12);--input-hint-color: var(--color-word-2);--input-hint-gap: var(--spacing-8);--input-hint-white-space: nowrap;--input-hint-text-overflow: ellipsis;--input-hint-overflow: hidden;--input-hint-max-width: 100%;--input-placeholder-color: var(--color-word-4);--input-valid-color: var(--color-success);--input-invalid-color: var(--color-danger);--input-floating-padding-top: calc(var(--input-spacing-top) + .55em);--input-floating-padding-bottom: calc(var(--input-spacing-bottom) - .55em);--input-floating-label-font-size: var(--text-12);--input-floating-label-transform: translateY(-.8em)}:where(:host,:root,.theme){--aspect-auto: auto;--aspect-square: 1/1;--aspect-photo: 3/2;--aspect-tv: 4/3;--aspect-wide: 16/9;--aspect-ultrawide: 21/9;--z-dropdown: 1000;--z-sticky: 1010;--z-fixed: 1020;--z-modal-backdrop: 1030;--z-modal: 1040;--z-confirm-backdrop: 1050;--z-confirm: 1060;--z-popover: 1070;--z-tooltip: 1080;--z-toast: 1090;--z-notification-alert: 1100;--z-auto: auto}:where(:host,:root,.theme){--w-auto: auto;--w-1-2: 50%;--w-1-3: 33.3333%;--w-2-3: 66.6667%;--w-1-4: 25%;--w-2-4: 50%;--w-3-4: 75%;--w-1-5: 20%;--w-2-5: 40%;--w-3-5: 60%;--w-4-5: 80%;--w-1-6: 16.6667%;--w-2-6: 33.3333%;--w-3-6: 50%;--w-4-6: 66.6667%;--w-5-6: 83.3333%;--w-1-12: 8.3333%;--w-2-12: 16.6667%;--w-3-12: 25%;--w-4-12: 33.3333%;--w-5-12: 41.6667%;--w-6-12: 50%;--w-7-12: 58.3333%;--w-8-12: 66.6667%;--w-9-12: 75%;--w-10-12: 83.3333%;--w-11-12: 91.6667%;--w-full: 100%;--w-screen: 100vw;--w-min: min-content;--w-max: max-content;--w-fit: fit-content;--h-auto: auto;--h-1-2: 50%;--h-1-3: 33.3333%;--h-2-3: 66.6667%;--h-1-4: 25%;--h-2-4: 50%;--h-3-4: 75%;--h-1-5: 20%;--h-2-5: 40%;--h-3-5: 60%;--h-4-5: 80%;--h-1-6: 16.6667%;--h-2-6: 33.3333%;--h-3-6: 50%;--h-4-6: 66.6667%;--h-5-6: 83.3333%;--h-full: 100%;--h-screen: 100vh;--h-min: min-content;--h-max: max-content;--h-fit: fit-content}:where(:host,:root,.theme){--spacing-0: 0;--spacing-px: 1px;--spacing-1: .0625rem;--spacing-2: .125rem;--spacing-3: .1875rem;--spacing-4: .25rem;--spacing-5: .3125rem;--spacing-6: .375rem;--spacing-7: .4375rem;--spacing-8: .5rem;--spacing-9: .5625rem;--spacing-10: .625rem;--spacing-12: .75rem;--spacing-14: .875rem;--spacing-16: 1rem;--spacing-18: 1.125rem;--spacing-20: 1.25rem;--spacing-22: 1.375rem;--spacing-24: 1.5rem;--spacing-26: 1.625rem;--spacing-28: 1.75rem;--spacing-32: 2rem;--spacing-34: 2.125rem;--spacing-36: 2.25rem;--spacing-38: 2.375rem;--spacing-40: 2.5rem;--spacing-44: 2.75rem;--spacing-48: 3rem;--spacing-50: 3.125rem;--spacing-52: 3.25rem;--spacing-56: 3.5rem;--spacing-64: 4rem;--spacing-80: 5rem;--spacing-96: 6rem;--spacing-100: 6.25rem;--spacing-112: 7rem;--spacing-128: 8rem;--spacing-144: 9rem;--spacing-150: 9.375rem;--spacing-160: 10rem;--spacing-176: 11rem;--spacing-192: 12rem;--spacing-208: 13rem;--spacing-224: 14rem;--spacing-240: 15rem;--spacing-256: 16rem;--spacing-288: 18rem;--spacing-300: 18.75rem;--spacing-320: 20rem;--spacing-384: 24rem;--spacing-xs: var(--spacing-6);--spacing-sm: var(--spacing-10);--spacing-md: var(--spacing-12);--spacing-lg: var(--spacing-16);--spacing-xl: var(--spacing-24)}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-xs: var(--spacing-8)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-xs: var(--spacing-10)}}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-sm: var(--spacing-12)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-sm: var(--spacing-14)}}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-md: var(--spacing-14)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-md: var(--spacing-16)}}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-lg: var(--spacing-22)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-lg: var(--spacing-36)}}@media (min-width: 576px){:where(:host,:root,.theme){--spacing-xl: var(--spacing-36)}}@media (min-width: 1024px){:where(:host,:root,.theme){--spacing-xl: var(--spacing-48)}}@media (prefers-reduced-motion: no-preference){:where(:host,:root,.theme){--transition-property-none: none;--transition-property-all: all;--transition-property-colors: color, background-color, border-color, text-decoration-color, fill, stroke;--transition-property-opacity: opacity;--transition-property-shadow: box-shadow;--transition-property-transform: transform;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animation-none: none;--animation-indeterminate: indeterminate 2s infinite;--animation-progress-indeterminate: progress-indeterminate 1.5s linear infinite;--animation-spin: spin 1s infinite;--animation-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce: bounce 1s infinite;--animation-shine: shine 1.5s infinite;--transition-none: none;--transition-all: all var(--duration-300) var(--ease-in-out);--transition-colors: color var(--duration-300) var(--ease-in-out), background-color var(--duration-300) var(--ease-in-out), border-color var(--duration-300) var(--ease-in-out), text-decoration-color var(--duration-300) var(--ease-in-out), fill var(--duration-300) var(--ease-in-out), stroke var(--duration-300) var(--ease-in-out);--transition-opacity: opacity var(--duration-300) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-300) var(--ease-in-out);--transition-transform: transform var(--duration-300) var(--ease-in-out)}}@keyframes indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:center right}to{transform:scaleX(0);transform-origin:center right}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pie-masks{0%{opacity:1}50%,to{opacity:0}}@keyframes shine{to{background-position-x:-200%}}:where(:host,:root,.theme){--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--text-smaller: smaller;--text-larger: larger;--text-6: .375rem;--text-8: .5rem;--text-10: .625rem;--text-12: .75rem;--text-14: .875rem;--text-16: 1rem;--text-18: 1.125rem;--text-20: 1.25rem;--text-22: 1.375rem;--text-24: 1.5rem;--text-26: 1.625rem;--text-28: 1.75rem;--text-30: 1.875rem;--text-32: 2rem;--text-34: 2.125rem;--text-36: 2.25rem;--text-48: 3rem;--text-60: 3.75rem;--text-72: 4.5rem;--text-96: 6rem;--text-128: 8rem;--text-xs: var(--text-10);--text-sm: var(--text-12);--text-md: var(--text-14);--text-lg: var(--text-16);--text-xl: var(--text-18)}@media (min-width: 576px){:where(:host,:root,.theme){--text-xs: var(--text-12)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-xs: var(--text-14)}}@media (min-width: 576px){:where(:host,:root,.theme){--text-sm: var(--text-14)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-sm: var(--text-16)}}@media (min-width: 576px){:where(:host,:root,.theme){--text-md: var(--text-16)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-md: var(--text-18)}}@media (min-width: 576px){:where(:host,:root,.theme){--text-lg: var(--text-18)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-lg: var(--text-20)}}@media (min-width: 576px){:where(:host,:root,.theme){--text-xl: var(--text-20)}}@media (min-width: 1024px){:where(:host,:root,.theme){--text-xl: var(--text-22)}}:where(:host,:root,.theme){accent-color:var(--color-brand);background:var(--color-surface);caret-color:var(--color-brand);color-scheme:var(--color-scheme);color:var(--color-word);scrollbar-color:var(--color-brand);font-family:var(--font-sans)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-dropdown-action-display: flex;--vv-dropdown-action-
|
|
1
|
+
:where(:host,:root,.theme){--vv-dropdown-action-display: flex;--vv-dropdown-action-width: 100%;--vv-dropdown-action-overflow: hidden;--vv-dropdown-action-gap: var(--spacing-sm);--vv-dropdown-action-align-items: center;--vv-dropdown-action-padding: var(--spacing-sm);--vv-dropdown-action-color: var(--color-brand);--vv-dropdown-action-cursor: pointer;--vv-dropdown-action-state-disabled-opacity: var(--opacity-50);--vv-dropdown-action-state-disabled-cursor: not-allowed;--vv-dropdown-action-state-hover-background-color: var(--color-surface-brand);--vv-dropdown-action-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-dropdown-action-state-focus-visible-outline-offset: calc(var(--spacing-px) * -1);--vv-dropdown-action-state-pressed-background-color: var(--color-surface-2)}:where(.vv-dropdown-action){display:var(--vv-dropdown-action-display);width:var(--vv-dropdown-action-width);overflow:var(--vv-dropdown-action-overflow);gap:var(--vv-dropdown-action-gap);align-items:var(--vv-dropdown-action-align-items);padding:var(--vv-dropdown-action-padding);color:var(--vv-dropdown-action-color);cursor:var(--vv-dropdown-action-cursor)}:where(.vv-dropdown-action--disabled,.vv-dropdown-action.disabled,.vv-dropdown-action[disabled],.vv-dropdown-action[aria-disabled=true]){opacity:var(--vv-dropdown-action-state-disabled-opacity);--vv-dropdown-action-cursor: var(--vv-dropdown-action-state-disabled-cursor)}:where(.vv-dropdown-action--hover,.vv-dropdown-action.hover,.vv-dropdown-action:not([disabled]):hover){background-color:var(--vv-dropdown-action-state-hover-background-color)}:where(.vv-dropdown-action--focus-visible,.vv-dropdown-action.focus-visible,.vv-dropdown-action:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-dropdown-action-state-focus-visible-outline);outline-offset:var(--vv-dropdown-action-state-focus-visible-outline-offset)}:where(.vv-dropdown-action--pressed,.vv-dropdown-action.pressed,.vv-dropdown-action[aria-pressed=true]){background-color:var(--vv-dropdown-action-state-pressed-background-color)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:where(:host,:root,.theme){--vv-dropdown-option-display: flex;--vv-dropdown-option-min-width: 0;--vv-dropdown-option-overflow: hidden;--vv-dropdown-option-gap: var(--spacing-sm);--vv-dropdown-option-align-items: center;--vv-dropdown-option-padding: var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity: var(--opacity-50);--vv-dropdown-option-state-disabled-cursor: not-allowed;--vv-dropdown-option-state-disabled-pointer-events: none;--vv-dropdown-option-state-focus-visible-background-color: var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color: var(--color-success);--vv-dropdown-option-state-focus-visible-element-hint-opacity: var(--opacity-100);--vv-dropdown-option-state-selected-font-weight: var(--font-bold);--vv-dropdown-option-state-selected-background-color: var(--color-surface-brand);--vv-dropdown-option-state-selected-color: var(--color-brand);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color: var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color: var(--color-danger);--vv-dropdown-option-modifier-inert-cursor: default;--vv-dropdown-option-modifier-inert-color: var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size: .8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color: transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color: var(--color-word-3);--vv-dropdown-option-element-hint-opacity: var(--opacity-0);--vv-dropdown-option-element-hint-transition: var(--transition-opacity);--vv-dropdown-option-element-hint-will-change: opacity;--vv-dropdown-option-element-hint-margin-left: auto;--vv-dropdown-option-element-hint-font-size: .8em;--vv-dropdown-option-element-hint-font-weight: var(--font-normal);--vv-dropdown-option-element-hint-text-overflow: ellipsis;--vv-dropdown-option-element-hint-white-space: nowrap;--vv-dropdown-option-element-hint-overflow: hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-dropdown-position: relative;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-width: max-content;--vv-dropdown-
|
|
1
|
+
:where(:host,:root,.theme){--vv-dropdown-position: relative;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-width: max-content;--vv-dropdown-element-list-background-color: var(--color-surface-1);--vv-dropdown-element-list-overflow: auto;--vv-dropdown-element-item-not-last-border-width: 0 0 var(--border) 0;--vv-dropdown-element-item-not-last-border-color: var(--color-surface-3);--vv-dropdown-element-item-not-last-border-style: solid;--vv-dropdown-element-search-display: block;--vv-dropdown-element-search-min-width: 0;--vv-dropdown-element-search-align-items: center;--vv-dropdown-element-search-min-height: var(--spacing-50);--vv-dropdown-element-search-background-color: var(--color-surface-2);--vv-dropdown-element-search-padding: var(--spacing-sm);--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance: none;--vv-dropdown-element-search-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-dropdown-element-search-pseudo-placeholder-color: var(--color-word-4);--vv-dropdown-element-search-pseudo-placeholder-text-overflow: ellipsis;--vv-dropdown-element-arrow-position: absolute;--vv-dropdown-element-arrow-width: var(--spacing-20);--vv-dropdown-element-arrow-height: var(--spacing-20);--vv-dropdown-element-arrow-z-index: -1;--vv-dropdown-element-arrow-pointer-events: none;--vv-dropdown-element-arrow-border: none;--vv-dropdown-element-arrow-pseudo-before-position: absolute;--vv-dropdown-element-arrow-pseudo-before-top: 0;--vv-dropdown-element-arrow-pseudo-before-left: 0;--vv-dropdown-element-arrow-pseudo-before-width: 0;--vv-dropdown-element-arrow-pseudo-before-height: 0;--vv-dropdown-element-arrow-pseudo-before-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-bottom: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-element-arrow-pseudo-after-position: absolute;--vv-dropdown-element-arrow-pseudo-after-bottom: 0;--vv-dropdown-element-arrow-pseudo-after-left: 0;--vv-dropdown-element-arrow-pseudo-after-width: 0;--vv-dropdown-element-arrow-pseudo-after-height: 0;--vv-dropdown-element-arrow-pseudo-after-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-top: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-modifier-block-width: 100%;--vv-dropdown-modifier-bottom-position: absolute;--vv-dropdown-modifier-bottom-top: 100%;--vv-dropdown-modifier-bottom-right: 0;--vv-dropdown-modifier-bottom-left: 0;--vv-dropdown-modifier-top-position: absolute;--vv-dropdown-modifier-top-left: 0;--vv-dropdown-modifier-top-right: 0;--vv-dropdown-modifier-top-bottom: 100%;--vv-dropdown-modifier-full-bleed-element-item-min-width: 20ch}:where(.vv-dropdown){--dropdown-border-radius: 0px;position:var(--vv-dropdown-position);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);box-shadow:var(--vv-dropdown-box-shadow);width:var(--vv-dropdown-width)}:where(.vv-dropdown__list,.vv-dropdown ul){border-radius:var(--dropdown-border-radius);background-color:var(--vv-dropdown-element-list-background-color);overflow:var(--vv-dropdown-element-list-overflow)}:where(.vv-dropdown__item-first,.vv-dropdown li:first-child){border-top-left-radius:var(--dropdown-border-radius);border-top-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-last,.vv-dropdown li:last-child){border-bottom-left-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-not-last,.vv-dropdown li:not(:last-child)){border-width:var(--vv-dropdown-element-item-not-last-border-width);border-color:var(--vv-dropdown-element-item-not-last-border-color);border-style:var(--vv-dropdown-element-item-not-last-border-style)}:where(.vv-dropdown__search){display:var(--vv-dropdown-element-search-display);min-width:var(--vv-dropdown-element-search-min-width);align-items:var(--vv-dropdown-element-search-align-items);min-height:var(--vv-dropdown-element-search-min-height);background-color:var(--vv-dropdown-element-search-background-color);padding:var(--vv-dropdown-element-search-padding)}:where(.vv-dropdown__search)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-search-cancel-button{-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__search)::placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__arrow){position:var(--vv-dropdown-element-arrow-position);width:var(--vv-dropdown-element-arrow-width);height:var(--vv-dropdown-element-arrow-height);z-index:var(--vv-dropdown-element-arrow-z-index);pointer-events:var(--vv-dropdown-element-arrow-pointer-events);border:var(--vv-dropdown-element-arrow-border)}:where(.vv-dropdown__arrow):before{content:"";position:var(--vv-dropdown-element-arrow-pseudo-before-position);top:var(--vv-dropdown-element-arrow-pseudo-before-top);left:var(--vv-dropdown-element-arrow-pseudo-before-left);width:var(--vv-dropdown-element-arrow-pseudo-before-width);height:var(--vv-dropdown-element-arrow-pseudo-before-height);border-left:var(--vv-dropdown-element-arrow-pseudo-before-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-before-border-right);border-bottom:var(--vv-dropdown-element-arrow-pseudo-before-border-bottom)}:where(.vv-dropdown__arrow):after{content:"";position:var(--vv-dropdown-element-arrow-pseudo-after-position);bottom:var(--vv-dropdown-element-arrow-pseudo-after-bottom);left:var(--vv-dropdown-element-arrow-pseudo-after-left);width:var(--vv-dropdown-element-arrow-pseudo-after-width);height:var(--vv-dropdown-element-arrow-pseudo-after-height);border-left:var(--vv-dropdown-element-arrow-pseudo-after-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-after-border-right);border-top:var(--vv-dropdown-element-arrow-pseudo-after-border-top)}:where(.vv-dropdown--rounded.vv-dropdown){--dropdown-border-radius: var(--rounded)}:where(.vv-dropdown--block.vv-dropdown){--vv-dropdown-width: var(--vv-dropdown-modifier-block-width)}:where(.vv-dropdown--bottom.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-bottom-position);top:var(--vv-dropdown-modifier-bottom-top);right:var(--vv-dropdown-modifier-bottom-right);left:var(--vv-dropdown-modifier-bottom-left)}:where(.vv-dropdown--top.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-top-position);left:var(--vv-dropdown-modifier-top-left);right:var(--vv-dropdown-modifier-top-right);bottom:var(--vv-dropdown-modifier-top-bottom)}:where(.vv-dropdown--full-bleed .vv-dropdown__item,.vv-dropdown--full-bleed li){min-width:var(--vv-dropdown-modifier-full-bleed-element-item-min-width)}
|