.metro-picker{position:relative}.metro-picker-input{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);background:color-mix(in srgb, var(--bg-base) 60%, transparent);width:100%;color:var(--ink);font:inherit;border-radius:12px;outline:none;padding:10px 34px 10px 12px;font-size:14px}.metro-picker-input:focus{border-color:var(--accent)}.metro-picker-clear{width:22px;height:22px;color:var(--ink-mute);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (hover:hover){.metro-picker-clear:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}}.metro-picker-list{z-index:1200;overscroll-behavior:contain;border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);background:var(--bg-base);box-shadow:0 16px 36px color-mix(in srgb, var(--shadow-ink,#000) 18%, transparent);border-radius:12px;padding:4px;position:fixed;overflow-y:auto}.metro-picker-item{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}@media (hover:hover){.metro-picker-item:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.metro-picker-empty{color:var(--ink-mute);padding:8px 10px;font-size:13px}