.compatibility{background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:center;max-width:1200px;margin:0 auto;padding-block:4.7rem}.compatibility__container{padding:6.6rem 1.6rem;position:relative;border-radius:1.2rem;overflow:hidden}.compatibility__container:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--background-color);opacity:var(--background-opacity);top:0;left:0;z-index:0}.compatibility__container .section-header__title{color:var(--color-white);position:relative;z-index:2;text-align:center}.compatibility__container .h2{font-size:var(--font-size-32);line-height:1;font-weight:var(--font-weight-400);letter-spacing:.36px}.compatibility__form{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:1.6rem}.compatibility__label{opacity:0;width:0;height:0;position:absolute;z-index:-1}.compatibility__field{border-radius:var(--border-radius-button);overflow:hidden;position:relative;background:var(--color-white)}.compatibility__field:after{content:"";position:absolute;top:0;right:25px;top:calc(50% - 2px);width:8px;height:8px;transform:translateY(-50%) rotate(-45deg);border-left:1px solid var(--color-black);border-bottom:1px solid var(--color-black);z-index:0}.compatibility__select{-moz-appearance:none;-webkit-appearance:none;appearance:none}.compatibility__select{width:100%;height:100%;justify-content:space-between;padding:1.4rem 2.5rem;border-radius:var(--border-radius-button);color:var(--color-sonic-silver);border:0;background:var(--color-transparent);position:relative;z-index:2;cursor:pointer}.compatibility__select:focus,.compatibility__select:focus-visible{box-shadow:none;border:0;outline:0}.compatibility__btn{width:100%;justify-content:space-between;gap:0}.compatibility__btn-text{width:-webkit-fill-available;width:100%;text-align:center}.compatibility__button .compatibility__button-active{color:var(--color-bitter-lime)}.compatibility__button .compatibility__button-active:before{background:var(--color-bitter-lime)}.compatibility__button{position:relative}.compatibility__error-message{position:absolute;color:var(--color-red);text-align:center;width:100%;opacity:1}@media (min-width: 769px){.compatibility{padding-block:6.4rem}.compatibility__form{grid-template-columns:1fr 1fr 1fr;gap:1.9rem;width:100%;max-width:102.2rem;margin:auto}.compatibility__container{padding-block:6.2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/compatibility.css.map */