.ui-categories{padding:var(--padding-x2) 0 var(--padding);flex-wrap:wrap;margin:0;list-style:none;display:flex}.ui-categories li{margin-right:var(--padding-50);margin-bottom:var(--padding);line-height:0}.ui-categories li.button-style-theme .ui-button{color:var(--font-color);background:0 0;background-color:var(--white);border:1px solid var(--font-color);border-radius:2rem;align-items:center;padding-right:1rem;display:inline-flex}.ui-categories li.button-style-theme .ui-button:before{content:"";background:var(--font-color);border-radius:50%;width:.4rem;height:.4rem;margin-left:.2rem;margin-right:.5rem;display:inline-block}@media only screen and (width<=580px){.ui-categories li.button-style-theme .ui-button:before{width:1rem;height:1rem}}.ui-categories li.button-style-theme .ui-button:hover{background:var(--yellow);color:var(--font-color);border:1px solid var(--yellow)}.ui-categories li.button-style-theme .ui-button:hover:before{background:var(--font-color)}.ui-categories li.button-style-type .ui-button{color:var(--font-color);background:0 0;background-color:var(--white);border:1px solid var(--font-color);padding-right:1rem}.ui-categories li.button-style-type .ui-button svg{width:1.6rem;height:1.6rem}@media only screen and (width<=580px){.ui-categories li.button-style-type .ui-button svg{width:2.4rem;height:2.4rem}}.ui-categories li.button-style-type .ui-button:hover{background:var(--yellow);color:var(--font-color);border:1px solid var(--yellow)}.ui-sidebar .typechat,.ui-sidebar .typechat a h3{margin-bottom:var(--padding-x2)}.ui-sidebar .typechat a{background:var(--font-color);padding:var(--padding);color:var(--white);border-radius:1rem;font-weight:400;transition:all .2s;display:block}.ui-sidebar .typechat a svg{margin-bottom:var(--padding);width:2.8rem;height:2.8rem;color:var(--yellow);fill:var(--font-color)}.ui-sidebar .typechat a p{font-size:var(--small-size);margin-bottom:.4rem}.ui-sidebar .typechat a h3{font-weight:400;font-size:var(--medium-size)}.ui-sidebar .items ul li,.ui-sidebar .items ul li time,.ui-sidebar .typechat a li{font-size:var(--small-size);align-items:center;display:flex}.ui-sidebar .typechat a li:first-child{margin:0 0 var(--padding-50);padding:0 0 var(--padding-50);border-bottom:1px solid}.ui-sidebar .typechat a li label{flex:1}.ui-sidebar .items{padding:var(--padding-50);background-color:#fff;border-radius:1rem}.ui-sidebar .items ul li{padding:var(--padding-50);cursor:pointer;border-radius:var(--radius);transition:background-color .2s}.ui-sidebar .items ul li a{flex:1;align-items:center;max-width:calc(100% - 6rem);display:flex}.ui-sidebar .items ul li svg{cursor:pointer;width:2.4rem;height:2.4rem;margin-right:1rem}.ui-sidebar .items ul li label{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:1rem;overflow:hidden}.ui-sidebar .items ul li time{color:var(--gray);cursor:pointer;min-width:6rem}.ui-sidebar .items ul li time svg{cursor:pointer;fill:#000;width:1.8rem;height:1.8rem;color:var(--yellow);margin-right:.5rem}.ui-sidebar .items ul li time:hover{color:#000}.ui-sidebar .items ul li time:hover svg{fill:var(--yellow);color:#000}.audio-player{z-index:99;color:#fff;background-color:#000;width:100%;min-height:6rem;display:block;position:fixed;bottom:0;left:0}.audio-player.is-loaded{pointer-events:auto}.audio-player header{padding:var(--padding) var(--padding-x2) var(--padding-50);font-size:var(--base-size);align-items:center;display:flex}.audio-player header h2{flex:1;font-weight:400}.audio-player header h2 span{color:var(--gray);padding-right:1rem}.audio-player header h2 strong{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:400;display:-webkit-box;overflow:hidden}.audio-player header dl{align-items:center;display:flex}.audio-player header dl dd{margin-left:var(--padding)}.audio-player header dl dt{padding-right:var(--padding-50)}.audio-player header dl a,.audio-player header dl span{width:2.8rem;height:2.8rem;display:block}.audio-player header dl a svg,.audio-player header dl span svg{fill:#000;color:var(--bg-gray);width:100%;height:100%;transition:all .2s}.audio-player header dl a:hover svg,.audio-player header dl span:hover svg{color:var(--yellow)}.audio-player header dl a.ico,.audio-player header dl span.ico{background-color:var(--bg-gray);border-radius:50%;justify-content:center;align-items:center;display:flex}.audio-player header dl a.ico svg,.audio-player header dl span.ico svg{fill:var(--font-color);width:64%;height:64%}.audio-player header dl a.ico svg.svg-icon--download,.audio-player header dl span.ico svg.svg-icon--download{width:78%;height:78%}.audio-player header dl a.ico:hover,.audio-player header dl span.ico:hover{background-color:var(--yellow)}.audio-player audio{pointer-events:none;position:absolute;top:0;left:0}.audio-player .play-col{margin:0 var(--padding-x2);flex:2;align-items:center;display:flex;position:relative}.audio-player .play-col .play{cursor:pointer;width:3rem;height:3rem}.audio-player .play-col .play svg{fill:#000;width:100%;height:100%;color:var(--yellow)}.audio-player .slider-wrap{margin-left:var(--padding);margin-right:var(--padding);flex:1;position:relative}.audio-player .slider-wrap .vue-slider{flex:1;position:relative;top:1px}.audio-player.is-playing .play svg{animation:10s linear infinite rotate}.audio-player .duration{font-size:var(--small-size)}.audio-player .vue-slider-dot-tooltip-inner{border-color:var(--yellow);background-color:var(--yellow);color:#000;font-size:var(--small-size)}.audio-player .vue-slider-process{background-color:var(--yellow)}.audio-player .slider-dot{border:.8rem solid var(--yellow);cursor:pointer;z-index:9;background-color:#000;border-radius:50%;width:.6rem;height:.6rem;margin-left:-.6rem;position:absolute;top:-.6rem}.audio-player .slider-dot.show{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media only screen and (width<=580px){.audio-player header{padding:var(--padding) var(--padding);display:block}.audio-player header .play-col{margin:var(--padding) 0}}