.clickneon-custom-sign{display:flex;align-items:center;gap:64px;padding:64px;background:#f8fafc;color:#142347}.clickneon-custom-sign__copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:22px;min-width:0}.clickneon-custom-sign h2,.clickneon-custom-sign p,.clickneon-custom-sign figure{margin:0}.clickneon-custom-sign h2{color:inherit;font:700 32px/40px var(--font-heading-family);letter-spacing:-.0075em}.clickneon-custom-sign p{color:#4a5c7a;font:400 16px/24px var(--font-body-family);letter-spacing:0}.clickneon-custom-sign .clickneon-custom-sign__note{font-size:14px;line-height:22px}.clickneon-custom-sign__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:14px 22px;border-radius:6px;background:#7047eb;color:#fff;font:600 14px/20px var(--font-body-family);letter-spacing:0;text-align:center;text-decoration:none}.clickneon-custom-sign__button[href]:hover{background:#5934c6}.clickneon-custom-sign__button[href]:active{background:#472d9b}.clickneon-custom-sign__button:focus-visible{outline:2px solid #7047eb;outline-offset:4px}.clickneon-custom-sign__comparison{display:flex;align-items:center;gap:20px;width:650px;flex-shrink:0}.clickneon-custom-sign figure{display:flex;flex-direction:column;gap:12px;min-width:0}.clickneon-custom-sign__artwork{width:220px;flex-shrink:0}.clickneon-custom-sign__logo{display:flex;align-items:center;height:240px;padding:29px;border:1px solid #e0e6ef;background:#fff;font:600 28px/36px var(--font-heading-family);letter-spacing:-.005em;overflow-wrap:anywhere}.clickneon-custom-sign__comparison>.clickneon-icon{width:28px;flex-shrink:0;color:#7047eb;font:600 28px/36px var(--font-body-family);letter-spacing:-.005em}.clickneon-custom-sign__finished{flex:1}.clickneon-custom-sign__finished img{display:block;width:100%;height:300px;border-radius:8px;object-fit:cover}.clickneon-custom-sign figcaption{color:#4a5c7a;font:400 12px/18px var(--font-body-family);letter-spacing:0;overflow-wrap:anywhere}@media screen and (max-width:1199px){.clickneon-custom-sign{flex-direction:column;align-items:stretch;gap:32px;padding:48px 32px}.clickneon-custom-sign__comparison{width:100%}}@media screen and (max-width:749px){.clickneon-custom-sign{padding:40px 16px}.clickneon-custom-sign h2{font-size:28px;line-height:36px}.clickneon-custom-sign__comparison{flex-direction:column;align-items:stretch}.clickneon-custom-sign__artwork{width:100%}.clickneon-custom-sign__comparison>.clickneon-icon{align-self:center;transform:rotate(90deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/clickneon-custom-sign.css.map */