.wsdex-provider-control {
 position: relative;
 display: grid;
 gap: .35rem;
 min-width: 0;
 margin: 0;
 padding: 0;
 border: 0;
}

.wsdex-provider-control__summary-row {
 display: flex;
 align-items: center;
 gap: .65rem;
 min-width: 0;
}

.wsdex-provider-control__selection {
 min-width: 0;
 overflow: hidden;
 color: var(--wsdex-muted);
 font-size: .76rem;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.wsdex-provider-picker {
 position: absolute;
 top: calc(100% + .45rem);
 left: 0;
 z-index: 30;
 display: grid;
 gap: .65rem;
 width: min(34rem,calc(100vw - 3rem));
 max-height: min(34rem,70dvh);
 padding: .75rem;
 border: 1px solid var(--wsdex-border-strong);
 border-radius: .75rem;
 background: var(--wsdex-surface);
 box-shadow: 0 .8rem 2.2rem rgba(0,0,0,.24);
}

.wsdex-provider-picker__search {
 width: 100%;
 min-height: 2.35rem;
 padding: .48rem .65rem;
 border: 1px solid var(--wsdex-border-strong);
 border-radius: .5rem;
 background: var(--wsdex-surface-soft);
 color: var(--wsdex-text);
 font: inherit;
}

.wsdex-provider-picker__filters,
.wsdex-provider-picker__actions {
 display: flex;
 flex-wrap: wrap;
 gap: .4rem;
}

.wsdex-provider-picker__filter {
 min-height: 1.9rem;
 padding: .3rem .55rem;
 border: 1px solid var(--wsdex-border);
 border-radius: 999px;
 background: var(--wsdex-surface-soft);
 color: var(--wsdex-muted);
 font: inherit;
 font-size: .72rem;
 cursor: pointer;
}

.wsdex-provider-picker__filter[aria-pressed="true"] {
 border-color: var(--wsdex-accent);
 color: var(--wsdex-text);
}

.wsdex-provider-picker__list {
 display: grid;
 gap: .35rem;
 min-height: 4rem;
 max-height: 20rem;
 overflow: auto;
 overscroll-behavior: contain;
}

.wsdex-provider-picker__item {
 display: grid;
 grid-template-columns: auto minmax(0,1fr);
 align-items: center;
 gap: .6rem;
 min-height: 2.65rem;
 padding: .45rem .55rem;
 border: 1px solid var(--wsdex-border);
 border-radius: .55rem;
 background: var(--wsdex-surface-soft);
 color: var(--wsdex-text);
}

.wsdex-provider-picker__item:focus-within {
 outline: 2px solid var(--wsdex-accent);
 outline-offset: 1px;
}

.wsdex-provider-picker__item input {
 width: 1rem;
 height: 1rem;
 margin: 0;
}

.wsdex-provider-picker__copy {
 display: grid;
 gap: .1rem;
 min-width: 0;
}

.wsdex-provider-picker__copy strong {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.wsdex-provider-picker__copy small {
 color: var(--wsdex-muted);
 font-size: .68rem;
 text-transform: uppercase;
 letter-spacing: .08em;
}

.wsdex-provider-picker__reason {
 color: var(--wsdex-candle-down);
 text-transform: none;
 letter-spacing: 0;
}

.wsdex-provider-picker__item.is-disabled {
 opacity: .62;
}

.wsdex-provider-picker__limit {
 margin: 0;
 color: var(--wsdex-muted);
 font-size: .7rem;
}

.wsdex-provider-picker__actions {
 justify-content: flex-end;
}

.wsdex-provider-picker__actions .wsdex-control--button {
 width: auto;
 min-width: 5.5rem;
}

@media (max-width: 600px) {
 .wsdex-provider-picker {
  position: fixed;
  inset: auto .65rem .65rem .65rem;
  width: auto;
  max-height: calc(100dvh - 5rem);
 }

 .wsdex-provider-control__summary-row {
  align-items: stretch;
  flex-direction: column;
 }

 .wsdex-provider-picker__actions .wsdex-control--button {
  flex: 1 1 calc(50% - .4rem);
 }
}