.mode-switch{background:rgba(6,8,25,.48);border:1px solid rgba(255,221,207,.12);border-radius:16px;display:grid;gap:7px;grid-template-columns:1fr 1fr;margin:16px 0 2px;padding:6px}.mode-tab{align-items:center;background:transparent;border:0;border-radius:11px;color:#b79ca5;cursor:pointer;display:grid;gap:0 9px;grid-template-columns:24px 1fr auto;padding:10px 13px;text-align:left;transition:background .25s ease,color .25s ease,box-shadow .25s ease}.mode-tab span{font-size:22px;grid-row:span 2;line-height:1}.mode-tab b{font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.mode-tab strong{color:#fff6ed;font-size:25px;grid-column:2;letter-spacing:-.08em;line-height:1}.mode-tab.active{background:linear-gradient(110deg,rgba(255,79,154,.25),rgba(85,216,255,.12));box-shadow:inset 0 0 0 1px rgba(255,134,189,.4),0 8px 25px -16px rgba(255,79,154,.8);color:#fff6ed}.mode-tab[data-mode="pumpfoil"].active span{color:#8ef8ec}.mode-tab[data-mode="wingfoil"].active span{color:#ff86bd}@media(max-width:520px){.mode-tab{padding:9px}.mode-tab strong{font-size:22px}.mode-tab b{font-size:9px}}