.compatibility-checker{background:url(../media/container-bg.svg.1y51_3vzl-st3.js) var(--Light-Grey);background-position:top;background-size:cover;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;margin:24px auto;padding:40px 0;display:flex}.compatibility-checker-form{justify-content:center;gap:16px;width:100%;height:56px;display:flex}.compatibility-checker-form__submit.button{white-space:nowrap;height:100%;padding:0 16px}.compatibility-checker-form__submit.button:disabled{background-color:var(--Grey)}@media screen and (max-width:767px){.compatibility-checker-form__submit.button{width:100%;height:48px}}.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{flex-direction:column;height:auto}}@media screen and (max-width:1329px){.compatibility-checker{margin:24px}}@media screen and (max-width:767px){.compatibility-checker{margin:16px;padding:16px}}
.compatibility-result{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;margin-top:40px;display:flex}@media screen and (max-width:767px){.compatibility-result{margin-top:24px}}.compatibility-block{background:var(--White);border-radius:8px;width:min(100%,424px);padding:24px}.compatibility-block__icon{background-color:var(--Light-Grey);width:64px;height:64px;color:var(--Lavender);border-radius:8px;place-items:center;display:inline-grid}.compatibility-block__title{letter-spacing:-1px;font-size:32px;line-height:110%}@media screen and (max-width:639px){.compatibility-block__title{letter-spacing:-.5px;font-size:24px;line-height:130%}}.compatibility-block__title{margin-top:16px}.compatibility-block__description{font-size:16px;line-height:140%}@media screen and (max-width:639px){.compatibility-block__description{font-size:14px}}.compatibility-block__description{opacity:.6;margin-top:8px}.compatibility-block.highlighted{color:var(--White);background-color:#0000;background-image:url(../media/results-bg.svg.05tph34gtlvbc.js),linear-gradient(117.99deg,#a192ec -25.61%,#5547eb 117.81%);background-position:100% 0,50%;background-repeat:no-repeat;background-size:182px,contain;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.compatibility-block.highlighted .compatibility-block__icon{background-color:var(--White-20);color:var(--White)}.not-compatible{color:var(--White);background-color:#0000;background-image:url(../media/results-bg.svg.05tph34gtlvbc.js),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;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin-top:40px}.not-compatible__icon{background-color:var(--White-20);color:var(--White)}.not-compatible__icon__inner{background-color:var(--Red);border-radius:8px;place-items:center;width:26px;height:26px;display:inline-grid}
.compatibility-checker-loader{margin-top:105px;margin-bottom:64px;position:relative}.compatibility-checker-loader__ellipse{max-width:none;color:var(--Lavender);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compatibility-checker-loader__ellipse:first-child{opacity:.2;width:216px;height:216px}.compatibility-checker-loader__ellipse:nth-child(2){opacity:.3;width:160px;height:160px}.compatibility-checker-loader__ellipse:nth-child(3){opacity:.5;width:96px;height:96px}.compatibility-checker-loader__ellipse:nth-child(3) circle{stroke-dasharray:16.67 16.67}.compatibility-checker-loader__inner{border:1px solid var(--Grey);background-color:var(--White);color:var(--Lavender);border-radius:8px;place-items:center;padding:19px;display:inline-grid}.compatibility-checker-loader__inner-icon path:last-child{transform-origin:50%;color:var(--White);animation:1.5s linear infinite rotate-loading}@media screen and (max-width:767px){.compatibility-checker-loader{margin-top:105px;margin-bottom:88px}}@keyframes rotate-loading{0%{transform:scaleX(-1)rotate(0)}to{transform:scaleX(-1)rotate(-360deg)}}
