/* /Components/Cards/AstroNetPromo.razor.rz.scp.css */
@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

.astronet-promo[b-u2qxljs9ip] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 35rem;
    box-sizing: border-box;
    padding: 1rem;
    margin-block: 1rem 16px;
    background: linear-gradient(135deg, #f7f8ff 0%, #ffffff 100%);
    border: 1px solid #d9def8;
    border-radius: 0.9rem;
    box-shadow: 0 0.35rem 1rem rgba(48, 66, 154, 0.1);
}

.promo-icon[b-u2qxljs9ip] {
    font-family: RobotoRegular;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 5rem;
    height: 5rem;
    background: #e7eaff;
    border-radius: 50%;
    font-size: 1.8rem;
}

.promo-icon img[b-u2qxljs9ip]
{
    width:118%;
}

.promo-content[b-u2qxljs9ip] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    font-family:RobotoRegular;
}

    .promo-content h2[b-u2qxljs9ip] {
        margin: 0 0 0.35rem;
        color: #26367f;
        font-size: clamp(1.2rem, 2vw, 1.55rem);
        font-family: RobotoRegular;
    }

.promo-lead[b-u2qxljs9ip] {
    margin: 0 0 0.45rem;
    color: #252525;
    font-size: 1rem;
}

.promo-description[b-u2qxljs9ip] {
    font-family: RobotoRegular;
    max-width: 38rem;
    margin: 0 0 1rem;
    color: #5c5c66;
    font-size: 0.92rem;
    line-height: 1.55;
}

.promo-button[b-u2qxljs9ip] {
    font-family: RobotoRegular;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.65rem 1rem;
    color: #fff;
    background: #596aca;
    border: 1px solid #596aca;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

    .promo-button:hover[b-u2qxljs9ip] {
        color: #fff;
        background: #4657b8;
        border-color: #4657b8;
        transform: translateY(-1px);
    }

    .promo-button:focus-visible[b-u2qxljs9ip] {
        outline: 0.2rem solid rgba(89, 106, 202, 0.3);
        outline-offset: 0.15rem;
    }

.promo-note[b-u2qxljs9ip] {
    font-family: RobotoRegular;
    margin-top: 0.45rem;
    color: #6d6d74;
    font-size: 0.75rem;
}

@media (max-width: 35rem) {
    .astronet-promo[b-u2qxljs9ip] {
        align-items: flex-start;
        padding: 1.15rem;
    }

    .promo-icon[b-u2qxljs9ip] {
        width: 3rem;
        height: 3rem;
        font-size: 1.35rem;
    }

    .promo-button[b-u2qxljs9ip] {
        width: 100%;
    }
}

@media (max-width: 26rem) {
    .astronet-promo[b-u2qxljs9ip] {
        flex-direction: column;
    }
}

@media (max-width: 416px) {

    .promo-icon[b-u2qxljs9ip] {
        align-self:center;
    }
}
/* /Components/Cards/ReturnCard.razor.rz.scp.css */
@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

.sky-card[b-ddmerwqsnr] {
    grid-column: 3;
    grid-row: 1 / span 2;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    align-self: start;
}

.sky-row[b-ddmerwqsnr] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #ececec;
}

    .sky-row:last-child[b-ddmerwqsnr] {
        border-bottom: none;
        padding-bottom: 0;
    }

.sky-label[b-ddmerwqsnr] {
    color: #666;
    font-size: 0.8rem;
    font-weight: 500;
    font-family: RobotoRegular;
}

.sky-value[b-ddmerwqsnr] {
    color: #2d3e96;
    font-weight: 600;
    font-size: 0.9rem;
    text-align: right;
}

@media (min-width: 511px) and (max-width: 647px) {
    .sky-label[b-ddmerwqsnr] {
        text-align: left;
        font-size: 0;
    }

        .sky-label[b-ddmerwqsnr]::after {
            font-size: clamp(0.8rem, 1vw, 0.95rem);
            content: attr(data-short);
        }
}

@media (max-width: 511px) {

    .sky-card[b-ddmerwqsnr] {
        margin-left: 0px;
        width: 100%;
    }
}
/* /Components/Cards/SkyInfo.razor.rz.scp.css */
@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

.sky-card[b-gncahqstx3] {
    grid-column: 3;
    grid-row: 1 / span 2;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    align-self: start;
}

.sky-row[b-gncahqstx3] {
    display: flex;
    gap: 14px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #ececec;
}

    .sky-row:last-child[b-gncahqstx3] {
        border-bottom: none;
        padding-bottom: 0;
    }

.sky-label[b-gncahqstx3] {
    color: #666;
    font-size: 0.8rem;
    font-weight: 500;
    font-family:RobotoRegular;
}

.sky-value[b-gncahqstx3] {
    color: #2d3e96;
    font-weight: 600;
    font-size: 0.9rem;
    text-align: right;
}

@media (min-width: 511px) and (max-width: 647px)
{
    .sky-label[b-gncahqstx3] {
        text-align: left;
        font-size: 0;
    }

    .sky-label[b-gncahqstx3]::after {
            font-size: clamp(0.8rem, 1vw, 0.95rem);
            content: attr(data-short);
    }
}

@media (max-width: 511px) {

    .sky-card[b-gncahqstx3] {
        margin-left: 0px;
        width:100%;
    }
}
/* /Components/Cards/SynastryScoreCard.razor.rz.scp.css */
.synastry-overall[b-0mrduhuxls] {
    position: relative;
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr) 2rem;
    grid-template-rows: auto repeat(3, auto);
    column-gap: 0.5rem;
    row-gap: 0.45rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 0.8rem;
    border: 1px solid #d5d8e2;
    border-radius: 1rem;
    background: #fafafa;
    max-width: 22rem;
}

.synastry-title[b-0mrduhuxls] {
    grid-column: 1 / -1;
    margin: 0 0 0.25rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #303030;
}

.synastry-row[b-0mrduhuxls] {
    display: contents;
}

.synastry-animation[b-0mrduhuxls] {
    grid-column: 1;
    width: 1.6rem;
    height: 1.6rem;
    align-self: center;
    justify-self: center;
}

.synastry-value[b-0mrduhuxls] {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    font-size: 1rem;
}

    .synastry-value strong[b-0mrduhuxls] {
        font-weight: 600;
    }

.info-button[b-0mrduhuxls] {
    grid-column: 3;
    grid-row: 2 / span 3;
    align-self: center;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #4f63d8;
    font-size: 1.2rem;
    cursor: pointer;
}

    .info-button:hover[b-0mrduhuxls] {
        background: rgba(79, 99, 216, 0.1);
    }

    .info-button:focus-visible[b-0mrduhuxls] {
        outline: 2px solid #4f63d8;
        outline-offset: 2px;
    }

.info-dialog[b-0mrduhuxls] {
    width: min(500px, 90vw);
    max-height: 400px;
    display: flex;
    flex-direction: column;
    border: none;
    border-radius: 16px;
    padding: 1rem;
}

.dialog-content[b-0mrduhuxls] {
    overflow-y: auto;
    flex: 1;
}

    .info-dialog[b-0mrduhuxls]::backdrop {
        background: rgba(0,0,0,.45);
    }

    .info-dialog button[b-0mrduhuxls] {
        border: none;
        background: transparent;
        color: red;
    }

#dialog-title[b-0mrduhuxls] {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: space-between;
    padding: 5px;
    width: 100%;
}

    #dialog-title p[b-0mrduhuxls] {
        margin:0;
        font-weight:bold;
    }

@media (max-width: 360px) {
    .synastry-overall[b-0mrduhuxls] {
        grid-template-columns: 1.6rem minmax(0, 1fr) 1.8rem;
        padding-inline: 0.6rem;
    }

    .synastry-value[b-0mrduhuxls] {
        font-size: 0.9rem;
    }
}
/* /Components/Charts/Chart.razor.rz.scp.css */
.details p[b-nuo5n3i1z7] {
    margin: 0px;
    font-size: .9rem;
}

.chart-container[b-nuo5n3i1z7] {
    width: 100%;
    max-width: 700px;
}

.chart-image[b-nuo5n3i1z7] {
    display: block;
    width: 100%;
    height: auto;
    cursor: zoom-in;
}


.chart-overlay[b-nuo5n3i1z7] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    padding: 20px;
}

.chart-image-zoomed[b-nuo5n3i1z7] {
    max-width: 95vw;
    max-height: 95vh;
    width: auto;
    height: auto;
    cursor: zoom-out;
}

.filter-btn[b-nuo5n3i1z7] {
    display: inline-flex;
    align-items: center;
    border: none;
    border-radius: 18px;
    overflow: hidden;
    background: white;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
    padding: 0;
}

    .filter-btn:hover[b-nuo5n3i1z7] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    }

    .filter-btn:active[b-nuo5n3i1z7] {
        transform: translateY(0);
    }

