.db-beats{--db-accent:#008cff;--db-muted:#bfc5ce;--db-line:#ffffff18;background:#08090c;color:#fff;padding:40px 0 72px;font-family:Arial,Helvetica,sans-serif;font-weight:600}.db-beats .page-width{max-width:1440px}.db-heading{position:relative;padding:36px 36px 32px;margin-bottom:24px;border:1px solid #ffffff14;border-radius:16px;background:radial-gradient(ellipse at 100% 0%,#008cff14,transparent 58%),linear-gradient(130deg,#171a21,#0e1015);overflow:hidden}.db-heading:before{content:"";position:absolute;left:0;top:32px;bottom:32px;width:3px;background:var(--db-accent)}.db-heading>p:first-child{color:var(--db-accent);font-size:11px;font-weight:700;letter-spacing:.22em;margin:0 0 16px}.db-heading h1{color:#fff;font-size:clamp(32px,4vw,54px);letter-spacing:-.035em;line-height:1.1;margin:0 0 14px}.db-intro{color:var(--db-muted);font-size:15px;margin:0 0 24px}.db-price-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.db-price-tags>span:not(.db-nonexclusive){display:flex;align-items:center;gap:16px;background:#ffffff06;border:1px solid #ffffff16;padding:9px 14px;border-radius:7px;font-size:13px;color:#d4dae3}.db-price-tags strong{color:#fff;font-size:15px}.db-nonexclusive{color:var(--db-muted);font-size:12px;padding-left:4px}.db-basket{position:absolute;right:32px;top:32px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff25;padding:10px 16px;border-radius:7px;color:#fff;text-decoration:none;font-size:13px}.db-basket:hover{border-color:var(--db-accent);color:var(--db-accent)}.db-tools{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr;gap:14px;margin:28px 0 18px}.db-tools label{display:grid;gap:8px;color:#bfc5ce;font-size:11px;font-weight:600;letter-spacing:.04em}.db-tools input,.db-tools select{box-sizing:border-box;background-color:#171a21;color:#fff;border:1px solid #ffffff18;border-radius:8px;padding:12px 13px;width:100%;min-height:44px;font:inherit;font-size:13px;letter-spacing:0;color-scheme:dark}.db-tools input::placeholder{color:#969eaa}.db-tools input:focus,.db-tools select:focus{outline:1px solid var(--db-accent);outline-offset:1px}.db-beats [data-status]{color:var(--db-muted);font-size:12px;margin:0 0 16px}.db-scroll{overflow-x:auto;border:1px solid #ffffff14;border-radius:12px;background:#11141a;scrollbar-color:#424b5a #11141a}.db-beats table{box-shadow:none!important;border:0!important;width:100%;border-collapse:collapse;text-align:left;min-width:840px;table-layout:auto}.db-beats th{background:#1b2029;color:#d9dfe9;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:16px 18px;border:0!important;border-bottom:1px solid #ffffff18!important;white-space:nowrap}.db-beats td{border:0!important;border-bottom:1px solid var(--db-line)!important;padding:14px 18px;font-size:13px;color:#d5dce7;font-variant-numeric:tabular-nums}.db-beats tbody tr:last-child td{border-bottom:0!important}.db-beats tbody tr{transition:background .15s}.db-beats tbody tr:hover{background:#008cff08}.db-beats td:nth-child(2){min-width:210px}.db-beats th:first-child,.db-beats td:first-child{width:70px;text-align:center}.db-beats th:last-child,.db-beats td:last-child{width:70px;text-align:center}.db-track{display:flex;align-items:center;gap:14px;font-weight:600;color:#fff;line-height:1.35}.db-track img{width:48px;height:48px;border-radius:7px;object-fit:cover;box-shadow:0 3px 12px #0004}.db-beats button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;border:1px solid #ffffff20;background:#ffffff05;color:#fff;border-radius:8px;padding:10px;min-width:38px;min-height:38px;transition:background .15s,border-color .15s,transform .15s}.db-beats td:first-child button{border-radius:50%}.db-beats td:last-child button{background:#008cff0b;color:var(--db-accent);border-color:#008cff30}.db-beats button:hover{background:#008cff18;border-color:#008cff80}.db-beats button[aria-pressed=true]{background:var(--db-accent);border-color:var(--db-accent);color:#fff}.db-beats button:disabled{opacity:.3;cursor:default}.db-beats button:focus-visible{outline:2px solid var(--db-accent);outline-offset:3px}.db-beats dialog{background:#131720;color:#fff;border:1px solid #ffffff25;border-radius:16px;width:min(520px,calc(100% - 32px));padding:28px;max-height:85vh;box-shadow:0 24px 100px #0009}.db-beats dialog h2{color:#fff;font-size:28px;margin:12px 0}.db-beats dialog>p{color:#bfc5ce;font-size:14px}.db-beats dialog a{color:var(--db-accent);font-size:14px}.db-beats dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.db-close{float:right}.db-choice{padding:20px 0;border-bottom:1px solid #ffffff14}.db-choice>button{background:var(--db-accent);color:#fff;border:0;padding:12px 20px;font-weight:700}.db-choice summary{cursor:pointer;margin:14px 0;color:#d5dce7;font-size:13px}.db-choice p{color:#d5dce7;font-size:13px;line-height:1.7}@media(max-width:900px){.db-tools{grid-template-columns:repeat(3,1fr)}.db-tools label:first-child{grid-column:span 2}.db-heading{padding:28px}.db-basket{top:24px;right:24px}.db-heading h1{max-width:70%}}@media(max-width:600px){.db-beats{padding:20px 0 40px}.db-heading{padding:24px 20px}.db-heading h1{font-size:34px;max-width:100%}.db-basket{position:static;width:fit-content;margin-top:22px}.db-tools{grid-template-columns:repeat(2,1fr);gap:12px}.db-tools label:first-child{grid-column:span 2}.db-intro{font-size:14px}.db-nonexclusive{width:100%;padding:0}.db-beats td,.db-beats th{padding:12px 14px}}@media(prefers-reduced-motion:reduce){.db-beats button,.db-beats tbody tr{transition:none}}.db-beats :is(p,a,label,input,select,button,th,td,summary){font-family:Arial,Helvetica,sans-serif!important}.db-heading h1,.db-beats dialog h2{font-family:Arial,Helvetica,sans-serif!important;font-weight:800!important}.db-heading>p:first-child{font-size:13px;font-weight:800;letter-spacing:.14em}.db-intro{font-size:17px;font-weight:600;color:#d4dbe6}.db-tools label{font-size:13px;font-weight:700;color:#d5dce7}.db-tools input,.db-tools select{font-size:15px;font-weight:700;min-height:48px}.db-beats th{font-size:12px;font-weight:800;letter-spacing:.06em}.db-beats td{font-size:15px;font-weight:600;color:#e0e5ed}.db-track{font-size:16px;font-weight:800;color:#fff}.db-beats [data-status]{font-size:14px;font-weight:600;color:#c8d0dd}.db-basket{font-size:14px;font-weight:700}.db-price-tags>span:not(.db-nonexclusive){font-size:14px;font-weight:700}.db-price-tags strong{font-size:17px;font-weight:800}.db-nonexclusive{font-size:13px;font-weight:600;color:#c8d0dd}.db-beats td:last-child button{color:#fff;background:#0077df;border-color:#168fff}.db-beats td:last-child button:hover{background:#008cff;border-color:#48aeff}.db-beats td:first-child button:not(:disabled){color:#fff;background:#1c2533;border-color:#59728c}.db-beats td:first-child button[aria-pressed=true]{background:#0077df;border-color:#168fff}.db-choice>button{background:#0077df;color:#fff}.db-choice>button:hover{background:#008cff}.db-beats table{min-width:760px}.db-beats .db-seek-row td{padding:12px 18px 18px;background:#008cff0b!important}.db-seek-bar{display:flex;align-items:center;gap:16px;color:#e0e5ed;font-size:13px;line-height:1.5}.db-seek-bar button{font-weight:700;min-width:70px;color:#fff;background:#0077df;border-color:#168fff;padding:8px 14px}.db-seek-title{font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-seek-bar [data-elapsed],.db-seek-bar [data-duration]{font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.db-seek-bar input[type=range]{flex:1;min-width:180px;height:30px;accent-color:#008cff;cursor:pointer}.db-seek-bar input[type=range]:focus-visible{outline:2px solid #63b7ff;outline-offset:3px}@media(max-width:600px){.db-seek-title{display:none}.db-seek-bar{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/dubs-beats.css.map */