.s8-featured-beats{padding:clamp(35px,5vw,72px) 12px 44px;background:#fff;color:#111;border-block:1px solid #e0e0e0;overflow:hidden}.s8-featured-beats *{box-sizing:border-box}.s8-featured-beats__intro{max-width:1100px;margin:0 auto;text-align:center}.s8-featured-beats__eyebrow{font:850 12px/1.4 system-ui,sans-serif;letter-spacing:.13em;color:#b60018;margin:0 0 9px}.s8-featured-beats__intro h2{font:900 clamp(35px,6vw,66px)/1.04 Impact,"Arial Black",system-ui,sans-serif;margin:0;color:#111}.s8-featured-beats__intro h2 span{color:#bb0019}.s8-featured-beats__intro p:not(.s8-featured-beats__eyebrow){margin:12px auto 0;max-width:610px;font:500 14px/1.6 system-ui,sans-serif;color:#535353}.s8-featured-beats__orbit{position:relative;max-width:1100px;margin:16px auto 0;outline:none}.s8-featured-beats__stage{position:relative;margin:0 auto;height:clamp(500px,65vw,665px);perspective:1050px;transform-style:preserve-3d}.s8-featured-beats__card{position:absolute;top:12px;left:50%;width:min(82%,470px);min-width:0;max-width:470px;overflow:hidden;background:#0c0c0e;color:#fff;border:2px solid #682a31;border-radius:16px;box-shadow:0 14px 45px #0005;transform:translate(-50%) translate3d(var(--orbit-x,0%),var(--orbit-y,0px),var(--orbit-z,0px)) scale(var(--orbit-scale,1)) rotateY(var(--orbit-turn,0deg));transition:transform 1s cubic-bezier(.2,.72,.2,1),opacity .9s ease,filter .9s ease,border-color .9s ease;opacity:.46;filter:brightness(.6);pointer-events:none;backface-visibility:hidden;will-change:transform}.s8-featured-beats__card[data-s8-front=true]{opacity:1;filter:brightness(1);pointer-events:auto;border-color:#d00d2d;box-shadow:0 17px 48px #0007}.s8-featured-beats__art{display:block;width:100%;aspect-ratio:1/1;background:#150a0b;overflow:hidden}.s8-featured-beats__art img{display:block;width:100%;height:100%;object-fit:cover}.s8-featured-beats__art--empty{display:grid;place-items:center;font:900 22px/1.2 Impact,system-ui,sans-serif}.s8-featured-beats__body{padding:12px clamp(10px,2vw,19px) 15px;display:flex;flex-direction:column;gap:7px}.s8-featured-beats__type{font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.09em;color:#fb687d}.s8-featured-beats__body h3{margin:0;color:#fff;font:900 clamp(20px,3vw,30px)/1.2 system-ui,sans-serif;overflow-wrap:anywhere}.s8-featured-beats__offer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#efefef;font:800 12px/1.3 system-ui,sans-serif}.s8-featured-beats__offer span{color:#fff;font-size:18px}.s8-featured-beats__preview{display:grid;gap:5px;min-width:0}.s8-featured-beats__preview label{font:850 10px/1.3 system-ui,sans-serif;color:#ff5971;letter-spacing:.07em;overflow-wrap:anywhere}.s8-featured-beats__preview audio{display:block;width:100%;max-width:100%;min-width:0;min-height:43px;accent-color:#c50627}.s8-featured-beats__preview-missing{color:#e4a3ac;font:500 12px/1.5 system-ui,sans-serif}.s8-featured-beats__purchase{display:block;background:#c40929;color:#fff;text-align:center;padding:11px 13px;text-decoration:none;border-radius:7px;font:800 11px/1.3 system-ui,sans-serif;letter-spacing:.02em}.s8-featured-beats__purchase:hover{color:#fff;background:#ed153a}.s8-featured-beats__controls{position:relative;z-index:150;display:flex;align-items:center;justify-content:center;gap:17px;margin:0 auto}.s8-featured-beats__controls button{display:grid;place-items:center;width:47px;height:47px;background:#181818;border:1px solid #cb0b2c;border-radius:50%;color:#fff;font:900 30px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.s8-featured-beats__controls button:hover{background:#c50627}.s8-featured-beats__controls span{font:800 14px/1 system-ui,sans-serif;min-width:56px;text-align:center}.s8-featured-beats__hint{text-align:center;color:#555;font:500 12px/1.3 system-ui,sans-serif;margin:10px 0 0}.s8-featured-beats__footer{text-align:center;margin:23px auto 0}.s8-featured-beats__footer a{display:inline-block;color:#fff;background:#111;padding:14px 20px;font:850 12px/1.3 system-ui,sans-serif;letter-spacing:.05em;text-decoration:none;border-radius:5px}.s8-featured-beats__footer a:hover{background:#ac001a}.s8-featured-beats a:focus-visible,.s8-featured-beats button:focus-visible,.s8-featured-beats__orbit:focus-visible{outline:3px solid #f12c4e;outline-offset:4px}@media(max-width:749px){.s8-featured-beats__stage{height:clamp(520px,140vw,700px)}.s8-featured-beats__card{width:88%;max-width:485px;top:7px}.s8-featured-beats__intro h2{font-size:clamp(34px,9vw,50px)}.s8-featured-beats__body{padding:10px 10px 12px}.s8-featured-beats__offer span{font-size:16px}}@media(max-width:385px){.s8-featured-beats__stage{height:clamp(485px,144vw,565px)}.s8-featured-beats__body{gap:5px}.s8-featured-beats__type{font-size:9px}.s8-featured-beats__purchase{padding:9px}}@media(prefers-reduced-motion:reduce){.s8-featured-beats__card{transition:none!important;opacity:0;visibility:hidden;transform:translate(-50%)!important}.s8-featured-beats__card[data-s8-front=true]{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/str8shop-featured-beat-orbit.css.map */