html[data-appearance=pop] .dp-player{aspect-ratio:9/16;border:2px solid var(--pp-line);border-radius:var(--pp-radius-lg);box-shadow:var(--pp-shadow);position:relative;overflow:hidden}html[data-appearance=pop] .dp-player>video,html[data-appearance=pop] .dp-player>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}html[data-appearance=pop] .dp-from{z-index:1;aspect-ratio:3/4;border:2px solid var(--pp-line);width:64px;box-shadow:var(--pp-shadow-sm);border-radius:12px;position:absolute;top:12px;right:12px;overflow:hidden;transform:rotate(4deg)}html[data-appearance=pop] .dp-from>img{object-fit:cover;width:100%;height:100%}html[data-appearance=pop] .dp-bar{z-index:1;border:1.5px solid var(--pp-line);background:var(--pp-surface);border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:12px;left:12px;right:12px}html[data-appearance=pop] .dp-track{background:var(--pp-bg);border-radius:6px;flex:1;height:6px;overflow:hidden}html[data-appearance=pop] .dp-track i{background:var(--pp-primary);height:100%;display:block}html[data-appearance=pop] .dp-sound,html[data-appearance=pop] .dl-sound{z-index:2;color:#fff;cursor:pointer;border:2px solid var(--pp-line);background:#0009;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute}html[data-appearance=pop] .dp-sound{bottom:52px;right:12px}html[data-appearance=pop] .dl-sound{top:10px;right:10px}html[data-appearance=pop] .dl-card-with-sound{display:grid;position:relative}html[data-appearance=pop] .dl-card-with-sound .dl-live{top:16px;right:58px}