@volverjs/style 0.1.12-beta.17 → 0.1.12-beta.19

package/dist/base.css

@@ -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-collapse:collapse}: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-chessboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='black' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='10' y='0' width='10' height='10'/%3E%3Crect fill='black' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%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");--bg-noise-1: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-2: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-3: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-4: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-5: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--gradient-brand: linear-gradient(to bottom right, var(--color-brand-darken-3), var(--color-brand), var(--color-brand-lighten-3));--gradient-accent: linear-gradient(to bottom right, var(--color-accent-darken-3), var(--color-accent), var(--color-accent-lighten-3));--gradient-info: linear-gradient(to bottom right, var(--color-info-darken-3), var(--color-info), var(--color-info-lighten-3));--gradient-success: linear-gradient(to bottom right, var(--color-success-darken-3), var(--color-success), var(--color-success-lighten-3));--gradient-warning: linear-gradient(to bottom right, var(--color-warning-darken-3), var(--color-warning), var(--color-warning-lighten-3));--gradient-danger: linear-gradient(to bottom right, var(--color-danger-darken-3), var(--color-danger), var(--color-danger-lighten-3));--gradient-gray: linear-gradient(to bottom right, var(--color-gray-darken-3), var(--color-gray), var(--color-gray-lighten-3));--gradient-1: linear-gradient(to bottom right, #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--gradient-2: linear-gradient(to bottom right, #48005c, #8300e2, #a269ff);--gradient-3: radial-gradient(circle at top right, hsl(180, 100%, 50%), hsla(180, 100%, 50%, 0)), radial-gradient(circle at bottom left, hsl(328, 100%, 54%), hsla(328, 100%, 54%, 0));--gradient-4: linear-gradient(to bottom right, #00f5a0, #00d9f5);--gradient-5: conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);--gradient-6: conic-gradient(from -90deg at top left, black, white);--gradient-7: linear-gradient(to bottom right, #72c6ef, #004e8f);--gradient-8: conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);--gradient-9: conic-gradient(from .5turn at bottom center, lightblue, white);--gradient-10: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);--gradient-11: conic-gradient(at bottom left, deeppink, cyan);--gradient-12: conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);--gradient-13: radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);--gradient-14: conic-gradient(at top right, lime, cyan);--gradient-15: linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);--gradient-16: radial-gradient(circle at 50% -250%, #374151, #111827, #000);--gradient-17: conic-gradient(from -90deg at 50% -25%, blue, blueviolet);--gradient-18: linear-gradient(0deg, hsla(0, 100%, 50%, .8), hsla(0, 100%, 50%, 0) 75%), linear-gradient(60deg, hsla(60, 100%, 50%, .8), hsla(60, 100%, 50%, 0) 75%), linear-gradient(120deg, hsla(120, 100%, 50%, .8), hsla(120, 100%, 50%, 0) 75%), linear-gradient(180deg, hsla(180, 100%, 50%, .8), hsla(180, 100%, 50%, 0) 75%), linear-gradient(240deg, hsla(240, 100%, 50%, .8), hsla(240, 100%, 50%, 0) 75%), linear-gradient(300deg, hsla(300, 100%, 50%, .8), hsla(300, 100%, 50%, 0) 75%);--gradient-19: linear-gradient(to bottom right, #ffe259, #ffa751);--gradient-20: conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);--gradient-21: conic-gradient(from -90deg at 25% 115%, #f00, #f06, #f0c, #c0f, #60f, #00f, #00f, #00f, #00f);--gradient-22: linear-gradient(to bottom right, #acb6e5, #86fde8);--gradient-23: linear-gradient(to bottom right, #536976, #292e49);--gradient-24: conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);--gradient-25: conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);--gradient-26: linear-gradient(to bottom right, #9796f0, #fbc7d4);--gradient-27: conic-gradient(from .5turn at bottom left, deeppink, #639);--gradient-28: conic-gradient(from -90deg at 50% 105%, white, orchid);--gradient-29: radial-gradient(circle at top right, hsl(250, 100%, 85%), hsla(250, 100%, 85%, 0)), radial-gradient(circle at bottom left, hsl(220, 90%, 75%), hsla(220, 90%, 75%, 0));--gradient-30: radial-gradient(circle at top right, hsl(150, 100%, 50%), hsla(150, 100%, 50%, 0)), radial-gradient(circle at bottom left, hsl(150, 100%, 84%), hsla(150, 100%, 84%, 0))}: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-shadow-hue: 209.8203592814deg;--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.8203592814deg;--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-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-word-hue: 209.8203592814deg;--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.8203592814deg;--color-surface-saturation: 10%;--color-surface-lightness: 100%;--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-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), .05);--color-alpha-2: hsla(var(--color-alpha-hue), var(--color-alpha-saturation), var(--color-alpha-lightness), .1);--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), .2);--color-alpha-5: hsla(var(--color-alpha-hue), var(--color-alpha-saturation), var(--color-alpha-lightness), .25);--color-brand-hue: 209.8203592814deg;--color-brand-saturation: 79.1469194313%;--color-brand-lightness: 41.3725490196%;--color-brand: hsla(var(--color-brand-hue), var(--color-brand-saturation), var(--color-brand-lightness), 1);--color-brand-lighten-5: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.5));--color-brand-lighten-4: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.4));--color-brand-lighten-3: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.3));--color-brand-lighten-2: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.2));--color-brand-lighten-1: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.1));--color-brand-darken-1: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .9));--color-brand-darken-2: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .8));--color-brand-darken-3: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .7));--color-brand-darken-4: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .6));--color-brand-darken-5: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .5));--color-accent-hue: 291.2408759124deg;--color-accent-saturation: 63.7209302326%;--color-accent-lightness: 42.1568627451%;--color-accent: hsla(var(--color-accent-hue), var(--color-accent-saturation), var(--color-accent-lightness), 1);--color-accent-lighten-5: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.5));--color-accent-lighten-4: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.4));--color-accent-lighten-3: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.3));--color-accent-lighten-2: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.2));--color-accent-lighten-1: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.1));--color-accent-darken-1: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .9));--color-accent-darken-2: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .8));--color-accent-darken-3: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .7));--color-accent-darken-4: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .6));--color-accent-darken-5: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .5));--color-success-hue: 134.0186915888deg;--color-success-saturation: 69.9346405229%;--color-success-lightness: 30%;--color-success: hsla(var(--color-success-hue), var(--color-success-saturation), var(--color-success-lightness), 1);--color-success-lighten-5: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.5));--color-success-lighten-4: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.4));--color-success-lighten-3: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.3));--color-success-lighten-2: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.2));--color-success-lighten-1: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.1));--color-success-darken-1: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .9));--color-success-darken-2: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .8));--color-success-darken-3: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .7));--color-success-darken-4: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .6));--color-success-darken-5: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .5));--color-danger-hue: 0deg;--color-danger-saturation: 66.6666666667%;--color-danger-lightness: 41.1764705882%;--color-danger: hsla(var(--color-danger-hue), var(--color-danger-saturation), var(--color-danger-lightness), 1);--color-danger-lighten-5: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.5));--color-danger-lighten-4: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.4));--color-danger-lighten-3: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.3));--color-danger-lighten-2: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.2));--color-danger-lighten-1: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.1));--color-danger-darken-1: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .9));--color-danger-darken-2: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .8));--color-danger-darken-3: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .7));--color-danger-darken-4: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .6));--color-danger-darken-5: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .5));--color-info-hue: 190.2673796791deg;--color-info-saturation: 83.1111111111%;--color-info-lightness: 55.8823529412%;--color-info: hsla(var(--color-info-hue), var(--color-info-saturation), var(--color-info-lightness), 1);--color-info-lighten-5: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.5));--color-info-lighten-4: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.4));--color-info-lighten-3: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.3));--color-info-lighten-2: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.2));--color-info-lighten-1: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.1));--color-info-darken-1: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .9));--color-info-darken-2: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .8));--color-info-darken-3: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .7));--color-info-darken-4: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .6));--color-info-darken-5: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .5));--color-warning-hue: 43.8202247191deg;--color-warning-saturation: 78.7610619469%;--color-warning-lightness: 55.6862745098%;--color-warning: hsla(var(--color-warning-hue), var(--color-warning-saturation), var(--color-warning-lightness), 1);--color-warning-lighten-5: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.5));--color-warning-lighten-4: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.4));--color-warning-lighten-3: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.3));--color-warning-lighten-2: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.2));--color-warning-lighten-1: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.1));--color-warning-darken-1: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .9));--color-warning-darken-2: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .8));--color-warning-darken-3: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .7));--color-warning-darken-4: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .6));--color-warning-darken-5: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .5));--color-gray-hue: 209.8203592814deg;--color-gray-saturation: 15%;--color-gray-lightness: 50%;--color-gray: hsla(var(--color-gray-hue), var(--color-gray-saturation), var(--color-gray-lightness), 1);--color-gray-lighten-5: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.75));--color-gray-lighten-4: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.6));--color-gray-lighten-3: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.45));--color-gray-lighten-2: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.3));--color-gray-lighten-1: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.15));--color-gray-darken-1: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * .85));--color-gray-darken-2: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * .7));--color-gray-darken-3: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * .55));--color-gray-darken-4: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * .4));--color-gray-darken-5: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-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);--brightness-250: brightness(2.5);--brightness-500: brightness(5);--brightness-1000: brightness(10);--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-background-color-focus: var(--color-surface-2);--input-background-color-hover: var(--color-surface-3);--input-background-color: var(--color-surface-1);--input-color: var(--color-word);--input-display: flex;--input-flex-direction: column;--input-flex: 1;--input-font-size: var(--text-16);--input-gap: var(--spacing-md);--input-line-height: var(--leading-normal);--input-min-height: var(--spacing-52);--input-min-width: 0;--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-text-overflow: ellipsis;--input-label-color: var(--color-word-2);--input-label-display: inline;--input-label-font-size: var(--text-14);--input-label-font-weight: var(--font-normal);--input-label-gap: var(--spacing-xs);--input-label-max-width: 100%;--input-label-overflow: hidden;--input-label-text-overflow: ellipsis;--input-label-white-space: nowrap;--input-icon-margin: 0 var(--spacing-sm);--input-icon-pointer-events: none;--input-icon-position: absolute;--input-icon-width: 1em;--input-hint-color: var(--color-word-2);--input-hint-display: block;--input-hint-font-size: var(--text-12);--input-hint-gap: var(--spacing-8);--input-hint-overflow: hidden;--input-hint-text-overflow: ellipsis;--input-hint-white-space: nowrap;--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-translate: 0 -.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-1: 1;--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: 100dvw;--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: 100dvh;--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, scale, rotate, translate, skew;--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;--animation-clippath: clippath 3s 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), scale var(--duration-300) var(--ease-in-out), rotate var(--duration-300) var(--ease-in-out), translate var(--duration-300) var(--ease-in-out), skew var(--duration-300) var(--ease-in-out)}}@keyframes indeterminate{0%{scale:0 1}50%{scale:1;transform-origin:left}51%{scale:1;transform-origin:center right}to{scale:0 1;transform-origin:center right}}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes ping{75%,to{scale:2;opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{translate:0 -25%;animation-timing-function:cubic-bezier(.8,0,1,1)}50%{translate: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 fade-out{95%{opacity:1}to{opacity:0}}@keyframes shine{to{background-position-x:-200%}}@keyframes clippath{0%,to{clip-path:inset(0 0 95% 0)}25%{clip-path:inset(0 95% 0 0)}50%{clip-path:inset(95% 0 0 0)}75%{clip-path:inset(0 0 0 95%)}}: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)}
+*: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-collapse:collapse}: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-chessboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='black' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='10' y='0' width='10' height='10'/%3E%3Crect fill='black' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%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");--bg-noise-1: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-2: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-3: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-4: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--bg-noise-5: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--gradient-brand: linear-gradient(to bottom right, var(--color-brand-darken-3), var(--color-brand), var(--color-brand-lighten-3));--gradient-accent: linear-gradient(to bottom right, var(--color-accent-darken-3), var(--color-accent), var(--color-accent-lighten-3));--gradient-info: linear-gradient(to bottom right, var(--color-info-darken-3), var(--color-info), var(--color-info-lighten-3));--gradient-success: linear-gradient(to bottom right, var(--color-success-darken-3), var(--color-success), var(--color-success-lighten-3));--gradient-warning: linear-gradient(to bottom right, var(--color-warning-darken-3), var(--color-warning), var(--color-warning-lighten-3));--gradient-danger: linear-gradient(to bottom right, var(--color-danger-darken-3), var(--color-danger), var(--color-danger-lighten-3));--gradient-gray: linear-gradient(to bottom right, var(--color-gray-darken-3), var(--color-gray), var(--color-gray-lighten-3));--gradient-1: linear-gradient(to bottom right, #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--gradient-2: linear-gradient(to bottom right, #48005c, #8300e2, #a269ff);--gradient-3: radial-gradient(circle at top right, hsl(180, 100%, 50%), hsla(180, 100%, 50%, 0)), radial-gradient(circle at bottom left, hsl(328, 100%, 54%), hsla(328, 100%, 54%, 0));--gradient-4: linear-gradient(to bottom right, #00f5a0, #00d9f5);--gradient-5: conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);--gradient-6: conic-gradient(from -90deg at top left, black, white);--gradient-7: linear-gradient(to bottom right, #72c6ef, #004e8f);--gradient-8: conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);--gradient-9: conic-gradient(from .5turn at bottom center, lightblue, white);--gradient-10: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);--gradient-11: conic-gradient(at bottom left, deeppink, cyan);--gradient-12: conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);--gradient-13: radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);--gradient-14: conic-gradient(at top right, lime, cyan);--gradient-15: linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);--gradient-16: radial-gradient(circle at 50% -250%, #374151, #111827, #000);--gradient-17: conic-gradient(from -90deg at 50% -25%, blue, blueviolet);--gradient-18: linear-gradient(0deg, hsla(0, 100%, 50%, .8), hsla(0, 100%, 50%, 0) 75%), linear-gradient(60deg, hsla(60, 100%, 50%, .8), hsla(60, 100%, 50%, 0) 75%), linear-gradient(120deg, hsla(120, 100%, 50%, .8), hsla(120, 100%, 50%, 0) 75%), linear-gradient(180deg, hsla(180, 100%, 50%, .8), hsla(180, 100%, 50%, 0) 75%), linear-gradient(240deg, hsla(240, 100%, 50%, .8), hsla(240, 100%, 50%, 0) 75%), linear-gradient(300deg, hsla(300, 100%, 50%, .8), hsla(300, 100%, 50%, 0) 75%);--gradient-19: linear-gradient(to bottom right, #ffe259, #ffa751);--gradient-20: conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);--gradient-21: conic-gradient(from -90deg at 25% 115%, #f00, #f06, #f0c, #c0f, #60f, #00f, #00f, #00f, #00f);--gradient-22: linear-gradient(to bottom right, #acb6e5, #86fde8);--gradient-23: linear-gradient(to bottom right, #536976, #292e49);--gradient-24: conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);--gradient-25: conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);--gradient-26: linear-gradient(to bottom right, #9796f0, #fbc7d4);--gradient-27: conic-gradient(from .5turn at bottom left, deeppink, #639);--gradient-28: conic-gradient(from -90deg at 50% 105%, white, orchid);--gradient-29: radial-gradient(circle at top right, hsl(250, 100%, 85%), hsla(250, 100%, 85%, 0)), radial-gradient(circle at bottom left, hsl(220, 90%, 75%), hsla(220, 90%, 75%, 0));--gradient-30: radial-gradient(circle at top right, hsl(150, 100%, 50%), hsla(150, 100%, 50%, 0)), radial-gradient(circle at bottom left, hsl(150, 100%, 84%), hsla(150, 100%, 84%, 0))}: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-shadow-hue: 209.8203592814deg;--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.8203592814deg;--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-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-word-hue: 209.8203592814deg;--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.8203592814deg;--color-surface-saturation: 10%;--color-surface-lightness: 100%;--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-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), .05);--color-alpha-2: hsla(var(--color-alpha-hue), var(--color-alpha-saturation), var(--color-alpha-lightness), .1);--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), .2);--color-alpha-5: hsla(var(--color-alpha-hue), var(--color-alpha-saturation), var(--color-alpha-lightness), .25);--color-brand-hue: 209.8203592814deg;--color-brand-saturation: 79.1469194313%;--color-brand-lightness: 41.3725490196%;--color-brand: hsla(var(--color-brand-hue), var(--color-brand-saturation), var(--color-brand-lightness), 1);--color-brand-lighten-5: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.5));--color-brand-lighten-4: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.4));--color-brand-lighten-3: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.3));--color-brand-lighten-2: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.2));--color-brand-lighten-1: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * 1.1));--color-brand-darken-1: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .9));--color-brand-darken-2: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .8));--color-brand-darken-3: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .7));--color-brand-darken-4: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .6));--color-brand-darken-5: hsl(var(--color-brand-hue), var(--color-brand-saturation), calc(var(--color-brand-lightness) * .5));--color-accent-hue: 291.2408759124deg;--color-accent-saturation: 63.7209302326%;--color-accent-lightness: 42.1568627451%;--color-accent: hsla(var(--color-accent-hue), var(--color-accent-saturation), var(--color-accent-lightness), 1);--color-accent-lighten-5: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.5));--color-accent-lighten-4: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.4));--color-accent-lighten-3: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.3));--color-accent-lighten-2: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.2));--color-accent-lighten-1: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * 1.1));--color-accent-darken-1: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .9));--color-accent-darken-2: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .8));--color-accent-darken-3: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .7));--color-accent-darken-4: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .6));--color-accent-darken-5: hsl(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) * .5));--color-success-hue: 134.0186915888deg;--color-success-saturation: 69.9346405229%;--color-success-lightness: 30%;--color-success: hsla(var(--color-success-hue), var(--color-success-saturation), var(--color-success-lightness), 1);--color-success-lighten-5: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.5));--color-success-lighten-4: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.4));--color-success-lighten-3: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.3));--color-success-lighten-2: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.2));--color-success-lighten-1: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * 1.1));--color-success-darken-1: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .9));--color-success-darken-2: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .8));--color-success-darken-3: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .7));--color-success-darken-4: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .6));--color-success-darken-5: hsl(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) * .5));--color-danger-hue: 0deg;--color-danger-saturation: 66.6666666667%;--color-danger-lightness: 41.1764705882%;--color-danger: hsla(var(--color-danger-hue), var(--color-danger-saturation), var(--color-danger-lightness), 1);--color-danger-lighten-5: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.5));--color-danger-lighten-4: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.4));--color-danger-lighten-3: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.3));--color-danger-lighten-2: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.2));--color-danger-lighten-1: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * 1.1));--color-danger-darken-1: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .9));--color-danger-darken-2: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .8));--color-danger-darken-3: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .7));--color-danger-darken-4: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .6));--color-danger-darken-5: hsl(var(--color-danger-hue), var(--color-danger-saturation), calc(var(--color-danger-lightness) * .5));--color-info-hue: 190.2673796791deg;--color-info-saturation: 83.1111111111%;--color-info-lightness: 55.8823529412%;--color-info: hsla(var(--color-info-hue), var(--color-info-saturation), var(--color-info-lightness), 1);--color-info-lighten-5: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.5));--color-info-lighten-4: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.4));--color-info-lighten-3: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.3));--color-info-lighten-2: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.2));--color-info-lighten-1: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * 1.1));--color-info-darken-1: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .9));--color-info-darken-2: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .8));--color-info-darken-3: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .7));--color-info-darken-4: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .6));--color-info-darken-5: hsl(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) * .5));--color-warning-hue: 43.8202247191deg;--color-warning-saturation: 78.7610619469%;--color-warning-lightness: 55.6862745098%;--color-warning: hsla(var(--color-warning-hue), var(--color-warning-saturation), var(--color-warning-lightness), 1);--color-warning-lighten-5: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.5));--color-warning-lighten-4: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.4));--color-warning-lighten-3: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.3));--color-warning-lighten-2: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.2));--color-warning-lighten-1: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * 1.1));--color-warning-darken-1: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .9));--color-warning-darken-2: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .8));--color-warning-darken-3: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .7));--color-warning-darken-4: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .6));--color-warning-darken-5: hsl(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) * .5));--color-gray-hue: 209.8203592814deg;--color-gray-saturation: 15%;--color-gray-lightness: 50%;--color-gray: hsla(var(--color-gray-hue), var(--color-gray-saturation), var(--color-gray-lightness), 1);--color-gray-lighten-5: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.75));--color-gray-lighten-4: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.6));--color-gray-lighten-3: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.45));--color-gray-lighten-2: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.3));--color-gray-lighten-1: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * 1.15));--color-gray-darken-1: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * .85));--color-gray-darken-2: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * .7));--color-gray-darken-3: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * .55));--color-gray-darken-4: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-lightness) * .4));--color-gray-darken-5: hsl(var(--color-gray-hue), var(--color-gray-saturation), calc(var(--color-gray-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);--brightness-250: brightness(2.5);--brightness-500: brightness(5);--brightness-1000: brightness(10);--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-background-color-focus: var(--color-surface-2);--input-background-color-hover: var(--color-surface-3);--input-background-color: var(--color-surface-1);--input-color: var(--color-word);--input-display: flex;--input-flex-direction: column;--input-flex: 1;--input-font-size: var(--text-16);--input-gap: var(--spacing-md);--input-line-height: var(--leading-normal);--input-min-height: var(--spacing-52);--input-min-width: 0;--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-text-overflow: ellipsis;--input-label-color: var(--color-word-2);--input-label-display: inline;--input-label-font-size: var(--text-14);--input-label-font-weight: var(--font-normal);--input-label-gap: var(--spacing-xs);--input-label-max-width: 100%;--input-label-overflow: hidden;--input-label-text-overflow: ellipsis;--input-label-white-space: nowrap;--input-icon-margin: 0 var(--spacing-sm);--input-icon-pointer-events: none;--input-icon-position: absolute;--input-icon-width: 1em;--input-hint-color: var(--color-word-2);--input-hint-display: block;--input-hint-font-size: var(--text-12);--input-hint-gap: var(--spacing-8);--input-hint-overflow: hidden;--input-hint-text-overflow: ellipsis;--input-hint-white-space: nowrap;--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-translate: 0 -.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-1: 1;--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: 100dvw;--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: 100dvh;--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}:where(:host,:root,.theme){--spacing-xs: var(--spacing-6)}@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)}}:where(:host,:root,.theme){--spacing-sm: 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)}}:where(:host,:root,.theme){--spacing-md: var(--spacing-12)}@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)}}:where(:host,:root,.theme){--spacing-lg: 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)}}:where(:host,:root,.theme){--spacing-xl: var(--spacing-24)}@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, scale, rotate, translate, skew;--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;--animation-clippath: clippath 3s 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), scale var(--duration-300) var(--ease-in-out), rotate var(--duration-300) var(--ease-in-out), translate var(--duration-300) var(--ease-in-out), skew var(--duration-300) var(--ease-in-out)}}@keyframes indeterminate{0%{scale:0 1}50%{scale:1;transform-origin:left}51%{scale:1;transform-origin:center right}to{scale:0 1;transform-origin:center right}}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes ping{75%,to{scale:2;opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{translate:0 -25%;animation-timing-function:cubic-bezier(.8,0,1,1)}50%{translate: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 fade-out{95%{opacity:1}to{opacity:0}}@keyframes shine{to{background-position-x:-200%}}@keyframes clippath{0%,to{clip-path:inset(0 0 95% 0)}25%{clip-path:inset(0 95% 0 0)}50%{clip-path:inset(95% 0 0 0)}75%{clip-path:inset(0 0 0 95%)}}: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}:where(:host,:root,.theme){--text-xs: var(--text-10)}@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)}}:where(:host,:root,.theme){--text-sm: var(--text-12)}@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)}}:where(:host,:root,.theme){--text-md: var(--text-14)}@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)}}:where(:host,:root,.theme){--text-lg: var(--text-16)}@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)}}:where(:host,:root,.theme){--text-xl: var(--text-18)}@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)}

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

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-accordion-group-display: flex;--vv-accordion-group-flex-direction: column;--vv-accordion-group-gap: var(--spacing-sm);--vv-accordion-group-modifier-condensed-gap: 0;--vv-accordion-group-modifier-condensed-element-not-last-child-border-bottom-width: 0}:where(.vv-accordion-group){display:var(--vv-accordion-group-display);flex-direction:var(--vv-accordion-group-flex-direction);gap:var(--vv-accordion-group-gap)}:where(.vv-accordion-group--condensed.vv-accordion-group){--vv-accordion-group-gap: var(--vv-accordion-group-modifier-condensed-gap)}:where(.vv-accordion-group--condensed>.vv-accordion-group__not-last-child,.vv-accordion-group--condensed>details:not(:last-child)){border-bottom-width:var(--vv-accordion-group-modifier-condensed-element-not-last-child-border-bottom-width)}
+:where(:host,:root,.theme){--vv-accordion-group-display: flex;--vv-accordion-group-flex-direction: column;--vv-accordion-group-modifier-condensed-gap: var(--spacing-0);--vv-accordion-group-modifier-condensed-element-not-last-child-border-bottom-width: 0}:where(.vv-accordion-group){display:var(--vv-accordion-group-display);flex-direction:var(--vv-accordion-group-flex-direction);gap:var(--spacing-sm)}:where(.vv-accordion-group--condensed.vv-accordion-group){gap:var(--vv-accordion-group-modifier-condensed-gap)}:where(.vv-accordion-group--condensed .vv-accordion-group__not-last-child,.vv-accordion-group--condensed>details:not(:last-child)){border-bottom-width:var(--vv-accordion-group-modifier-condensed-element-not-last-child-border-bottom-width)}

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

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-alert-group-position: relative;--vv-alert-group-z-index: var(--z-notification-alert);--vv-alert-group-display: flex;--vv-alert-group-flex-direction: column;--vv-alert-group-gap: var(--spacing-sm);--vv-alert-group-overflow: hidden;--vv-alert-group-pointer-events: none;--vv-alert-group-element-list-display: flex;--vv-alert-group-element-list-flex-direction: column;--vv-alert-group-element-list-gap: var(--spacing-xs);--vv-alert-group-element-list-state-empty-display: none;--vv-alert-group-element-item-transition: var(--transition-all);--vv-alert-group-element-item-flex-shrink: 0;--vv-alert-group-element-item-pointer-events: auto;--vv-alert-group-modifier-fixed-position: fixed;--vv-alert-group-modifier-fixed-padding: var(--spacing-lg);--vv-alert-group-modifier-fixed-max-width: var(--w-full);--vv-alert-group-modifier-fixed-max-height: var(--h-full);--vv-alert-group-modifier-absolute-position: absolute;--vv-alert-group-modifier-absolute-padding: var(--spacing-lg);--vv-alert-group-modifier-absolute-max-width: var(--w-full);--vv-alert-group-modifier-absolute-max-height: var(--h-full);--vv-alert-group-modifier-reverse-flex-direction: column-reverse;--vv-alert-group-modifier-reverse-element-list-flex-direction: column-reverse;--vv-alert-group-modifier-top-start-inset-block: 0 auto;--vv-alert-group-modifier-top-start-inset-inline: 0 auto;--vv-alert-group-modifier-top-middle-inset-block: 0 auto;--vv-alert-group-modifier-top-middle-inset-inline: 50% auto;--vv-alert-group-modifier-top-middle-translate: -50%;--vv-alert-group-modifier-top-end-inset-block: 0 auto;--vv-alert-group-modifier-top-end-inset-inline: auto 0;--vv-alert-group-modifier-center-start-inset-block: 50% auto;--vv-alert-group-modifier-center-start-translate: 0 -50%;--vv-alert-group-modifier-center-start-inset-inline: 0 auto;--vv-alert-group-modifier-center-middle-inset-block: 50% auto;--vv-alert-group-modifier-center-middle-inset-inline: 50% auto;--vv-alert-group-modifier-center-middle-translate: -50% -50%;--vv-alert-group-modifier-center-end-inset-block: 50% auto;--vv-alert-group-modifier-center-end-inset-inline: auto 0;--vv-alert-group-modifier-center-end-translate: 0 -50%;--vv-alert-group-modifier-bottom-start-inset-block: auto 0;--vv-alert-group-modifier-bottom-start-inset-inline: 0 auto;--vv-alert-group-modifier-bottom-middle-inset-block: auto 0;--vv-alert-group-modifier-bottom-middle-inset-inline: 50% auto;--vv-alert-group-modifier-bottom-middle-translate: -50%;--vv-alert-group-modifier-bottom-end-inset-block: auto 0;--vv-alert-group-modifier-bottom-end-inset-inline: auto 0;--vv-alert-group-modifier-full-bleed-width: max(15dvw, min(20rem, 80dvw));--vv-alert-group-modifier-stack-element-item-flex-wrap: nowrap;--vv-alert-group-modifier-stack-element-item-white-space: nowrap;--vv-alert-group-modifier-stack-element-nth-1-z-index: var(--z-notification-alert);--vv-alert-group-modifier-stack-element-not-first-filter: grayscale(100%);--vv-alert-group-modifier-stack-element-nth-other-opacity: 0;--vv-alert-group-modifier-stack-state-hover-element-not-first-translate: 0;--vv-alert-group-modifier-stack-state-hover-element-not-first-scale: 1;--vv-alert-group-modifier-stack-state-hover-element-not-first-filter: none;--vv-alert-group-modifier-stack-modifier-reverse-state-hover-element-not-first-translate: 0;--vv-alert-group-modifier-stack-modifier-reverse-state-hover-element-not-first-scale: 1}:where(.vv-alert-group){position:var(--vv-alert-group-position);z-index:var(--vv-alert-group-z-index);display:var(--vv-alert-group-display);flex-direction:var(--vv-alert-group-flex-direction);gap:var(--vv-alert-group-gap);overflow:var(--vv-alert-group-overflow);pointer-events:var(--vv-alert-group-pointer-events)}:where(.vv-alert-group__list,.vv-alert-group>[role=group]){display:var(--vv-alert-group-element-list-display);flex-direction:var(--vv-alert-group-element-list-flex-direction);gap:var(--vv-alert-group-element-list-gap)}:where(.vv-alert-group__list--empty,.vv-alert-group__list.empty,.vv-alert-group>[role=group].empty,.vv-alert-group__list:not([disabled]):empty,.vv-alert-group>[role=group]:not([disabled]):empty){--vv-alert-group-element-list-display: var(--vv-alert-group-element-list-state-empty-display)}:where(.vv-alert-group__item,.vv-alert-group>[role=group]>*){transition:var(--vv-alert-group-element-item-transition);flex-shrink:var(--vv-alert-group-element-item-flex-shrink);pointer-events:var(--vv-alert-group-element-item-pointer-events)}:where(.vv-alert-group__nth-1,.vv-alert-group>[role=group]>*:nth-child(1)){--alert-counter: 1}:where(.vv-alert-group__nth-2,.vv-alert-group>[role=group]>*:nth-child(2)){--alert-counter: 2}:where(.vv-alert-group__nth-3,.vv-alert-group>[role=group]>*:nth-child(3)){--alert-counter: 3}:where(.vv-alert-group__nth-4,.vv-alert-group>[role=group]>*:nth-child(4)){--alert-counter: 4}:where(.vv-alert-group__nth-5,.vv-alert-group>[role=group]>*:nth-child(5)){--alert-counter: 5}:where(.vv-alert-group--fixed.vv-alert-group){--vv-alert-group-position: var(--vv-alert-group-modifier-fixed-position);padding:var(--vv-alert-group-modifier-fixed-padding);max-width:var(--vv-alert-group-modifier-fixed-max-width);max-height:var(--vv-alert-group-modifier-fixed-max-height)}:where(.vv-alert-group--absolute.vv-alert-group){--vv-alert-group-position: var(--vv-alert-group-modifier-absolute-position);padding:var(--vv-alert-group-modifier-absolute-padding);max-width:var(--vv-alert-group-modifier-absolute-max-width);max-height:var(--vv-alert-group-modifier-absolute-max-height)}:where(.vv-alert-group--reverse.vv-alert-group){--vv-alert-group-flex-direction: var(--vv-alert-group-modifier-reverse-flex-direction)}:where(.vv-alert-group--reverse>.vv-alert-group__list,.vv-alert-group--reverse>[role=group]){flex-direction:var(--vv-alert-group-modifier-reverse-element-list-flex-direction)}:where(.vv-alert-group--top-start.vv-alert-group){inset-block:var(--vv-alert-group-modifier-top-start-inset-block);inset-inline:var(--vv-alert-group-modifier-top-start-inset-inline)}:where(.vv-alert-group--top-middle.vv-alert-group){inset-block:var(--vv-alert-group-modifier-top-middle-inset-block);inset-inline:var(--vv-alert-group-modifier-top-middle-inset-inline);translate:var(--vv-alert-group-modifier-top-middle-translate)}:where(.vv-alert-group--top-end.vv-alert-group){inset-block:var(--vv-alert-group-modifier-top-end-inset-block);inset-inline:var(--vv-alert-group-modifier-top-end-inset-inline)}:where(.vv-alert-group--center-start.vv-alert-group){inset-block:var(--vv-alert-group-modifier-center-start-inset-block);translate:var(--vv-alert-group-modifier-center-start-translate);inset-inline:var(--vv-alert-group-modifier-center-start-inset-inline)}:where(.vv-alert-group--center-middle.vv-alert-group){inset-block:var(--vv-alert-group-modifier-center-middle-inset-block);inset-inline:var(--vv-alert-group-modifier-center-middle-inset-inline);translate:var(--vv-alert-group-modifier-center-middle-translate)}:where(.vv-alert-group--center-end.vv-alert-group){inset-block:var(--vv-alert-group-modifier-center-end-inset-block);inset-inline:var(--vv-alert-group-modifier-center-end-inset-inline);translate:var(--vv-alert-group-modifier-center-end-translate)}:where(.vv-alert-group--bottom-start.vv-alert-group){inset-block:var(--vv-alert-group-modifier-bottom-start-inset-block);inset-inline:var(--vv-alert-group-modifier-bottom-start-inset-inline)}:where(.vv-alert-group--bottom-middle.vv-alert-group){inset-block:var(--vv-alert-group-modifier-bottom-middle-inset-block);inset-inline:var(--vv-alert-group-modifier-bottom-middle-inset-inline);translate:var(--vv-alert-group-modifier-bottom-middle-translate)}:where(.vv-alert-group--bottom-end.vv-alert-group){inset-block:var(--vv-alert-group-modifier-bottom-end-inset-block);inset-inline:var(--vv-alert-group-modifier-bottom-end-inset-inline)}:where(.vv-alert-group--full-bleed.vv-alert-group){width:var(--vv-alert-group-modifier-full-bleed-width)}:where(.vv-alert-group--stack>.vv-alert-group__item,.vv-alert-group--stack>[role=group]>*){flex-wrap:var(--vv-alert-group-modifier-stack-element-item-flex-wrap);white-space:var(--vv-alert-group-modifier-stack-element-item-white-space)}:where(.vv-alert-group--stack>.vv-alert-group__nth-1,.vv-alert-group--stack>[role=group]>*:nth-child(1)){z-index:var(--vv-alert-group-modifier-stack-element-nth-1-z-index)}:where(.vv-alert-group--stack>.vv-alert-group__not-first,.vv-alert-group--stack>[role=group]>*:not(:first-child)){translate:0 calc(-100% * (var(--alert-counter, 1) - 1));scale:calc(1 - .05 * (var(--alert-counter, 1) - 1));z-index:calc(var(--z-notification-alert) - var(--alert-counter, 1));filter:var(--vv-alert-group-modifier-stack-element-not-first-filter)}:where(.vv-alert-group--stack>.vv-alert-group__nth-other,.vv-alert-group--stack>[role=group]>*:nth-child(n+6)){opacity:var(--vv-alert-group-modifier-stack-element-nth-other-opacity)}:where(.vv-alert-group--stack.vv-alert-group--hover>.vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group.hover>.vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group:not([disabled]):hover>.vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--hover>[role=group]>*:not(:first-child),.vv-alert-group--stack.vv-alert-group.hover>[role=group]>*:not(:first-child),.vv-alert-group--stack.vv-alert-group:not([disabled]):hover>[role=group]>*:not(:first-child)){translate:var(--vv-alert-group-modifier-stack-state-hover-element-not-first-translate);scale:var(--vv-alert-group-modifier-stack-state-hover-element-not-first-scale);filter:var(--vv-alert-group-modifier-stack-state-hover-element-not-first-filter)}:where(.vv-alert-group--stack.vv-alert-group--reverse>.vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--reverse>[role=group]>*:not(:first-child)){translate:0 calc(100% * (var(--alert-counter, 1) - 1));scale:calc(1 - .05 * (var(--alert-counter, 1) - 1))}:where(.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group--hover>.vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group.hover>.vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group:not([disabled]):hover>.vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group--hover>[role=group]>*:not(:first-child),.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group.hover>[role=group]>*:not(:first-child),.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group:not([disabled]):hover>[role=group]>*:not(:first-child)){translate:var(--vv-alert-group-modifier-stack-modifier-reverse-state-hover-element-not-first-translate);scale:var(--vv-alert-group-modifier-stack-modifier-reverse-state-hover-element-not-first-scale)}
+:where(:host,:root,.theme){--vv-alert-group-position: relative;--vv-alert-group-z-index: var(--z-notification-alert);--vv-alert-group-display: flex;--vv-alert-group-flex-direction: column;--vv-alert-group-gap: var(--spacing-sm);--vv-alert-group-overflow: hidden;--vv-alert-group-pointer-events: none;--vv-alert-group-element-list-display: flex;--vv-alert-group-element-list-flex-direction: column;--vv-alert-group-element-list-gap: var(--spacing-xs);--vv-alert-group-element-list-state-empty-display: none;--vv-alert-group-element-item-transition: var(--transition-all);--vv-alert-group-element-item-flex-shrink: 0;--vv-alert-group-element-item-pointer-events: auto;--vv-alert-group-modifier-fixed-position: fixed;--vv-alert-group-modifier-fixed-padding: var(--spacing-lg);--vv-alert-group-modifier-fixed-max-width: var(--w-full);--vv-alert-group-modifier-fixed-max-height: var(--h-full);--vv-alert-group-modifier-absolute-position: absolute;--vv-alert-group-modifier-absolute-padding: var(--spacing-lg);--vv-alert-group-modifier-absolute-max-width: var(--w-full);--vv-alert-group-modifier-absolute-max-height: var(--h-full);--vv-alert-group-modifier-reverse-flex-direction: column-reverse;--vv-alert-group-modifier-reverse-element-list-flex-direction: column-reverse;--vv-alert-group-modifier-top-start-inset-block: 0 auto;--vv-alert-group-modifier-top-start-inset-inline: 0 auto;--vv-alert-group-modifier-top-middle-inset-block: 0 auto;--vv-alert-group-modifier-top-middle-inset-inline: 50% auto;--vv-alert-group-modifier-top-middle-translate: -50%;--vv-alert-group-modifier-top-end-inset-block: 0 auto;--vv-alert-group-modifier-top-end-inset-inline: auto 0;--vv-alert-group-modifier-center-start-inset-block: 50% auto;--vv-alert-group-modifier-center-start-translate: 0 -50%;--vv-alert-group-modifier-center-start-inset-inline: 0 auto;--vv-alert-group-modifier-center-middle-inset-block: 50% auto;--vv-alert-group-modifier-center-middle-inset-inline: 50% auto;--vv-alert-group-modifier-center-middle-translate: -50% -50%;--vv-alert-group-modifier-center-end-inset-block: 50% auto;--vv-alert-group-modifier-center-end-inset-inline: auto 0;--vv-alert-group-modifier-center-end-translate: 0 -50%;--vv-alert-group-modifier-bottom-start-inset-block: auto 0;--vv-alert-group-modifier-bottom-start-inset-inline: 0 auto;--vv-alert-group-modifier-bottom-middle-inset-block: auto 0;--vv-alert-group-modifier-bottom-middle-inset-inline: 50% auto;--vv-alert-group-modifier-bottom-middle-translate: -50%;--vv-alert-group-modifier-bottom-end-inset-block: auto 0;--vv-alert-group-modifier-bottom-end-inset-inline: auto 0;--vv-alert-group-modifier-full-bleed-width: max(15dvw, min(20rem, 80dvw));--vv-alert-group-modifier-stack-element-item-flex-wrap: nowrap;--vv-alert-group-modifier-stack-element-item-white-space: nowrap;--vv-alert-group-modifier-stack-element-nth-1-z-index: var(--z-notification-alert);--vv-alert-group-modifier-stack-element-not-first-filter: grayscale(100%);--vv-alert-group-modifier-stack-element-nth-other-opacity: 0;--vv-alert-group-modifier-stack-state-hover-element-not-first-translate: 0;--vv-alert-group-modifier-stack-state-hover-element-not-first-scale: 1;--vv-alert-group-modifier-stack-state-hover-element-not-first-filter: none;--vv-alert-group-modifier-stack-modifier-reverse-state-hover-element-not-first-translate: 0;--vv-alert-group-modifier-stack-modifier-reverse-state-hover-element-not-first-scale: 1}:where(.vv-alert-group){position:var(--vv-alert-group-position);z-index:var(--vv-alert-group-z-index);display:var(--vv-alert-group-display);flex-direction:var(--vv-alert-group-flex-direction);gap:var(--vv-alert-group-gap);overflow:var(--vv-alert-group-overflow);pointer-events:var(--vv-alert-group-pointer-events)}:where(.vv-alert-group__list,.vv-alert-group>[role=group]){display:var(--vv-alert-group-element-list-display);flex-direction:var(--vv-alert-group-element-list-flex-direction);gap:var(--vv-alert-group-element-list-gap)}:where(.vv-alert-group__list--empty,.vv-alert-group__list.empty,.vv-alert-group>[role=group].empty,.vv-alert-group__list:not([disabled]):empty,.vv-alert-group>[role=group]:not([disabled]):empty){--vv-alert-group-element-list-display: var(--vv-alert-group-element-list-state-empty-display)}:where(.vv-alert-group__item,.vv-alert-group>[role=group]>*){transition:var(--vv-alert-group-element-item-transition);flex-shrink:var(--vv-alert-group-element-item-flex-shrink);pointer-events:var(--vv-alert-group-element-item-pointer-events)}:where(.vv-alert-group__nth-1,.vv-alert-group>[role=group]>*:nth-child(1)){--alert-counter: 1}:where(.vv-alert-group__nth-2,.vv-alert-group>[role=group]>*:nth-child(2)){--alert-counter: 2}:where(.vv-alert-group__nth-3,.vv-alert-group>[role=group]>*:nth-child(3)){--alert-counter: 3}:where(.vv-alert-group__nth-4,.vv-alert-group>[role=group]>*:nth-child(4)){--alert-counter: 4}:where(.vv-alert-group__nth-5,.vv-alert-group>[role=group]>*:nth-child(5)){--alert-counter: 5}:where(.vv-alert-group--fixed.vv-alert-group){--vv-alert-group-position: var(--vv-alert-group-modifier-fixed-position);padding:var(--vv-alert-group-modifier-fixed-padding);max-width:var(--vv-alert-group-modifier-fixed-max-width);max-height:var(--vv-alert-group-modifier-fixed-max-height)}:where(.vv-alert-group--absolute.vv-alert-group){--vv-alert-group-position: var(--vv-alert-group-modifier-absolute-position);padding:var(--vv-alert-group-modifier-absolute-padding);max-width:var(--vv-alert-group-modifier-absolute-max-width);max-height:var(--vv-alert-group-modifier-absolute-max-height)}:where(.vv-alert-group--reverse.vv-alert-group){--vv-alert-group-flex-direction: var(--vv-alert-group-modifier-reverse-flex-direction)}:where(.vv-alert-group--reverse>.vv-alert-group__list,.vv-alert-group--reverse>[role=group]){flex-direction:var(--vv-alert-group-modifier-reverse-element-list-flex-direction)}:where(.vv-alert-group--top-start.vv-alert-group){inset-block:var(--vv-alert-group-modifier-top-start-inset-block);inset-inline:var(--vv-alert-group-modifier-top-start-inset-inline)}:where(.vv-alert-group--top-middle.vv-alert-group){inset-block:var(--vv-alert-group-modifier-top-middle-inset-block);inset-inline:var(--vv-alert-group-modifier-top-middle-inset-inline);translate:var(--vv-alert-group-modifier-top-middle-translate)}:where(.vv-alert-group--top-end.vv-alert-group){inset-block:var(--vv-alert-group-modifier-top-end-inset-block);inset-inline:var(--vv-alert-group-modifier-top-end-inset-inline)}:where(.vv-alert-group--center-start.vv-alert-group){inset-block:var(--vv-alert-group-modifier-center-start-inset-block);translate:var(--vv-alert-group-modifier-center-start-translate);inset-inline:var(--vv-alert-group-modifier-center-start-inset-inline)}:where(.vv-alert-group--center-middle.vv-alert-group){inset-block:var(--vv-alert-group-modifier-center-middle-inset-block);inset-inline:var(--vv-alert-group-modifier-center-middle-inset-inline);translate:var(--vv-alert-group-modifier-center-middle-translate)}:where(.vv-alert-group--center-end.vv-alert-group){inset-block:var(--vv-alert-group-modifier-center-end-inset-block);inset-inline:var(--vv-alert-group-modifier-center-end-inset-inline);translate:var(--vv-alert-group-modifier-center-end-translate)}:where(.vv-alert-group--bottom-start.vv-alert-group){inset-block:var(--vv-alert-group-modifier-bottom-start-inset-block);inset-inline:var(--vv-alert-group-modifier-bottom-start-inset-inline)}:where(.vv-alert-group--bottom-middle.vv-alert-group){inset-block:var(--vv-alert-group-modifier-bottom-middle-inset-block);inset-inline:var(--vv-alert-group-modifier-bottom-middle-inset-inline);translate:var(--vv-alert-group-modifier-bottom-middle-translate)}:where(.vv-alert-group--bottom-end.vv-alert-group){inset-block:var(--vv-alert-group-modifier-bottom-end-inset-block);inset-inline:var(--vv-alert-group-modifier-bottom-end-inset-inline)}:where(.vv-alert-group--full-bleed.vv-alert-group){width:var(--vv-alert-group-modifier-full-bleed-width)}:where(.vv-alert-group--stack .vv-alert-group__item,.vv-alert-group--stack>[role=group]>*){flex-wrap:var(--vv-alert-group-modifier-stack-element-item-flex-wrap);white-space:var(--vv-alert-group-modifier-stack-element-item-white-space)}:where(.vv-alert-group--stack .vv-alert-group__nth-1,.vv-alert-group--stack>[role=group]>*:nth-child(1)){z-index:var(--vv-alert-group-modifier-stack-element-nth-1-z-index)}:where(.vv-alert-group--stack .vv-alert-group__not-first,.vv-alert-group--stack>[role=group]>*:not(:first-child)){translate:0 calc(-100% * (var(--alert-counter, 1) - 1));scale:calc(1 - .05 * (var(--alert-counter, 1) - 1));z-index:calc(var(--z-notification-alert) - var(--alert-counter, 1));filter:var(--vv-alert-group-modifier-stack-element-not-first-filter)}:where(.vv-alert-group--stack .vv-alert-group__nth-other,.vv-alert-group--stack>[role=group]>*:nth-child(n+6)){opacity:var(--vv-alert-group-modifier-stack-element-nth-other-opacity)}:where(.vv-alert-group--stack.vv-alert-group--hover .vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group.hover .vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group:not([disabled]):hover .vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--hover>[role=group]>*:not(:first-child),.vv-alert-group--stack.vv-alert-group.hover>[role=group]>*:not(:first-child),.vv-alert-group--stack.vv-alert-group:not([disabled]):hover>[role=group]>*:not(:first-child)){translate:var(--vv-alert-group-modifier-stack-state-hover-element-not-first-translate);scale:var(--vv-alert-group-modifier-stack-state-hover-element-not-first-scale);filter:var(--vv-alert-group-modifier-stack-state-hover-element-not-first-filter)}:where(.vv-alert-group--stack.vv-alert-group--reverse .vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--reverse>[role=group]>*:not(:first-child)){translate:0 calc(100% * (var(--alert-counter, 1) - 1));scale:calc(1 - .05 * (var(--alert-counter, 1) - 1))}:where(.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group--hover .vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group.hover .vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group:not([disabled]):hover .vv-alert-group__not-first,.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group--hover>[role=group]>*:not(:first-child),.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group.hover>[role=group]>*:not(:first-child),.vv-alert-group--stack.vv-alert-group--reverse.vv-alert-group:not([disabled]):hover>[role=group]>*:not(:first-child)){translate:var(--vv-alert-group-modifier-stack-modifier-reverse-state-hover-element-not-first-translate);scale:var(--vv-alert-group-modifier-stack-modifier-reverse-state-hover-element-not-first-scale)}

