.video-card{white-space:nowrap;flex-direction:column;gap:9px;width:100%;display:flex}.video-card .video-card-content{aspect-ratio:183/234;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:clip}.video-card .video-card-content .video-filter{aspect-ratio:183/234;pointer-events:none;z-index:2;background-image:linear-gradient(#00000059,#0000 30%),linear-gradient(#0000 70%,#00000073);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;width:100%;position:absolute;top:0;left:0;overflow:hidden}.video-card .video-card-content .video-empty{aspect-ratio:183/234;z-index:0;background:linear-gradient(#212121,#212121),linear-gradient(#0000 58.02%,#000),linear-gradient(#000000b8 9.73%,#0000 31.44%);border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.video-card .video-card-content .video-empty-img{object-fit:cover;width:100%;height:100%}.video-card .video-card-content .video-poster{aspect-ratio:183/234;object-fit:cover;opacity:1;z-index:2;background-position:50%;background-size:cover;border-radius:8px;width:100%;transition:opacity .5s linear;position:absolute;top:0;left:0}.video-card .video-card-content .video-poster[data-visibility=hidden]{opacity:0}.video-card .video-card-content .video-wrap{aspect-ratio:183/234;z-index:1;border-radius:8px;width:100%;position:absolute;top:0;left:0;overflow:hidden}.video-card .video-card-content .video-wrap>video{object-fit:cover;width:100%;height:100%}.video-card .video-card-content .video-header{z-index:3;justify-content:space-between;align-items:flex-start;gap:4px;width:100%;padding:8px;display:flex;position:absolute;top:0;left:0}.video-card .video-card-content .video-header .header-left{flex-direction:column;gap:4px;width:100%;display:flex}.video-card .video-card-content .video-header .rank-icon{color:#fff;font-size:32px;font-style:italic;font-weight:700}.video-card .video-card-content .video-header .item-shorts-icon{color:#fff;width:24px;height:24px}.video-card .video-card-content .video-header .realtime-badge{flex-shrink:0;align-items:center;gap:0;margin:2px;display:flex}.video-card .video-card-content .video-header .realtime-badge .badge-icon-container{flex-direction:column;align-items:center;width:18px;height:18px;display:flex;position:relative;overflow:hidden}.video-card .video-card-content .video-header .realtime-badge .badge-icon-container .badge-icon{width:16px;height:15px;display:inline-block}.video-card .video-card-content .video-header .realtime-badge.spike .badge-icon{animation:8s linear infinite spikeArrow}@keyframes spikeArrow{0%{transform:translateY(0)}10%{transform:translateY(-100%)}20%{transform:translateY(-200%)}30%{transform:translateY(-300%)}40%{transform:translateY(-400%)}50%{transform:translateY(-500%)}to{transform:translateY(-500%)}}.video-card .video-card-content .video-header .realtime-badge .top-sponsorship-badge{width:15px;height:15px;margin-right:2px}.video-card .video-card-content .video-header .realtime-badge .badge-label{color:#fff;font-size:13px;font-weight:700;line-height:16px}.video-card .video-card-content .video-header .gripper-location{flex-shrink:0;align-items:center;gap:4px;margin-top:3px;display:flex}.video-card .video-card-content .video-header .gripper-location .location-icon{flex-shrink:0;width:16px;height:16px}.video-card .video-card-content .video-header .gripper-location .text{color:#fff;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;font-weight:700;display:-webkit-box;overflow:hidden}.video-card .video-card-content .video-header .replay-icon{background:#00000005;border-radius:90px;justify-content:flex-end;align-items:center;gap:4px;height:24px;margin-left:auto;padding:5px 8px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40}.video-card .video-card-content .video-header .replay-icon .replay-text{color:#fff;opacity:.8;font-size:12px;font-weight:600}.video-card .video-card-content .video-bottom{z-index:3;align-items:center;gap:6px;width:100%;display:flex;position:absolute;bottom:14px}.video-card .video-card-content .video-bottom .gripper-info{cursor:pointer;align-items:center;gap:6px;width:100%;display:flex}.video-card .video-card-content .video-bottom .gripper-info .gripper-name{color:#fff;text-shadow:0 0 2px #00000040;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;max-width:125px;font-size:13px;font-weight:500;display:-webkit-box;overflow:hidden}.video-card .video-card-content .video-bottom .gripper-info .avatar{flex-shrink:0}.video-card .video-card-content .video-bottom .follow-button{position:relative;right:0}.video-card .video-card-content .video-bubbles{z-index:1;position:absolute;bottom:0;right:0}@keyframes line-highlight-rotate{to{transform:rotate(1turn)}}.video-card.highlight .video-card-content{padding:2px}.video-card.highlight .video-card-content .line-highlight{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.video-card.highlight .video-card-content .line-highlight>span{width:100%;height:100%;display:block;position:relative}.video-card.highlight .video-card-content .line-highlight>span:before{box-sizing:border-box;content:"";z-index:-2;background-color:#d32749;background-image:linear-gradient(90deg,#ffd286,#d32749 40%,#d32749);background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;width:200%;height:200%;animation:2s linear infinite line-highlight-rotate;position:absolute;top:-50%;left:-50%}.video-card.highlight .video-card-content .line-highlight>span:after{box-sizing:border-box;content:"";z-index:-1;background:#fff;border-radius:8px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}.video-card.highlight .video-card-content .video-filter{width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px}.video-card.highlight .video-card-content .video-empty{width:calc(100% - 4px);height:calc(100% - 4px)}.video-card.highlight .video-card-content .video-poster,.video-card.highlight .video-card-content .video-wrap{width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px}.video-card .video-info{flex-direction:column;gap:2px;display:flex}.video-card .video-info .video-title{color:#eff0f4;-webkit-line-clamp:2;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:400;display:-webkit-box;overflow:hidden}.video-card .video-info .video-product{flex-direction:column;gap:2px;display:flex}.video-card .video-info .video-product .product-info{color:#fff;-webkit-line-clamp:1;opacity:.65;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;align-items:center;font-size:13px;font-weight:400;display:flex;overflow:hidden}.video-card .video-info .video-product .product-info .product-category{flex-shrink:0;align-items:center;display:inline-flex}.video-card .video-info .video-product .product-info .product-name{-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;flex-shrink:0;align-items:center;max-width:80%;display:-webkit-box;overflow:hidden}.video-card .video-info .video-product .product-info .product-name:before{content:"";opacity:.15;vertical-align:middle;background:#fff;width:2px;height:2px;margin:0 3px;display:inline-block}.video-card .video-info .video-product .product-price{align-items:center;gap:4px;display:flex}.video-card .video-info .video-product .product-price .price-text{color:#eff0f4;font-size:12px;font-weight:500}.video-card .video-info:has(.video-product) .video-title{-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}