:root{--s-dropdown-z-index:var(--s-z-index-tertiary);--s-dropdown-height:var(--s-content-height);--s-dropdown-bg:var(--s-bg-color-elevated);--s-dropdown-box-shadow:var(--s-box-shadow-tertiary);--s-dropdown-line-color:var(--s-border-color);--s-dropdown-item-padding-x:var(--s-size-xs);--s-dropdown-item-opacity-active:var(--s-opacity-active);--s-dropdown-item-show-color:var(--s-color-primary);--s-dropdown-value-font-size:var(--s-font-size);--s-dropdown-label-font-size:var(--s-font-size);--s-dropdown-label-color:var(--s-text-color-tertiary);--s-dropdown-label-margin-end:var(--s-size-xs);--s-dropdown-placeholder-color:var(--s-text-color-fourth);--s-dropdown-arrow-margin-start:var(--s-size-2xs);--s-dropdown-arrow-color:var(--s-border-color);--s-dropdown-arrow-font-size:var(--s-font-size-sm);--s-dropdown-option-color-active:var(--s-color-primary);--s-dropdown-option-icon-font-size:var(--s-font-size)}.s-dropdown{position:relative;display:flex;height:var(--s-dropdown-height);background:var(--s-dropdown-bg)}.s-dropdown__shadow{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:var(--s-dropdown-box-shadow);pointer-events:none}.s-dropdown__line{position:absolute;left:0;right:0;width:100%;height:var(--s-border-width);background:var(--s-dropdown-line-color);pointer-events:none;transform:scaleY(0.5)}.s-dropdown--up .s-dropdown__shadow{transform:rotateX(180deg)}.s-dropdown--up .s-dropdown__line{top:0;bottom:auto}.s-dropdown--down .s-dropdown__line{top:auto;bottom:0}.s-dropdown:is(.is-show) .s-dropdown__shadow,.s-dropdown:is(.is-show) .s-dropdown__line{z-index:var(--s-dropdown-z-index)}.s-dropdown-item{display:flex;align-items:center;justify-content:center;flex:1;padding:0 var(--s-dropdown-item-padding-x);overflow:hidden;cursor:pointer}.s-dropdown-item__label{margin-inline-end:var(--s-dropdown-label-margin-end);font-size:var(--s-dropdown-label-font-size);color:var(--s-dropdown-label-color)}.s-dropdown-item__title,.s-dropdown-item__value{font-size:var(--s-dropdown-value-font-size)}.s-dropdown-item__placeholder{color:var(--s-dropdown-placeholder-color);font-size:var(--s-dropdown-value-font-size)}.s-dropdown-item__arrow{display:flex;justify-content:center;align-items:center;margin-inline-start:var(--s-dropdown-arrow-margin-start);color:var(--s-dropdown-arrow-color);font-size:var(--s-dropdown-arrow-font-size)}.s-dropdown-item__popover{position:fixed;z-index:var(--s-dropdown-z-index);overflow:hidden;touch-action:none}.s-dropdown-item__popup{position:absolute;width:100%}.s-dropdown-item__popup--slide-top{top:0;left:0;width:100%}.s-dropdown-item__popup--slide-bottom{left:0;bottom:0;width:100%}.s-dropdown-item__option:is(.is-active){color:var(--s-dropdown-option-color-active)}.s-dropdown-item__option:not(.is-active) .s-dropdown-item__option-icon{display:none}.s-dropdown-item__option-icon{display:flex;align-items:center;justify-content:center;margin-inline-start:auto;font-size:var(--s-dropdown-option-icon-font-size)}.s-dropdown-item:is(.is-displayed){touch-action:none;color:var(--s-dropdown-item-show-color)}.s-dropdown-item:is(.is-displayed) .s-dropdown-item__arrow{color:var(--s-dropdown-option-color-active)}.s-dropdown-item:not(.is-disabled):active{opacity:var(--s-dropdown-item-opacity-active)}.s-dropdown-item:is(.is-disabled){cursor:not-allowed}.s-dropdown-item:is(.is-disabled) .s-dropdown-item__title,.s-dropdown-item:is(.is-disabled) .s-dropdown-item__value,.s-dropdown-item:is(.is-disabled) .s-dropdown-item__label{color:var(--s-text-color-disabled)}.s-dropdown-item--up .s-dropdown-item__arrow{transform:rotate(180deg)}