@font-face {
  font-family:Gilda;
  src:url(https://mycosmovision.eu/assets/fonts/GildaDisplay.woff2) format('woff2'),url(https://mycosmovision.eu/assets/fonts/GildaDisplay.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Gilda Medium';
  src:url(https://mycosmovision.eu/assets/fonts/GildaDisplay-SemiBold.woff2) format('woff2'),url(https://mycosmovision.eu/assets/fonts/GildaDisplay-SemiBold.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Gilda Bold';
  src:url(https://mycosmovision.eu/assets/fonts/GildaDisplay-Bold.woff2) format('woff2'),url(https://mycosmovision.eu/assets/fonts/GildaDisplay-Bold.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Halis Regular';
  src:url(https://mycosmovision.eu/assets/fonts/Halis-Regular.woff2) format('woff2'),url(https://mycosmovision.eu/assets/fonts/Halis-Regular.woff) format('woff'),url(https://mycosmovision.eu/assets/fonts/Halis-Regular.ttf) format('truetype'),url(https://mycosmovision.eu/assets/fonts/Halis-Regular.otf) format('opentype');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Halis Medium';
  src:url(https://mycosmovision.eu/assets/fonts/Halis-Medium.woff2) format('woff2'),url(https://mycosmovision.eu/assets/fonts/Halis-Medium.woff) format('woff'),url(https://mycosmovision.eu/assets/fonts/Halis-Medium.ttf) format('truetype'),url(https://mycosmovision.eu/assets/fonts/Halis-Medium.otf) format('opentype');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:icon-general;
  src:url(https://mycosmovision.eu/assets/fonts/icon-general.eot?v2);
  src:url(https://mycosmovision.eu/assets/fonts/icon-general.eot?v2#iefix) format('embedded-opentype'),url(https://mycosmovision.eu/assets/fonts/icon-general.woff?v2) format('woff'),url(https://mycosmovision.eu/assets/fonts/icon-general.ttf?v2) format('truetype'),url(https://mycosmovision.eu/assets/fonts/icon-general.svg?v2#icon-general) format('svg');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

[class*=" icon-"],
[class^=icon-] {
  font-family:icon-general!important;
  font-size:1.6rem;
}

[class*=" icon-"]:before,
[class^=icon-]:before {
  color:var(--text-black);
}

.icon-chevron-l-thin:before {
  content:"\e916";
}

.icon-chevron-r-thin:before {
  content:"\e917";
}

.icon-chevron-circle-right:before {
  content:"\e900";
}

.icon-chevron-solid-down:before {
  content:"\e901";
}

.icon-arrow-right:before {
  content:"\e902";
}

.icon-cart:before {
  content:"\e903";
}

.icon-eye:before {
  content:"\e904";
}

.icon-share:before {
  content:"\e905";
}

.icon-save:before {
  content:"\e906";
}

.icon-calendar:before {
  content:"\e907";
}

.icon-download:before {
  content:"\e908";
}

.icon-glass:before {
  content:"\e909";
}

.icon-globe:before {
  content:"\e90a";
}

.icon-lock:before {
  content:"\e90b";
}

.icon-pin:before {
  content:"\e90c";
}

.icon-question {
  vertical-align:middle!important;
}

.icon-question:before {
  content:"\e90d";
}

.icon-user:before {
  content:"\e90e";
}

.icon-chevron-double-l:before {
  content:"\e90f";
}

.icon-chevron-double-r:before {
  content:"\e910";
}

.icon-chevron-l:before {
  content:"\e911";
}

.icon-chevron-r:before {
  content:"\e912";
}

.icon-close:before {
  content:"\e913";
}

.icon-gear:before {
  content:"\e914";
}

.icon-plus:before {
  content:"\e915";
}

.icon-minus:before {
  content:"\e918";
}
.icon-minus-1:before {
  content:"\e800";
}

@font-face {
  font-family:signs;
  src:url(https://mycosmovision.eu/assets/fonts/signs.eot?8dglvt);
  src:url(https://mycosmovision.eu/assets/fonts/signs.eot?8dglvt#iefix) format('embedded-opentype'),url(https://mycosmovision.eu/assets/fonts/signs.ttf?8dglvt) format('truetype'),url(https://mycosmovision.eu/assets/fonts/signs.woff?8dglvt) format('woff'),url(https://mycosmovision.eu/assets/fonts/signs.svg?8dglvt#signs) format('svg');
  font-weight:400;
  font-style:normal;
  font-display:block;
}


[class*=" i-sign-"],
[class^=i-sign-] {
  font-family:signs!important;
  font-size:1.4rem;
}

.i-sign-aquarius:before {
  content:"\e200";
}

.i-sign-aries:before {
  content:"\e201";
}

.i-sign-cancer:before {
  content:"\e202";
}

.i-sign-capricorn:before {
  content:"\e203";
}

.i-sign-gemini:before {
  content:"\e204";
}

.i-sign-leo:before {
  content:"\e205";
}

.i-sign-libra:before {
  content:"\e206";
}

.i-sign-pisces:before {
  content:"\e207";
}

.i-sign-sagittarius:before {
  content:"\e208";
}

.i-sign-scorpio:before {
  content:"\e209";
}

.i-sign-taurus:before {
  content:"\e20a";
}

.i-sign-virgo:before {
  content:"\e20b";
}
/*
@font-face {
  font-family:planets;
  src:url(https://mycosmovision.eu/assets/fonts/planets.eot?elrf9o);
  src:url(https://mycosmovision.eu/assets/fonts/planets.eot?elrf9o#iefix) format('embedded-opentype'),url(https://mycosmovision.eu/assets/fonts/planets.ttf?elrf9o) format('truetype'),url(https://mycosmovision.eu/assets/fonts/planets.woff?elrf9o) format('woff'),url(https://mycosmovision.eu/assets/fonts/planets.svg?elrf9o#planets) format('svg');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

[class*=" i-planet-"],
[class^=i-planet-] {
  font-family:planets!important;
}

.i-planet-empty:before {
  content:"\e800";
}

.i-planet-ascendant:before {
  content:"\e801";
}

.i-planet-ceres:before {
  content:"\e802";
}

.i-planet-chiron:before {
  content:"\e803";
}

.i-planet-descendant:before {
  content:"\e804";
}

.i-planet-ic:before {
  content:"\e805";
}

.i-planet-juno:before {
  content:"\e806";
}

.i-planet-jupiter:before {
  content:"\e807";
}

.i-planet-lilith:before {
  content:"\e808";
}

.i-planet-mars:before {
  content:"\e809";
}

.i-planet-mc:before {
  content:"\e80a";
}

.i-planet-mercury:before {
  content:"\e80b";
}

.i-planet-moon:before {
  content:"\e80c";
}

.i-planet-neptune:before {
  content:"\e80d";
}

.i-planet-north%20node:before {
  content:"\e80e";
}

.i-planet-pallas:before {
  content:"\e80f";
}

.i-planet-pluto:before {
  content:"\e810";
}

.i-planet-saturn:before {
  content:"\e811";
}

.i-planet-sun:before {
  content:"\e812";
}

.i-planet-true-node:before {
  content:"\e813";
}

.i-planet-uranus:before {
  content:"\e814";
}

.i-planet-venus:before {
  content:"\e815";
}

.i-planet-vesta:before {
  content:"\e816";
}

@font-face {
  font-family:aspects;
  src:url(https://mycosmovision.eu/assets/fonts/aspects.eot?1ow3ac);
  src:url(https://mycosmovision.eu/assets/fonts/aspects.eot?1ow3ac#iefix) format('embedded-opentype'),url(https://mycosmovision.eu/assets/fonts/aspects.ttf?1ow3ac) format('truetype'),url(https://mycosmovision.eu/assets/fonts/aspects.woff?1ow3ac) format('woff'),url(https://mycosmovision.eu/assets/fonts/aspects.svg?1ow3ac#aspects) format('svg');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

[class*=" i-aspect-"],
[class^=i-aspect-] {
  font-family:aspects!important;
}

.i-aspect-biquintile:before {
  content:"\e93b";
}

.i-aspect-conjunction:before {
  content:"\e93c";
}

.i-aspect-contraparallel:before {
  content:"\e93d";
}

.i-aspect-empty:before {
  content:"\e91a";
}

.i-aspect-novile:before {
  content:"\e91b";
}

.i-aspect-octile:before {
  content:"\e91c";
}

.i-aspect-opposition:before {
  content:"\e91d";
}

.i-aspect-parallel:before {
  content:"\e91e";
}

.i-aspect-quincunx:before {
  content:"\e91f";
}

.i-aspect-quintile:before {
  content:"\e92a";
}

.i-aspect-semi-sextile:before {
  content:"\e92b";
}

.i-aspect-septile:before {
  content:"\e92c";
}

.i-aspect-sesquiquadrate:before {
  content:"\e92d";
}

.i-aspect-sextile:before {
  content:"\e92e";
}

.i-aspect-square:before {
  content:"\e92f";
}

.i-aspect-trine:before {
  content:"\e93a";
}
*/
[class*=" i-aspect-"],
[class*=" i-planet-"],
[class*=" i-sign-"],
[class*=" icon-"],
[class^=i-aspect-],
[class^=i-planet-],
[class^=i-sign-],
[class^=icon-] {
  speak:never;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a>i {
  margin-left:var(--s-2);
}

h1 {
  font-size:2em;
  margin:.67em 0;
}

hr {
  box-sizing:content-box;
  height:0;
  overflow:visible;
}

pre {
  font-family:monospace,monospace;
  font-size:1em;
}

a {
  background-color:transparent;
}

abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted;
}

b,
strong {
  font-weight:bolder;
}

code,
kbd,
samp {
  font-family:monospace,monospace;
  font-size:1em;
}

small {
  font-size:80%;
}

sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub {
  bottom:-.25em;
}

sup {
  top:-.5em;
}

img {
  border-style:none;
}

button {
  cursor:pointer;
}

button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0;
}

button,
input {
  overflow:visible;
}

button,
select {
  text-transform:none;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance:button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style:none;
  padding:0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline:1px dotted ButtonText;
}

fieldset {
  padding:.35em .75em .625em;
}

legend {
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}

progress {
  vertical-align:baseline;
}

textarea {
  overflow:auto;
}

[type=checkbox],
[type=radio] {
  box-sizing:border-box;
  padding:0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height:auto;
}

[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance:none;
}

::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit;
}

details {
  display:block;
}

summary {
  display:list-item;
}

template {
  display:none;
}

[hidden] {
  display:none;
}

:root {
  --measure:60ch;
  --ratio:1.5;
  --s-6:calc(var(--s-5) / var(--ratio));
  --s-5:calc(var(--s-4) / var(--ratio));
  --s-4:calc(var(--s-3) / var(--ratio));
  --s-3:calc(var(--s-2) / var(--ratio));
  --s-2:calc(var(--s-1) / var(--ratio));
  --s-1:calc(var(--s0) / var(--ratio));
  --s0:1rem;
  --s1:calc(var(--s0) * var(--ratio));
  --s2:calc(var(--s1) * var(--ratio));
  --s3:calc(var(--s2) * var(--ratio));
  --s4:calc(var(--s3) * var(--ratio));
  --s5:calc(var(--s4) * var(--ratio));
  --s6:calc(var(--s5) * var(--ratio));
  --gold:#b8860b; 
  --cream:#f1ede8;
  --creamlight:#f5f3ef;
  --purple:#3c3744;
  --green:#456f4a;
  --blue:#54a8d0;
  --red:#ed4337;
  --bg-black:#0f1217;
  --bg-gray:#f8f6f6;
  --text-black:#1b1b1b;
  --text-gray:#404040;
  --text-gray-medium:#7a7a7a;
  --text-gray-light:#b7bec6;
  --button-primary:#1a291b;
  --button-secondary:#f1ede8;
  --button-black:#1c1c1c;
  --border-gold:#b8860b; 
  --border-gray:#bbb;
  --border-gray-med:#e5e5e5;
  --border-gray-light:#f8f8f8;
  --font-serif-title:'Abril Fatface';
  --font-serif: 'Figtree', sans-serif;
 /*
 --font-serif-medium:'Gilda Medium';
  --font-serif-bold:'Gilda Bold';
 */
  --font-serif-medium:'Figtree', sans-serif;
  --font-serif-bold:'Figtree', sans-serif; 
  --font-sans-serif:'Halis Regular';
  --font-sans-serif-medium:'Halis Medium';
  
}

*,
:after,
:before {
  box-sizing:border-box;
  color:var(--text-black);
}


html {
  overflow-x:hidden;
  line-height:1.4;
  -webkit-text-size-adjust:100%;
}

body {
  overflow-x:hidden;
  margin:0;
  line-height:1.6;
  font-family:var(--font-serif);
  font-weight: 400;
  font-size:16px;
  font-style: normal;
  color:var(--text-gray);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

main {
  display:block;
}

img {
  max-width:100%;
  height:auto;
}

:-ms-input-placeholder,
::-webkit-input-placeholder,
::placeholder {
  color:var(--text-gray-light);
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-box-shadow:0 0 0 30px #fff inset!important;
}

.dash-head a,
.drop-down a,
.label,
nav a {
  font-family:var(--font-sans-serif-medium);
}

nav a {
  display:block;
}

.celeb-info>:first-child,
.rank p,
.uppercase,
button,
button>* {
  font-family:var(--font-serif);
}

.section-headline>* {
  font-family:var(--font-serif);
  font-size:18px !important;
}

.birthchart-module .center>h2,
.full-width-headline,
h1 {
  font-size:2.4rem;
  font-weight:500;
  letter-spacing: 0.03em;
  line-height:initial;
}

h1 {
   font-family:var(--font-serif-title);
   color:var(--gold);
}

.birthchart-module .center>h2,
.full-width-headline,
b {
  font-family:var(--font-serif-bold);
}

a {
  text-decoration:none;
}

p:first-of-type,
p:only-of-type {
  margin:0;
}

p+p {
  margin-top:1rem;
  margin-bottom:1rem;
}

ul {
  list-style-type:none;
  padding:0;
}

.section-headline>*,
.uppercase {
  font-size:1rem;
  color: var(--gold);
}

.section-headline {
  border-bottom:1px solid var(--border-gray-med);
}

.section-headline>* {
  text-transform:uppercase;
  margin-top:0;
  margin-bottom:var(--s-1);
  letter-spacing:.08rem;
  font-weight:500;
}

.drop-down li,
.header-nav-list>li,
.uppercase,
footer li {
  text-transform:uppercase;
  letter-spacing:.05rem;
}

.drop-down li,
.header-nav-list>li,
footer li {
  font-size:.8rem;
}

@media (max-width:416px) {
  .birthchart-module .center>h2,h1{font-size:2rem;
  line-height:4vh};
}

button {
  background-color:var(--button-primary);
  text-transform:uppercase;
  font-size:1.1rem;
  padding:var(--s-1) var(--s3);
  border:none;
}

button>span {
  margin-left:var(--s-2);
}

button,
button a,
button i:before {
  color:#fff;
  letter-spacing:.08em;
}

button font {
  color:#fff;
}

.btn-full {
  width:100%;
}

.btn-small {
  padding:var(--s-1) var(--s0) var(--s-1) var(--s0);
  font-size:1.2rem;
}

.btn-slim {
  font-size:.8rem;
  font-weight:500;
  padding:var(--s-2) var(--s0) var(--s-2) var(--s0);
}

.btn-slim,
.btn-slim a {
  letter-spacing:.15em;
}

.btn-w-icon {
  padding:0;
  background-color:var(--cream);
  color:var(--text-black);
  font-weight:600;
  letter-spacing:.1rem;
  display:flex;
  align-items:center;
}

.btn-w-icon i {
  margin:var(--s-1);
  font-size:1rem;
}

.btn-w-icon i:before {
  color:var(--text-black);
}

.btn-w-icon span {
  padding-right:var(--s-1);
  margin-left:0!important;
  font-size:.8rem!important;
}

.btn-w-icon.reverse {
  flex-direction:row-reverse;
}

.btn-w-icon.reverse span {
  padding-right:0;
  padding-left:var(--s-1);
}

.black-bg {
  background-color:var(--button-black);
  color:#fff;
}

.black-bg>*,
.black-bg>:before {
  color:#fff!important;
}
.green-bg {
  background-color: #456f4a;
  color:#fff;
}

.green-bg>*,
.green-bg>:before {
  color:#fff!important;
}

.label {
  text-transform:uppercase;
  font-size:.7rem;
  font-weight:500;
  padding:var(--s-2) var(--s0) var(--s-3);
  letter-spacing:.09rem;
}

.blue-link {
  color:var(--blue);
  text-decoration:underline;
  cursor:pointer;
}

.black-link {
  color:var(--text-black);
  text-decoration:underline!important;
  font-weight:700;
  cursor:pointer;
}

.offset-link {
  padding-top:80px;
  margin-top:-80px;
}

.offset-textarea {
  color:var(--text-gray);
}

.no-under {
  text-decoration:none;
}

.active,
.active>* {
  opacity:1!important;
}

@media (max-width:416px) {
  button{padding-right:var(--s1);
  padding-left:var(--s1)};
}

.radio {
  display:grid;
  grid-template-columns:min-content auto;
  grid-gap:.5em;
  font-size:1.1rem;
  padding-top:var(--s0);
  padding-bottom:var(--s-3);
  padding-left:var(--s0);
}

.radio__label {
  line-height:1.1;
}

.radio__input {
  display:flex;
}

.radio__input input {
  opacity:0;
  width:0;
  height:0;
}

.radio-before .radio__control {
  display:grid;
  place-items:center;
}

.radio-before input+.radio__control::before {
  content:"";
  width:9px;
  height:9px;
  box-shadow:0 0 0 2px #fff,0 0 0 4px #3b3644,inset 0 0 0 5px #3b3644;
  border-radius:50%;
  transition:180ms transform ease-in-out;
  transform:scale(0);
}

.radio-before input:checked+.radio__control::before {
  transform:scale(1);
}

.radio__control {
  display:block;
  width:1rem;
  height:1rem;
  border-radius:100%;
  background-color:#fff;
  border:2px solid var(--border-gray);
}

.checkbox {
  display:grid;
  grid-template-columns:min-content auto;
  grid-gap:.5rem;
  color:#000;
}

.checkbox__control {
  display:inline-grid;
  width:1rem;
  height:1rem;
  border:2px solid var(--border-gray);
  background-color:#fff;
  transition:border .1s ease-out;
  transition:background-color .1s ease-out;
}

.checkbox__control svg {
  transition:transform 50ms ease-in 10ms;
  transform:scale(0);
  transform-origin:center;
}

.checkbox__input {
  display:grid;
  grid-template-areas:"checkbox";
}

.checkbox__input>* {
  grid-area:checkbox;
}

.checkbox__input input {
  opacity:0;
  width:1rem;
  height:1rem;
}

.checkbox__input input:checked+.checkbox__control svg {
  transform:scale(1);
}

.checkbox__input input:checked+.checkbox__control {
  border:2px solid var(--purple);
  background-color:var(--purple);
}

.checkbox__input input:checkbox:disabled+.checkbox__control {
  color:var(--border-gray);
}

.checkbox--disabled {
  color:var(--border-gray);
}

input:active,
input:focus,
input:hover {
  outline:0;
}

input,
textarea {
  border:0;
}

input {
  border-bottom:2px solid var(--border-gray);
  padding-bottom:var(--s-3);
  border-radius:0;
}

textarea {
  background-color:var(--cream);
  padding:var(--s0);
  margin-top:var(--s0);
  margin-bottom:var(--s0);
}

.chart-wrapper,
.inner-wrap,
.wrapper {
  margin-right:auto;
  margin-left:auto;
}

.wrapper {
  max-width:95vw;
}

.inner-wrap {
  max-width:85vw;
}

.utility-page-wrapper {
  max-width:50rem;
  margin-left:auto;
  margin-right:auto;
  padding:var(--s4) 5vw var(--s6) 6vw;
}

.full-width {
  width:101vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-51vw;
  margin-right:-50vw;
  padding-top:var(--s1);
  padding-bottom:var(--s4);
  background-color:var(--cream);
}

@media (max-width:640px) {
	.full-width {
		padding-top: var(--s0);
	}
}

.full-width .center,
.full-width-header {
  text-align:center;
}

.full-width-header {
  background-color:var(--purple);
  padding-top:var(--s2);
  padding-bottom:var(--s2);
}

.flex {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.flex-center {
  display:flex;
  justify-content:center;
}

.flex-nowrap {
  display:flex;
  flex-wrap:nowrap;
}

.flex-child {
  flex-grow:1;
  flex-basis:calc((var(--threshold) - 100% - var(--space))*999);
}

.cluster>* {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: calc(var(--space) / 2 * -1);
}

.switcher {
  --threshold:64rem;
  --space:1rem;
}

.switcher>* {
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--space)/ 2 * -1) 0;
}

.switcher>*>* {
  flex-grow:1;
  flex-basis:calc((var(--threshold) - 100% - var(--space))*999);
  margin:calc(var(--space)/2);
}

.switcher>*>:nth-last-child(n+5),
.switcher>*>:nth-last-child(n+5)~* {
  flex-basis:100%;
}

.center {
  box-sizing:content-box;
  max-width:100ch;
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--s1);
  padding-right:var(--s1);
}

#charts .center {
	max-width:115ch !important;
}	

.center p {
  color:var(--text-gray);
  font-size:1.15rem;
  line-height:1.3;
  padding:0 1vw 1vw 1vw;
  max-width:60rem;
  margin:0 auto;
}

.grid {
  --min:15rem;
  --space:1rem;
  align-content:start;
  display:grid;
  gap:var(--space);
  grid-template-columns:100%;
  padding-left:var(--s-1);
}

.grid.aboveMin {
  padding-top:var(--s2);
  grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr));
  row-gap:var(--s2);
}

.frame {
  --n:1;
  --d:1;
  padding-bottom:calc(var(--n)/ var(--d) * 100%);
  position:relative;
}

.frame.ratio43 {
  --n:4;
  --d:3;
}

.frame.ratio169 {
  --n:9;
  --d:16;
}

.frame>* {
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.frame>img,
.frame>video {
  width:100%;
  height:100%;
  object-fit:cover;
}

.with-sidebar {
  overflow:hidden;
  max-width:80rem;
  margin-right:auto;
  margin-left:auto;
}

.with-sidebar>* {
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--s1)/ 2 * -1);
}

.with-sidebar>*>* {
  margin:calc(var(--s1)/ 2);
  flex-basis:20rem;
  flex-grow:1;
}

.with-sidebar>*>:first-child {
  flex-basis:0;
  flex-grow:999;
  min-width:calc(50% - var(--s1));
}

@media (max-width:1185px) {
  .switcher>*>*{flex-grow:0;
  flex-basis:0;
  margin:0};
}

@media (max-width:885px) {
  nav+*{margin-top:var(--s3)};
}

.grecaptcha-badge {
  visibility:hidden;
}

.menu-overlay,
.modal-overlay {
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,.55);
  z-index:999999;
  overflow-y:scroll;
}

.modal-wrapper {
  width:100%;
  max-width:35rem;
  left:50%;
  -webkit-transform:translateX(-50%) translateY(0);
  transform:translateX(-50%) translateY(0);
  position:absolute;
  margin:0;
  background:#fff;
  z-index:9999;
  border-top:2px solid var(--gold);
}

#mobile-menu .modal-wrapper {
  max-width:30rem;
  left:initial;
  -webkit-transform:initial;
  transform:initial;
}

.menu-header a {
  padding:var(--s-1);
  padding-bottom:0;
}

.menu-close {
  align-self:center;
  padding-right:var(--s-1);
}

.menu-close button {
  background-color:transparent;
  padding:var(--s-3) var(--s0);
}

.menu-close .icon-close:before {
  color:var(--text-gray);
}

.menu-body {
  margin-top:var(--s2);
  padding:0 4rem 1rem;
}

.menu-body h4 {
  font-size:1.4rem;
  padding-bottom:var(--s-5);
  border-bottom:1px solid var(--border-gray-light);
  margin:0;
  margin-bottom:var(--s0);
}

.menu-body li a {
  color:var(--text-gray);
  display:block;
}

.menu-body div>li+li {
  padding-top:var(--s-2);
}

.menu-body div+div {
  margin-top:var(--s1);
}

.hide-overflow {
  overflow:hidden;
}

.slidein {
  animation-duration:.4s;
  animation-name:slidein;
  animation-iteration-count:1;
}

@keyframes slidein {
  from{left:-50%}to{left:0};
}

@media (max-width:416px) {
  .modal-wrapper{width:100%};
}

header {
  padding-top:var(--s0);
  padding-bottom:var(--s0);
  box-shadow:0 -1.5px 14px 1px rgb(0 0 0 / 4%);
  background:#fff;
  position:fixed;
  top:0;
  width:100%;
  z-index:99999;
}

header .cluster>* {
  margin:0;
  justify-content:space-between;
}

.secondary-nav>ul>li:last-child {
  margin-left:var(--s-2);
  margin-right:var(--s2);
}

.header-logo {
  position:absolute;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  width: 9rem;
}

.header-sign-up {
  border-right:1px solid var(--border-gray);
  padding-right:var(--s0);
}

.header-sign-up>* {
  color:var(--text-gray);
  font-size:.9rem;
}

.user-icons {
  margin-left:var(--s-1);
  margin-top:var(--s-2);
}

.user-icons i {
  opacity:.8;
}

.user-signedin {
  margin-right:var(--s-2);
}

.cart-container-header {
  position:relative;
}

.cart-counter {
  position:absolute;
  display:block;
  top:3px;
  right:-9px;
  background:#f1ede8;
  padding:0 20%;
  font-size:.6rem;
  border-radius:100%;
  font-family:var(--font-sans-serif-medium);
  border:2px solid #fff;
}

nav {
  border-bottom:2px solid var(--border-gray-light);
  margin-top:75px;
}

nav ul {
  justify-content:flex-end;
}

.header-nav-list {
  justify-content:center;
  padding-top:var(--s-2);
  padding-bottom:var(--s-1);
  margin:0;
}

.header-nav-list>li {
  margin-left:1rem;
  margin-right:1rem;
  padding:var(--s-6) var(--s-1);
}

.header-nav-list>li:first-child {
  padding-left:0;
}

.header-nav-list>li:last-child {
  padding-right:0;
}

.header-logo-mobile {
  display:none;
  width:9rem;
}

#menu-toggle {
  display:block;
  position:relative;
  padding:12px 10px;
  margin-left:var(--s0);
  z-index:1;
  background-color:var(--text-black);
  border:none;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.hamburger-menu div {
  width:20px;
  border:1px solid #ffffffc7;
}

.hamburger-menu div+div {
  margin-top:3px;
}

@media (max-width:885px) {
  header{padding-top:var(--s-1);
  padding-bottom:var(--s-2)}.header-logo,.secondary-nav,nav{display:none}.header-logo-mobile{display:block;
  order:-1;
  padding:0 var(--s-1)}#menu-toggle{margin-right:var(--s0)};
}

.home section:not(section.report_module) {
  max-width:80rem;
  margin-left:auto;
  margin-right:auto;
}

.home>*+*+* {
  margin-top:var(--s4);
}

.tools_module {
  margin-top:var(--s2);
  margin-bottom:var(--s2);
}

.tools_module .switcher>*>:first-child {
  margin-left:0;
}

.tools_module .switcher>*>:last-child {
  margin-right:0;
}

.tools_module .flex-nowrap>:first-child {
  flex:0 0 9em;
  margin-right:1rem;
}

.tool-inner {
  flex-direction:column;
}

.tool-inner a,
.tool-inner i:before {
  color:var(--gold);
}

.tool-inner a {
  border-top:1px solid var(--border-gray-med);
  padding-top:var(--s-2);
}

.tool-inner i {
  font-size:.8rem;
  vertical-align:-1px;
}

@media (max-width:1185px) {
  .tools_module .switcher>*{justify-content:center;
  margin:1rem;
  flex-wrap:nowrap}.tools_module .switcher>*>*{margin:var(--s-4)}.tools_module .flex-nowrap{flex-direction:column;
  width:20ch;
  margin:var(--s-2)}.tools_module .flex-nowrap>:first-child{width:9em;
  align-self:flex-start;
  margin-right:0}.tool-inner{justify-content:space-between;
  min-height:10rem;
  margin-top:var(--s-1)};
}

@media (max-width:640px) {
  .tools_module .switcher>*>*{margin:0;
  margin-bottom:var(--s0)}.tools_module{padding:var(--s0)}.tools_module .switcher>*{flex-direction:column;
  margin:0}.tools_module .flex-nowrap{max-width:60ch;
  margin-left:auto;
  margin-right:auto;
  flex-direction:row;
  width:100%}.tool-inner{justify-content:center;
  min-height:auto;
  margin:0 0 0 var(--s1)}.tool-inner a{margin-top:var(--s-1)};
}

@media (max-width:416px) {
  .tools_module{padding:var(--s2)}.tools_module .flex-nowrap{flex-wrap:wrap;
  justify-content:center}.tool-inner{text-align:center;
  margin:0;
  margin-top:var(--s0)}.tool-inner p{max-width:100%}.tool-inner a{align-self:center;
  width:100%}.tools_module .switcher>*>*+*{margin-top:var(--s1)};
}

.mcv-chart-form-wrap{
	justify-content:center;
}

.mcv-chart-form form {
  background-color:#fff;
  padding:var(--s1);
  max-width:56ch; 
}

.mcv-chart-form form section {
  display:flex;
  margin-bottom:var(--s2);
  align-items:baseline;
  justify-content:space-between;
}

.mcv-chart-form form h2 {
  margin:0;
  margin-bottom:var(--s1);
  font-family: var(--font-serif-title);
  font-size:1rem;
  letter-spacing: 0.1em;
  color:var(--gold);
}

.mcv-chart-form .date-container>:first-child {
  flex-basis:16rem;
}

.mcv-chart-form>*+* {
  padding-top:var(--s2);
}

.date-group,
.time-group {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.date-group {
  margin-bottom:var(--s0);
}

.date-group input {
  width:19%;
  margin:var(--s-4);
}

.date-group input:last-child {
  width:26%;
}

.date-group input,
.time-group input {
  text-align:center;
  font-size:1.1rem;
}

.time-group {
  align-content:start;
  padding-top:var(--s-2);
}

.time-group>*+* {
  margin:1px;
}

.time-group label {
  margin-right:1%;
}

.time-group input {
  width:18%;
}

.birthchart-form .time-group .radio {
  padding-top:0;
  padding-left:var(--s-2);
}

.date-slash {
  padding:var(--s-1);
}

.time-colon {
  padding:var(--s-3);
}

.mcv-form-container.inner-wrap {
  max-width:65rem;
}

.birthchart-form .flex {
  margin-right:calc(-1*(8vw));
  justify-content:normal;
}

.birthchart-form .flex>* {
  margin-right:6vw;
}

.illustration-form {
  margin-top:var(--s2);
  max-width:24rem;
}

.illustration-form>* {
  transform:scale(1.3);
}

.birthchart-module {
  padding:var(--s3);
  margin-top:var(--s4);
  background-color:var(--cream);
}

.birthchart-module form {
  text-align:left;
}

.birthchart-module .center>h2 {
  margin-top:0;
}

.birthchart-module>*>* {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.birthchart-module>*>*+* {
  margin-top:var(--s2);
}

input#geolocation {
  width:100%;
}

@media (min-width:1186px) {
  .birthchart-form .flex>*{margin-right:5vw};
}

@media (max-width:1185px) {
  .mcv-form-container.inner-wrap{max-width:87vw}
  .default-input.name,.geolocation,.input-dd-container,.location-dd-container,.name,.transit-location,.twitter-typeahead{min-width:100%!important}
  .birthchart-form .flex>*{align-self:center}
  .birthchart-form .flex{flex-direction:column; justify-content:center}
  .mcv-chart-form>div+div{margin-right:5vw; margin-left:5vw}
  .mcv-chart-form form section:last-of-type>:last-child>*{justify-content:flex-start}
  .mcv-chart-form form{padding:var(--s2)}
  .mcv-chart-form form section:last-of-type>:first-child,.mcv-chart-form form section>*{flex-basis:auto}
  .mcv-chart-form form section{flex-direction:column;  justify-content:flex-start}
  .mcv-chart-form form input,.date-group{margin-top:var(--s0)}.time-group{padding-top:0}
  .birthchart-form .time-group .radio,.time-group .radio{padding-top:var(--s-2);padding-left:var(--s0)}
  .birthchart-module{padding:var(--s2)};
  
}

@media (max-width:960px) {
  .birthchart-module{padding:var(--s1)};
}

@media (max-width:416px) {
  .date-group input{width:21%}.date-slash{padding:var(--s-3)}.date-group input:last-child{width:35%}.time-group input{width:20%}.birthchart-form .time-group .radio,.time-group .radio{padding-left:0}.time-colon{padding:0}.time-group>.radio{margin-left:var(--s-2)}.time-group>.radio+.radio{margin-left:var(--s0)}.btn-full{padding-right:0;
  padding-left:0}.birthchart-module{padding:var(--s1) 0}.birthchart-module.mcv-chart-form form{padding:var(--s0)}.birthchart-module .center{padding-left:1rem;
  padding-right:1rem;
  padding-bottom:1rem}.birthchart-module .colon{margin:0}.birthchart-module .date-group input{width:20%}.birthchart-module .date-group input:last-child{width:35%}.birthchart-module .date-slash{padding:var(--s-2)};
}

@media (max-width:416px) {
  .mcv-chart-form form{padding:var(--s1)}.time-group>.radio{grid-gap:.3em;
  font-size:1rem}.time-group>.radio+.radio{margin-left:var(--s-2)};
}

.celeb_sun_module .cluster>* {
  flex-wrap:nowrap;
  margin-left:1rem;
}

.celeb_sun_module .cluster>*>*+* {
  margin-left:1rem;
}

.celeb_sun_module img {
  max-width:80px;
}

.celeb_sun_module .grid {
  --min:15rem;
}

@media (min-width:1186px) {
  .celeb_sun_module .grid{--min:14rem}.home.celeb_sun_module,.home.celeb_trend_module{padding-right:var(--s1);
  padding-left:var(--s1)};
}

@media (max-width:640px) {
  .celeb_sun_module .grid{--min:10rem;
  padding-left:0}.celeb_sun_module .cluster>*{flex-direction:column;
  margin-left:0}.celeb_sun_module .cluster>*>*+*{margin-left:0;
  margin-top:var(--s-3)};
}

@media (max-width:416px) {
  .celeb_sun_module .grid{--min:7rem};
}

.top-celeb-sign-img {
  display:inline-block;
  margin-right:10px;
  vertical-align:middle;
  margin-bottom:15px;
}

.top-celeb h1 {
  display:inline-block;
  width:80%;
  vertical-align:middle;
}

.top-celeb .rank {
  display:none;
}

.top-celeb button {
  background-color:var(--button-secondary);
  color:#000;
  text-transform:capitalize;
  width:auto;
  margin:0 auto;
  display:block;
}

.report_module {
  position:relative;
}

.report_module .section-headline {
  border-color:var(--text-black);
  margin-bottom:var(--s-1);
}

.report_module .section-headline>* {
  font-size:.75rem;
  margin-bottom:0;
}

.report_module.ad button {
  margin-top:var(--s3);
}

.report-img {
  margin-left:auto;
  margin-right:auto;
  width:52rem;
}

.report-ad-btn {
  margin-top:-4rem;
}

.report_module .icon-chevron-r {
  font-size:1rem;
  vertical-align:-1px;
}

.report_module .icon-chevron-r:before {
  color:#fff;
}

@media (max-width:885px) {
  .report-img{width:24rem;
  margin-top:var(--s1)}.report-ad-btn{margin-top:var(--s1)};
}

@media (max-width:416px) {
  .report-img{width:17rem};
}

.celeb_trend_module .grid {
  gap:3rem 5rem;
}

.celeb_trend_module p {
  margin:0;
}

.celeb_trend_module .flex-nowrap {
  align-items:center;
  margin:calc(1rem / 2 * -1);
}

.rank {
  font-size:.95rem;
  font-weight:700;
  min-width:1em;
}

.celeb_trend_module .flex-nowrap>*+* {
  margin-left:var(--s-1);
}

.celeb-info>*+* {
  margin-top:var(--s-6);
  font-size:.9rem;
}

.celeb_trend_module img {
  max-width:60px;
}

.hp .celeb-info p:first-child {
  font-size:.8em;
  text-transform:uppercase;
  letter-spacing:.06rem;
  font-weight:500;
}

.celeb-info p:last-child {
  color:var(--text-gray);
  font-style:italic;
  margin:0;
}

@media (max-width:640px) {
  .rank{display:none}.celeb_trend_module .flex-nowrap>*+*{margin-left:0}.celeb_trend_module .celeb-info{margin-left:var(--s-1)}.celeb_trend_module .grid{gap:3rem 1rem;
  --min:10rem};
}

footer {
  background-color:var(--cream);
  margin-top:var(--s4);
  padding-top:var(--s4);
  padding-bottom:var(--s4);
}

footer .center {
  text-align:left;
}

footer .cluster>* {
  justify-content:center;
}

footer .cluster>*>*+* {
  margin-left:2rem;
}

.footer-logo {
  width:7rem;
}

footer li {
  margin-top:var(--s-3);
}

footer li:last-child {
  color:var(--text-gray);
  margin-top:var(--s-1);
}

@media (max-width:416px) {
  footer .cluster>*>*+*{margin-left:0;
  width:100%}footer ul{text-align:center};
}

.full-width-header h1 {
  color:#fff;
  font-weight:400;
}

.utility-page-wrapper h2 {
  font-family:var(--font-serif-bold);
  font-size:1.2rem;
}

.feedback>p {
  max-width:40rem;
  margin-bottom:var(--s2);
}

.feedback-form {
  max-width:30rem;
}

.feedback-form>:not(.feedback-formsection:nth-child(3)) {
  margin-bottom:var(--s1);
  display:flex;
  align-items:baseline;
}

.feedback-form label {
  margin-right:var(--s0);
}

.feedback-form input,
.feedback-form textarea {
  width:100%;
}

.feedback-form textarea {
  margin-left:var(--s-1);
}

.feedback-form button {
  background-color:var(--purple);
}

@media (max-width:885px) {
  .feedback-form>*{display:block};
}

.login {
  background-color:var(--cream);
}

.login h1 {
  margin-top:0;
  margin-bottom:var(--s0);
  text-transform:uppercase;
  font-size:2rem;
  letter-spacing:.15rem;
  font-family:var(--font-sans-serif-medium);
}

.login p {
  padding:0;
  margin:0;
}

.login a {
  font-family:var(--font-serif);
}

.login .center>* {
  background-color:#fff;
  margin:5vh auto;
  padding:var(--s4);
  width:90%;
}

.login form>*+* {
  margin-top:var(--s1);
}

.login button {
  margin-top:var(--s0);
}

.login .flex {
  align-items:center;
}

.login .flex>:first-child {
  flex:0 0 50%;
  margin-bottom:var(--s2);
}

.login-google {
  text-align:left;
  margin-top:var(--s2);
  display:flex;
  align-items:center;
}

.login-google img {
  width:10rem;
  margin-left:var(--s0);
}

.signup .login-google img {
  margin-left:0;
}

span.form-choice {
  display:block;
  margin:var(--s0) 0;
}

.login input {
  width:100%;
}

.forgot-pass {
  display:flex;
  justify-content:flex-end;
  margin-top:var(--s-1);
}

.forgot-pass a {
  font-size:.9rem;
  color:var(--text-gray-light);
}

.input-icon-wrap {
  display:flex;
  flex-direction:row;
}

.input-icon {
  border-bottom:2px solid var(--border-gray);
  padding-right:var(--s-1);
  padding-bottom:var(--s-3);
}

.login-img {
  order:-1;
  flex-basis:15rem;
  text-align:center;
}

.login-img a {
  display:block;
  margin-top:var(--s2);
  text-decoration:underline;
}

@media (max-width:885px) {
  .signup .center{padding-left:0;
  padding-right:0}.login-img{flex-basis:28vw}.login .center>*{padding:var(--s2)}.login button{padding-left:var(--s1);
  padding-right:var(--s1)};
}

@media (max-width:640px) {
  .login .flex{display:block}.login-img{width:12rem;
  margin-right:auto;
  margin-left:auto};
}

@media (max-width:416px) {
  .login .center{padding-left:0;
  padding-right:0}.login .center>*{margin-top:3vh;
  padding:var(--s1)};
}

.shop-home {
  padding-top:var(--s4);
}

.shop-home .with-sidebar>*>:last-child {
  margin-top:var(--s3);
}

.item-details p:first-child,
.shop-home h2 {
  letter-spacing:.09rem;
}

.shop-home .section-headline {
  margin-bottom:var(--s2);
}

.shop-home .cluster>* {
  justify-content:center;
}

.shop-home .cluster>*>* {
  margin:.5rem;
}

.shop-home h3 {
  font-size:1rem;
  margin-bottom:0;
  margin-top:var(--s-3);
}

.shop-home img {
  max-width:300px;
}

.mobile.shop-summary,
.shop-summary {
  display:none;
}

.shop-summary-desktop {
  display:block;
}

.mobile.shop-summary {
  order:-1;
}

.item-details {
  margin-top:var(--s-2);
}

.article-card-details span,
.item-details p:first-child {
  font-family:var(--font-sans-serif);
  color:var(--text-gray);
  text-transform:uppercase;
  font-size:.8rem;
}

.item-details p:last-child {
  font-size:.95rem;
  font-weight:600;
}

.item-details i+p {
  margin-left:var(--s-1);
}

@media (max-width:885px) {
  .mobile.shop-summary,.shop-summary{display:block;
  flex-basis:100%}.shop-summary-desktop{display:none};
}

.shop-item {
  padding-top:var(--s3);
}

.shop-item>:first-child {
  margin-bottom:var(--s3);
  padding-bottom:var(--s4);
  border-bottom:4px solid var(--border-gray-med);
}

.shop-item .cluster>* {
  --threshold:40rem;
  --space:2rem;
  align-items:flex-start;
}

.shop-item .cluster>*>* {
  flex-grow:1;
  flex-basis:calc((var(--threshold) - 100% - var(--space))*999);
  margin:calc(var(--space)/2);
}

.shop-img {
  height:20rem;
}

.shop-img img {
  height:20rem;
  object-fit:scale-down;
}

.shop-item h1 {
  font-size:2rem;
  margin-top:0;
  margin-bottom:var(--s0);
}

.shop-item h3 {
  font-family:var(--font-sans-serif);
  text-transform:uppercase;
  letter-spacing:.1rem;
  font-size:.75rem;
  font-weight:500;
}

.shop-item .inner-wrap>*+* {
  margin-top:var(--s3);
}

.shop-item span {
  font-size:1.3rem;
}

.shop-item button {
  margin-top:var(--s-1);
}

.shop-item .flex-nowrap {
  align-items:flex-start;
}

.shop-item .inner-wrap {
  max-width:55vw;
}

.shop-item i+* {
  margin-left:var(--s1);
}

.shop-item i {
  margin-top:var(--s-4);
  transform:rotate(180deg);
  font-size:1.2rem;
}

.item-desc>*+* {
  margin-top:1rem;
}

.shop-item.wrapper {
  max-width:75vw;
}

@media (min-width:1185px) {
  .shop-item.wrapper{max-width:60rem}.shop-item .inner-wrap{max-width:40rem};
}

@media (max-width:960px) {
  .shop-item h1{font-size:1.7rem};
}

@media (max-width:640px) {
  .shop-item .inner-wrap{max-width:85vw};
}

.gallery-shop .gallery-large {
  position:relative;
}

.gallery-shop .arrow {
  position:absolute;
  top:40%;
  cursor:pointer;
  display:block;
  width:20px;
  height:20px;
}

.gallery-shop .arrow-left {
  left:10px;
}

.gallery-shop .arrow-right {
  right:10px;
}

.gallery-img {
  display:none;
  width:100%;
}

.gallery-img.selected {
  display:block;
}

.gallery-thumb {
  padding:15px 0;
  text-align:center;
}

.gallery-thumb .thumb {
  width:60px;
  display:inline-block;
  margin-right:15px;
  cursor:pointer;
}

.gallery-thumb .thumb.selected {
  border:1px solid #000;
}

.full-width-header.dash-head {
  background-color:var(--cream);
  padding-top:var(--s3);
}

.dash-head h1 {
  margin-bottom:var(--s3);
  color:var(--text-black);
}

.dash-head .cluster ul {
  justify-content:center;
  padding-bottom:var(--s-2);
  padding-left:var(--s-2);
}

.dash-head .cluster li {
  text-transform:uppercase;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.09rem;
  margin:var(--s0);
}

.dash-head .cluster a {
  opacity:.5;
}

.saved-header:first-of-type {
  align-self:flex-end;
}

.saved-header h2 {
  font-family:var(--font-sans-serif);
  font-size:.75rem;
  text-transform:uppercase;
  font-weight:400;
  letter-spacing:.1rem;
  margin:0;
  margin-bottom:var(--s-1);
  margin-right:var(--s1);
}

.dash-body.wrapper>*>:first-child {
  align-items:center;
  border-bottom:1px solid var(--border-gray-med);
}

.dash-body>* {
  margin-top:var(--s3);
}

.dash-body .chart-container::-webkit-scrollbar {
  -webkit-appearance:none;
}

.dash-body .chart-container::-webkit-scrollbar {
  width:7px;
}

.dash-body .chart-container::-webkit-scrollbar-thumb {
  border-radius:10px;
  border:1px solid #7c7c7c;
  background-color:#7c7c7c;
}

.dash-body .btn-w-icon {
  margin-bottom:var(--s-1);
}

.dash-body .btn-w-icon span {
  font-size:.75rem;
  font-weight:500;
  letter-spacing:.1rem;
}

.dash-body .btn-w-icon i {
  margin-top:var(--s-2);
}

.dash-body .chart_display {
  width:100%;
  max-width:100%;
}

.dash-body .chart-details>*>:last-child {
  margin-top:0;
}

.dash-body .saved-chart .tip_inner p {
  color:#fff;
}

.dash-body .tip_inner {
  width:90px;
  left:21px;
}

.individual-content {
  padding-top:var(--s1);
  padding-bottom:var(--s2);
}

.dash-syn .chart-details>*>:last-child {
  margin-top:var(--s0);
}

.chart-container {
  max-height:16rem;
  overflow:auto;
  background-color:#fbf9f8;
}

.chart-container>* {
  border-bottom:1px solid var(--border-gray-med);
}

.chart-details p+p,
.saved-chart p+p,
.saved-chart span {
  font-size:1rem;
  margin:0;
}

.saved-chart .saved-details p:first-child {
  cursor:pointer;
}

.saved-chart>* {
  margin:var(--s-1) var(--s1);
}

.saved-chart.active>:first-child>:first-child {
  text-decoration:underline;
}

.saved-chart-actions {
  flex-direction:column;
}

.saved-chart-actions>* {
  width:9rem;
}

.saved-chart-actions>*>* {
  margin:calc(1rem/2) 1rem;
  opacity:.5;
  cursor:pointer;
  margin-left:0;
}

.saved-chart-actions>*>:hover {
  opacity:1;
}

.saved-chart-actions span {
  margin-left:var(--s1);
}

.saved-chart i {
  vertical-align:middle;
}

.saved-chart p+p {
  color:var(--text-gray);
}

.dash-settings .chart-container {
  max-height:100%;
  overflow:inherit;
}

.dash-settings .chart-container>* {
  border-bottom:none;
  cursor:default;
}

.settings_done {
  display:none;
}

.dash-settings-footer {
  width:20rem;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}

.dash-settings-footer #restore_defaults {
  margin-top:var(--s0);
  margin-bottom:var(--s0);
  background-color:var(--cream);
  color:var(--text-gray);
}

.dash-account .saved-header {
  margin-bottom:var(--s0);
}

.dash-account button {
  font-size:1rem;
}

@media (min-width:885px) {
  .dash-syn .chart_display{width:30rem}.dash-head .cluster ul{margin-left:var(--s0);
  margin-right:var(--s0)}.saved-chart-actions{flex-direction:row;
  justify-content:flex-start}.saved-chart-actions>*>*{margin-left:0};
}

@media (max-width:790px) {
  .saved-chart{flex-direction:column};
}

@media (max-width:416px) {
  .dash-head h1{margin-bottom:var(--s2)}.dash-head .cluster ul{flex-direction:column};
}

.mcv-charts-info, .tool-info {
  max-width:65rem;
  margin-left:auto;
  margin-right:auto;
}

.mcv-charts-info>*+*, .tool-info>*+*,
.tool-page>*+* {
  margin-top:var(--s4);
}

.tool-page .grid {
  grid-gap:2rem;
  column-gap:5rem;
  grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));
  padding-left:0;
}

