.flag-modal-overlay{inset:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4);z-index:var(--z-dialog);justify-content:center;align-items:center;display:flex;position:fixed}.flag-modal-backdrop{inset:calc(var(--spacing,.25rem)*0);background-color:#000000b3;position:absolute}@supports (color:color-mix(in lab, red, red)){.flag-modal-backdrop{background-color:color-mix(in oklab,var(--color-black,#000)70%,transparent)}}.flag-modal-content{background-color:#fff;border:1px solid #0000001a;border-radius:.75rem;width:100%;max-width:28rem;padding:1.5rem;position:relative}.flag-modal-close{color:#0006;font-size:1.25rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1rem}.flag-modal-close:hover{color:#000}.flag-modal-textarea{color:#000;resize:none;border:1px solid #0003;border-radius:.5rem;width:100%;padding:.75rem;font-size:.875rem;transition:border-color .2s}.flag-modal-textarea:focus{border-color:var(--color-orange);outline:none}
.ingredients-modal-overlay{inset:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4);z-index:var(--z-dialog);justify-content:center;align-items:center;display:flex;position:fixed}.ingredients-modal-backdrop{inset:calc(var(--spacing,.25rem)*0);background-color:#000000b3;position:absolute}@supports (color:color-mix(in lab, red, red)){.ingredients-modal-backdrop{background-color:color-mix(in oklab,var(--color-black,#000)70%,transparent)}}.ingredients-modal-content{background-color:#fff;border:1px solid #0000001a;border-radius:.75rem;width:100%;max-width:32rem;max-height:80vh;padding:1.5rem;position:relative;overflow-y:auto}.ingredients-modal-close{color:#0006;transition:color var(--duration-fast);font-size:1.25rem;line-height:1;position:absolute;top:1rem;right:1rem}.ingredients-modal-close:hover{color:#000}
.face-image{height:auto}
.compatibility-modal-overlay{inset:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4);z-index:var(--z-dialog);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}
.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}
/*# sourceMappingURL=3-bdrjk8xl20q.css.map*/