/* Contact selector in the quick purchase form. */
.quick-buy-select>[data-quick-select-toggle]{
 min-height:48px;grid-template-columns:30px minmax(0,1fr) 16px;gap:10px;
 padding:7px 12px 7px 9px;border:1px solid #292a32;border-radius:10px!important;
 background:#18191f;color:#f4f4f7;font-size:13px;font-weight:500;
 transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.quick-buy-select>[data-quick-select-toggle]>i:first-child,
.quick-buy-select-menu button>i:first-child{
 display:grid;place-items:center;width:30px;height:30px;border-radius:8px;
 background:#15161b;color:#3943e6;font-size:18px;
}
.quick-buy-select>[data-quick-select-toggle]>i.fa-vk,
.quick-buy-select-menu button>i.fa-vk{background:#15161b;color:#3943e6}
.quick-buy-select>[data-quick-select-toggle]>i:last-child{font-size:10px;color:#777783}
.quick-buy-select>[data-quick-select-toggle]:hover{border-color:#3a3b44;background:#18191f}
.quick-buy-select.is-open>[data-quick-select-toggle],
.quick-buy-select>[data-quick-select-toggle]:focus-visible{
 border-color:#3943e6;background:#18191f;outline:2px solid #3943e633;outline-offset:2px;
}
.quick-buy-select-menu{
 position:fixed;inset:auto;margin:0;box-sizing:border-box;
 padding:6px;border:1px solid #292a32;border-radius:12px!important;
 background:#15161b;color:#f4f4f7;box-shadow:0 12px 32px #0006;
 overflow:auto;overscroll-behavior:contain;animation:none;
}
.quick-buy-select-menu[hidden]{display:none}
.quick-buy-select-menu button{
 width:100%;min-height:46px;grid-template-columns:30px minmax(0,1fr) 16px;
 gap:10px;padding:7px 9px;border-radius:8px!important;font-size:13px;
}
.quick-buy-select-menu button.is-selected{background:#18191f;color:#f4f4f7}
.quick-buy-select-menu button:hover{background:#18191f}
.quick-buy-select-menu button:focus-visible{outline:2px solid #d4d4dc;outline-offset:-2px}
.quick-buy-select-menu button>i:last-child{color:#3943e6;font-size:12px}
@media(prefers-reduced-motion:reduce){
 .quick-buy-select>[data-quick-select-toggle],
 .quick-buy-select>[data-quick-select-toggle]>i:last-child{transition:none}
}

/* Match the adjacent name input, without a glow in any button state. */
.quick-buy-overlay[data-quick-buy-modal] .quick-buy-dialog form .quick-buy-select > button[data-quick-select-toggle]{
  border-radius:9px!important;
  box-shadow:none!important;
  outline:none!important;
  filter:none!important;
}
.quick-buy-overlay[data-quick-buy-modal] .quick-buy-dialog form .quick-buy-select > button[data-quick-select-toggle]:focus-visible{
  border-color:#a2a4af!important;
}

@layer public-radius {
  .quick-buy-overlay .quick-buy-select > button[data-quick-select-toggle]{border-radius:9px!important}
}
