.calculator-moon-sign__header{text-align:center;max-width:60rem;margin:0 auto 3.2rem}.calculator-moon-sign__title{margin:0 0 1.2rem;font-family:var(--font-heading-family)}.calculator-moon-sign__subtitle{margin:0;font-size:1.6rem;line-height:1.6;opacity:.8}.calculator-moon-sign__inputs{max-width:40rem;margin:0 auto 2.4rem;display:flex;flex-direction:column;gap:1.6rem}.calculator-moon-sign__field{display:flex;flex-direction:column;gap:.4rem}.calculator-moon-sign__label{font-size:1.4rem;font-weight:600}.calculator-moon-sign__optional{font-weight:400;opacity:.6;font-size:1.2rem}.calculator-moon-sign__date-input{width:100%;padding:1.2rem 1.6rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--media-radius, .8rem);background:transparent;color:rgb(var(--color-foreground));font-size:1.6rem;font-family:var(--font-body-family)}.calculator-moon-sign__date-input::placeholder{color:rgba(var(--color-foreground),.4)}.calculator-moon-sign__action{text-align:center;margin-bottom:3.2rem}.calculator-moon-sign__button{min-width:24rem}.calculator-moon-sign__result{max-width:60rem;margin:0 auto}.calculator-moon-sign__hero{text-align:center;margin-bottom:3.2rem}.calculator-moon-sign__moon-visual{margin:0 auto 2rem;width:12rem;height:12rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:box-shadow .4s}.calculator-moon-sign__moon-visual--fire{box-shadow:0 0 40px #e6643233}.calculator-moon-sign__moon-visual--earth{box-shadow:0 0 40px #78a05033}.calculator-moon-sign__moon-visual--air{box-shadow:0 0 40px #64a0dc33}.calculator-moon-sign__moon-visual--water{box-shadow:0 0 40px #5078c833}.calculator-moon-sign__moon-svg{display:block}.calculator-moon-sign__hero-symbol{display:block;font-size:4.8rem;line-height:1.2;margin-bottom:.8rem}.calculator-moon-sign__hero-name{display:block;font-size:2.8rem;font-weight:700;font-family:var(--font-heading-family);line-height:1.2;margin-bottom:.4rem}@media screen and (min-width:750px){.calculator-moon-sign__hero-name{font-size:3.6rem}}.calculator-moon-sign__hero-element{display:inline-block;font-size:1.3rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6;padding:.4rem 1.6rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:99rem;margin-top:.8rem}.calculator-moon-sign__overview{padding:2.4rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--media-radius, .8rem);margin-bottom:1.6rem}.calculator-moon-sign__section-title{margin:0 0 1.2rem;font-size:1.8rem;font-family:var(--font-heading-family)}.calculator-moon-sign__overview-text{margin:0;font-size:1.5rem;line-height:1.7}.calculator-moon-sign__details{display:grid;grid-template-columns:1fr;gap:1.6rem;margin-bottom:1.6rem}@media screen and (min-width:750px){.calculator-moon-sign__details{grid-template-columns:1fr 1fr 1fr}}.calculator-moon-sign__detail-card{padding:2rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--media-radius, .8rem)}.calculator-moon-sign__detail-title{margin:0 0 .8rem;font-size:1.4rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.05em;opacity:.6}.calculator-moon-sign__detail-text{margin:0;font-size:1.4rem;line-height:1.6}.calculator-moon-sign__traits{display:flex;flex-wrap:wrap;gap:.6rem}.calculator-moon-sign__trait{padding:.5rem 1.2rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:99rem;font-size:1.3rem;background:rgba(var(--color-foreground),.04)}.calculator-moon-sign__strengths-section{display:grid;grid-template-columns:1fr;gap:1.6rem;margin-bottom:2.4rem}@media screen and (min-width:750px){.calculator-moon-sign__strengths-section{grid-template-columns:1fr 1fr}}.calculator-moon-sign__strengths-card{padding:2rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--media-radius, .8rem)}.calculator-moon-sign__cta{text-align:center;padding:3.2rem 2.4rem;border-radius:var(--media-radius, .8rem);background:rgba(var(--color-foreground),.03);margin-bottom:2rem}.calculator-moon-sign__cta h3{margin:0 0 .8rem;font-family:var(--font-heading-family)}.calculator-moon-sign__cta p{margin:0 0 2rem;font-size:1.4rem;opacity:.8;max-width:40rem;margin-left:auto;margin-right:auto}.calculator-moon-sign__crosslink{text-align:center;margin-top:2rem}.calculator-moon-sign__crosslink a{color:rgb(var(--color-foreground));font-size:1.4rem;opacity:.7;transition:opacity .2s}.calculator-moon-sign__crosslink a:hover{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-calculator-moon-sign.css.map */