.tool-page .center {
  margin-bottom:var(--s3);
}

.mcv-charts-info>:first-child, .tool-info>:first-child {
  max-width:90%;
}

.mcv-charts-info p {
  font-size:1.15rem;
  line-height:1.61;
  color:var(--text-gray);
}

.tool-info p {
  line-height:2.1;
}

.mcv-charts-info h2 {
  margin-top:0;
  margin-bottom:0 !important;
  font-size:1.8rem;
  color:var(--text-graym);
  line-height:1.3;
  font-weight:700;
}

.tool-info h2 {
  margin-top:0;
  font-size:2rem;
  font-weight:400;
}

.mcv-charts-info .grid h2, .tool-info .grid h2 {
  margin-bottom:var(--s0);
}

.mcv-charts-info .grid p, .tool-info .grid p {
  padding-right:var(--s2);
}

.mcv-charts-info .grid .image, .tool-info .grid .image {
  justify-self:center;
  align-self:center;
}

.mcv-charts-info .grid .image>*, .tool-info .grid .image>* {
  max-width:15rem;
}

.input-dd-container {
  position:relative;
}

.default-input.name,
.input-dd-container,
.location-dd-container,
.twitter-typeahead {
  min-width:78%;
  max-width:85%;
}

.select-locations {
  width:9rem;
}

