:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.media-player{z-index:1000000;flex:auto;width:100%;height:100%;min-height:0;max-height:100%;position:relative;overflow:hidden}@media (min-width:768px){.media-player{width:390px;height:844px;max-height:calc(100dvh - 48px);min-height:unset;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 24px 80px #000000e6}}.media-player__swiper-wrap{background:#000;width:100%;height:100%;position:absolute;inset:0}.media-player__video-stack{z-index:1;pointer-events:none;position:absolute;inset:0}.media-player__swiper{z-index:2;touch-action:none;pointer-events:auto;background:0 0;width:100%;height:100%;min-height:100%;position:absolute;inset:0;overflow:hidden}.media-player__swiper .swiper-wrapper{backface-visibility:hidden;height:100%;min-height:100%;transform:translate(0,0)}.media-player__slide{backface-visibility:hidden;background:#000;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden;transform:translate(0,0)}.media-player__slide--under-video{background:0 0}.media-player__slide-poster{backface-visibility:hidden;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:translateZ(0)}.media-player__nav{z-index:6;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.media-player__nav-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#00000073;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.media-player__nav-button svg{width:20px;height:20px}.media-player__buffer-overlay{z-index:4;pointer-events:none;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-player__buffer-spinner{box-sizing:border-box;border:2px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.65s linear infinite media-player-buffer-spin}.media-player__video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:1;z-index:1;backface-visibility:hidden;pointer-events:none;background:#000;width:100%;height:100%;transition:opacity .16s;display:block;position:absolute;inset:0;transform:translateZ(0)}.media-player__video--layer-active{z-index:2}.media-player__video--layer-preload{z-index:1;opacity:0}.media-player__video--hidden{opacity:0}.media-player__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:1;backface-visibility:hidden;pointer-events:none;background:#000;transition:opacity .16s;display:block;transform:translateZ(0)}.media-player__image--hidden{opacity:0}@keyframes media-player-buffer-spin{to{transform:rotate(360deg)}}
:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.media-player-header{z-index:10;justify-content:space-between;align-items:center;padding:24px 16px 12px;display:flex;position:absolute;top:0;left:0;right:0}.media-player-header__left{align-items:center;gap:12px;display:flex}.media-player-header__back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0}.media-player-header__back-icon{width:18px;height:18px;display:block}.media-player-header__user-row{align-items:center;gap:8px;display:flex}.media-player-header__user-row__avatar{background:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 6px -6px #808080cc}.media-player-header__user-row__avatar-img{-o-object-fit:cover;object-fit:cover}.media-player-header__user-row__avatar-placeholder{color:#9ca3af}.media-player-header__user-row__username{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;line-height:100%}.media-player-header__actions{align-items:center;gap:16px;display:flex}.media-player-header__icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0}.media-player-header__icon{width:20px;height:20px;display:block}