.stars-badge-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;transition:opacity .2s;display:inline-flex}.stars-badge-button:hover{opacity:.75}.stars-badge-button:focus-visible{outline-offset:2px;outline:2px solid #000}
.compatibility-modal-overlay{inset:calc(var(--spacing,.25rem)*0);z-index:50;padding:calc(var(--spacing,.25rem)*4);justify-content:center;align-items:center;display:flex;position:fixed}.compatibility-modal-backdrop{inset:calc(var(--spacing,.25rem)*0);background-color:#000000b3;position:absolute}@supports (color:color-mix(in lab, red, red)){.compatibility-modal-backdrop{background-color:color-mix(in oklab,var(--color-black,#000)70%,transparent)}}.compatibility-modal-content{background-color:#fff;border:1px solid #0000001a;border-radius:1.25rem;width:100%;max-width:26rem;max-height:80vh;padding:1.75rem;position:relative;overflow-y:auto}.compatibility-modal-header{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.compatibility-modal-avatar{flex-shrink:0;justify-content:center;align-items:center;width:88px;line-height:0;display:flex}.compatibility-modal-header-text{flex-direction:column;align-items:flex-start;gap:.625rem;display:flex}.compatibility-modal-title{color:#000;text-align:left;font-size:1rem;font-weight:700;line-height:1.3}.compatibility-modal-badge{color:#fff;border-radius:9999px;align-items:center;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.compatibility-modal-list{flex-direction:column;gap:.75rem;display:flex}.compatibility-modal-item{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.compatibility-modal-item-icon{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.7rem;line-height:1;display:inline-flex}.compatibility-modal-item.is-match{color:#000c}.compatibility-modal-item.is-match .compatibility-modal-item-icon{background-color:var(--color-green);color:#fff}.compatibility-modal-item.is-mismatch{color:#0006}.compatibility-modal-item.is-mismatch .compatibility-modal-item-icon{color:#0006;background-color:#00000026}.compatibility-modal-footer{color:#00000073;border-top:1px solid #00000014;margin-top:1.25rem;padding-top:1rem;font-size:.75rem}.compatibility-modal-close{color:#0006;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;top:1.25rem;right:1.25rem}.compatibility-modal-close:hover{color:#000}
/*# sourceMappingURL=2_xw88oxd70cz.css.map*/