.alt-form section .input-dd-container,
.form-modal section .input-dd-container {
  min-width:100%;
}

.default-input.geolocation,
.twitter-typeahead {
  width:100%;
}

.error {
  display:none;
  font-size:.9rem;
}

.error p+p {
  margin:0!important;
}

.date-container.has-error>:first-child span,
.error,
.error>*,
.has-error>input::placeholder,
.has-error>label>:not(span.radio__label),
input.has-error {
  color:var(--red)!important;
}

input.has-error {
  border-color:var(--red)!important;
}

select.has-error {
  border-color:var(--red)!important;
}

.alt-form.mcv-chart-form form {
  padding:var(--s2);
}

.alt-form.mcv-chart-form form section,
.alt-form.mcv-chart-form form section label {
  display:block;
}

.alt-form.mcv-chart-form form input {
  margin-top:var(--s0);
}

.alt-form.mcv-chart-form .radio {
  display:flex;
}

.alt-form.mcv-chart-form .date-container>:last-child>* {
  justify-content:flex-start;
}

.alt-form.mcv-chart-form .full-width-input {
  min-width:100%;
}

.partner2 {
  margin-top:var(--s3);
}

.chart-wrapper {
  max-width:60vw;
}

.chart>*+* {
  margin-top:var(--s3);
}

.chart .cluster>*>* {
  margin:var(--s-2);
}

.chart-drawing {
  margin-top:var(--s1);
  margin-bottom:var(--s2);
}

#raphael {
  margin-right:auto;
  margin-left:auto;
}

.chart-details p:first-child,
.saved-chart p:first-child {
  color:var(--text-black);
  margin-bottom:var(--s-2);
}

