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

package/dist/components/vv-toast.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-toast-position: relative;--vv-toast-display: flex;--vv-toast-flex-direction: column;--vv-toast-overflow: hidden;--vv-toast-border-radius: var(--rounded);--vv-toast-background-color: var(--color-surface);--vv-toast-box-shadow: var(--shadow-lg);--vv-toast-color: var(--color-word-2);--vv-toast-backdrop-filter: none;--vv-toast-border-width: var(--border);--vv-toast-border-style: solid;--vv-toast-border-color: var(--color-gray);--vv-toast-width: max(15vw, min(20rem, 80vw));--vv-toast-element-header-display: flex;--vv-toast-element-header-overflow: hidden;--vv-toast-element-header-align-items: center;--vv-toast-element-header-padding: var(--spacing-xs);--vv-toast-element-header-color: var(--color-white);--vv-toast-element-header-background-color: var(--color-gray);--vv-toast-element-header-font-size: var(--text-16);--vv-toast-element-content-padding: var(--spacing-xs);--vv-toast-element-content-background-color: var(--color-surface-2);--vv-toast-element-content-flex-grow: 1;--vv-toast-element-content-min-height: 0;--vv-toast-element-content-overflow: auto;--vv-toast-element-content-font-size: var(--text-14);--vv-toast-element-close-position: absolute;--vv-toast-element-close-right: var(--spacing-xs);--vv-toast-element-close-inline-size: 1.1em;--vv-toast-element-close-block-size: 1.1em;--vv-toast-element-close-cursor: pointer;--vv-toast-element-close-border-radius: var(--rounded);--vv-toast-element-close-background-image: var(--bg-close);--vv-toast-element-close-background-color: var(--color-surface-2);--vv-toast-element-close-background-position: center;--vv-toast-element-close-background-size: 70% auto;--vv-toast-element-close-background-repeat: no-repeat;--vv-toast-modifier-close-element-header-padding-right: calc(var(--spacing-xs) * 2 + 1.1em);--vv-toast-modifier-success-border-color: var(--color-success);--vv-toast-modifier-success-element-header-background-color: var(--color-success);--vv-toast-modifier-success-element-content-border-color: var(--color-success);--vv-toast-modifier-success-element-content-background-color: var(--color-surface-success);--vv-toast-modifier-danger-border-color: var(--color-danger);--vv-toast-modifier-danger-element-header-background-color: var(--color-danger);--vv-toast-modifier-danger-element-content-border-color: var(--color-danger);--vv-toast-modifier-danger-element-content-background-color: var(--color-surface-danger);--vv-toast-modifier-warning-border-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-header-background-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-content-border-color: var(--color-warning);--vv-toast-modifier-warning-element-content-background-color: var(--color-surface-warning);--vv-toast-modifier-info-border-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-header-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-content-border-color: var(--color-info);--vv-toast-modifier-info-element-content-background-color: var(--color-surface-info);--vv-toast-modifier-accent-border-color: var(--color-accent);--vv-toast-modifier-accent-element-header-background-color: var(--color-accent);--vv-toast-modifier-accent-element-content-border-color: var(--color-accent);--vv-toast-modifier-accent-element-content-background-color: var(--color-surface-accent);--vv-toast-modifier-brand-border-color: var(--color-brand);--vv-toast-modifier-brand-element-header-background-color: var(--color-brand);--vv-toast-modifier-brand-element-content-border-color: var(--color-brand);--vv-toast-modifier-brand-element-content-background-color: var(--color-surface-brand)}:where(.vv-toast){position:var(--vv-toast-position);display:var(--vv-toast-display);flex-direction:var(--vv-toast-flex-direction);overflow:var(--vv-toast-overflow);border-radius:var(--vv-toast-border-radius);background-color:var(--vv-toast-background-color);box-shadow:var(--vv-toast-box-shadow);color:var(--vv-toast-color);-webkit-backdrop-filter:var(--vv-toast-backdrop-filter);backdrop-filter:var(--vv-toast-backdrop-filter);border-width:var(--vv-toast-border-width);border-style:var(--vv-toast-border-style);border-color:var(--vv-toast-border-color);width:var(--vv-toast-width)}:where(.vv-toast__header){display:var(--vv-toast-element-header-display);overflow:var(--vv-toast-element-header-overflow);align-items:var(--vv-toast-element-header-align-items);padding:var(--vv-toast-element-header-padding);color:var(--vv-toast-element-header-color);background-color:var(--vv-toast-element-header-background-color);font-size:var(--vv-toast-element-header-font-size)}:where(.vv-toast__content){padding:var(--vv-toast-element-content-padding);background-color:var(--vv-toast-element-content-background-color);flex-grow:var(--vv-toast-element-content-flex-grow);min-height:var(--vv-toast-element-content-min-height);overflow:var(--vv-toast-element-content-overflow);font-size:var(--vv-toast-element-content-font-size)}:where(.vv-toast__close){position:var(--vv-toast-element-close-position);right:var(--vv-toast-element-close-right);inline-size:var(--vv-toast-element-close-inline-size);block-size:var(--vv-toast-element-close-block-size);cursor:var(--vv-toast-element-close-cursor);border-radius:var(--vv-toast-element-close-border-radius);background-image:var(--vv-toast-element-close-background-image);background-color:var(--vv-toast-element-close-background-color);background-position:var(--vv-toast-element-close-background-position);background-size:var(--vv-toast-element-close-background-size);background-repeat:var(--vv-toast-element-close-background-repeat)}:where(.vv-toast--close .vv-toast__header){padding-right:var(--vv-toast-modifier-close-element-header-padding-right)}:where(.vv-toast--success.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-success-border-color)}:where(.vv-toast--success .vv-toast__header){background-color:var(--vv-toast-modifier-success-element-header-background-color)}:where(.vv-toast--success .vv-toast__content){border-color:var(--vv-toast-modifier-success-element-content-border-color);background-color:var(--vv-toast-modifier-success-element-content-background-color)}:where(.vv-toast--danger.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-danger-border-color)}:where(.vv-toast--danger .vv-toast__header){background-color:var(--vv-toast-modifier-danger-element-header-background-color)}:where(.vv-toast--danger .vv-toast__content){border-color:var(--vv-toast-modifier-danger-element-content-border-color);background-color:var(--vv-toast-modifier-danger-element-content-background-color)}:where(.vv-toast--warning.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-warning-border-color)}:where(.vv-toast--warning .vv-toast__header){background-color:var(--vv-toast-modifier-warning-element-header-background-color)}:where(.vv-toast--warning .vv-toast__content){border-color:var(--vv-toast-modifier-warning-element-content-border-color);background-color:var(--vv-toast-modifier-warning-element-content-background-color)}:where(.vv-toast--info.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-info-border-color)}:where(.vv-toast--info .vv-toast__header){background-color:var(--vv-toast-modifier-info-element-header-background-color)}:where(.vv-toast--info .vv-toast__content){border-color:var(--vv-toast-modifier-info-element-content-border-color);background-color:var(--vv-toast-modifier-info-element-content-background-color)}:where(.vv-toast--accent.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-accent-border-color)}:where(.vv-toast--accent .vv-toast__header){background-color:var(--vv-toast-modifier-accent-element-header-background-color)}:where(.vv-toast--accent .vv-toast__content){border-color:var(--vv-toast-modifier-accent-element-content-border-color);background-color:var(--vv-toast-modifier-accent-element-content-background-color)}:where(.vv-toast--brand.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-brand-border-color)}:where(.vv-toast--brand .vv-toast__header){background-color:var(--vv-toast-modifier-brand-element-header-background-color)}:where(.vv-toast--brand .vv-toast__content){border-color:var(--vv-toast-modifier-brand-element-content-border-color);background-color:var(--vv-toast-modifier-brand-element-content-background-color)}
+:where(:host,:root,.theme){--vv-toast-position: relative;--vv-toast-display: flex;--vv-toast-flex-direction: column;--vv-toast-overflow: hidden;--vv-toast-border-radius: var(--rounded);--vv-toast-background-color: var(--color-surface);--vv-toast-box-shadow: var(--shadow-lg);--vv-toast-color: var(--color-word-2);--vv-toast-backdrop-filter: none;--vv-toast-border-width: var(--border);--vv-toast-border-style: solid;--vv-toast-border-color: var(--color-gray);--vv-toast-width: max(15vw, min(20rem, 80vw));--vv-toast-element-header-display: flex;--vv-toast-element-header-overflow: hidden;--vv-toast-element-header-align-items: center;--vv-toast-element-header-padding: var(--spacing-10);--vv-toast-element-header-color: var(--color-white);--vv-toast-element-header-background-color: var(--color-gray);--vv-toast-element-header-font-size: var(--text-16);--vv-toast-element-content-padding: var(--spacing-10);--vv-toast-element-content-background-color: var(--color-surface-2);--vv-toast-element-content-flex-grow: 1;--vv-toast-element-content-min-height: 0;--vv-toast-element-content-overflow: auto;--vv-toast-element-content-font-size: var(--text-14);--vv-toast-element-close-position: absolute;--vv-toast-element-close-right: var(--spacing-10);--vv-toast-element-close-inline-size: 1.1em;--vv-toast-element-close-block-size: 1.1em;--vv-toast-element-close-cursor: pointer;--vv-toast-element-close-border-radius: var(--rounded);--vv-toast-element-close-background-image: var(--bg-close);--vv-toast-element-close-background-color: var(--color-surface-2);--vv-toast-element-close-background-position: center;--vv-toast-element-close-background-size: 70% auto;--vv-toast-element-close-background-repeat: no-repeat;--vv-toast-element-pie-position: absolute;--vv-toast-element-pie-display: block;--vv-toast-element-pie-right: var(--spacing-10);--vv-toast-element-pie-width: 1.1em;--vv-toast-element-pie-height: 1.1em;--vv-toast-element-pie-background-color: var(--color-white);--vv-toast-element-pie-border: 1px solid var(--color-white);--vv-toast-element-pie-border-radius: 50%;--vv-toast-element-pie-overflow: hidden;--vv-toast-element-pie-opacity: .8;--vv-toast-element-pie-cursor: pointer;--vv-toast-element-pie-pseudo-before-position: absolute;--vv-toast-element-pie-pseudo-before-top: 0;--vv-toast-element-pie-pseudo-before-width: 50%;--vv-toast-element-pie-pseudo-before-height: 100%;--vv-toast-element-pie-pseudo-before-transform-origin: 100% 50%;--vv-toast-element-pie-pseudo-before-background-color: var(--color-gray);--vv-toast-element-pie-pseudo-before-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-before-will-change: transform;--vv-toast-element-pie-pseudo-after-position: absolute;--vv-toast-element-pie-pseudo-after-top: 0;--vv-toast-element-pie-pseudo-after-width: 50%;--vv-toast-element-pie-pseudo-after-height: 100%;--vv-toast-element-pie-pseudo-after-background-color: var(--color-white);--vv-toast-element-pie-pseudo-after-will-change: opacity;--vv-toast-element-pie-pseudo-after-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-after-opacity: 0;--vv-toast-element-pie-mask-position: absolute;--vv-toast-element-pie-mask-top: 0;--vv-toast-element-pie-mask-width: 50%;--vv-toast-element-pie-mask-height: 100%;--vv-toast-element-pie-mask-left: 50%;--vv-toast-element-pie-mask-background-color: var(--color-gray);--vv-toast-element-pie-mask-will-change: opacity;--vv-toast-element-pie-mask-z-index: 1;--vv-toast-element-pie-mask-opactiy: 1;--vv-toast-modifier-fixed-position: fixed;--vv-toast-modifier-fixed-z-index: var(--z-toast);--vv-toast-modifier-top-inset-block: var(--spacing-lg) auto;--vv-toast-modifier-right-inset-inline: auto var(--spacing-lg);--vv-toast-modifier-bottom-inset-block: auto var(--spacing-lg);--vv-toast-modifier-left-inset-inline: var(--spacing-lg) auto;--vv-toast-modifier-center-inset-inline: 50% auto;--vv-toast-modifier-center-transform: translateX(-50%);--vv-toast-modifier-dismissable-element-header-padding-right: calc(var(--spacing-10) * 2 + 1.1em);--vv-toast-modifier-success-border-color: var(--color-success);--vv-toast-modifier-success-element-header-background-color: var(--color-success);--vv-toast-modifier-success-element-content-border-color: var(--color-success);--vv-toast-modifier-success-element-content-background-color: var(--color-surface-success);--vv-toast-modifier-success-element-pie-pseudo-before-background-color: var(--color-success);--vv-toast-modifier-success-element-pie-mask-background-color: var(--color-success);--vv-toast-modifier-danger-border-color: var(--color-danger);--vv-toast-modifier-danger-element-header-background-color: var(--color-danger);--vv-toast-modifier-danger-element-content-border-color: var(--color-danger);--vv-toast-modifier-danger-element-content-background-color: var(--color-surface-danger);--vv-toast-modifier-danger-element-pie-pseudo-before-background-color: var(--color-danger);--vv-toast-modifier-danger-element-pie-mask-background-color: var(--color-danger);--vv-toast-modifier-warning-border-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-header-background-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-content-border-color: var(--color-warning);--vv-toast-modifier-warning-element-content-background-color: var(--color-surface-warning);--vv-toast-modifier-warning-element-pie-pseudo-before-background-color: var(--color-warning);--vv-toast-modifier-warning-element-pie-mask-background-color: var(--color-warning);--vv-toast-modifier-info-border-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-header-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-content-border-color: var(--color-info);--vv-toast-modifier-info-element-content-background-color: var(--color-surface-info);--vv-toast-modifier-info-element-pie-pseudo-before-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-pie-mask-background-color: var(--color-info-darken-1);--vv-toast-modifier-accent-border-color: var(--color-accent);--vv-toast-modifier-accent-element-header-background-color: var(--color-accent);--vv-toast-modifier-accent-element-content-border-color: var(--color-accent);--vv-toast-modifier-accent-element-content-background-color: var(--color-surface-accent);--vv-toast-modifier-accent-element-pie-pseudo-before-background-color: var(--color-accent);--vv-toast-modifier-accent-element-pie-mask-background-color: var(--color-accent);--vv-toast-modifier-brand-border-color: var(--color-brand);--vv-toast-modifier-brand-element-header-background-color: var(--color-brand);--vv-toast-modifier-brand-element-content-border-color: var(--color-brand);--vv-toast-modifier-brand-element-content-background-color: var(--color-surface-brand);--vv-toast-modifier-brand-element-pie-pseudo-before-background-color: var(--color-brand);--vv-toast-modifier-brand-element-pie-mask-background-color: var(--color-brand)}:where(.vv-toast){--toast-pie-animation-duration: 3s;position:var(--vv-toast-position);display:var(--vv-toast-display);flex-direction:var(--vv-toast-flex-direction);overflow:var(--vv-toast-overflow);border-radius:var(--vv-toast-border-radius);background-color:var(--vv-toast-background-color);box-shadow:var(--vv-toast-box-shadow);color:var(--vv-toast-color);-webkit-backdrop-filter:var(--vv-toast-backdrop-filter);backdrop-filter:var(--vv-toast-backdrop-filter);border-width:var(--vv-toast-border-width);border-style:var(--vv-toast-border-style);border-color:var(--vv-toast-border-color);width:var(--vv-toast-width)}:where(.vv-toast__header){display:var(--vv-toast-element-header-display);overflow:var(--vv-toast-element-header-overflow);align-items:var(--vv-toast-element-header-align-items);padding:var(--vv-toast-element-header-padding);color:var(--vv-toast-element-header-color);background-color:var(--vv-toast-element-header-background-color);font-size:var(--vv-toast-element-header-font-size)}:where(.vv-toast__content){padding:var(--vv-toast-element-content-padding);background-color:var(--vv-toast-element-content-background-color);flex-grow:var(--vv-toast-element-content-flex-grow);min-height:var(--vv-toast-element-content-min-height);overflow:var(--vv-toast-element-content-overflow);font-size:var(--vv-toast-element-content-font-size)}:where(.vv-toast__close){position:var(--vv-toast-element-close-position);right:var(--vv-toast-element-close-right);inline-size:var(--vv-toast-element-close-inline-size);block-size:var(--vv-toast-element-close-block-size);cursor:var(--vv-toast-element-close-cursor);border-radius:var(--vv-toast-element-close-border-radius);background-image:var(--vv-toast-element-close-background-image);background-color:var(--vv-toast-element-close-background-color);background-position:var(--vv-toast-element-close-background-position);background-size:var(--vv-toast-element-close-background-size);background-repeat:var(--vv-toast-element-close-background-repeat)}:where(.vv-toast__pie){position:var(--vv-toast-element-pie-position);display:var(--vv-toast-element-pie-display);right:var(--vv-toast-element-pie-right);width:var(--vv-toast-element-pie-width);height:var(--vv-toast-element-pie-height);background-color:var(--vv-toast-element-pie-background-color);border:var(--vv-toast-element-pie-border);border-radius:var(--vv-toast-element-pie-border-radius);overflow:var(--vv-toast-element-pie-overflow);opacity:var(--vv-toast-element-pie-opacity);cursor:var(--vv-toast-element-pie-cursor)}:where(.vv-toast__pie):before{content:"";position:var(--vv-toast-element-pie-pseudo-before-position);top:var(--vv-toast-element-pie-pseudo-before-top);width:var(--vv-toast-element-pie-pseudo-before-width);height:var(--vv-toast-element-pie-pseudo-before-height);transform-origin:var(--vv-toast-element-pie-pseudo-before-transform-origin);background-color:var(--vv-toast-element-pie-pseudo-before-background-color);border-radius:var(--vv-toast-element-pie-pseudo-before-border-radius);will-change:var(--vv-toast-element-pie-pseudo-before-will-change);animation:spin var(--toast-pie-animation-duration) linear}:where(.vv-toast__pie):after{content:"";position:var(--vv-toast-element-pie-pseudo-after-position);top:var(--vv-toast-element-pie-pseudo-after-top);width:var(--vv-toast-element-pie-pseudo-after-width);height:var(--vv-toast-element-pie-pseudo-after-height);background-color:var(--vv-toast-element-pie-pseudo-after-background-color);will-change:var(--vv-toast-element-pie-pseudo-after-will-change);border-radius:var(--vv-toast-element-pie-pseudo-after-border-radius);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end);opacity:var(--vv-toast-element-pie-pseudo-after-opacity)}:where(.vv-toast__pie-mask){position:var(--vv-toast-element-pie-mask-position);top:var(--vv-toast-element-pie-mask-top);width:var(--vv-toast-element-pie-mask-width);height:var(--vv-toast-element-pie-mask-height);left:var(--vv-toast-element-pie-mask-left);background-color:var(--vv-toast-element-pie-mask-background-color);will-change:var(--vv-toast-element-pie-mask-will-change);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end) reverse;z-index:var(--vv-toast-element-pie-mask-z-index);opactiy:var(--vv-toast-element-pie-mask-opactiy)}:where(.vv-toast--fixed.vv-toast){--vv-toast-position: var(--vv-toast-modifier-fixed-position);z-index:var(--vv-toast-modifier-fixed-z-index)}:where(.vv-toast--top.vv-toast){inset-block:var(--vv-toast-modifier-top-inset-block)}:where(.vv-toast--right.vv-toast){inset-inline:var(--vv-toast-modifier-right-inset-inline)}:where(.vv-toast--bottom.vv-toast){inset-block:var(--vv-toast-modifier-bottom-inset-block)}:where(.vv-toast--left.vv-toast){inset-inline:var(--vv-toast-modifier-left-inset-inline)}:where(.vv-toast--center.vv-toast){inset-inline:var(--vv-toast-modifier-center-inset-inline);transform:var(--vv-toast-modifier-center-transform)}:where(.vv-toast--dismissable .vv-toast__header){padding-right:var(--vv-toast-modifier-dismissable-element-header-padding-right)}:where(.vv-toast--success.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-success-border-color)}:where(.vv-toast--success .vv-toast__header){background-color:var(--vv-toast-modifier-success-element-header-background-color)}:where(.vv-toast--success .vv-toast__content){border-color:var(--vv-toast-modifier-success-element-content-border-color);background-color:var(--vv-toast-modifier-success-element-content-background-color)}:where(.vv-toast--success .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-success-element-pie-pseudo-before-background-color)}:where(.vv-toast--success .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-success-element-pie-mask-background-color)}:where(.vv-toast--danger.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-danger-border-color)}:where(.vv-toast--danger .vv-toast__header){background-color:var(--vv-toast-modifier-danger-element-header-background-color)}:where(.vv-toast--danger .vv-toast__content){border-color:var(--vv-toast-modifier-danger-element-content-border-color);background-color:var(--vv-toast-modifier-danger-element-content-background-color)}:where(.vv-toast--danger .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-danger-element-pie-pseudo-before-background-color)}:where(.vv-toast--danger .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-danger-element-pie-mask-background-color)}:where(.vv-toast--warning.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-warning-border-color)}:where(.vv-toast--warning .vv-toast__header){background-color:var(--vv-toast-modifier-warning-element-header-background-color)}:where(.vv-toast--warning .vv-toast__content){border-color:var(--vv-toast-modifier-warning-element-content-border-color);background-color:var(--vv-toast-modifier-warning-element-content-background-color)}:where(.vv-toast--warning .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-warning-element-pie-pseudo-before-background-color)}:where(.vv-toast--warning .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-warning-element-pie-mask-background-color)}:where(.vv-toast--info.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-info-border-color)}:where(.vv-toast--info .vv-toast__header){background-color:var(--vv-toast-modifier-info-element-header-background-color)}:where(.vv-toast--info .vv-toast__content){border-color:var(--vv-toast-modifier-info-element-content-border-color);background-color:var(--vv-toast-modifier-info-element-content-background-color)}:where(.vv-toast--info .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-info-element-pie-pseudo-before-background-color)}:where(.vv-toast--info .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-info-element-pie-mask-background-color)}:where(.vv-toast--accent.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-accent-border-color)}:where(.vv-toast--accent .vv-toast__header){background-color:var(--vv-toast-modifier-accent-element-header-background-color)}:where(.vv-toast--accent .vv-toast__content){border-color:var(--vv-toast-modifier-accent-element-content-border-color);background-color:var(--vv-toast-modifier-accent-element-content-background-color)}:where(.vv-toast--accent .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-accent-element-pie-pseudo-before-background-color)}:where(.vv-toast--accent .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-accent-element-pie-mask-background-color)}:where(.vv-toast--brand.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-brand-border-color)}:where(.vv-toast--brand .vv-toast__header){background-color:var(--vv-toast-modifier-brand-element-header-background-color)}:where(.vv-toast--brand .vv-toast__content){border-color:var(--vv-toast-modifier-brand-element-content-border-color);background-color:var(--vv-toast-modifier-brand-element-content-background-color)}:where(.vv-toast--brand .vv-toast__pie):before{content:"";background-color:var(--vv-toast-modifier-brand-element-pie-pseudo-before-background-color)}:where(.vv-toast--brand .vv-toast__pie-mask){background-color:var(--vv-toast-modifier-brand-element-pie-mask-background-color)}