.filter-icon[b-nuo5n3i1z7] {
    width: 28px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #1f63f2, #154dd3);
    color: white;
    font-size: 16px;
}

.filter-text[b-nuo5n3i1z7] {
    padding: 0 10px;
    font-size: 1rem;
    font-weight: 500;
    color: #1f63f2;
    background: white;
    white-space: nowrap;
}

@media (max-width: 1440px) {

    .chart-container[b-nuo5n3i1z7] {
        max-width: 530px;
    }
}

@media (max-width: 1024px) {

    .chart-container[b-nuo5n3i1z7] {
        max-width: unset;
    }
}

@media (max-width: 768px) {

    .details p[b-nuo5n3i1z7] {
        font-size: .8rem;
        margin-bottom: .1rem;
    }

    .chart[b-nuo5n3i1z7] {
        flex-direction: column;
        gap: 1rem;
    }

    .chart-image[b-nuo5n3i1z7] {
        text-align: center;
    }
}
/* /Components/Dialogs/ChartFilterDialog.razor.rz.scp.css */
@font-face {
    font-family: "AstroNet";
    src: url("/fonts/astro.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.filter-backdrop[b-9r4zzqut7g] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.45);
}

.filter-dialog[b-9r4zzqut7g] {
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 0.75rem;
    overflow: hidden;
}

.filter-columns[b-9r4zzqut7g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

#degree-toggle[b-9r4zzqut7g] {
    align-self: center;
    font-size: .8rem;
    display: flex;
    flex-direction: column;
}

.filter-header[b-9r4zzqut7g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem 1rem;
    color: #fff;
    background: #596aca;
}

.filter-header h3[b-9r4zzqut7g] {
        margin: 0;
        font-size: 1rem;
}

.close-button[b-9r4zzqut7g] {
    border: 0;
    padding: 0.15rem 0.4rem;
    color: inherit;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.filter-toolbar[b-9r4zzqut7g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem .5rem;
    border-bottom: 1px solid #e3e3e3;
    justify-content: center;
}

.filter-toolbar button[b-9r4zzqut7g],
.cancel-button[b-9r4zzqut7g],
.apply-button[b-9r4zzqut7g] {
        border: 1px solid #c5c5c5;
        border-radius: 0.35rem;
        padding: 0.4rem 0.75rem;
        background: #fff;
        cursor: pointer;
}


.filter-column[b-9r4zzqut7g] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.filter-column + .filter-column[b-9r4zzqut7g] {
        border-left: 1px solid #e3e3e3;
}

.column-header[b-9r4zzqut7g] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid #e3e3e3;
    background: #f7f7f7;
}

.column-header span[b-9r4zzqut7g] {
        color: #666;
        font-size: 0.8rem;
}

.option-list[b-9r4zzqut7g] {
    padding: 0.5rem;
    overflow-y: auto;
}

.filter-option[b-9r4zzqut7g] {
    display: grid;
    grid-template-columns: auto 2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    border-radius: 0.35rem;
    cursor: pointer;
}

.filter-option:hover[b-9r4zzqut7g] {
        background: #f1f3ff;
}

.filter-glyph[b-9r4zzqut7g] {
    text-align: center;
    line-height: 1;
}

.glyph[b-9r4zzqut7g]
{
    font-family: "AstroNet";
}

.star[b-9r4zzqut7g] {
    font-size: 1.35rem;
}

.aspect[b-9r4zzqut7g] {
    font-size: 1.35rem;
}

.filter-footer[b-9r4zzqut7g] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid #e3e3e3;
}

.apply-button[b-9r4zzqut7g] {
    border-color: #596aca;
    color: #fff;
    background: #596aca;
}

@media (max-width: 38rem) {
    .filter-columns[b-9r4zzqut7g] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .filter-column + .filter-column[b-9r4zzqut7g] {
        border-top: 1px solid #e3e3e3;
        border-left: 0;
    }

    .option-list[b-9r4zzqut7g] {
        overflow: visible;
    }
}
/* /Components/Inputs/ChartInput.razor.rz.scp.css */
@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

span[b-jr0v00oy6a]
{
    font-family:RobotoRegular;
}

.field-group[b-jr0v00oy6a] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

    .field-group > label[b-jr0v00oy6a] {
        font-weight: 600;
    }

    .field-group small[b-jr0v00oy6a] {
        font-weight: 400;
        color: #777;
    }

.date-row[b-jr0v00oy6a],
.time-row[b-jr0v00oy6a] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

select[b-jr0v00oy6a],
input[type="text"][b-jr0v00oy6a] {
    min-height: 30px;
    border: 1px solid #aaa;
    background: white;
}

.unknown-time[b-jr0v00oy6a] {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: 0.85rem;
    color: #777;
    white-space: nowrap;
}

.date-row[b-jr0v00oy6a],
.time-row[b-jr0v00oy6a] {
    flex-wrap: wrap;
}

select[b-jr0v00oy6a] {
    height: 31px;
    padding: 0rem;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: white;
    color: #1f2937;
    font-size: .95rem;
    font-family: inherit;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

    select:hover[b-jr0v00oy6a] {
        border-color: #b8c2cc;
    }

    select:focus[b-jr0v00oy6a] {
        outline: none;
        border-color: #4f63d8;
        box-shadow: 0 0 0 3px rgba(79,99,216,.15);
    }

.hidden[b-jr0v00oy6a] {
    visibility: hidden;
}
/* /Components/Inputs/LocationBrowser.razor.rz.scp.css */
@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

.location-loading[b-zjjfvf9zzf]
{
    padding:5px;
}

span[b-zjjfvf9zzf] {
    font-family: RobotoRegular;
}

.location[b-zjjfvf9zzf] {
    min-width: 0;
    position: relative;
    grid-column: 1 / span 2;
    max-width: 30rem;
}

.location-wrapper[b-zjjfvf9zzf] {
    position: relative;
    width: 100%;
}

.location input[b-zjjfvf9zzf] {
    width: 100%;
    box-sizing: border-box;
}

.location-results[b-zjjfvf9zzf] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 5px;
    background: white;
    border-radius: 10px;
}

.location-result[b-zjjfvf9zzf] {
    display: grid;
    align-items: start;
    width: 100%;
    padding: .4rem;
    border: 1px solid #e2e5e9;
    border-radius: 10px;
    background: white;
    text-align: left;
    margin-top: .2rem;
    cursor: pointer;
}

    .location-result:hover[b-zjjfvf9zzf] {
        background: #f5f6f8;
    }

.location-info[b-zjjfvf9zzf] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.location-name[b-zjjfvf9zzf] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #222;
}

.location-region[b-zjjfvf9zzf],
.location-country[b-zjjfvf9zzf] {
    font-size: 0.8rem;
    color: #777;
    line-height: 1.35;
}

.location-region[b-zjjfvf9zzf] {
    margin-top: 3px;
}

.location-coordinates[b-zjjfvf9zzf] {
    justify-self: end;
    align-self: start;
    font-size: 0.78rem;
    color: #777;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}


    .location-result:hover[b-zjjfvf9zzf] {
        background: #f5f6f8;
    }

.location-info[b-zjjfvf9zzf] {
    min-width: 0;
}

.search-box[b-zjjfvf9zzf] {
    position: relative;
    width: 100%;
}

.search-icon[b-zjjfvf9zzf] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #7b7b7b;
    font-size: 1rem;
}

.search-box input[b-zjjfvf9zzf] {
    width: 100%;
    height: 35px;
    padding-left: 2.8rem;
    padding-right: 0.8rem;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    transition: .2s;
}

    .search-box input:focus[b-zjjfvf9zzf] {
        outline: none;
    }

    .search-box input:focus[b-zjjfvf9zzf] {
        border-color: #4f63d8;
        box-shadow: 0 0 0 4px rgba(79,99,216,.15);
    }
/* /Components/Layout/AstrologyArticle.razor.rz.scp.css */
.article-page[b-34djf545fg] {
    width: 100%;
    padding: 2rem 1rem 4rem;
}

.article-card[b-34djf545fg] {
    width: min(100%, 56rem);
    margin: 0 auto;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    border: 1px solid rgba(89, 106, 202, 0.2);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 0.5rem 1.5rem rgba(25, 20, 50, 0.08);
}

.article-header[b-34djf545fg] {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e7e7ee;
}

.article-category[b-34djf545fg] {
    margin: 0 0 0.4rem;
    color: #596aca;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.article-header h1[b-34djf545fg] {
    margin: 0;
    color: #171225;
    font-size: clamp(1.8rem, 5vw, 2.6rem);
    line-height: 1.15;
}

.article-introduction[b-34djf545fg] {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: #55515f;
    font-size: 1.08rem;
    line-height: 1.7;
}

