@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.g0t05e93zu.bundle.scp.css';

/* _content/WattPick/Components/Comparator/BestTariffCard.razor.rz.scp.css */
.best-tariff-card[b-7bid0a0o12] {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 0.8rem 1.5rem;
    margin-top: 0.5rem;
    box-shadow: 0 2px 8px #0001;
}

.company-name[b-7bid0a0o12] {
    font-size: 1.25rem;
    font-weight: 700;
}

.tariff-name[b-7bid0a0o12] {
    font-size: 1.1rem;
    font-weight: 600;
}

.tariff-tier[b-7bid0a0o12] {
    font-size: 1rem;
    font-weight: 500;
    color: #666;
}

.free-volume[b-7bid0a0o12] {
    font-size: 0.95rem;
    font-weight: 400;
    color: #666;
}

.monthly-fee[b-7bid0a0o12] {
    font-size: 0.95rem;
    font-weight: 400;
    color: #666;
}

@media (max-width: 960px) {
    .company-name[b-7bid0a0o12] {
        font-size: 1.05rem;
    }

    .tariff-name[b-7bid0a0o12] {
        font-size: 0.95rem;
    }

    .tariff-tier[b-7bid0a0o12] {
        font-size: 0.9rem;
    }

    .free-volume[b-7bid0a0o12] {
        font-size: 0.85rem;
    }

    .monthly-fee[b-7bid0a0o12] {
        font-size: 0.85rem;
    }
}
/* _content/WattPick/Components/Comparator/Chart.razor.rz.scp.css */
.badge[b-khglvr0oeh] {
    margin-right: 3px
}
/* _content/WattPick/Components/Comparator/CompanyElement.razor.rz.scp.css */
.company-pill[b-fyfelnl5xy] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 0.2rem 0.6rem;
    margin: 0.5rem 0.2rem;
    font-size: 1.08rem;
    font-weight: 500;
    box-shadow: 0 1px 5px #0000003d;
    cursor: pointer;
}

.company-pill.selected[b-fyfelnl5xy] {
    color: #fff;
}

.company-pill:hover[b-fyfelnl5xy] {
    background: #e8e8e8;
}

.company-pill.selected:hover[b-fyfelnl5xy] {
}
/* _content/WattPick/Components/Comparator/CompanyLogo.razor.rz.scp.css */
.company-name[b-90y9hmlrn4] {
    font-weight: bold;
    font-size: 1.5em;
    white-space: nowrap;
}

@media (max-width: 960px) {
    .company-name[b-90y9hmlrn4] {
        font-size: 1.1em;
    }
}

.ionity[b-90y9hmlrn4] {
    background: linear-gradient(to right, #312780, #ff0073);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zse[b-90y9hmlrn4] {
    color: #f21c0a;
}

.omv[b-90y9hmlrn4] {
    color: #052759;
}

.lidl[b-90y9hmlrn4] {
    color: #1e71b8;
}

.ejoin[b-90y9hmlrn4] {
    color: black;
}
/* _content/WattPick/Components/Comparator/Filter.razor.rz.scp.css */
.filter[b-bho4gv7dbp] {
    margin-bottom: 10px;
}

.filter-icon[b-bho4gv7dbp] {
    font-size: 1.5rem;
}

.v-divider[b-bho4gv7dbp] {
    width: 1px;
    align-self: stretch;
    background-color: #888;
    display: inline-block;
}

.h-divider[b-bho4gv7dbp] {
    height: 1px;
    width: 100%;
    background-color: #888;
    margin: 8px 0;
}

.filter-label[b-bho4gv7dbp] {
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 0.2rem;
    display: block;
    font-weight: 500;
}


[b-bho4gv7dbp] > .both-gradient {
    --scroll-fade-next: var(--fill-color);
    --scroll-fade-previous: var(--fill-color)
}
/* _content/WattPick/Components/Comparator/MissingElement.razor.rz.scp.css */
.section-c[b-id71vw3jnz] {
    display: flex;
    justify-content: space-between;
    height: 50px;
}

.c1[b-id71vw3jnz] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 9px;
}