.chart-details h1:first-child {
  font-family:var(--font-serif-title);
  font-size:2rem;
  margin-bottom:var(--s-4);
}

.birth-time-accuracy {
  font-family:var(--font-serif-bold);
  color:var(--text-gray);
  font-size:.8rem;
}

.section-headline-center>* {
  display:flex;
  position:relative;
  justify-content:center;
}

.section-headline-center h1 {
  position:relative;
  background-color:#fff;
  padding:0 var(--s-2);
  text-transform:uppercase;
  font-family:var(--font-sans-serif);
  font-size:.8rem;
  letter-spacing:.12rem;
  font-weight:600;
  z-index:999;
}

.section-headline-center>*>:last-child {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:18px;
  border-bottom:1px solid var(--border-gray-med);
}

.chart-bio .flex>*,
.portrayed-bio .flex>*,
.chart-details>* {
  margin-top:var(--s1);
}

.chart-details.relationship>:first-child>*+* {
  margin-top:var(--s1);
}

.chart-btn-container {
  max-width:160px;
  height:100%;
  position:relative;
}

.chart-btn-container>* {
  background-color:var(--button-secondary);
  display:flex;
  justify-content:center;
}

.chart-btn-container>*+* {
  margin-top:var(--s-2);
}

.chart-btn-container button {
  margin-top:0;
}

.chart-btn-container>:first-child {
  flex-basis:100%;
}

.chart-btn-container i,
.com-btn-container i {
  margin:var(--s-3) var(--s-1);
  font-size:1.6rem;
}

.chart-btn-container span,
.com-btn-container span {
  font-size:.8rem;
  margin-left:0;
}

.disabled>button {
  opacity:.4;
  cursor:not-allowed;
}

.disabled>button i {
  opacity:.3;
}

.legend_box_container {
  display:none;
  position:absolute;
  right:0;
  top:85%;
  background-color:#fff;
  border:1px solid currentColor;
  margin-top:0;
  padding:1rem;
  padding-bottom:.5rem;
  z-index:999;
}

.composite .legend_box_container {
  top:52%;
}

.synastry .legend_box_container {
  top:45%;
}
/*
.legend_box>*,
.legend_box_container>:last-child {
  display:flex;
}

.legend_box_container>:last-child {
  flex-wrap: wrap;
  flex-direction: column;
  width: 17rem; 
  height: 5rem;
  margin-top: var(--s-1);
  column-gap: 1rem; 
}

.legend_box>* {
  align-items:center;
}

.legend_box>*>*+* {
  margin-left:var(--s-3);
}

.legend_box>*>p {
  margin-left:var(--s-3);
  font-size:.9rem;
}
*/
/* Le conteneur interne qui gère les colonnes */
.legend_box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 5rem;
  width: 16rem; /* Ta nouvelle largeur augmentée */
  column-gap: 1.5rem; /* Espace fixe entre tes deux colonnes */
  margin-top: var(--s-1);
}

/* Les lignes d'aspects (Carré, Sextile, etc.) */
.legend_box > div {
  display: flex;
  align-items: center;
  height: 1.6rem; /* Optionnel : aide à aligner verticalement si besoin */
}

/* Espacement entre l'icône et le texte */
.legend_box > div > p {
  margin-left: var(--s-3);
  font-size: .9rem;
}

.legend_color {
  width:1rem;
  height:.5rem;
  margin-right:var(--s-5);
}

.legend_color.red {
  background-color:#ea5650;
}

.legend_color.yellow {
  background-color:#f3e44e;
}

.legend_color.purple {
  background-color:#a450f7;
}

.legend_color.blue {
  background-color:#277af5;
}

.legend_color.green {
  background-color:#52aa66;
}

.legend_color.grey {
  background-color:#c6c9c6;
}

#share-chart-overlay .modal-wrapper>*+*+*,
#short-url>* {
  margin-top:var(--s0);
}

#save-chart-overlay input,
#share-chart-overlay input {
  width:100%;
}

.modal-legal {
  display:block;
  font-size:.8rem;
  color:var(--border-gray);
  margin-top:var(--s0);
}

#save-chart-overlay form>:first-child {
  text-align:center;
}

button#save-chart-signup {
  margin-top:var(--s-3);
}

.section-desc {
  background-color:var(--bg-gray);
  margin-top:var(--s-1);
  margin-bottom:var(--s1);
  max-width:100%;
}

.section-desc p {
  font-size:1rem;
  padding:var(--s0);
  color:var(--text-gray);
  -webkit-font-smoothing:antialiased;
}

.section-desc+* {
  /* padding-left:var(--s1); */
}

.exception {
  display:none;
  margin-top:var(--s-1);
}

.two-col-wrap>* {
  column-count:2;
  max-width:42rem;
}

.person-chart .two-col-wrap>* {
  max-width:40rem;
}

.two-col-wrap>*>*,
.two-col-wrap>*>*>* {
  display:inline-flex;
  flex-wrap:wrap;
}

.two-col-wrap>*>* {
  flex-wrap:nowrap;
}

.two-col-wrap>*>*>*>*+* {
  margin-left:var(--s-3);
}

.two-col-wrap img {
  max-width:24px;
  margin-right:var(--s0);
}

.p_pos,
.p_sign {
  color:var(--green);
}

.aspect_b_orb {
  font-size:.8rem;
  color:var(--blue);
}

.two-col-wrap .as_text {
  align-items:center;
}

#aspects-detailed {
  display:none;
}

#aspects-detailed{ display:none; }

#aspects-detailed-link{ cursor:pointer; }
#aspects-detailed-link .icon-chevron-r{
  display:inline-block;
  transition: transform 150ms ease;
}
#aspects-detailed-link[aria-expanded="true"] .icon-chevron-r{
  transform: rotate(90deg);
}

.chart-patterns .cluster>*+* {
  border-top:1px solid var(--border-gray-light);
  margin-top:var(--s0);
  padding-top:var(--s0);
}

.aspect-info {
  margin:var(--s1);
}

.aspect-info p {
  margin:0;
}

.aspect-info p:first-child {
  margin-bottom:var(--s0);
}

.chart-special .cluster>*>* {
  display:flex;
  flex-basis:47%;
  align-items:center;
}

.special-icon-img {
  flex-basis:6rem;
}

.special-text {
  flex-basis:15rem;
  margin-left:var(--s0);
}

#declination_view {
  display:none;
}

#declination_view .two-col-wrap>* {
  max-width:40rem;
}

.house_type {
  color:var(--text-gray);
  flex-basis:100%;
  font-size:.85rem;
  margin-left:var(--s-2);
}

.chart .full-width.ad+* {
  margin-top:var(--s3);
}

.ad_chart_details_addon {
  background-color:#fff;
  max-width:50rem;
  text-align:left;
  margin-top:var(--s4);
  margin-right:auto;
  margin-left:auto;
  padding:var(--s2);
}

.ad_chart_details_addon>:first-child {
  display:flex;
  position:relative;
  flex-direction:column;
  align-items:center;
}

.ad_chart_details_addon img {
  width:220px; /*170 */
  height:309px;
}

.ad_chart_details_addon>:last-child {
  width:20rem;
  margin-left:3rem;
}

.bc_details>*+* {
  margin-top:var(--s-2);
}

.bc_details>:last-child {
  display:block;
  margin-top:var(--s1);
}

.bc_attr>:first-child {
  font-family:var(--font-serif-bold);
}

.ad_module_mob {
  display:none;
}

.ad-price {
  position:absolute;
  top:-22px;
  right:-14px;
  color:#fff;
  background-color:var(--button-black);
  padding:var(--s0);
  border-radius:100%;
}

.chart+footer {
  margin-top:var(--s-1);
}

.dash-body+footer {
  margin-top:0;
}

.ad_clickable {
  font-style:italic;
  margin-top:var(--s-1);
  cursor:pointer;
}

.ad_clickable i {
  vertical-align:middle;
  margin:0;
  margin-right:var(--s-3);
  font-size:12px;
}

.advanced-settings {
  display:none;
}

.form-modal .advanced-settings {
  padding:var(--s-1);
  background-color:var(--bg-gray);
}

.ad_clickable,
.advanced-settings a,
.advanced-settings p,
.advanced-settings span {
  font-size:1rem;
}

.advanced-settings p {
  padding:0;
  margin-top:var(--s-1);
}

.advanced-settings i {
  color:grey;
}

.form-modal .advanced-settings p {
  margin-top:0;
  width:100%;
}

.advanced-settings .checkbox {
  margin-top:var(--s-1);
}

.advanced-settings .radio__label {
  width:19rem;
  line-height:22px;
}

#aspects-detailed-link,
#p2_planets,
.composite #p1_planets {
  margin-top:var(--s0);
}

.syn-planets {
  margin-bottom:var(--s-1);
}

.syn-planets a,
a#aspects-detailed-link {
  cursor:pointer;
}

#aspects-detailed-link i,
.syn-planets i {
  font-size:.7rem;
}

@media (min-width:1185px) {
  .chart-wrapper{max-width:50rem};
}

@media (max-width:885px) {
  .chart main{display:flex;
  flex-direction:column}.chart-details,.section-headline-center{order:-1}.chart-wrapper{max-width:85vw}.two-col-wrap>*{column-count:1;
  columns:auto}.two-col-wrap>*>*{margin-top:var(--s-2);
  display:flex;
  flex:100%}.chart_display{width:100%}.chart-special .cluster>*>*{flex-basis:100%}.chart-special .cluster>*>*+*{margin-top:var(--s0)};
}

@media (max-width:640px) {
  .report_module .full-width-headline{line-height:1.3;  padding:0 .5vw}
  .center p{padding:0}
  .ad_chart_details_addon>:first-child{margin-bottom:var(--s2)}
  .ad_chart_details_addon>:last-child{width:13rem}
  .chart .report_module>*{display:flex;  flex-direction:column}
  .chart .report_module button{
	  order:2;
	  padding-left:var(--s3);
	  padding-right:var(--s3);
	  padding-top:var(--s0);
	  margin-right:auto;
	  margin-left:auto}
  .chart .ad_chart_details_addon{order:1;  justify-content:center}
  .ad_module_mob{display:block}
  .ad_module_mob img:first-child{margin-top:var(--s0)}
  .section-desc+*{padding-left:0}
  .chart-details{text-align:center;  justify-content:center}
  .chart-patterns .aspect-info{margin:var(--s-2);  margin-left:var(--s0)}
  .chart-details>:first-child{margin-top:var(--s-2); flex-basis:100%}
  .chart-special .cluster>*>*{flex-wrap:wrap}
  .special-icon-img{flex-basis:4rem}
  .special-text{flex-basis:10rem}
  .advanced-settings .radio__label{width:100%}
  .composite .legend_box_container,.legend_box_container,.synastry .legend_box_container{right:50%; transform:translateX(50%); 
  top:105%};
}

@media (max-width:518px) {
  .chart-patterns .cluster>*{justify-content:center!important}.chart-patterns .aspect-info{flex:100%;
  text-align:center;
  margin-bottom:var(--s1)}.ad_chart_details_addon{max-width:20rem}.ad_chart_details_addon>:last-child{margin-left:0};
}

@media (max-width:416px) {
  .section-headline-center>*>:last-child{border:none}.chart .ad_chart_details_addon{width:100%};
}

.create-chart-module {
  background-color:var(--bg-gray);
  margin-bottom:var(--s3);
}

.create-chart-module img {
  width:50%;
  max-width:150px;
}

.create-chart-module .flex {
  padding:var(--s2);
}

.create-chart-module .flex>* {
  flex-grow:1;
  flex-basis:calc((40rem - 100%)*999);
  justify-content:center;
  text-align:center;
  margin-top:var(--s2);
  margin-bottom:var(--s2);
  padding-left:var(--s1);
  padding-right:var(--s1);
}

.create-chart-module .flex>*+* {
  border-left:1px solid var(--border-gray-med);
}

.create-chart-module .flex>*>*+* {
  margin-top:var(--s0);
}

.create-chart-module h3 {
  font-size:2rem;
  margin:0!important;
  font-weight:600;
}

.create-chart-module p {
  font-size:.95rem;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width:1185px) {
  .create-chart-module img{width:40%}.create-chart-module p{max-width:80%}.create-chart-module .flex>:first-child{margin-bottom:var(--s1)}.create-chart-module .flex>*{flex:100%;
  padding:0}.create-chart-module .flex>*+*{border-top:1px solid var(--border-gray-med);
  border-left:none;
  margin-top:var(--s0);
  padding-top:3rem};
}

@media (max-width:416px) {
  .create-chart-module img{max-width:50%}.create-chart-module h3{font-size:1.6rem}.create-chart-module p{max-width:100%}.create-chart-module .flex{padding:var(--s2) var(--s1)};
}

.person-home>*+* {
  margin-top:var(--s4);
}

.person-home .switcher>* {
  --space:var(--s1);
}

.person-home .switcher>*>* {
  --threshold:85ch;
}

.person-home .switcher>*>:nth-child(1) {
  flex-grow:2;
}

.person-home .switcher>*>:nth-child(2) {
  flex-grow:1;
  display:flex;
  justify-content:center;
}

.person-search {
  padding-top:var(--s4);
  padding-bottom:var(--s4);
}

.person-search h1 {
  font-size:2.1rem;
  margin-top:0;
}

.person-search .flex {
  justify-content:flex-start;
}

.person-search .flex>* {
  margin:calc(var(--s1)/2);
}

.person-search .flex>*+* {
  flex-basis:15%;
}

.person-search .flex>*>* {
  margin:0;
}

.person-search .flex>:first-child>*+* {
  margin-top:var(--s0);
}

.person-search p {
  max-width:32rem;
  font-size:1.3rem;
  color:var(--text-gray);
}

.person-search a {
  display:block;
}

.advanced.person-search p {
  max-width:40rem;
}

.advanced .btn-w-icon {
  padding:0 var(--s0);
}

.advanced .btn-w-icon i {
  font-size:2rem;
}

.person-search img {
  /*width:8rem;*/
}

.person-input {
  position:relative;
  align-items:center;
  max-width:31rem;
  margin-top:var(--s1);
}

.person-input i {
  position:absolute;
}

.person-input input {
  background-color:transparent;
  border-bottom:1px solid #000;
  margin-top:var(--s-1);
  margin-right:var(--s1);
  padding-bottom:var(--s-1);
  padding-left:var(--s2);
}

.person-input .tt-dropdown-menu,
.person-input input {
  width:84%;
}

.tt-dataset-all-people p {
  font-size:1rem;
}

.celeb_search_aspect_module p {
  margin:var(--s0);
}

.celeb_explore_module {
  margin-top:var(--s2);
}

.celeb_explore_module p {
  font-family:var(--font-sans-serif-medium);
}

.celeb_explore_module .cluster>*>* {
  background-color:var(--cream);
  margin:var(--s2);
  padding:var(--s1) var(--s0);
  font-size:1.1rem;
  letter-spacing:.1rem;
  text-transform:uppercase;
}

.celeb_explore_module i {
  font-size:3rem;
}

.select-dd.flex {
  justify-content:flex-start;
  align-items:center;
}

.select-dd.flex.alt {
  flex-direction:column;
  align-items:flex-start;
}

.btn-group {
  position:relative;
}

.dropdown-menu {
  min-width:10rem;
  max-height:12rem;
  overflow:auto;
  position:absolute;
  top:100%;
  left:0;
  display:none;
  z-index:1000;
  font-size:17px;
  background-color:var(--border-gray-light);
}

.dropdown-menu li {
  cursor:default;
}

.dropdown-menu>li>a {
  font-family:var(--font-sans-serif);
  display:block;
  padding:3px 20px;
}

.dropdown-menu::-webkit-scrollbar {
  -webkit-appearance:none;
}

.dropdown-menu::-webkit-scrollbar {
  width:7px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  border-radius:10px;
  border:1px solid #7c7c7c;
  background-color:#7c7c7c;
}

.open>.dropdown-menu {
  display:block;
}

.btn-go {
  padding-top:25px;
}

.select-dd .black-bg {
  padding-top:var(--s-1);
  padding-bottom:var(--s-1);
}

.select-dd.flex>* {
  margin:var(--s0);
}

.select-dd i {
  font-weight:400;
  padding-bottom:var(--s-3);
}

@media (min-width:1185px) {
  .inner-wrap,.person-home{max-width:68rem !important};
}

@media (max-width:960px) {
  .person-home .switcher>*>:nth-child(1){flex:100%}.person-home .switcher>*>:nth-child(2){margin:var(--s1);
  margin-left:0;
  order:-1;
  display:block};
}

@media (max-width:640px) {
  .person-input{max-width:68vw}.person-input input{width:90%;
  padding-left:var(--s1)};
}

.person-chart h1 {
  margin-top:0;
}

.person-chart .with-sidebar>*>* {
  margin:calc(var(--s3)/ 2);
}

.person-category .with-sidebar>*>:first-child,
.person-chart .with-sidebar>*>:first-child {
  min-width:calc(60% - var(--s1));
}

.with-sidebar .celeb-info p {
  font-size:.95rem;
}

.sidebar .celeb-info p:first-child,
.sidebar .rank {
  /*display:none;*/
}

.person-chart .cluster>* {
  justify-content:flex-start;
}

.chart-details {
  margin-top:var(--s-2);
  margin-bottom:var(--s1);
  position:relative;
}

.chart-bio .flex-child,
.portrayed-bio .flex-child{
  --threshold:16rem;
  --space:1rem;
  margin-bottom:var(--s0);
}