.article-content[b-34djf545fg] {
    color: #302c38;
    line-height: 1.75;
}

    .article-content[b-34djf545fg]  h2 {
        margin: 2rem 0 0.7rem;
        color: #211a32;
        font-size: 1.4rem;
    }

    .article-content[b-34djf545fg]  h3 {
        margin: 1.5rem 0 0.5rem;
        color: #312845;
        font-size: 1.15rem;
    }

    .article-content[b-34djf545fg]  p {
        margin: 0.75rem 0;
    }

    .article-content[b-34djf545fg]  ul {
        padding-left: 1.4rem;
    }

    .article-content[b-34djf545fg]  li {
        margin: 0.4rem 0;
    }

@media (max-width: 36rem) {
    .article-page[b-34djf545fg] {
        padding: 1rem 0.65rem 3rem;
    }

    .article-card[b-34djf545fg] {
        padding: 1.15rem;
        border-radius: 0.8rem;
    }
}
/* /Components/Layout/AstrologyTopics.razor.rz.scp.css */
.astrology-topics-toggle[b-l1v0mcnw91] {
    display: none;
}

.astrology-topics-panel[b-l1v0mcnw91] {
    display: block;
}

.astrology-topics[b-l1v0mcnw91] {
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    border: 1px solid rgba(89, 106, 202, 0.2);
    border-radius: 1rem;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98), rgba(244, 245, 255, 0.98) );
    box-shadow: 0 0.5rem 1.5rem rgba(28, 22, 50, 0.08);
}

.astrology-topics-header[b-l1v0mcnw91] {
    margin-bottom: .5rem;
}

.astrology-topics-category[b-l1v0mcnw91] {
    margin: 0 0 0.25rem;
    color: #596aca;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.astrology-topics-header h2[b-l1v0mcnw91] {
    margin: 0;
    color: #211a2d;
    font-size: 1.25rem;
    line-height: 1.3;
}

.astrology-topics-list[b-l1v0mcnw91] {
    display: grid;
    gap: 0.65rem;
}

.astrology-topic[b-l1v0mcnw91] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding: 0.1rem 0.9rem;
    box-sizing: border-box;
    border: 1px solid #e3e1eb;
    border-radius: 0.7rem;
    color: inherit;
    background: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

    .astrology-topic:hover[b-l1v0mcnw91] {
        transform: translateY(-0.1rem);
        border-color: #a8b0e5;
        background: #fff;
        box-shadow: 0 0.35rem 0.8rem rgba(59, 51, 103, 0.1);
    }

.astrology-topic-content[b-l1v0mcnw91] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

    .astrology-topic-content strong[b-l1v0mcnw91] {
        color: #312845;
        font-size: 0.98rem;
        line-height: 1.35;
    }

    .astrology-topic-content span[b-l1v0mcnw91] {
        color: #696470;
        font-size: 0.87rem;
        line-height: 1.45;
    }

.astrology-topic-arrow[b-l1v0mcnw91] {
    flex-shrink: 0;
    color: #596aca;
    font-size: 1rem;
    transition: transform 150ms ease;
}

.astrology-topic:hover .astrology-topic-arrow[b-l1v0mcnw91] {
    transform: translateX(0.2rem);
}

@media (max-width: 1090px) {

    .astrology-topics[b-l1v0mcnw91] {
        width: 100%;
        border: none;
        padding:0px;
        border-radius: 0rem;
        background: transparent;
        box-shadow: unset;
    }

    .astrology-topics-toggle[b-l1v0mcnw91] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.25rem;
        height: 3.25rem;
        border: none;
        border-radius: 50%;
        background: white;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
        font-size: 1.25rem;
        cursor: pointer;
    }

    .astrology-topics-panel[b-l1v0mcnw91] {
        display: none;
        position: absolute;
        top: 4rem;
        right: 0;
        width: min(22rem, calc(100vw - 2rem));
        background: white;
        border-radius: 0.75rem;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
        overflow: hidden;
    }

    .astrology-topics.open .astrology-topics-panel[b-l1v0mcnw91] {
        padding: 1rem;
        display: block;
    }
}

@media (max-width: 375px) 
{
    .astrology-topics-panel[b-l1v0mcnw91] {
        top: 4.5rem;
    }

        .astrology-topics.open .astrology-topics-panel[b-l1v0mcnw91] {
            padding: .5rem;
        }

        .astrology-topics[b-l1v0mcnw91] {
            padding: 1rem;
        }

        .astrology-topic[b-l1v0mcnw91] {
            padding: 0.5rem;
        }

        .astrology-topic-content span[b-l1v0mcnw91] {
            font-size: 0.83rem;
        }
    }

