.tab-header>.active{border-bottom:3px solid var(--color-default)}.tab-header>button:active{opacity:.6;cursor:pointer}.tab-header>.wd-1{width:calc(100%)}.tab-header>.wd-2{width:calc(100% / 2)}.tab-header>.wd-3{width:calc(100% / 3)}.tab-header>.wd-4{width:calc(100% / 4)}.tab-header>.wd-5{width:calc(100% / 5)}.tab-header>.wd-6{width:calc(100% / 6)}.toggle-btn-header>.active-0{background-color:var(--color-day1);color:#696969}.toggle-btn-header>.active-1{background-color:var(--color-day2);color:#696969}.toggle-btn-header>.active-2{background-color:var(--color-day3);color:#696969}.toggle-btn-header>button:active{opacity:.6;cursor:pointer}.toggle-btn-header>.wd-1{width:calc(100%)}.toggle-btn-header>.wd-2{width:calc(100% / 2)}.toggle-btn-header>.wd-3{width:calc(100% / 3)}.toggle-btn-header>.wd-4{width:calc(100% / 4)}.toggle-btn-header>.wd-5{width:calc(100% / 5)}.toggle-btn-header>.wd-6{width:calc(100% / 6)}.table-base{width:200px;height:100%;border-radius:20px;margin:20px 5px 20px 0;position:relative}.table-base .table-cell{width:100%;height:40px;background-color:rgba(0,0,0,0);position:relative}.table-base .table-cell .time-left{position:absolute;top:-10px;left:-50px}.table-base .table-cell .time-right{position:absolute;top:-10px;right:-50px}.table-base .table-cell.border-nomal{border-top:1px solid #fff;box-sizing:border-box}.table-base .table-cell.border-bold{border-top:3px solid #fff;box-sizing:border-box}.table-base .content-cell{position:absolute;left:0;display:block;text-align:center;border-radius:5px;border:1px solid #e14040;box-sizing:border-box;cursor:pointer}.table-base .content-cell .artist-name{color:#626262;font-weight:600;font-size:small;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.1}.table-base .content-cell:hover{background-color:#e14040;border:1px solid #fff}.table-base .content-cell:hover .artist-name,.table-base .content-cell:hover .time-string{color:#fff}.table-base .content-cell.active{background-color:#e14040;border:1px solid #fff}.table-base .content-cell.active .artist-name,.table-base .content-cell.active .time-string{color:#fff}@media(min-width:992px){.table-base{min-width:100px}}@media(max-width:992px){.table-base{min-width:200px}}@media(max-width:500px){.table-base{min-width:35%}}.mt-10{margin-top:10px}