@volverjs/style
Version:
@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.
2 lines (1 loc) • 30.1 kB
CSS
@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--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(211.0125, 216.7843562874, 222.4875)' 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='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' 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' viewBox='0 0 32 32' width='32' height='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(211.0125, 216.7843562874, 222.4875)' 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(211.0125, 216.7843562874, 222.4875)' 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(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}}:where(.theme.theme--dark){--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(211.0125, 216.7843562874, 222.4875)' 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='white' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' x='10' y='0' width='10' height='10'/%3E%3Crect fill='white' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='black' 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' viewBox='0 0 32 32' width='32' height='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(211.0125, 216.7843562874, 222.4875)' 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(211.0125, 216.7843562874, 222.4875)' 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(211.0125, 216.7843562874, 222.4875)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--color-scheme:dark;--color-word:#d3d9de;--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:#0b0d0e;--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%)}}:where(.theme.theme--dark){--color-scheme:dark;--color-word:#d3d9de;--color-word-1:hsl(from var(--color-word) h s calc(l - 12));--color-word-2:hsl(from var(--color-word) h s calc(l - 24));--color-word-3:hsl(from var(--color-word) h s calc(l - 36));--color-word-4:hsl(from var(--color-word) h s calc(l - 48));--color-word-5:hsl(from var(--color-word) h s calc(l - 60));--color-surface:#0b0d0e;--color-surface-1:hsl(from var(--color-surface) h s calc(l + 5));--color-surface-2:hsl(from var(--color-surface) h s calc(l + 10));--color-surface-3:hsl(from var(--color-surface) h s calc(l + 15));--color-surface-4:hsl(from var(--color-surface) h s calc(l + 20));--color-surface-5:hsl(from var(--color-surface) h s calc(l + 25));--color-surface-brand:hsl(from var(--color-brand) h s 10%);--color-surface-accent:hsl(from var(--color-accent) h s 10%);--color-surface-success:hsl(from var(--color-success) h s 10%);--color-surface-danger:hsl(from var(--color-danger) h s 10%);--color-surface-info:hsl(from var(--color-info) h s 10%);--color-surface-warning:hsl(from var(--color-warning) h s 10%)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}}:where(.theme.theme--dark){--input-invalid-color:var(--color-danger-lighten-2);--input-valid-color:var(--color-success-lighten-2)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-success-element-header-color:var(--color-success-lighten-3);--vv-alert-modifier-warning-element-header-color:var(--color-warning);--vv-alert-modifier-danger-element-header-color:var(--color-danger-lighten-5);--vv-alert-modifier-accent-element-header-color:var(--color-accent-lighten-4);--vv-alert-modifier-brand-element-header-color:var(--color-brand-lighten-3);--vv-alert-modifier-info-element-header-color:var(--color-info);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-white);--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-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-success-element-header-color:var(--color-success-darken-1);--vv-alert-modifier-warning-element-header-color:var(--color-warning-darken-5);--vv-alert-modifier-danger-element-header-color:var(--color-danger);--vv-alert-modifier-accent-element-header-color:var(--color-accent);--vv-alert-modifier-brand-element-header-color:var(--color-brand-darken-3);--vv-alert-modifier-info-element-header-color:var(--color-info-darken-5);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--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)}}:where(.theme.theme--dark){--vv-alert-modifier-auto-close-element-close-background-color:var(--color-black);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-black);--vv-alert-modifier-success-element-header-color:var(--color-success-lighten-3);--vv-alert-modifier-warning-element-header-color:var(--color-warning);--vv-alert-modifier-danger-element-header-color:var(--color-danger-lighten-5);--vv-alert-modifier-accent-element-header-color:var(--color-accent-lighten-4);--vv-alert-modifier-brand-element-header-color:var(--color-brand-lighten-3);--vv-alert-modifier-info-element-header-color:var(--color-info);--vv-alert-modifier-notification-border-color:var(--color-gray-lighten-3);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger-lighten-3);--vv-alert-modifier-notification-modifier-danger-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand-lighten-3);--vv-alert-modifier-notification-modifier-brand-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success-lighten-3);--vv-alert-modifier-notification-modifier-success-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent-lighten-3);--vv-alert-modifier-notification-modifier-accent-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-warning-border-color:var(--color-warning-darken-5);--vv-alert-modifier-notification-modifier-warning-element-header-color:var(--color-white);--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-2);--vv-alert-modifier-notification-modifier-info-element-header-color:var(--color-white);--vv-alert-modifier-notification-modifier-info-element-header-background-color:var(--color-info-darken-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-alert-modifier-auto-close-element-close-background-color:var(--color-white);--vv-alert-modifier-auto-close-element-close-pseudo-after-background-color:var(--color-white);--vv-alert-modifier-success-element-header-color:var(--color-success-darken-1);--vv-alert-modifier-warning-element-header-color:var(--color-warning-darken-5);--vv-alert-modifier-danger-element-header-color:var(--color-danger);--vv-alert-modifier-accent-element-header-color:var(--color-accent);--vv-alert-modifier-brand-element-header-color:var(--color-brand-darken-3);--vv-alert-modifier-info-element-header-color:var(--color-info-darken-5);--vv-alert-modifier-notification-border-color:var(--color-gray);--vv-alert-modifier-notification-modifier-danger-border-color:var(--color-danger);--vv-alert-modifier-notification-modifier-brand-border-color:var(--color-brand);--vv-alert-modifier-notification-modifier-success-border-color:var(--color-success);--vv-alert-modifier-notification-modifier-accent-border-color:var(--color-accent);--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)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-avatar-modifier-ring-color:var(--color-brand-lighten-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger-lighten-5);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-lighten-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent-lighten-5);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-avatar-modifier-ring-color:var(--color-brand-darken-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-darken-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning-darken-5);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info-darken-5);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}}:where(.theme.theme--dark){--vv-avatar-modifier-ring-color:var(--color-brand-lighten-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger-lighten-5);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-lighten-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-gray-lighten-3);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent-lighten-5);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}:where(.theme.theme--dark) .theme.theme--light{--vv-avatar-modifier-ring-color:var(--color-brand-darken-3);--vv-avatar-modifier-ring-modifier-danger-color:var(--color-danger);--vv-avatar-modifier-ring-modifier-success-color:var(--color-success-darken-3);--vv-avatar-modifier-ring-modifier-warning-color:var(--color-warning-darken-5);--vv-avatar-modifier-ring-modifier-gray-color:var(--color-word-2);--vv-avatar-modifier-ring-modifier-info-color:var(--color-info-darken-5);--vv-avatar-modifier-ring-modifier-accent-color:var(--color-accent);--vv-avatar-modifier-ring-modifier-surface-color:var(--color-word-2)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-badge-modifier-outline-color:var(--color-brand-lighten-3);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-outline-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning);--vv-badge-modifier-outline-modifier-info-color:var(--color-info);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-color:var(--color-brand-lighten-3);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-badge-modifier-outline-color:var(--color-brand);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger);--vv-badge-modifier-outline-modifier-success-color:var(--color-success);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-outline-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-color:var(--color-brand);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}}:where(.theme.theme--dark){--vv-badge-modifier-outline-color:var(--color-brand-lighten-3);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-outline-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning);--vv-badge-modifier-outline-modifier-info-color:var(--color-info);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-lighten-3);--vv-badge-modifier-ghost-color:var(--color-brand-lighten-3);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger-lighten-3);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success-lighten-3);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent-lighten-3);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-badge-modifier-outline-color:var(--color-brand);--vv-badge-modifier-outline-modifier-danger-color:var(--color-danger);--vv-badge-modifier-outline-modifier-success-color:var(--color-success);--vv-badge-modifier-outline-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-outline-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-outline-modifier-accent-color:var(--color-accent);--vv-badge-modifier-outline-modifier-gray-color:var(--color-gray-darken-1);--vv-badge-modifier-ghost-color:var(--color-brand);--vv-badge-modifier-ghost-modifier-danger-color:var(--color-danger);--vv-badge-modifier-ghost-modifier-success-color:var(--color-success);--vv-badge-modifier-ghost-modifier-warning-color:var(--color-warning-darken-5);--vv-badge-modifier-ghost-modifier-info-color:var(--color-info-darken-5);--vv-badge-modifier-ghost-modifier-accent-color:var(--color-accent);--vv-badge-modifier-ghost-modifier-gray-color:var(--color-gray-darken-1)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-link-color:var(--color-brand-lighten-3);--vv-button-modifier-link-state-active-color:var(--color-brand-lighten-2)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--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-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-active-background:var(--color-gray-lighten-4);--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3)}}:where(.theme.theme--dark){--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-2);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-2);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-1);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-border-color:var(--color-gray-darken-1);--vv-button-modifier-secondary-text-shadow:0 1px 0 var(--color-gray-darken-5);--vv-button-modifier-secondary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-secondary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-secondary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-ghost-background:transparent;--vv-button-modifier-ghost-border-color:transparent;--vv-button-modifier-ghost-color:var(--color-gray-lighten-2);--vv-button-modifier-ghost-text-shadow:0 1px 0 var(--color-gray-darken-4);--vv-button-modifier-ghost-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray);--vv-button-modifier-ghost-state-focus-visible-outline-offset:var(--spacing-0);--vv-button-modifier-ghost-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-ghost-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-link-color:var(--color-brand-lighten-3);--vv-button-modifier-link-state-active-color:var(--color-brand-lighten-2)}:where(.theme.theme--dark) .theme.theme--light{--vv-button-modifier-primary-border-color:var(--color-gray-darken-3);--vv-button-modifier-primary-background:var(--color-gray-darken-3);--vv-button-modifier-primary-state-focus-visible-outline:var(--spacing-px) solid var(--color-gray-darken-3);--vv-button-modifier-primary-state-hover-background:var(--color-gray-darken-4);--vv-button-modifier-primary-state-hover-border-color:var(--color-gray-darken-4);--vv-button-modifier-primary-state-active-background:var(--color-gray-darken-5);--vv-button-modifier-primary-state-active-border-color:var(--color-gray-darken-5);--vv-button-modifier-secondary-border-color:var(--color-gray-lighten-4);--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-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-active-background:var(--color-gray-lighten-4);--vv-button-modifier-link-color:var(--color-brand-darken-1);--vv-button-modifier-link-state-active-color:var(--color-brand-darken-3)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-action-color:var(--color-brand-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-dropdown-action-color:var(--color-brand)}}:where(.theme.theme--dark){--vv-dropdown-action-color:var(--color-brand-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-dropdown-action-color:var(--color-brand)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-dropdown-option-state-focus-visible-color:var(--color-success-lighten-3);--vv-dropdown-option-state-selected-color:var(--color-brand-lighten-3);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger-lighten-5)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger)}}:where(.theme.theme--dark){--vv-dropdown-option-state-focus-visible-color:var(--color-success-lighten-3);--vv-dropdown-option-state-selected-color:var(--color-brand-lighten-3);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger-lighten-5)}:where(.theme.theme--dark) .theme.theme--light{--vv-dropdown-option-state-focus-visible-color:var(--color-success-darken-1);--vv-dropdown-option-state-selected-color:var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color:var(--color-danger)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand-lighten-3)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand)}}:where(.theme.theme--dark){--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand-lighten-3)}:where(.theme.theme--dark) .theme.theme--light{--vv-nav-modifier-tabs-element-item-label-state-current-color:var(--color-brand)}@media (prefers-color-scheme:dark){:where(:host,:root,.theme):not(.theme--light){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(:host,:root,.theme):not(.theme--light) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}}:where(.theme.theme--dark){--vv-select-state-disabled-opacity:var(--opacity-80)}:where(.theme.theme--dark) .theme.theme--light{--vv-select-state-disabled-opacity:var(--opacity-50)}