.rainbow-demo-trigger{display:inline-flex;align-items:center;justify-content:flex-start;gap:13px;min-height:44px;margin-top:20px;padding:3px 0;border:0;border-radius:0;background:transparent;color:#111315;font:inherit;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.01em;cursor:pointer;transition:color .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.rainbow-demo-trigger:hover{color:#5058ff;transform:translate(2px)}.rainbow-demo-trigger__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#e7e9ee;color:#565961;transition:background-color .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.rainbow-demo-trigger:hover .rainbow-demo-trigger__icon{background:#dde0e7;transform:scale(1.06)}.rainbow-demo-trigger svg,.rainbow-demo-modal svg{display:block}.rainbow-demo-trigger:focus-visible,.rainbow-demo-modal button:focus-visible,.rainbow-demo-modal video:focus-visible{outline:3px solid #4c70ff;outline-offset:3px}body.rainbow-demo-open{overflow:hidden}.rainbow-demo-modal[hidden]{display:none}.rainbow-demo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;overflow:auto;overscroll-behavior:contain;background:#f7f8fafa;opacity:0;transition:opacity .34s ease}.rainbow-demo-modal.is-open{opacity:1}.rainbow-demo-modal__dialog{position:relative;min-height:100%;padding:clamp(86px,9vw,126px) clamp(24px,7vw,104px) clamp(52px,7vw,96px);transform:translateY(14px);transition:transform .46s cubic-bezier(.22,1,.36,1)}.rainbow-demo-modal.is-open .rainbow-demo-modal__dialog{transform:translateY(0)}.rainbow-demo-modal__close{position:fixed;top:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px);z-index:2;display:grid;width:clamp(52px,5vw,68px);height:clamp(52px,5vw,68px);padding:0;place-items:center;border:0;border-radius:50%;background:#e5e7eb;color:#15171a;cursor:pointer;transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .28s ease}.rainbow-demo-modal__close:hover{transform:scale(1.05);background:#d9dce1}.rainbow-demo-modal__inner{width:min(100%,1380px);margin:0 auto}.rainbow-demo-modal__heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(34px,4.5vw,64px)}.rainbow-demo-modal__title{max-width:980px;margin:0;color:#101214;font-family:inherit;font-size:clamp(48px,6.1vw,88px);font-weight:700;line-height:.98;letter-spacing:-.055em}.rainbow-demo-modal__copy{max-width:470px;margin:0 0 5px;color:#68717e;font-size:clamp(17px,1.35vw,21px);line-height:1.55}.rainbow-demo-modal__media{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid rgba(16,18,20,.1);border-radius:clamp(20px,2vw,30px);background:#e9ecef}.rainbow-demo-modal__video{display:block;width:100%;height:100%;object-fit:cover;background:#e9ecef}.rainbow-demo-modal__play{position:absolute;top:50%;left:50%;display:grid;width:clamp(66px,7vw,94px);height:clamp(66px,7vw,94px);padding:0;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#ffffffe6;color:#121416;box-shadow:0 10px 40px #0000001f;transform:translate(-50%,-50%);cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1)}.rainbow-demo-modal__play:hover{transform:translate(-50%,-50%) scale(1.06)}.rainbow-demo-modal__play.is-hidden{pointer-events:none;opacity:0}@media(max-width:760px){.rainbow-demo-trigger{width:auto}.rainbow-demo-modal__dialog{padding:88px 18px 40px}.rainbow-demo-modal__heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.rainbow-demo-modal__title{font-size:clamp(42px,13vw,58px)}.rainbow-demo-modal__copy{font-size:17px}.rainbow-demo-modal__media{border-radius:20px}}@media(prefers-reduced-motion:reduce){.rainbow-demo-trigger,.rainbow-demo-modal,.rainbow-demo-modal__dialog,.rainbow-demo-modal__close,.rainbow-demo-modal__play{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/product-rainbow-demo.css.map */