.chart-bio p,
.portrayed-bio p {
  max-width:100%;
}

.time-credit {
  font-size:.85rem;
  margin-top:var(--s0);
}

.time-credit .uppercase {
  text-transform:uppercase;
  font-size:.7rem;
  letter-spacing:0;
}

.date-last-updated {
  display:none;
}

.celeb-img {
  flex-direction:column;
  max-width:15rem;
}

.image-credit-link {
  font-size:.8rem;
  display:block;
  cursor:pointer;
  margin-top:var(--s-3);
  margin-bottom:var(--s-3);
  align-self:flex-end;
}

.image-credit {
  /*display:none;*/
  color:var(--text-gray);
  background-color:var(--bg-gray);
  font-size:.7rem;
  padding:var(--s-3);
}

.image-credit a {
  color:var(--blue);
}

.sidebar {
  min-width:300px;
}

.sidebar>*+* {
  margin-top:var(--s3);
}

.sidebar .section-headline+* {
  margin-top:var(--s1);
  padding-top:0;
}

.sidebar .celeb_trend_module>:last-child {
  margin-top:var(--s2);
}

.sidebar .celeb_trend_module .grid {
  gap:2rem 0;
}

.celeb_cat .celeb-info>:first-child,
.sidebar .celeb-info>:first-child {
  font-family:var(--font-serif-bold);
}

.sidebar .celeb_sun_module>ul>*+* {
  margin-top:var(--s-2);
}

.sidebar .celeb_sun_module i {
  font-size:1.4rem;
}

.recent_articles_module li a {
  margin:0;
}

.recent_articles_module p {
  font-size:.85rem;
  margin-left:var(--s-1);
}

.recent_articles_module ul>li+li {
  margin-top:var(--s0);
}

.recent_articles_module img {
  max-width:60px;
  max-height:60px;
}

#advanced-search-btn {
  margin-top:var(--s0);
}

#advanced-search-btn i {
  font-size:1.6rem;
  margin-top:var(--s-3);
  margin-bottom:var(--s-3);
}

#advanced-search-btn span {
  font-size:.75rem;
  margin:0;
}

.person-category h1,
.planetary-transits h1 {
  font-size:2rem;
  margin:0;
  margin-bottom:var(--s-2);
}

.celeb_cat>*+* {
  margin-top:var(--s1);
}

.celeb-cat-info {
  background-color:var(--bg-gray);
  padding:var(--s-1);
}

.celeb-cat-info p {
  margin-top:var(--s0);
  color:var(--text-gray);
}

#degree_select {
  display:none;
}

.celeb_cat .grid {
  --min:10rem;
}

.celeb_cat .grid>* {
  text-align:center;
}

.celeb_cat .frame {
  padding-bottom:calc(var(--n)/ var(--d) * 9rem);
}

.celeb_cat img {
  width:120px;
  height:120px;
  border-radius:100%;
  margin-left:auto;
  margin-right:auto;
}

.pagination {
  margin-top:var(--s2);
}

.pagination a {
  font-family:var(--font-sans-serif-medium);
  font-size:.85rem;
  text-transform:uppercase;
}

.pagination>*>:hover {
  border-bottom:2px solid;
}

.pagination>*+* {
  margin-left:1rem;
}

.pagination i {
  font-size:.8rem;
  padding:var(--s-2);
  margin:0;
}

.person-category .image-credit-link {
  text-align:right;
}

.person-category .image-credit {
  display:none;
  padding:var(--s-1) var(--s1);
  margin-top:0;
}

main.celeb_search_aspect_module+* {
  margin-top:var(--s1);
}

main.celeb_search_aspect_module p {
  margin:0;
}

main.celeb_search_aspect_module .select-dd {
  margin-top:var(--s0);
}

.element-link-container {
  columns:auto 3;
}

.element-link-container a {
  display:block;
}

.element-link-head {
  display:flex;
  align-items:center;
}

.element-link-head>*+* {
  margin-left:var(--s-1);
}

.pattern-list {
  --min:12rem;
}

.pattern-list>*>* {
  display:flex;
  justify-content:flex-start;
  align-items:center;
}

.pattern-list img {
  max-width:5rem;
}

@media (max-width:1185px) {
  .element-link-container{columns:auto 2};
}

@media (max-width:960px) {
  .element-link-container{columns:auto 1};
}

.element-group>:last-child {
  display:flex;
  align-items:center;
}

.element-group>:last-child>:nth-child(2) {
  margin-left:var(--s0);
  margin-right:var(--s0);
}

#added_components>* {
  margin:0;
}

#added_components>*+* {
  margin-top:2rem;
}

#added_components,
#error_msg {
  display:none;
}

#error_msg>*,
.error_msg {
  color:var(--red)!important;
}

.success_msg {
  color:var(--green)!important;
}

.ify-ascendant {
  opacity:.4;
}

.progess-bar {
  font-size:.9rem;
  margin-top:var(--s3);
  margin-left:-20%;
  flex-wrap:wrap;
}

.progess-bar>* {
  color:var(--text-gray);
  text-align:center;
  margin-left:20%;
}

.progess-bar .active {
  color:var(--text-black);
}

.bar-decal {
  align-items:center;
  flex-basis:100%;
  margin-top:var(--s-2);
}

.bar-decal>:first-child,
.bar-decal>:last-child {
  width:10px;
  height:10px;
  border-radius:100%;
  border:1px solid #000;
}

.bar-decal>:nth-child(2) {
  width:35%;
  height:1px;
  background-color:var(--border-gray-med);
}

.bar-decal .active {
  background-color:#000;
}

.flex-even>* {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:var(--s3);
  margin-right:-5em;
}

.flex-even>*>* {
  flex-grow:999;
  margin-right:5rem;
  margin-bottom:var(--s4);
  max-width:30rem;
  min-width:15rem;
}

.checkout-head {
  align-items:center;
  margin-bottom:var(--s1);
  padding-bottom:var(--s-2);
  border-bottom:1px solid var(--text-black);
}

.checkout-head>:first-child {
  font-family:var(--font-sans-serif);
  text-transform:uppercase;
  font-size:.8rem;
  letter-spacing:.08rem;
}

.checkout-head>* {
  margin:0;
}

.form-checkout>*+* {
  margin-top:var(--s1);
}

.form-checkout>:last-child {
  margin-top:var(--s0);
}

.form-checkout span {
  display:block;
  font-size:.9rem;
}

.braintree-heading,
.braintree-option__label,
.braintree-sheet__text,
.form-checkout label {
  font-family:var(--font-serif-medium);
  font-size:1.1rem;
}

.form-checkout input {
  width:100%;
  padding:var(--s0) var(--s0) var(--s-1);
  border-radius:4px;
  background-color:#fafafa;
  border:1px solid #b5b5b5;
}

.form-checkout input::placeholder {
  color:var(--text-gray-light);
}

.form-checkout input:focus {
  background-color:#fff;
}

.checkout-head span.edit_order_details {
  color:var(--text-black);
}

.checkout-head span.edit_order_details,
.edit-tz-btn,
.promo span {
  display:inline;
  font-size:.9rem;
  border-bottom:2px dotted var(--text-black);
  cursor:pointer;
}

.promo span+span {
  margin-left:var(--s-2);
}

.promo-box {
  display:none;
}

.promo-box>* {
  display:flex;
  margin-top:var(--s-1);
}

.promo-box input {
  width:8rem;
}

.promo-box button {
  background-color:var(--button-secondary);
  padding:var(--s-1);
  margin-left:var(--s-1);
  color:var(--text-black);
}

p.promo-validation {
  margin-left:0;
  margin-top:var(--s-1);
  font-size:.9rem;
}

.coupon-price-group {
  display:none;
}

.checkout-btn {
  margin-top:var(--s1);
}

#details-button {
  margin-top:var(--s2);
}

.cart-item {
  margin-bottom:var(--s0);
  padding-bottom:var(--s2);
  border-bottom:1px solid var(--border-gray);
}

.cart-item:last-of-type {
  border-bottom:none;
}

.cart-details-container>*,
.checkout-details>*+*+* {
  margin-top:var(--s0);
}

.checkout-details h5 {
  font-weight:inherit;
  font-size:inherit;
  margin-top:var(--s1);
  margin-bottom:var(--s0);
}

.checkout-details p,
.details-display p {
  margin:0;
}

.cart-empty {
  display:none;
}

.cart-item img {
  width:3rem;
  height:3rem;
}

.cart-item-name {
  margin-left:var(--s0);
}

.cart-details p:not([class]) {
  color:var(--text-black);
}

.cart-details p:not([class])+p:not([class]) {
  margin-top:var(--s0);
}

.cart-details p,
span.issidereal {
  color:var(--text-gray);
}

.siderealFalse {
  margin-top:var(--s0);
}

.cart-total-section>* {
  align-items:center;
}

.cart-total-section span,
.checkout-head span {
  color:var(--text-gray);
  font-weight:400;
}

.cart-total-section>:last-child {
  font-size:1.4rem;
  margin-top:var(--s0);
}

.cart-total-section>:not(:last-child) {
  margin-top:var(--s-3);
  padding-bottom:var(--s0);
  margin-bottom:var(--s0);
  border-bottom:1px solid var(--border-gray);
}

.cart-total {
  font-size:1.4rem;
}

.cart .flex-center {
  margin-top:var(--s1);
}

.cart .flex-even>*>* {
  max-width:40rem;
}

.checkout.cart .total {
  border-bottom:none;
}

@media (max-width:1300px) {
  .checkout .checkout-form .shipping .flex{column-gap:var(--s-1)}.checkout .checkout-form{flex-basis:48%;
  margin-right:3rem}.checkout .checkout-details{flex-basis:20%;
  min-width:14rem};
}

@media (max-width:885px) {
  .checkout .checkout-details{order:-1}.checkout .checkout-details,.checkout .checkout-form{flex-basis:auto;
  margin-right:5rem;
  min-width:15rem};
}

@media (max-width:885px) {
  .wrapper.checkout.cart{margin-top:var(--s5)};
}

.full-article-header {
  background-color:var(--text-black);
}

.article .with-sidebar>*>:first-child {
  min-width:calc(65% - var(--s1));
}

.article-header {
  width:80%;
  position:relative;
  margin-left:auto;
  margin-right:auto;
}

.article-header .frame {
  padding-bottom:30rem;
}

.article-header .frame img {
  opacity:.6;
}

.article-title {
  text-align:center;
}

.article-details span,
.article-details>* {
  color:#fff;
}

.article-title>* {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.articles-home {
  padding-top:var(--s4);
}

.articles-home .grid.aboveMin {
  padding-top:0;
}

.articles-home .pagination {
  margin-top:var(--s4);
  margin-bottom:var(--s2);
}

.article-card-details h3 {
  margin-top:var(--s-1);
  margin-bottom:var(--s-1);
}

.article-card-details p {
  font-size:.95rem;
}

.pagination [class^=icon-chevron-double-] {
  font-size:1.3rem;
  vertical-align:-4px;
}

@media (max-width:960px) {
  .article .chart-module{padding:var(--s2)}.article .center p{padding:0 2vw};
}

@media (max-width:885px) {
  .full-article-header{margin-top:var(--s3)}.article-details h1{line-height:1.4};
}

.transit>*+* {
  margin-top:var(--s3);
}

.transit ul>*+* {
  margin-top:var(--s-3);
}

.transit-info li>*,
.transits-detail li>* {
  display:inline;
}

.transit h3>span i {
  margin-left:var(--s0);
}

.calendar span,
.transit li>i+p,
.transit-chart p>span:last-of-type {
  margin-left:var(--s-2);
}

.transit i {
  vertical-align:-3px;
}

.flex-list {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  padding-left:0;
}

.flex-list>* {
  width:25rem;
  margin-top:var(--s2);
}

.flex-list li:first-of-type>*,
.flex-list>*>* {
  margin-top:0;
}

.transit-info li:first-of-type,
.transit-info ul {
  position:relative;
}

.transit-info li:first-of-type {
  margin-bottom:var(--s-1);
}

.transit-info li:first-of-type>* {
  font-size:.75rem;
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:.1rem;
  font-family:var(--font-sans-serif);
}

.transits-daily h3 {
  font-family:var(--font-serif-bold);
}

.transits-daily a {
  border-bottom:2px dotted transparent;
}

.transits-daily a:hover {
  border-color:var(--border-gray);
  transition:border-color 150ms ease-in;
}

.transits-container {
  padding-right:var(--s2);
}

.individual-transit,
.transits-heading {
  display:flex;
  justify-content:space-between;
}

.individual-transit {
  cursor:pointer;
}

.individual-transit.selected .transit_name {
  border-color:var(--text-black);
}

.transits-daily span {
  color:var(--blue);
}

.transit-chart {
  font-size:.95rem;
  font-style:italic;
}

.transit-chart>:first-child {
  position:relative;
}

.transit-info .calendar {
  width:20rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:var(--s-2);
  border-bottom:2px solid var(--text-black);
}

.transit-info .calendar input {
  border:none;
}

#datepicker-group {
  position:relative;
  max-width:300px;
  margin:4px 0 8px;
}

#datepicker-group .date-prev-next {
  font-size:23px;
  color:#737373;
  vertical-align:top;
  top:8px;
  position:absolute;
  z-index:40;
  cursor:pointer;
  right:11px;
}

#datepicker-group .date-prev-next span:hover {
  color:#3c3744;
}

.icon-show-cal {
  cursor:pointer;
}

.ui-datepicker {
  width:264px;
  display:none;
  background-color:#fff;
  margin:10px 0 0 0;
  border:1px solid #3c3744;
  border-radius:6px;
}

.ui-datepicker .ui-datepicker-header {
  color:#fff;
  cursor:default;
  position:relative;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position:absolute;
  top:0;
  width:52px;
  height:44px;
  color:#fff;
  text-align:center;
  cursor:pointer;
}

.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  cursor:default;
  opacity:.5;
}

.ui-datepicker .ui-datepicker-prev {
  left:0;
}

.ui-datepicker .ui-datepicker-next {
  right:0;
}

.ui-datepicker .ui-datepicker-title {
  margin:0 52px;
  line-height:44px;
  text-align:center;
  font-size:15px;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  display:block;
  position:absolute;
  left:50%;
  margin-left:-5px;
  top:50%;
  margin-top:-6px;
  text-indent:-9999px;
  width:0;
  height:0;
  content:"";
}

.ui-datepicker .ui-icon-circle-triangle-w {
  border:inset transparent;
  border-width:7px 12px 7px 0;
  border-right-color:#000;
}

.ui-datepicker .ui-icon-circle-triangle-e {
  border:outset transparent;
  border-width:7px 0 7px 12px;
  border-left-color:#000;
}

.ui-datepicker table {
  font-size:14px;
  margin:0 0 3px;
  width:100%;
}

.ui-datepicker th {
  min-width:34px;
  height:30px;
  text-align:center;
  font-weight:700;
  border:0;
  padding:1px;
  vertical-align:middle;
}

.ui-datepicker td {
  border:0;
  padding:1px;
  text-align:center;
  vertical-align:middle;
}

.ui-datepicker td a,
.ui-datepicker td span {
  display:block;
  text-decoration:none;
  color:#34495e;
  height:30px;
  line-height:30px;
  min-width:33px;
}

.ui-datepicker td a {
  border-radius:6px;
}

.ui-datepicker td a:hover {
  background-color:#d7dbdd;
  color:#34495e;
}

.ui-datepicker .ui-state-active {
  background-color:#3c3744;
  color:#fff;
}

.ui-datepicker .ui-datepicker-other-month a {
  color:#c2c8cf;
}

.ui-datepicker-unselectable.ui-state-disabled {
  opacity:.4;
}

@media (max-width:416px) {
  .transit-info .calendar{width:100%};
}

.tip_option {
  position:relative;
}

.tip_inner {
  display:none;
  position:absolute;
  z-index:100;
  top:30px;
  right:31px;
  width:20rem;
}

.tip_inner>* {
  background-color:var(--text-black);
  padding:1rem;
  color:#fff;
  border-radius:5px;
  font-size:.9rem;
  font-style:normal;
}

.tip_inner>::before {
  content:'';
  position:absolute;
  top:-8px;
  right:37px;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid #000;
}

#tip_inner_1.tip_inner {
  right:80px;
}

#tip_inner_1.tip_inner>::before {
  right:127px;
}

#tip_inner_2 {
  right:39px;
}

@media (max-width:520px) {
  #tip_inner_2.tip_inner{right:auto;
  left:auto;
  width:100%;
  top:60px}#tip_inner_1.tip_inner{right:auto;
  left:auto;
  width:100%}#tip_inner_1.tip_inner>::before,#tip_inner_2.tip_inner>::before{right:50%};
}

.com-btn-container {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}

.com-btn-container>*+* {
  margin-top:var(--s-1);
}

.time-wheel {
  flex-wrap:nowrap;
  margin-top:var(--s0);
}

.time-wheel i {
  vertical-align:middle;
  margin:var(--s-3);
}

.time-wheel span {
  margin:0;
}

.time-wheel>*>* {
  padding:var(--s-2) var(--s1);
  font-size:.85rem;
}

.time-wheel>*>*,
.time-wheel>:nth-child(3) {
  background-color:var(--cream);
}

.time-wheel>:nth-child(3) {
  width:20vw;
}