package/dist/components/vv-alert.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-alert-background-color: var(--color-surface-2);--vv-alert-box-shadow: var(--shadow-lg);--vv-alert-border-color: var(--color-gray-lighten-4);--vv-alert-border-radius: var(--rounded);--vv-alert-border-style: solid;--vv-alert-border-width: var(--border);--vv-alert-display: flex;--vv-alert-flex-wrap: wrap;--vv-alert-align-items: center;--vv-alert-gap: var(--spacing-sm);--vv-alert-min-width: 0;--vv-alert-overflow: hidden;--vv-alert-padding: var(--spacing-sm);--vv-alert-element-header-display: flex;--vv-alert-element-header-align-items: center;--vv-alert-element-header-gap: var(--spacing-sm);--vv-alert-element-header-line-height: var(--leading-normal);--vv-alert-element-header-color: var(--color-word);--vv-alert-element-header-overflow: hidden;--vv-alert-element-header-text-overflow: ellipsis;--vv-alert-element-header-flex-shrink: 0;--vv-alert-element-title-min-width: 0;--vv-alert-element-title-font-weight: var(--font-bold);--vv-alert-element-title-overflow: hidden;--vv-alert-element-title-text-overflow: ellipsis;--vv-alert-element-content-line-height: var(--leading-normal);--vv-alert-element-content-color: var(--color-word-1);--vv-alert-element-content-text-overflow: ellipsis;--vv-alert-element-content-overflow: hidden;--vv-alert-element-footer-display: flex;--vv-alert-element-close-position: absolute;--vv-alert-element-close-right: var(--spacing-md);--vv-alert-element-close-inline-size: 1em;--vv-alert-element-close-block-size: 1em;--vv-alert-element-close-cursor: pointer;--vv-alert-element-close-background-image: var(--bg-close);--vv-alert-element-close-background-position: center;--vv-alert-element-close-background-size: 100% auto;--vv-alert-element-close-background-repeat: no-repeat;--vv-alert-element-close-align-self: center;--vv-alert-element-close-border-radius: var(--rounded);--vv-alert-element-icon-flex-shrink: 0;--vv-alert-element-close-mask-display: none;--vv-alert-element-close-mask-position: absolute;--vv-alert-element-close-mask-top: 0;--vv-alert-element-close-mask-width: 50%;--vv-alert-element-close-mask-height: 100%;--vv-alert-element-close-mask-left: 50%;--vv-alert-element-close-mask-background-color: var(--color-gray);--vv-alert-element-close-mask-z-index: var(--z-1);--vv-alert-modifier-success-border-color: var(--color-success-lighten-5);--vv-alert-modifier-success-background-color: var(--color-surface-success);--vv-alert-modifier-success-element-icon-color: var(--color-success-darken-1);--vv-alert-modifier-success-element-header-color: var(--color-success-darken-1);--vv-alert-modifier-danger-border-color: var(--color-danger-lighten-5);--vv-alert-modifier-danger-background-color: var(--color-surface-danger);--vv-alert-modifier-danger-element-icon-color: var(--color-danger);--vv-alert-modifier-danger-element-header-color: var(--color-danger);--vv-alert-modifier-warning-border-color: var(--color-warning-lighten-1);--vv-alert-modifier-warning-background-color: var(--color-surface-warning);--vv-alert-modifier-warning-element-icon-color: var(--color-warning-darken-5);--vv-alert-modifier-warning-element-header-color: var(--color-warning-darken-5);--vv-alert-modifier-info-border-color: var(--color-info-lighten-1);--vv-alert-modifier-info-background-color: var(--color-surface-info);--vv-alert-modifier-info-element-icon-color: var(--color-info-darken-5);--vv-alert-modifier-info-element-header-color: var(--color-info-darken-5);--vv-alert-modifier-accent-border-color: var(--color-accent-lighten-5);--vv-alert-modifier-accent-background-color: var(--color-surface-accent);--vv-alert-modifier-accent-element-icon-color: var(--color-accent);--vv-alert-modifier-accent-element-header-color: var(--color-accent);--vv-alert-modifier-brand-border-color: var(--color-brand-lighten-5);--vv-alert-modifier-brand-background-color: var(--color-surface-brand);--vv-alert-modifier-brand-element-icon-color: var(--color-brand-darken-3);--vv-alert-modifier-brand-element-header-color: var(--color-brand-darken-3);--vv-alert-modifier-dismissable-position: relative;--vv-alert-modifier-dismissable-padding-right: calc(var(--spacing-md) * 2 + 1em);--vv-alert-modifier-nowrap-breakpoint-sm-flex-wrap: nowrap;--vv-alert-modifier-nowrap-breakpoint-sm-white-space: nowrap;--vv-alert-modifier-notification-padding: var(--spacing-0);--vv-alert-modifier-notification-width: max(15dvw, min(20rem, 80dvw));--vv-alert-modifier-notification-border-color: var(--color-gray);--vv-alert-modifier-notification-flex-direction: column;--vv-alert-modifier-notification-align-items: none;--vv-alert-modifier-notification-gap: var(--spacing-0);--vv-alert-modifier-notification-element-header-padding: var(--spacing-xs) var(--spacing-sm);--vv-alert-modifier-notification-element-header-background-color: var(--color-gray-darken-1);--vv-alert-modifier-notification-element-header-color: var(--color-white);--vv-alert-modifier-notification-element-title-font-weight: var(--font-normal);--vv-alert-modifier-notification-element-title-margin-right: auto;--vv-alert-modifier-notification-element-icon-color: var(--color-white);--vv-alert-modifier-notification-element-content-padding: var(--spacing-sm);--vv-alert-modifier-notification-element-content-font-size: var(--text-14);--vv-alert-modifier-notification-element-footer-padding: 0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);--vv-alert-modifier-notification-element-close-background-color: var(--color-surface-2);--vv-alert-modifier-notification-element-close-border-radius: var(--rounded);--vv-alert-modifier-notification-element-close-background-size: 70% auto;--vv-alert-modifier-notification-element-close-inline-size: 1.1em;--vv-alert-modifier-notification-element-close-block-size: 1.1em;--vv-alert-modifier-notification-modifier-dismissable-padding-right: 0;--vv-alert-modifier-notification-modifier-dismissable-element-header-position: relative;--vv-alert-modifier-notification-modifier-dismissable-element-header-padding-right: calc(var(--spacing-md) * 2 + 1em);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success);--vv-alert-modifier-notification-modifier-success-element-header-background-color: var(--color-success);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger);--vv-alert-modifier-notification-modifier-danger-element-header-background-color: var(--color-danger);--vv-alert-modifier-notification-modifier-warning-border-color: var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-background-color: var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color: var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-background-color: var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent);--vv-alert-modifier-notification-modifier-accent-element-header-background-color: var(--color-accent);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand);--vv-alert-modifier-notification-modifier-brand-element-header-background-color: var(--color-brand);--vv-alert-modifier-callout-box-shadow: none;--vv-alert-modifier-callout-border-radius: var(--rounded-none);--vv-alert-modifier-callout-border-width: 0 0 0 var(--spacing-4);--vv-alert-modifier-callout-flex-direction: column;--vv-alert-modifier-callout-align-items: none;--vv-alert-modifier-callout-element-title-text-transform: uppercase;--vv-alert-modifier-callout-element-content-line-height: var(--leading-normal);--vv-alert-modifier-auto-close-element-close-background-color: var(--color-white);--vv-alert-modifier-auto-close-element-close-border: var(--border) solid var(--color-white);--vv-alert-modifier-auto-close-element-close-border-radius: 50%;--vv-alert-modifier-auto-close-element-close-overflow: hidden;--vv-alert-modifier-auto-close-element-close-opacity: var(--opacity-80);--vv-alert-modifier-auto-close-element-close-background-image: none;--vv-alert-modifier-auto-close-element-close-background-size: 70% auto;--vv-alert-modifier-auto-close-element-close-inline-size: 1.1em;--vv-alert-modifier-auto-close-element-close-block-size: 1.1em;--vv-alert-modifier-auto-close-element-close-pseudo-before-position: absolute;--vv-alert-modifier-auto-close-element-close-pseudo-before-top: 0;--vv-alert-modifier-auto-close-element-close-pseudo-before-width: 50%;--vv-alert-modifier-auto-close-element-close-pseudo-before-height: 100%;--vv-alert-modifier-auto-close-element-close-pseudo-before-transform-origin: 100% 50%;--vv-alert-modifier-auto-close-element-close-pseudo-before-background-color: var(--color-gray);--vv-alert-modifier-auto-close-element-close-pseudo-before-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-alert-modifier-auto-close-element-close-pseudo-after-position: absolute;--vv-alert-modifier-auto-close-element-close-pseudo-after-top: 0;--vv-alert-modifier-auto-close-element-close-pseudo-after-width: 50%;--vv-alert-modifier-auto-close-element-close-pseudo-after-height: 100%;--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color: var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-alert-modifier-auto-close-element-close-pseudo-after-opacity: var(--opacity-0);--vv-alert-modifier-auto-close-element-close-mask-display: block;--vv-alert-modifier-auto-close-state-hover-element-close-mask-opacity: var(--opacity-0);--vv-alert-modifier-auto-close-state-hover-element-close-mask-animation: none;--vv-alert-modifier-auto-close-state-hover-element-close-border-radius: var(--rounded);--vv-alert-modifier-auto-close-state-hover-element-close-background-image: var(--bg-close);--vv-alert-modifier-auto-close-state-hover-element-close-animation: none;--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-before-opacity: var(--opacity-0);--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-before-animation: none;--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-after-opacity: var(--opacity-0);--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-after-animation: none;--vv-alert-transition-fade-inline-end-active-transition: var(--transition-all);--vv-alert-transition-fade-inline-end-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-inline-end-enter-from-translate: 100%;--vv-alert-transition-fade-inline-end-leave-to-opacity: var(--opacity-0);--vv-alert-transition-fade-inline-end-leave-to-translate: 100%;--vv-alert-transition-fade-inline-start-active-transition: var(--transition-all);--vv-alert-transition-fade-inline-start-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-inline-start-enter-from-translate: -100%;--vv-alert-transition-fade-inline-start-leave-to-opacity: var(--opacity-0);--vv-alert-transition-fade-inline-start-leave-to-translate: -100%;--vv-alert-transition-fade-block-top-active-transition: var(--transition-all);--vv-alert-transition-fade-block-top-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-block-top-enter-from-translate: 0 -100%;--vv-alert-transition-fade-block-top-leave-to-opacity: var(--opacity-0);--vv-alert-transition-fade-block-top-leave-to-translate: 0 -100%;--vv-alert-transition-fade-block-bottom-active-transition: var(--transition-all);--vv-alert-transition-fade-block-bottom-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-block-bottom-enter-from-translate: 0 100%;--vv-alert-transition-fade-block-bottom-leave-to-opacity: var(--opacity-0);--vv-alert-transition-fade-block-bottom-leave-to-translate: 0 100%;--vv-alert-transition-fade-active-transition: var(--transition-opacity);--vv-alert-transition-fade-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-leave-to-opacity: var(--opacity-0)}:where(.vv-alert){--alert-duration: 3s;background-color:var(--vv-alert-background-color);box-shadow:var(--vv-alert-box-shadow);border-color:var(--vv-alert-border-color);border-radius:var(--vv-alert-border-radius);border-style:var(--vv-alert-border-style);border-width:var(--vv-alert-border-width);display:var(--vv-alert-display);flex-wrap:var(--vv-alert-flex-wrap);align-items:var(--vv-alert-align-items);gap:var(--vv-alert-gap);min-width:var(--vv-alert-min-width);overflow:var(--vv-alert-overflow);padding:var(--vv-alert-padding)}:where(.vv-alert__header){display:var(--vv-alert-element-header-display);align-items:var(--vv-alert-element-header-align-items);gap:var(--vv-alert-element-header-gap);line-height:var(--vv-alert-element-header-line-height);color:var(--vv-alert-element-header-color);overflow:var(--vv-alert-element-header-overflow);text-overflow:var(--vv-alert-element-header-text-overflow);flex-shrink:var(--vv-alert-element-header-flex-shrink)}:where(.vv-alert__title){min-width:var(--vv-alert-element-title-min-width);font-weight:var(--vv-alert-element-title-font-weight);overflow:var(--vv-alert-element-title-overflow);text-overflow:var(--vv-alert-element-title-text-overflow)}:where(.vv-alert__content){line-height:var(--vv-alert-element-content-line-height);color:var(--vv-alert-element-content-color);text-overflow:var(--vv-alert-element-content-text-overflow);overflow:var(--vv-alert-element-content-overflow)}:where(.vv-alert__footer){display:var(--vv-alert-element-footer-display)}:where(.vv-alert__close){position:var(--vv-alert-element-close-position);right:var(--vv-alert-element-close-right);inline-size:var(--vv-alert-element-close-inline-size);block-size:var(--vv-alert-element-close-block-size);cursor:var(--vv-alert-element-close-cursor);background-image:var(--vv-alert-element-close-background-image);background-position:var(--vv-alert-element-close-background-position);background-size:var(--vv-alert-element-close-background-size);background-repeat:var(--vv-alert-element-close-background-repeat);align-self:var(--vv-alert-element-close-align-self);border-radius:var(--vv-alert-element-close-border-radius)}:where(.vv-alert__icon){flex-shrink:var(--vv-alert-element-icon-flex-shrink)}:where(.vv-alert__close-mask){display:var(--vv-alert-element-close-mask-display);position:var(--vv-alert-element-close-mask-position);top:var(--vv-alert-element-close-mask-top);width:var(--vv-alert-element-close-mask-width);height:var(--vv-alert-element-close-mask-height);left:var(--vv-alert-element-close-mask-left);background-color:var(--vv-alert-element-close-mask-background-color);animation:pie-masks var(--alert-duration) steps(1,end) reverse;z-index:var(--vv-alert-element-close-mask-z-index)}:where(.vv-alert--success.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-success-border-color);--vv-alert-background-color: var(--vv-alert-modifier-success-background-color)}:where(.vv-alert--success>.vv-alert__icon){color:var(--vv-alert-modifier-success-element-icon-color)}:where(.vv-alert--success>.vv-alert__header){color:var(--vv-alert-modifier-success-element-header-color)}:where(.vv-alert--danger.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-danger-border-color);--vv-alert-background-color: var(--vv-alert-modifier-danger-background-color)}:where(.vv-alert--danger>.vv-alert__icon){color:var(--vv-alert-modifier-danger-element-icon-color)}:where(.vv-alert--danger>.vv-alert__header){color:var(--vv-alert-modifier-danger-element-header-color)}:where(.vv-alert--warning.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-warning-border-color);--vv-alert-background-color: var(--vv-alert-modifier-warning-background-color)}:where(.vv-alert--warning>.vv-alert__icon){color:var(--vv-alert-modifier-warning-element-icon-color)}:where(.vv-alert--warning>.vv-alert__header){color:var(--vv-alert-modifier-warning-element-header-color)}:where(.vv-alert--info.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-info-border-color);--vv-alert-background-color: var(--vv-alert-modifier-info-background-color)}:where(.vv-alert--info>.vv-alert__icon){color:var(--vv-alert-modifier-info-element-icon-color)}:where(.vv-alert--info>.vv-alert__header){color:var(--vv-alert-modifier-info-element-header-color)}:where(.vv-alert--accent.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-accent-border-color);--vv-alert-background-color: var(--vv-alert-modifier-accent-background-color)}:where(.vv-alert--accent>.vv-alert__icon){color:var(--vv-alert-modifier-accent-element-icon-color)}:where(.vv-alert--accent>.vv-alert__header){color:var(--vv-alert-modifier-accent-element-header-color)}:where(.vv-alert--brand.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-brand-border-color);--vv-alert-background-color: var(--vv-alert-modifier-brand-background-color)}:where(.vv-alert--brand>.vv-alert__icon){color:var(--vv-alert-modifier-brand-element-icon-color)}:where(.vv-alert--brand>.vv-alert__header){color:var(--vv-alert-modifier-brand-element-header-color)}:where(.vv-alert--dismissable.vv-alert){position:var(--vv-alert-modifier-dismissable-position);padding-right:var(--vv-alert-modifier-dismissable-padding-right)}@media (min-width: 576px){:where(.vv-alert--nowrap.vv-alert){flex-wrap:var(--vv-alert-modifier-nowrap-breakpoint-sm-flex-wrap);white-space:var(--vv-alert-modifier-nowrap-breakpoint-sm-white-space)}}:where(.vv-alert--notification.vv-alert){--vv-alert-padding: var(--vv-alert-modifier-notification-padding);width:var(--vv-alert-modifier-notification-width);--vv-alert-border-color: var(--vv-alert-modifier-notification-border-color);flex-direction:var(--vv-alert-modifier-notification-flex-direction);--vv-alert-align-items: var(--vv-alert-modifier-notification-align-items);--vv-alert-gap: var(--vv-alert-modifier-notification-gap)}:where(.vv-alert--notification>.vv-alert__header){padding:var(--vv-alert-modifier-notification-element-header-padding);background-color:var(--vv-alert-modifier-notification-element-header-background-color);color:var(--vv-alert-modifier-notification-element-header-color)}:where(.vv-alert--notification>.vv-alert__title){font-weight:var(--vv-alert-modifier-notification-element-title-font-weight);margin-right:var(--vv-alert-modifier-notification-element-title-margin-right)}:where(.vv-alert--notification>.vv-alert__icon){color:var(--vv-alert-modifier-notification-element-icon-color)}:where(.vv-alert--notification>.vv-alert__content){padding:var(--vv-alert-modifier-notification-element-content-padding);font-size:var(--vv-alert-modifier-notification-element-content-font-size)}:where(.vv-alert--notification>.vv-alert__footer){padding:var(--vv-alert-modifier-notification-element-footer-padding)}:where(.vv-alert--notification>.vv-alert__close){background-color:var(--vv-alert-modifier-notification-element-close-background-color);border-radius:var(--vv-alert-modifier-notification-element-close-border-radius);background-size:var(--vv-alert-modifier-notification-element-close-background-size);inline-size:var(--vv-alert-modifier-notification-element-close-inline-size);block-size:var(--vv-alert-modifier-notification-element-close-block-size)}:where(.vv-alert--notification.vv-alert--dismissable.vv-alert){padding-right:var(--vv-alert-modifier-notification-modifier-dismissable-padding-right)}:where(.vv-alert--notification.vv-alert--dismissable>.vv-alert__header){position:var(--vv-alert-modifier-notification-modifier-dismissable-element-header-position);padding-right:var(--vv-alert-modifier-notification-modifier-dismissable-element-header-padding-right)}:where(.vv-alert--notification.vv-alert--success.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-success-border-color)}:where(.vv-alert--notification.vv-alert--success>.vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-success-element-header-background-color)}:where(.vv-alert--notification.vv-alert--danger.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-danger-border-color)}:where(.vv-alert--notification.vv-alert--danger>.vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-danger-element-header-background-color)}:where(.vv-alert--notification.vv-alert--warning.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-warning-border-color)}:where(.vv-alert--notification.vv-alert--warning>.vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-warning-element-header-background-color)}:where(.vv-alert--notification.vv-alert--info.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-info-border-color)}:where(.vv-alert--notification.vv-alert--info>.vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-info-element-header-background-color)}:where(.vv-alert--notification.vv-alert--accent.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-accent-border-color)}:where(.vv-alert--notification.vv-alert--accent>.vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-accent-element-header-background-color)}:where(.vv-alert--notification.vv-alert--brand.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-brand-border-color)}:where(.vv-alert--notification.vv-alert--brand>.vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-brand-element-header-background-color)}:where(.vv-alert--callout.vv-alert){--vv-alert-box-shadow: var(--vv-alert-modifier-callout-box-shadow);--vv-alert-border-radius: var(--vv-alert-modifier-callout-border-radius);--vv-alert-border-width: var(--vv-alert-modifier-callout-border-width);flex-direction:var(--vv-alert-modifier-callout-flex-direction);--vv-alert-align-items: var(--vv-alert-modifier-callout-align-items)}:where(.vv-alert--callout>.vv-alert__title){text-transform:var(--vv-alert-modifier-callout-element-title-text-transform)}:where(.vv-alert--callout>.vv-alert__content){line-height:var(--vv-alert-modifier-callout-element-content-line-height)}:where(.vv-alert--auto-close>.vv-alert__close){background-color:var(--vv-alert-modifier-auto-close-element-close-background-color);border:var(--vv-alert-modifier-auto-close-element-close-border);border-radius:var(--vv-alert-modifier-auto-close-element-close-border-radius);overflow:var(--vv-alert-modifier-auto-close-element-close-overflow);opacity:var(--vv-alert-modifier-auto-close-element-close-opacity);background-image:var(--vv-alert-modifier-auto-close-element-close-background-image);background-size:var(--vv-alert-modifier-auto-close-element-close-background-size);inline-size:var(--vv-alert-modifier-auto-close-element-close-inline-size);block-size:var(--vv-alert-modifier-auto-close-element-close-block-size);animation:fade-out var(--alert-duration) forwards}:where(.vv-alert--auto-close>.vv-alert__close):before{content:"";position:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-position);top:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-top);width:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-width);height:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-height);transform-origin:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-transform-origin);background-color:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-background-color);border-radius:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-border-radius);animation:spin var(--alert-duration) linear}:where(.vv-alert--auto-close>.vv-alert__close):after{content:"";position:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-position);top:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-top);width:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-width);height:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-height);background-color:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color);border-radius:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-border-radius);animation:pie-masks var(--alert-duration) steps(1,end);opacity:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-opacity)}:where(.vv-alert--auto-close>.vv-alert__close-mask){display:var(--vv-alert-modifier-auto-close-element-close-mask-display)}:where(.vv-alert--auto-close.vv-alert--hover>.vv-alert__close-mask,.vv-alert--auto-close.vv-alert.hover>.vv-alert__close-mask,.vv-alert--auto-close.vv-alert:not([disabled]):hover>.vv-alert__close-mask){opacity:var(--vv-alert-modifier-auto-close-state-hover-element-close-mask-opacity);animation:var(--vv-alert-modifier-auto-close-state-hover-element-close-mask-animation)}:where(.vv-alert--auto-close.vv-alert--hover>.vv-alert__close,.vv-alert--auto-close.vv-alert.hover>.vv-alert__close,.vv-alert--auto-close.vv-alert:not([disabled]):hover>.vv-alert__close){border-radius:var(--vv-alert-modifier-auto-close-state-hover-element-close-border-radius);background-image:var(--vv-alert-modifier-auto-close-state-hover-element-close-background-image);animation:var(--vv-alert-modifier-auto-close-state-hover-element-close-animation)}:where(.vv-alert--auto-close.vv-alert--hover>.vv-alert__close,.vv-alert--auto-close.vv-alert.hover>.vv-alert__close,.vv-alert--auto-close.vv-alert:not([disabled]):hover>.vv-alert__close):before{content:"";opacity:var(--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-before-opacity);animation:var(--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-before-animation)}:where(.vv-alert--auto-close.vv-alert--hover>.vv-alert__close,.vv-alert--auto-close.vv-alert.hover>.vv-alert__close,.vv-alert--auto-close.vv-alert:not([disabled]):hover>.vv-alert__close):after{content:"";opacity:var(--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-after-opacity);animation:var(--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-after-animation)}:where(.vv-alert--fade-inline-end-enter-active,.vv-alert--fade-inline-end-leave-active){transition:var(--vv-alert-transition-fade-inline-end-active-transition)}:where(.vv-alert--fade-inline-end-enter-from){opacity:var(--vv-alert-transition-fade-inline-end-enter-from-opacity);translate:var(--vv-alert-transition-fade-inline-end-enter-from-translate)}:where(.vv-alert--fade-inline-end-leave-to){opacity:var(--vv-alert-transition-fade-inline-end-leave-to-opacity);translate:var(--vv-alert-transition-fade-inline-end-leave-to-translate)}:where(.vv-alert--fade-inline-start-enter-active,.vv-alert--fade-inline-start-leave-active){transition:var(--vv-alert-transition-fade-inline-start-active-transition)}:where(.vv-alert--fade-inline-start-enter-from){opacity:var(--vv-alert-transition-fade-inline-start-enter-from-opacity);translate:var(--vv-alert-transition-fade-inline-start-enter-from-translate)}:where(.vv-alert--fade-inline-start-leave-to){opacity:var(--vv-alert-transition-fade-inline-start-leave-to-opacity);translate:var(--vv-alert-transition-fade-inline-start-leave-to-translate)}:where(.vv-alert--fade-block-top-enter-active,.vv-alert--fade-block-top-leave-active){transition:var(--vv-alert-transition-fade-block-top-active-transition)}:where(.vv-alert--fade-block-top-enter-from){opacity:var(--vv-alert-transition-fade-block-top-enter-from-opacity);translate:var(--vv-alert-transition-fade-block-top-enter-from-translate)}:where(.vv-alert--fade-block-top-leave-to){opacity:var(--vv-alert-transition-fade-block-top-leave-to-opacity);translate:var(--vv-alert-transition-fade-block-top-leave-to-translate)}:where(.vv-alert--fade-block-bottom-enter-active,.vv-alert--fade-block-bottom-leave-active){transition:var(--vv-alert-transition-fade-block-bottom-active-transition)}:where(.vv-alert--fade-block-bottom-enter-from){opacity:var(--vv-alert-transition-fade-block-bottom-enter-from-opacity);translate:var(--vv-alert-transition-fade-block-bottom-enter-from-translate)}:where(.vv-alert--fade-block-bottom-leave-to){opacity:var(--vv-alert-transition-fade-block-bottom-leave-to-opacity);translate:var(--vv-alert-transition-fade-block-bottom-leave-to-translate)}:where(.vv-alert--fade-enter-active,.vv-alert--fade-leave-active){transition:var(--vv-alert-transition-fade-active-transition)}:where(.vv-alert--fade-enter-from){opacity:var(--vv-alert-transition-fade-enter-from-opacity)}:where(.vv-alert--fade-leave-to){opacity:var(--vv-alert-transition-fade-leave-to-opacity)}
+:where(:host,:root,.theme){--vv-alert-background-color: var(--color-surface-2);--vv-alert-box-shadow: var(--shadow-lg);--vv-alert-border-color: var(--color-gray-lighten-4);--vv-alert-border-radius: var(--rounded);--vv-alert-border-style: solid;--vv-alert-border-width: var(--border);--vv-alert-display: flex;--vv-alert-flex-wrap: wrap;--vv-alert-align-items: center;--vv-alert-gap: var(--spacing-sm);--vv-alert-min-width: 0;--vv-alert-overflow: hidden;--vv-alert-padding: var(--spacing-sm);--vv-alert-element-header-display: flex;--vv-alert-element-header-align-items: center;--vv-alert-element-header-gap: var(--spacing-sm);--vv-alert-element-header-line-height: var(--leading-normal);--vv-alert-element-header-color: var(--color-word);--vv-alert-element-header-overflow: hidden;--vv-alert-element-header-text-overflow: ellipsis;--vv-alert-element-header-flex-shrink: 0;--vv-alert-element-title-min-width: 0;--vv-alert-element-title-font-weight: var(--font-bold);--vv-alert-element-title-overflow: hidden;--vv-alert-element-title-text-overflow: ellipsis;--vv-alert-element-content-line-height: var(--leading-normal);--vv-alert-element-content-color: var(--color-word-1);--vv-alert-element-content-text-overflow: ellipsis;--vv-alert-element-content-overflow: hidden;--vv-alert-element-footer-display: flex;--vv-alert-element-close-position: absolute;--vv-alert-element-close-right: var(--spacing-md);--vv-alert-element-close-inline-size: 1em;--vv-alert-element-close-block-size: 1em;--vv-alert-element-close-cursor: pointer;--vv-alert-element-close-background-image: var(--bg-close);--vv-alert-element-close-background-position: center;--vv-alert-element-close-background-size: 100% auto;--vv-alert-element-close-background-repeat: no-repeat;--vv-alert-element-close-align-self: center;--vv-alert-element-close-border-radius: var(--rounded);--vv-alert-element-icon-flex-shrink: 0;--vv-alert-element-close-mask-display: none;--vv-alert-element-close-mask-position: absolute;--vv-alert-element-close-mask-top: 0;--vv-alert-element-close-mask-width: 50%;--vv-alert-element-close-mask-height: 100%;--vv-alert-element-close-mask-left: 50%;--vv-alert-element-close-mask-background-color: var(--color-gray);--vv-alert-element-close-mask-z-index: var(--z-1);--vv-alert-modifier-success-border-color: var(--color-success-lighten-5);--vv-alert-modifier-success-background-color: var(--color-surface-success);--vv-alert-modifier-success-element-icon-color: var(--color-success-darken-1);--vv-alert-modifier-success-element-header-color: var(--color-success-darken-1);--vv-alert-modifier-danger-border-color: var(--color-danger-lighten-5);--vv-alert-modifier-danger-background-color: var(--color-surface-danger);--vv-alert-modifier-danger-element-icon-color: var(--color-danger);--vv-alert-modifier-danger-element-header-color: var(--color-danger);--vv-alert-modifier-warning-border-color: var(--color-warning-lighten-1);--vv-alert-modifier-warning-background-color: var(--color-surface-warning);--vv-alert-modifier-warning-element-icon-color: var(--color-warning-darken-5);--vv-alert-modifier-warning-element-header-color: var(--color-warning-darken-5);--vv-alert-modifier-info-border-color: var(--color-info-lighten-1);--vv-alert-modifier-info-background-color: var(--color-surface-info);--vv-alert-modifier-info-element-icon-color: var(--color-info-darken-5);--vv-alert-modifier-info-element-header-color: var(--color-info-darken-5);--vv-alert-modifier-accent-border-color: var(--color-accent-lighten-5);--vv-alert-modifier-accent-background-color: var(--color-surface-accent);--vv-alert-modifier-accent-element-icon-color: var(--color-accent);--vv-alert-modifier-accent-element-header-color: var(--color-accent);--vv-alert-modifier-brand-border-color: var(--color-brand-lighten-5);--vv-alert-modifier-brand-background-color: var(--color-surface-brand);--vv-alert-modifier-brand-element-icon-color: var(--color-brand-darken-3);--vv-alert-modifier-brand-element-header-color: var(--color-brand-darken-3);--vv-alert-modifier-dismissable-position: relative;--vv-alert-modifier-dismissable-padding-right: calc(var(--spacing-md) * 2 + 1em);--vv-alert-modifier-nowrap-breakpoint-sm-flex-wrap: nowrap;--vv-alert-modifier-nowrap-breakpoint-sm-white-space: nowrap;--vv-alert-modifier-notification-padding: var(--spacing-0);--vv-alert-modifier-notification-width: max(15dvw, min(20rem, 80dvw));--vv-alert-modifier-notification-border-color: var(--color-gray);--vv-alert-modifier-notification-flex-direction: column;--vv-alert-modifier-notification-align-items: none;--vv-alert-modifier-notification-gap: var(--spacing-0);--vv-alert-modifier-notification-element-header-padding: var(--spacing-xs) var(--spacing-sm);--vv-alert-modifier-notification-element-header-background-color: var(--color-gray-darken-1);--vv-alert-modifier-notification-element-header-color: var(--color-white);--vv-alert-modifier-notification-element-title-font-weight: var(--font-normal);--vv-alert-modifier-notification-element-title-margin-right: auto;--vv-alert-modifier-notification-element-icon-color: var(--color-white);--vv-alert-modifier-notification-element-content-padding: var(--spacing-sm);--vv-alert-modifier-notification-element-content-font-size: var(--text-14);--vv-alert-modifier-notification-element-footer-padding: 0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);--vv-alert-modifier-notification-element-close-background-color: var(--color-surface-2);--vv-alert-modifier-notification-element-close-border-radius: var(--rounded);--vv-alert-modifier-notification-element-close-background-size: 70% auto;--vv-alert-modifier-notification-element-close-inline-size: 1.1em;--vv-alert-modifier-notification-element-close-block-size: 1.1em;--vv-alert-modifier-notification-modifier-dismissable-padding-right: 0;--vv-alert-modifier-notification-modifier-dismissable-element-header-position: relative;--vv-alert-modifier-notification-modifier-dismissable-element-header-padding-right: calc(var(--spacing-md) * 2 + 1em);--vv-alert-modifier-notification-modifier-success-border-color: var(--color-success);--vv-alert-modifier-notification-modifier-success-element-header-background-color: var(--color-success);--vv-alert-modifier-notification-modifier-danger-border-color: var(--color-danger);--vv-alert-modifier-notification-modifier-danger-element-header-background-color: var(--color-danger);--vv-alert-modifier-notification-modifier-warning-border-color: var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-background-color: var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-info-border-color: var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-info-element-header-background-color: var(--color-info-darken-5);--vv-alert-modifier-notification-modifier-accent-border-color: var(--color-accent);--vv-alert-modifier-notification-modifier-accent-element-header-background-color: var(--color-accent);--vv-alert-modifier-notification-modifier-brand-border-color: var(--color-brand);--vv-alert-modifier-notification-modifier-brand-element-header-background-color: var(--color-brand);--vv-alert-modifier-callout-box-shadow: none;--vv-alert-modifier-callout-border-radius: var(--rounded-none);--vv-alert-modifier-callout-border-width: 0 0 0 var(--spacing-4);--vv-alert-modifier-callout-flex-direction: column;--vv-alert-modifier-callout-align-items: none;--vv-alert-modifier-callout-element-title-text-transform: uppercase;--vv-alert-modifier-callout-element-content-line-height: var(--leading-normal);--vv-alert-modifier-auto-close-element-close-background-color: var(--color-white);--vv-alert-modifier-auto-close-element-close-border: var(--border) solid var(--color-white);--vv-alert-modifier-auto-close-element-close-border-radius: 50%;--vv-alert-modifier-auto-close-element-close-overflow: hidden;--vv-alert-modifier-auto-close-element-close-opacity: var(--opacity-80);--vv-alert-modifier-auto-close-element-close-background-image: none;--vv-alert-modifier-auto-close-element-close-background-size: 70% auto;--vv-alert-modifier-auto-close-element-close-inline-size: 1.1em;--vv-alert-modifier-auto-close-element-close-block-size: 1.1em;--vv-alert-modifier-auto-close-element-close-pseudo-before-position: absolute;--vv-alert-modifier-auto-close-element-close-pseudo-before-top: 0;--vv-alert-modifier-auto-close-element-close-pseudo-before-width: 50%;--vv-alert-modifier-auto-close-element-close-pseudo-before-height: 100%;--vv-alert-modifier-auto-close-element-close-pseudo-before-transform-origin: 100% 50%;--vv-alert-modifier-auto-close-element-close-pseudo-before-background-color: var(--color-gray);--vv-alert-modifier-auto-close-element-close-pseudo-before-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-alert-modifier-auto-close-element-close-pseudo-after-position: absolute;--vv-alert-modifier-auto-close-element-close-pseudo-after-top: 0;--vv-alert-modifier-auto-close-element-close-pseudo-after-width: 50%;--vv-alert-modifier-auto-close-element-close-pseudo-after-height: 100%;--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color: var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-alert-modifier-auto-close-element-close-pseudo-after-opacity: var(--opacity-0);--vv-alert-modifier-auto-close-element-close-mask-display: block;--vv-alert-modifier-auto-close-state-hover-element-close-mask-opacity: var(--opacity-0);--vv-alert-modifier-auto-close-state-hover-element-close-mask-animation: none;--vv-alert-modifier-auto-close-state-hover-element-close-border-radius: var(--rounded);--vv-alert-modifier-auto-close-state-hover-element-close-background-image: var(--bg-close);--vv-alert-modifier-auto-close-state-hover-element-close-animation: none;--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-before-opacity: var(--opacity-0);--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-before-animation: none;--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-after-opacity: var(--opacity-0);--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-after-animation: none;--vv-alert-transition-fade-inline-end-active-transition: var(--transition-all);--vv-alert-transition-fade-inline-end-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-inline-end-enter-from-translate: 100%;--vv-alert-transition-fade-inline-end-leave-to-opacity: var(--opacity-0);--vv-alert-transition-fade-inline-end-leave-to-translate: 100%;--vv-alert-transition-fade-inline-start-active-transition: var(--transition-all);--vv-alert-transition-fade-inline-start-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-inline-start-enter-from-translate: -100%;--vv-alert-transition-fade-inline-start-leave-to-opacity: var(--opacity-0);--vv-alert-transition-fade-inline-start-leave-to-translate: -100%;--vv-alert-transition-fade-block-top-active-transition: var(--transition-all);--vv-alert-transition-fade-block-top-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-block-top-enter-from-translate: 0 -100%;--vv-alert-transition-fade-block-top-leave-to-opacity: var(--opacity-0);--vv-alert-transition-fade-block-top-leave-to-translate: 0 -100%;--vv-alert-transition-fade-block-bottom-active-transition: var(--transition-all);--vv-alert-transition-fade-block-bottom-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-block-bottom-enter-from-translate: 0 100%;--vv-alert-transition-fade-block-bottom-leave-to-opacity: var(--opacity-0);--vv-alert-transition-fade-block-bottom-leave-to-translate: 0 100%;--vv-alert-transition-fade-active-transition: var(--transition-opacity);--vv-alert-transition-fade-enter-from-opacity: var(--opacity-0);--vv-alert-transition-fade-leave-to-opacity: var(--opacity-0)}:where(.vv-alert){--alert-duration: 3s;background-color:var(--vv-alert-background-color);box-shadow:var(--vv-alert-box-shadow);border-color:var(--vv-alert-border-color);border-radius:var(--vv-alert-border-radius);border-style:var(--vv-alert-border-style);border-width:var(--vv-alert-border-width);display:var(--vv-alert-display);flex-wrap:var(--vv-alert-flex-wrap);align-items:var(--vv-alert-align-items);gap:var(--vv-alert-gap);min-width:var(--vv-alert-min-width);overflow:var(--vv-alert-overflow);padding:var(--vv-alert-padding)}:where(.vv-alert__header){display:var(--vv-alert-element-header-display);align-items:var(--vv-alert-element-header-align-items);gap:var(--vv-alert-element-header-gap);line-height:var(--vv-alert-element-header-line-height);color:var(--vv-alert-element-header-color);overflow:var(--vv-alert-element-header-overflow);text-overflow:var(--vv-alert-element-header-text-overflow);flex-shrink:var(--vv-alert-element-header-flex-shrink)}:where(.vv-alert__title){min-width:var(--vv-alert-element-title-min-width);font-weight:var(--vv-alert-element-title-font-weight);overflow:var(--vv-alert-element-title-overflow);text-overflow:var(--vv-alert-element-title-text-overflow)}:where(.vv-alert__content){line-height:var(--vv-alert-element-content-line-height);color:var(--vv-alert-element-content-color);text-overflow:var(--vv-alert-element-content-text-overflow);overflow:var(--vv-alert-element-content-overflow)}:where(.vv-alert__footer){display:var(--vv-alert-element-footer-display)}:where(.vv-alert__close){position:var(--vv-alert-element-close-position);right:var(--vv-alert-element-close-right);inline-size:var(--vv-alert-element-close-inline-size);block-size:var(--vv-alert-element-close-block-size);cursor:var(--vv-alert-element-close-cursor);background-image:var(--vv-alert-element-close-background-image);background-position:var(--vv-alert-element-close-background-position);background-size:var(--vv-alert-element-close-background-size);background-repeat:var(--vv-alert-element-close-background-repeat);align-self:var(--vv-alert-element-close-align-self);border-radius:var(--vv-alert-element-close-border-radius)}:where(.vv-alert__icon){flex-shrink:var(--vv-alert-element-icon-flex-shrink)}:where(.vv-alert__close-mask){display:var(--vv-alert-element-close-mask-display);position:var(--vv-alert-element-close-mask-position);top:var(--vv-alert-element-close-mask-top);width:var(--vv-alert-element-close-mask-width);height:var(--vv-alert-element-close-mask-height);left:var(--vv-alert-element-close-mask-left);background-color:var(--vv-alert-element-close-mask-background-color);animation:pie-masks var(--alert-duration) steps(1,end) reverse;z-index:var(--vv-alert-element-close-mask-z-index)}:where(.vv-alert--success.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-success-border-color);--vv-alert-background-color: var(--vv-alert-modifier-success-background-color)}:where(.vv-alert--success .vv-alert__icon){color:var(--vv-alert-modifier-success-element-icon-color)}:where(.vv-alert--success .vv-alert__header){color:var(--vv-alert-modifier-success-element-header-color)}:where(.vv-alert--danger.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-danger-border-color);--vv-alert-background-color: var(--vv-alert-modifier-danger-background-color)}:where(.vv-alert--danger .vv-alert__icon){color:var(--vv-alert-modifier-danger-element-icon-color)}:where(.vv-alert--danger .vv-alert__header){color:var(--vv-alert-modifier-danger-element-header-color)}:where(.vv-alert--warning.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-warning-border-color);--vv-alert-background-color: var(--vv-alert-modifier-warning-background-color)}:where(.vv-alert--warning .vv-alert__icon){color:var(--vv-alert-modifier-warning-element-icon-color)}:where(.vv-alert--warning .vv-alert__header){color:var(--vv-alert-modifier-warning-element-header-color)}:where(.vv-alert--info.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-info-border-color);--vv-alert-background-color: var(--vv-alert-modifier-info-background-color)}:where(.vv-alert--info .vv-alert__icon){color:var(--vv-alert-modifier-info-element-icon-color)}:where(.vv-alert--info .vv-alert__header){color:var(--vv-alert-modifier-info-element-header-color)}:where(.vv-alert--accent.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-accent-border-color);--vv-alert-background-color: var(--vv-alert-modifier-accent-background-color)}:where(.vv-alert--accent .vv-alert__icon){color:var(--vv-alert-modifier-accent-element-icon-color)}:where(.vv-alert--accent .vv-alert__header){color:var(--vv-alert-modifier-accent-element-header-color)}:where(.vv-alert--brand.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-brand-border-color);--vv-alert-background-color: var(--vv-alert-modifier-brand-background-color)}:where(.vv-alert--brand .vv-alert__icon){color:var(--vv-alert-modifier-brand-element-icon-color)}:where(.vv-alert--brand .vv-alert__header){color:var(--vv-alert-modifier-brand-element-header-color)}:where(.vv-alert--dismissable.vv-alert){position:var(--vv-alert-modifier-dismissable-position);padding-right:var(--vv-alert-modifier-dismissable-padding-right)}@media (min-width: 576px){:where(.vv-alert--nowrap.vv-alert){flex-wrap:var(--vv-alert-modifier-nowrap-breakpoint-sm-flex-wrap);white-space:var(--vv-alert-modifier-nowrap-breakpoint-sm-white-space)}}:where(.vv-alert--notification.vv-alert){--vv-alert-padding: var(--vv-alert-modifier-notification-padding);width:var(--vv-alert-modifier-notification-width);--vv-alert-border-color: var(--vv-alert-modifier-notification-border-color);flex-direction:var(--vv-alert-modifier-notification-flex-direction);--vv-alert-align-items: var(--vv-alert-modifier-notification-align-items);--vv-alert-gap: var(--vv-alert-modifier-notification-gap)}:where(.vv-alert--notification .vv-alert__header){padding:var(--vv-alert-modifier-notification-element-header-padding);background-color:var(--vv-alert-modifier-notification-element-header-background-color);color:var(--vv-alert-modifier-notification-element-header-color)}:where(.vv-alert--notification .vv-alert__title){font-weight:var(--vv-alert-modifier-notification-element-title-font-weight);margin-right:var(--vv-alert-modifier-notification-element-title-margin-right)}:where(.vv-alert--notification .vv-alert__icon){color:var(--vv-alert-modifier-notification-element-icon-color)}:where(.vv-alert--notification .vv-alert__content){padding:var(--vv-alert-modifier-notification-element-content-padding);font-size:var(--vv-alert-modifier-notification-element-content-font-size)}:where(.vv-alert--notification .vv-alert__footer){padding:var(--vv-alert-modifier-notification-element-footer-padding)}:where(.vv-alert--notification .vv-alert__close){background-color:var(--vv-alert-modifier-notification-element-close-background-color);border-radius:var(--vv-alert-modifier-notification-element-close-border-radius);background-size:var(--vv-alert-modifier-notification-element-close-background-size);inline-size:var(--vv-alert-modifier-notification-element-close-inline-size);block-size:var(--vv-alert-modifier-notification-element-close-block-size)}:where(.vv-alert--notification.vv-alert--dismissable.vv-alert){padding-right:var(--vv-alert-modifier-notification-modifier-dismissable-padding-right)}:where(.vv-alert--notification.vv-alert--dismissable .vv-alert__header){position:var(--vv-alert-modifier-notification-modifier-dismissable-element-header-position);padding-right:var(--vv-alert-modifier-notification-modifier-dismissable-element-header-padding-right)}:where(.vv-alert--notification.vv-alert--success.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-success-border-color)}:where(.vv-alert--notification.vv-alert--success .vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-success-element-header-background-color)}:where(.vv-alert--notification.vv-alert--danger.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-danger-border-color)}:where(.vv-alert--notification.vv-alert--danger .vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-danger-element-header-background-color)}:where(.vv-alert--notification.vv-alert--warning.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-warning-border-color)}:where(.vv-alert--notification.vv-alert--warning .vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-warning-element-header-background-color)}:where(.vv-alert--notification.vv-alert--info.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-info-border-color)}:where(.vv-alert--notification.vv-alert--info .vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-info-element-header-background-color)}:where(.vv-alert--notification.vv-alert--accent.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-accent-border-color)}:where(.vv-alert--notification.vv-alert--accent .vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-accent-element-header-background-color)}:where(.vv-alert--notification.vv-alert--brand.vv-alert){--vv-alert-modifier-notification-border-color: var(--vv-alert-modifier-notification-modifier-brand-border-color)}:where(.vv-alert--notification.vv-alert--brand .vv-alert__header){background-color:var(--vv-alert-modifier-notification-modifier-brand-element-header-background-color)}:where(.vv-alert--callout.vv-alert){--vv-alert-box-shadow: var(--vv-alert-modifier-callout-box-shadow);--vv-alert-border-radius: var(--vv-alert-modifier-callout-border-radius);--vv-alert-border-width: var(--vv-alert-modifier-callout-border-width);flex-direction:var(--vv-alert-modifier-callout-flex-direction);--vv-alert-align-items: var(--vv-alert-modifier-callout-align-items)}:where(.vv-alert--callout .vv-alert__title){text-transform:var(--vv-alert-modifier-callout-element-title-text-transform)}:where(.vv-alert--callout .vv-alert__content){line-height:var(--vv-alert-modifier-callout-element-content-line-height)}:where(.vv-alert--auto-close .vv-alert__close){background-color:var(--vv-alert-modifier-auto-close-element-close-background-color);border:var(--vv-alert-modifier-auto-close-element-close-border);border-radius:var(--vv-alert-modifier-auto-close-element-close-border-radius);overflow:var(--vv-alert-modifier-auto-close-element-close-overflow);opacity:var(--vv-alert-modifier-auto-close-element-close-opacity);background-image:var(--vv-alert-modifier-auto-close-element-close-background-image);background-size:var(--vv-alert-modifier-auto-close-element-close-background-size);inline-size:var(--vv-alert-modifier-auto-close-element-close-inline-size);block-size:var(--vv-alert-modifier-auto-close-element-close-block-size);animation:fade-out var(--alert-duration) forwards}:where(.vv-alert--auto-close .vv-alert__close):before{content:"";position:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-position);top:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-top);width:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-width);height:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-height);transform-origin:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-transform-origin);background-color:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-background-color);border-radius:var(--vv-alert-modifier-auto-close-element-close-pseudo-before-border-radius);animation:spin var(--alert-duration) linear}:where(.vv-alert--auto-close .vv-alert__close):after{content:"";position:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-position);top:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-top);width:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-width);height:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-height);background-color:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color);border-radius:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-border-radius);animation:pie-masks var(--alert-duration) steps(1,end);opacity:var(--vv-alert-modifier-auto-close-element-close-pseudo-after-opacity)}:where(.vv-alert--auto-close .vv-alert__close-mask){display:var(--vv-alert-modifier-auto-close-element-close-mask-display)}:where(.vv-alert--auto-close.vv-alert--hover .vv-alert__close-mask,.vv-alert--auto-close.vv-alert.hover .vv-alert__close-mask,.vv-alert--auto-close.vv-alert:not([disabled]):hover .vv-alert__close-mask){opacity:var(--vv-alert-modifier-auto-close-state-hover-element-close-mask-opacity);animation:var(--vv-alert-modifier-auto-close-state-hover-element-close-mask-animation)}:where(.vv-alert--auto-close.vv-alert--hover .vv-alert__close,.vv-alert--auto-close.vv-alert.hover .vv-alert__close,.vv-alert--auto-close.vv-alert:not([disabled]):hover .vv-alert__close){border-radius:var(--vv-alert-modifier-auto-close-state-hover-element-close-border-radius);background-image:var(--vv-alert-modifier-auto-close-state-hover-element-close-background-image);animation:var(--vv-alert-modifier-auto-close-state-hover-element-close-animation)}:where(.vv-alert--auto-close.vv-alert--hover .vv-alert__close,.vv-alert--auto-close.vv-alert.hover .vv-alert__close,.vv-alert--auto-close.vv-alert:not([disabled]):hover .vv-alert__close):before{content:"";opacity:var(--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-before-opacity);animation:var(--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-before-animation)}:where(.vv-alert--auto-close.vv-alert--hover .vv-alert__close,.vv-alert--auto-close.vv-alert.hover .vv-alert__close,.vv-alert--auto-close.vv-alert:not([disabled]):hover .vv-alert__close):after{content:"";opacity:var(--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-after-opacity);animation:var(--vv-alert-modifier-auto-close-state-hover-element-close-pseudo-after-animation)}:where(.vv-alert--fade-inline-end-enter-active,.vv-alert--fade-inline-end-leave-active){transition:var(--vv-alert-transition-fade-inline-end-active-transition)}:where(.vv-alert--fade-inline-end-enter-from){opacity:var(--vv-alert-transition-fade-inline-end-enter-from-opacity);translate:var(--vv-alert-transition-fade-inline-end-enter-from-translate)}:where(.vv-alert--fade-inline-end-leave-to){opacity:var(--vv-alert-transition-fade-inline-end-leave-to-opacity);translate:var(--vv-alert-transition-fade-inline-end-leave-to-translate)}:where(.vv-alert--fade-inline-start-enter-active,.vv-alert--fade-inline-start-leave-active){transition:var(--vv-alert-transition-fade-inline-start-active-transition)}:where(.vv-alert--fade-inline-start-enter-from){opacity:var(--vv-alert-transition-fade-inline-start-enter-from-opacity);translate:var(--vv-alert-transition-fade-inline-start-enter-from-translate)}:where(.vv-alert--fade-inline-start-leave-to){opacity:var(--vv-alert-transition-fade-inline-start-leave-to-opacity);translate:var(--vv-alert-transition-fade-inline-start-leave-to-translate)}:where(.vv-alert--fade-block-top-enter-active,.vv-alert--fade-block-top-leave-active){transition:var(--vv-alert-transition-fade-block-top-active-transition)}:where(.vv-alert--fade-block-top-enter-from){opacity:var(--vv-alert-transition-fade-block-top-enter-from-opacity);translate:var(--vv-alert-transition-fade-block-top-enter-from-translate)}:where(.vv-alert--fade-block-top-leave-to){opacity:var(--vv-alert-transition-fade-block-top-leave-to-opacity);translate:var(--vv-alert-transition-fade-block-top-leave-to-translate)}:where(.vv-alert--fade-block-bottom-enter-active,.vv-alert--fade-block-bottom-leave-active){transition:var(--vv-alert-transition-fade-block-bottom-active-transition)}:where(.vv-alert--fade-block-bottom-enter-from){opacity:var(--vv-alert-transition-fade-block-bottom-enter-from-opacity);translate:var(--vv-alert-transition-fade-block-bottom-enter-from-translate)}:where(.vv-alert--fade-block-bottom-leave-to){opacity:var(--vv-alert-transition-fade-block-bottom-leave-to-opacity);translate:var(--vv-alert-transition-fade-block-bottom-leave-to-translate)}:where(.vv-alert--fade-enter-active,.vv-alert--fade-leave-active){transition:var(--vv-alert-transition-fade-active-transition)}:where(.vv-alert--fade-enter-from){opacity:var(--vv-alert-transition-fade-enter-from-opacity)}:where(.vv-alert--fade-leave-to){opacity:var(--vv-alert-transition-fade-leave-to-opacity)}

