:root { --select-select-text-color: #555; --select-select-padding: 5px 0; --select-error-color: var(--color-danger); --select-blur-color: #888; --select-focus-color: var(--color-primary); --select-scroller-background: #fff; --select-scroller-padding: 6px 0; --select-scroller-max-height: 278px; --select-placeholder-size: 16px; --select-icon-padding: 16px 0 0; --select-icon-size: 20px; --select-chip-margin: 5px 5px 0; --select-line-size: 1px; --select-line-spread-size: 2px; --select-arrow-size: 20px; --select-disabled-color: #aaa;}.ppsv-select-footer-margin-enter-from,.ppsv-select-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.ppsv-select-footer-margin-enter-active,.ppsv-select-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.ppsv-select { width: 100%; color: var(--select-select-text-color);}.ppsv-select__controller { width: 100%; display: flex; position: relative;}.ppsv-select__menu[ppsv-select-cover] { flex-grow: 1; background: transparent;}.ppsv-select__chip[ppsv-select-cover] { margin: var(--select-chip-margin);}.ppsv-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto;}.ppsv-select__wrap { position: relative; display: flex; flex-direction: column; padding-top: var(--select-placeholder-size);}.ppsv-select__icon { display: flex; align-items: center; padding: var(--select-icon-padding); font-size: 20px;}.ppsv-select__placeholder { position: absolute; top: 50%; left: 0; transform-origin: left; transition-property: top, transform; transition-duration: 0.3s; transform: translate(0, calc(-50% + var(--select-placeholder-size) / 2)) scale(1); font-size: var(--select-placeholder-size);}.ppsv-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 32px; padding: var(--select-select-padding); outline: none; border: none; font-size: inherit; color: var(--select-select-text-color); overflow-x: auto;}.ppsv-select__arrow[ppsv-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.ppsv-select__line { width: 100%; height: var(--select-line-size); background: var(--select-blur-color);}.ppsv-select__dot { width: 100%; height: var(--select-line-spread-size); background: var(--select-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier);}.ppsv-select--placeholder-hint { top: 0; transform: translate(0, 0) scale(0.75);}.ppsv-select--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.ppsv-select--non-hint { padding-top: 0;}.ppsv-select--placeholder-hidden { visibility: hidden;}.ppsv-select--focus { color: var(--select-focus-color);}.ppsv-select--spread { transform: scaleX(1);}.ppsv-select--disabled { color: var(--select-disabled-color);}.ppsv-select--error { color: var(--select-error-color);}.ppsv-select--line-disabled { background: var(--select-disabled-color);}.ppsv-select--line-error { background: var(--select-error-color);}.ppsv-select--arrow-rotate { transform: rotate(180deg);}