:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.feed-view{cursor:pointer;background-color:#000;flex-direction:column;width:100%;height:100%;min-height:100dvh;display:flex;position:fixed;inset:0}@media (min-width:768px){.feed-view{background:#0a0a0a;justify-content:center;align-items:center}}.feed-view--loading{justify-content:center;align-items:center}.feed-view__loading-text{color:#fff}.feed-view__inner{width:100%;height:100%;min-height:100dvh;position:relative;overflow:hidden}@media (min-width:768px){.feed-view__inner{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}}.feed-view__swiper-wrap{width:100%;height:100%;position:absolute;inset:0}.feed-view__swiper{width:100%;height:100%;min-height:100%;position:absolute;inset:0}.feed-view__swiper .swiper-wrapper{height:100%;min-height:100%}.feed-view__slide{width:100%;height:100%;min-height:100%;position:relative}.feed-view__slide-poster{background-color:#000;background-position:50%;background-size:cover;position:absolute;inset:0}.feed-view__video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:1;z-index:1;background:#000;width:100%;height:100%;transition:opacity .16s;position:absolute;inset:0}.feed-view__video--hidden{opacity:0}.feed-view__video-loading{pointer-events:none;background-color:#000;background-position:50%;background-size:cover;position:absolute;inset:0}.feed-view__media-wrap{width:100%;height:100%;position:relative}.feed-view__image{-o-object-fit:cover;object-fit:cover}.feed-view__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}.feed-view__header-left{align-items:center;gap:12px;display:flex}.feed-view__back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0}.feed-view__back-icon{width:18px;height:18px;display:block}.feed-view__user-row{align-items:center;gap:8px;display:flex}.feed-view__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}.feed-view__avatar-img{-o-object-fit:cover;object-fit:cover}.feed-view__avatar-placeholder{color:#9ca3af}.feed-view__username{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;line-height:100%}.feed-view__header-actions{align-items:center;gap:16px;display:flex}.feed-view__icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0}.feed-view__icon{width:20px;height:20px;display:block}.feed-view__nav{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.feed-view__nav-btn{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.feed-view__nav-icon{color:#fff;width:16px;height:16px;display:block}.feed-view__bottom{z-index:10;padding:0 16px 24px;position:absolute;bottom:0;left:0;right:0}.feed-view__caption{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;width:100%;margin-bottom:16px;padding:0;font-size:14px;display:block}.feed-view__caption-more{color:#ffffffb3}.feed-view__card{background:#00000080;border-radius:12px;justify-content:space-between;align-items:center;min-width:361px;min-height:96px;padding:16px;display:flex}.feed-view__card-channel{color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}.feed-view__card-title{color:#fff;font-weight:500}.feed-view__cta{color:#fff;background:#000;border-radius:8px;min-width:144px;min-height:40px;padding:8px 16px;font-size:14px;font-weight:500}.feed-view__cta:hover{opacity:.9}