@import 'BlazorForKidsOfficialWebSite.Client.7mquiyvo38.bundle.scp.css';
@import '_content/BlazorForKids.Designer.Web/BlazorForKids.Designer.Web.ch41wfjbgv.bundle.scp.css';

/* _content/BlazorForKidsOfficialWebsite.Web/Source/Components/ApplicationLogo.razor.rz.scp.css */

/* _content/BlazorForKidsOfficialWebsite.Web/Source/Components/CopyCodeButton.razor.rz.scp.css */
button[b-scxmrh4tpn]{
    background-color: var(--bg-level-2);
    padding: 1rem;
    border: 1px solid var(--border-color);
    color: var(--fc);
    cursor: pointer;
    &:hover{
        background-color: var(--accent);
        color: var(--accent-text);
    }
    border-radius: 1ch;[b-scxmrh4tpn]
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Components/DocumentationContentSection.razor.rz.scp.css */
section[b-p8lexiv62l]{
    min-height: 100%;
    padding: 1rem;
    header{
        background-color: var(--bg-level-1);
        padding: 1ch;
        margin-bottom: 1rem;
        h2{
            padding: 0;
            margin: 0;
        }
        p[b-p8lexiv62l]{
            padding: 0;
            margin: 0;
            line-height: 1.5rem;
        }
    }
    
    h4[b-p8lexiv62l]{
        margin-top: 1rem;
    }
    
   
    
    [b-p8lexiv62l] pre{
        background-color: lightgray;
        color:black;
    }
}

img[b-p8lexiv62l]{
    display: block;
    line-height: 1;
    margin-bottom: 1rem;
    max-height: 200px;
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Components/DocumentationLink.razor.rz.scp.css */
.link-text[b-cjstd8qo21]{
    min-height: 2.5rem;
    h6{
        font-size: 1.2rem;
        padding: 0 0.5rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }
    
    p[b-cjstd8qo21]{
        font-size: 0.8rem;
        padding: 0 0.5rem;
        opacity: 0.7;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }
}
a:has(.link-text)[b-cjstd8qo21]{
    display: flex;
    align-items: center;
    
    svg{
        height: 30px;
        width: 30px;
    }
}
a[b-cjstd8qo21]{
    display: block;
    align-content: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    background-color: color-mix(in oklch, var(--bg-level-2), var(--accent) 50%);
    border-radius: 0.5rem;
    padding: 1ch;
    border: 1px solid var(--border-color);
    line-height: 2rem;
    svg{
        margin-right: 1rem;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Components/DocumentationPageComponent.razor.rz.scp.css */
.display-property[b-u73mf58c0o]{
    max-width: max(70%,1200px);
    padding: 1ch;
    margin: auto;
    overflow: hidden;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    height: 100%;
    overflow-y: auto;
    
    background-color: light-dark(color-mix(in oklch,var(--bg),black 2%),#111);
}



h3[b-u73mf58c0o]{
    color: var(--fc);
    background-color: var(--bg-level-2);
    padding: 1ch;
}
[b-u73mf58c0o] >p{
    padding: 1ch;
    line-height: 2rem;
}

[b-u73mf58c0o] table{
    margin: 1rem auto;
    border-radius: 0.5rem;
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    border-collapse: collapse;
   
}
[b-u73mf58c0o] th{
    background-color: var(--bg-level-3);
    color: var(--fc);
    padding: 1ch;
    text-align: left;
    border: 1px solid var(--border-color);
}

[b-u73mf58c0o] td{
    padding: 1ch;
    color: var(--fc);
    border: 1px solid var(--border-color);
}

@media(width<600px)
{
    [b-u73mf58c0o] tr:has(th){
        display: none;
    }
    [b-u73mf58c0o] tr{
        display: grid;
        grid-auto-rows: min-content;
        padding: 1rem;
        background-color: var(--bg-level-1);
        
        &:before{
            content: 'config. option:';
        }
    }
}

@media (width>900px) {
    [b-u73mf58c0o] ol{
        margin: 1rem 3rem;
        line-height: 2rem;
        border-radius: 1ch;
    }
    
    [b-u73mf58c0o] ul{
        margin: 1rem 3rem;
        line-height: 2rem;
        border-radius: 1ch;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Components/DocumentationPageContent.razor.rz.scp.css */
.documentation-view[b-zpncs2k19z]{
    height: 100%;
    display: flex;
    flex-direction: column;
   overflow: hidden;
}
header[b-zpncs2k19z]{
    padding: 1rem;
    background-color: var(--bg-level-1);
}
.documentation-body[b-zpncs2k19z]{
    display: flex;
    flex: 1;
    height: 100%;
    overflow: hidden;
}
figure[b-zpncs2k19z]{
    
    height: 400px;
    display: flex;
    align-items: center;
    padding: 1rem;
    img{
        height: 100%;
        object-fit: contain;
        margin: auto;
        box-shadow: 0 0 3px var(--border-color);
    }
}
.documentation-content[b-zpncs2k19z]{
    height: 100%;
    flex: 1;
    overflow-y: auto;
    padding: 2rem;  
}

[b-zpncs2k19z] h3{
    color: var(--warning);
    background-color: var(--bg-level-1);
    padding: 1ch;
    margin: 1rem 0;
}
[b-zpncs2k19z] p{
    line-height: 2rem;
}
[b-zpncs2k19z] li{
    line-height: 2rem;
}


[b-zpncs2k19z] strong{
    color:var(--info);
}


[b-zpncs2k19z] table{
    margin-bottom: 1rem;
    
   
}

[b-zpncs2k19z] td{
    padding: 0 1rem;
}

[b-zpncs2k19z] em{
    color: var(--accent);
    display: inline-block;
}

[b-zpncs2k19z] i{
    color: var(--info);
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Components/KnownIssue.razor.rz.scp.css */
details[b-g8crb45kpu]{
    margin: 1rem 0;
}
strong:not(.status)[b-g8crb45kpu]{
    color:var(--accent) !important;
}
details summary[b-g8crb45kpu]{
    padding: 1ch;
    background-color: var(--bg-level-3);
    cursor:pointer;
}
summary:has(.NotAvailable)[b-g8crb45kpu]{
    color: var(--danger);
}
summary:has(.Implemented)[b-g8crb45kpu]{
    color: var(--success);
}
summary:has(.Temporary)[b-g8crb45kpu]{
    color: var(--warning);
}
summary:has(.Planned)[b-g8crb45kpu]{
    color: var(--info);
}
.status[b-g8crb45kpu]{
    display: inline-block;
}

.Temporary[b-g8crb45kpu]:before{
    content: "⚠️ ";
}
.Implemented[b-g8crb45kpu]:before{
    content: "✅ ";
}
.Planned[b-g8crb45kpu]:before{
    content: "📝 ";
}

.NotAvailable[b-g8crb45kpu]:before{
    content: "❌ ";
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Components/PreviewImageComponent.razor.rz.scp.css */
.preview-image-container[b-jesubbmkre]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 2rem auto;
} 

.preview-image[b-jesubbmkre]{
    width: 400px;
    height: auto;
    margin: auto auto 2rem;
    align-self: center;

    img{
        width: 100%;
        height: auto;
        object-fit: contain;
        margin: auto;
    }
}

 .window-image[b-jesubbmkre]{
    width: 60svw;
     margin: auto;
    img{
        width: calc(100% - 2ch);
        height: auto;
        object-fit: contain;
        margin: 1ch;
        box-sizing: border-box;
    }
}
 
 .window-image[b-jesubbmkre]::backdrop{
     background-color: black;
 }
 
 header[b-jesubbmkre]{
     background-color: var(--bg-level-1);
     padding: 1ch;
     display: flex;
     justify-content: space-between;
        align-items: center;
     h3{
         background-color: transparent;
         margin: 0;
         padding: 0;
     }
     button[b-jesubbmkre]{
         padding: 1ch 4ch;
     }
 }
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/BegininnerGuidePages/BeginnerGuideView.razor.rz.scp.css */
.content[b-310nwnyq3x]{
    height: 100%;
    width: 100%;
    overflow: auto;
    padding: 1rem;
    max-width: min(1200px,100%);
    margin: 0 auto;
    border: 1px solid var(--border-color);
}
h2[b-310nwnyq3x]{
    color:var(--success);
    padding: 1ch;
    font-size: clamp(1rem,calc(1rem + 1svw + 1svh),3rem);
}

p[b-310nwnyq3x]{
    padding: 1rem;
    line-height: 1.75rem;
}

img[b-310nwnyq3x]{
    max-width: min(800px,calc(100% - 2rem));
    margin:1rem auto;
    box-shadow: 0 0 1px var(--border-color);
    display: block;
}

ul[b-310nwnyq3x],ol[b-310nwnyq3x]{
    margin: 0 auto;
    max-width: min(800px,calc(100% - 2rem));
}

.before-start[b-310nwnyq3x]{
    h2{
        color: var(--fc);
        font-size: 1.5rem;
        background-color: var(--bg-level-2);
    }
    p[b-310nwnyq3x]{
        padding: 1ch;
    }
    a[b-310nwnyq3x]{
        color: var(--info);
        text-decoration: underline;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/CustomerPages/AccountInfoView.razor.rz.scp.css */
.account-infos[b-62tnncvia9]{
    padding: min(1rem,1%);
    height: 100%;
    overflow-y: auto;
}
.container[b-62tnncvia9]{
    
    border: 1px solid gray;
    display: flex;
    flex-direction: column;
    
    .account-info-content{
        height: 100%;
        overflow-y: auto;
        padding: min(2rem,1%);
        background-color: var(--bg-level-1);
    }
    
}
h2[b-62tnncvia9]{
    background-color: var(--bg-level-3);
    padding: min(1rem,1%);
}
.container p[b-62tnncvia9]{
    padding: 1ch;
    color: color-mix(in oklch, var(--fc), transparent 20%);
}

h4[b-62tnncvia9]{
    background-color: var(--bg-level-3);
    padding: 1ch;
    margin-top: min(1rem,1%);
    color:var(--accent);
}

.apikey-group[b-62tnncvia9]{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap:1ch;
    input{
        padding: 1ch;
        min-width: 70ch;
        font-family: "JetBrains Mono", monospace;
    }
    button[b-62tnncvia9]{
        padding: 1ch;
    }
    span[b-62tnncvia9]{
        color: var(--warning);
        font-size: 0.8rem;
    }
}

@media (width<600px){
    .apikey-copy[b-62tnncvia9]{
        display: none;
    }
    li[b-62tnncvia9]{
        padding: 1ch;
        border: 1px solid var(--border-color);
        margin: min(1rem,1%) 0;
    }
}

.alert[b-62tnncvia9]{
    padding: 1ch;
    margin: 1ch;
    background-color: var(--bg-level-2);
    color: var(--fc);
    border-radius: 0.5rem;
    
   
}
.alert-info strong[b-62tnncvia9]{
    color: var(--info);
}
.alert-warning strong[b-62tnncvia9]{
    color: var(--warning);
}

.infos ul[b-62tnncvia9]{
    list-style: none;
    padding: min(2rem,2%);
    li{
        line-height: 2rem;
    }
}
.only-mobile[b-62tnncvia9]{
    background-color: black;
    display: flex;
    flex-direction: column;
    padding: 1ch;
    align-items: center;
    justify-content: center;
}
@media (width<600px){
    .last-update[b-62tnncvia9]{
        display: none;
    }
   
    .apikey-info[b-62tnncvia9]{
        color:var(--danger)!important;
        display: block;
        text-align: center;
    }
}
@media (width>600px){
    .account-infos[b-62tnncvia9]{
        display: flex;
        gap:1rem;
        height: 100%;
        
    }
    .container[b-62tnncvia9]{
        flex: 1;
        height: 100%;
        
    }
    .content[b-62tnncvia9]{
        height: 100%;
    }
   .only-mobile[b-62tnncvia9]{
       display: none;
   }
    
   .subscriptions[b-62tnncvia9]{
       height: 100%;
         overflow-y: auto;
   }
    
   
}
code[b-62tnncvia9]{
    display: inline-block;
    padding:5px;
    border-radius: 3px;
    background-color: color-mix(in oklch, var(--bg), black 20%);
    line-height: 1;
}
.links[b-62tnncvia9]{
    a{
        color: var(--info);
    }
}
.subscriptions[b-62tnncvia9]{
    border: 1px solid var(--border-color);
    h3{
        text-wrap: nowrap;
        padding: 1rem;
        background-color: var(--bg-level-3);
        min-width: min(250px,90%);
    }
}
.subscription[b-62tnncvia9]{
    margin: 1rem;
    background-color: var(--bg-level-2);
    p{
        line-height: 2rem;
        padding: 0 1ch;
    }

    .Active[b-62tnncvia9]{
        display: flex;
        gap: 1rem;
        &:before{
            content: '✅';

        }
    }
}
.apikey-info-status[b-62tnncvia9]{
    margin: min(1rem,1%);
    li{
        line-height: 2rem;
    }
    strong[b-62tnncvia9]{
        color: var(--warning);
    }
    em[b-62tnncvia9]{
        color: var(--success);
    }
}


.no-subscription[b-62tnncvia9] {
    padding: 1ch;
    color: var(--warning);
    text-align: center;
    font-size:0.8rem;
    &:before{
        content: '⚠️';
        margin-right: 1ch;
    }
}

.expired-apikey[b-62tnncvia9]{
    h2{
        font-size: 1.2rem;
        color: var(--danger);
        background-color: transparent;
    }
    p[b-62tnncvia9]{
        color: var(--warning);
        font-size: 0.8rem;
        text-indent: 2rem;
        
        a{
            color: var(--info);
            text-decoration: underline;
        }
    }
}

[b-62tnncvia9] .accept-terms-msg{
    padding:1ch;
    display: flex;
    align-items: center;
    background-color: palegoldenrod;

    span{
        font-size: 3rem;
    }
    
    p[b-62tnncvia9]{
        flex: 1;
        padding: 1rem;
        text-wrap: balance;
        font-size: 1.2rem;
        color:black;
    }
}

    [b-62tnncvia9] .accept-terms-msg a {
        display: inline-block;
        color: var(--info);
        text-decoration: underline;
    }
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/CustomerPages/StepByStepGuidForUsingApiKey.razor.rz.scp.css */
.api-key-guide[b-o1s9xs74he]{
    padding: 2rem;
    background-color: var(--bg-level-1);
    overflow-y: auto;
}
h2[b-o1s9xs74he]{
    border-bottom: 1px solid var(--bg-level-3);
}

ol>li[b-o1s9xs74he]{
    padding: 1ch;
}

ol[b-o1s9xs74he]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

pre[b-o1s9xs74he]{
    background-color: var(--bg-level-3);
    padding: 1ch;
    border-radius: 1ch;
    
    display: flex;
    
    code{
        flex: 1;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/GetStartedPages/GetStartedView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/AboutCssView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/AboutCurrentUserView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/AboutIconsView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/AddAuthenticationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/AddDataValidationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/BkDebugHooksView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/BkJsRuntimeView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/BkLoggingProviderView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/CreateLayoutView.razor.rz.scp.css */
.layout-types[b-ij3wsj1qpk]{
    display: grid;
    margin: auto;
    gap:1rem;
    max-width: 900px;
    
    figure img{
        width: 100%;
        max-width: 900px;
    }
    figure figcaption[b-ij3wsj1qpk]{
        text-align: center;
        font-size: 0.8rem;
        color: var(--fc);
        margin-top: 0.5rem;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/CreateMenuView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/CreatePageView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/DatabaseSetupAndConfigurationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/DefaultTextOverride.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/DocumentationView.razor.rz.scp.css */
.wrapper[b-y1h65t1ael]{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    overflow-y: auto;
}
.sections[b-y1h65t1ael]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--bg-level-3);
}
menu[b-y1h65t1ael]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
@media (width>960px){
    .wrapper[b-y1h65t1ael]{
        overflow: hidden;
        margin: auto;
        border: 1px solid var(--border-color);
        padding: 0;
        display: flex;
        flex-direction: row;
        gap:0;
        height: 100%;
    }
    
    .sections[b-y1h65t1ael]{
        display: grid;
        gap: 3rem;
        padding: 3rem;
        height: 100%;
        overflow-y: auto;
        flex: 1;
        min-width: 500px;
        max-width: 600px;
    }
    
    [b-y1h65t1ael] .get-started{
        background-color: var(--success);
    }
    .intro[b-y1h65t1ael]{
        display: flex;
        flex-direction: column;
        height: 100%;
        flex: 1;
        h2{
            margin: 0;
        }
        p[b-y1h65t1ael]{
            padding: 1rem;
        }
        .intro-content[b-y1h65t1ael]{
            overflow-y: auto;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 2rem;
        }
        .content[b-y1h65t1ael]{
            margin: auto;
            padding: 2rem;
            flex: 1;
            max-width: 900px;
        }
    }
    ul[b-y1h65t1ael]{
        align-self: center;
        margin: auto;
        li{
            margin: 1ch;
            color: var(--accent);
            font-size: 1.2rem;
        }
    }
    
}

/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/DomainProjectDocumentationView.razor.rz.scp.css */

/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/EntityEventsView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/EntityMethodsView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/GeneratedCommandsAndQueriesView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/GeneratedComponents/CardViewDocumentationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/GeneratedComponents/CreateComponentView.razor.rz.scp.css */
.components-menu[b-s6r9arwcjc]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin:2rem auto;
    max-width: 400px;
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/GeneratedComponents/DetailViewDocumentationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/GeneratedComponents/EditFormDocumentationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/GeneratedComponents/GridViewDocumentationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/GeneratedComponents/ManyToManyEditorDocumentationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/GeneratedCustomQueriesView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/KnownIssuesView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/OtherEntitySettingsView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/ReleaseNotesView.razor.rz.scp.css */
section[b-lupvwtsior]{
    height: 100%;
    overflow-y: auto;
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedEntityPropertiesView.razor.rz.scp.css */
.page-view[b-cpb58m752q]{
    height: 100%;
    width: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.columns-menu[b-cpb58m752q]{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}
.menu-container[b-cpb58m752q]{
    padding: 2ch;
    border-color: var(--border-color);
    margin: 2ch auto;
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    strong{
        padding: 1ch;
    }
    menu[b-cpb58m752q]{
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        overflow: hidden;
    }
}
fieldset[b-cpb58m752q]{
    margin: 1ch;
    border: 1px solid var(--border-color);
    padding: 1ch;
    
    legend{
        color: var(--accent);
    }
}

@media(width>960px){
    .columns-menu[b-cpb58m752q]{
        display: grid;
        grid-template-columns:1fr 1fr 1fr;
        gap:1rem;
        margin: auto;
        
    }
    h4[b-cpb58m752q]{
        margin-top: 1rem;
    }
    
    .intro[b-cpb58m752q]{
        display: flex;
        justify-content: space-around;
        padding: 1rem;
        fieldset{
            max-width: 40svw;
            padding: 1rem;
            border: 1px solid var(--border-color);
        }
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/AutoIncrementingKeyProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/BoolProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/ComplexProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/CurrentDateTimeOffSetProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/CurrentUserNameProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/DateProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/DependantEntityProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/EnumProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/FileProperty.razor.rz.scp.css */
ol[b-3vc7jmfwye]{
    margin: 1rem;
    li{
        line-height: 1.5rem;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/ImageProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/JsonConvertibleProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/ManyEntitiesProperty.razor.rz.scp.css */

figure[b-uug2sbensj]{
    margin: auto;
    max-width: 600px;
    
    img{
        max-width: 100%;
        height: auto;
        object-fit: cover;
    }
    
    figcaption[b-uug2sbensj]{
        opacity: 0.6;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/NumberProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/OneEntityProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/RowVersionProperty.razor.rz.scp.css */
pre[b-0j5qkkfilw]{
    margin: 1rem;
    line-height: 2rem;
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/SupportedPropertiesDocumentation/TextProperty.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/DocumentationPages/Views/WebProjectDocumentationView.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/HomePages/HomePageView.razor.rz.scp.css */
    .home-page-view[b-hisus6uz3q]{
        height: 100%;
        width: 100%;
        container-type: size;
        overflow-y: auto;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        counter-reset: section;
        position: relative;
    }
    
    @media (width>900px) {
        [b-hisus6uz3q] section{
                height: calc(100% - 2px);
                width: 100%;
            scroll-snap-align: start;
            counter-increment: section;
            
        }
    }
    
    .beginner-guide-link[b-hisus6uz3q]{
        color:var(--info);
        text-decoration: underline;
    }
    
    .youtube-link[b-hisus6uz3q]{
         display:flex inline;
        align-items: center;
        justify-content: center;
        gap:1ch;
        padding:1ch;
        background-color: red;
        border-radius: 1ch;
        font-size: 0.5rem;
        line-height: 1;
        svg{
            height: 12px;
        }
    }
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/HomePages/HomeViewInfoSection.razor.rz.scp.css */

section[b-46cg9aw0jt]{
    padding: 1rem;
   
}
.wrapper[b-46cg9aw0jt]{
    width: min(900px,95%);
    position: relative;
}
.section-content[b-46cg9aw0jt]{
    padding: min(2rem,1%);
}
h2[b-46cg9aw0jt]{
    color: var(--brand);
    border-bottom: 1px solid var(--border-color);
}
[b-46cg9aw0jt] p{
    line-height: 1.5rem;
}
[b-46cg9aw0jt] ul{
    list-style: none;
    padding: min(2rem,1%);
    li{
        line-height: 1.5rem;
        margin-bottom: 1ch;
        &:before{
            content: '✅';
        }
    }
    
}
[b-46cg9aw0jt] strong{
    color:var(--info);
}

[b-46cg9aw0jt] em{
    color: var(--warning);
}
[b-46cg9aw0jt] code{
    background-color: var(--accent);
    color: var(--accent-text);
    padding:1px 5px;
    border-radius: 1ch;
    font-size: smaller;
}

@container (width>900px){
    section[b-46cg9aw0jt]{
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--border-color);
        position: relative;
        --muted:light-dark(lightgray,var(--bg-level-3));
        h2{
            font-size: 3rem;
        }
        
        &[b-46cg9aw0jt]:before{
            content: '';
            width: 50px;
            height: 20px;
            position: absolute;
            top:10cqh;
            right: 20cqw;
            
            box-shadow: 
                    60px 0 0 0 #4b63db, 
                    120px 0 0 0 #fd00be, 
                    180px 0 0 0 #177d2d;
        }
    }
   
    #about[b-46cg9aw0jt]:before{
        content: '';
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        left:0;
        bottom: -100px;
        background: var(--muted);

       
        
        box-shadow:
                60px 0 0 0 var(--accent),
                120px 0 0 0 var(--muted),
                180px 0 0 0 var(--muted),
                 240px 0 0 0 var(--muted);
    }
    #skills[b-46cg9aw0jt]:before{
        content: '';
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        left:0;
        bottom: -100px;
        background:var(--muted);

        box-shadow:
                60px 0 0 0 var(--muted),
                120px 0 0 0 var(--accent),
                180px 0 0 0 var(--muted),
                240px 0 0 0 var(--muted);
    }
    #goals[b-46cg9aw0jt]:before{
        content: '';
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        left:0;
        bottom: -100px;
        background: var(--muted);


        box-shadow:
                60px 0 0 0 var(--muted),
                120px 0 0 0 var(--muted),
                180px 0 0 0 var(--accent),
                240px 0 0 0 var(--muted);
    }

    [b-46cg9aw0jt] p{
        line-height: 2rem;
    }
}


/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/HomePages/HomeViewLandingSection.razor.rz.scp.css */
.wrapper[b-34tq8xztqe]{
    display: flex;
    flex-direction: column;
}
.name[b-34tq8xztqe]{
    background-color: var(--bg-level-1);
    border-radius: 1rem;
    max-width: 80svw;
    margin: 1rem auto;
    justify-self: center;
    padding: 1rem;
    box-shadow:0 0 1px 0 light-dark(gray,var(--accent));
}
.description[b-34tq8xztqe]{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    
    h2{
        text-align: center;
        text-wrap: balance;
        color: var(--success);
    }
}


.cta[b-34tq8xztqe]{
    border: 1px solid var(--border-color);
    background-color: var(--accent);
    color:var(--accent-text);
    padding: 5px 1rem;
    align-self: center;
    line-height: 1.5rem;
    border-radius: 1rem;
}

@container (width>900px) {
  
    .wrapper[b-34tq8xztqe]{
        display: grid;
        grid-template-columns: 1fr 1fr;
        place-items: center;
        height: 100%;
        border: 1px solid var(--border-color);
        svg{
           max-width: 40cqw;
        }
        .description[b-34tq8xztqe]{
            max-width: 40cqw;
            display: flex;
            flex-direction: column;
            gap:3rem;
            h2{
                font-size: calc(1rem + 1cqw + 1cqh);
                line-height: 3rem;
                text-align: center;
                text-wrap: balance;
                color: var(--success);
            }
            p[b-34tq8xztqe]{
                font-size: 1rem;
                line-height: 2.5rem;
            }
            .cta[b-34tq8xztqe]{
                font-size: 1rem;
                line-height: 2rem;
                padding: 2ch 4rem;
                border-radius: 1rem;
            }
        }
    }
}

.release-popup[b-34tq8xztqe] {
    border: none;
    border-radius: 12px;
    padding: 2rem;
    max-width: 600px;
    width: 90%;
    margin: 10vh auto;
    background-color: var(--bg-level-1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    font-family: system-ui, sans-serif;
    z-index: 1000;
}

.popup-content h3[b-34tq8xztqe] {
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: bold;
}

.popup-content p[b-34tq8xztqe] {
    margin: 1rem 0;
    line-height: 1.5;
}

.release-link[b-34tq8xztqe] {
    color: var(--info);
    text-decoration: none;
    font-weight: 500;
}

.release-link:hover[b-34tq8xztqe] {
    text-decoration: underline;
}

.close-btn[b-34tq8xztqe] {
    margin-top: 1rem;
    background-color: var(--bg-level-3);
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/HomePages/HomeViewResourcesSection.razor.rz.scp.css */
section[b-9fj0isufzr]{
    padding: 1rem;
    border: 1px solid var(--border-color);
}

h2[b-9fj0isufzr]{
    color: var(--accent);
    padding: 1ch;
    background-color: var(--bg-level-3);
}
p[b-9fj0isufzr]{
    padding: 1rem 0;
}

.links[b-9fj0isufzr]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color:var(--fc);
    a{
        padding: 5px;
        display: inline-block;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: currentColor;
        background-color: light-dark(rgba(128, 0, 128, 0.13), rgba(128, 0, 128, 0.24));
    }
}

menu[b-9fj0isufzr]{
    display: grid;
    grid-auto-rows: min-content;
    gap:2px;
}

[b-9fj0isufzr] .svg-csharp, 
[b-9fj0isufzr] .svg-blazor {
    width: 20px;
    height: 20px;
}

@media (width >960px){
    
    section[b-9fj0isufzr]{
        display: grid;
        place-items: center;
    }
    .section-content[b-9fj0isufzr]{
        height: min(90%,800px);
        width: 80cqw;
    }
    header h2[b-9fj0isufzr]{
        text-align: center;
        font-size: min(3rem, 5vw);
        background-color: transparent;
        padding: 0;
    }
    header p[b-9fj0isufzr]{
        padding: 1rem 0  2rem 0;
        text-wrap: balance;
        text-align: center;
        line-height: 1.75rem;
        font-size: 1rem;
    }
    .links[b-9fj0isufzr]{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap:2rem;
        padding: min(1rem,1%);
    }
    
    [b-9fj0isufzr] a{
        all:unset;
        display: flex;
        align-items: center;
        gap:1rem;
        padding: 2ch;
        color: #9090e3;
        border: 1px solid var(--border-color);
        cursor: pointer;
        &:hover{
            background-color: var(--bg-level-2);
            color: var(--accent);
        }
    }
    
    a[b-9fj0isufzr]{
        padding: 2ch;
        color: #9090e3;
        border: 1px solid var(--border-color);
        cursor: pointer;
        display: flex;
        align-items: center;
        gap:1rem;
        &:hover{
            background-color: var(--bg-level-2);
        }
    }
    
    menu[b-9fj0isufzr]{
        gap: 1ch;
    }
}

.footer[b-9fj0isufzr] {
    text-align: center;
    padding: 1rem;
    font-size: 0.9rem;
    color: var(--info);
    margin-top: 1ch;
}
.footer a[b-9fj0isufzr] {
    all:initial;
    text-decoration: underline;
    color: var(--info);
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/HomePages/LegalDocumentsMenu.razor.rz.scp.css */
nav ul[b-p9zdiazywa]{
    display: grid;
    gap:1ch;
    height: 100%;
    list-style: none;
    margin: 0;
    li{
        flex: 1;
        display: flex;
        
    }
}
nav[b-p9zdiazywa]{
    height: 100%;
    width: 100%;
    margin: 0;
}

a[b-p9zdiazywa]{
    flex: 1;
    padding: 5px;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: currentColor;
    background-color: light-dark(rgba(128, 0, 128, 0.13), rgba(128, 0, 128, 0.24));
   
}

@media (width<600px){
    ul[b-p9zdiazywa]{
        padding: 2px;
        width: 100%;
    }
    li[b-p9zdiazywa]{
        display: flex;
        width: 100%;
    }
    a[b-p9zdiazywa]{
        flex: 1;
        display: flex;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 auto;
        font-size: smaller;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/PricePages/BasicOption.razor.rz.scp.css */
.subscriptions-container[b-916mr51m5y]{
    display: flex;
    flex-direction: column;
    height: 100%;
    h2{
        padding: 1rem;
        background-color: var(--bg-level-1);
        color:var(--accent);
        text-align: center;
    }
}

.bk-centered[b-916mr51m5y]{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow-y: auto;

    .subscriptions{
        flex: 1;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1rem;
        padding: 1rem;
    }
}

@media (width < 600px) {
    .subscriptions[b-916mr51m5y]{
        display: flex!important;
        flex-direction: column;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/PricePages/PaymentCancelComponent.razor.rz.scp.css */
.cancel-payment[b-dupmgxi94i]{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    gap:1rem;
}
[b-dupmgxi94i] svg{
    height: 5rem;
    width: 5rem;
    fill: red;
}
h3[b-dupmgxi94i]{
    color: tomato;
    font-size: 3rem;
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/PricePages/PaymentErrorComponent.razor.rz.scp.css */
.error[b-ovd07bnvgu]{
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:1rem;
    svg{
        height: 5rem;
        width: 5rem;
        fill: red;
    }
    h3[b-ovd07bnvgu]{
        color: tomato;
        font-size: 3rem;
    }
    p[b-ovd07bnvgu]{
        font-size: 1.5rem;
        text-align: center;
        color: orange;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/PricePages/PaymentSuccessComponent.razor.rz.scp.css */
.bk-centered[b-5tm9zb3p5a]{
    display: grid;
    place-items: center;
    height: 100%;
    overflow: hidden;
}
.payment-success[b-5tm9zb3p5a]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
p[b-5tm9zb3p5a]{
    text-align: center;
    text-wrap: balance;
    width: 50svw;
    line-height: 2rem;
}

[b-5tm9zb3p5a] svg{
    height: 10svh;
    width: auto;
    fill:green;
    margin: 2rem;
}
h3[b-5tm9zb3p5a]{
    font-size: 3rem;
    padding: 1rem;
    color: green;
}



a[b-5tm9zb3p5a]{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3ch;
    margin: 2rem auto;
    color: orange;
    gap:1rem;
    cursor: pointer;
    border-radius: 10px;
    font-size: 2rem;
    svg{
        height: 4rem;
        fill: currentColor;
        margin: 0;
    }
    
    &:hover[b-5tm9zb3p5a]{
        background-color: orange;
        color: white;
        
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/PricePages/PricePageRemarks.razor.rz.scp.css */
.remarks[b-afk50n3ghp] {
    padding: min(1rem,1%);
    height: 100%;
    overflow-y: auto;
    
    h3{
        color:var(--accent);
        font-size: clamp(1.5rem, 3svw, 2rem);
    }

    h3[b-afk50n3ghp] {
        padding: 1rem;
        text-wrap: balance;
        text-align: center;
    }

    p[b-afk50n3ghp] {
        line-height: 1.5rem;
        padding:3px 1rem;
        text-wrap: balance;

        a {
            display: inline;
        }
    }

    strong[b-afk50n3ghp] {
        color: orange;
    }
    
    ul[b-afk50n3ghp]{
        margin: min(1rem,1%);
        list-style-type: '🟣';
        padding: 0 1rem;
        ul{
            list-style-type: '⚠️';
        }
        
        li[b-afk50n3ghp]{
            line-height: 1.5rem;
        }
    }
    
    menu[b-afk50n3ghp]{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin: min(2rem,2%);
        
        a{
            color: var(--accent);
        }
    }
    
    counter-reset: subTitle;
    
    h4[b-afk50n3ghp]{
        color: var(--success);
        padding: 1rem 0 0 2px;
        border-bottom: 1px solid var(--border-color);
        &::before{
            counter-increment: subTitle;
            content: counter(subTitle) ". ";
        }
    }
}

[b-afk50n3ghp] .price-remarks-docs{
        max-height: 16rem;
    max-width: 40ch;
    margin: 1rem;
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/PricePages/SubscriptionComponent.razor.rz.scp.css */
.subscription[b-3dufdltmbo]{
    padding: 1rem;
    background-color: var(--bg-level-1);
    
    display: flex;
    flex-direction: column;
    
    .subscription-features{
        flex: 1;
        display: flex;
        flex-direction: column;
        
        ul{
            flex: 1;
            padding: 2ch;
            margin: 0;
            display: grid;
            gap:2ch;
            grid-auto-rows: min-content;
            
            font-size: 0.8rem;
        }
    }
   h3[b-3dufdltmbo]{
       padding: 2ch;
       display: flex;
       gap:1rem;
       border-bottom: 1px solid var(--border-color);
       svg{
           height: 30px;
              width: 30px;
           fill: currentColor;
       }
   }
    .subscription-btn[b-3dufdltmbo]{
        padding: 1ch;
        background-color: green;
        border-radius: 1ch;
        color: white;
        text-align: center;
        cursor: pointer;
        outline-color: darkgreen;
        width: 100%;
        border:1px solid var(--success);
    }
    
    .price[b-3dufdltmbo]{
        display: block;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        padding: 1rem 0;
        margin: auto;
        color: orange;
        
        small{
            color: var(--fc);
            font-size: 0.7rem;
        }
    }
    
    a[b-3dufdltmbo]{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/QuestionPages/Views/QuestionFormView.razor.rz.scp.css */
.question[b-al8vz9zpau]{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}

.question-form[b-al8vz9zpau]{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    padding: 1rem;
    border-radius: 0.5rem;
    
    form{
        margin: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        
        .bk-field{
            display: flex;
            flex-direction: column;
        }
        
    }
  
    
    .btn-submit[b-al8vz9zpau]{
        padding: 1ch;
        width: 200px;
        margin: auto;
    }
}
.alert[b-al8vz9zpau]{
    padding: 1ch;
    line-height: 2rem;
}
.alert-error[b-al8vz9zpau]{
    background-color: var(--danger);
    color: var(--danger-text);
    border-radius: 0.5rem;
    
}
.alert-success[b-al8vz9zpau]{
    background-color: var(--success);
    color: var(--success-text);
    border-radius: 0.5rem;
}

h2[b-al8vz9zpau]{
    padding: 1ch;
    text-align: center;
}
p[b-al8vz9zpau]{
    text-align: center;
    line-height: 2rem;
    color: var(--info);
    text-wrap: balance;
}
[b-al8vz9zpau] #subject{
    width: 100%;
    padding: 1ch;
    border-radius: 0.5rem;
    border:1px solid var(--border-color);
}
[b-al8vz9zpau] #question{
    width: 100%;
    padding: 1ch;
    border-radius: 0.5rem;
    border:1px solid var(--border-color);
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Features/SettingsPages/CustomerApiKeyCustomerCell.razor.rz.scp.css */
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Main/Error.razor.rz.scp.css */
[b-98hnbc0se2] svg{
    width: 5rem;
    height: 5rem;
    fill: orange;
}
h1[b-98hnbc0se2]{
    font-size: 3rem;
    color: tomato;
}

p[b-98hnbc0se2]{
    line-height: 2rem;
    color:var(--warning);
    
    a{
        display: block;
        color: var(--success);
        padding: 1ch;
        border: 1px solid var(--info);
        margin: 2rem;
        
        &:hover{
            background-color: var(--success);
            color: var(--success-text);
        }
    }
}

.text-danger[b-98hnbc0se2]{
    color: var(--danger);
}

pre[b-98hnbc0se2]{
    background-color: var(--info);
    padding: 1rem;
    border-radius: 1rem;
    margin: 2rem;
    color: var(--info-text);
}
/* _content/BlazorForKidsOfficialWebsite.Web/Source/Main/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-pj9oupyf0f] {
    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-pj9oupyf0f] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
