/* Focused betting sidebar. Kept separate from the scene/host styles being refined in parallel. */
.host-layer .host-label{display:none}

@media(min-width:761px){
  .layout--focused-bet{row-gap:13px;align-items:stretch}
  .layout--focused-bet>.sidebar{grid-column:1;grid-row:1;min-width:0;display:flex;align-self:stretch;gap:0}
  .layout--focused-bet>.main-column{display:contents}
  .layout--focused-bet .main-column>.game-card{grid-column:2;grid-row:1;min-width:0}
  .layout--focused-bet .main-column>.participants-card{grid-column:2;grid-row:2;min-width:0}
  .layout--focused-bet .main-column>.history-card{grid-column:2;grid-row:3;min-width:0}
  .layout--focused-bet .main-column>.footer{grid-column:2;grid-row:4;min-width:0}
  .layout--focused-bet .bet-card{flex:1;display:flex;flex-direction:column;min-width:0;padding:26px 22px 20px}
  .layout--focused-bet .bet-title{min-height:30px;margin-bottom:32px;gap:10px}
  .layout--focused-bet .bet-title h2{font-size:23px;line-height:1.2;text-wrap:balance}
  .layout--focused-bet #bet-form{display:flex;flex-direction:column;flex:1;min-height:250px}
  .layout--focused-bet #bet-form>label{margin-bottom:12px}
  .layout--focused-bet .amount-input{height:76px;flex:none;padding:0 18px;border-radius:14px}
  .layout--focused-bet .amount-input input{font-size:38px;font-variant-numeric:tabular-nums}
  .layout--focused-bet .quick-actions{margin:12px 0 22px;gap:8px}
  .layout--focused-bet .quick-actions button{height:46px}
  .layout--focused-bet #bet-error:not(:empty){margin:0 0 14px}
  .layout--focused-bet #bet-button{margin-top:auto;min-height:54px;height:auto;padding:14px 10px;line-height:1.3;flex:none}
  .layout--focused-bet .my-stake{padding-top:16px;margin-top:18px;font-size:12px;align-items:center}
  .layout--focused-bet .my-stake b{font-variant-numeric:tabular-nums;white-space:nowrap;color:#37373d}
  .layout--focused-bet .bet-card>.rules-card{margin-top:28px;padding:18px 0 0;border:0;border-top:1px solid #eeeae4;border-radius:0;background:none;box-shadow:none;width:100%;gap:12px}
  .layout--focused-bet .rules-card>span:last-child{flex:1;min-width:0}
  .layout--focused-bet .rules-card b{font-size:15px;line-height:1.4}
  .layout--focused-bet .rules-card small{font-size:12px;line-height:1.5;margin-top:8px}
  .layout--focused-bet .rules-card small br{display:none}
  .layout--focused-bet .rules-symbol{width:36px;height:36px;border-radius:11px}
  .layout--focused-bet .rules-symbol svg{width:23px!important;height:23px!important}
  .layout--focused-bet .rules-link{border:0;padding:0;margin-top:17px;color:#73737c}
  .layout--focused-bet .rules-card:hover .rules-link{color:var(--orange)}
  .layout--focused-bet .sidebar-foot{margin-top:22px;padding:0;font-size:10px;line-height:1.5;color:#99969a;align-items:center}
}
@media(min-width:761px) and (max-width:1000px){
  .layout--focused-bet .bet-card{padding:22px 16px 18px}
  .layout--focused-bet .bet-title h2{font-size:20px}
  .layout--focused-bet .bet-title{margin-bottom:25px}
  .layout--focused-bet .amount-input{height:66px;padding:0 13px}
  .layout--focused-bet .amount-input input{font-size:32px}
  .layout--focused-bet #bet-button{font-size:14px}
  .layout--focused-bet .bet-card>.rules-card{gap:9px}
  .layout--focused-bet .rules-card b{font-size:14px}
}