[data-controller~="matter-picker"][hidden], .matter-picker [hidden] { display: none !important; }
.matter-picker { min-width: 0; position: relative; width: 100%; }
.matter-picker .matter-picker-input { padding-right: 2.6rem; width: 100%; }
.matter-picker-clear { align-items: center; background: transparent; border: 0; border-radius: 4px; color: #53605a; cursor: pointer; display: flex; font-size: 1.25rem; height: 2.25rem; justify-content: center; position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); width: 2.25rem; }
.matter-picker-clear:hover { background: #e9f1ed; color: #174a3a; }
.matter-picker-popup { background: white; border: 1px solid #b9cbc2; border-radius: 6px; box-shadow: 0 8px 24px #153d3126; color: #202824; inset: auto; margin: 0; overflow: auto; overscroll-behavior: contain; padding: .25rem; position: fixed; z-index: 1000; }
.matter-picker-popup ul { list-style: none; margin: 0; padding: 0; }
.matter-picker-popup [role="option"] { border-radius: 4px; cursor: pointer; font-size: .85rem; line-height: 1.45; min-height: 2.75rem; overflow-wrap: anywhere; padding: .65rem .7rem; }
.matter-picker-popup [role="option"]:hover, .matter-picker-popup [role="option"][aria-selected="true"] { background: #e9f1ed; color: #153d31; outline: 1px solid #9ecdc4; outline-offset: -1px; }
.matter-picker-status { border-top: 1px solid #dfe5e2; color: #53605a; font-size: .75rem; line-height: 1.5; margin: .2rem 0 0; padding: .55rem .7rem; }
.matter-picker-retry { border: 1px solid #b9cbc2; border-radius: 4px; color: #174a3a; cursor: pointer; font-size: .85rem; margin: .25rem .7rem .5rem; padding: .4rem .75rem; }
@media (forced-colors: active) {
  .matter-picker-popup [role="option"][aria-selected="true"] { outline: 2px solid Highlight; }
}