.tl-player{position:relative;aspect-ratio:16 / 9;background:#191013;overflow:hidden}.tl-player video{display:block;width:100%;height:100%;object-fit:cover}.tl-player__big,.tl-player__bar{display:none}.tl-player.is-enhanced .tl-player__big,.tl-player.is-enhanced .tl-player__bar{display:flex}.tl-player__big{position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0;background:transparent;border:0;cursor:pointer;transition:opacity .2s ease}.tl-player__big span{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform .2s ease,background .2s ease}.tl-player__big:hover span{transform:scale(1.06);background:#00000052}.tl-player__big svg{width:26px;height:26px;margin-left:4px;fill:#fff}.tl-player.is-playing .tl-player__big span{opacity:0}.tl-player__bar{position:absolute;left:0;right:0;bottom:0;align-items:center;gap:12px;padding:26px 14px 10px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.tl-player:hover .tl-player__bar,.tl-player:focus-within .tl-player__bar,.tl-player:not(.is-playing) .tl-player__bar{opacity:1;pointer-events:auto}.tl-player__btn{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;padding:0;background:transparent;border:0;color:#fff;cursor:pointer}.tl-player__btn svg{width:17px;height:17px;fill:currentColor}.tl-player__btn:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:3px}.tl-player__progress{flex:1 1 auto;min-width:0;height:3px;padding-block:9px;background-clip:content-box;background-color:#ffffff52;border-radius:2px;cursor:pointer}.tl-player__fill{width:0;height:100%;background:#fff;border-radius:2px;pointer-events:none}.tl-player__time{flex:none;font-size:.72rem;font-variant-numeric:tabular-nums;color:#ffffffd9}@media screen and (max-width:640px){.tl-player__big span{width:58px;height:58px}.tl-player__big svg{width:21px;height:21px}.tl-player__bar{opacity:1;pointer-events:auto;gap:9px;padding:22px 10px 8px}.tl-player__time{font-size:.66rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/tl-player.css.map */