.section.bp-interactive-demo-section{margin:0}.bp-interactive-demo{background-color:#0a0a0a;padding:var(--bp-interactive-demo-padding-top, 80px) 40px var(--bp-interactive-demo-padding-bottom, 80px)}.bp-interactive-demo__card{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#141414,#0f1923);border:1px solid #252525;border-radius:24px;padding:60px 48px;text-align:center}.bp-interactive-demo__icon{margin-bottom:24px}.bp-interactive-demo__icon svg{width:40px;height:40px}.bp-interactive-demo__heading{font-family:var(--font-heading-family);font-size:36px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}.bp-interactive-demo__description{font-family:var(--font-body-family);font-size:17px;font-weight:400;color:#888;margin:0 auto 32px;line-height:1.6;max-width:560px}.bp-interactive-demo__button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body-family);font-size:16px;font-weight:600;text-decoration:none;padding:16px 40px;border-radius:8px;background-color:#0af;color:#0a0a0a;transition:all .2s ease;margin-bottom:40px}.bp-interactive-demo__button:hover{background-color:#3bf;transform:translateY(-2px)}.bp-interactive-demo__preview{background-color:#111;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;max-width:520px;margin:0 auto;aspect-ratio:21 / 17;display:flex;align-items:center;justify-content:center}.bp-interactive-demo__image{width:100%;height:100%;object-fit:cover;display:block}.bp-interactive-demo__grid{display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(17,1fr);gap:3px;width:100%;height:100%;padding:20px;background-color:#111}.bp-interactive-demo__pin{background-color:#2a2a2a;border-radius:2px;display:block!important}.bp-interactive-demo__pin--red{background-color:red}.bp-interactive-demo__pin--orange{background-color:#f80}.bp-interactive-demo__pin--yellow{background-color:#ff0}.bp-interactive-demo__pin--green{background-color:#0f0}@media screen and (max-width:989px){.bp-interactive-demo__heading{font-size:28px}}@media screen and (max-width:749px){.bp-interactive-demo{padding-left:20px;padding-right:20px}.bp-interactive-demo__card{padding:40px 24px;border-radius:16px}.bp-interactive-demo__heading{font-size:24px}.bp-interactive-demo__description{font-size:15px}.bp-interactive-demo__button{width:100%;max-width:280px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-bp-interactive-demo.css.map */