@media (max-width: 1090px) {

    .astrology-topics-backdrop[b-l1v0mcnw91] {
        position: fixed;
        inset: 0;
        z-index: 999;
        background: transparent;
    }

    .calculator-topics[b-l1v0mcnw91] {
        position: fixed;
        top: 6rem;
        right: 1rem;
        width: auto;
        z-index: 1000;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
footer[b-asylz3sfay] {
    background: radial-gradient(circle at top, #2b2142 0%, #120b22 45%, #05030a 100%);
    color: white;
    padding:.5rem;
}

    footer[b-asylz3sfay]  nav {
        display: flex;
        justify-content: center;
        gap: 18px;
        flex-wrap: wrap;
    }

    footer[b-asylz3sfay]  a {
        color: rgba(255, 255, 255, 0.72);
        text-decoration: none;
        font-size: 0.95rem;
        transition: opacity 0.2s ease;
    }

    footer[b-asylz3sfay]  a:hover {
        opacity: 0.8;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
header[b-gyszzjruu9] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(8, 5, 18, 0.72);
    backdrop-filter: blur(14px);
    box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.16);
}

.page[b-gyszzjruu9] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Reserve space for the fixed navigation */
main[b-gyszzjruu9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-top: 4rem;
    background: radial-gradient(circle at top, #2b2142 0%, #120b22 45%, #05030a 100%);
}

.content[b-gyszzjruu9] {
    background: radial-gradient(circle at top, #2b2142 0%, #120b22 45%, #05030a 100%);
}

.top-row[b-gyszzjruu9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-gyszzjruu9]  a, .top-row[b-gyszzjruu9]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
    }

    .top-row[b-gyszzjruu9]  a:hover, .top-row[b-gyszzjruu9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-gyszzjruu9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-gyszzjruu9] {
        justify-content: space-between;
    }

    .top-row[b-gyszzjruu9]  a, .top-row[b-gyszzjruu9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-gyszzjruu9] {
        flex-direction: column;
    }

    .top-row[b-gyszzjruu9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-gyszzjruu9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

#blazor-error-ui[b-gyszzjruu9] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gyszzjruu9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.top-nav[b-6f12zscrgd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 3rem;
    box-sizing: border-box;
    padding: 0.5rem 2rem;
    background: radial-gradient(circle at top, #2b2142 0%, #120b22 45%, #05030a 100%);
}

.nav-header[b-6f12zscrgd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand[b-6f12zscrgd] {
    color: white;
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .navbar-brand img[b-6f12zscrgd] {
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

.nav-links[b-6f12zscrgd] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

    .nav-links[b-6f12zscrgd]  a {
        color: rgba(255, 255, 255, 0.88);
        text-decoration: none;
        font-weight: 500;
        padding: 0.65rem 0.9rem;
        border-radius: 0.45rem;
        transition: color 150ms ease, background-color 150ms ease;
    }

        .nav-links[b-6f12zscrgd]  a:hover {
            color: white;
            background: rgba(255, 255, 255, 0.12);
        }

        .nav-links[b-6f12zscrgd]  a.active {
            color: white;
            background: rgba(255, 255, 255, 0.2);
        }

    .nav-links[b-6f12zscrgd]  .download-button {
        color: #4f63d8;
        background: white;
        font-weight: 600;
        margin-left: 0.4rem;
    }

        .nav-links[b-6f12zscrgd]  .download-button:hover {
            color: #3d4fad;
            background: #f3f5ff;
        }

.menu-toggle[b-6f12zscrgd] {
    display: none;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0.45rem;
    padding: 0.35rem 0.65rem;
    color: white;
    background: rgba(255, 255, 255, 0.1);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 1009px) 
{
    .navbar-brand span[b-6f12zscrgd] 
    {
        display:none;
    }
}

@media (max-width: 919px) {
    .navbar-brand span[b-6f12zscrgd] {
        display: block;
    }
    .top-nav[b-6f12zscrgd] {
        display: block;
        padding: 0.75rem 1rem;
    }

    .nav-header[b-6f12zscrgd] {
        width: 100%;
    }

    .menu-toggle[b-6f12zscrgd] {
        border: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .nav-links[b-6f12zscrgd] {
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
        margin-top: 0.75rem;
        padding-top: 0.75rem;
        border-top: 1px solid rgba(255, 255, 255, 0.18);
    }

        .nav-links.open[b-6f12zscrgd] {
            display: flex;
        }

        .nav-links[b-6f12zscrgd]  a {
            width: 100%;
            box-sizing: border-box;
            text-align: left;
        }

        .nav-links[b-6f12zscrgd]  .download-button {
            margin-left: 0;
            margin-top: 0.35rem;
            text-align: center;
        }
}
/* /Components/Layout/Tabs/Tabs.razor.rz.scp.css */
.tabs[b-p8zdfb35nv] {
    display: flex;
    gap: .5rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
}

    .tabs button[b-p8zdfb35nv] {
        padding: .75rem 1rem;
        background: none;
        border: none;
        border-bottom: 3px solid transparent;
        cursor: pointer;
        font-size: 1rem;
    }

        .tabs button.active[b-p8zdfb35nv] {
            border-bottom-color: #596aca;
            color: #596aca;
            font-weight: 600;
        }
/* /Components/Pages/About.razor.rz.scp.css */
.about-page[b-kbwbqujc9e] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 24px 24px;
    background: radial-gradient(circle at top, #2b2142 0%, #120b22 45%, #05030a 100%);
}

.about-card[b-kbwbqujc9e] {
    padding: 42px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 28px;
    backdrop-filter: blur(10px);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.about-header[b-kbwbqujc9e] {
    max-width: 720px;
    margin: 0 auto 42px;
    text-align: center;
}

.about-header h1[b-kbwbqujc9e] {
    margin: 0 0 18px;
    color: #f7d46b;
    font-size: clamp(2rem, 5vw, 2.7rem);
    line-height: 1.15;
}

.about-header p[b-kbwbqujc9e] {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 1.05rem;
    line-height: 1.75;
}

.about-card section[b-kbwbqujc9e] {
    margin-bottom: 34px;
}

    .about-card section:last-child[b-kbwbqujc9e] {
        margin-bottom: 0;
    }

.about-card h2[b-kbwbqujc9e] {
    margin: 0 0 14px;
    color: #f7d46b;
    font-size: 1.35rem;
    line-height: 1.3;
}

.about-card p[b-kbwbqujc9e],
.about-card li[b-kbwbqujc9e] {
    color: rgba(255, 255, 255, 0.84);
    line-height: 1.75;
}

.about-card p[b-kbwbqujc9e] {
    margin: 0 0 14px;
}

    .about-card p:last-child[b-kbwbqujc9e] {
        margin-bottom: 0;
    }

.feature-list[b-kbwbqujc9e] {
    display: grid;
    gap: 12px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

    .feature-list li[b-kbwbqujc9e] {
        display: grid;
        gap: 4px;
        padding: 16px 18px;
        background: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
    }

    .feature-list strong[b-kbwbqujc9e] {
        color: rgba(255, 255, 255, 0.96);
    }

    .feature-list span[b-kbwbqujc9e] {
        color: rgba(255, 255, 255, 0.72);
    }

.about-note[b-kbwbqujc9e] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 20px;
    padding: 16px 18px;
    background: rgba(247, 212, 107, 0.08);
    border: 1px solid rgba(247, 212, 107, 0.2);
    border-radius: 14px;
}

    .about-note i[b-kbwbqujc9e] {
        flex-shrink: 0;
        margin-top: 5px;
        color: #f7d46b;
    }

    .about-note p[b-kbwbqujc9e] {
        margin: 0;
        color: rgba(255, 255, 255, 0.8);
    }

.about-card a[b-kbwbqujc9e] {
    color: #f7d46b;
    text-decoration: none;
}

    .about-card a:hover[b-kbwbqujc9e] {
        text-decoration: underline;
        text-underline-offset: 3px;
    }

.contact-link[b-kbwbqujc9e] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

@media (max-width: 640px) {
    .about-page[b-kbwbqujc9e] {
        padding: 24px 14px 18px;
    }

    .about-card[b-kbwbqujc9e] {
        padding: 30px 22px;
        border-radius: 22px;
    }

    .about-header[b-kbwbqujc9e] {
        margin-bottom: 34px;
    }

        .about-header h1[b-kbwbqujc9e] {
            font-size: 2rem;
        }

        .about-header p[b-kbwbqujc9e] {
            font-size: 0.98rem;
        }

    .about-card h2[b-kbwbqujc9e] {
        font-size: 1.18rem;
    }

    .feature-list li[b-kbwbqujc9e] {
        padding: 14px 15px;
    }

    .about-note[b-kbwbqujc9e] {
        padding: 14px 15px;
    }
}
/* /Components/Pages/Calculations/HoroscopeCalculator.razor.rz.scp.css */
.page-title[b-hyh4rsfoum] {
    font-size: 1.25rem; /* Bootstrap h5 */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.chart-page[b-hyh4rsfoum] {
    width: 100%;
    padding: 20px;
    background: whitesmoke;
    box-sizing: border-box;
}

.input-section[b-hyh4rsfoum] {
    position: relative;
    max-width: 725px;
    margin-top: .9rem;
    margin-bottom: .75rem;
    padding: 0rem .5rem .5rem .5rem;
    border: 1px solid #cfd4db;
    border-radius: 18px;
    background: #F5F5F5;
}

.hide[b-hyh4rsfoum] {
    display: none;
}

.chart-main[b-hyh4rsfoum] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    align-items: center;
}

.table-main[b-hyh4rsfoum] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: start;
}

.chart-area[b-hyh4rsfoum] {
    min-width: 0;
}

.aspect-area[b-hyh4rsfoum] {
    min-width: 0;
}

.chart-input[b-hyh4rsfoum] {
    display: grid;
    grid-template-columns: 227px fit-content(246px) fit-content(289px);
    grid-template-rows: 70px auto;
    width: 100%;
    margin-top: 1rem;
}

@media (max-width: 800px) {

    .table-main[b-hyh4rsfoum] {
        grid-template-columns: 1fr;
    }

    .chart-area[b-hyh4rsfoum],
    .aspect-area[b-hyh4rsfoum] {
        grid-column: 1;
    }
}

@media (max-width: 768px) {
    .chart-main[b-hyh4rsfoum] {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .aspect-area[b-hyh4rsfoum] {
        margin: 0 auto;
        grid-column: 1;
    }
}


@media (max-width: 640px) {
    .chart-input[b-hyh4rsfoum] {
        display: grid;
        grid-template-columns: 227px fit-content(246px) fit-content(289px);
        grid-template-rows: 70px auto;
    }
}

@media (max-width: 511px) {
    .chart-input[b-hyh4rsfoum] {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }
}

@media (max-width: 454px) {
    .chart-page[b-hyh4rsfoum] {
        padding: 10px;
    }
}

@media (max-width: 352px) {
    h1[b-hyh4rsfoum] {
        text-align: center;
    }
}
/* /Components/Pages/Calculations/NatalChartCalculator.razor.rz.scp.css */
.page-title[b-z3q02d22gb] {
    font-size: 1.25rem; /* Bootstrap h5 */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.chart-page[b-z3q02d22gb] {
    width: 100%;
    padding: 20px;
    background: whitesmoke;
    box-sizing: border-box;
}

.hide[b-z3q02d22gb] {
    display: none;
}

.chart-main[b-z3q02d22gb] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    align-items: center;
}

.table-main[b-z3q02d22gb] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: start;
}

.chart-area[b-z3q02d22gb] {
    min-width: 0;
}

.aspect-area[b-z3q02d22gb] {
    min-width: 0;
}

.chart-input[b-z3q02d22gb] {
    display: grid;
    grid-template-columns: 227px fit-content(246px) fit-content(289px);
    grid-template-rows: 70px auto;
    width: 100%;
}

@media (max-width: 800px) {

    .table-main[b-z3q02d22gb] {
        grid-template-columns: 1fr;
    }

    .chart-area[b-z3q02d22gb],
    .aspect-area[b-z3q02d22gb] {
        grid-column: 1;
    }
}

@media (max-width: 768px) {
    .chart-main[b-z3q02d22gb] {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .aspect-area[b-z3q02d22gb] {
        margin: 0 auto;
        grid-column: 1;
    }
}


@media (max-width: 640px) {
    .chart-input[b-z3q02d22gb] {
        display: grid;
        grid-template-columns: 227px fit-content(246px) fit-content(289px);
        grid-template-rows: 70px auto;
    }
}

@media (max-width: 511px) {
    .chart-input[b-z3q02d22gb] {
        display: flex;
        flex-direction: column;
        gap:.5rem;
    }
}

@media (max-width: 454px) 
{
    .chart-page[b-z3q02d22gb] {
        padding: 10px;
    }
}

@media (max-width: 352px) 
{
    h1[b-z3q02d22gb]
    {
        text-align:center;
    }
}
/* /Components/Pages/Calculations/Returns/LunarReturnCalculator.razor.rz.scp.css */
.page-title[b-04ruecsapz] {
    font-size: 1.25rem; /* Bootstrap h5 */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.chart-page[b-04ruecsapz] {
    width: 100%;
    padding: 20px;
    background: whitesmoke;
    box-sizing: border-box;
}

.input-section[b-04ruecsapz] {
    position: relative;
    max-width: 650px;
    margin-top: .9rem;
    margin-bottom: .75rem;
    padding: 0rem .5rem .5rem .5rem;
    border: 1px solid #cfd4db;
    border-radius: 18px;
    background: #F5F5F5;
}

.hide[b-04ruecsapz] {
    display: none;
}

.chart-main[b-04ruecsapz] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    align-items: center;
}

.table-main[b-04ruecsapz] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: start;
}

.chart-area[b-04ruecsapz] {
    min-width: 0;
}

.aspect-area[b-04ruecsapz] {
    min-width: 0;
}

.chart-input[b-04ruecsapz] {
    display: grid;
    grid-template-columns: 227px fit-content(246px) fit-content(289px);
    grid-template-rows: 70px auto;
    width: 100%;
    margin-top: 1rem;
}

@media (max-width: 800px) {

    .table-main[b-04ruecsapz] {
        grid-template-columns: 1fr;
    }

    .chart-area[b-04ruecsapz],
    .aspect-area[b-04ruecsapz] {
        grid-column: 1;
    }
}

@media (max-width: 768px) {
    .chart-main[b-04ruecsapz] {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .aspect-area[b-04ruecsapz] {
        margin: 0 auto;
        grid-column: 1;
    }
}


@media (max-width: 640px) {
    .chart-input[b-04ruecsapz] {
        display: grid;
        grid-template-columns: 227px fit-content(246px) fit-content(289px);
        grid-template-rows: 70px auto;
    }
}

@media (max-width: 511px) {
    .chart-input[b-04ruecsapz] {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }
}

@media (max-width: 454px) {
    .chart-page[b-04ruecsapz] {
        padding: 10px;
    }
}

@media (max-width: 352px) {
    h1[b-04ruecsapz] {
        text-align: center;
    }
}
/* /Components/Pages/Calculations/Returns/SolarReturnCalculator.razor.rz.scp.css */
.page-title[b-s5eei0wo59] {
    font-size: 1.25rem; /* Bootstrap h5 */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.chart-page[b-s5eei0wo59] {
    width: 100%;
    padding: 20px;
    background: whitesmoke;
    box-sizing: border-box;
}

.hide[b-s5eei0wo59] {
    display: none;
}

.input-section[b-s5eei0wo59] {
    position: relative;
    max-width: 650px;
    margin-top: .9rem;
    margin-bottom: .75rem;
    padding: 0rem .5rem .5rem .5rem;
    border: 1px solid #cfd4db;
    border-radius: 18px;
    background: #F5F5F5;
}

.chart-main[b-s5eei0wo59] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    align-items: center;
}

.table-main[b-s5eei0wo59] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: start;
}

.chart-area[b-s5eei0wo59] {
    min-width: 0;
}

.aspect-area[b-s5eei0wo59] {
    min-width: 0;
}

.chart-input[b-s5eei0wo59] {
    display: grid;
    grid-template-columns: 227px fit-content(246px) fit-content(289px);
    grid-template-rows: 70px auto;
    width: 100%;
    margin-top: 1rem;
}

@media (max-width: 800px) {

    .table-main[b-s5eei0wo59] {
        grid-template-columns: 1fr;
    }

    .chart-area[b-s5eei0wo59],
    .aspect-area[b-s5eei0wo59] {
        grid-column: 1;
    }
}

@media (max-width: 768px) {
    .chart-main[b-s5eei0wo59] {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .aspect-area[b-s5eei0wo59] {
        margin: 0 auto;
        grid-column: 1;
    }
}


@media (max-width: 640px) {
    .chart-input[b-s5eei0wo59] {
        display: grid;
        grid-template-columns: 227px fit-content(246px) fit-content(289px);
        grid-template-rows: 70px auto;
    }
}

@media (max-width: 511px) {
    .chart-input[b-s5eei0wo59] {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }
}

@media (max-width: 454px) {
    .chart-page[b-s5eei0wo59] {
        padding: 10px;
    }
}

@media (max-width: 352px) {
    h1[b-s5eei0wo59] {
        text-align: center;
    }
}
/* /Components/Pages/Calculations/SynastryCalculator.razor.rz.scp.css */
.input-container[b-80ygsl9gmr] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.chart-input[b-80ygsl9gmr] {
    display: grid;
    grid-template-columns: 227px fit-content(246px) fit-content(289px);
    grid-template-rows: 70px auto;
    width: 100%;
    margin-bottom: 1rem;
}

.partner-section[b-80ygsl9gmr] {
    position: relative;
    max-width: 470px;
    margin-top: .9rem;
    margin-bottom: .75rem;
    padding: 1.3rem 1rem .4rem;
    border: 1px solid #cfd4db;
    border-radius: 18px;
    background: #F5F5F5;
}

    .partner-section > input[b-80ygsl9gmr] {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        position: absolute;
        top: -0.60rem;
        left: 1rem;
        background: white;
        border: 1px solid #d1d5db;
        border-radius: 1rem;
        padding: 0rem 0rem 0rem .5rem;
        box-sizing: border-box;
        font-weight: 700;
        color: #4f63d8;
        background: #F5F5F5;
    }

.page-title[b-80ygsl9gmr] {
    font-size: 1.25rem; /* Bootstrap h5 */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.chart-page[b-80ygsl9gmr] {
    width: 100%;
    padding: 20px;
    background: whitesmoke;
    box-sizing: border-box;
}

.hide[b-80ygsl9gmr] {
    display: none;
}

.chart-main[b-80ygsl9gmr] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    align-items: center;
}

.table-main[b-80ygsl9gmr] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: start;
}

.chart-area[b-80ygsl9gmr] {
    min-width: 0;
}

.aspect-area[b-80ygsl9gmr] {
    min-width: 0;
}

@media (max-width: 995px) {

    .partner-section[b-80ygsl9gmr] {
        display: flex;
        flex-direction: column;
        max-width: unset;
        width: 100%;
    }
}

@media (max-width: 800px) {

    .table-main[b-80ygsl9gmr] {
        grid-template-columns: 1fr;
    }

    .chart-area[b-80ygsl9gmr],
    .aspect-area[b-80ygsl9gmr] {
        grid-column: 1;
    }
}


@media (max-width: 768px) {
    .chart-main[b-80ygsl9gmr] {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .aspect-area[b-80ygsl9gmr] {
        margin: 0 auto;
        grid-column: 1;
    }
}

@media (max-width: 640px) {
    .chart-input[b-80ygsl9gmr] {
        display: grid;
        grid-template-columns: 227px fit-content(246px) fit-content(289px);
        grid-template-rows: 70px auto;
    }
}

@media (max-width: 511px) {
    .chart-input[b-80ygsl9gmr] {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }
}

@media (max-width: 454px) {
    .chart-page[b-80ygsl9gmr] {
        padding: 10px;
    }
}

@media (max-width: 352px) {
    h1[b-80ygsl9gmr] {
        text-align: center;
    }
}

@media (max-width: 1255px) {

    [b-80ygsl9gmr] .astrology-topics-backdrop {
        position: fixed;
        inset: 0;
        z-index: 999;
        background: transparent;
    }

    [b-80ygsl9gmr] .astrology-topics {
        width: 100%;
        border: none;
        padding: 0px;
        border-radius: 0rem;
        background: transparent;
        box-shadow: unset;
    }

    [b-80ygsl9gmr] .astrology-topics-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.25rem;
        height: 3.25rem;
        border: none;
        border-radius: 50%;
        background: white;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
        font-size: 1.25rem;
        cursor: pointer;
    }

    [b-80ygsl9gmr] .astrology-topics-panel {
        display: none;
        position: absolute;
        top: 4rem;
        right: 0;
        width: min(22rem, calc(100vw - 2rem));
        background: white;
        border-radius: 0.75rem;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
        overflow: hidden;
    }

    [b-80ygsl9gmr] .astrology-topics.open .astrology-topics-panel {
        padding: 1rem;
        display: block;
    }
}
/* /Components/Pages/Calculations/TodayCalculator.razor.rz.scp.css */
.page-title[b-ldrxuqm2l3] {
    font-size: 1.25rem; /* Bootstrap h5 */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.chart-page[b-ldrxuqm2l3] {
    width: 100%;
    padding: 20px;
    background: whitesmoke;
    box-sizing: border-box;
}

.hide[b-ldrxuqm2l3] {
    display: none;
}

.chart-main[b-ldrxuqm2l3] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    align-items: center;
}

.table-main[b-ldrxuqm2l3] {
    margin-top: 1rem;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: start;
}

.chart-area[b-ldrxuqm2l3] {
    min-width: 0;
}

.aspect-area[b-ldrxuqm2l3] {
    min-width: 0;
}

.chart-input[b-ldrxuqm2l3] {
    display: grid;
    grid-template-columns: 227px fit-content(246px) fit-content(289px);
    grid-template-rows: 70px auto;
    width: 100%;
}

@media (max-width: 800px) {

    .table-main[b-ldrxuqm2l3] {
        grid-template-columns: 1fr;
    }

    .chart-area[b-ldrxuqm2l3],
    .aspect-area[b-ldrxuqm2l3] {
        grid-column: 1;
    }
}

@media (max-width: 768px) {
    .chart-main[b-ldrxuqm2l3] {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .aspect-area[b-ldrxuqm2l3] {
        margin: 0 auto;
        grid-column: 1;
    }
}


@media (max-width: 640px) {
    .chart-input[b-ldrxuqm2l3] {
        display: grid;
        grid-template-columns: 227px fit-content(246px) fit-content(289px);
        grid-template-rows: 70px auto;
    }
}

@media (max-width: 511px) {
    .chart-input[b-ldrxuqm2l3] {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }
}

@media (max-width: 454px) {
    .chart-page[b-ldrxuqm2l3] {
        padding: 10px;
    }
}

@media (max-width: 352px) {
    h1[b-ldrxuqm2l3] {
        text-align: center;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.container[b-3zxztfn7fg] {
    width: 100%;
    max-width: 560px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.card[b-3zxztfn7fg] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 28px;
    padding: 42px 28px;
    text-align: center;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(14px);
}

#logo[b-3zxztfn7fg] {
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 28px;
}

#titleApp[b-3zxztfn7fg] {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #E9C86A;
    margin:0px;
}

.subtitle[b-3zxztfn7fg] {
    font-size: 1.05rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.82);
    margin: .5rem;
}

main p[b-3zxztfn7fg] {
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.88);
}

.play-badge[b-3zxztfn7fg] {
    display: inline-block;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

    .play-badge:hover[b-3zxztfn7fg] {
        transform: scale(1.04);
        opacity: 0.92;
    }

    .play-badge img[b-3zxztfn7fg] {
        width: 210px;
        max-width: 100%;
    }

.social-title[b-3zxztfn7fg] {
    margin-bottom: 18px;
    color: rgba(255,255,255,0.78);
    font-size: 0.95rem;
    letter-spacing: 0.3px;
}

.social-grid[b-3zxztfn7fg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.social-card[b-3zxztfn7fg] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: white;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

    .social-card:hover[b-3zxztfn7fg] {
        transform: translateY(-2px);
        background: rgba(255,255,255,0.10);
        border-color: rgba(255,255,255,0.18);
    }

    .social-card img[b-3zxztfn7fg] {
        width: 22px;
        height: 22px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .social-card span[b-3zxztfn7fg] {
        font-size: 0.95rem;
        font-weight: 500;
    }

@media (max-width: 480px) {
    .card[b-3zxztfn7fg] {
        padding: 34px 22px;
    }

    #titleApp[b-3zxztfn7fg] {
        font-size: 2rem;
    }

    #logo[b-3zxztfn7fg] {
        width: 105px;
        height: 105px;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.legal-page[b-ocpggz0802] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 24px 24px;
}

.legal-card[b-ocpggz0802] {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 28px;
    padding: 42px;
    backdrop-filter: blur(10px);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.legal-header[b-ocpggz0802] {
    text-align: center;
    margin-bottom: 36px;
}

    .legal-header h1[b-ocpggz0802] {
        color: #f7d46b;
        font-size: 2.4rem;
        margin-bottom: 10px;
    }

.legal-card section[b-ocpggz0802] {
    margin-bottom: 30px;
}

.legal-card h2[b-ocpggz0802] {
    color: #f7d46b;
    font-size: 1.35rem;
    margin-bottom: 12px;
}

.legal-card p[b-ocpggz0802],
.legal-card li[b-ocpggz0802] {
    line-height: 1.7;
    color: rgba(255,255,255,0.84);
}

.legal-card ul[b-ocpggz0802] {
    padding-left: 22px;
    margin-top: 12px;
}

.legal-card a[b-ocpggz0802],
.site-footer a[b-ocpggz0802] {
    color: #f7d46b;
    text-decoration: none;
}

    .legal-card a:hover[b-ocpggz0802],
    .site-footer a:hover[b-ocpggz0802] {
        opacity: 0.8;
    }

.site-footer[b-ocpggz0802] {
    text-align: center;
    padding: 28px 24px 42px;
}

    .site-footer nav[b-ocpggz0802] {
        display: flex;
        justify-content: center;
        gap: 18px;
        flex-wrap: wrap;
    }

@media (max-width: 640px) {
    .legal-card[b-ocpggz0802] {
        padding: 30px 22px;
        border-radius: 22px;
    }

    .legal-header h1[b-ocpggz0802] {
        font-size: 2rem;
    }

    .legal-card h2[b-ocpggz0802] {
        font-size: 1.18rem;
    }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
.legal-page[b-8oavk5e5lf] {
    background: radial-gradient(circle at top, #2b2142 0%, #120b22 45%, #05030a 100%);
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 24px 24px;
}

.legal-card[b-8oavk5e5lf] {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 28px;
    padding: 42px;
    backdrop-filter: blur(10px);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.legal-header[b-8oavk5e5lf] {
    text-align: center;
    margin-bottom: 36px;
}

    .legal-header h1[b-8oavk5e5lf] {
        color: #f7d46b;
        font-size: 2.4rem;
        margin-bottom: 10px;
    }

.legal-card section[b-8oavk5e5lf] {
    margin-bottom: 30px;
}

.legal-card h2[b-8oavk5e5lf] {
    color: #f7d46b;
    font-size: 1.35rem;
    margin-bottom: 12px;
}

.legal-card p[b-8oavk5e5lf],
.legal-card li[b-8oavk5e5lf] {
    line-height: 1.7;
    color: rgba(255,255,255,0.84);
}

.legal-card ul[b-8oavk5e5lf] {
    padding-left: 22px;
    margin-top: 12px;
}

.legal-card a[b-8oavk5e5lf],
.site-footer a[b-8oavk5e5lf] {
    color: #f7d46b;
    text-decoration: none;
}

    .legal-card a:hover[b-8oavk5e5lf],
    .site-footer a:hover[b-8oavk5e5lf] {
        opacity: 0.8;
    }

.site-footer[b-8oavk5e5lf] {
    text-align: center;
    padding: 28px 24px 42px;
}

    .site-footer nav[b-8oavk5e5lf] {
        display: flex;
        justify-content: center;
        gap: 18px;
        flex-wrap: wrap;
    }

@media (max-width: 640px) {
    .legal-card[b-8oavk5e5lf] {
        padding: 30px 22px;
        border-radius: 22px;
    }

    .legal-header h1[b-8oavk5e5lf] {
        font-size: 2rem;
    }

    .legal-card h2[b-8oavk5e5lf] {
        font-size: 1.18rem;
    }
}
/* /Components/Tables/AspectTable.razor.rz.scp.css */
@font-face {
    font-family: "AstroNet";
    src: url("/fonts/astro.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

.aspect-card[b-eul0kl7lqg] {
    border: 1px solid #b7b7b7;
    background: white;
    font-size: 12px;
    font-family: RobotoRegular;
}

.aspect-header[b-eul0kl7lqg] {
    font-family: Calibri;
    background: #596aca;
    color: white;
    text-align: center;
    font-weight: 600;
    display: flex;
    padding: 6px 4px;
    justify-content: space-between
}

.aspect-header span[b-eul0kl7lqg] {
    font-size:15px;
}

.aspect-list[b-eul0kl7lqg] {
    display: flex;
    font-family: RobotoRegular;
    flex-direction: column;
}

.aspect-row[b-eul0kl7lqg] {
    display: grid;
    grid-template-columns: 2rem .6rem 1rem 1rem 5rem 2rem 2rem .6rem 1rem 1rem 5rem 2rem;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.2rem 0.3rem;
    font-size: 0.69rem;
    column-gap: 0.1rem;
}

    .aspect-row:nth-child(even)[b-eul0kl7lqg] {
        background: rgba(0, 0, 0, 0.018);
    }

.glyph[b-eul0kl7lqg]
{
    font-family: "AstroNet";
}

.planet[b-eul0kl7lqg] {
    font-size: 1.45rem;
    line-height: 1;
    text-align: center;
}

.sign[b-eul0kl7lqg] {
    font-size: .6rem;
    line-height: 1;
}

.aspect[b-eul0kl7lqg] {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

.retrograde[b-eul0kl7lqg] {
    font-family: RobotoRegular;
    color: #e12532;
    font-size: 0.75rem;
    text-align: center;
}

.house[b-eul0kl7lqg] {
    font-family: RobotoRegular;
    color: #333;
    text-align: center;
    white-space: nowrap;
}

.house2[b-eul0kl7lqg] {
    font-family: RobotoRegular;
    color: #333;
    text-align:center;
    font-size: 1rem;
    white-space: nowrap;
}

.planet-name[b-eul0kl7lqg] {
    font-family: RobotoRegular;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orb[b-eul0kl7lqg] {
    font-family: RobotoRegular;
    color: #222;
    text-align: right;
    white-space: nowrap;
}

.sun[b-eul0kl7lqg] {
    color: #ffae00;
}

.moon[b-eul0kl7lqg] {
    color: #111;
}

.mercury[b-eul0kl7lqg] {
    color: #0fcf69;
}

.venus[b-eul0kl7lqg] {
    color: #ec6372;
}

.mars[b-eul0kl7lqg] {
    color: #ef3131;
}

.jupiter[b-eul0kl7lqg] {
    color: #46d96c;
}

.saturn[b-eul0kl7lqg] {
    color: #E730BF;
}

.uranus[b-eul0kl7lqg] {
    color: #2658d7;
}

.neptune[b-eul0kl7lqg] {
    color: #C3C3C3;
}

.pluto[b-eul0kl7lqg] {
    color: #773acb;
}

/* Nodes and calculated points */

.north-node[b-eul0kl7lqg] {
    color: #D98CDB;
}

.south-node[b-eul0kl7lqg] {
    color: #83C3E0;
}

.lilith[b-eul0kl7lqg] {
    color: #000000;
}

.fortune[b-eul0kl7lqg] {
    color: #000000;
}

/* Asteroids and minor bodies */

.chiron[b-eul0kl7lqg] {
    color: #A637A7;
}

.pholus[b-eul0kl7lqg] {
    color: #3F48CC;
}

.ceres[b-eul0kl7lqg] {
    color: #E67223;
}

.pallas[b-eul0kl7lqg] {
    color: #3941B8;
}

.juno[b-eul0kl7lqg] {
    color: #B0E60D;
}

.vesta[b-eul0kl7lqg] {
    color: #FFCA38;
}

/* Axis points */

.vertex[b-eul0kl7lqg] {
    color: #000000;
}

.anti-vertex[b-eul0kl7lqg] {
    color: #000000;
}

/* Fixed stars */

.fixedPlanet[b-eul0kl7lqg] {
    color: #000000;
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.algol[b-eul0kl7lqg],
.antares[b-eul0kl7lqg],
.regulus[b-eul0kl7lqg],
.spica[b-eul0kl7lqg],
.aldebaran[b-eul0kl7lqg],
.fomalhaut[b-eul0kl7lqg],
.sirius[b-eul0kl7lqg],
.arcturus[b-eul0kl7lqg],
.vega[b-eul0kl7lqg],
.capella[b-eul0kl7lqg],
.betelgeuse[b-eul0kl7lqg],
.rigel[b-eul0kl7lqg],
.denebola[b-eul0kl7lqg],
.procyon[b-eul0kl7lqg],
.castor[b-eul0kl7lqg],
.pollux[b-eul0kl7lqg] {
    color: #000000;
}

.conjunction[b-eul0kl7lqg] {
    color: #47dd24;
}

.opposition[b-eul0kl7lqg] {
    color: #ed2634;
}

.trine[b-eul0kl7lqg] {
    color: #4141ef;
}

.square[b-eul0kl7lqg] {
    color: #ee7474;
}

.semisquare[b-eul0kl7lqg] {
    color: #FFA501;
}

.sesquisquare[b-eul0kl7lqg] {
    color: #FF48FF;
}

.quincunx[b-eul0kl7lqg] {
    color: #23B14D;
}

.sextile[b-eul0kl7lqg] {
    color: #0ED678;
}

.aries[b-eul0kl7lqg] {
    color: red;
}

.taurus[b-eul0kl7lqg] {
    color: brown;
}

.gemini[b-eul0kl7lqg] {
    color: green;
}

.cancer[b-eul0kl7lqg] {
    color: dodgerblue;
}

.leo[b-eul0kl7lqg] {
    color: red;
}

.virgo[b-eul0kl7lqg] {
    color: brown;
}

.libra[b-eul0kl7lqg] {
    color: green;
}

.scorpio[b-eul0kl7lqg] {
    color: dodgerblue;
}

.sagittarius[b-eul0kl7lqg] {
    color: red;
}

.capricorn[b-eul0kl7lqg] {
    color: brown;
}

.aquarius[b-eul0kl7lqg] {
    color: green;
}

.pisces[b-eul0kl7lqg] {
    color: dodgerblue;
}

@media (max-width: 429px) 
{
    .aspect-row[b-eul0kl7lqg] {
        grid-template-columns: 2rem 1rem 1rem 5rem 2rem 2rem 1rem 1rem 5rem 2rem;
        padding-inline: 0.15rem;
    }

    .orb[b-eul0kl7lqg],
    .retrograde[b-eul0kl7lqg],
    .house[b-eul0kl7lqg],
    .planet-name[b-eul0kl7lqg] {
        font-size: .7rem;
    }

    .sign[b-eul0kl7lqg]
    {
        display:none;
    }
}

@media(max-width:399px)
{
    .aspect[b-eul0kl7lqg],
    .planet[b-eul0kl7lqg] {
        font-size: 1rem;
    }

    .house2[b-eul0kl7lqg] {
        font-size: .8rem;
    }

    .retrograde[b-eul0kl7lqg] {
        font-size: .5rem;
        text-align: start;
    }

    .aspect-row[b-eul0kl7lqg] {
        grid-template-columns: 1rem .5rem 1rem 5rem 1rem 1rem .5rem 1rem 5rem 2rem;
    }
}

@media (max-width: 329px) {
    .aspect-row[b-eul0kl7lqg] {
        grid-template-columns: 1rem .3rem 1rem 4rem 1rem 1rem .3rem 1rem 4rem 2rem;
        /*        grid-template-columns: 1rem 1rem 5rem 1rem 1rem 1rem 5rem 2rem;
*/
    }

    .retrograde[b-eul0kl7lqg] {
        font-size: .5rem;
    }

    .house2[b-eul0kl7lqg],
    .orb[b-eul0kl7lqg],
    .house[b-eul0kl7lqg],
    .planet-name[b-eul0kl7lqg] {
        font-size: .7rem;
    }

    .sign[b-eul0kl7lqg] {
        display: none;
    }
}
/* /Components/Tables/DominantTable.razor.rz.scp.css */
@font-face {
    font-family: "AstroNet";
    src: url("/fonts/astro.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

.planet-area[b-9kxrebuvyn] {
    min-width: 0;
}

.zodiac-table[b-9kxrebuvyn] {
    width: 100%;
    max-width: 460px;
    border: 1px solid #b5b5b5;
    background: white;
    font-size: 13px;
    box-sizing: border-box;
    overflow: hidden;
}

.zodiac-header[b-9kxrebuvyn] {
    background: #596aca;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    padding: 6px 4px;
    font-family: Calibri;
    align-items:center;
}

    .zodiac-header span[b-9kxrebuvyn] {
        font-size: 15px;
    }

.zodiac-row[b-9kxrebuvyn] {
    display: grid;
    grid-template-columns: 2rem 5rem;
    align-items: center;
    gap: 4px;
    min-height: 39px;
    padding: 2px 6px;
    box-sizing: border-box;
}

    .zodiac-row:nth-child(even)[b-9kxrebuvyn] {
        background: rgba(0, 0, 0, 0.018);
    }

.glyph[b-9kxrebuvyn] {
    font-family: "AstroNet";
}

.planet[b-9kxrebuvyn] {
    font-size: 30px;
    text-align: center;
    line-height: 1;
}

.planet-name[b-9kxrebuvyn] {
    font-family: RobotoRegular;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zodiac-row p[b-9kxrebuvyn] {
    margin: 0;
}

/*
 * Tablet and small mobile.
 */
@media (max-width: 480px) {
    .zodiac-table[b-9kxrebuvyn] {
        max-width: none;
        font-size: 12px;
    }

    .zodiac-row[b-9kxrebuvyn] {
        grid-template-columns: 2rem 2rem;
        gap: 2px;
        min-height: 36px;
        padding: 2px 4px;
    }

    .planet-glyph[b-9kxrebuvyn] {
        font-size: 25px;
    }
}

/*
 * Very narrow phones:
 * hide the planet and sign names because the glyphs already identify them.
 */

@media (max-width: 360px) {
    .zodiac-table[b-9kxrebuvyn] {
        width: 100%;
        max-width: 100%;
        font-size: 0.72rem;
    }

    .zodiac-row[b-9kxrebuvyn] {
        display: grid;
        grid-template-areas: "planetGlyph planetName";
        column-gap: 0.15rem;
        row-gap: 0;
        min-height: 2.8rem;
        padding: 0.15rem 0.2rem;
        align-items: center;
        box-sizing: border-box;
    }

    .planet-glyph[b-9kxrebuvyn] {
        grid-area: planetGlyph;
        font-size: 1.7rem;
        line-height: 1;
        text-align: center;
    }

    .planet-name[b-9kxrebuvyn] {
        grid-area: planetName;
        align-self: center;
        font-size: 0.68rem;
        line-height: 1.05;
    }


    .zodiac-row p[b-9kxrebuvyn] {
        margin: 0;
    }

    .planet-name[b-9kxrebuvyn] {
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 800px) {
    .planet-area[b-9kxrebuvyn] {
        grid-column: 1;
    }
}

@media (max-width: 768px) {
    .planet-area[b-9kxrebuvyn] {
        margin: 0 auto;
        grid-column: 1;
    }
}
/* /Components/Tables/HouseTable.razor.rz.scp.css */
@font-face {
    font-family: "AstroNet";
    src: url("/fonts/astro.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

.house-area[b-jsbnfn0z4w] {
    min-width: 0;
}

.house-table[b-jsbnfn0z4w] {
    width: 211px;
    border: 1px solid #b7b7b7;
    background: white;
    font-size: 12px;
}


.house-name p[b-jsbnfn0z4w] {
    margin: 0px;
    font-family: RobotoRegular;
}

.sign-name p[b-jsbnfn0z4w] {
    font-family: RobotoRegular;
    margin: 0px;
}

.sign-glyph p[b-jsbnfn0z4w] {
    margin: 0px;
}

.degree p[b-jsbnfn0z4w] {
    font-family: RobotoRegular;
    margin: 0px;
}

.house-header[b-jsbnfn0z4w] {
    font-family: Calibri;
    background: #596aca;
    color: white;
    text-align: center;
    font-weight: 600;
    padding: 6px 0;
    font-size: 15px;
}

.house-row[b-jsbnfn0z4w] {
    display: grid;
    grid-template-columns: 30px 64px 42px 56px;
    align-items: center;
    min-height: 40px;
    padding: 1px 8px;
}

.house-row:nth-child(even)[b-jsbnfn0z4w] {
    background: rgba(0, 0, 0, 0.018);
}

.house-name[b-jsbnfn0z4w] {
    white-space: nowrap;
}

.sign-name[b-jsbnfn0z4w] {
    white-space: nowrap;
}

.sign-glyph[b-jsbnfn0z4w] {
    font-family: "AstroNet";
    font-size: 1.45rem;
    text-align: center;
}

.degree[b-jsbnfn0z4w] {
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 360px) {
    .sign-glyph[b-jsbnfn0z4w] {
        font-size: 1.5rem;
        line-height: 1.05;
    }
}

@media (max-width: 800px) {

    .house-area[b-jsbnfn0z4w] {
        grid-column: 1;
    }
}

@media (max-width: 768px) {
    .house-area[b-jsbnfn0z4w] {
        margin: 0 auto;
        grid-column: 1;
    }
}
/* /Components/Tables/PlanetTable.razor.rz.scp.css */
@font-face {
    font-family: "AstroNet";
    src: url("/fonts/astro.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

.planet-area[b-5s30zv5i9a] {
    min-width: 0;
}

.zodiac-table[b-5s30zv5i9a] {
    width: 100%;
    max-width: 460px;
    border: 1px solid #b5b5b5;
    background: white;
    font-size: 13px;
    box-sizing: border-box;
    overflow: hidden;
}

.zodiac-header[b-5s30zv5i9a] {
    background: #596aca;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    padding: 6px 4px;
    font-family: Calibri;
    display: flex;
    justify-content: space-between;
}

.zodiac-header span[b-5s30zv5i9a] {
        font-size: 15px;
}

.zodiac-row[b-5s30zv5i9a] {
    display: grid;
    grid-template-columns: 32px minmax(55px, 1fr) minmax(55px, 1fr) 30px minmax(62px, auto) 14px 30px;
    align-items: center;
    gap: 4px;
    min-height: 39px;
    padding: 2px 6px;
    box-sizing: border-box;
}

    .zodiac-row:nth-child(even)[b-5s30zv5i9a] {
        background: rgba(0, 0, 0, 0.018);
    }

.glyph[b-5s30zv5i9a] {
    font-family: "AstroNet";
    font-size: 1.45rem;
}

.planet[b-5s30zv5i9a] {
    text-align: center;
    line-height: 1;
}

.fixedPlanet[b-5s30zv5i9a] {
    font-size: 12px;
    text-align: center;
    line-height: 1;
}

.sign[b-5s30zv5i9a] {
    font-family: "AstroNet";
    text-align: center;
    line-height: 1;
}

.planet-name[b-5s30zv5i9a],
.sign-name[b-5s30zv5i9a] {
    font-family: RobotoRegular;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.degree[b-5s30zv5i9a] {
    font-family: RobotoRegular;
    text-align: right;
    font-size: 12px;
    white-space: nowrap;
}

.retrograde[b-5s30zv5i9a] {
    font-family: RobotoRegular;
    text-align: center;
}

.house[b-5s30zv5i9a] {
    font-family: RobotoRegular;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
}

.zodiac-row p[b-5s30zv5i9a] {
    margin: 0;
}

/*
 * Tablet and small mobile.
 */
@media (max-width: 480px) {
    .zodiac-table[b-5s30zv5i9a] {
        max-width: none;
        font-size: 12px;
    }

    .zodiac-row[b-5s30zv5i9a] {
        grid-template-columns: 32px minmax(48px, 1fr) minmax(48px, 1fr) 30px minmax(56px, auto) 18px 27px;
        gap: 2px;
        min-height: 36px;
        padding: 2px 4px;
    }

    .planet-glyph[b-5s30zv5i9a] {
        font-size: 25px;
    }

    .sign-glyph[b-5s30zv5i9a] {
        font-size: 23px;
    }

    .degree[b-5s30zv5i9a],
    .house[b-5s30zv5i9a] {
        font-size: 11px;
    }
}

/*
 * Very narrow phones:
 * hide the planet and sign names because the glyphs already identify them.
 */

@media (max-width: 360px) {
    .zodiac-table[b-5s30zv5i9a] {
        width: 100%;
        max-width: 100%;
        font-size: 0.72rem;
    }

    .zodiac-row[b-5s30zv5i9a] {
        display: grid;
        grid-template-columns: 2rem minmax(0, 1fr) 1.8rem 3.4rem 0.9rem 1.2rem;
        grid-template-areas:
            "planetGlyph planetName signGlyph degree retro house"
            "planetGlyph signName   signGlyph degree retro house";
        column-gap: 0.15rem;
        row-gap: 0;
        min-height: 2.8rem;
        padding: 0.15rem 0.2rem;
        align-items: center;
        box-sizing: border-box;
    }

    .planet-glyph[b-5s30zv5i9a] {
        grid-area: planetGlyph;
        font-size: 1.7rem;
        line-height: 1;
        text-align: center;
    }

    .planet-name[b-5s30zv5i9a] {
        grid-area: planetName;
        align-self: center;
        font-size: 0.68rem;
        line-height: 1.05;
    }

    .sign-name[b-5s30zv5i9a] {
        grid-area: signName;
        align-self: center;
        font-size: 0.62rem;
        line-height: 1.05;
    }

    .sign-glyph[b-5s30zv5i9a] {
        grid-area: signGlyph;
        font-size: 1.55rem;
        line-height: 1;
        text-align: center;
    }

    .degree[b-5s30zv5i9a] {
        grid-area: degree;
        font-size: 0.58rem;
        white-space: nowrap;
        text-align: right;
    }

    .retrograde[b-5s30zv5i9a] {
        grid-area: retro;
        font-size: 0.62rem;
        text-align: center;
    }

    .house[b-5s30zv5i9a] {
        grid-area: house;
        font-size: 0.62rem;
        text-align: center;
    }

    .zodiac-row p[b-5s30zv5i9a] {
        margin: 0;
    }

    .planet-name[b-5s30zv5i9a],
    .sign-name[b-5s30zv5i9a] {
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 800px) {
    .planet-area[b-5s30zv5i9a] {
        grid-column: 1;
    }
}

@media (max-width: 768px) {
    .planet-area[b-5s30zv5i9a] {
        margin: 0 auto;
        grid-column: 1;
    }
}