@supports (scrollbar-width:auto){.dropdown .items{scrollbar-width:none}}@supports selector(::-webkit-scrollbar){.dropdown .items::-webkit-scrollbar{display:none;-ms-overflow-style:none}}.dropdown{--field-bg:var(--color-emerald-4);--field-border-color:var(--color-emerald-4);--field-box-shadow:var(--color-emerald-4);--field-text-fill-color:var(--text-default);--field-color:var(--text-default);--placeholder-color:var(--text-muted);--label-color:var(--text-muted);outline:none;position:relative;width:var(--select-width,100%)}.dropdown.is-fit-content .items{max-width:none;width:auto}.dropdown.is-fit-content .items span{overflow:unset}.dropdown .placeholder{color:var(--placeholder-color);font-family:Inter,Inter fallback,sans-serif;font-size:16px;font-style:normal;font-weight:400;height:20px;left:15px;line-height:20px;max-width:100%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:26px;transition:all .2s ease-in-out;white-space:nowrap;z-index:1}.dropdown .icon{color:var(--icon-color,var(--icon-muted));transform:var(--icon-transform,rotate(0));transition:all .1s ease-in-out}.dropdown.has-value .placeholder{font-size:12px;line-height:16px;transform:translateY(-20px)}.dropdown .selected{align-items:center;background-color:var(--field-bg);border:1px solid var(--field-border-color);border-radius:12px;color:var(--field-color);cursor:pointer;display:grid;grid-auto-flow:column;grid-template-columns:auto 1fr;min-height:40px;padding:14px 15px 0;position:relative;transition:border-color .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-column-gap:8px;font-family:Inter,Inter fallback,sans-serif;font-size:16px;font-style:normal;font-weight:500;height:56px;line-height:20px}.dropdown .selected .icon{bottom:0;margin-bottom:auto;margin-top:auto;position:absolute;right:14px;top:0;--icon-size:24px}.dropdown .label{color:var(--text-muted);display:block;margin-bottom:8px}.dropdown .items{background-color:var(--color-emerald-4);border-radius:12px;left:0;max-height:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;top:56px;transform:translateY(4px);transition:visibility .1s,max-height .1s ease-in-out;visibility:var(--items-visibility,hidden);width:100%;z-index:2}.dropdown .item{align-items:center;background-color:var(--item-bg,transparent);color:var(--item-color,var(--text-muted));cursor:pointer;padding:0 16px;position:relative;transition:background-color .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-column-gap:10px;display:grid;font-family:Inter,Inter fallback,sans-serif;font-size:16px;font-style:normal;font-weight:400;grid-auto-flow:column;grid-template-columns:auto 1fr;line-height:20px;min-height:48px;text-overflow:ellipsis;white-space:nowrap}.dropdown .item.is-active,.dropdown .item.is-selected{--item-color:var(--text-default)}@media (hover:hover){.dropdown .item:hover{--item-bg:var(--color-emerald-6);--item-color:var(--text-default)}}.dropdown .item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown .item .icon{margin-left:auto;position:relative;transform:var(--icon-transform,rotate(0));transition:transform .2s ease-in-out;--icon-color:var(--icon-default);--icon-size:24px}.dropdown .mask{height:14px;width:18px}.dropdown .hint{margin-top:6px}.dropdown.is-open{--items-visibility:visible;--field-bg:var(--color-emerald-6);--field-border-color:var(--color-emerald-6);--field-box-shadow:var(--color-emerald-6);--field-text-fill-color:var(--text-default);--field-color:var(--text-default);--placeholder-color:var(--text-muted);--label-color:var(--text-muted);--icon-color:var(--text-default);z-index:2}.dropdown.is-open .items{max-height:192px}.dropdown.is-open .selected{--icon-transform:rotateX(180deg)}@media (hover:hover){.dropdown:not(.is-open):hover{--field-border-color:var(--color-emerald-5);--field-bg:var(--color-emerald-5);--field-color:var(--text-default);--field-box-shadow:var(--color-emerald-5);--field-text-fill-color:var(--text-default);--icon-color:var(--icon-default);--placeholder-color:var(--text-muted)}.dropdown:not(.is-open):not(.has-value):hover{--placeholder-color:var(--text-default)}}.dropdown.has-error .selected{border-color:var(--helper-error)}.dropdown .disabled-option{pointer-events:none;--color:var(--text-helper)}