.my-ui-dropdown{position:relative;display:block;width:100%;max-width:100%;--my-ui-dropdown-panel-bg: #ffffff;--my-ui-dropdown-panel-border: rgba(25, 25, 25, .12);--my-ui-dropdown-panel-shadow: 0 14px 36px rgba(25, 25, 25, .14);--my-ui-dropdown-option-color: #191919;--my-ui-dropdown-option-hover: #f5f3ef;--my-ui-dropdown-option-selected: #fff1e8;--my-ui-dropdown-placeholder: #616161}.my-ui-dropdown[data-width=auto]{display:inline-block;width:auto}.my-ui-dropdown[data-theme=dark],.my-ui-dropdown__panel[data-theme=dark]{--my-ui-dropdown-placeholder: #d0d3f8}.my-ui-dropdown__native{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}.my-ui-dropdown__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:100%;text-align:left;cursor:pointer;background-image:none!important}.my-ui-dropdown[data-width=auto] .my-ui-dropdown__trigger{width:auto}button.my-ui-dropdown__trigger{-webkit-appearance:none!important;appearance:none!important}.my-ui-dropdown__trigger.is-placeholder{color:var(--my-ui-dropdown-placeholder)}.my-ui-dropdown__trigger.is-placeholder .my-ui-dropdown__value{padding-right:20px}.my-ui-dropdown__trigger.is-placeholder .my-ui-dropdown__chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.my-ui-dropdown__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-ui-dropdown__chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;transition:transform .2s ease;position:absolute;right:9px}.my-ui-dropdown__chevron:before{content:"";display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transform-origin:center}.my-ui-dropdown.is-open .my-ui-dropdown__chevron{transform:rotate(180deg);top:26px}.my-ui-dropdown.is-open .my-ui-dropdown__trigger.is-placeholder .my-ui-dropdown__chevron{transform:translateY(-50%) rotate(180deg)}.my-ui-dropdown__panel{--my-ui-dropdown-panel-bg: #ffffff;--my-ui-dropdown-panel-border: rgba(25, 25, 25, .12);--my-ui-dropdown-panel-shadow: 0 14px 36px rgba(25, 25, 25, .14);--my-ui-dropdown-option-color: #191919;--my-ui-dropdown-option-hover: #f5f3ef;--my-ui-dropdown-option-selected: #fff1e8;--my-ui-dropdown-placeholder: #616161;position:fixed;top:0;left:0;right:auto;display:none;min-width:100%;max-height:260px;overflow-y:auto;padding:10px 0;border:1px solid var(--my-ui-dropdown-panel-border);border-radius:14px;background:var(--my-ui-dropdown-panel-bg);box-shadow:var(--my-ui-dropdown-panel-shadow);z-index:9999;font-family:Instrument Sans,sans-serif}.my-ui-dropdown__panel[data-width=auto]{width:max-content;min-width:100%;max-width:min(320px,calc(100vw - 32px))}.my-ui-dropdown__panel.is-open{display:block}.my-ui-dropdown__option{display:block;width:100%;padding:10px 16px;border:0;background:transparent;color:var(--my-ui-dropdown-option-color);font:inherit;text-align:left;cursor:pointer;font-size:14px}.my-ui-dropdown__option:hover,.my-ui-dropdown__option:focus-visible{background:var(--my-ui-dropdown-option-hover);color:var(--my-ui-dropdown-option-color);outline:none}.my-ui-dropdown__option.is-selected{background:var(--my-ui-dropdown-option-selected);color:var(--my-ui-dropdown-option-color);font-weight:600}.my-ui-dropdown__option:disabled{opacity:.5;cursor:not-allowed}.my-ui-dropdown.is-disabled .my-ui-dropdown__trigger{cursor:not-allowed;opacity:.72}.has-ui-dropdown:after{display:none!important}