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