@media (max-width:640px) {
  .time-wheel{flex-wrap:wrap}.time-wheel>:nth-child(3){display:none}.time-wheel>*>*{padding:var(--s-2) var(--s-3)}.com-btn-container{align-items:center};
}

@media (max-width:416px) {
  .time-wheel>*>*{padding:var(--s-2) var(--s1)};
}

.confirmation h2 {
  color:#43a047;
  text-transform:capitalize;
  letter-spacing:.07rem;
  font-size:2rem;
  margin-top:0;
}

.confirmation h2.payment-error {
  color:var(--red);
}

.confirmation .flex-center>:first-child {
  text-align:center;
  margin-bottom:var(--s2);
}

.confirmation .flex-center p {
  max-width:35rem;
}

.confirmation .checkout-details,
.confirmation .checkout-form {
  margin-bottom:0;
}

#location-dd-container,
#user-dd-container,
.menu-w-dd {
  position:relative;
}

.tt-hint {
  position:absolute;
  top:0;
  left:0;
  border-color:transparent;
  box-shadow:none;
  visibility:hidden;
}

.tt-input {
  position:relative;
  background-color:transparent;
}

.drop-down,
.tt-dropdown-menu {
  display:none;
  position:absolute;
  top:100%;
  z-index:100;
  margin-top:var(--s-2);
  background-color:#fff;
  border:2px solid var(--text-black);
  width:100%;
}

.location-dd {
  right:0;
}

.drop-down li {
  cursor:pointer;
  padding:0;
}

.drop-down li a {
  padding:var(--s0) var(--s-1);
  display:block;
}

.drop-down li a input {
  padding:var(--s0) var(--s-1);
  display:block;
}

.tt-dataset-all-people>*>*,
.tt-dataset-all-places>*>* {
  cursor:pointer;
  padding:var(--s-2) var(--s0);
}

.drop-down li:hover,
.tt-suggestion:hover {
  color:#fff;
  background-color:var(--purple);
}

.drop-down li:hover>a,
.drop-down li:hover>b,
.tt-suggestion:hover>*,
.tt-suggestion:hover>*>*,
.tt-suggestion:hover>*>*>* {
  color:#fff!important;
}

.twitter-typeahead .tt-suggestion.tt-cursor:hover,
.twitter-typeahead .tt-suggestion.tt-is-under-cursor:hover {
  color:#fff;
  cursor:pointer;
  background-color:#383a49;
}

.menu-w-dd .drop-down {
  left:0;
  top:32px;
  margin:0;
  width:15rem;
}

#submenu1 {
  width:12rem;
}

#create-chart-dd {
  display:none;
  width:10rem;
}

#celebrity-charts-dd {
  display:none;
  width:14rem;
}

#resources-dd {
  display:none;
  width:13rem;
}

#user-dd-container {
  margin-right:var(--s-2);
}

.user-dd {
  display:none;
  width:10rem;
  right:-3px;
  top:28px;
}

#user-logout-main button {
  padding:var(--s0) var(--s-1);
  background-color:transparent;
  color:var(--text-black);
  font-size:.7rem;
  font-weight:700;
  width:100%;
  text-align:left;
}

#user-logout-main button:hover {
  color:#fff!important;
}

#user-logout-nav button {
  color:var(--text-gray);
  text-transform:none;
  font-family:var(--font-serif);
  letter-spacing:0;
  font-size:1rem;
  padding:0;
  background-color:transparent;
}

.person-dd {
  width:84%;
}

body.modal-open {
  position:fixed;
  overflow:hidden;
  left:0;
  right:0;
}

.modal {
  -webkit-overflow-scrolling:auto;
}

.modal-overlay {
  display:none;
}

.modal-overlay .modal-wrapper {
  margin-top:var(--s3);
  padding:var(--s2);
}

.modal-wrapper h2,
.modal-wrapper label {
  font-family:var(--font-serif-medium);
}

.modal-wrapper .icon-close {
  position:absolute;
  top:20px;
  right:20px;
  cursor:pointer;
}

.form-modal {
  margin-top:var(--s1);
}

.date-group-modal~*,
.form-modal.syn>*+*,
.form-modal.syn>*>*+*,
.form-modal>*+* {
  margin-top:var(--s1);
}

.form-modal input {
  padding-top:var(--s-1);
}

.form-modal .geolocation,
.form-modal .name {
  max-width:100%;
  min-width:100%;
}

.date-group-modal,
.time-group-modal {
  display:flex;
  align-items:flex-end;
}

.modal-flex {
  display:flex;
  flex-direction:column;
  width:21%;
}

.date-group-modal .modal-flex {
  width:4rem;
}

.date-group-modal .modal-flex:last-child {
  width:6rem;
}

.time-group-modal .modal-flex {
  width:4rem;
}

.date-group-modal .date-slash,
.time-group-modal .time-colon {
  padding-bottom:0;
}

.time-group-modal .time-colon {
  padding:var(--s-2);
}

.modal-header {
  margin-bottom:var(--s-1);
  border-bottom:1px solid var(--border-gray-med);
  align-items:center;
}

.modal-footer {
  margin-top:var(--s2);
  padding-top:var(--s2);
  border-top:1px solid var(--border-gray-med);
}

.modal-footer .btn {
  margin-top:0;
}

.hasTime {
  margin-top:var(--s2);
}

.hasTime .radio__label {
  line-height:1.2;
}

.chart-settings-body {
  margin-bottom:0;
}

.chart-settings-body ul {
  margin:0;
}

.chart-settings-body i {
  vertical-align:middle;
}

.chart-settings-body .settings-headline span {
  margin-left:var(--s1);
}

.chart-settings-body .settings-headline {
  cursor:pointer;
}

.chart-settings-body li {
  padding-bottom:var(--s-1);
}

.chart-settings-body>li+li {
  padding-top:var(--s-1);
  border-top:1px solid var(--border-gray-med);
}

.chart-settings-body .orbs span,
.chart-settings-body .radio__label {
  font-family:var(--font-serif);
}

.chart-settings-body .checkbox__input,
.chart-settings-body .radio__label {
  cursor:pointer;
}

#house-system-setting {
  position:relative;
  padding:0;
  font-size:.9rem;
  background-color:transparent;
  border-bottom:1px solid var(--text-black);
}

#house-system-setting i {
  font-size:1.2rem;
}

#house-system-setting span {
  font-family:var(--font-serif);
}

.house-dd-menu {
  display:none;
  position:absolute;
  width:13em;
  height:10rem;
  overflow:auto;
  background-color:var(--bg-gray);
  border:1px solid var(--text-gray);
}

.house-dd-menu li {
  padding:var(--s-2);
  cursor:pointer;
}

.house-dd-menu li:hover {
  background-color:var(--purple);
}

.house-dd-menu li:hover>a {
  color:#fff;
}

/*
.settings-area {
  display:none;
  background-color:var(--bg-gray);
  margin-top:var(--s-1);
  padding:var(--s0) var(--s-1);
}
*/
.settings-checkbox {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}

.settings-checkbox>:first-child {
  margin-right:var(--s-1);
}

.settings-checkbox>* {
  margin-bottom:var(--s-1);
}

.settings-radio+.settings-radio {
  margin-top:var(--s1);
}

.settings-radio p {
  margin:0;
}

.settings-area>p:first-child {
  font-family:var(--font-serif-bold);
}

.settings-radio>p:first-child {
  font-family:var(--font-serif);
  font-weight:700;
}

.settings-radio .radio__label {
  font-size:1rem;
}

.settings-radio label {
  font-family:inherit;
}

.settings-radio .lnglat-container input {
  display:block;
  border:1px solid var(--border-gray);
  border-radius:3px;
  width:5rem;
  padding:var(--s-3);
}

.settings-radio .flex {
  justify-content:normal;
}

.lnglat-container>* {
  padding-top:var(--s-2);
  padding-left:var(--s0);
}

.settings-grid.grid {
  padding:0;
  padding-left:var(--s0);
  row-gap:var(--s0);
  --min:6rem;
  --space:2rem;
}

.settings-area>p:first-child {
  margin-bottom:var(--s0);
}

.aspect.grid {
  --min:10rem;
  --space:1rem;
}

.orbs.grid {
  --min:14rem;
  --space:0rem;
}

.orbs input {
  text-align:center;
  border:1px solid var(--border-gray);
  border-radius:3px;
  width:2rem;
  padding:var(--s-3);
  margin-right:var(--s-2);
}

.settings-modal .modal-footer {
  margin-top:0;
}

.com-modal {
  max-width:28rem;
}

@media (max-width:885px) {
  .chart-modal{width:80%; max-width:100%};
}

@media (max-width:640px) {
  .chart-modal,.settings-modal{width:94%}.modal-overlay .modal-wrapper{margin-top:var(--s-1);
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 90px + 16px)};
}

@media (max-width:416px) {
  .time-group-modal{flex-wrap:wrap}.time-group-modal .modal-flex:last-of-type{margin-right:40%}.time-group-modal>.radio:first-of-type{margin-top:var(--s0);
  padding-left:0};
}

@media (max-width:350px) {
  .time-group-modal .modal-flex:last-of-type{margin-right:20%};
}

.dash-body.wrapper {
  max-width:50rem;
  padding-bottom:var(--s4);
}

.dash-account.wrapper {
  max-width:30rem;
}

.wrapper.person-chart {
  max-width:70rem;
  margin-top:var(--s2);
}

.wrapper.person-category,
.wrapper.planetary-transits {
  margin-top:var(--s3);
}

.wrapper.article {
  max-width:61rem;
  margin-top:var(--s3);
  padding-right:var(--s1);
  padding-left:var(--s1);
}

@media (max-width:885px) {
  .dash-body.wrapper{max-width:60vw}.chart-wrapper.chart{margin-top:var(--s3)}.chart-wrapper.transit,.wrapper.person-category,.wrapper.planetary-transits{margin-top:var(--s5)}.wrapper.home,.wrapper.person-chart{margin-top:var(--s4)}.person-chart .label{display:none};
}

@media (max-width:640px) {
  .dash-body.wrapper{max-width:80vw};
}

@media (min-width:1185px) {
  .wrapper.planetary-transits{max-width:70rem};
}

.icon-link {
  display:flex;
  align-items:center;
  cursor:pointer;
}

.icon-link span {
  font-family:var(--font-serif);
  font-size:1rem;
  margin-left:var(--s-2);
}

.small-link {
  border-bottom:1px dotted;
  font-size:.9rem;
  color:inherit;
}

.small-link span {
  font-size:.85rem;
}

.small-link i {
  font-size:.7rem;
  vertical-align:-1px;
  margin-left:var(--s-3);
}

.small-link i::before {
  font-weight:800;
}

.more-info-link {
  text-decoration:underline;
}

.more-info-link,
.more-info-link i {
  font-size:1.2rem;
}

.more-info-link {
  margin-top:-4px;
}

.planetary-transits .with-sidebar>*>:first-child {
  min-width:calc(60% - var(--s1));
}

.planetary_transit>*+* {
  margin-top:var(--s2);
  padding-left:var(--s1);
  padding-right:var(--s1);
}

.transit-pattern>:first-child {
  margin:0;
}

.transit_header {
  width:100%;
  background-color:var(--bg-black);
  padding:var(--s1);
  text-align:center;
  margin-top:var(--s1);
  margin-bottom:var(--s-1);
}

.transit_header>* {
  color:#fff;
}

.transit_header>:last-child {
  font-size:2rem;
}

.planetary_transit .grid.aboveMin {
  padding-top:0;
}

.planetary_transit p {
  margin-top:0;
  margin-bottom:0;
}

.transit-container>*>:first-of-type {
  margin-bottom:var(--s1);
}

.transit-container i+* {
  margin-left:var(--s-1);
}

@media (max-width:885px) {
  .planetary-transits .flex-nowrap{flex-wrap:wrap}.planetary_transit>*+*>:first-child{align-self:flex-start};
}

.moon_ad .flex {
  column-gap:2rem;
}

.moon_ad .flex>:first-child {
  align-self:center;
}

.moon_ad .flex>:first-child,
.moon_ad .flex>:last-child {
  flex:1;
}

.moon-ad-btn {
  margin-top:var(--s0);
}

.moon_ad.full-width {
  padding:var(--s4);
}

.moon_ad.full-width .center {
  border-bottom:none;
}

.moon_ad h2 {
  margin:0;
}

.report_module.moon_ad .center p {
  padding:var(--s0) 0;
}

.celeb_moon {
  background-color:var(--cream);
  padding:var(--s3);
  padding-bottom:var(--s1);
}

.celeb_moon.moon_ad .flex>:first-child,
.celeb_moon.moon_ad .flex>:last-child {
  margin-bottom:var(--s0);
}

.celeb_moon .center {
  padding:0;
}

.moon_ad.full-width .moon-desc {
  margin-top:var(--s3);
}

.calendar.full-width .moon-desc {
  margin-top:var(--s2);
}

.celeb_moon h2 {
  margin-top:0;
  margin-bottom:var(--s0);
  font-size:2.2rem;
}

@media (max-width:1378px) {
  .moon_ad .flex{text-align:center}.moon_ad .flex>:first-child{flex:1}.celeb_moon.moon_ad .flex>:last-child{flex:initial;
  padding-top:var(--s1);
  padding-right:var(--s2);
  padding-left:var(--s2)};
}

@media (max-width:1185px) {
  .moon_ad.full-width{padding-left:var(--s1);
  padding-right:var(--s1)}.moon_ad.full-width .center{padding-left:0;
  padding-right:0}.moon_ad.full-width .flex>:last-child{flex-basis:100%;
  padding-top:var(--s1)}.moon_ad.full-width .moon-desc{margin-top:0};
}

@media (max-width:706px) {
  .shipping .street_address{flex-basis:100%};
}

@media (max-width:660px) {
  .shipping .city{flex-basis:100%}.celeb_moon{padding:var(--s1);
  padding-top:var(--s2)}.report_module.full-width>*{padding:0}.report_module.moon_ad button{padding:var(--s0) var(--s2)}.moon_ad.full-width{padding:var(--s2) var(--s1)}.report_module.moon_ad .flex>:last-child{flex:initial};
}

.shipping .flex {
  justify-content:flex-start;
  column-gap:var(--s0);
  row-gap:var(--s-1);
}

.shipping .flex label {
  font-size:.9rem;
}

.shipping .flex select {
  display:block;
  padding:var(--s0) var(--s0) var(--s-1);
}

.shipping .name-group {
  flex-basis:48%;
}

.shipping .address-group {
  flex-basis:100%;
}

.shipping .country,
.shipping .state {
  border:1px solid var(--border-gray);
  border-radius:4px;
}

.shipping .state:disabled {
  background-color:var(--bg-gray);
  color:rgb(0 0 0 / 20%);
}

.shipping .city-group {
  flex:auto;
}

.shipping .post-group {
  flex-basis:6rem;
}

@media (max-width:472px) {
  .shipping .country-group{order:1};
}

@media (max-width:600px) {
  .shipping .name-group{flex-basis:100%};
}

.checkout-order-details {
  margin-top:5px;
}

.checkout-order-details-filled,
.checkout-payment {
  display:none;
}

.confirmation .checkout-order-details-filled {
  display:block;
}

.checkout-breadcrumbs {
  margin-top:99px;
  margin-bottom:var(--s4);
  text-align:center;
  font-family:var(--font-sans-serif);
  text-transform:uppercase;
  font-size:.7rem;
  letter-spacing:.08rem;
  line-height:28px;
}

.wrapper.checkout.confirmation {
  margin-top:0;
}

.confirmation .cart-item {
  border-bottom:0;
}

.checkout-breadcrumbs i {
  vertical-align:-1px;
  font-size:11px;
  font-weight:700;
  padding:var(--s-1);
}

.checkout-breadcrumbs span {
  opacity:.4;
}

.checkout-breadcrumbs .selected {
  opacity:1;
}

.moon-tool .flex-even>* {
  gap:5%;
}

.moon-tool .flex {
  justify-content:normal;
  column-gap:var(--s1);
}

.moon-left {
  margin-top:var(--s1);
}

.cal-content image {
  cursor:pointer;
}

.cal-content image:hover {
  opacity:.6!important;
}

.moon-copy {
  margin-bottom:var(--s2);
}

.moon-main>*>p {
  margin:0;
}

.key-events>p:first-of-type,
.moon-month>p:first-of-type,
.moon-tool h3,
.moon-tz .flex-nowrap>p:first-of-type {
  font-family:var(--font-sans-serif);
  text-transform:uppercase;
  letter-spacing:.1rem;
  font-size:.75rem;
  font-weight:500;
}

.moon-main>*>p:first-of-type {
  margin-bottom:var(--s-2);
}

.moon-main>*+* {
  margin-top:var(--s0);
}

#moon-detail {
  background-color:var(--cream);
  padding:var(--s0);
  width:11rem;
  text-align:center;
}

#cal_date_range,
.detail-degree,
.detail-phase-name,
.key-events>*+*,
.timezone_str {
  font-size:.9rem;
}

.detail-phase-name {
  margin-top:var(--s-2);
}

.detail-phase-img {
  margin-top:var(--s-1);
}

.moon-tz .flex-nowrap {
  gap:var(--s-1);
  align-items:end;
}

p.timezone_str {
  margin-top:var(--s-2);
}

.moon-tool .edit-timezone {
  display:none;
  border:1px solid var(--text-black);
  padding:var(--s0);
  margin-top:var(--s2);
}

