.chapter-video{display:block;margin:20px 0}.chapter-video__player{aspect-ratio:9 / 16;background:#f6f6f6;margin:0 auto;max-width:320px;position:relative;width:100%}.chapter-video__video{cursor:pointer;display:block;height:100%;object-fit:cover;width:100%}.chapter-video__player:fullscreen{background:#000;max-width:none}.chapter-video__player:fullscreen .chapter-video__video{object-fit:contain}.chapter-video__player:fullscreen .chapter-video__preview{width:120px}.chapter-video__controls{align-items:center;bottom:0;color:#fff;display:flex;gap:8px;isolation:isolate;left:0;padding:8px 10px;position:absolute;right:0}.chapter-video__controls:before{background:linear-gradient(transparent,#0000008c);bottom:0;content:"";height:calc(100% + 14px);left:0;pointer-events:none;position:absolute;right:0;z-index:-1}.chapter-video__ctrl{background:none;border:0;color:#fff;cursor:pointer;display:flex;flex-shrink:0;padding:2px}.chapter-video__ctrl svg{height:20px;width:20px}.chapter-video__icon-pause,.chapter-video__icon-sound,.chapter-video__icon-fs-exit,.chapter-video.is-playing .chapter-video__icon-play{display:none}.chapter-video.is-playing .chapter-video__icon-pause{display:inline}.chapter-video:not(.is-muted) .chapter-video__icon-muted{display:none}.chapter-video:not(.is-muted) .chapter-video__icon-sound{display:inline}.chapter-video.is-fullscreen .chapter-video__icon-fs-enter{display:none}.chapter-video.is-fullscreen .chapter-video__icon-fs-exit{display:inline}.chapter-video__progress{cursor:pointer;flex:1;padding:6px 0;position:relative;touch-action:none}.chapter-video__track{background:#ffffff59;border-radius:2px;height:3px;position:relative}.chapter-video__fill{background:#fff;border-radius:2px;height:100%;width:0}.chapter-video__marker{background:#fff;border:1px solid rgba(0,0,0,.25);border-radius:50%;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .15s,background .15s;width:7px}.chapter-video__marker.is-sub{background:#ffffffa6;border:0;height:4px;width:4px}@media(hover:hover){.chapter-video__marker:hover{background:#fff;transform:translate(-50%,-50%) scale(1.7)}}.chapter-video__preview{bottom:calc(100% + 8px);display:none;pointer-events:none;position:absolute;transform:translate(clamp(-100% + 45px,-50%,-45px));width:90px}.chapter-video.is-previewing .chapter-video__preview{display:block}.chapter-video__preview video{aspect-ratio:9 / 16;background:#000;border:1px solid rgba(255,255,255,.6);border-radius:4px;display:block;object-fit:cover;width:100%}.chapter-video__preview-meta{background:#000000a6;border-radius:3px;color:#fff;display:block;font-size:10px;margin:4px auto 0;padding:1px 6px;text-align:center;white-space:nowrap;width:fit-content}.chapter-video__timer{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums}.chapter-video__nav{margin:16px auto 0;max-width:320px}.chapter-video__tags{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none}.chapter-video__tags::-webkit-scrollbar{display:none}.chapter-video__tag{align-items:center;background:#f0f0f0;border:1px solid transparent;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;gap:6px;padding:6px 10px;text-align:left;transition:background .2s,border-color .2s;white-space:nowrap}.chapter-video__tag .chapter-video__time{background:none;color:#767676;font-size:11px;padding:0;text-align:left}.chapter-video__tag.is-current-group{background:#fff;border-color:#111}.chapter-video__tag.is-current-group .chapter-video__time,.chapter-video__tag.is-current-group .chapter-video__label{color:#111;font-weight:600}.chapter-video__list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:12px 0 0;padding:0}.chapter-video__item{align-items:center;background:none;border:0;border-radius:6px;cursor:pointer;display:grid;font-size:12px;gap:10px;grid-template-columns:40px 1fr;padding:7px 6px;text-align:left;transition:background .2s;width:100%}@media(hover:hover){.chapter-video__item:hover{background:#f6f6f6}}.chapter-video__item .chapter-video__time{color:#767676;font-size:11px;font-variant-numeric:tabular-nums;text-align:left}.chapter-video__item .chapter-video__label{color:#555}.chapter-video__item.is-active .chapter-video__time,.chapter-video__item.is-active .chapter-video__label{color:#111;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/93/assets/chapter-video.css.map */