.beat-detail-strip{margin:17px 0 12px;padding:14px;border:1px solid #2d2d35;border-radius:17px;background:linear-gradient(145deg,#17171c,#111115);position:relative;overflow:hidden}.beat-detail-strip:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-72px;top:-78px;background:#c7ff35;filter:blur(52px);opacity:.1}.beat-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.beat-detail-head>span{font-size:.72rem;font-weight:850;color:#fff}.beat-detail-head>small{font-size:.6rem;color:#777783}.beat-detail-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.beat-detail-item{position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:11px 12px;border:1px solid #2b2b32;border-radius:13px;background:#1b1b20}.beat-detail-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:11px;background:#c7ff35;color:#101105;box-shadow:0 7px 20px #b9ff251e}.beat-detail-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.beat-detail-item>span:last-child{display:flex;flex-direction:column;min-width:0}.beat-detail-item small{font-size:.6rem;line-height:1.4;color:#8d8d98}.beat-detail-item strong{display:flex;align-items:baseline;gap:5px;margin-top:2px;color:#fff;font-size:1.05rem;line-height:1.25;white-space:nowrap}.beat-detail-item strong em{color:#c7ff35;font-size:.55rem;font-style:normal;font-weight:800;letter-spacing:.3px}.beat-detail-key .beat-detail-icon{background:linear-gradient(145deg,#9061ff,#6539ce);color:#fff;box-shadow:0 7px 20px #7647f72b}.beat-detail-key strong{font-family:Vazirmatn,Tahoma,sans-serif;font-size:1.12rem;letter-spacing:.2px}
@media(max-width:520px){.beat-detail-strip{padding:11px;border-radius:15px}.beat-detail-items{gap:7px}.beat-detail-item{padding:9px;gap:8px}.beat-detail-icon{flex-basis:34px;width:34px;height:34px;border-radius:9px}.beat-detail-icon svg{width:18px;height:18px}.beat-detail-item strong{font-size:.9rem}.beat-detail-key strong{font-size:.98rem}.beat-detail-head>small{display:none}}
@media(max-width:350px){.beat-detail-items{grid-template-columns:1fr}.beat-detail-item{min-height:52px}}