package/dist/components/vv-tooltip.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-tooltip-position: relative;--vv-tooltip-display: inline-flex;--vv-tooltip-align-items: center;--vv-tooltip-element-content-opacity: 0;--vv-tooltip-element-content-position: absolute;--vv-tooltip-element-content-z-index: var(--z-tooltip);--vv-tooltip-element-content-display: block;--vv-tooltip-element-content-min-width: var(--spacing-160);--vv-tooltip-element-content-border-radius: var(--rounded-md);--vv-tooltip-element-content-border-width: 2px;--vv-tooltip-element-content-border-style: solid;--vv-tooltip-element-content-border-color: var(--color-gray-darken-4);--vv-tooltip-element-content-padding: var(--spacing-4) var(--spacing-sm);--vv-tooltip-element-content-margin: 0 0 0 var(--spacing-xs);--vv-tooltip-element-content-background: var(--color-gray-darken-4);--vv-tooltip-element-content-font-size: var(--text-12);--vv-tooltip-element-content-font-weight: var(--font-normal);--vv-tooltip-element-content-color: var(--color-gray-lighten-5);--vv-tooltip-element-content-text-align: center;--vv-tooltip-element-content-inset-inline: 100% auto;--vv-tooltip-element-content-inset-block: auto;--vv-tooltip-element-content-box-shadow: var(--shadow-md);--vv-tooltip-element-content-pseudo-after-position: absolute;--vv-tooltip-element-content-pseudo-after-z-index: -1;--vv-tooltip-element-content-pseudo-after-inset-inline: -10% auto;--vv-tooltip-element-content-pseudo-after-inset-block: 50% auto;--vv-tooltip-element-content-pseudo-after-transform: translateY(-50%);--vv-tooltip-element-content-pseudo-after-border-width: 10px;--vv-tooltip-element-content-pseudo-after-border-style: solid;--vv-tooltip-element-content-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-top-element-content-margin: 0 0 var(--spacing-xs) 0;--vv-tooltip-modifier-top-element-content-inset-inline: auto;--vv-tooltip-modifier-top-element-content-inset-block: auto 100%;--vv-tooltip-modifier-top-element-content-pseudo-after-position: absolute;--vv-tooltip-modifier-top-element-content-pseudo-after-z-index: -1;--vv-tooltip-modifier-top-element-content-pseudo-after-inset-inline: 45% auto;--vv-tooltip-modifier-top-element-content-pseudo-after-inset-block: 130% auto;--vv-tooltip-modifier-top-element-content-pseudo-after-border-width: 10px;--vv-tooltip-modifier-top-element-content-pseudo-after-border-style: solid;--vv-tooltip-modifier-top-element-content-pseudo-after-border-color: var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-right-element-content-margin: 0 0 0 var(--spacing-xs);--vv-tooltip-modifier-right-element-content-inset-inline: 100% auto;--vv-tooltip-modifier-right-element-content-inset-block: auto;--vv-tooltip-modifier-right-element-content-pseudo-after-position: absolute;--vv-tooltip-modifier-right-element-content-pseudo-after-z-index: -1;--vv-tooltip-modifier-right-element-content-pseudo-after-inset-inline: -10% auto;--vv-tooltip-modifier-right-element-content-pseudo-after-inset-block: 50% auto;--vv-tooltip-modifier-right-element-content-pseudo-after-transform: translateY(-50%);--vv-tooltip-modifier-right-element-content-pseudo-after-border-width: 10px;--vv-tooltip-modifier-right-element-content-pseudo-after-border-style: solid;--vv-tooltip-modifier-right-element-content-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-bottom-element-content-margin: var(--spacing-xs) 0 0 0;--vv-tooltip-modifier-bottom-element-content-inset-inline: auto;--vv-tooltip-modifier-bottom-element-content-inset-block: 100% auto;--vv-tooltip-modifier-bottom-element-content-pseudo-after-position: absolute;--vv-tooltip-modifier-bottom-element-content-pseudo-after-z-index: -1;--vv-tooltip-modifier-bottom-element-content-pseudo-after-inset-inline: 45% auto;--vv-tooltip-modifier-bottom-element-content-pseudo-after-inset-block: auto 50%;--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-width: 10px;--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-style: solid;--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-color: transparent transparent var(--color-gray-darken-4) transparent;--vv-tooltip-modifier-left-element-content-margin: 0 var(--spacing-xs) 0 0;--vv-tooltip-modifier-left-element-content-inset-inline: auto 100%;--vv-tooltip-modifier-left-element-content-inset-block: auto;--vv-tooltip-modifier-left-element-content-pseudo-after-position: absolute;--vv-tooltip-modifier-left-element-content-pseudo-after-z-index: -1;--vv-tooltip-modifier-left-element-content-pseudo-after-inset-inline: auto -10%;--vv-tooltip-modifier-left-element-content-pseudo-after-inset-block: 50% auto;--vv-tooltip-modifier-left-element-content-pseudo-after-transform: translateY(-50%);--vv-tooltip-modifier-left-element-content-pseudo-after-border-width: 10px;--vv-tooltip-modifier-left-element-content-pseudo-after-border-style: solid;--vv-tooltip-modifier-left-element-content-pseudo-after-border-color: transparent transparent transparent var(--color-gray-darken-4);--vv-tooltip-state-hover-element-content-opacity: 1;--vv-tooltip-state-hover-element-content-will-change: opacity;--vv-tooltip-state-hover-element-content-transition: opacity .3s ease-in-out}:where(.vv-tooltip){position:var(--vv-tooltip-position);display:var(--vv-tooltip-display);align-items:var(--vv-tooltip-align-items)}:where(.vv-tooltip__content){opacity:var(--vv-tooltip-element-content-opacity);position:var(--vv-tooltip-element-content-position);z-index:var(--vv-tooltip-element-content-z-index);display:var(--vv-tooltip-element-content-display);min-width:var(--vv-tooltip-element-content-min-width);border-radius:var(--vv-tooltip-element-content-border-radius);border-width:var(--vv-tooltip-element-content-border-width);border-style:var(--vv-tooltip-element-content-border-style);border-color:var(--vv-tooltip-element-content-border-color);padding:var(--vv-tooltip-element-content-padding);margin:var(--vv-tooltip-element-content-margin);background:var(--vv-tooltip-element-content-background);font-size:var(--vv-tooltip-element-content-font-size);font-weight:var(--vv-tooltip-element-content-font-weight);color:var(--vv-tooltip-element-content-color);text-align:var(--vv-tooltip-element-content-text-align);inset-inline:var(--vv-tooltip-element-content-inset-inline);inset-block:var(--vv-tooltip-element-content-inset-block);box-shadow:var(--vv-tooltip-element-content-box-shadow)}:where(.vv-tooltip__content):after{content:"";position:var(--vv-tooltip-element-content-pseudo-after-position);z-index:var(--vv-tooltip-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-element-content-pseudo-after-inset-block);transform:var(--vv-tooltip-element-content-pseudo-after-transform);border-width:var(--vv-tooltip-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-element-content-pseudo-after-border-color)}:where(.vv-tooltip--hover .vv-tooltip__content,.vv-tooltip.hover .vv-tooltip__content,.vv-tooltip:not([disabled]):hover .vv-tooltip__content){opacity:var(--vv-tooltip-state-hover-element-content-opacity);will-change:var(--vv-tooltip-state-hover-element-content-will-change);transition:var(--vv-tooltip-state-hover-element-content-transition)}:where(.vv-tooltip--top .vv-tooltip__content){margin:var(--vv-tooltip-modifier-top-element-content-margin);inset-inline:var(--vv-tooltip-modifier-top-element-content-inset-inline);inset-block:var(--vv-tooltip-modifier-top-element-content-inset-block)}:where(.vv-tooltip--top .vv-tooltip__content):after{content:"";position:var(--vv-tooltip-modifier-top-element-content-pseudo-after-position);z-index:var(--vv-tooltip-modifier-top-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-modifier-top-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-modifier-top-element-content-pseudo-after-inset-block);border-width:var(--vv-tooltip-modifier-top-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-modifier-top-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-modifier-top-element-content-pseudo-after-border-color)}:where(.vv-tooltip--right .vv-tooltip__content){margin:var(--vv-tooltip-modifier-right-element-content-margin);inset-inline:var(--vv-tooltip-modifier-right-element-content-inset-inline);inset-block:var(--vv-tooltip-modifier-right-element-content-inset-block)}:where(.vv-tooltip--right .vv-tooltip__content):after{content:"";position:var(--vv-tooltip-modifier-right-element-content-pseudo-after-position);z-index:var(--vv-tooltip-modifier-right-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-modifier-right-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-modifier-right-element-content-pseudo-after-inset-block);transform:var(--vv-tooltip-modifier-right-element-content-pseudo-after-transform);border-width:var(--vv-tooltip-modifier-right-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-modifier-right-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-modifier-right-element-content-pseudo-after-border-color)}:where(.vv-tooltip--bottom .vv-tooltip__content){margin:var(--vv-tooltip-modifier-bottom-element-content-margin);inset-inline:var(--vv-tooltip-modifier-bottom-element-content-inset-inline);inset-block:var(--vv-tooltip-modifier-bottom-element-content-inset-block)}:where(.vv-tooltip--bottom .vv-tooltip__content):after{content:"";position:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-position);z-index:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-inset-block);border-width:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-color)}:where(.vv-tooltip--left .vv-tooltip__content){margin:var(--vv-tooltip-modifier-left-element-content-margin);inset-inline:var(--vv-tooltip-modifier-left-element-content-inset-inline);inset-block:var(--vv-tooltip-modifier-left-element-content-inset-block)}:where(.vv-tooltip--left .vv-tooltip__content):after{content:"";position:var(--vv-tooltip-modifier-left-element-content-pseudo-after-position);z-index:var(--vv-tooltip-modifier-left-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-modifier-left-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-modifier-left-element-content-pseudo-after-inset-block);transform:var(--vv-tooltip-modifier-left-element-content-pseudo-after-transform);border-width:var(--vv-tooltip-modifier-left-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-modifier-left-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-modifier-left-element-content-pseudo-after-border-color)}
+:where(:host,:root,.theme){--vv-tooltip-opacity: 0;--vv-tooltip-display: block;--vv-tooltip-position: absolute;--vv-tooltip-inset-inline: 100% auto;--vv-tooltip-top: 50%;--vv-tooltip-transform: translate(var(--spacing-10), -50%);--vv-tooltip-z-index: var(--z-tooltip);--vv-tooltip-inline-size: max-content;--vv-tooltip-max-inline-size: 25ch;--vv-tooltip-border-radius: var(--rounded-md);--vv-tooltip-padding: var(--spacing-4) var(--spacing-sm);--vv-tooltip-background: var(--color-gray-darken-4);--vv-tooltip-font-size: var(--text-12);--vv-tooltip-font-weight: var(--font-normal);--vv-tooltip-color: var(--color-gray-lighten-5);--vv-tooltip-text-align: center;--vv-tooltip-box-shadow: var(--shadow-md);--vv-tooltip-will-change: opacity;--vv-tooltip-transition: opacity .3s ease-in-out;--vv-tooltip-pseudo-after-position: absolute;--vv-tooltip-pseudo-after-z-index: -1;--vv-tooltip-pseudo-after-inset-inline: 0 auto;--vv-tooltip-pseudo-after-inset-block: 50% auto;--vv-tooltip-pseudo-after-transform: translate(-100%, -50%);--vv-tooltip-pseudo-after-border-width: var(--spacing-8);--vv-tooltip-pseudo-after-border-style: solid;--vv-tooltip-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-visible-opacity: 1;--vv-tooltip-modifier-top-inset-inline: 50% 0;--vv-tooltip-modifier-top-inset-block: auto 100%;--vv-tooltip-modifier-top-transform: translate(-50%, calc(var(--spacing-10) * -1));--vv-tooltip-modifier-top-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-top-pseudo-after-inset-block: 100% auto;--vv-tooltip-modifier-top-pseudo-after-transform: translate(-50%, 0) rotate(-90deg);--vv-tooltip-modifier-bottom-inset-inline: 50% 0;--vv-tooltip-modifier-bottom-inset-block: 100% auto;--vv-tooltip-modifier-bottom-transform: translate(-50%, var(--spacing-10));--vv-tooltip-modifier-bottom-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-bottom-pseudo-after-inset-block: 0 auto;--vv-tooltip-modifier-bottom-pseudo-after-transform: translate(-50%, -100%) rotate(90deg);--vv-tooltip-modifier-left-inset-inline: auto 100%;--vv-tooltip-modifier-left-transform: translate(calc(var(--spacing-10) * -1), -50%);--vv-tooltip-modifier-left-pseudo-after-position: absolute;--vv-tooltip-modifier-left-pseudo-after-inset-inline: auto 0;--vv-tooltip-modifier-left-pseudo-after-transform: translate(100%, -50%) rotate(180deg)}:where(.vv-tooltip){opacity:var(--vv-tooltip-opacity);display:var(--vv-tooltip-display);position:var(--vv-tooltip-position);inset-inline:var(--vv-tooltip-inset-inline);top:var(--vv-tooltip-top);transform:var(--vv-tooltip-transform);z-index:var(--vv-tooltip-z-index);inline-size:var(--vv-tooltip-inline-size);max-inline-size:var(--vv-tooltip-max-inline-size);border-radius:var(--vv-tooltip-border-radius);padding:var(--vv-tooltip-padding);background:var(--vv-tooltip-background);font-size:var(--vv-tooltip-font-size);font-weight:var(--vv-tooltip-font-weight);color:var(--vv-tooltip-color);text-align:var(--vv-tooltip-text-align);box-shadow:var(--vv-tooltip-box-shadow);will-change:var(--vv-tooltip-will-change);transition:var(--vv-tooltip-transition)}:where(.vv-tooltip):after{content:"";position:var(--vv-tooltip-pseudo-after-position);z-index:var(--vv-tooltip-pseudo-after-z-index);inset-inline:var(--vv-tooltip-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-pseudo-after-inset-block);transform:var(--vv-tooltip-pseudo-after-transform);border-width:var(--vv-tooltip-pseudo-after-border-width);border-style:var(--vv-tooltip-pseudo-after-border-style);border-color:var(--vv-tooltip-pseudo-after-border-color)}:where(*[\:has\(\%3E\%20.vv-tooltip\)]):hover,:where(*[\:has\(\%3E\%20.vv-tooltip\)]):focus-visible,:where(.vv-tooltip--visible.vv-tooltip){--vv-tooltip-opacity: var(--vv-tooltip-modifier-visible-opacity)}:where(*:has(> .vv-tooltip)):hover,:where(*:has(> .vv-tooltip)):focus-visible,:where(.vv-tooltip--visible.vv-tooltip){--vv-tooltip-opacity: var(--vv-tooltip-modifier-visible-opacity)}:where(.vv-tooltip--top.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-top-inset-inline);inset-block:var(--vv-tooltip-modifier-top-inset-block);--vv-tooltip-transform: var(--vv-tooltip-modifier-top-transform)}:where(.vv-tooltip--top.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-top-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-top-pseudo-after-inset-block);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-top-pseudo-after-transform)}:where(.vv-tooltip--bottom.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-bottom-inset-inline);inset-block:var(--vv-tooltip-modifier-bottom-inset-block);--vv-tooltip-transform: var(--vv-tooltip-modifier-bottom-transform)}:where(.vv-tooltip--bottom.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-block);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-bottom-pseudo-after-transform)}:where(.vv-tooltip--left.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-left-inset-inline);--vv-tooltip-transform: var(--vv-tooltip-modifier-left-transform)}:where(.vv-tooltip--left.vv-tooltip):after{--vv-tooltip-pseudo-after-position: var(--vv-tooltip-modifier-left-pseudo-after-position);--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-left-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-left-pseudo-after-transform)}:where(*[\:has\(.vv-tooltip\)]){position:relative}:where(*:has(.vv-tooltip)){position:relative}