.rainbow-chord-solo{--rainbow-solo-bg: var(--md-surface-cool, #eef2f6);--rainbow-solo-ink: var(--md-ink, #111315);--rainbow-solo-muted: var(--md-muted, #69727e);--rainbow-solo-line: rgba(18, 24, 31, .12);position:relative;overflow:hidden;padding:clamp(140px,11vw,180px) clamp(24px,4vw,56px);background:var(--rainbow-solo-bg);border-top:0;color:var(--rainbow-solo-ink)}.rainbow-chord-solo *,.rainbow-chord-solo *:before,.rainbow-chord-solo *:after{box-sizing:border-box}.rainbow-chord-solo__inner{display:grid;width:min(100%,1360px);margin:0 auto;grid-template-columns:minmax(0,1.78fr) minmax(300px,1fr);gap:clamp(54px,6vw,92px);align-items:start}.rainbow-chord-solo__media{position:relative;min-width:0;margin-top:24px;overflow:hidden;border:1px solid var(--rainbow-solo-line);border-radius:clamp(24px,2vw,30px);background:#e9eef2;box-shadow:0 18px 54px #121b2512;isolation:isolate}.rainbow-chord-solo__media:before{content:"";position:absolute;top:0;left:clamp(28px,4vw,58px);z-index:3;width:clamp(120px,15vw,220px);height:3px;border-radius:999px;background:linear-gradient(90deg,#ef5d67,#f1ca57,#72cf83,#58cddd,#6785ef,#9d6ce5);opacity:.14;pointer-events:none}.rainbow-chord-solo[data-playing=true] .rainbow-chord-solo__media:before{animation:rainbowSoloLight 4.8s ease-in-out infinite alternate}@keyframes rainbowSoloLight{0%{opacity:.09}to{opacity:.18}}.rainbow-chord-solo__video{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#e9eef2;object-fit:cover;object-position:center;cursor:pointer}.rainbow-chord-solo__video:focus-visible{outline:2px solid var(--rainbow-solo-ink);outline-offset:-5px}.rainbow-chord-solo__controls{position:absolute;right:clamp(14px,1.6vw,22px);bottom:clamp(14px,1.6vw,22px);z-index:4;display:flex;gap:8px}.rainbow-chord-solo__control,.rainbow-chord-solo__fallback{display:inline-grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(17,22,27,.14);border-radius:999px;background:#f7f9faeb;color:#171a1d;cursor:pointer;box-shadow:0 8px 22px #10161d17;transition:opacity .22s ease,transform .22s cubic-bezier(.22,1,.36,1),background-color .22s ease}.rainbow-chord-solo__control{opacity:.62}.rainbow-chord-solo__media:hover .rainbow-chord-solo__control,.rainbow-chord-solo__control:focus-visible{opacity:1}.rainbow-chord-solo__control:hover{transform:translateY(-2px);background:#fff}.rainbow-chord-solo__control:focus-visible,.rainbow-chord-solo__fallback:focus-visible{outline:2px solid var(--rainbow-solo-ink);outline-offset:3px}.rainbow-chord-solo__control svg,.rainbow-chord-solo__fallback svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.rainbow-chord-solo__sound .rainbow-icon--sound-on,.rainbow-chord-solo[data-sound=on] .rainbow-icon--sound-off,.rainbow-chord-solo__pause .rainbow-icon--pause,.rainbow-chord-solo[data-playing=true] .rainbow-icon--play{display:none}.rainbow-chord-solo[data-sound=on] .rainbow-icon--sound-on,.rainbow-chord-solo[data-playing=true] .rainbow-icon--pause{display:block}.rainbow-chord-solo__fallback{position:absolute;top:50%;left:50%;z-index:5;width:50px;height:50px;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.rainbow-chord-solo.is-error .rainbow-chord-solo__fallback{opacity:1;pointer-events:auto}.rainbow-chord-solo__copy{max-width:470px;padding-top:clamp(72px,7vw,108px)}.rainbow-chord-solo__copy h2{max-width:450px;margin:0;color:var(--rainbow-solo-ink);font-family:inherit;font-size:clamp(4rem,5.35vw,5.5rem);font-weight:600;letter-spacing:-.058em;line-height:.98;text-wrap:balance}.rainbow-chord-solo__copy p{max-width:460px;margin:clamp(28px,3vw,42px) 0 0;color:var(--rainbow-solo-muted);font-family:inherit;font-size:clamp(1.125rem,1.35vw,1.3125rem);font-weight:400;line-height:1.58}.rainbow-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rainbow-chord-solo.rainbow-ready .rainbow-chord-solo__media,.rainbow-chord-solo.rainbow-ready .rainbow-chord-solo__copy{opacity:0;transform:translateY(16px);transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1)}.rainbow-chord-solo.rainbow-ready .rainbow-chord-solo__copy{transition-delay:.1s}.rainbow-chord-solo.rainbow-ready.is-visible .rainbow-chord-solo__media,.rainbow-chord-solo.rainbow-ready.is-visible .rainbow-chord-solo__copy{opacity:1;transform:none}@media(max-width:1100px){.rainbow-chord-solo__copy h2{font-size:clamp(2rem,3.25vw,3.25rem);line-height:1.06}.rainbow-chord-solo__copy p{font-size:clamp(.88rem,1.3vw,1rem)}}@media(max-width:900px){.rainbow-chord-solo{padding:clamp(88px,20vw,120px) clamp(18px,5vw,28px)}.rainbow-chord-solo__inner{grid-template-columns:minmax(0,1fr);gap:42px}.rainbow-chord-solo__media{margin-top:0;border-radius:clamp(20px,5vw,24px)}.rainbow-chord-solo__copy{max-width:620px;padding-top:0}.rainbow-chord-solo__copy h2{max-width:600px;font-size:clamp(2rem,9vw,2.8rem);line-height:1.06}.rainbow-chord-solo__copy p{max-width:570px;margin-top:24px;font-size:clamp(.88rem,4vw,1rem);line-height:1.58}.rainbow-chord-solo__controls{right:12px;bottom:12px}.rainbow-chord-solo__control{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.rainbow-chord-solo.rainbow-ready .rainbow-chord-solo__media,.rainbow-chord-solo.rainbow-ready .rainbow-chord-solo__copy{opacity:1;transform:none;transition:none}.rainbow-chord-solo[data-playing=true] .rainbow-chord-solo__media:before{animation:none}.rainbow-chord-solo__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/rainbow-chord-solo.css.map */