@volverjs/style 0.1.10 → 0.1.11-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/vv-dropdown.css +1 -1
- package/dist/components/vv-select.css +1 -1
- package/dist/components.css +1 -1
- package/dist/volver.css +1 -1
- package/package.json +17 -17
- package/src/settings/components/_vv-dropdown.scss +83 -0
- package/src/settings/components/_vv-select.scss +5 -0
- package/src/tools/_breakpoints.scss +1 -0
- package/src/tools/_mixins.scss +62 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-dropdown-position: relative;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-width: max-content;--vv-dropdown-element-list-background-color: var(--color-surface-1);--vv-dropdown-element-list-overflow: auto;--vv-dropdown-element-item-not-last-border-width: 0 0 var(--border) 0;--vv-dropdown-element-item-not-last-border-color: var(--color-surface-3);--vv-dropdown-element-item-not-last-border-style: solid;--vv-dropdown-element-search-display: block;--vv-dropdown-element-search-min-width: 0;--vv-dropdown-element-search-align-items: center;--vv-dropdown-element-search-min-height: var(--spacing-50);--vv-dropdown-element-search-background-color: var(--color-surface-2);--vv-dropdown-element-search-padding: var(--spacing-sm);--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance: none;--vv-dropdown-element-search-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-dropdown-element-search-pseudo-placeholder-color: var(--color-word-4);--vv-dropdown-element-search-pseudo-placeholder-text-overflow: ellipsis;--vv-dropdown-element-arrow-position: absolute;--vv-dropdown-element-arrow-width: var(--spacing-20);--vv-dropdown-element-arrow-height: var(--spacing-20);--vv-dropdown-element-arrow-z-index: -1;--vv-dropdown-element-arrow-pointer-events: none;--vv-dropdown-element-arrow-border: none;--vv-dropdown-element-arrow-pseudo-before-position: absolute;--vv-dropdown-element-arrow-pseudo-before-top: 0;--vv-dropdown-element-arrow-pseudo-before-left: 0;--vv-dropdown-element-arrow-pseudo-before-width: 0;--vv-dropdown-element-arrow-pseudo-before-height: 0;--vv-dropdown-element-arrow-pseudo-before-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-bottom: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-element-arrow-pseudo-after-position: absolute;--vv-dropdown-element-arrow-pseudo-after-bottom: 0;--vv-dropdown-element-arrow-pseudo-after-left: 0;--vv-dropdown-element-arrow-pseudo-after-width: 0;--vv-dropdown-element-arrow-pseudo-after-height: 0;--vv-dropdown-element-arrow-pseudo-after-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-top: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-modifier-block-width: 100%;--vv-dropdown-modifier-bottom-position: absolute;--vv-dropdown-modifier-bottom-top: 100%;--vv-dropdown-modifier-bottom-right: 0;--vv-dropdown-modifier-bottom-left: 0;--vv-dropdown-modifier-top-position: absolute;--vv-dropdown-modifier-top-left: 0;--vv-dropdown-modifier-top-right: 0;--vv-dropdown-modifier-top-bottom: 100%;--vv-dropdown-modifier-full-bleed-element-item-min-width: 20ch}:where(.vv-dropdown){--dropdown-border-radius: 0px;position:var(--vv-dropdown-position);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);box-shadow:var(--vv-dropdown-box-shadow);width:var(--vv-dropdown-width)}:where(.vv-dropdown__list,.vv-dropdown ul){border-radius:var(--dropdown-border-radius);background-color:var(--vv-dropdown-element-list-background-color);overflow:var(--vv-dropdown-element-list-overflow)}:where(.vv-dropdown__item-first,.vv-dropdown li:first-child){border-top-left-radius:var(--dropdown-border-radius);border-top-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-last,.vv-dropdown li:last-child){border-bottom-left-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-not-last,.vv-dropdown li:not(:last-child)){border-width:var(--vv-dropdown-element-item-not-last-border-width);border-color:var(--vv-dropdown-element-item-not-last-border-color);border-style:var(--vv-dropdown-element-item-not-last-border-style)}:where(.vv-dropdown__search){display:var(--vv-dropdown-element-search-display);min-width:var(--vv-dropdown-element-search-min-width);align-items:var(--vv-dropdown-element-search-align-items);min-height:var(--vv-dropdown-element-search-min-height);background-color:var(--vv-dropdown-element-search-background-color);padding:var(--vv-dropdown-element-search-padding)}:where(.vv-dropdown__search)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-search-cancel-button{-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__search)::placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__arrow){position:var(--vv-dropdown-element-arrow-position);width:var(--vv-dropdown-element-arrow-width);height:var(--vv-dropdown-element-arrow-height);z-index:var(--vv-dropdown-element-arrow-z-index);pointer-events:var(--vv-dropdown-element-arrow-pointer-events);border:var(--vv-dropdown-element-arrow-border)}:where(.vv-dropdown__arrow):before{content:"";position:var(--vv-dropdown-element-arrow-pseudo-before-position);top:var(--vv-dropdown-element-arrow-pseudo-before-top);left:var(--vv-dropdown-element-arrow-pseudo-before-left);width:var(--vv-dropdown-element-arrow-pseudo-before-width);height:var(--vv-dropdown-element-arrow-pseudo-before-height);border-left:var(--vv-dropdown-element-arrow-pseudo-before-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-before-border-right);border-bottom:var(--vv-dropdown-element-arrow-pseudo-before-border-bottom)}:where(.vv-dropdown__arrow):after{content:"";position:var(--vv-dropdown-element-arrow-pseudo-after-position);bottom:var(--vv-dropdown-element-arrow-pseudo-after-bottom);left:var(--vv-dropdown-element-arrow-pseudo-after-left);width:var(--vv-dropdown-element-arrow-pseudo-after-width);height:var(--vv-dropdown-element-arrow-pseudo-after-height);border-left:var(--vv-dropdown-element-arrow-pseudo-after-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-after-border-right);border-top:var(--vv-dropdown-element-arrow-pseudo-after-border-top)}:where(.vv-dropdown--rounded.vv-dropdown){--dropdown-border-radius: var(--rounded)}:where(.vv-dropdown--block.vv-dropdown){--vv-dropdown-width: var(--vv-dropdown-modifier-block-width)}:where(.vv-dropdown--bottom.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-bottom-position);top:var(--vv-dropdown-modifier-bottom-top);right:var(--vv-dropdown-modifier-bottom-right);left:var(--vv-dropdown-modifier-bottom-left)}:where(.vv-dropdown--top.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-top-position);left:var(--vv-dropdown-modifier-top-left);right:var(--vv-dropdown-modifier-top-right);bottom:var(--vv-dropdown-modifier-top-bottom)}:where(.vv-dropdown--full-bleed .vv-dropdown__item,.vv-dropdown--full-bleed li){min-width:var(--vv-dropdown-modifier-full-bleed-element-item-min-width)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-dropdown-position: relative;--vv-dropdown-z-index: var(--z-dropdown);--vv-dropdown-display: flex;--vv-dropdown-flex-direction: column;--vv-dropdown-box-shadow: var(--shadow-lg);--vv-dropdown-width: max-content;--vv-dropdown-element-list-background-color: var(--color-surface-1);--vv-dropdown-element-list-overflow: auto;--vv-dropdown-element-item-not-last-border-width: 0 0 var(--border) 0;--vv-dropdown-element-item-not-last-border-color: var(--color-surface-3);--vv-dropdown-element-item-not-last-border-style: solid;--vv-dropdown-element-search-display: block;--vv-dropdown-element-search-min-width: 0;--vv-dropdown-element-search-align-items: center;--vv-dropdown-element-search-min-height: var(--spacing-50);--vv-dropdown-element-search-background-color: var(--color-surface-2);--vv-dropdown-element-search-padding: var(--spacing-sm);--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance: none;--vv-dropdown-element-search-pseudo-search-cancel-button-opacity: var(--opacity-0);--vv-dropdown-element-search-pseudo-placeholder-color: var(--color-word-4);--vv-dropdown-element-search-pseudo-placeholder-text-overflow: ellipsis;--vv-dropdown-element-arrow-position: absolute;--vv-dropdown-element-arrow-width: var(--spacing-20);--vv-dropdown-element-arrow-height: var(--spacing-20);--vv-dropdown-element-arrow-z-index: -1;--vv-dropdown-element-arrow-pointer-events: none;--vv-dropdown-element-arrow-border: none;--vv-dropdown-element-arrow-pseudo-before-position: absolute;--vv-dropdown-element-arrow-pseudo-before-top: 0;--vv-dropdown-element-arrow-pseudo-before-left: 0;--vv-dropdown-element-arrow-pseudo-before-width: 0;--vv-dropdown-element-arrow-pseudo-before-height: 0;--vv-dropdown-element-arrow-pseudo-before-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-before-border-bottom: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-element-arrow-pseudo-after-position: absolute;--vv-dropdown-element-arrow-pseudo-after-bottom: 0;--vv-dropdown-element-arrow-pseudo-after-left: 0;--vv-dropdown-element-arrow-pseudo-after-width: 0;--vv-dropdown-element-arrow-pseudo-after-height: 0;--vv-dropdown-element-arrow-pseudo-after-border-left: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-right: var(--spacing-10) solid transparent;--vv-dropdown-element-arrow-pseudo-after-border-top: var(--spacing-10) solid var(--color-surface-1);--vv-dropdown-modifier-block-width: 100%;--vv-dropdown-modifier-bottom-position: absolute;--vv-dropdown-modifier-bottom-top: 100%;--vv-dropdown-modifier-bottom-right: 0;--vv-dropdown-modifier-bottom-left: 0;--vv-dropdown-modifier-top-position: absolute;--vv-dropdown-modifier-top-left: 0;--vv-dropdown-modifier-top-right: 0;--vv-dropdown-modifier-top-bottom: 100%;--vv-dropdown-modifier-full-bleed-element-item-min-width: 20ch;--vv-dropdown-modifier-dialog-position: fixed;--vv-dropdown-modifier-dialog-display: flex;--vv-dropdown-modifier-dialog-inset: 0;--vv-dropdown-modifier-dialog-width: auto;--vv-dropdown-modifier-dialog-height: auto;--vv-dropdown-modifier-dialog-z-index: var(--z-modal-backdrop);--vv-dropdown-modifier-dialog-background-color: var(--color-backdrop);--vv-dropdown-modifier-dialog-backdrop-filter: var(--blur-sm);--vv-dropdown-modifier-dialog-justify-content: flex-end;--vv-dropdown-modifier-dialog-align-items: center;--vv-dropdown-modifier-dialog-padding: var(--spacing-lg);--vv-dropdown-modifier-dialog-gap: var(--spacing-md);--vv-dropdown-modifier-dialog-state-close-display: none;--vv-dropdown-modifier-dialog-element-list-max-width: max(30dvw, min(40rem, 90dvw));--vv-dropdown-modifier-dialog-element-list-z-index: var(--z-modal);--vv-dropdown-modifier-mobile-breakpoint-down-xs-position: fixed;--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset: 0;--vv-dropdown-modifier-mobile-breakpoint-down-xs-width: auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-height: auto;--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index: var(--z-modal-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color: var(--color-backdrop);--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter: var(--blur-sm);--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content: flex-end;--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding: var(--spacing-lg);--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap: var(--spacing-md);--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index: var(--z-modal);--vv-dropdown-transition-fade-block-active-transition: var(--transition-opacity);--vv-dropdown-transition-fade-block-active-element-list-transition: var(--transition-transform);--vv-dropdown-transition-fade-block-enter-from-opacity: var(--opacity-0);--vv-dropdown-transition-fade-block-enter-from-element-list-transform: translateY(100%);--vv-dropdown-transition-fade-block-leave-to-opacity: var(--opacity-0);--vv-dropdown-transition-fade-block-leave-to-element-list-transform: translateY(100%)}:where(.vv-dropdown){--dropdown-border-radius: 0px;--dropdown-custom-position: false;position:var(--vv-dropdown-position);z-index:var(--vv-dropdown-z-index);display:var(--vv-dropdown-display);flex-direction:var(--vv-dropdown-flex-direction);box-shadow:var(--vv-dropdown-box-shadow);width:var(--vv-dropdown-width)}:where(.vv-dropdown__list,.vv-dropdown ul){border-radius:var(--dropdown-border-radius);background-color:var(--vv-dropdown-element-list-background-color);overflow:var(--vv-dropdown-element-list-overflow)}:where(.vv-dropdown__item-first,.vv-dropdown li:first-child){border-top-left-radius:var(--dropdown-border-radius);border-top-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-last,.vv-dropdown li:last-child){border-bottom-left-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}:where(.vv-dropdown__item-not-last,.vv-dropdown li:not(:last-child)){border-width:var(--vv-dropdown-element-item-not-last-border-width);border-color:var(--vv-dropdown-element-item-not-last-border-color);border-style:var(--vv-dropdown-element-item-not-last-border-style)}:where(.vv-dropdown__search){display:var(--vv-dropdown-element-search-display);min-width:var(--vv-dropdown-element-search-min-width);align-items:var(--vv-dropdown-element-search-align-items);min-height:var(--vv-dropdown-element-search-min-height);background-color:var(--vv-dropdown-element-search-background-color);padding:var(--vv-dropdown-element-search-padding)}:where(.vv-dropdown__search)::-webkit-search-cancel-button{content:"";-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-search-cancel-button{-webkit-appearance:var(--vv-dropdown-element-search-pseudo-search-cancel-button--webkit-appearance);opacity:var(--vv-dropdown-element-search-pseudo-search-cancel-button-opacity)}:where(.vv-dropdown__search)::-moz-placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__search)::placeholder{content:"";color:var(--vv-dropdown-element-search-pseudo-placeholder-color);text-overflow:var(--vv-dropdown-element-search-pseudo-placeholder-text-overflow)}:where(.vv-dropdown__arrow){position:var(--vv-dropdown-element-arrow-position);width:var(--vv-dropdown-element-arrow-width);height:var(--vv-dropdown-element-arrow-height);z-index:var(--vv-dropdown-element-arrow-z-index);pointer-events:var(--vv-dropdown-element-arrow-pointer-events);border:var(--vv-dropdown-element-arrow-border)}:where(.vv-dropdown__arrow):before{content:"";position:var(--vv-dropdown-element-arrow-pseudo-before-position);top:var(--vv-dropdown-element-arrow-pseudo-before-top);left:var(--vv-dropdown-element-arrow-pseudo-before-left);width:var(--vv-dropdown-element-arrow-pseudo-before-width);height:var(--vv-dropdown-element-arrow-pseudo-before-height);border-left:var(--vv-dropdown-element-arrow-pseudo-before-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-before-border-right);border-bottom:var(--vv-dropdown-element-arrow-pseudo-before-border-bottom)}:where(.vv-dropdown__arrow):after{content:"";position:var(--vv-dropdown-element-arrow-pseudo-after-position);bottom:var(--vv-dropdown-element-arrow-pseudo-after-bottom);left:var(--vv-dropdown-element-arrow-pseudo-after-left);width:var(--vv-dropdown-element-arrow-pseudo-after-width);height:var(--vv-dropdown-element-arrow-pseudo-after-height);border-left:var(--vv-dropdown-element-arrow-pseudo-after-border-left);border-right:var(--vv-dropdown-element-arrow-pseudo-after-border-right);border-top:var(--vv-dropdown-element-arrow-pseudo-after-border-top)}:where(.vv-dropdown--rounded.vv-dropdown){--dropdown-border-radius: var(--rounded)}:where(.vv-dropdown--block.vv-dropdown){--vv-dropdown-width: var(--vv-dropdown-modifier-block-width)}:where(.vv-dropdown--bottom.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-bottom-position);top:var(--vv-dropdown-modifier-bottom-top);right:var(--vv-dropdown-modifier-bottom-right);left:var(--vv-dropdown-modifier-bottom-left)}:where(.vv-dropdown--top.vv-dropdown){--vv-dropdown-position: var(--vv-dropdown-modifier-top-position);left:var(--vv-dropdown-modifier-top-left);right:var(--vv-dropdown-modifier-top-right);bottom:var(--vv-dropdown-modifier-top-bottom)}:where(.vv-dropdown--full-bleed .vv-dropdown__item,.vv-dropdown--full-bleed li){min-width:var(--vv-dropdown-modifier-full-bleed-element-item-min-width)}:where(.vv-dropdown--dialog.vv-dropdown){--dropdown-border-radius: var(--rounded-lg);--dropdown-custom-position: true;--vv-dropdown-position: var(--vv-dropdown-modifier-dialog-position);--vv-dropdown-display: var(--vv-dropdown-modifier-dialog-display);inset:var(--vv-dropdown-modifier-dialog-inset);--vv-dropdown-width: var(--vv-dropdown-modifier-dialog-width);height:var(--vv-dropdown-modifier-dialog-height);--vv-dropdown-z-index: var(--vv-dropdown-modifier-dialog-z-index);background-color:var(--vv-dropdown-modifier-dialog-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-dialog-backdrop-filter);justify-content:var(--vv-dropdown-modifier-dialog-justify-content);align-items:var(--vv-dropdown-modifier-dialog-align-items);padding:var(--vv-dropdown-modifier-dialog-padding);gap:var(--vv-dropdown-modifier-dialog-gap)}:where(.vv-dropdown--dialog .vv-dropdown__list,.vv-dropdown--dialog ul){max-width:var(--vv-dropdown-modifier-dialog-element-list-max-width);z-index:var(--vv-dropdown-modifier-dialog-element-list-z-index)}:where(.vv-dropdown--dialog.vv-dropdown--close,.vv-dropdown--dialog.vv-dropdown.close,.vv-dropdown--dialog.vv-dropdown:not([open])){--vv-dropdown-modifier-dialog-display: var(--vv-dropdown-modifier-dialog-state-close-display)}@media (max-width: 575.98px){:where(.vv-dropdown--mobile .vv-dropdown__list,.vv-dropdown--mobile ul){z-index:var(--vv-dropdown-modifier-mobile-element-list-breakpoint-down-xs-z-index)}}@media (max-width: 575.98px){:where(.vv-dropdown--mobile.vv-dropdown){--dropdown-border-radius: var(--rounded-lg);--dropdown-custom-position: true;position:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-position);inset:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-inset);width:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-width);height:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-height);z-index:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-z-index);background-color:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-background-color);-webkit-backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);backdrop-filter:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-backdrop-filter);justify-content:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-justify-content);padding:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-padding);gap:var(--vv-dropdown-modifier-mobile-breakpoint-down-xs-gap)}}:where(.vv-dropdown--fade-block-enter-active,.vv-dropdown--fade-block-leave-active){transition:var(--vv-dropdown-transition-fade-block-active-transition)}:where(.vv-dropdown--fade-block-enter-active .vv-dropdown__list,.vv-dropdown--fade-block-leave-active .vv-dropdown__list,.vv-dropdown--fade-block-enter-active ul,.vv-dropdown--fade-block-leave-active ul){transition:var(--vv-dropdown-transition-fade-block-active-element-list-transition)}:where(.vv-dropdown--fade-block-enter-from){opacity:var(--vv-dropdown-transition-fade-block-enter-from-opacity)}:where(.vv-dropdown--fade-block-enter-from .vv-dropdown__list,.vv-dropdown--fade-block-enter-from ul){transform:var(--vv-dropdown-transition-fade-block-enter-from-element-list-transform)}:where(.vv-dropdown--fade-block-leave-to){opacity:var(--vv-dropdown-transition-fade-block-leave-to-opacity)}:where(.vv-dropdown--fade-block-leave-to .vv-dropdown__list,.vv-dropdown--fade-block-leave-to ul){transform:var(--vv-dropdown-transition-fade-block-leave-to-element-list-transform)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-select-display: var(--input-display);--vv-select-flex: var(--input-flex);--vv-select-flex-direction: var(--input-flex-direction);--vv-select-margin-bottom: var(--input-gap);--vv-select-font-size: var(--input-font-size);--vv-select-line-height: var(--input-line-height);--vv-select-min-width: var(--input-min-width);--vv-select-user-select: none;--vv-select-element-label-display: var(--input-label-display);--vv-select-element-label-font-size: var(--input-label-font-size);--vv-select-element-label-color: var(--input-label-color);--vv-select-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-select-element-label-white-space: var(--input-label-white-space);--vv-select-element-label-text-overflow: var(--input-label-text-overflow);--vv-select-element-label-overflow: var(--input-label-overflow);--vv-select-element-label-max-width: var(--input-label-max-width);--vv-select-element-wrapper-position: relative;--vv-select-element-wrapper-display: flex;--vv-select-element-wrapper-align-items: center;--vv-select-element-wrapper-flex: 1;--vv-select-element-wrapper-background-color: var(--input-background-color);--vv-select-element-wrapper-will-change: background-color;--vv-select-element-wrapper-transition: var(--transition-colors);--vv-select-element-wrapper-pseudo-before-position: absolute;--vv-select-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-select-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-select-element-wrapper-pseudo-after-position: absolute;--vv-select-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-select-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-after-background: var(--color-brand);--vv-select-element-wrapper-pseudo-after-transform: scaleX(0);--vv-select-element-wrapper-pseudo-after-transform-origin: left;--vv-select-element-wrapper-pseudo-after-will-change: transform;--vv-select-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-select-element-wrapper-state-hover-background-color: var(--input-background-color-hover);--vv-select-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-select-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-select-element-wrapper-state-open-background-color: var(--input-background-color-focus);--vv-select-element-wrapper-state-open-pseudo-after-transform: scaleX(1);--vv-select-element-inner-position: relative;--vv-select-element-inner-display: flex;--vv-select-element-inner-flex: 1;--vv-select-element-inner-width: 100%;--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex-grow: 1;--vv-select-element-input-flex-shrink: 1;--vv-select-element-input-flex-wrap: wrap;--vv-select-element-input-min-width: 0;--vv-select-element-input-color: var(--input-placeholder-color);--vv-select-element-input-background-image: var(--bg-chevron);--vv-select-element-input-background-repeat: no-repeat;--vv-select-element-input-background-size: 1em;--vv-select-element-input-min-height: var(--input-min-height);--vv-select-element-input-gap: .5ch;--vv-select-element-input-text-overflow: var(--input-text-overflow);--vv-select-element-input-white-space: nowrap;--vv-select-element-input-state-disabled-cursor: not-allowed;--vv-select-element-input-pseudo-marker-display: none;--vv-select-element-input-pseudo--webkit-details-marker-display: none;--vv-select-element-input-before-display: flex;--vv-select-element-input-before-padding-left: var(--input-spacing-left);--vv-select-element-input-after-display: flex;--vv-select-element-input-after-padding-right: var(--input-spacing-right);--vv-select-element-icon-position: var(--input-icon-position);--vv-select-element-icon-width: var(--input-icon-width);--vv-select-element-icon-height: var(--input-min-height);--vv-select-element-icon-margin: var(--input-icon-margin);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-after-right: 0;--vv-select-element-hint-display: var(--input-hint-display);--vv-select-element-hint-font-size: var(--input-hint-font-size);--vv-select-element-hint-color: var(--input-hint-color);--vv-select-element-hint-padding-top: var(--input-hint-gap);--vv-select-element-hint-padding-inline: var(--spacing-xs);--vv-select-element-hint-white-space: var(--input-hint-white-space);--vv-select-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-select-element-hint-overflow: var(--input-hint-overflow);--vv-select-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-multiple-element-wrapper-align-items: flex-start;--vv-select-modifier-multiple-element-input-overflow: auto;--vv-select-modifier-multiple-element-input-background-image: none;--vv-select-modifier-multiple-element-input-padding: 0;--vv-select-modifier-multiple-element-option-min-height: var(--input-min-height);--vv-select-modifier-multiple-element-option-display: flex;--vv-select-modifier-multiple-element-option-align-items: center;--vv-select-modifier-multiple-element-option-color: var(--input-color);--vv-select-modifier-multiple-element-option-state-checked-color: var(--color-brand);--vv-select-modifier-multiple-element-option-state-checked-background-color: var(--color-surface-brand);--vv-select-modifier-multiple-element-option-state-disabled-color: var(--input-placeholder-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-after-color: var(--input-valid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-after-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-select-modifier-floating-position: relative;--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-min-height: var(--input-min-height);--vv-select-modifier-floating-element-label-line-height: var(--input-min-height);--vv-select-modifier-floating-element-label-pointer-events: none;--vv-select-modifier-floating-element-label-font-size: inherit;--vv-select-modifier-floating-element-label-padding-inline: 0;--vv-select-modifier-floating-element-label-margin: 0;--vv-select-modifier-floating-element-label-will-change: transform;--vv-select-modifier-floating-element-label-transform-origin: left;--vv-select-modifier-floating-element-label-transition: var(--transition-all);--vv-select-modifier-floating-element-input-opacity: var(--opacity-0);--vv-select-modifier-floating-state-focus-within-element-label-transform: var(--input-floating-label-transform);--vv-select-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-state-focus-within-element-input-opacity: var(--opacity-100);--vv-select-modifier-floating-modifier-dirty-element-label-transform: var(--input-floating-label-transform);--vv-select-modifier-floating-modifier-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-modifier-dirty-element-input-opacity: var(--opacity-100);--vv-select-modifier-readonly-opacity: var(--opacity-100);--vv-select-modifier-readonly-cursor: text;--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-select-modifier-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: var(--opacity-50);--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-select-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color)}:where(.vv-select){display:var(--vv-select-display);flex:var(--vv-select-flex);flex-direction:var(--vv-select-flex-direction);margin-bottom:var(--vv-select-margin-bottom);font-size:var(--vv-select-font-size);line-height:var(--vv-select-line-height);min-width:var(--vv-select-min-width);-webkit-user-select:var(--vv-select-user-select);-moz-user-select:var(--vv-select-user-select);user-select:var(--vv-select-user-select)}:where(.vv-select__label,.vv-select > label){display:var(--vv-select-element-label-display);font-size:var(--vv-select-element-label-font-size);color:var(--vv-select-element-label-color);margin:var(--vv-select-element-label-margin);white-space:var(--vv-select-element-label-white-space);text-overflow:var(--vv-select-element-label-text-overflow);overflow:var(--vv-select-element-label-overflow);max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position);display:var(--vv-select-element-wrapper-display);align-items:var(--vv-select-element-wrapper-align-items);flex:var(--vv-select-element-wrapper-flex);background-color:var(--vv-select-element-wrapper-background-color);will-change:var(--vv-select-element-wrapper-will-change);transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:"";position:var(--vv-select-element-wrapper-pseudo-before-position);height:var(--vv-select-element-wrapper-pseudo-before-height);inset:var(--vv-select-element-wrapper-pseudo-before-inset);background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:"";position:var(--vv-select-element-wrapper-pseudo-after-position);height:var(--vv-select-element-wrapper-pseudo-after-height);inset:var(--vv-select-element-wrapper-pseudo-after-inset);background:var(--vv-select-element-wrapper-pseudo-after-background);transform:var(--vv-select-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-select-element-wrapper-pseudo-after-will-change);transition:var(--vv-select-element-wrapper-pseudo-after-transition)}:where(.vv-select__wrapper--hover,.vv-select__wrapper.hover,.vv-select__wrapper:not([disabled]):hover){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-hover-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-focus-within-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-open-background-color)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-open-pseudo-after-transform)}:where(.vv-select__inner){position:var(--vv-select-element-inner-position);display:var(--vv-select-element-inner-display);flex:var(--vv-select-element-inner-flex);width:var(--vv-select-element-inner-width)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);align-items:var(--vv-select-element-input-align-items);flex-grow:var(--vv-select-element-input-flex-grow);flex-shrink:var(--vv-select-element-input-flex-shrink);flex-wrap:var(--vv-select-element-input-flex-wrap);min-width:var(--vv-select-element-input-min-width);color:var(--vv-select-element-input-color);padding:var(--input-spacing-top) calc(var(--input-spacing-right) * 2 + 1em) var(--input-spacing-bottom) var(--input-spacing-left);background-image:var(--vv-select-element-input-background-image);background-repeat:var(--vv-select-element-input-background-repeat);background-position:right var(--input-spacing-right) center;background-size:var(--vv-select-element-input-background-size);min-height:var(--vv-select-element-input-min-height);gap:var(--vv-select-element-input-gap);text-overflow:var(--vv-select-element-input-text-overflow);white-space:var(--vv-select-element-input-white-space)}:where(.vv-select__input,.vv-select select)::marker{content:"";display:var(--vv-select-element-input-pseudo-marker-display)}:where(.vv-select__input,.vv-select select)::-webkit-details-marker{content:"";display:var(--vv-select-element-input-pseudo--webkit-details-marker-display)}:where(.vv-select__input--disabled,.vv-select__input.disabled,.vv-select select.disabled,.vv-select__input[disabled],.vv-select select[disabled],.vv-select__input[aria-disabled=true],.vv-select select[aria-disabled=true]){cursor:var(--vv-select-element-input-state-disabled-cursor)}:where(.vv-select__input-before){display:var(--vv-select-element-input-before-display);padding-left:var(--vv-select-element-input-before-padding-left)}:where(.vv-select__input-after){display:var(--vv-select-element-input-after-display);padding-right:var(--vv-select-element-input-after-padding-right)}:where(.vv-select__icon,.vv-select > div > :where(svg,[data-icon])){position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);margin:var(--vv-select-element-icon-margin);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-after,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-after-right)}:where(.vv-select__hint,.vv-select > small){display:var(--vv-select-element-hint-display);font-size:var(--vv-select-element-hint-font-size);color:var(--vv-select-element-hint-color);padding-top:var(--vv-select-element-hint-padding-top);padding-inline:var(--vv-select-element-hint-padding-inline);white-space:var(--vv-select-element-hint-white-space);text-overflow:var(--vv-select-element-hint-text-overflow);overflow:var(--vv-select-element-hint-overflow)}:where(.vv-select:has(select:disabled)),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:focus-within),:where(.vv-select--disabled .vv-select__wrapper--focus-within,.vv-select--disabled .vv-select__wrapper.focus-within,.vv-select--disabled .vv-select__wrapper:not([disabled]):focus-within,.vv-select.disabled .vv-select__wrapper--focus-within,.vv-select.disabled .vv-select__wrapper.focus-within,.vv-select.disabled .vv-select__wrapper:not([disabled]):focus-within,.vv-select[disabled] .vv-select__wrapper--focus-within,.vv-select[disabled] .vv-select__wrapper.focus-within,.vv-select[disabled] .vv-select__wrapper:not([disabled]):focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper--focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper.focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):focus-within){background-color:var(--vv-select-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-select--dirty .vv-select__input,.vv-select--dirty select){color:var(--vv-select-modifier-dirty-element-input-color)}:where(.vv-select--multiple .vv-select__wrapper){align-items:var(--vv-select-modifier-multiple-element-wrapper-align-items)}:where(.vv-select--multiple .vv-select__input,.vv-select--multiple select){overflow:var(--vv-select-modifier-multiple-element-input-overflow);background-image:var(--vv-select-modifier-multiple-element-input-background-image);padding:var(--vv-select-modifier-multiple-element-input-padding)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select > option){padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);min-height:var(--vv-select-modifier-multiple-element-option-min-height);display:var(--vv-select-modifier-multiple-element-option-display);align-items:var(--vv-select-modifier-multiple-element-option-align-items);color:var(--vv-select-modifier-multiple-element-option-color)}:where(.vv-select--multiple .vv-select__option--checked,.vv-select--multiple .vv-select__option.checked,.vv-select--multiple select > option.checked,.vv-select--multiple .vv-select__option:checked,.vv-select--multiple select > option:checked){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-checked-color);background-color:var(--vv-select-modifier-multiple-element-option-state-checked-background-color)}:where(.vv-select--multiple .vv-select__option--disabled,.vv-select--multiple .vv-select__option.disabled,.vv-select--multiple select > option.disabled,.vv-select--multiple .vv-select__option[disabled],.vv-select--multiple select > option[disabled],.vv-select--multiple .vv-select__option[aria-disabled=true],.vv-select--multiple select > option[aria-disabled=true]){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-disabled-color)}:where(.vv-select--icon-before.vv-select){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-after.vv-select){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--valid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-select--valid .vv-select__hint,.vv-select--valid > small){color:var(--vv-select-modifier-valid-element-hint-color)}:where(.vv-select--valid .vv-select__icon-after,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-after-color)}:where(.vv-select--invalid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-select--invalid .vv-select__hint,.vv-select--invalid > small){color:var(--vv-select-modifier-invalid-element-hint-color)}:where(.vv-select--invalid .vv-select__icon-after,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-after-color)}:where(.vv-select--loading .vv-select__wrapper):after{content:"";opacity:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){position:var(--vv-select-modifier-floating-position);margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}:where(.vv-select--floating .vv-select__wrapper){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__hint,.vv-select--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__label,.vv-select--floating > label){position:var(--vv-select-modifier-floating-element-label-position);z-index:var(--vv-select-modifier-floating-element-label-z-index);min-height:var(--vv-select-modifier-floating-element-label-min-height);line-height:var(--vv-select-modifier-floating-element-label-line-height);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline);margin:var(--vv-select-modifier-floating-element-label-margin);will-change:var(--vv-select-modifier-floating-element-label-will-change);transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin);transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select){opacity:var(--vv-select-modifier-floating-element-input-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__label,.vv-select--floating.vv-select.focus-within .vv-select__label,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__label,.vv-select--floating.vv-select--focus-within > label,.vv-select--floating.vv-select.focus-within > label,.vv-select--floating.vv-select:not([disabled]):focus-within > label){transform:var(--vv-select-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-select-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom);opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select--dirty > label){transform:var(--vv-select-modifier-floating-modifier-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-modifier-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select--dirty select){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom);opacity:var(--vv-select-modifier-floating-modifier-dirty-element-input-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);cursor:var(--vv-select-modifier-readonly-cursor);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}:where(.vv-select--readonly .vv-select__wrapper):before{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-select--readonly .vv-select__wrapper):after{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-select--readonly .vv-select__wrapper--hover,.vv-select--readonly .vv-select__wrapper.hover,.vv-select--readonly .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-hover-background-color)}:where(.vv-select--readonly .vv-select__wrapper--focus-within,.vv-select--readonly .vv-select__wrapper.focus-within,.vv-select--readonly .vv-select__wrapper:not([disabled]):focus-within){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image);cursor:var(--vv-select-modifier-readonly-element-input-cursor)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-select-display: var(--input-display);--vv-select-flex: var(--input-flex);--vv-select-flex-direction: var(--input-flex-direction);--vv-select-margin-bottom: var(--input-gap);--vv-select-font-size: var(--input-font-size);--vv-select-line-height: var(--input-line-height);--vv-select-min-width: var(--input-min-width);--vv-select-user-select: none;--vv-select-element-label-display: var(--input-label-display);--vv-select-element-label-font-size: var(--input-label-font-size);--vv-select-element-label-color: var(--input-label-color);--vv-select-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-select-element-label-white-space: var(--input-label-white-space);--vv-select-element-label-text-overflow: var(--input-label-text-overflow);--vv-select-element-label-overflow: var(--input-label-overflow);--vv-select-element-label-max-width: var(--input-label-max-width);--vv-select-element-wrapper-position: relative;--vv-select-element-wrapper-display: flex;--vv-select-element-wrapper-align-items: center;--vv-select-element-wrapper-flex: 1;--vv-select-element-wrapper-background-color: var(--input-background-color);--vv-select-element-wrapper-will-change: background-color;--vv-select-element-wrapper-transition: var(--transition-colors);--vv-select-element-wrapper-pseudo-before-position: absolute;--vv-select-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-select-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-select-element-wrapper-pseudo-after-position: absolute;--vv-select-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-select-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-select-element-wrapper-pseudo-after-background: var(--color-brand);--vv-select-element-wrapper-pseudo-after-transform: scaleX(0);--vv-select-element-wrapper-pseudo-after-transform-origin: left;--vv-select-element-wrapper-pseudo-after-will-change: transform;--vv-select-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-select-element-wrapper-state-hover-background-color: var(--input-background-color-hover);--vv-select-element-wrapper-state-focus-within-background-color: var(--input-background-color-focus);--vv-select-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-select-element-wrapper-state-open-background-color: var(--input-background-color-focus);--vv-select-element-wrapper-state-open-pseudo-after-transform: scaleX(1);--vv-select-element-inner-position: relative;--vv-select-element-inner-display: flex;--vv-select-element-inner-flex: 1;--vv-select-element-inner-width: 100%;--vv-select-element-value-text-overflow: var(--input-text-overflow);--vv-select-element-value-white-space: nowrap;--vv-select-element-value-overflow: hidden;--vv-select-element-input-display: flex;--vv-select-element-input-align-items: center;--vv-select-element-input-flex-grow: 1;--vv-select-element-input-flex-shrink: 1;--vv-select-element-input-flex-wrap: wrap;--vv-select-element-input-min-width: 0;--vv-select-element-input-color: var(--input-placeholder-color);--vv-select-element-input-background-image: var(--bg-chevron);--vv-select-element-input-background-repeat: no-repeat;--vv-select-element-input-background-size: 1em;--vv-select-element-input-min-height: var(--input-min-height);--vv-select-element-input-gap: .5ch;--vv-select-element-input-text-overflow: var(--input-text-overflow);--vv-select-element-input-white-space: nowrap;--vv-select-element-input-state-disabled-cursor: not-allowed;--vv-select-element-input-pseudo-marker-display: none;--vv-select-element-input-pseudo--webkit-details-marker-display: none;--vv-select-element-input-before-display: flex;--vv-select-element-input-before-padding-left: var(--input-spacing-left);--vv-select-element-input-after-display: flex;--vv-select-element-input-after-padding-right: var(--input-spacing-right);--vv-select-element-icon-position: var(--input-icon-position);--vv-select-element-icon-width: var(--input-icon-width);--vv-select-element-icon-height: var(--input-min-height);--vv-select-element-icon-margin: var(--input-icon-margin);--vv-select-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-select-element-icon-after-right: 0;--vv-select-element-hint-display: var(--input-hint-display);--vv-select-element-hint-font-size: var(--input-hint-font-size);--vv-select-element-hint-color: var(--input-hint-color);--vv-select-element-hint-padding-top: var(--input-hint-gap);--vv-select-element-hint-padding-inline: var(--spacing-xs);--vv-select-element-hint-white-space: var(--input-hint-white-space);--vv-select-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-select-element-hint-overflow: var(--input-hint-overflow);--vv-select-modifier-dirty-element-input-color: var(--input-color);--vv-select-modifier-multiple-element-wrapper-align-items: flex-start;--vv-select-modifier-multiple-element-input-overflow: auto;--vv-select-modifier-multiple-element-input-background-image: none;--vv-select-modifier-multiple-element-input-padding: 0;--vv-select-modifier-multiple-element-option-min-height: var(--input-min-height);--vv-select-modifier-multiple-element-option-display: flex;--vv-select-modifier-multiple-element-option-align-items: center;--vv-select-modifier-multiple-element-option-color: var(--input-color);--vv-select-modifier-multiple-element-option-state-checked-color: var(--color-brand);--vv-select-modifier-multiple-element-option-state-checked-background-color: var(--color-surface-brand);--vv-select-modifier-multiple-element-option-state-disabled-color: var(--input-placeholder-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-select-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-valid-element-hint-color: var(--input-valid-color);--vv-select-modifier-valid-element-icon-after-color: var(--input-valid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-select-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-select-modifier-invalid-element-icon-after-color: var(--input-invalid-color);--vv-select-modifier-loading-element-wrapper-pseudo-after-opacity: var(--opacity-100);--vv-select-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-select-modifier-floating-position: relative;--vv-select-modifier-floating-element-label-position: absolute;--vv-select-modifier-floating-element-label-z-index: 1;--vv-select-modifier-floating-element-label-min-height: var(--input-min-height);--vv-select-modifier-floating-element-label-line-height: var(--input-min-height);--vv-select-modifier-floating-element-label-pointer-events: none;--vv-select-modifier-floating-element-label-font-size: inherit;--vv-select-modifier-floating-element-label-padding-inline: 0;--vv-select-modifier-floating-element-label-margin: 0;--vv-select-modifier-floating-element-label-will-change: transform;--vv-select-modifier-floating-element-label-transform-origin: left;--vv-select-modifier-floating-element-label-transition: var(--transition-all);--vv-select-modifier-floating-element-input-opacity: var(--opacity-0);--vv-select-modifier-floating-state-focus-within-element-label-transform: var(--input-floating-label-transform);--vv-select-modifier-floating-state-focus-within-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-state-focus-within-element-input-opacity: var(--opacity-100);--vv-select-modifier-floating-modifier-dirty-element-label-transform: var(--input-floating-label-transform);--vv-select-modifier-floating-modifier-dirty-element-label-font-size: var(--input-floating-label-font-size);--vv-select-modifier-floating-modifier-dirty-element-input-opacity: var(--opacity-100);--vv-select-modifier-readonly-opacity: var(--opacity-100);--vv-select-modifier-readonly-cursor: text;--vv-select-modifier-readonly-user-select: text;--vv-select-modifier-readonly-element-wrapper-pseudo-before-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity: var(--opacity-0);--vv-select-modifier-readonly-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-select-modifier-readonly-element-wrapper-state-focus-within-background-color: var(--input-background-color);--vv-select-modifier-readonly-element-input-background-image: none;--vv-select-modifier-readonly-element-input-cursor: text;--vv-select-state-disabled-opacity: var(--opacity-50);--vv-select-state-disabled-element-wrapper-state-hover-background-color: var(--input-background-color);--vv-select-state-disabled-element-wrapper-state-focus-within-background-color: var(--input-background-color)}:where(.vv-select){display:var(--vv-select-display);flex:var(--vv-select-flex);flex-direction:var(--vv-select-flex-direction);margin-bottom:var(--vv-select-margin-bottom);font-size:var(--vv-select-font-size);line-height:var(--vv-select-line-height);min-width:var(--vv-select-min-width);-webkit-user-select:var(--vv-select-user-select);-moz-user-select:var(--vv-select-user-select);user-select:var(--vv-select-user-select)}:where(.vv-select__label,.vv-select > label){display:var(--vv-select-element-label-display);font-size:var(--vv-select-element-label-font-size);color:var(--vv-select-element-label-color);margin:var(--vv-select-element-label-margin);white-space:var(--vv-select-element-label-white-space);text-overflow:var(--vv-select-element-label-text-overflow);overflow:var(--vv-select-element-label-overflow);max-width:var(--vv-select-element-label-max-width)}:where(.vv-select__wrapper){position:var(--vv-select-element-wrapper-position);display:var(--vv-select-element-wrapper-display);align-items:var(--vv-select-element-wrapper-align-items);flex:var(--vv-select-element-wrapper-flex);background-color:var(--vv-select-element-wrapper-background-color);will-change:var(--vv-select-element-wrapper-will-change);transition:var(--vv-select-element-wrapper-transition)}:where(.vv-select__wrapper):before{content:"";position:var(--vv-select-element-wrapper-pseudo-before-position);height:var(--vv-select-element-wrapper-pseudo-before-height);inset:var(--vv-select-element-wrapper-pseudo-before-inset);background:var(--vv-select-element-wrapper-pseudo-before-background)}:where(.vv-select__wrapper):after{content:"";position:var(--vv-select-element-wrapper-pseudo-after-position);height:var(--vv-select-element-wrapper-pseudo-after-height);inset:var(--vv-select-element-wrapper-pseudo-after-inset);background:var(--vv-select-element-wrapper-pseudo-after-background);transform:var(--vv-select-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-select-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-select-element-wrapper-pseudo-after-will-change);transition:var(--vv-select-element-wrapper-pseudo-after-transition)}:where(.vv-select__wrapper--hover,.vv-select__wrapper.hover,.vv-select__wrapper:not([disabled]):hover){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-hover-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-focus-within-background-color)}:where(.vv-select__wrapper--focus-within,.vv-select__wrapper.focus-within,.vv-select__wrapper:not([disabled]):focus-within):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]){--vv-select-element-wrapper-background-color: var(--vv-select-element-wrapper-state-open-background-color)}:where(.vv-select__wrapper--open,.vv-select__wrapper.open,.vv-select__wrapper[open]):after{--vv-select-element-wrapper-pseudo-after-transform: var(--vv-select-element-wrapper-state-open-pseudo-after-transform)}:where(.vv-select__inner){position:var(--vv-select-element-inner-position);display:var(--vv-select-element-inner-display);flex:var(--vv-select-element-inner-flex);width:var(--vv-select-element-inner-width)}:where(.vv-select__value){text-overflow:var(--vv-select-element-value-text-overflow);white-space:var(--vv-select-element-value-white-space);overflow:var(--vv-select-element-value-overflow)}:where(.vv-select__input,.vv-select select){display:var(--vv-select-element-input-display);align-items:var(--vv-select-element-input-align-items);flex-grow:var(--vv-select-element-input-flex-grow);flex-shrink:var(--vv-select-element-input-flex-shrink);flex-wrap:var(--vv-select-element-input-flex-wrap);min-width:var(--vv-select-element-input-min-width);color:var(--vv-select-element-input-color);padding:var(--input-spacing-top) calc(var(--input-spacing-right) * 2 + 1em) var(--input-spacing-bottom) var(--input-spacing-left);background-image:var(--vv-select-element-input-background-image);background-repeat:var(--vv-select-element-input-background-repeat);background-position:right var(--input-spacing-right) center;background-size:var(--vv-select-element-input-background-size);min-height:var(--vv-select-element-input-min-height);gap:var(--vv-select-element-input-gap);text-overflow:var(--vv-select-element-input-text-overflow);white-space:var(--vv-select-element-input-white-space)}:where(.vv-select__input,.vv-select select)::marker{content:"";display:var(--vv-select-element-input-pseudo-marker-display)}:where(.vv-select__input,.vv-select select)::-webkit-details-marker{content:"";display:var(--vv-select-element-input-pseudo--webkit-details-marker-display)}:where(.vv-select__input--disabled,.vv-select__input.disabled,.vv-select select.disabled,.vv-select__input[disabled],.vv-select select[disabled],.vv-select__input[aria-disabled=true],.vv-select select[aria-disabled=true]){cursor:var(--vv-select-element-input-state-disabled-cursor)}:where(.vv-select__input-before){display:var(--vv-select-element-input-before-display);padding-left:var(--vv-select-element-input-before-padding-left)}:where(.vv-select__input-after){display:var(--vv-select-element-input-after-display);padding-right:var(--vv-select-element-input-after-padding-right)}:where(.vv-select__icon,.vv-select > div > :where(svg,[data-icon])){position:var(--vv-select-element-icon-position);width:var(--vv-select-element-icon-width);height:var(--vv-select-element-icon-height);margin:var(--vv-select-element-icon-margin);pointer-events:var(--vv-select-element-icon-pointer-events)}:where(.vv-select__icon-after,.vv-select select + :where(svg,[data-icon])){right:var(--vv-select-element-icon-after-right)}:where(.vv-select__hint,.vv-select > small){display:var(--vv-select-element-hint-display);font-size:var(--vv-select-element-hint-font-size);color:var(--vv-select-element-hint-color);padding-top:var(--vv-select-element-hint-padding-top);padding-inline:var(--vv-select-element-hint-padding-inline);white-space:var(--vv-select-element-hint-white-space);text-overflow:var(--vv-select-element-hint-text-overflow);overflow:var(--vv-select-element-hint-overflow)}:where(.vv-select:has(select:disabled)),:where(.vv-select--disabled,.vv-select.disabled,.vv-select[disabled],.vv-select[aria-disabled=true]){opacity:var(--vv-select-state-disabled-opacity)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:hover),:where(.vv-select--disabled .vv-select__wrapper--hover,.vv-select--disabled .vv-select__wrapper.hover,.vv-select--disabled .vv-select__wrapper:not([disabled]):hover,.vv-select.disabled .vv-select__wrapper--hover,.vv-select.disabled .vv-select__wrapper.hover,.vv-select.disabled .vv-select__wrapper:not([disabled]):hover,.vv-select[disabled] .vv-select__wrapper--hover,.vv-select[disabled] .vv-select__wrapper.hover,.vv-select[disabled] .vv-select__wrapper:not([disabled]):hover,.vv-select[aria-disabled=true] .vv-select__wrapper--hover,.vv-select[aria-disabled=true] .vv-select__wrapper.hover,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-select:has(select:disabled) .vv-select__wrapper:focus-within),:where(.vv-select--disabled .vv-select__wrapper--focus-within,.vv-select--disabled .vv-select__wrapper.focus-within,.vv-select--disabled .vv-select__wrapper:not([disabled]):focus-within,.vv-select.disabled .vv-select__wrapper--focus-within,.vv-select.disabled .vv-select__wrapper.focus-within,.vv-select.disabled .vv-select__wrapper:not([disabled]):focus-within,.vv-select[disabled] .vv-select__wrapper--focus-within,.vv-select[disabled] .vv-select__wrapper.focus-within,.vv-select[disabled] .vv-select__wrapper:not([disabled]):focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper--focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper.focus-within,.vv-select[aria-disabled=true] .vv-select__wrapper:not([disabled]):focus-within){background-color:var(--vv-select-state-disabled-element-wrapper-state-focus-within-background-color)}:where(.vv-select--dirty .vv-select__input,.vv-select--dirty select){color:var(--vv-select-modifier-dirty-element-input-color)}:where(.vv-select--multiple .vv-select__wrapper){align-items:var(--vv-select-modifier-multiple-element-wrapper-align-items)}:where(.vv-select--multiple .vv-select__input,.vv-select--multiple select){overflow:var(--vv-select-modifier-multiple-element-input-overflow);background-image:var(--vv-select-modifier-multiple-element-input-background-image);padding:var(--vv-select-modifier-multiple-element-input-padding)}:where(.vv-select--multiple .vv-select__option,.vv-select--multiple select > option){padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);min-height:var(--vv-select-modifier-multiple-element-option-min-height);display:var(--vv-select-modifier-multiple-element-option-display);align-items:var(--vv-select-modifier-multiple-element-option-align-items);color:var(--vv-select-modifier-multiple-element-option-color)}:where(.vv-select--multiple .vv-select__option--checked,.vv-select--multiple .vv-select__option.checked,.vv-select--multiple select > option.checked,.vv-select--multiple .vv-select__option:checked,.vv-select--multiple select > option:checked){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-checked-color);background-color:var(--vv-select-modifier-multiple-element-option-state-checked-background-color)}:where(.vv-select--multiple .vv-select__option--disabled,.vv-select--multiple .vv-select__option.disabled,.vv-select--multiple select > option.disabled,.vv-select--multiple .vv-select__option[disabled],.vv-select--multiple select > option[disabled],.vv-select--multiple .vv-select__option[aria-disabled=true],.vv-select--multiple select > option[aria-disabled=true]){--vv-select-modifier-multiple-element-option-color: var(--vv-select-modifier-multiple-element-option-state-disabled-color)}:where(.vv-select--icon-before.vv-select){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--icon-after.vv-select){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-select--valid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-select--valid .vv-select__hint,.vv-select--valid > small){color:var(--vv-select-modifier-valid-element-hint-color)}:where(.vv-select--valid .vv-select__icon-after,.vv-select--valid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-valid-element-icon-after-color)}:where(.vv-select--invalid .vv-select__wrapper):after{content:"";background:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-select-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-select--invalid .vv-select__hint,.vv-select--invalid > small){color:var(--vv-select-modifier-invalid-element-hint-color)}:where(.vv-select--invalid .vv-select__icon-after,.vv-select--invalid select + :where(svg,[data-icon])){color:var(--vv-select-modifier-invalid-element-icon-after-color)}:where(.vv-select--loading .vv-select__wrapper):after{content:"";opacity:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-opacity);animation:var(--vv-select-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-select--floating.vv-select){position:var(--vv-select-modifier-floating-position);margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}:where(.vv-select--floating .vv-select__wrapper){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__hint,.vv-select--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-select--floating .vv-select__label,.vv-select--floating > label){position:var(--vv-select-modifier-floating-element-label-position);z-index:var(--vv-select-modifier-floating-element-label-z-index);min-height:var(--vv-select-modifier-floating-element-label-min-height);line-height:var(--vv-select-modifier-floating-element-label-line-height);pointer-events:var(--vv-select-modifier-floating-element-label-pointer-events);font-size:var(--vv-select-modifier-floating-element-label-font-size);padding-inline:var(--vv-select-modifier-floating-element-label-padding-inline);margin:var(--vv-select-modifier-floating-element-label-margin);will-change:var(--vv-select-modifier-floating-element-label-will-change);transform-origin:var(--vv-select-modifier-floating-element-label-transform-origin);transition:var(--vv-select-modifier-floating-element-label-transition)}:where(.vv-select--floating .vv-select__input,.vv-select--floating select){opacity:var(--vv-select-modifier-floating-element-input-opacity)}:where(.vv-select--floating.vv-select--focus-within .vv-select__label,.vv-select--floating.vv-select.focus-within .vv-select__label,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__label,.vv-select--floating.vv-select--focus-within > label,.vv-select--floating.vv-select.focus-within > label,.vv-select--floating.vv-select:not([disabled]):focus-within > label){transform:var(--vv-select-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-select-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-select--floating.vv-select--focus-within .vv-select__input,.vv-select--floating.vv-select.focus-within .vv-select__input,.vv-select--floating.vv-select:not([disabled]):focus-within .vv-select__input,.vv-select--floating.vv-select--focus-within select,.vv-select--floating.vv-select.focus-within select,.vv-select--floating.vv-select:not([disabled]):focus-within select){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom);opacity:var(--vv-select-modifier-floating-state-focus-within-element-input-opacity)}:where(.vv-select--floating.vv-select--dirty .vv-select__label,.vv-select--floating.vv-select--dirty > label){transform:var(--vv-select-modifier-floating-modifier-dirty-element-label-transform);font-size:var(--vv-select-modifier-floating-modifier-dirty-element-label-font-size)}:where(.vv-select--floating.vv-select--dirty .vv-select__input,.vv-select--floating.vv-select--dirty select){padding-top:var(--input-floating-padding-top);padding-bottom:var(--input-floating-padding-bottom);opacity:var(--vv-select-modifier-floating-modifier-dirty-element-input-opacity)}:where(.vv-select--readonly.vv-select){opacity:var(--vv-select-modifier-readonly-opacity);cursor:var(--vv-select-modifier-readonly-cursor);--vv-select-user-select: var(--vv-select-modifier-readonly-user-select)}:where(.vv-select--readonly .vv-select__wrapper):before{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-before-opacity)}:where(.vv-select--readonly .vv-select__wrapper):after{content:"";opacity:var(--vv-select-modifier-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-select--readonly .vv-select__wrapper--hover,.vv-select--readonly .vv-select__wrapper.hover,.vv-select--readonly .vv-select__wrapper:not([disabled]):hover){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-hover-background-color)}:where(.vv-select--readonly .vv-select__wrapper--focus-within,.vv-select--readonly .vv-select__wrapper.focus-within,.vv-select--readonly .vv-select__wrapper:not([disabled]):focus-within){background-color:var(--vv-select-modifier-readonly-element-wrapper-state-focus-within-background-color)}:where(.vv-select--readonly .vv-select__input,.vv-select--readonly select){background-image:var(--vv-select-modifier-readonly-element-input-background-image);cursor:var(--vv-select-modifier-readonly-element-input-cursor)}
|