.currency-picker { position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr 1fr; width: 96px; height: 34px; padding: 3px; border: 1px solid #ffffff1c; border-radius: 8px; background: #ffffff08; box-shadow: inset 0 1px 0 #ffffff06; }
.currency-picker::before { content: ''; position: absolute; z-index: -1; top: 3px; bottom: 3px; left: 3px; width: calc((100% - 6px) / 2); border-radius: 5px; background: #edf0ee; box-shadow: 0 1px 4px #0005; transition: transform 180ms cubic-bezier(.2,.7,.25,1); }
.currency-picker[data-currency="USDT"]::before { transform: translateX(100%); }
.currency-picker button { min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #aeb5b3; font: 700 11px "Instrument Sans", Arial, sans-serif; cursor: pointer; transition: color 180ms ease-out; }
.currency-picker button[aria-pressed="true"] { color: #151811; }
.currency-picker button:hover:not([aria-pressed="true"]) { color: #fff; }
.currency-picker button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .currency-picker::before, .currency-picker button { transition: none; } }
:root[data-theme="dark"] .storefront-page .topbar,
:root[data-theme="dark"] #itemDetailsDialog > .topbar { background: #090c0b; border-bottom: 1px solid #ffffff12; }
@media (min-width: 821px) {
  .topbar { width: 100%; box-sizing: border-box; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; padding-inline: max(24px, calc((100vw - 1120px) / 2)); }
  .topbar > .brand { position: relative; top: auto; left: auto; transform: none; grid-column: 1; justify-self: start; margin: 0; }
  .topbar > .main-nav { grid-column: 2; justify-self: center; margin: 0; height: 40px; align-items: center; transform: none; }
  .topbar > .main-nav a { display: flex; align-items: center; height: 40px; padding-block: 0; }
  .topbar > .top-actions { justify-self: end; position: static; margin: 0; }
}
#itemDetailsDialog .details-price-row { align-items: center; gap: 20px; }
#itemDetailsDialog .details-price-row > strong,
#itemDetailsDialog .details-price-row > span { display: inline-flex; align-items: center; min-height: 32px; padding: 0; margin: 0; border: 0; font-size: 22px; line-height: 1; font-variant-numeric: tabular-nums; }
#itemDetailsDialog .details-price-row .vbuck-price,
#checkoutDialog .price-row .vbuck-price { display: inline-flex; align-items: center; gap: 6px; line-height: 1; }
#itemDetailsDialog .details-price-row .vbuck-price img,
#checkoutDialog .price-row .vbuck-price img { width: 20px; height: 20px; display: block; }
#checkoutDialog .price-row { align-items: center; }
#checkoutDialog .price-row > span,
#checkoutDialog .price-row > strong { display: inline-flex; align-items: center; min-height: 30px; line-height: 1; font-variant-numeric: tabular-nums; }
@media (max-width: 820px) {
  .currency-picker { width: 88px; }
}
@media (min-width: 821px) and (max-width: 1050px) {
  .topbar .account-toggle { width: 40px; padding: 4px; }
  .topbar .account-toggle span { display: none; }
  .topbar .main-nav { gap: 14px; }
}