@volverjs/style/dist/components.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--vv-accordion-overflow:hidden;--vv-accordion-state-open-element-summary-background-color:var(--color-surface-2);--vv-accordion-state-open-element-summary-pseudo-before-rotate:0deg;--vv-accordion-state-disabled-element-summary-cursor:not-allowed;--vv-accordion-state-disabled-element-summary-pointer-events:none;--vv-accordion-state-disabled-element-summary-opacity:var(--opacity-50);--vv-accordion-element-summary-position:relative;--vv-accordion-element-summary-cursor:pointer;--vv-accordion-element-summary-user-select:none;--vv-accordion-element-summary-line-height:var(--leading-normal);--vv-accordion-element-summary-color:var(--color-word-2);--vv-accordion-element-summary-will-change:background-color;--vv-accordion-element-summary-transition:var(--transition-colors);--vv-accordion-element-summary-border-radius:var(--rounded-lg);--vv-accordion-element-summary-outline:none;--vv-accordion-element-summary-list-style-type:none;--vv-accordion-element-summary--webkit-tap-highlight-color:transparent;--vv-accordion-element-summary-pseudo-before-display:block;--vv-accordion-element-summary-pseudo-before-position:absolute;--vv-accordion-element-summary-pseudo-before-width:calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-height:calc(var(--leading-normal) * 1em);--vv-accordion-element-summary-pseudo-before-background-image:var(--bg-chevron);--vv-accordion-element-summary-pseudo-before-background-position:center;--vv-accordion-element-summary-pseudo-before-background-size:1em;--vv-accordion-element-summary-pseudo-before-background-repeat:no-repeat;--vv-accordion-element-summary-pseudo-before-will-change:rotate;--vv-accordion-element-summary-pseudo-before-transition:var(--transition-transform);--vv-accordion-element-summary-pseudo-before-rotate:-90deg;--vv-accordion-element-summary-pseudo-marker-display:none;--vv-accordion-element-summary-pseudo--webkit-details-marker-display:none;--vv-accordion-element-summary-state-hover-background-color:var(--color-surface-1);--vv-accordion-element-summary-state-focus-visible-background-color:var(--color-surface-1);--vv-accordion-element-content-padding-block:var(--spacing-sm);--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left:auto;--vv-accordion-modifier-marker-right-element-summary-pseudo-before-rotate:0deg;--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-rotate:-180deg;--vv-accordion-modifier-bordered-border:var(--border) solid var(--color-surface-4);--vv-accordion-modifier-bordered-border-radius:var(--rounded-lg);--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-right-radius:0;--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-left-radius:0;--vv-accordion-modifier-square-border-radius:0;--vv-accordion-modifier-square-element-summary-border-radius:0}:where(.vv-accordion){--accordion-marker-size:calc(var(--spacing-sm) + var(--leading-normal) * 1em);--accordion-padding-top:var(--spacing-14);--accordion-padding-right:var(--spacing-14);--accordion-padding-bottom:var(--spacing-14);--accordion-padding-left:var(--spacing-14);overflow:var(--vv-accordion-overflow)}:where(.vv-accordion__summary,.vv-accordion>summary){position:var(--vv-accordion-element-summary-position);cursor:var(--vv-accordion-element-summary-cursor);-webkit-user-select:var(--vv-accordion-element-summary-user-select);-moz-user-select:var(--vv-accordion-element-summary-user-select);user-select:var(--vv-accordion-element-summary-user-select);padding-top:var(--accordion-padding-top);padding-right:var(--accordion-padding-right);padding-bottom:var(--accordion-padding-bottom);padding-left:calc(var(--accordion-padding-left) + var(--accordion-marker-size));line-height:var(--vv-accordion-element-summary-line-height);color:var(--vv-accordion-element-summary-color);will-change:var(--vv-accordion-element-summary-will-change);transition:var(--vv-accordion-element-summary-transition);border-radius:var(--vv-accordion-element-summary-border-radius);outline:var(--vv-accordion-element-summary-outline);list-style-type:var(--vv-accordion-element-summary-list-style-type);-webkit-tap-highlight-color:var(--vv-accordion-element-summary--webkit-tap-highlight-color)}:where(.vv-accordion__summary,.vv-accordion>summary):before{content:"";display:var(--vv-accordion-element-summary-pseudo-before-display);position:var(--vv-accordion-element-summary-pseudo-before-position);top:var(--accordion-padding-top);left:var(--accordion-padding-left);width:var(--vv-accordion-element-summary-pseudo-before-width);height:var(--vv-accordion-element-summary-pseudo-before-height);background-image:var(--vv-accordion-element-summary-pseudo-before-background-image);background-position:var(--vv-accordion-element-summary-pseudo-before-background-position);background-size:var(--vv-accordion-element-summary-pseudo-before-background-size);background-repeat:var(--vv-accordion-element-summary-pseudo-before-background-repeat);will-change:var(--vv-accordion-element-summary-pseudo-before-will-change);transition:var(--vv-accordion-element-summary-pseudo-before-transition);rotate:var(--vv-accordion-element-summary-pseudo-before-rotate)}:where(.vv-accordion__summary,.vv-accordion>summary)::marker{content:"";display:var(--vv-accordion-element-summary-pseudo-marker-display)}:where(.vv-accordion__summary,.vv-accordion>summary)::-webkit-details-marker{content:"";display:var(--vv-accordion-element-summary-pseudo--webkit-details-marker-display)}:where(.vv-accordion__summary--hover,.vv-accordion__summary.hover,.vv-accordion>summary.hover,.vv-accordion__summary:not([disabled]):hover,.vv-accordion>summary:not([disabled]):hover){background-color:var(--vv-accordion-element-summary-state-hover-background-color)}:where(.vv-accordion__summary--focus-visible,.vv-accordion__summary.focus-visible,.vv-accordion>summary.focus-visible,.vv-accordion__summary:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible,.vv-accordion>summary:not(:active):not([disabled]):not([tabindex="-1"]):not([aria-disabled=true]):focus-visible){background-color:var(--vv-accordion-element-summary-state-focus-visible-background-color)}:where(.vv-accordion__content,.vv-accordion>summary+*){padding-block:var(--vv-accordion-element-content-padding-block);padding-inline:var(--accordion-padding-left) var(--accordion-padding-right)}:where(.vv-accordion--open>.vv-accordion__summary,.vv-accordion.open>.vv-accordion__summary,.vv-accordion[open]>.vv-accordion__summary,.vv-accordion--open>summary,.vv-accordion.open>summary,.vv-accordion[open]>summary){background-color:var(--vv-accordion-state-open-element-summary-background-color)}:where(.vv-accordion--open>.vv-accordion__summary,.vv-accordion.open>.vv-accordion__summary,.vv-accordion[open]>.vv-accordion__summary,.vv-accordion--open>summary,.vv-accordion.open>summary,.vv-accordion[open]>summary):before{content:"";rotate:var(--vv-accordion-state-open-element-summary-pseudo-before-rotate)}:where(.vv-accordion--disabled>.vv-accordion__summary,.vv-accordion.disabled>.vv-accordion__summary,.vv-accordion[disabled]>.vv-accordion__summary,.vv-accordion[aria-disabled=true]>.vv-accordion__summary,.vv-accordion--disabled>summary,.vv-accordion.disabled>summary,.vv-accordion[disabled]>summary,.vv-accordion[aria-disabled=true]>summary){cursor:var(--vv-accordion-state-disabled-element-summary-cursor);pointer-events:var(--vv-accordion-state-disabled-element-summary-pointer-events);opacity:var(--vv-accordion-state-disabled-element-summary-opacity)}:where(.vv-accordion--marker-right>.vv-accordion__summary,.vv-accordion--marker-right>summary){padding-right:calc(var(--accordion-padding-right) + var(--accordion-marker-size));padding-left:var(--accordion-padding-left)}:where(.vv-accordion--marker-right>.vv-accordion__summary,.vv-accordion--marker-right>summary):before{content:"";left:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-left);right:var(--accordion-padding-right);rotate:var(--vv-accordion-modifier-marker-right-element-summary-pseudo-before-rotate)}:where(.vv-accordion--marker-right.vv-accordion--open>.vv-accordion__summary,.vv-accordion--marker-right.vv-accordion.open>.vv-accordion__summary,.vv-accordion--marker-right.vv-accordion[open]>.vv-accordion__summary,.vv-accordion--marker-right.vv-accordion--open>summary,.vv-accordion--marker-right.vv-accordion.open>summary,.vv-accordion--marker-right.vv-accordion[open]>summary):before{content:"";rotate:var(--vv-accordion-modifier-marker-right-state-open-element-summary-pseudo-before-rotate)}:where(.vv-accordion--bordered.vv-accordion){--accordion-padding-top:var(--spacing-xs);--accordion-padding-right:var(--spacing-xs);--accordion-padding-bottom:var(--spacing-xs);--accordion-padding-left:var(--spacing-xs);border:var(--vv-accordion-modifier-bordered-border);border-radius:var(--vv-accordion-modifier-bordered-border-radius)}:where(.vv-accordion--bordered.vv-accordion--open>.vv-accordion__summary,.vv-accordion--bordered.vv-accordion.open>.vv-accordion__summary,.vv-accordion--bordered.vv-accordion[open]>.vv-accordion__summary,.vv-accordion--bordered.vv-accordion--open>summary,.vv-accordion--bordered.vv-accordion.open>summary,.vv-accordion--bordered.vv-accordion[open]>summary){border-bottom-right-radius:var(--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-right-radius);border-bottom-left-radius:var(--vv-accordion-modifier-bordered-state-open-element-summary-border-bottom-left-radius)}:where(.vv-accordion--square.vv-accordion){border-radius:var(--vv-accordion-modifier-square-border-radius)}:where(.vv-accordion--square>.vv-accordion__summary,.vv-accordion--square>summary){border-radius:var(--vv-accordion-modifier-square-element-summary-border-radius)}: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)}: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:normal;--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:normal;--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 (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-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]>:first-child){--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]>:first-child){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-badge-border-width:0;--vv-badge-background-color:var(--color-brand);--vv-badge-border-color:var(--color-brand);--vv-badge-color:var(--color-white);--vv-badge-border-style:solid;--vv-badge-border-radius:.5em;--vv-badge-min-height:2em;--vv-badge-min-width:2em;--vv-badge-padding:0 .5em;--vv-badge-display:inline-flex;--vv-badge-justify-content:center;--vv-badge-align-items:center;--vv-badge-gap:.5ch;--vv-badge-white-space:nowrap;--vv-badge-font-family:var(--font-sans);--vv-badge-font-weight:var(--font-normal);--vv-badge-text-shad