.ui-arrow{display:inline-block!important;width:15px!important;height:15px!important;flex:none;vertical-align:-.15em;overflow:visible;stroke:currentColor;stroke-width:1.8;fill:none;pointer-events:none;stroke-linecap:round;stroke-linejoin:round}
.ui-refresh{stroke-width:1.8}
.primary-action,.connect-button,.v9-cta,.secondary-button,.outline-action,.wallet-option-arrow,.table-link,.footer-links a,.footer-links button,.text-link{gap:8px}
.primary-action .ui-arrow,.connect-button .ui-arrow,.v9-cta .ui-arrow,.secondary-button .ui-arrow,.outline-action .ui-arrow{margin-left:6px}
.wallet-option-arrow .ui-arrow{width:17px!important;height:17px!important}
.v9-bridge-symbols .ui-arrow{width:56px!important;height:56px!important}
#view-explore{max-width:1280px}
#view-explore .section-intro{text-align:center}
#view-explore .section-intro p{margin-left:auto;margin-right:auto;max-width:770px}
#view-explore .panel{border-radius:28px;overflow:hidden;border:1px solid rgba(66,167,239,.28);background:linear-gradient(150deg,rgba(15,28,50,.95),rgba(8,17,32,.98));box-shadow:0 14px 45px rgba(0,8,28,.14)}
#view-explore .panel-header,#view-explore .toolbar{align-items:center}
#view-explore .table-wrap{overflow-x:auto}
#view-explore .listing-invitation{border-radius:28px}
.chain-dot{background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:none!important;border:0;display:inline-block;flex:none;vertical-align:middle}
.chain-dot.ethereum-dot{background-color:transparent;background-image:url('https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png')}
.chain-dot.bnb-dot{background-color:transparent;background-image:url('https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/smartchain/info/logo.png')}
.chain-dot.base-dot{background-color:transparent;background-image:url('chain-base.png');background-size:cover}
.chain-dot.robinhood-dot{background-color:transparent;background-image:url('chain-robinhood.png');background-size:cover}
.network-button .chain-dot{width:21px;height:21px;min-width:21px;min-height:21px;border-radius:50%}
.chain-choice{border-radius:17px;min-height:76px;gap:16px}
.chain-choice .chain-dot{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%}
.chain-choice>span:nth-child(2){min-width:0}
.chain-choice>.ui-arrow{margin-left:auto}
@media(max-width:670px){
  #view-explore .panel{border-radius:28px}
  #view-explore .panel-header{gap:12px;flex-wrap:wrap}
  #view-explore .toolbar{flex-wrap:wrap}
  #view-explore .toolbar>*{min-width:0}
  .chain-choice{padding:13px 14px;gap:12px;min-height:70px}
  .chain-choice .chain-dot{width:36px;height:36px;min-width:36px;min-height:36px}
  .primary-action .ui-arrow,.connect-button .ui-arrow{width:15px!important;height:15px!important}
}

#reverse-button .ui-arrow-down{width:20px!important;height:20px!important;vertical-align:middle}
.v9-middle-switch .ui-arrow-down{vertical-align:middle;margin-right:7px}
.wallet-option-arrow .ui-arrow-right{width:17px!important;height:17px!important}


/* V21 button state fix */
.connect-button,
.primary-action,
.v9-cta,
.wallet-option {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.connect-button,
.primary-action,
.v9-cta {
  background: linear-gradient(135deg,#1f63ff 0%,#0aa2ff 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(109,198,255,.42) !important;
  box-shadow: 0 16px 34px rgba(10,102,255,.28), inset 0 1px 0 rgba(255,255,255,.16);
  text-shadow: none !important;
}

.connect-button .ui-arrow,
.primary-action .ui-arrow,
.v9-cta .ui-arrow,
.connect-button svg,
.primary-action svg,
.v9-cta svg {
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
}

.connect-button:hover,
.primary-action:hover,
.v9-cta:hover {
  background: linear-gradient(135deg,#246aff 0%,#14a9ff 100%) !important;
  color: #ffffff !important;
  border-color: rgba(133,214,255,.52) !important;
}

.connect-button:active,
.primary-action:active,
.v9-cta:active {
  background: linear-gradient(135deg,#184fd2 0%,#0689e0 100%) !important;
  color: #ffffff !important;
  border-color: rgba(91,178,255,.55) !important;
  transform: translateY(1px);
  box-shadow: 0 10px 24px rgba(7,75,180,.35), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.connect-button:focus-visible,
.primary-action:focus-visible,
.v9-cta:focus-visible {
  outline: 2px solid #39d5ff !important;
  outline-offset: 3px;
}

.connect-button:disabled,
.primary-action:disabled,
.v9-cta:disabled {
  color: rgba(255,255,255,.86) !important;
  background: linear-gradient(135deg,#335ca8 0%,#2d7fb0 100%) !important;
  border-color: rgba(117,160,208,.38) !important;
  box-shadow: none !important;
  transform: none !important;
}