package/dist/components/vv-breadcrumb.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-breadcrumb-position: relative;--vv-breadcrumb-pseudo-after-position: absolute;--vv-breadcrumb-pseudo-after-top: 0;--vv-breadcrumb-pseudo-after-bottom: 0;--vv-breadcrumb-pseudo-after-right: 0;--vv-breadcrumb-pseudo-after-display: block;--vv-breadcrumb-pseudo-after-width: var(--spacing-sm);--vv-breadcrumb-pseudo-after-background: linear-gradient(45deg, transparent, var(--color-surface));--vv-breadcrumb-element-list-position: relative;--vv-breadcrumb-element-list-overflow: auto hidden;--vv-breadcrumb-element-list-overscroll-behavior-x: contain;--vv-breadcrumb-element-list-scroll-behavior: smooth;--vv-breadcrumb-element-list-scroll-snap-type: x mandatory;--vv-breadcrumb-element-list-scrollbar-width: none;--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-padding: 0;--vv-breadcrumb-element-list-background: var(--color-surface);--vv-breadcrumb-element-list-white-space: nowrap;--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-width: 0;--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-height: 0;--vv-breadcrumb-element-item-display: inline-flex;--vv-breadcrumb-element-item-align-items: center;--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-rotate: -90deg;--vv-breadcrumb-element-item-active-display: inline-flex;--vv-breadcrumb-element-item-active-align-items: center;--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){position:var(--vv-breadcrumb-position)}:where(.vv-breadcrumb):after{content:"";position:var(--vv-breadcrumb-pseudo-after-position);top:var(--vv-breadcrumb-pseudo-after-top);bottom:var(--vv-breadcrumb-pseudo-after-bottom);right:var(--vv-breadcrumb-pseudo-after-right);display:var(--vv-breadcrumb-pseudo-after-display);width:var(--vv-breadcrumb-pseudo-after-width);background:var(--vv-breadcrumb-pseudo-after-background)}:where(.vv-breadcrumb__list,.vv-breadcrumb>ol){position:var(--vv-breadcrumb-element-list-position);overflow:var(--vv-breadcrumb-element-list-overflow);overscroll-behavior-x:var(--vv-breadcrumb-element-list-overscroll-behavior-x);scroll-behavior:var(--vv-breadcrumb-element-list-scroll-behavior);scroll-snap-type:var(--vv-breadcrumb-element-list-scroll-snap-type);scrollbar-width:var(--vv-breadcrumb-element-list-scrollbar-width);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);padding:var(--vv-breadcrumb-element-list-padding);background:var(--vv-breadcrumb-element-list-background);white-space:var(--vv-breadcrumb-element-list-white-space)}:where(.vv-breadcrumb__list,.vv-breadcrumb>ol)::-webkit-scrollbar{content:"";width:var(--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-width);height:var(--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-height)}:where(.vv-breadcrumb__item,.vv-breadcrumb>ol>li:has(a)){display:var(--vv-breadcrumb-element-item-display);align-items:var(--vv-breadcrumb-element-item-align-items);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);rotate:var(--vv-breadcrumb-element-item-pseudo-after-rotate)}:where(.vv-breadcrumb__item-active,.vv-breadcrumb>ol>li:not(:has(a))){display:var(--vv-breadcrumb-element-item-active-display);align-items:var(--vv-breadcrumb-element-item-active-align-items);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-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(:host,:root,.theme){--vv-breadcrumb-position: relative;--vv-breadcrumb-pseudo-after-position: absolute;--vv-breadcrumb-pseudo-after-top: 0;--vv-breadcrumb-pseudo-after-bottom: 0;--vv-breadcrumb-pseudo-after-right: 0;--vv-breadcrumb-pseudo-after-display: block;--vv-breadcrumb-pseudo-after-width: var(--spacing-sm);--vv-breadcrumb-pseudo-after-background: linear-gradient(45deg, transparent, var(--color-surface));--vv-breadcrumb-element-list-position: relative;--vv-breadcrumb-element-list-overflow: auto hidden;--vv-breadcrumb-element-list-overscroll-behavior-x: contain;--vv-breadcrumb-element-list-scroll-behavior: smooth;--vv-breadcrumb-element-list-scroll-snap-type: x mandatory;--vv-breadcrumb-element-list-scrollbar-width: none;--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-padding: 0;--vv-breadcrumb-element-list-background: var(--color-surface);--vv-breadcrumb-element-list-white-space: nowrap;--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-width: 0;--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-height: 0;--vv-breadcrumb-element-item-display: inline-flex;--vv-breadcrumb-element-item-align-items: center;--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-rotate: -90deg;--vv-breadcrumb-element-item-active-display: inline-flex;--vv-breadcrumb-element-item-active-align-items: center;--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){position:var(--vv-breadcrumb-position)}:where(.vv-breadcrumb):after{content:"";position:var(--vv-breadcrumb-pseudo-after-position);top:var(--vv-breadcrumb-pseudo-after-top);bottom:var(--vv-breadcrumb-pseudo-after-bottom);right:var(--vv-breadcrumb-pseudo-after-right);display:var(--vv-breadcrumb-pseudo-after-display);width:var(--vv-breadcrumb-pseudo-after-width);background:var(--vv-breadcrumb-pseudo-after-background)}:where(.vv-breadcrumb__list,.vv-breadcrumb>ol){position:var(--vv-breadcrumb-element-list-position);overflow:var(--vv-breadcrumb-element-list-overflow);overscroll-behavior-x:var(--vv-breadcrumb-element-list-overscroll-behavior-x);scroll-behavior:var(--vv-breadcrumb-element-list-scroll-behavior);scroll-snap-type:var(--vv-breadcrumb-element-list-scroll-snap-type);scrollbar-width:var(--vv-breadcrumb-element-list-scrollbar-width);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);padding:var(--vv-breadcrumb-element-list-padding);background:var(--vv-breadcrumb-element-list-background);white-space:var(--vv-breadcrumb-element-list-white-space)}:where(.vv-breadcrumb__list,.vv-breadcrumb>ol)::-webkit-scrollbar{content:"";width:var(--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-width);height:var(--vv-breadcrumb-element-list-pseudo--webkit-scrollbar-height)}:where(.vv-breadcrumb__item,.vv-breadcrumb>ol>li:has(a)){display:var(--vv-breadcrumb-element-item-display);align-items:var(--vv-breadcrumb-element-item-align-items);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);rotate:var(--vv-breadcrumb-element-item-pseudo-after-rotate)}:where(.vv-breadcrumb__item-active,.vv-breadcrumb>ol>li:not(:has(a))){display:var(--vv-breadcrumb-element-item-active-display);align-items:var(--vv-breadcrumb-element-item-active-align-items);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-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.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-button-position: relative;--vv-button-background: var(--color-brand);--vv-button-border-radius: var(--rounded);--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-padding-block: var(--spacing-7);--vv-button-padding-inline: var(--spacing-16);--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: var(--transition-all);--vv-button-will-change: all;--vv-button-min-width: 0;--vv-button-pointer-events: auto;--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-hover-text-decoration: none;--vv-button-state-active-background: var(--color-brand-darken-2);--vv-button-state-active-border-color: var(--color-brand-darken-2);--vv-button-state-pressed-background: var(--color-brand-darken-2);--vv-button-state-pressed-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: var(--opacity-50);--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-flex-shrink: 0;--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-icon-only-element-icon-margin-inline: calc(var(--spacing-6) * -1);--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-primary-state-pressed-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-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-secondary-state-pressed-background: var(--color-gray-lighten-4);--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-danger-state-pressed-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-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-darken-1);--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: var(--spacing-0);--vv-button-modifier-ghost-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-hover-color: var(--color-word-2);--vv-button-modifier-ghost-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-active-color: var(--color-word-2);--vv-button-modifier-ghost-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-color: var(--color-word-2);--vv-button-modifier-link-background: transparent;--vv-button-modifier-link-border-width: var(--border-0);--vv-button-modifier-link-padding: 0;--vv-button-modifier-link-color: var(--color-brand-darken-1);--vv-button-modifier-link-font-weight: inherit;--vv-button-modifier-link-text-shadow: none;--vv-button-modifier-link-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand-lighten-4);--vv-button-modifier-link-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration: underline;--vv-button-modifier-link-state-hover-text-underline-offset: var(--spacing-4);--vv-button-modifier-link-state-active-color: var(--color-brand-darken-3);--vv-button-modifier-link-element-icon-margin: var(--spacing-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-light-state-pressed-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-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-static-dark-state-pressed-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background: var(--color-gray-darken-3);--vv-button-modifier-action-font-size: var(--text-14);--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-font-weight: var(--font-normal);--vv-button-modifier-action-padding-inline: var(--spacing-6);--vv-button-modifier-action-padding-block: var(--spacing-4);--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-active-color: var(--color-word);--vv-button-modifier-action-state-pressed-color: var(--color-white);--vv-button-modifier-action-state-pressed-background: var(--color-gray-darken-1);--vv-button-modifier-action-state-pressed-border-color: var(--color-gray-darken-1);--vv-button-modifier-action-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-element-icon-block-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-element-icon-inline-size: calc(1em * var(--leading-snug));--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-color: transparent;--vv-button-modifier-action-quiet-font-weight: var(--font-normal);--vv-button-modifier-action-quiet-padding-inline: var(--spacing-6);--vv-button-modifier-action-quiet-padding-block: var(--spacing-4);--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: var(--spacing-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-active-color: var(--color-word);--vv-button-modifier-action-quiet-state-pressed-color: var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background: var(--color-gray-darken-1);--vv-button-modifier-action-quiet-state-pressed-border-color: var(--color-gray-darken-1);--vv-button-modifier-action-quiet-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-quiet-element-icon-block-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-quiet-element-icon-inline-size: calc(1em * var(--leading-snug));--vv-button-modifier-rounded-border-radius: var(--rounded-full);--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: var(--spacing-2);--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]){-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;--button-border-width: var(--border-2);--button-line-height: var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);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);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);pointer-events:var(--vv-button-pointer-events)}: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);flex-shrink:var(--vv-button-element-icon-flex-shrink);min-height:calc(1em * var(--button-line-height))}: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"]:not([aria-disabled=true])):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);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration)}: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--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background: var(--vv-button-state-pressed-background);--vv-button-border-color: var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only>.vv-button__icon,.vv-button--icon-only>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}: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"]:not([aria-disabled=true])):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--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-pressed-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"]:not([aria-disabled=true])):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--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-pressed-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"]:not([aria-disabled=true])):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--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-pressed-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"]:not([aria-disabled=true])):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);--vv-button-modifier-ghost-color: var(--vv-button-modifier-ghost-state-hover-color)}: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);--vv-button-modifier-ghost-color: var(--vv-button-modifier-ghost-state-active-color)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-pressed-background);--vv-button-modifier-ghost-color: var(--vv-button-modifier-ghost-state-pressed-color)}:where(.vv-button--link.vv-button){--vv-button-background: var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color: var(--vv-button-modifier-link-color);--vv-button-font-weight: var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow: var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link>.vv-button__icon,.vv-button--link>:where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color: var(--vv-button-modifier-link-state-active-color)}: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"]:not([aria-disabled=true])):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-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-pressed-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"]:not([aria-disabled=true])):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--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);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-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-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"]:not([aria-disabled=true])):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);--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-active-color)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);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-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-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"]:not([aria-disabled=true])):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);--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-active-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){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: var(--rounded);--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-padding-block: var(--spacing-7);--vv-button-padding-inline: var(--spacing-16);--vv-button-text-shadow: 0 1px 0 var(--color-gray-darken-5);--vv-button-transition: var(--transition-all);--vv-button-will-change: all;--vv-button-min-width: 0;--vv-button-pointer-events: auto;--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-hover-text-decoration: none;--vv-button-state-active-background: var(--color-brand-darken-2);--vv-button-state-active-border-color: var(--color-brand-darken-2);--vv-button-state-pressed-background: var(--color-brand-darken-2);--vv-button-state-pressed-border-color: var(--color-brand-darken-2);--vv-button-state-disabled-opacity: var(--opacity-50);--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-flex-shrink: 0;--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-icon-only-element-icon-margin-inline: calc(var(--spacing-6) * -1);--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-primary-state-pressed-background: var(--color-gray-darken-5);--vv-button-modifier-primary-state-pressed-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-secondary-state-pressed-background: var(--color-gray-lighten-4);--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-danger-state-pressed-background: var(--color-danger-darken-2);--vv-button-modifier-danger-state-pressed-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-darken-1);--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: var(--spacing-0);--vv-button-modifier-ghost-state-hover-background: var(--color-gray-lighten-5);--vv-button-modifier-ghost-state-hover-color: var(--color-word-2);--vv-button-modifier-ghost-state-active-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-active-color: var(--color-word-2);--vv-button-modifier-ghost-state-pressed-background: var(--color-gray-lighten-4);--vv-button-modifier-ghost-state-pressed-color: var(--color-word-2);--vv-button-modifier-link-background: transparent;--vv-button-modifier-link-border-width: var(--border-0);--vv-button-modifier-link-padding: 0;--vv-button-modifier-link-color: var(--color-brand-darken-1);--vv-button-modifier-link-font-weight: inherit;--vv-button-modifier-link-text-shadow: none;--vv-button-modifier-link-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand-lighten-4);--vv-button-modifier-link-state-focus-visible-outline-offset: var(--spacing-4);--vv-button-modifier-link-state-hover-text-decoration: underline;--vv-button-modifier-link-state-hover-text-underline-offset: var(--spacing-4);--vv-button-modifier-link-state-active-color: var(--color-brand-darken-3);--vv-button-modifier-link-element-icon-margin: var(--spacing-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-light-state-pressed-border-color: var(--color-gray-lighten-4);--vv-button-modifier-static-light-state-pressed-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-static-dark-state-pressed-border-color: var(--color-gray-darken-3);--vv-button-modifier-static-dark-state-pressed-background: var(--color-gray-darken-3);--vv-button-modifier-action-font-size: var(--text-14);--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-font-weight: var(--font-normal);--vv-button-modifier-action-padding-inline: var(--spacing-6);--vv-button-modifier-action-padding-block: var(--spacing-4);--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-active-color: var(--color-word);--vv-button-modifier-action-state-pressed-color: var(--color-white);--vv-button-modifier-action-state-pressed-background: var(--color-gray-darken-1);--vv-button-modifier-action-state-pressed-border-color: var(--color-gray-darken-1);--vv-button-modifier-action-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-element-icon-block-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-element-icon-inline-size: calc(1em * var(--leading-snug));--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-color: transparent;--vv-button-modifier-action-quiet-font-weight: var(--font-normal);--vv-button-modifier-action-quiet-padding-inline: var(--spacing-6);--vv-button-modifier-action-quiet-padding-block: var(--spacing-4);--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: var(--spacing-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-active-color: var(--color-word);--vv-button-modifier-action-quiet-state-pressed-color: var(--color-white);--vv-button-modifier-action-quiet-state-pressed-background: var(--color-gray-darken-1);--vv-button-modifier-action-quiet-state-pressed-border-color: var(--color-gray-darken-1);--vv-button-modifier-action-quiet-element-icon-margin-inline: -.125ch;--vv-button-modifier-action-quiet-element-icon-block-size: calc(1em * var(--leading-snug));--vv-button-modifier-action-quiet-element-icon-inline-size: calc(1em * var(--leading-snug));--vv-button-modifier-rounded-border-radius: var(--rounded-full);--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: var(--spacing-2);--vv-button-modifier-full-bleed-min-width: 20ch}:where(.vv-button):where(a[href],button,input[type=button],input[type=submit],input[type=reset]){-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;--button-border-width: var(--border-2);--button-line-height: var(--leading-normal);border-width:var(--button-border-width);line-height:var(--button-line-height);position:var(--vv-button-position);background:var(--vv-button-background);border-radius:var(--vv-button-border-radius);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);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);pointer-events:var(--vv-button-pointer-events)}: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);flex-shrink:var(--vv-button-element-icon-flex-shrink);min-height:calc(1em * var(--button-line-height))}: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"]:not([aria-disabled=true])):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);-webkit-text-decoration:var(--vv-button-state-hover-text-decoration);text-decoration:var(--vv-button-state-hover-text-decoration)}: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--pressed,.vv-button.pressed,.vv-button[aria-pressed=true]){--vv-button-background: var(--vv-button-state-pressed-background);--vv-button-border-color: var(--vv-button-state-pressed-border-color)}:where(.vv-button--disabled,.vv-button.disabled,.vv-button[disabled],.vv-button[aria-disabled=true]){opacity:var(--vv-button-state-disabled-opacity);cursor:var(--vv-button-state-disabled-cursor)}:where(.vv-button--icon-only .vv-button__icon,.vv-button--icon-only>:where(svg,[data-icon])){margin-inline:var(--vv-button-modifier-icon-only-element-icon-margin-inline)}: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"]:not([aria-disabled=true])):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--primary.vv-button--pressed,.vv-button--primary.vv-button.pressed,.vv-button--primary.vv-button[aria-pressed=true]){--vv-button-modifier-primary-background: var(--vv-button-modifier-primary-state-pressed-background);--vv-button-modifier-primary-border-color: var(--vv-button-modifier-primary-state-pressed-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"]:not([aria-disabled=true])):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--secondary.vv-button--pressed,.vv-button--secondary.vv-button.pressed,.vv-button--secondary.vv-button[aria-pressed=true]){--vv-button-modifier-secondary-background: var(--vv-button-modifier-secondary-state-pressed-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"]:not([aria-disabled=true])):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--danger.vv-button--pressed,.vv-button--danger.vv-button.pressed,.vv-button--danger.vv-button[aria-pressed=true]){--vv-button-modifier-danger-background: var(--vv-button-modifier-danger-state-pressed-background);--vv-button-modifier-danger-border-color: var(--vv-button-modifier-danger-state-pressed-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"]:not([aria-disabled=true])):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);--vv-button-modifier-ghost-color: var(--vv-button-modifier-ghost-state-hover-color)}: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);--vv-button-modifier-ghost-color: var(--vv-button-modifier-ghost-state-active-color)}:where(.vv-button--ghost.vv-button--pressed,.vv-button--ghost.vv-button.pressed,.vv-button--ghost.vv-button[aria-pressed=true]){--vv-button-modifier-ghost-background: var(--vv-button-modifier-ghost-state-pressed-background);--vv-button-modifier-ghost-color: var(--vv-button-modifier-ghost-state-pressed-color)}:where(.vv-button--link.vv-button){--vv-button-background: var(--vv-button-modifier-link-background);border-width:var(--vv-button-modifier-link-border-width);padding:var(--vv-button-modifier-link-padding);--vv-button-color: var(--vv-button-modifier-link-color);--vv-button-font-weight: var(--vv-button-modifier-link-font-weight);--vv-button-text-shadow: var(--vv-button-modifier-link-text-shadow)}:where(.vv-button--link .vv-button__icon,.vv-button--link>:where(svg,[data-icon])){margin:var(--vv-button-modifier-link-element-icon-margin)}:where(.vv-button--link.vv-button--focus-visible,.vv-button--link.vv-button.focus-visible,.vv-button--link.vv-button:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-button-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-button-modifier-link-state-focus-visible-outline-offset)}:where(.vv-button--link.vv-button--hover,.vv-button--link.vv-button.hover,.vv-button--link.vv-button:not([disabled]):hover){-webkit-text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-button-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-button-modifier-link-state-hover-text-underline-offset)}:where(.vv-button--link.vv-button--active,.vv-button--link.vv-button.active,.vv-button--link.vv-button:not([disabled]):active){--vv-button-modifier-link-color: var(--vv-button-modifier-link-state-active-color)}: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"]:not([aria-disabled=true])):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-light.vv-button--pressed,.vv-button--static-light.vv-button.pressed,.vv-button--static-light.vv-button[aria-pressed=true]){--vv-button-modifier-static-light-border-color: var(--vv-button-modifier-static-light-state-pressed-border-color);--vv-button-modifier-static-light-background: var(--vv-button-modifier-static-light-state-pressed-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"]:not([aria-disabled=true])):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--static-dark.vv-button--pressed,.vv-button--static-dark.vv-button.pressed,.vv-button--static-dark.vv-button[aria-pressed=true]){--vv-button-modifier-static-dark-border-color: var(--vv-button-modifier-static-dark-state-pressed-border-color);--vv-button-modifier-static-dark-background: var(--vv-button-modifier-static-dark-state-pressed-background)}:where(.vv-button--action.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);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-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-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"]:not([aria-disabled=true])):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);--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-active-color)}:where(.vv-button--action.vv-button--pressed,.vv-button--action.vv-button.pressed,.vv-button--action.vv-button[aria-pressed=true]){--vv-button-modifier-action-color: var(--vv-button-modifier-action-state-pressed-color);--vv-button-modifier-action-background: var(--vv-button-modifier-action-state-pressed-background);--vv-button-modifier-action-border-color: var(--vv-button-modifier-action-state-pressed-border-color)}:where(.vv-button--action-quiet.vv-button){--button-border-width: var(--border);--button-line-height: var(--leading-snug);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-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-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"]:not([aria-disabled=true])):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);--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-active-color)}:where(.vv-button--action-quiet.vv-button--pressed,.vv-button--action-quiet.vv-button.pressed,.vv-button--action-quiet.vv-button[aria-pressed=true]){--vv-button-modifier-action-quiet-color: var(--vv-button-modifier-action-quiet-state-pressed-color);--vv-button-modifier-action-quiet-background: var(--vv-button-modifier-action-quiet-state-pressed-background);--vv-button-modifier-action-quiet-border-color: var(--vv-button-modifier-action-quiet-state-pressed-border-color)}:where(.vv-button--rounded.vv-button){--vv-button-border-radius: var(--vv-button-modifier-rounded-border-radius)}:where(.vv-button--block.vv-button){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)}

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

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-checkbox-group-display: var(--input-display);--vv-checkbox-group-flex: var(--input-flex);--vv-checkbox-group-flex-direction: var(--input-flex-direction);--vv-checkbox-group-min-width: var(--input-min-width);--vv-checkbox-group-element-legend-display: var(--input-label-display);--vv-checkbox-group-element-legend-font-size: var(--input-label-font-size);--vv-checkbox-group-element-legend-font-weight: var(--input-label-font-weight);--vv-checkbox-group-element-legend-color: var(--input-label-color);--vv-checkbox-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-checkbox-group-element-legend-white-space: var(--input-label-white-space);--vv-checkbox-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-checkbox-group-element-legend-overflow: var(--input-label-overflow);--vv-checkbox-group-element-legend-max-width: var(--input-label-max-width);--vv-checkbox-group-element-wrapper-position: relative;--vv-checkbox-group-element-wrapper-display: flex;--vv-checkbox-group-element-wrapper-flex-direction: column;--vv-checkbox-group-element-wrapper-flex-wrap: wrap;--vv-checkbox-group-element-hint-display: var(--input-hint-display);--vv-checkbox-group-element-hint-font-size: var(--input-hint-font-size);--vv-checkbox-group-element-hint-color: var(--input-hint-color);--vv-checkbox-group-element-hint-padding-top: var(--input-hint-gap);--vv-checkbox-group-element-hint-white-space: var(--input-hint-white-space);--vv-checkbox-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-checkbox-group-element-hint-overflow: var(--input-hint-overflow);--vv-checkbox-group-element-hint-max-width: var(--input-hint-max-width);--vv-checkbox-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-checkbox-group-element-hint-margin-bottom: var(--input-gap);--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-checkbox-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-checkbox-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-checkbox-group){display:var(--vv-checkbox-group-display);flex:var(--vv-checkbox-group-flex);flex-direction:var(--vv-checkbox-group-flex-direction);min-width:var(--vv-checkbox-group-min-width)}:where(.vv-checkbox-group__legend,.vv-checkbox-group>legend){display:var(--vv-checkbox-group-element-legend-display);font-size:var(--vv-checkbox-group-element-legend-font-size);font-weight:var(--vv-checkbox-group-element-legend-font-weight);color:var(--vv-checkbox-group-element-legend-color);margin:var(--vv-checkbox-group-element-legend-margin);white-space:var(--vv-checkbox-group-element-legend-white-space);text-overflow:var(--vv-checkbox-group-element-legend-text-overflow);overflow:var(--vv-checkbox-group-element-legend-overflow);max-width:var(--vv-checkbox-group-element-legend-max-width)}:where(.vv-checkbox-group__wrapper){position:var(--vv-checkbox-group-element-wrapper-position);display:var(--vv-checkbox-group-element-wrapper-display);flex-direction:var(--vv-checkbox-group-element-wrapper-flex-direction);flex-wrap:var(--vv-checkbox-group-element-wrapper-flex-wrap)}:where(.vv-checkbox-group__hint,.vv-checkbox-group>small){display:var(--vv-checkbox-group-element-hint-display);font-size:var(--vv-checkbox-group-element-hint-font-size);color:var(--vv-checkbox-group-element-hint-color);padding-top:var(--vv-checkbox-group-element-hint-padding-top);white-space:var(--vv-checkbox-group-element-hint-white-space);text-overflow:var(--vv-checkbox-group-element-hint-text-overflow);overflow:var(--vv-checkbox-group-element-hint-overflow);max-width:var(--vv-checkbox-group-element-hint-max-width);margin-top:var(--vv-checkbox-group-element-hint-margin-top);margin-bottom:var(--vv-checkbox-group-element-hint-margin-bottom)}:where(.vv-checkbox-group--horizontal>.vv-checkbox-group__wrapper){flex-direction:var(--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-checkbox-group--valid>.vv-checkbox-group__hint,.vv-checkbox-group--valid>small){color:var(--vv-checkbox-group-modifier-valid-element-hint-color)}:where(.vv-checkbox-group--invalid>.vv-checkbox-group__hint,.vv-checkbox-group--invalid>small){color:var(--vv-checkbox-group-modifier-invalid-element-hint-color)}
+:where(:host,:root,.theme){--vv-checkbox-group-display: var(--input-display);--vv-checkbox-group-flex: var(--input-flex);--vv-checkbox-group-flex-direction: var(--input-flex-direction);--vv-checkbox-group-min-width: var(--input-min-width);--vv-checkbox-group-element-legend-display: var(--input-label-display);--vv-checkbox-group-element-legend-font-size: var(--input-label-font-size);--vv-checkbox-group-element-legend-font-weight: var(--input-label-font-weight);--vv-checkbox-group-element-legend-color: var(--input-label-color);--vv-checkbox-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-checkbox-group-element-legend-white-space: var(--input-label-white-space);--vv-checkbox-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-checkbox-group-element-legend-overflow: var(--input-label-overflow);--vv-checkbox-group-element-legend-max-width: var(--input-label-max-width);--vv-checkbox-group-element-wrapper-position: relative;--vv-checkbox-group-element-wrapper-display: flex;--vv-checkbox-group-element-wrapper-flex-direction: column;--vv-checkbox-group-element-wrapper-flex-wrap: wrap;--vv-checkbox-group-element-hint-display: var(--input-hint-display);--vv-checkbox-group-element-hint-font-size: var(--input-hint-font-size);--vv-checkbox-group-element-hint-color: var(--input-hint-color);--vv-checkbox-group-element-hint-padding-top: var(--input-hint-gap);--vv-checkbox-group-element-hint-white-space: var(--input-hint-white-space);--vv-checkbox-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-checkbox-group-element-hint-overflow: var(--input-hint-overflow);--vv-checkbox-group-element-hint-max-width: var(--input-hint-max-width);--vv-checkbox-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-checkbox-group-element-hint-margin-bottom: var(--input-gap);--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-checkbox-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-checkbox-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-checkbox-group){display:var(--vv-checkbox-group-display);flex:var(--vv-checkbox-group-flex);flex-direction:var(--vv-checkbox-group-flex-direction);min-width:var(--vv-checkbox-group-min-width)}:where(.vv-checkbox-group__legend,.vv-checkbox-group>legend){display:var(--vv-checkbox-group-element-legend-display);font-size:var(--vv-checkbox-group-element-legend-font-size);font-weight:var(--vv-checkbox-group-element-legend-font-weight);color:var(--vv-checkbox-group-element-legend-color);margin:var(--vv-checkbox-group-element-legend-margin);white-space:var(--vv-checkbox-group-element-legend-white-space);text-overflow:var(--vv-checkbox-group-element-legend-text-overflow);overflow:var(--vv-checkbox-group-element-legend-overflow);max-width:var(--vv-checkbox-group-element-legend-max-width)}:where(.vv-checkbox-group__wrapper){position:var(--vv-checkbox-group-element-wrapper-position);display:var(--vv-checkbox-group-element-wrapper-display);flex-direction:var(--vv-checkbox-group-element-wrapper-flex-direction);flex-wrap:var(--vv-checkbox-group-element-wrapper-flex-wrap)}:where(.vv-checkbox-group__hint,.vv-checkbox-group>small){display:var(--vv-checkbox-group-element-hint-display);font-size:var(--vv-checkbox-group-element-hint-font-size);color:var(--vv-checkbox-group-element-hint-color);padding-top:var(--vv-checkbox-group-element-hint-padding-top);white-space:var(--vv-checkbox-group-element-hint-white-space);text-overflow:var(--vv-checkbox-group-element-hint-text-overflow);overflow:var(--vv-checkbox-group-element-hint-overflow);max-width:var(--vv-checkbox-group-element-hint-max-width);margin-top:var(--vv-checkbox-group-element-hint-margin-top);margin-bottom:var(--vv-checkbox-group-element-hint-margin-bottom)}:where(.vv-checkbox-group--horizontal .vv-checkbox-group__wrapper){flex-direction:var(--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-checkbox-group--valid>.vv-checkbox-group__hint,.vv-checkbox-group--valid>small){color:var(--vv-checkbox-group-modifier-valid-element-hint-color)}:where(.vv-checkbox-group--invalid>.vv-checkbox-group__hint,.vv-checkbox-group--invalid>small){color:var(--vv-checkbox-group-modifier-invalid-element-hint-color)}