.compatibility-checker{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 0;background:url(/_next/static/media/container-bg.a5b02e2e.svg) var(--Light-Grey);background-position:top;background-size:cover;margin:24px auto;border-radius:16px}.compatibility-checker-form{height:56px;display:flex;width:100%;justify-content:center;gap:16px}.compatibility-checker-form__submit.button{height:100%;white-space:nowrap;padding:0 16px}.compatibility-checker-form__submit.button:disabled{background-color:var(--Grey)}@media screen and (max-width:767px){.compatibility-checker-form__submit.button{height:48px;width:100%}}.compatibility-checker-form__input.input{width:min(587px,100%)}@media screen and (max-width:767px){.compatibility-checker-form__input.input{width:100%}.compatibility-checker-form{height:auto;flex-direction:column}}@media screen and (max-width:1329px){.compatibility-checker{margin:24px}}@media screen and (max-width:767px){.compatibility-checker{margin:16px;padding:16px}}.h1,h1{font-size:80px;line-height:100%;letter-spacing:-3px}@media screen and (max-width:639px){.h1,h1{font-size:40px;line-height:120%;letter-spacing:-1px}}.h2,h2{font-size:56px;line-height:110%;letter-spacing:-2px}@media screen and (max-width:639px){.h2,h2{font-size:32px;line-height:120%;letter-spacing:-1px}}.h3,h3{font-size:40px;line-height:120%;letter-spacing:-1px}@media screen and (max-width:639px){.h3,h3{font-size:24px;line-height:120%;letter-spacing:-1px}}.body1{font-size:20px;line-height:130%}@media screen and (max-width:639px){.body1{font-size:16px;line-height:140%}}.body2{font-size:16px;line-height:140%}@media screen and (max-width:639px){.body2{font-size:14px}}.body3{font-size:14px;line-height:100%}@media screen and (max-width:639px){.body3{font-size:12px}}.body4{font-size:14px;line-height:140%;letter-spacing:.5px}@media screen and (max-width:639px){.body4{font-size:12px}}.description1{font-size:32px;line-height:110%;letter-spacing:-1px}@media screen and (max-width:639px){.description1{font-size:24px;line-height:130%;letter-spacing:-.5px}}.description2{font-family:var(--space-grotesk-bold);font-size:24px;line-height:120%}@media screen and (max-width:639px){.description2{font-size:20px}}.link{font-size:16px;line-height:100%}@media screen and (max-width:639px){.link{font-size:14px}}.tag-text{font-family:var(--space-grotesk-bold);font-size:14px;line-height:100%}@media screen and (max-width:639px){.tag-text{font-size:12px}}.button-text{font-family:var(--space-grotesk-bold);font-size:16px;line-height:100%}.compatibility-result{display:flex;flex-wrap:wrap;gap:20px;width:100%;justify-content:center;margin-top:40px}@media screen and (max-width:767px){.compatibility-result{margin-top:24px}}.compatibility-block{padding:24px;width:min(100%,424px);border-radius:8px;background:var(--White)}.compatibility-block__icon{width:64px;height:64px;display:inline-grid;place-items:center;border-radius:8px;background-color:var(--Light-Grey);color:var(--Lavender)}.compatibility-block__title{font-size:32px;line-height:110%;letter-spacing:-1px;margin-top:16px}@media screen and (max-width:639px){.compatibility-block__title{font-size:24px;line-height:130%;letter-spacing:-.5px}}.compatibility-block__description{font-size:16px;line-height:140%;margin-top:8px;opacity:.6}@media screen and (max-width:639px){.compatibility-block__description{font-size:14px}}.compatibility-block.highlighted{background:url(/_next/static/media/results-bg.6eb062c1.svg),linear-gradient(117.99deg,#a192ec -25.61%,#5547eb 117.81%);background-position:100% 0,50%;background-repeat:no-repeat;background-size:182px,contain;color:var(--White)}.compatibility-block.highlighted .compatibility-block__icon{background-color:var(--White-20);color:var(--White)}.not-compatible{background:url(/_next/static/media/results-bg.6eb062c1.svg),linear-gradient(117.99deg,#ffd8df -25.61%,#ff849a 67.64%,#f86781 117.81%);background-position:100% 0,50%;background-repeat:no-repeat;background-size:182px,contain;color:var(--White);margin-top:40px}.not-compatible__icon{background-color:var(--White-20);color:var(--White)}.not-compatible__icon__inner{display:inline-grid;place-items:center;border-radius:8px;background-color:var(--Red);width:26px;height:26px}@property --gradient-bg-start{syntax:"<color>";initial-value:#fff;inherits:false}@property --gradient-bg-end{syntax:"<color>";initial-value:#fff;inherits:false}.compatibility-checker-loader{position:relative;margin-top:105px;margin-bottom:64px}.compatibility-checker-loader__ellipse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none;color:var(--Lavender)}.compatibility-checker-loader__ellipse:first-child{width:216px;height:216px;opacity:.2}.compatibility-checker-loader__ellipse:nth-child(2){width:160px;height:160px;opacity:.3}.compatibility-checker-loader__ellipse:nth-child(3){width:96px;height:96px;opacity:.5}.compatibility-checker-loader__ellipse:nth-child(3) circle{stroke-dasharray:16.67 16.67}.compatibility-checker-loader__inner{display:inline-grid;place-items:center;padding:19px;border:1px solid var(--Grey);border-radius:8px;background-color:var(--White);color:var(--Lavender)}.compatibility-checker-loader__inner-icon path:last-child{transform-origin:center;animation:rotate-loading 1.5s linear infinite;color:var(--White)}@media screen and (max-width:767px){.compatibility-checker-loader{margin-top:105px;margin-bottom:88px}}@keyframes rotate-loading{0%{transform:scaleX(-1) rotate(0deg)}to{transform:scaleX(-1) rotate(-1turn)}}