.tab-list[data-v-baf3493a]{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:24px;overflow-x:auto}.tab-button[data-v-baf3493a]{background-color:#292a2c;border-radius:100px;color:#9b9c9e;cursor:pointer;font-weight:700;line-height:24px;transition:background-color .3s;white-space:nowrap}.tab-button.active[data-v-baf3493a]{background-color:#f6f6f6;color:#565656}.tab-button[data-v-baf3493a]:not(.active):hover{background-color:#444}.grid-container[data-v-baf3493a]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.grid-container .temp-name[data-v-baf3493a]{color:#9b9c9e;font-weight:500}.video-box[data-v-baf3493a]{padding-top:100%;position:relative}.video-box>.btn-use[data-v-baf3493a]{background:#00000080;border:1px solid #ffffff80;border-radius:40px;color:#fff;left:50%;transform:translate(-50%)}@media (min-width:1024px){.tab-button[data-v-baf3493a]{font-weight:400}.tab-button.active[data-v-baf3493a]{font-weight:500}.video-box[data-v-baf3493a]{border:3px solid transparent;padding-top:calc(100% - 6px)}.video-box>.btn-use[data-v-baf3493a]{background:linear-gradient(90deg,#0175ff,#02d1ff 67.31%,#00ffea);border:none;display:none}.video-box:hover[data-v-baf3493a]{background-clip:padding-box,border-box;background-image:linear-gradient(90deg,#222,#222),linear-gradient(90deg,#0175ff,#02d1ff 67.31%,#00ffea);background-origin:padding-box,border-box;border-radius:16px}.video-box:hover>.btn-use_pc[data-v-baf3493a]{display:block}.grid-container[data-v-baf3493a]{gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}