.daw-sec{font-family:Inter,-apple-system,sans-serif;color:#fff;padding:3rem 1rem 4rem;position:relative}.daw-sec *,.daw-sec *:before,.daw-sec *:after{box-sizing:border-box}.daw-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem 6rem;max-width:760px;margin:0 auto;position:relative;padding:2rem 0}.daw-grid-card:nth-child(2){margin-top:3rem}.daw-grid-card:nth-child(3){margin-top:-1.5rem}.daw-card{border-radius:14px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.06);background:#0a081266;box-shadow:0 4px 20px #0000004d;transition:all .4s ease}.daw-card button{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;width:100%;color:inherit;text-align:left;cursor:pointer;display:block}.daw-card:hover{border-color:#ce2c2c33;box-shadow:0 8px 30px #0006,0 0 20px #ce2c2c0a;transform:translateY(-2px)}.daw-card button:focus-visible{outline:2px solid rgba(206,44,44,.75);outline-offset:-2px}.daw-card-media{position:relative;aspect-ratio:16/10;overflow:hidden;display:block;background:radial-gradient(circle at 20% 20%,rgba(206,44,44,.18),transparent 40%),linear-gradient(135deg,#14101efa,#08080efa)}.daw-card-media img,.daw-card-media video{width:100%;height:100%;object-fit:cover;display:block}.daw-card-media video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.daw-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000005,#0003);pointer-events:none}.daw-card.is-playing .daw-card-media video{opacity:1}.daw-card.is-playing .daw-card-poster{opacity:0}.daw-card-poster{transition:opacity .3s ease,transform .5s ease}.daw-card:hover .daw-card-poster,.daw-card:focus-within .daw-card-poster{transform:scale(1.02)}.daw-play-badge{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#08080eb8;border:1px solid rgba(255,255,255,.08);color:#ffffffeb;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.daw-play-badge svg{flex:0 0 auto}.daw-card.is-playing .daw-play-badge{background:#ce2c2c29;border-color:#ce2c2c4d}.daw-play-text-pause,.daw-card.is-playing .daw-play-text-play{display:none}.daw-card.is-playing .daw-play-text-pause{display:inline}.daw-card.is-playing .daw-play-icon-play{display:none}.daw-card:not(.is-playing) .daw-play-icon-pause{display:none}.daw-card-status{position:absolute;right:12px;top:12px;z-index:2;padding:6px 10px;border-radius:999px;background:#08080e9e;border:1px solid rgba(255,255,255,.06);color:#ffffff8f;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.daw-card.is-playing .daw-card-status{color:#ffffffd1;border-color:#ce2c2c3d}.daw-card.is-ready .daw-card-status:before{content:"Preview"}.daw-card:not(.is-ready) .daw-card-status:before{content:"Load preview"}.daw-card-name{padding:10px 14px;font-size:.8rem;font-weight:600;color:#ffffff80;letter-spacing:.05em;border-top:1px solid rgba(255,255,255,.04)}.daw-circuit-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.daw-circuit-svg .trace{fill:none;stroke:#ce2c2c0f;stroke-width:.5}.daw-circuit-svg .trace-bright{fill:none;stroke:#ce2c2c1a;stroke-width:.7}.daw-circuit-svg .via{fill:none;stroke:#ce2c2c1f;stroke-width:.4;r:1.8}.daw-circuit-svg .via-center{fill:#ce2c2c14;r:.8}.daw-circuit-svg .hub{fill:#ce2c2c0a;stroke:#ce2c2c1a;stroke-width:.5}@keyframes dataFlow{0%{offset-distance:0%;opacity:0}5%{opacity:1}95%{opacity:1}to{offset-distance:100%;opacity:0}}.daw-circuit-svg .data{fill:var(--rua-accent);r:1;filter:drop-shadow(0 0 2px rgba(206,44,44,.8));offset-rotate:0deg;animation:dataFlow 6s linear infinite}@keyframes viaPing{0%,85%,to{opacity:.1}90%{opacity:.6}}.daw-circuit-svg .ping{animation:viaPing 4s ease infinite}@media(max-width:640px){.daw-grid{grid-template-columns:1fr;gap:1.5rem;max-width:320px}.daw-grid-card:nth-child(2){margin-top:0}.daw-grid-card:nth-child(3){margin-top:0}.daw-circuit-svg{display:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/collection-daw-showcase.css.map */