.video-showcase{padding-top:0}.video-showcase .section-head{align-items:center}.vs-refresh{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;padding:10px 18px;border-radius:100px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;transition:border-color .2s,color .2s,transform .15s}.vs-refresh:hover{border-color:var(--accent);color:var(--accent)}.vs-refresh svg{flex-shrink:0;transition:transform .4s}.vs-refresh.spinning svg{transform:rotate(360deg)}.vs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto}.vs-slot{width:100%}.vs-frame{position:relative;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 16px 32px -20px #17171a47}.vs-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--ink);opacity:0;transition:opacity .3s}.vs-frame video.vs-ready{opacity:1}.vs-frame .vs-label{position:absolute;bottom:8px;left:8px;right:8px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);z-index:2;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--muted);font-size:13px}.vs-frame:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(to top,#000000bf,#0000);z-index:1;pointer-events:none}.vs-pcard{position:absolute;left:6px;right:6px;bottom:6px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px;background:#fffffff2;border-radius:10px;text-decoration:none;color:var(--ink);max-width:calc(100% - 12px);overflow:hidden;box-sizing:border-box;transition:background .2s}.vs-pcard:hover{background:#fff}.vs-pcard img{width:26px;height:26px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.vs-pcard-info{min-width:0;flex:1;overflow:hidden}.vs-pcard-title{font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-pcard-meta{display:flex;align-items:center;gap:5px;margin-top:2px;overflow:hidden}.vs-pcard-stars{color:var(--accent);font-size:8px;letter-spacing:.5px;line-height:1;flex-shrink:0}.vs-pcard-price{font-size:9.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.vs-grid{max-width:640px}}@media(max-width:640px){.video-showcase{padding-left:12px;padding-right:12px}.vs-grid{grid-template-columns:repeat(2,1fr);max-width:100%;gap:10px}}@media(max-width:380px){.video-showcase{padding-left:8px;padding-right:8px}.vs-grid{gap:8px}.vs-pcard{left:5px;right:5px;bottom:5px;padding:5px;gap:5px}.vs-pcard img{width:22px;height:22px}.vs-pcard-title{font-size:9px}.vs-pcard-stars{font-size:7px}.vs-pcard-price{font-size:8.5px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/theme-video-showcase.css.map */