.phs-arrow-btn[data-v-249099ea]{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;display:inline-flex}.phs-arrow-btn[data-v-249099ea]:focus-visible{outline:2px solid var(--color-lab-brand);outline-offset:2px;border-radius:4px}.phs-arrow-btn:hover .phs-arrow[data-v-249099ea]{filter:brightness(.96)}.phs-arrow[data-v-249099ea]{color:#2b2f55;-webkit-user-select:none;user-select:none;background:#d9dae4;justify-content:center;align-items:center;width:56px;height:42px;line-height:1;display:inline-flex}.phs-arrow--left[data-v-249099ea]{clip-path:polygon(0 50%,28% 0,100% 0,100% 100%,28% 100%);padding-left:12px}.phs-arrow--right[data-v-249099ea]{clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%);padding-right:12px}.phs-nums[data-v-249099ea]{align-items:baseline;gap:3px;display:inline-flex}.phs-color[data-v-249099ea]{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.phs-tone[data-v-249099ea]{align-self:flex-start;margin-top:2px;font-size:12px;font-weight:600}.planet-col{flex-direction:column;height:100%;font-family:system-ui,-apple-system,Segoe UI Symbol,Apple Symbols,sans-serif;display:flex}.planet-col .planet-col-title{text-align:center;color:var(--color-lab-muted);border-bottom:1px solid var(--color-lab-border);margin-bottom:6px;padding-bottom:8px;font-size:14px;font-weight:600}.planet-col .planet-col-rows{flex-direction:column;flex:auto;justify-content:space-between;gap:6px;min-height:0;display:flex}.planet-col--single{width:100%;color:var(--color-lab-fg)}.planet-col--single .planet-row{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:4px 14px;transition:background-color .12s ease-out,color .12s ease-out;display:flex}.planet-col--single .planet-row:disabled{cursor:default;visibility:hidden}.planet-col--single .planet-glyph{width:30px;height:30px;color:var(--color-lab-on-brand);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.planet-col--single.orientation-0 .planet-glyph{background:var(--color-lab-unconscious);color:var(--color-lab-fg)}.planet-col--single.orientation-1 .planet-glyph{background:var(--color-lab-conscious)}.planet-col--single .gate-line{white-space:nowrap;font-size:14px}.planet-col--single .gate-line .line{font-size:12px}.planet-col--single .aspect{vertical-align:baseline;letter-spacing:0;margin-left:3px;font-size:14px;line-height:1}.planet-col--single .aspect--detriment,.planet-col--single .aspect--exalted{color:inherit}.planet-col--single.orientation-1 .aspect{margin-left:0;margin-right:2px}.planet-col--single .planet-row-wrap{width:100%;position:relative}.planet-col--single .phs-anchor{z-index:2;pointer-events:auto;margin-top:4px;display:none;position:absolute;top:100%;transform:translateY(-50%)}@media (width>=768px){.planet-col--single .phs-anchor{display:inline-flex}}.planet-col--single .phs-anchor--design{margin-left:10px;left:100%}.planet-col--single .phs-anchor--personality{margin-right:10px;right:100%}.planet-col--single.orientation-0 .planet-row{justify-content:flex-start}.planet-col--single.orientation-1 .planet-row{justify-content:flex-end}.planet-col--single .planet-row.highlight,.planet-col--single .planet-row:hover{background:color-mix(in srgb,var(--color-lab-accent) 14%,transparent)}.planet-col--dual .glyph-row{justify-content:center;align-items:center;gap:10px;display:flex}.planet-col--dual .glyph-line{color:var(--color-lab-conscious);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:15px;font-weight:600}.planet-col--dual :where(button).glyph-line{appearance:none;box-sizing:border-box;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0;padding:2px 6px;transition:background-color .12s,box-shadow .12s}.planet-col--dual .glyph-line--interactive:focus-visible,.planet-col--dual .glyph-line--interactive:hover{background:color-mix(in srgb,var(--color-lab-accent) 14%,transparent);outline:none}.planet-col--dual .glyph-line--interactive:focus-visible{box-shadow:0 0 0 2px var(--color-lab-accent)}.planet-col--dual .glyph-line--hl{background:color-mix(in srgb,var(--color-lab-accent) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-lab-accent) 35%,transparent)}@media (width>=768px){.planet-col--dual .glyph-line{width:46px}.planet-col--natal .glyph-line--left,.planet-col--natal .glyph-line--right{text-align:right}.planet-col--transit .glyph-line--left{text-align:left}.planet-col--indigo .glyph-line--left,.planet-col--indigo .glyph-line--right{text-align:right}.planet-col--lilac .glyph-line--left,.planet-col--lilac .glyph-line--right{text-align:left}}.planet-col--dual .glyph-badge{width:30px;height:30px;color:var(--color-lab-on-brand);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.planet-col--natal .glyph-badge{background:var(--color-lab-conscious)}.planet-col--natal .glyph-line{color:var(--color-lab-conscious)}.planet-col--transit .glyph-badge{background:var(--color-lab-transit);color:var(--color-lab-fg)}.planet-col--transit .glyph-line{color:var(--color-lab-fg)}.planet-col--indigo .glyph-badge{background:var(--color-lab-conscious)}.planet-col--indigo .glyph-line{color:var(--color-lab-conscious)}.planet-col--lilac .glyph-badge{background:var(--color-lab-unconscious);color:var(--color-lab-fg)}.planet-col--lilac .glyph-line{color:var(--color-lab-fg)}.planet-col--dual .glyph-line .aspect{vertical-align:baseline;margin-left:2px;font-size:14px;line-height:1}.planet-col--dual .glyph-line .aspect--detriment,.planet-col--dual .glyph-line .aspect--exalted{color:inherit}@media (width>=80rem){.chart-page .planet-col--dual .glyph-badge,.chart-page .planet-col--single .planet-glyph{width:35px;height:35px}.chart-page .planet-col--dual .glyph-line,.chart-page .planet-col--dual .glyph-line .aspect,.chart-page .planet-col--single .gate-line{font-size:15px}}@media (width>=96rem){.chart-page .planet-col--dual .glyph-badge,.chart-page .planet-col--single .planet-glyph{width:40px;height:40px;font-size:20px}.chart-page .planet-col--dual .glyph-line,.chart-page .planet-col--dual .glyph-line .aspect,.chart-page .planet-col--single .gate-line{font-size:16px}}
