@media (max-width:768px){.positions-deep-col-medium-hide{display:none!important}}@media (max-width:640px){.positions-deep-col-narrow-hide{display:none!important}}
.natal-chart-layout{grid-template-columns:1fr;align-items:start;gap:24px;display:grid;position:relative}.natal-chart-wheel-col{min-width:0}.natal-chart-panel-col{pointer-events:none;opacity:0;transition:opacity .24s ease-in-out,transform .24s ease-in-out;transform:translateY(16px)}.natal-chart-panel-col[data-open=true]{pointer-events:auto;opacity:1;transform:translateY(0)}@media (max-width:1023px){.natal-chart-panel-col{z-index:50;background:#fff;border-top:1px solid #e2e8f0;border-radius:12px 12px 0 0;max-height:70vh;transition:transform .28s cubic-bezier(.32,.72,0,1),opacity .2s ease-in-out;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -4px 24px #0f172914}.natal-chart-panel-col[data-open=true]{transform:translateY(0)}.natal-chart-layout[data-panel-open=true]:before{content:"";z-index:49;background:#0f17292e;animation:.2s ease-in-out natal-chart-backdrop-in;position:fixed;inset:0}}@keyframes natal-chart-backdrop-in{0%{opacity:0}to{opacity:1}}@media (min-width:1024px){.natal-chart-layout{--panel-width:0px;grid-template-columns:1fr var(--panel-width);transition:--panel-width .32s ease-in-out}.natal-chart-layout[data-panel-open=true]{--panel-width:380px}.natal-chart-panel-col{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-self:start;max-height:calc(100vh - 100px);transition:opacity .24s ease-in-out 60ms,transform .24s ease-in-out 60ms;position:static;overflow:hidden auto;transform:translate(20px)}.natal-chart-panel-col[data-open=true]{transform:translate(0)}.natal-chart-layout[data-panel-open=true]:before{content:none}}@property --panel-width{syntax:"<length>";inherits:false;initial-value:0}@media (prefers-reduced-motion:reduce){.natal-chart-layout,.natal-chart-panel-col{transition:none!important}@keyframes natal-chart-backdrop-in{0%,to{opacity:1}}}