.c2[b-id71vw3jnz] {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Info icon styling */
.info-icon[b-id71vw3jnz] {
    font-size: 1.5rem;
}
/* _content/WattPick/Components/Comparator/SearchPromptBar.razor.rz.scp.css */
.search-prompt-bar[b-k3pt9cg5wy] {
    display: flex;
    align-items: center;
    background: #23272f;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    padding: 0 8px;
    height: 38px;
    position: relative;
    gap: 8px;
    width: 100%;
}

.search-prompt-bar.white[b-k3pt9cg5wy] {
    background: #fff;
    border: 1.5px solid #e0e0e0;
    color: #23272f;
    box-shadow: 0 2px 12px 0 rgba(60,60,60,0.07);
    border-radius: 10px;
    padding: 0 12px;
    height: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: box-shadow 0.18s, border 0.18s;
}

.search-prompt-bar.white:focus-within[b-k3pt9cg5wy] {
    box-shadow: 0 4px 16px 0 rgba(60,60,60,0.13);
    border: 1.5px solid #b3b3b3;
}

.search-prompt-bar.white .search-input[b-k3pt9cg5wy] {
    flex: 1 1 auto;
    background: transparent;
    color: #23272f;
    font-size: 1.08em;
    padding: 8px 10px;
    min-width: 0;
    border: none;
    outline: none;
}

.search-prompt-bar.white .search-input[b-k3pt9cg5wy]::placeholder {
    color: #b0b8c1;
    opacity: 1;
    font-size: 1em;
}

.search-prompt-bar.white .icon-dropdown[b-k3pt9cg5wy],
.search-prompt-bar.white .arrow-buttons button[b-k3pt9cg5wy] {
    color: #888;
}

.search-prompt-bar.white .icon-dropdown:hover .icon-selected[b-k3pt9cg5wy],
.search-prompt-bar.white .icon-dropdown:focus .icon-selected[b-k3pt9cg5wy] {
    background: #f0f0f0;
}

.search-prompt-bar.white .dropdown-menu[b-k3pt9cg5wy] {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    z-index: 1000;
    left: 0;
    top: 44px;
    min-width: 140px;
    border-radius: 8px;
    padding: 4px 0;
}

.search-prompt-bar.white .dropdown-item[b-k3pt9cg5wy] {
    color: #23272f;
    padding: 10px 18px;
    font-size: 1em;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
}

.search-prompt-bar.white .dropdown-item:hover[b-k3pt9cg5wy] {
    background: #f0f0f0;
    color: #23272f;
}

/* Ensure dropdown is not clipped */
.search-prompt-bar .dropdown-menu.show[b-k3pt9cg5wy] {
    display: block;
    position: absolute;
}

.icon-dropdown[b-k3pt9cg5wy] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 6px;
    color: #b0b8c1;
    font-size: 1.2em;
    min-width: 32px;
    justify-content: center;
}

.search-prompt-bar.white .icon-dropdown[b-k3pt9cg5wy] {
    min-width: 36px;
    font-size: 1.25em;
    margin-right: 4px;
    border-radius: 6px;
    transition: background 0.15s;
    padding: 4px;
}

.search-prompt-bar.white .icon-dropdown:hover:not([style*="pointer-events:none"])[b-k3pt9cg5wy],
.search-prompt-bar.white .icon-dropdown:focus:not([style*="pointer-events:none"])[b-k3pt9cg5wy] {
    background: #f5f5f5;
}

.icon-dropdown .icon-selected[b-k3pt9cg5wy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: background 0.15s;
}

.search-prompt-bar.white .icon-selected[b-k3pt9cg5wy] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.icon-dropdown:hover .icon-selected[b-k3pt9cg5wy],
.icon-dropdown:focus .icon-selected[b-k3pt9cg5wy] {
    background: #2c313a;
}

.dropdown-menu[b-k3pt9cg5wy] {
    position: absolute;
    top: 36px;
    left: 0;
    background: #23272f;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 10;
    min-width: 120px;
    padding: 4px 0;
}

.dropdown-item[b-k3pt9cg5wy] {
    padding: 8px 16px;
    cursor: pointer;
    color: #b0b8c1;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1em;
    transition: background 0.15s, color 0.15s;
}

