.button-list[data-v-a27ee14d]{background:#1a1a1a;border-radius:16px;display:flex;height:56px;max-width:100%;padding:4px;position:relative}.button-list .active-overlay[data-v-a27ee14d]{background:#00f7ff;border-radius:16px;height:calc(100% - 8px);position:absolute;transition:left .3s ease;width:100px}.button-list.tiny[data-v-a27ee14d]{height:24px;padding:2px 1px}.button-list.tiny button[data-v-a27ee14d]{font-size:12px;font-weight:400;line-height:normal;padding:0 10px}.button-list.tiny .active-overlay[data-v-a27ee14d]{height:calc(100% - 4px)}.button-list.yellow[data-v-a27ee14d]{background:#000;border:1px solid hsla(0,0%,100%,.2)}.button-list.yellow button.active[data-v-a27ee14d]{color:#eaff09}.button-list.yellow .active-overlay[data-v-a27ee14d]{background:#eaff0926}.button-list.auto-width button[data-v-a27ee14d]{flex:none;width:auto}.button-list button[data-v-a27ee14d]{border-radius:inherit;color:#ffffffb2;flex:1;height:100%;padding:0;position:relative;width:0;z-index:99}.button-list button.active[data-v-a27ee14d]{color:#1a1a1a}@media (max-width:768px){button[data-v-a27ee14d]{font-size:14px}}