.key-events-inner>*,
.moon-tool .edit-timezone h3 {
  margin-top:0;
}

.moon-tool .edit-timezone .input-dd-container {
  max-width:100%;
}

.key-events-inner>*+*,
.key-events>*+* {
  margin-top:var(--s-2);
}

.key-events p {
  max-width:17rem;
}

.moon-change,
.moon-change button {
  background-color:var(--bg-gray);
}

.moon-change button.disabled {
  opacity:.2;
  cursor:not-allowed;
}

.moon-change.flex-nowrap {
  justify-content:space-between;
}

.moon-change button {
  font-size:.85rem;
  padding:var(--s0) var(--s-3) var(--s-1);
}

.moon-change span {
  margin:0;
}

.moon-change i {
  vertical-align:-1px;
  margin:var(--s-1);
  font-weight:100;
  font-size:.85rem;
}

.moon-tool .moon_ad {
  margin-top:-50px;
}

@media (max-width:1292px) {
  .moon-left{margin-left:-3rem}.moon-tool .flex-even>*{gap:3%};
}

@media (max-width:1206px) {
  .moon-left{margin-left:-6rem};
}

@media (max-width:1147px) {
  .moon-right{order:-1;
  margin-bottom:0};
}

@media (max-width:885px) {
  .moon-copy{margin-top:var(--s4)};
}

@media (max-width:560px) {
  .moon-tool .flex{justify-content:center}.moon-left{display:none}.moon-tz .flex-nowrap{justify-content:center}.moon-tool .flex>*+*{flex-basis:100%;
  text-align:center;
  padding-top:var(--s2);
  border-top:1px solid #ddd}.key-events p{max-width:100%}.moon-tool .edit-timezone{margin-top:0}.moon-copy p:last-of-type{display:none}.moon-main>*+*{margin-top:var(--s1)}#moon-detail{padding:var(--s2);
  width:22rem}.detail-phase-name{font-size:1.1rem}#cal_date_range,.detail-degree,.key-events>*+*,.timezone_str{font-size:1rem}.moon-tool .moon_ad{margin-top:var(--s2)}.detail-phase-img{margin-top:var(--s2);
  scale:2;
  margin-bottom:var(--s2)};
}

@media (max-width:380px) {
  #moon-detail{width:18rem};
}

.placeholder-img {
  background-color:#eee;
}

h2.smaller-headline {
  font-size:1.6rem;
  margin-bottom:0;
}

:root {
  --content-max:clamp(320px, 72ch, 1100px);
  --side-pad:1rem;
  --rail-h:64px;
  --rail-gap:.5rem;
  --text:#111;
  --muted:#666;
  --border:#e3e3e3;
  --surface:#fff;
  --accent:#1769ff;
  --on-accent:#fff;
  --focus:#0a7;
}

.fixed-bottom-rail {
  position:fixed;
  inset-inline:0;
  bottom:0;
  z-index:1000;
  background:var(--surface);
  border-top:1px solid var(--border);
  padding-bottom:env(safe-area-inset-bottom,0);
}

.fixed-bottom-rail .rail-inner {
  max-width:var(--content-max);
  margin-inline:auto;
  padding:.5rem var(--side-pad);
  min-height:var(--rail-h);
  display:grid;
  grid-template-columns:auto auto;
  justify-content:center;
  justify-items:center;
  align-items:center;
  gap:var(--s0);
}

.fixed-bottom-rail .rail-copylink {
  display:block;
  text-decoration:none;
  color:var(--text);
  padding-block:.25rem;
  margin-block:-.25rem;
}

.fixed-bottom-rail .rail-copy {
  margin:0;
  line-height:1.25;
  color:var(--muted);
  max-width:55ch;
  text-align:center;
  line-clamp:2;
  block-ellipsis:"…";
  overflow:clip;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  text-wrap:balance;
}

.fixed-bottom-rail .rail-copy strong {
  color:var(--text);
  font-weight:600;
}

.fixed-bottom-rail .btn {
  display:inline-block;
  white-space:nowrap;
  padding:.55rem .95rem;
  line-height:1;
  border:1px solid var(--purple);
  background:var(--purple);
  color:var(--on-accent);
  font-weight:600;
  text-decoration:none;
}

.fixed-bottom-rail .btn:focus-visible,
.fixed-bottom-rail .rail-copylink:focus-visible {
  outline:2px solid var(--focus);
  outline-offset:2px;
  border-radius:.45rem;
}

@media (max-width:480px) {
  .fixed-bottom-rail .rail-inner{grid-template-columns:1fr}.fixed-bottom-rail .rail-inner>*{justify-self:center}.fixed-bottom-rail .btn{width:auto};
}

@media (prefers-reduced-motion:reduce) {
  *{scroll-behavior:auto};
}

.btn--raw {
  all:unset;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  white-space:nowrap;
  cursor:pointer;
  font:inherit;
  color:inherit;
  -webkit-appearance:none;
  appearance:none;
}

.btn--raw:focus-visible {
  outline:2px solid currentColor;
  outline-offset:2px;
}


/* =========================================================
   MCV v2 – Formulaire Birth Chart (classes mcv_)
   (ne modifie pas les règles existantes)
   ========================================================= */

.mcv_form.mcv_form_birth{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:20px;
}

.mcv_form_title{
  margin:0 0 16px 0;
  font-family: var(--font-serif-title);
  color: var(--gold);
  font-size:1.5rem !important;
  letter-spacing:.1em !important;
  text-transform:none;
  font-weight:400 !important;
}

.mcv_field{
  display:grid;
  gap:6px;
  margin-bottom:15px;
}

.mcv_label{
  margin:0;
  font-size:.80rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(0,0,0,.80);
}

.mcv_input{
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.14);
  background: rgba(255,255,255,.9);
  font-size:1rem;
  outline:none;
}

.mcv_input::placeholder{
  color: rgba(0,0,0,.45);
}

.mcv_input:focus{
  border-color: rgba(197,157,74,.65);
  box-shadow:0 0 0 4px rgba(197,157,74,.18);
}

.mcv_input_xs{ max-width: 88px; text-align:center; }
.mcv_input_sm{ max-width: 120px; text-align:center; }
.mcv_input_year{ max-width: 140px; text-align:center; }

.mcv_compact{
  display:grid;
  gap:10px;
}

.mcv_compact_row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.mcv_sep{
  color: rgba(0,0,0,.45);
  font-weight:600;
}

/* ===== MCV Select (dropdowns) ===== */
.mcv_select{
  width:100%;
  min-height:48px;
  padding:12px 42px 12px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.14);
  background: rgba(255,255,255,.9);
  font-size:1rem;
  outline:none;

  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;

  /* petite flèche */
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(0,0,0,.55) 50%),
    linear-gradient(135deg, rgba(0,0,0,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}

.mcv_select:focus{
  border-color: rgba(197,157,74,.65);
  box-shadow:0 0 0 4px rgba(197,157,74,.18);
}

.mcv_compact_row_date{
  flex-wrap: nowrap;
}

.mcv_compact_row_date .mcv_select{
  flex:1;
  min-width:0;
}

.mcv_select_day{ max-width: 120px; }
.mcv_select_month{ min-width: 160px; }
.mcv_select_year{ max-width: 160px; }

.mcv_help{
  margin-top:6px;
  font-size:.8rem;
  color:rgba(0,0,0,.65);
}

.mcv_checkbox_inline{
  display:inline-flex;
  align-items:flex-start;
  gap:10px;
  cursor:pointer;
  line-height:1.35;
}

.mcv_checkbox_inline input[type="checkbox"]{
  margin-top:3px;
  width:18px;
  height:18px;
  accent-color: var(--green);
  cursor:pointer;
}

.mcv_btn{
  width:100%;
  min-height:52px;
  border-radius:12px;
  border:0;
  cursor:pointer;
  font-weight:600;
  letter-spacing:.12em;
  text-transform: uppercase;
}

.mcv_btn_primary{
  background: var(--green);
  color:#fff;
}

.mcv_btn_primary:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(0,0,0,.12);
}

@media (min-width: 992px){
  .mcv_city_autocomplete .mcv_hint{
    grid-column: 2 / -1;   
    margin-top: 0px;        
  }

  .mcv_city_autocomplete .mcv_city_suggestions{
    grid-column: 2 / -1;     
  }
}

.mcv_hint{
  display:block;
  font-size:.8rem;
  color:rgba(0,0,0,.55);
  margin-top:6px;           
}


/* =========================================================
   Autocomplete ville (MCV) – Step 1 (UI liste)
   Scope: uniquement le bloc .mcv_city_autocomplete
   ========================================================= */

.mcv_city_autocomplete{
  position: relative;
}

.mcv_city_suggestions{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  margin-top:8px;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  box-shadow:0 12px 28px rgba(0,0,0,.10);
  overflow:hidden;
  z-index:50;
}

/* la zone qui contient la liste */
.mcv_city_autocomplete .mcv_city_suggestions{
  margin-top: 8px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  overflow: hidden;                
}


/* item = bouton */
.mcv_city_autocomplete .mcv_city_item{
  display: block;
  width: 100%;
  text-align: left;
  padding:8px 0 8px 15px;
  border: 0;
  background: transparent;
  cursor: pointer;
  color:var(--text-gray);
  text-transform: none;
  font-size:1rem;
  font-weight: 500;
  line-height: 1.25;
}

.mcv_city_autocomplete .mcv_city_item + .mcv_city_item{
  border-top: 1px solid rgba(0,0,0,.08);
}

.mcv_city_autocomplete .mcv_city_item:hover,
.mcv_city_autocomplete .mcv_city_item:focus{
  background: rgba(197,157,74,.10); 
  outline: none;
}

/* optionnel: item "actif" clavier (si tu ajoutes une classe en JS) */
.mcv_city_autocomplete .mcv_city_item.is-active{
  background: rgba(197,157,74,.16);
}

/* mobile: éviter une liste trop haute */
@media (max-width: 991.98px){
  .mcv_city_autocomplete .mcv_city_suggestions{
    max-height: 240px;
    overflow: auto;
  }
}

/* =========================================================
   MCV – Bloc erreurs formulaire (liste récap)
   ========================================================= */
.mcv_form_error {
  min-height: 18px;
  margin: 0 0 12px 0;
  color: #b00020;
  font-size: .95rem;
}

.mcv_form_errors {
  margin: 15px 0;
  padding: 14px 16px;
  border: 1px solid rgba(176, 0, 32, .25);
  background: rgba(176, 0, 32, .06);
  border-radius: 12px;
  color: rgba(0, 0, 0, .82);
}

.mcv_form_errors_title {
  margin: 0 0 8px 0;
  font-weight: 600;
  font-size: .95rem;
  color: #7a1020;
  letter-spacing: .01em;
}

.mcv_form_errors_list {
  margin: 0;
  padding-left: 0;
  color: #8b001a;
  list-style: none;
  display: grid;
  gap: 6px;
}

.mcv_form_errors_list li {
  position: relative;
  padding-left: 22px;
  margin: 0;
  font-size: .90rem;
  font-weight: 400;
  line-height: 1.35;
  color: #7a1020;
  letter-spacing: .01em;
  text-transform: lowercase;
}

.mcv_form_errors_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7a1020;
}

.mcv_form_errors_list li a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.mcv_form_error_link {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-underline-offset: 3px;
  text-transform: lowercase;
}

.mcv_form_error_link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(176, 0, 32, .20);
  border-radius: 6px;
}

/* ====================================
   MOBILE FIXES (sans toucher desktop)
   =================================== */

/* Date: 1 ligne en mobile (Jour / Mois / Année) */
@media (max-width: 991.98px){
	.mcv_compact_row_date{
		display:grid;
		grid-template-columns: 1fr 1fr 1.4fr;
		gap:10px;
		width:100%;
	}
		
    .mcv_form_birth input{
		margin-top: 0 !important;
    }
	
	.mcv_form_birth .mcv_form_title{
		display:block !important;
		text-align:center;
	}
  /* Neutraliser les max-width sur mobile pour éviter le wrap */
  .mcv_compact_row_date .mcv_input_xs,
  .mcv_compact_row_date .mcv_input_sm,
  .mcv_compact_row_date .mcv_input_year{
    max-width:none;
  }

  /* Heure: 1 ligne en mobile hh : mm */
  .mcv_compact_row_time{
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    gap:10px;
    width:100%;
    align-items:center;
  }

  .mcv_compact_row_time .mcv_input_xs{
    max-width:none; /* pour que hh et mm remplissent bien */
  }

  .mcv_sep{
    justify-self:center;
  }
}

@media (max-width:991.8px){
  .mcv_form_birth{ padding:16px; }
  .mcv_form_birth .mcv_form_title{
    font-size:1.35rem !important;
    margin:0 0 12px 0;
    text-align:center;
  }
  .mcv_form_birth .mcv_field{ margin-bottom:14px; }
  .mcv_form_birth .mcv_compact_row{ gap:10px; }
  .mcv_form_birth .mcv_input_xs,
  .mcv_form_birth .mcv_input_sm{
    max-width:none;              /* permet aux 3 champs Jour/Mois/Année de mieux respirer */
    flex:1 1 0;
    min-width:0;
  }
  .mcv_form_birth .mcv_input_year{ flex:1.4 1 0; } /* année un peu plus large */
}

/* ====================================
   DESKTOP (inchangé visuellement)
   ================================== */

@media (min-width: 992px){
  .mcv_field{
    grid-template-columns: 180px 1fr;
    align-items:center;
    gap:10px;
  }

  .mcv_form.mcv_form_birth{
    padding:18px;
  }

  .mcv_compact_row_date{
    flex-wrap: nowrap;
    gap: 8px;
  }

  .mcv_compact_row_time{
    flex-wrap: nowrap;
    gap: 8px;
    align-items:center;
  }

  .mcv_compact_row_time .mcv_input_xs{
    max-width: 120px; 
    width: 120px;
    text-align: center;
  }

  .mcv_input_sm{ max-width: 120px; }
  .mcv_input_year{ max-width: 140px; }

  .mcv_field:has(.mcv_help){
    align-items: start;
  }

  .mcv_birth_hour{
    padding-top:15px;
  }
  
  .mcv_compact_row_time .mcv_input_xs{
    max-width: 120px;
  }

}


.mcv_cluster>* {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: calc(var(--space) / 2 * -1);
}

.mcv_ap_type {
	margin-bottom: 0 !important;
	font-size:1.1rem;
	font-weight:700;
}

#h_place {
	margin-bottom: 0;
}

.disabled>button {
    opacity: .4;
    cursor: not-allowed;
}

/* ====================================
   Bloc Big Three
   ================================== */
.mcv-bigthree{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 14px;
}

.mcv-bigthree__card{
  display: grid;
  grid-template-rows: auto auto auto; /* picto / titre / valeur */
  align-content: start;
  text-align: center;

  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px 16px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.mcv-bigthree__picto{
  display: grid;
  place-items: center;
  margin-bottom: 0px;
}

.mcv-bigthree__picto img{
  display: block;
  height: auto;
}

.mcv-bigthree__title{
  margin: 0 0 8px 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .2px;
  color:var(--gold);
}

.mcv-bigthree__value{
  font-size: 17px;
  font-weight: 400;
  line-height: 1.25;
  text-transform : capitalize !important;
  padding-top: 8px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.mcv-icon { display:inline-grid; place-items:center; }
.mcv-icon svg { width:44px; height:44px; display:block; }
.mcv-icon--gold { color: var(--gold); }

/* Responsive */
@media (max-width: 900px){
  .mcv-bigthree{
    grid-template-columns: 1fr;
  }
  .mcv-bigthree__card{
    text-align: left;
  }
  .mcv-bigthree__picto{
    justify-items: start;
  }
  .mcv-bigthree__value{
    border-top: 0;
    padding-top: 0;
  }
}


/* === Accordéon "premium" (CSS-first) === */
.mcv-bigthree-acc-wrapper {margin-top:10px;}

.mcv-bigthree-acc-trigger{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:15px;
  padding:8px 10px;
  border-radius:10px;
  cursor:pointer;
  user-select:none;
  transition: background-color .18s ease, color .18s ease;
  color: inherit;
}

.mcv-bigthree-acc-trigger:hover,
.mcv-bigthree-acc-trigger:focus-visible{
  background: rgba(69, 111, 74,.20); 
  color: #016f77;
  outline: none;
}

.mcv-bigthree-acc-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 34px;
  height: 24px;
  border-radius:999px;
  background: rgba(197,157,74,.20);
  color:#8a6a1b;
  font-size:22px;
  font-weight:600;
  transition: transform .22s ease;
}

.mcv-bigthree-acc-panel{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform: translateY(-4px);
  transition: max-height .35s ease, opacity .22s ease, transform .22s ease;
  will-change: max-height, opacity, transform;
}

.mcv-bigthree-acc-panel.is-open{
  max-height: 900px;
  opacity:1;
  transform: translateY(0);
}

.mcv-bigthree-acc-panel-inner{
  background-color: var(--bg-gray);
  margin-top: var(--s-1);
  margin-bottom: var(--s1);
  max-width: 100%;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
}

.mcv-bigthree-gold{color:var(--gold);}

/* === Début Accordéon Générique === */
.mcv-acc-wrapper {
	margin-top:10px;
	margin-bottom:var(--s-1);
	padding:0;
	position: relative;
}

.mcv-acc-wrapper::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: var(--border-gray-med);
    margin-top: -10px;
}

