.mode-container[data-v-0610db3b]{display:flex;flex-wrap:wrap;gap:16px}.mode-btn[data-v-0610db3b]{display:flex;flex-direction:column;padding:24px 64px;margin:24px auto;border-radius:48px;transition:all .3s ease}.mode-btn p[data-v-0610db3b]{font-size:large;margin-bottom:12px;margin-top:0}.mode-btn span[data-v-0610db3b]{margin:0}.mode-btn.inactive[data-v-0610db3b]{background-color:#f5f7fa!important;border-color:#dcdfe6!important;color:#888!important}.mode-btn.inactive[data-v-0610db3b]:hover{background-color:#ecf5ff!important;border-color:#b3d8ff!important;color:#409eff!important}.mode-btn.inactive p[data-v-0610db3b]{color:#888!important}.mode-btn.inactive span[data-v-0610db3b]{color:#c0c4cc!important}.mode-btn.inactive:hover p[data-v-0610db3b]{color:#409eff!important}.mode-btn.inactive:hover span[data-v-0610db3b]{color:#79bbff!important}.mode-btn[data-v-0610db3b]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.mode-container[data-v-0610db3b]{flex-direction:column;gap:12px}.mode-btn[data-v-0610db3b]{padding:20px 32px;margin:12px auto}}