.dropdown-item:hover[b-k3pt9cg5wy] {
    background: #2c313a;
    color: #fff;
}

.search-input[b-k3pt9cg5wy] {
    flex: 1 1 auto;
    background: transparent;
    border: none;
    outline: none;
    color: #e0e6ed;
    font-size: 1em;
    padding: 6px 8px;
    min-width: 0;
}

.search-input[b-k3pt9cg5wy]::placeholder {
    color: #7a869a;
    opacity: 1;
}

.arrow-buttons[b-k3pt9cg5wy] {
    display: flex;
    flex-direction: column;
    margin-left: 6px;
    gap: 2px;
}

.search-prompt-bar.white .arrow-buttons[b-k3pt9cg5wy] {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    gap: 2px;
}

.arrow-buttons button[b-k3pt9cg5wy] {
    background: none;
    border: none;
    color: #b0b8c1;
    font-size: 1em;
    padding: 2px 4px;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.search-prompt-bar.white .arrow-buttons button[b-k3pt9cg5wy] {
    background: none;
    border: none;
    color: #b0b8c1;
    font-size: 1.1em;
    padding: 3px 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.arrow-buttons button:hover[b-k3pt9cg5wy],
.arrow-buttons button:focus[b-k3pt9cg5wy] {
    background: #2c313a;
    color: #fff;
}

.search-prompt-bar.white .arrow-buttons button:hover[b-k3pt9cg5wy],
.search-prompt-bar.white .arrow-buttons button:focus[b-k3pt9cg5wy] {
    background: #f0f0f0;
    color: #23272f;
}
/* _content/WattPick/Components/Comparator/TariffElement.razor.rz.scp.css */
.tariff-title[b-wstv4dpcso] {
    font-size: 1rem;
    font-weight: 600;
    width: 100%
}

tariff-fee[b-wstv4dpcso] {
    font-size: 0.93rem;
    text-align: end;
}

.tariff-free[b-wstv4dpcso] {
    color: #2fa12f;
    font-weight: 500;
    font-size: 0.93rem;
    text-align: end;
}

.tariff-tier-row[b-wstv4dpcso] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    font-size: 0.97rem;
    cursor: pointer;
    border: 2px solid transparent;
    transition: background 0.18s, border 0.18s, color 0.18s;
}

@media (max-width: 960px) {

    .tariff-title[b-wstv4dpcso] {
        font-size: 0.83rem;
    }

    .tariff-tier-row[b-wstv4dpcso] {
        font-size: 0.77rem;
    }

    .tariff-fee[b-wstv4dpcso] {
        font-size: 0.73rem;
    }

    .tariff-free[b-wstv4dpcso] {
        font-size: 0.77rem;
    }
}

    .tariff-tier-row.selected[b-wstv4dpcso] {
        background: var(--company-color, #2563eb);
        color: #fff;
        border: 2px solid var(--company-color, #2563eb);
    }

    .tariff-tier-row:hover[b-wstv4dpcso] {
        background: #e8e8e8;
    }

    .tariff-tier-row.selected:hover[b-wstv4dpcso] {
        background: var(--company-color, #1e4bb8);
    }

.tier-rate[b-wstv4dpcso] {
    flex: 0 0 auto;
    margin-right: 12px;
}

.tier-type[b-wstv4dpcso] {
    flex: 1 1 auto;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 1.2rem;
}

.tier-current[b-wstv4dpcso] {
    flex: 0 0 auto;
    margin-left: 12px;
    text-align: right;
    opacity: 0.8;
}

@media (max-width: 960px) {
    .tier-rate[b-wstv4dpcso] {
        text-align: center;
    }
    .tier-type[b-wstv4dpcso] {
        margin-left: unset;
    }
}


.section-a[b-wstv4dpcso] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
}

.a1[b-wstv4dpcso] {
    width: 80%;
    display: flex;
    flex-direction: column;
    padding: 0px 9px;
}

.a2[b-wstv4dpcso] {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Section B (bottom) */
.section-b[b-wstv4dpcso] {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    border-bottom: 1px solid #dee2e6;
}

.section-c[b-wstv4dpcso] {
    padding: 0.5rem 1rem;
    background: #464646;
}

.gridContainer[b-wstv4dpcso] {
    /* Fill the parent horizontally */
    width: 100%;
    display: grid;
    /* 3 columns: checkbox, flexible subtitle, icon */
    grid-template-columns: auto 1fr auto;
    /* 2 rows: row 1 for checkbox+subtitle+icon, row 2 for title */
    grid-template-rows: auto auto;
    /* Some spacing between columns, if desired */
    column-gap: 0.5rem;
    /* Align items at the top of their rows */
    align-items: start;
}

/* Checkbox in row1 col1 */
.checkboxCell[b-wstv4dpcso] {
    grid-row: 1;
    grid-column: 1 / span 2;
}

/* Common style for each label cell: make it a flex container 
aligned at the top */
.subtitleCell[b-wstv4dpcso], .iconCell[b-wstv4dpcso], .titleCell[b-wstv4dpcso] {
    display: flex;
    align-items: flex-start;
    margin: 0; /* remove any default label margin */
    align-self: start; /* top-align within the grid row */
}

/* Subtitle in row1 col2 */
.subtitleCell[b-wstv4dpcso] {
    grid-row: 1;
    grid-column: 2;
}

/* Icon in row1 col3 */
.iconCell[b-wstv4dpcso] {
    grid-row: 1;
    grid-column: 3;
}

/* Title in row2 col2�3 */
.titleCell[b-wstv4dpcso] {
    grid-row: 2;
    grid-column: 2 / span 2; /* span across columns 2 and 3 */
}

.tariff-info[b-wstv4dpcso] {
    background: white;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tariffTier-info[b-wstv4dpcso] {
    font-size: 18px;
    width: 100%;
    color: white;
    padding: 0 5px;
    border-radius: 5px;
    cursor: pointer;
}

.logo[b-wstv4dpcso] {
    max-width: 100%;
    max-height: 100%;
}

.info-icon[b-wstv4dpcso] {
    font-size: 1.5rem;
}

/* _content/WattPick/Components/Comparator/TravelledCalculator.razor.rz.scp.css */
.best-info[b-87h6ugj68z] {
    font-size: 1.25rem;
}

@media (max-width: 960px) {
    .best-info[b-87h6ugj68z] {
        font-size: 0.8rem;
    }
}

.flash-result-card[b-87h6ugj68z] {
    animation: flash-result-card-anim-b-87h6ugj68z 0.6s linear;
}

@keyframes flash-result-card-anim-b-87h6ugj68z {
    0% {
        background-color: #ffe066;
    }

    50% {
        background-color: #a8eb34;
    }

    100% {
        background-color: inherit;
    }
}
/* _content/WattPick/Components/Dialogs/CompanyDetailDialog.razor.rz.scp.css */
.contact-icon[b-duf836zade] {
    font-size: 2em;
    text-decoration: none;
}
/* _content/WattPick/Components/Dialogs/IntroductionDialog.razor.rz.scp.css */
.intro-image[b-8rs6sdy3he] {
    height: 200px;
}
/* _content/WattPick/Components/Layout/EllipticalLayout.razor.rz.scp.css */
/* Outer container with elliptical shape and a bit stronger shadow */
.custom-component[b-rlighmzfcs] {
    position: relative;
    display: inline-block; /* or 'block' if you want it to span full width */
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    cursor: pointer;
    background-color: #ffffff; /* Default/off color */
    box-sizing: border-box;
    margin-bottom: 10px;
    /* No fixed width so it can scale dynamically */
}

/* Inner container */
.inner-container[b-rlighmzfcs] {
    border-radius: 25px;
    box-sizing: border-box;
    /* We keep padding on the outer container, so you can omit extra padding here
       unless you want more internal spacing */
}
/* _content/WattPick/Components/Layout/Footer.razor.rz.scp.css */
.footer[b-nus3uyzec4] {
    background: #101720;
    padding: 0.5rem 2vw 0.5rem 2vw;
}

a[b-nus3uyzec4] {
    text-decoration: none;
    color: white;
}

a:hover[b-nus3uyzec4] {
    text-decoration: underline;
}

.footer-warning[b-nus3uyzec4] {
    background: #f8f9fa;
    color: #b26a00;
    border-radius: 6px;
    padding: 0.7rem 1rem;
    margin-bottom: 0.7rem;
    font-size: 0.95rem;
    border: 1px solid #ffe0b2;
}

@media (max-width: 960px) {
    .footer-warning[b-nus3uyzec4] {
        font-size: 0.5rem;
    }
}
/* _content/WattPick/Components/Layout/Header/Header.razor.rz.scp.css */
.header[b-km4mlwyc6e] {
    background: #101720;
    padding: 0.5rem 2vw 0.5rem 2vw;
}

@media (max-width: 1400px) {
    .header[b-km4mlwyc6e] {
        padding: 0.1rem 2vw 0.1rem 2vw;
    }
}

[b-km4mlwyc6e] > fluent-dialog::part(control) {
    --dialog-width: auto;
    --dialog-height: 100vh;
    padding: 1rem 0rem 0rem 0rem !important;
    background: #101720;
    margin: 0;
}

/* logo section is disabled now */
.logo-container[b-km4mlwyc6e] {
    background-color: white;
    display: flex;
    justify-content: space-evenly; /* evenly space logos across the full width */
    align-items: center; /* vertically center them */
    width: 100%; /* fill its parent (your grid xs=12) */
    gap: 1rem; /* consistent gap between items */
    padding: 0.5rem 0; /* optional vertical padding */
}

.logo[b-km4mlwyc6e] {
    height: 20px; /* adjust to taste */
    object-fit: contain; /* preserve aspect ratio */
    display: block;
}
/* _content/WattPick/Components/Layout/Header/Title.razor.rz.scp.css */
.title[b-c05q00amcx] {
    color: white;
    font-size: 1.5rem;
}

@media (max-width: 1100px) {

    .title[b-c05q00amcx] {
        font-size: 1rem;
    }

    .beta-badge[b-c05q00amcx] {
        font-size: 0.5rem;
    }
}

@media (max-width: 960px) {

    .title[b-c05q00amcx] {
        align-content: center;
        text-align: center;
        height: 100%;
    }
}

.beta-badge[b-c05q00amcx] {
    background: #ffe5e5;
    color: #d32f2f;
    font-size: 0.8rem;
    padding: 0.1rem 0.5rem;
    border-radius: 6px;
    margin-left: 0.5rem;
    font-weight: 700;
}
/* _content/WattPick/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-rq1w81dbhl] {
    background-color: #f1f1f1;
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-rq1w81dbhl] {
    flex: 1;
}

.dashboard[b-rq1w81dbhl] {
    /*height: 75vh;  Adjust as needed; this sets the columns to fill the viewport height */
}

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


    article[b-rq1w81dbhl] {
        /*padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}

#blazor-error-ui[b-rq1w81dbhl] {
    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;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-rq1w81dbhl] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/WattPick/Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard[b-mm9q305ocr] {
    padding: 0.5rem 2vw 0rem 2vw;
}

.best-info[b-mm9q305ocr] {
    font-size: 1.25rem;  
}

@media (max-width: 960px) {
    .dashboard[b-mm9q305ocr] {
        padding: unset;
    }

    .best-info[b-mm9q305ocr] {
        font-size: 0.8rem;
    }
}

.col[b-mm9q305ocr] {
    height: 100%;
    padding: 1rem;
    box-sizing: border-box;
}

.tab-content[b-mm9q305ocr] {
    height: 100%;
}

.tariff-list-column[b-mm9q305ocr] {
    height: 715px;
    overflow: auto;
    background: white;
    padding: 0;
    padding-top: 0;
    border-radius: 5px;
    box-shadow: 0px 10px 10px 0px #0000001A;
}
.chart-column[b-mm9q305ocr] {
    background: white;
    overflow-y: auto;
    border-radius: 5px;
    box-shadow: 0px 10px 10px 0px #0000001A;
    margin-left: 10px;
}

.sticky-header[b-mm9q305ocr] {
    position: sticky;
    top: 0;
    background: inherit;
    margin: 0;
    padding-bottom: 0.5rem; /* Optional spacing */
}

.items[b-mm9q305ocr] {
    width: 90%;
}

.company-group[b-mm9q305ocr] {
    margin-bottom: 18px;
}

.traveled-title[b-mm9q305ocr] {
    font-size: 1cqw;
    text-align: center;
}

@media (max-width: 1400px) {
    .tariff-list-column[b-mm9q305ocr] {
        height: 500px;
    }
    .chart-column[b-mm9q305ocr] {
        height: 500px;
    }
}

[b-mm9q305ocr] .fluentui-counterbadge-container {
    height: unset !important;
}

.company-list-horizontal[b-mm9q305ocr] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: white;
    transition: transform 0.2s ease, opacity 0.2s ease, height 0.3s cubic-bezier(0.4,0,0.2,1), padding 0.3s cubic-bezier(0.4,0,0.2,1);
    height: 56px; /* or your actual header height */
    overflow: hidden;
    padding-top: 8px; /* adjust as needed */
    padding-bottom: 8px;
}

    .company-list-horizontal.hide[b-mm9q305ocr] {
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
        height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

.flash-tab[b-mm9q305ocr],
.flash-tab .tab-label[b-mm9q305ocr] {
    animation: flash-tab-anim-b-mm9q305ocr 0.6s linear;
}

@keyframes flash-tab-anim-b-mm9q305ocr {
    0% {
        color: #ffe066;
    }

    50% {
        color: #a8eb34;
    }

    100% {
        color: inherit;
    }
}
/* _content/WattPick/Components/Pages/Newsletter.razor.rz.scp.css */
.newsletter[b-5niei6egig] {
    background: #23272f;
    color: white;
    border-radius: 18px;
    margin: 2.5rem 2vw 2.5rem 2vw;
    padding: 2.2rem 1.5rem 1.5rem 1.5rem;
}
.newsletter.subscribed[b-5niei6egig] {
    background: #2fa12f;
}
/* _content/WattPick/Components/UtilElements/ArrowFancy.razor.rz.scp.css */
.empty-state-arrow[b-ubcl35g4wu] {
    --arrow-rotation: 0deg;
    animation: arrow-bounce-x-b-ubcl35g4wu 1.2s infinite;
    margin-bottom: 1rem;
    filter: drop-shadow(0 2px 8px #6C63FF33);
}

.arrow-left[b-ubcl35g4wu] {
    --arrow-rotation: 0deg;
}
.arrow-right[b-ubcl35g4wu] {
    --arrow-rotation: 180deg;
}
.arrow-up[b-ubcl35g4wu] {
    --arrow-rotation: 90deg;
    animation: arrow-bounce-y-b-ubcl35g4wu 1.2s infinite;
}
.arrow-down[b-ubcl35g4wu] {
    --arrow-rotation: -90deg;
    animation: arrow-bounce-y-down-b-ubcl35g4wu 1.2s infinite;
}

@keyframes arrow-bounce-x-b-ubcl35g4wu {
    0%, 100% {
        transform: translateX(-18px) rotate(var(--arrow-rotation));
    }
    50% {
        transform: translateX(0) rotate(var(--arrow-rotation));
        animation-timing-function: cubic-bezier(0.7,0,1,1);
    }
}
@keyframes arrow-bounce-y-b-ubcl35g4wu {
    0%, 100% {
        transform: translateY(-18px) rotate(var(--arrow-rotation));
    }
    50% {
        transform: translateY(0) rotate(var(--arrow-rotation));
        animation-timing-function: cubic-bezier(0.7,0,1,1);
    }
}

@keyframes arrow-bounce-y-down-b-ubcl35g4wu {
    0%, 100% {
        transform: translateY(18px) rotate(var(--arrow-rotation));
    }
    50% {
        transform: translateY(0) rotate(var(--arrow-rotation));
        animation-timing-function: cubic-bezier(0.7,0,1,1);
    }
}

.empty-state-label[b-ubcl35g4wu] {
    color: #6C63FF;
    text-align: center;
    font-weight: 600;
    margin-top: 0.5rem;
}