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

@font-face {
  font-family:'Gilda Medium';
  src:url(https://astro.mycosmovision.site/exemple/assets/fonts/GildaDisplay-SemiBold.woff2) format('woff2'),url(https://astro.mycosmovision.site/exemple/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://astro.mycosmovision.site/exemple/assets/fonts/GildaDisplay-Bold.woff2) format('woff2'),url(https://astro.mycosmovision.site/exemple/assets/fonts/GildaDisplay-Bold.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family: 'Abril Fatface';
  src:url(https://astro.mycosmovision.site/exemple/assets/fonts/AbrilFatface-Regular.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:block;
}

@font-face {
  font-family:'Halis Regular';
  src:url(https://astro.mycosmovision.site/exemple/assets/fonts/Halis-Regular.woff2) format('woff2'),url(https://astro.mycosmovision.site/exemple/assets/fonts/Halis-Regular.woff) format('woff'),url(https://astro.mycosmovision.site/exemple/assets/fonts/Halis-Regular.ttf) format('truetype'),url(https://astro.mycosmovision.site/exemple/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://astro.mycosmovision.site/exemple/assets/fonts/Halis-Medium.woff2) format('woff2'),url(https://astro.mycosmovision.site/exemple/assets/fonts/Halis-Medium.woff) format('woff'),url(https://astro.mycosmovision.site/exemple/assets/fonts/Halis-Medium.ttf) format('truetype'),url(https://astro.mycosmovision.site/exemple/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://astro.mycosmovision.site/exemple/assets/fonts/icon-general.eot?fe712g);
  src:url(https://astro.mycosmovision.site/exemple/assets/fonts/icon-general.eot?fe712g#iefix) format('embedded-opentype'),url(https://astro.mycosmovision.site/exemple/assets/fonts/icon-general.woff?fe712g) format('woff'),url(https://astro.mycosmovision.site/exemple/assets/fonts/icon-general.ttf?fe712g) format('truetype'),url(https://astro.mycosmovision.site/exemple/assets/fonts/icon-general.svg?fe712g#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";
}

@font-face {
  font-family:signs;
  src:url(https://astro.mycosmovision.site/exemple/assets/fonts/signs.eot?8dglvt);
  src:url(https://astro.mycosmovision.site/exemple/assets/fonts/signs.eot?8dglvt#iefix) format('embedded-opentype'),url(https://astro.mycosmovision.site/exemple/assets/fonts/signs.ttf?8dglvt) format('truetype'),url(https://astro.mycosmovision.site/exemple/assets/fonts/signs.woff?8dglvt) format('woff'),url(https://astro.mycosmovision.site/exemple/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://astro.mycosmovision.site/exemple/assets/fonts/planets.eot?elrf9o);
  src:url(https://astro.mycosmovision.site/exemple/assets/fonts/planets.eot?elrf9o#iefix) format('embedded-opentype'),url(https://astro.mycosmovision.site/exemple/assets/fonts/planets.ttf?elrf9o) format('truetype'),url(https://astro.mycosmovision.site/exemple/assets/fonts/planets.woff?elrf9o) format('woff'),url(https://astro.mycosmovision.site/exemple/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://astro.mycosmovision.site/exemple/assets/fonts/aspects.eot?1ow3ac);
  src:url(https://astro.mycosmovision.site/exemple/assets/fonts/aspects.eot?1ow3ac#iefix) format('embedded-opentype'),url(https://astro.mycosmovision.site/exemple/assets/fonts/aspects.ttf?1ow3ac) format('truetype'),url(https://astro.mycosmovision.site/exemple/assets/fonts/aspects.woff?1ow3ac) format('woff'),url(https://astro.mycosmovision.site/exemple/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);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
  line-height:1.4;
  -webkit-text-size-adjust:100%;
}

body {
  margin:0;
}

main {
  display:block;
}

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:#ba9545;
  --cream:#f1ede8;
  --purple:#3c3744;
  --green:#35583b;
  --blue:#54a8d0;
  --red:#ed4337;
  --bg-black:#0f1217;
  --bg-gray:#f8f6f6;
  --text-black:#1b1b1b;
  --text-gray:#404040;/*#7a7a7a*/
  --text-gray-light:#b7bec6;
  --button-primary:#1a291b;
  --button-secondary:#f1ede8;
  --button-black:#1c1c1c;
  --border-gray:#bbb;
  --border-gray-med:#e5e5e5;
  --border-gray-light:#f8f8f8;
  --font-serif-title:"Abril Fatface";
  --font-serif:"Gilda";
  --font-serif-medium:"Gilda Medium";
  --font-serif-bold:"Gilda Bold";
  --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;
}

body {
  overflow-x:hidden;
  font:100%/1.5 sans-serif;
  line-height:1.6;
  font-family:var(--font-serif);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

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,
.section-headline>*,
.uppercase,
button,
button>* {
  font-family:var(--font-sans-serif);
}

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

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

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:.8rem;
}

.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:.7rem;
}

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

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;
}

.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:85vw;
}

.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(--s3);
  padding-bottom:var(--s4);
  background-color:var(--cream);
}

.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 {
  --space:1rem;
}

.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);
}

.center p {
  color:var(--text-gray);
  padding:0 1vw;
  max-width:80rem;
  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:12rem;
}

.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:6rem;
}

#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)};
}

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

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

.chart-form form h2 {
  margin:0;
  margin-bottom:var(--s1);
  color:var(--gold);
}

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

.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);
}

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

.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) {
  .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}.chart-form>div+div{margin-right:5vw;
  margin-left:5vw}.chart-form form section:last-of-type>:last-child>*{justify-content:flex-start}.chart-form form{padding:var(--s2)}.chart-form form h2{display:none}.chart-form form section:last-of-type>:first-child,.chart-form form section>*{flex-basis:auto}.chart-form form section{flex-direction:column;
  justify-content:flex-start}.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.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) {
  .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:.9rem;
  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};
}

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

.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);
}

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

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

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

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

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

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

.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.chart-form form {
  padding:var(--s2);
}

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

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

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

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

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

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

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

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

.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,
.chart-details p:first-child {
  font-family:var(--font-serif-bold);
  font-size:1.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>*,
.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:105%;
  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:15rem;
  height:5rem;
  margin-top:var(--s-1);
}

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

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

.legend_box>*>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:95%;
}

.section-desc p {
  font-size:.9rem;
  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;
}

.minor-aspects-container {
  margin-top:var(--s0);
}

.minor-aspects-container img {
  height:24px;
}

#aspects-detailed {
  display:none;
}

.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:40rem;
  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:170px;
  height:250px;
}

.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:.9rem;
}

.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:75vw}.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 5vw}.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:65rem};
}

@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 {
  --threshold:16rem;
  --space:1rem;
  margin-bottom:var(--s0);
}

.chart-bio p {
  max-width:90%;
}

.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:6rem;
}

.image-credit-link {
  font-size:.6rem;
  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:.8rem;
  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,
.settings-radio>p:first-child {
  font-family:var(--font-serif-bold);
}

.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,.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;
}