h2.mcv-acc-trigger{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top: 0;
  padding:8px 10px 8px 0;
  border-radius:10px;
  cursor:pointer;
  user-select:none;
  transition: background-color .18s ease, color .18s ease;
  text-transform:uppercase;
}

h3.mcv-acc-trigger{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top: 0;
  padding:8px 10px 8px 0;
  border-radius:10px;
  cursor:pointer;
  user-select:none;
  transition: background-color .18s ease, color .18s ease;
  text-transform:uppercase;
}

h2.mcv-acc-trigger>* {
  color: var(--gold);  
  font-family:var(--font-serif);
  font-size:19px !important;
  letter-spacing:.08rem;
}

h3.mcv-acc-trigger>* {
  color: var(--black);  
  font-family:var(--font-serif);
  font-size:16px !important;
  font-weight:500;
  letter-spacing:.08rem;
}

.mcv-acc-trigger:hover,
.mcv-acc-trigger:focus-visible{
  background: rgba(197,157,74,.20);
  color: #016f77;
  outline: none;
}

.mcv-acc-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 34px;
  height: 24px;
  border-radius:999px;
  background: rgba(197,157,74,.20);
  color:#8a6a1b;
  font-size:22px;
  font-weight:600;
  transition: transform .22s ease;
}

.mcv-acc-trigger:hover .mcv-acc-icon,
.mcv-acc-trigger:focus-visible .mcv-acc-icon {
    background: transparent;
}

.mcv-acc-panel{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform: translateY(-4px);
  transition: max-height .35s ease, opacity .22s ease, transform .22s ease;
  will-change: max-height, opacity, transform;
}

.mcv-acc-panel.is-open{
  max-height: 900px;
  opacity:1;
  transform: translateY(0);
}

.mcv-acc-panel-inner{
  background-color: var(--bg-gray);
  margin-top: var(--s-1);
  margin-bottom: var(--s1);
  max-width: 100%;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 16px;
}

.mcv-acc-gold{color:var(--gold);}
/* === Fin Accordéon === */

.mcv-planet-grid{
  list-style: none;
  margin: 0;
  padding: 0 20px;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 70px;
  row-gap: 8px;

  /* Anti-CSS global qui casse tout */
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.mcv-planet-item{
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.mcv-planet-icon{
  width: 25px;
  display: grid;
  place-items: center;
}

.mcv-planet-icon img{
  width: 25px !important;
  height: 25px !important;
  display: block;
  max-width: none !important;
  color:var(--gold);
}

.mcv-planet-text{
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;

  font-family: Georgia, "Times New Roman", serif;
}

.mcv-planet-name{
  font-family:var(--font-serif);
  font-size: 16px !important;
  line-height: 1.05 !important;
  font-weight: 500;
  white-space: nowrap;
}

.mcv-planet-in{
  font-family:var(--font-serif);
  font-size: 16px !important;
  line-height: 1.05 !important;
  font-weight: 500;
  /*opacity: .75;*/
  white-space: nowrap;
}

.mcv-planet-pos{
  font-family:var(--font-serif);
  font-size: 16px !important;
  line-height: 1.05 !important;
  color: #556b5f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 885px){
  .mcv-planet-grid{
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .mcv-planet-name{ font-size: 30px !important; }
  .mcv-planet-in, .mcv-planet-pos{ font-size: 26px !important; }
}

/* House */
.mcv-house-grid {
    list-style: none;
    margin: 0;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* ancien affichage sans cols */
    gap: 10px 10px;
}

/* ← Override quand dans mcv-house-cols : 1 seule colonne par liste */
.mcv-house-cols .mcv-house-grid {
    grid-template-columns: 1fr;
    padding: 0;
}

.mcv-house-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: flex-start;
}

/* Séparateur subtil entre chaque maison */
.mcv-house-item {
    padding: 8px 0;
    border-bottom: 1px solid #f0ece4;
}
.mcv-house-item:last-child {
    border-bottom: none;
}

/* Numéro romain mis en valeur */
.mcv-house-line {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}

/* Contenant en pastille */
.mcv-house-contains {
    margin-top: 3px;
    color: #9a8c7a;
    font-size: 13px;
    font-style: italic;
    line-height: 1.3;
}
@media (max-width: 885px) {
    .mcv-house-grid { grid-template-columns: 1fr; }
    .mcv-house-cols { grid-template-columns: 1fr; }
}

/* Aspects */
#mcv-minor-aspects-detailed {
  display: none;
}

.minor-aspects-container {
  margin-top:var(--s0);
}

.minor-aspects-container img {
  /*height:24px; */
}

.mcv-aspect-grid, .mcv-minor-aspect-grid{
  list-style:none;
  margin:15px 0 0;
  padding:0 20px;
  column-count: 2;
  column-gap: 20px;
}

.mcv-aspect-item, .mcv-minor-aspect-item{
  padding: 0;
  display:flex;
  align-items:flex-start;
  gap: 14px;
  break-inside: avoid;
  margin-bottom: 10px;
}

.mcv-aspect-icon img, .mcv-minor-aspect-icon img{
  display:block;
  width:25px;
  height:25px;
}

.mcv-aspect-text, .mcv-minor-aspect-text{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  column-gap: 10px;
  row-gap: 0; 
}

.mcv-aspect-title, .mcv-minor-aspect-title{
  font-size: 16px; 
  font-weight: 400;
  line-height: 1.3;
}

.mcv-aspect-orb, .mcv-minor-aspect-orb{
  font-size: .9rem;
  color:#556b5f; 
  font-weight: 400;
  white-space:nowrap;
}

@media (max-width: 885px){
  .mcv-aspect-grid, .mcv-minor-aspect-grid{ column-count: 1; }
}

/* Setting Charts */
.settings-area {
    display: block; 
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    
    /* Vos styles visuels */
    background-color: var(--bg-gray);
    
    /* Transition fluide */
    transition: height 0.4s ease-out, opacity 0.3s, visibility 0.4s, padding 0.4s;
    
    /* On annule les marges/padding quand c'est fermé */
    margin: 0 !important;
    padding: 0 var(--s-1) !important; 
}

.settings-area.is-open {
    height: auto; 
    visibility: visible;
    opacity: 1;
    margin-top: var(--s-1) !important;
    padding: var(--s0) var(--s-1) !important;
}

#mcv-wheel{
	width: 100%;
	max-width: 550px;      
	aspect-ratio: 1 / 1;   
	height: auto;
}

#mcv-wheel svg{
	width: 100%;
	height: 100%;
	display:block;
}


/* ===== Special Features  ===== */
.mcv-special-grid{
  list-style:none;
  margin:0;
  padding:0 20px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 40px;
}

.mcv-special-item{
  display:flex;            
  align-items:center;  
  gap: 18px;
}

.mcv-special-icon{
  flex: 0 0 84px;          
  width:84px;
  line-height:0;
}
.mcv-special-icon img{
  display:block;
  width:75px;
  height:75px;
}

.mcv-special-text{
  flex:1 1 auto;
  min-width:0;
  font-size:15px;
  line-height:1.35;
  display:flex;
  align-items:center;
}

@media (max-width: 900px){
  .mcv-special-grid{ grid-template-columns: 1fr; }
  .mcv-special-icon{ flex-basis:72px; width:72px; }
  .mcv-special-icon img{ width:72px; height:72px; }
  .mcv-special-text{ font-size:20px; }
}		


/* ===== Page Article ===== */
.mcv-wrapper {
    max-width: 95vw;
    margin-right: auto;
    margin-left: auto;
}

.mcv-article-page{
  padding: 60px 20px 80px;
}

.mcv-container{
  width: 100%;
  max-width: 885px;
  margin: 0 auto;
  background: #fff; 
}

/* ===== Hero ===== */
.mcv-article-hero{
  margin: 0 auto 40px;
  text-align: center;
}

.mcv-article-kicker{
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #4c4c4c;
}

.mcv-article-title{
  margin: 0 0 18px;
  font-family: var(--font-serif-title);
  color: var(--gold);
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.mcv-article-intro{
  margin: 0 auto;
  color: var(--black);
}

/* ===== Card ===== */
.mcv-article-card{
  margin: 0 auto;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.05);
  overflow: hidden;
}

/* ===== Image ===== */
.mcv-article-cover{
  margin: 20px 0 20px;
  line-height: 0;
}

.mcv-article-cover img{
  display: block;
  width: 100%;
  height: auto;
}

/* ===== Sommaire ===== */
.mcv-article-summary{
  margin: 0;
  padding: 34px 46px 28px;
  border-bottom: 1px solid var(--gold);
  background: var(--creamlight); /*#fcfbf8;*/
}

.mcv-article-summary h2{
  margin: 0 0 14px;
  font-family: var(--font-serif-title);
  color: var(--gold);
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.mcv-article-summary ol{
  margin: 0;
  padding-left: 20px;
}

.mcv-article-summary li{
  margin: 0 0 10px;
  color: #2d2d2d;
  line-height: 1.6;
}

.mcv-article-summary a{
  color: #2d2d2d;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.mcv-article-summary a:hover{
  color: var(--gold);
  border-bottom-color: #c59d4a;
}

/* ===== Contenu ===== */
.mcv-article-content{
  padding: 40px 46px 40px;
}

.mcv-article-section + .mcv-article-section{
  margin-top: 30px;
}

.mcv-article-section h2{
  margin: 0 0 18px;
  font-family: var(--font-serif-title);
  color: var(--black);
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.mcv-article-section p{
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--black);
}

.mcv-article-section p:last-child{
  margin-bottom: 0;
}

/* ===== Bloc auteur  ===== */
.mcv-article-author__inner{
  margin: 0 auto;
  background: var(--cream);
  padding: 30px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.mcv-article-author__left{
  display: flex;
  align-items: center;
  gap: 28px;
  flex: 0 0 44%;
}

.mcv-article-author__photo{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 80px;
}

.mcv-article-author__photo img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.mcv-article-author__meta{
  min-width: 0;
}

.mcv-article-author__label{
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.25;
  color: #4a4a4a;
  font-weight: 400;
}

.mcv-article-author__name{
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  color: var(--gold);
  font-weight: 700;
}

.mcv-article-author__right{
  flex: 1 1 auto;
}

.mcv-article-author__right p{
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  color: var(--black);
  font-style: italic;
  font-weight: 400;
}


/* ===== Responsive ===== */
@media (max-width: 1200px){
  .mcv-article-author__inner{
    padding: 36px 34px;
    gap: 34px;
  }

  .mcv-article-author__label,
  .mcv-article-author__name{
    font-size: 24px;
  }

  .mcv-article-author__right p{
    font-size: 24px;
  }
}

@media (max-width: 992px){
  .mcv-article-page{
    padding: 40px 16px 60px;
  }

  .mcv-article-title{
    font-size: 2rem;
  }

  .mcv-article-intro{
    font-size: 19px;
  }

  .mcv-article-summary,
  .mcv-article-content{
    padding-left: 28px;
    padding-right: 28px;
  }

  .mcv-article-section h2{
    font-size: 32px;
  }

  .mcv-article-section p{
    font-size: 18px;
    line-height: 1.8;
  }
  .mcv-article-author__inner{
    flex-direction: column;
    align-items: flex-start;
  }

  .mcv-article-author__left{
    flex: none;
    width: 100%;
  }

  .mcv-article-author__right{
    width: 100%;
  }
}

@media (max-width: 640px){
  .mcv-article-title{
    font-size: 34px;
  }

  .mcv-article-intro{
    font-size: 17px;
    line-height: 1.7;
  }

  .mcv-article-summary h2{
    font-size: 28px;
  }

  .mcv-article-summary,
  .mcv-article-content{
    padding-left: 20px;
    padding-right: 20px;
  }

  .mcv-article-section h2{
    font-size: 28px;
  }

  .mcv-article-section p{
    font-size: 16px;
    line-height: 1.75;
  }
  
  .mcv-article-author{
    padding: 0 12px;
    margin-top: 50px;
  }

  .mcv-article-author__inner{
    padding: 24px 20px;
    gap: 24px;
  }

  .mcv-article-author__left{
    gap: 18px;
    align-items: flex-start;
  }

  .mcv-article-author__photo{
    width: 110px;
    height: 110px;
    flex-basis: 110px;
  }

  .mcv-article-author__label,
  .mcv-article-author__name{
    font-size: 20px;
  }

  .mcv-article-author__right p{
    font-size: 19px;
    line-height: 1.55;
  }
}

.celeb-autocomplete-list {
  position:   absolute;
  top:        100%;
  left:       0;
  right:      0;
  background: #fff;
  border:     1px solid #222;
  z-index:    1000;
  list-style: none;
  margin:     0;
  padding:    0;
}

.celeb-ac-item {
  display:     flex;
  align-items: center;
  gap:         12px;
  padding:     10px 16px;
  cursor:      pointer;
}

.celeb-ac-item:hover,
.celeb-ac-item[aria-selected="true"] {
  background: #f5f5f5;
}

.celeb-ac-item img {
  border-radius: 50%;
  object-fit:    cover;
  flex-shrink:   0;
}

.celeb-ac-name {
  font-size: 15px;
}

.celeb-ac-date {
  font-size:  12px;
  color:      #888;
  margin-left: auto;
}

.celeb-ac-all {
  padding:     10px 16px;
  border-top:  1px solid #eee;
  font-size:   13px;
}

.mcv_rodden {
	font-size: 17px;
	padding: 2px 4px;
	border-radius: 4px;
	color: #fff;
	margin: auto;
	text-align: center;
	cursor:pointer;
}

#astroprofile_view .mcv-cta-box {
    background-color: #f0ece7;
    padding: 30px 40px 30px 30px; 
    border-radius: 12px;
    position: relative;
    margin-top: 30px !important;
	margin-bottom: 30px;
    line-height: 1.6;
    color: #4a4a4a;
    border: 1px solid #e5e0db;
}

#astroprofile_view .mcv-badge-promo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(30%, -40%); /* Ajustement pour un meilleur équilibre visuel */
    width: 90px;  /* Agrandissement pour le texte */
    height: 90px;
    background-color: #bc8a5f; /* Le doré de votre image */
    color: white;
    border-radius: 50%;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    line-height: 1.1;
    z-index: 10;
}

#astroprofile_view .mcv-badge-promo small {
    font-size: 9px;
	color:#fff;
    letter-spacing: 0.5px;
    margin-top: 4px;
    text-transform: uppercase;
}

#astroprofile_view .mcv-cta-box a {
    color: #bc8a5f;
    font-weight: bold;
    text-decoration: underline;
}
#astroprofile_view p:first-of-type, #astroprofile_view p:only-of-type {
    margin-bottom: 0.7rem;
}
#astroprofile_view p+p {
    margin-top: 0rem !important;
    margin-bottom: 0.6rem;
}
dominant_houses_view"
#quadrant_view .section-desc {padding: var(--s0) var(--s1) !important;}
#quadrant_view .section-desc div {padding: 0 0 0.5rem !important;}
#quadrant_view .quadrant-bars,
#element_view .quadrant-bars,
#dominant_view .quadrant-bars,
#dominant_signs_view .quadrant-bars,
#dominant_houses_view .quadrant-bars { display: flex; flex-direction: column; gap: 8px; margin: 1rem 0; }
#quadrant_view .quadrant-bar-row,
#element_view .quadrant-bar-row,
#dominant_view .quadrant-bar-row,
#dominant_signs_view .quadrant-bar-row,
#dominant_houses_view .quadrant-bar-row  { display: flex; align-items: center; gap: 10px; }
#quadrant_view .quadrant-bar-row.dominant .quadrant-label,
#element_view .quadrant-bar-row.dominant .quadrant-label,
#dominant_view .quadrant-bar-row.dominant .quadrant-label,
#dominant_signs_view .quadrant-bar-row.dominant .quadrant-label,
#dominant_houses_view .quadrant-bar-row.dominant .quadrant-label { color: var(--gold); font-weight: 600; }
#quadrant_view .quadrant-label,
#element_view .quadrant-label,
#dominant_view .quadrant-label,
#dominant_signs_view .quadrant-label,
#dominant_houses_view .quadrant-label { width: 180px; font-size: 13px; flex-shrink: 0; }
#quadrant_view .quadrant-bar,
#element_view .quadrant-bar,
#dominant_view .quadrant-bar,
#dominant_signs_view .quadrant-bar,
#dominant_houses_view .quadrant-bar { flex: 1; height: 8px; background: #eee; border-radius: 4px; overflow: hidden; }
#quadrant_view .quadrant-bar-fill,
#element_view .quadrant-bar-fill,
#dominant_view .quadrant-bar-fill,
#dominant_signs_view .quadrant-bar-fill,
#dominant_houses_view .quadrant-bar-fill { height: 100%; background: var(--gold); border-radius: 4px; }
#quadrant_view .quadrant-bar-row.dominant .quadrant-bar-fill,
#element_view .quadrant-bar-row.dominant .quadrant-bar-fill,
#dominant_view .quadrant-bar-row.dominant .quadrant-bar-fill,
#dominant_signs_view .quadrant-bar-row.dominant .quadrant-bar-fill,
#dominant_houses_view .quadrant-bar-row.dominant .quadrant-bar-fill { background: var(--green); }
#quadrant_view .quadrant-pct,
#element_view .quadrant-pct,
#dominant_view .quadrant-pct,
#dominant_signs_view .quadrant-pct,
#dominant_houses_view .quadrant-pct{ width: 45px; font-size: 13px; color: #888; text-align: right;