@-webkit-keyframes stretch{0%,to{box-shadow:0 0}50%{box-shadow:0 -5px}}@keyframes stretch{0%,to{box-shadow:0 0}50%{box-shadow:0 -5px}}.shk .shk-controls_extra .shk-btn.shk-btn_chapter{display:none}.shk[data-has-chapter] .shk-controls_extra .shk-btn.shk-btn_chapter{display:inline-block}.shk-chapter{position:absolute;height:0;bottom:0;left:20px;right:20px;margin:0 auto;box-sizing:border-box;box-shadow:0 0 10px rgba(0,41,37,.07);border:1px solid rgba(0,41,37,.05);border-radius:2px;background:var(--color-theme);z-index:0;opacity:0;visibility:hidden;overflow:hidden;transition:height .2s ease-in-out,bottom .1s ease-in-out,opacity .1s linear,visibility .1s .2s}.shk[data-show-chapter] .shk-chapter{visibility:visible;height:340px;bottom:120px;opacity:1;transition:height .2s ease-in-out,bottom .1s ease-in-out,opacity .1s linear}.shk-btn_close{position:absolute;top:4px;right:4px;fill:var(--color-primary);font-size:0}.shk-btn .shk-icon_close{width:16px;height:16px}.shk-chapter_main{overflow-x:hidden;overflow-y:scroll;height:calc(100% - 60px);margin:40px 0 20px;box-sizing:border-box;padding:0 40px;-webkit-mask-image:linear-gradient(180deg,transparent,#202124 5%,#202124 95%,transparent);mask-image:linear-gradient(180deg,transparent,#202124 5%,#202124 95%,transparent);scroll-behavior:smooth}.shk-chapter_list{padding:0;margin:10px 0 0;list-style:none;box-sizing:border-box}.shk-chapter_item{margin:5px 0}.shk-chapter .shk-chapter_btn{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;box-sizing:border-box;color:var(--color-text);overflow:hidden}.shk-chapter .shk-chapter_btn:after{border-radius:2px}.shk-chapter_btn div{color:currentColor;fill:currentColor}.shk-chapter_item[data-active] .shk-chapter_btn div{color:var(--color-primary);font-weight:600}.shk-icon_chapter{width:12px;height:12px;-webkit-flex-shrink:0;flex-shrink:0}.shk[data-play=playing] .shk-chapter_item[data-active] .shk-icon_playing,.shk[data-play=playing] .shk-chapter_item[data-active] .shk-icon_playing:after,.shk[data-play=playing] .shk-chapter_item[data-active] .shk-icon_playing:before{display:block}.shk-icon_playing,.shk-icon_playing:after,.shk-icon_playing:before{display:none;background:currentColor;color:currentColor;-webkit-animation:stretch 1s ease-in-out infinite;animation:stretch 1s ease-in-out infinite;width:3px;left:4px;top:6px;height:5px}.shk-icon_playing{position:relative;-webkit-animation-delay:.16s;animation-delay:.16s}.shk-icon_playing:after,.shk-icon_playing:before{position:absolute;top:0;content:""}.shk-icon_playing:before{left:-4px;-webkit-animation-delay:-.16s;animation-delay:-.16s}.shk-icon_playing:after{left:4px}.shk-icon_triangle{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}.shk[data-play=playing] .shk-chapter_item[data-active] .shk-icon_triangle{display:none}.shk-icon_triangle svg{width:12px;height:12px;fill:currentColor}.shk-chapter_duration{color:var(--color-secondary);font-weight:200;margin:0 5%;-webkit-flex-shrink:0;flex-shrink:0;min-width:60px;text-align:left}.shk-chapter_title_wrap{overflow:hidden;white-space:nowrap;-webkit-flex-grow:1;flex-grow:1}.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow]{-webkit-mask-image:linear-gradient(90deg,transparent,#202124 2%,#202124 98%,transparent);mask-image:linear-gradient(90deg,transparent,#202124 2%,#202124 98%,transparent)}.shk-chapter_title_inner{display:-webkit-flex;display:flex;-webkit-animation-duration:inherit;animation-duration:inherit}.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow] .shk-chapter_title_inner{padding:0 3%;box-sizing:border-box}.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow] .shk-chapter_title_inner:after{display:block;content:attr(data-chapter)}.shk-chapter_title{color:var(--color-text);text-align:left;overflow:hidden;text-overflow:ellipsis}.shk-chapter_item[data-active] .shk-chapter_title{overflow:visible}.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow] .shk-chapter_title,.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow] .shk-chapter_title_inner:after{-webkit-animation:marquee linear infinite;animation:marquee linear infinite;-webkit-animation-duration:inherit;animation-duration:inherit;padding-right:60px;color:currentColor}@media (max-width:640px){.shk-chapter{left:10px;right:10px}.shk-chapter_main{padding:0 10px}}