@import '_content/AuralizeBlazor/AuralizeBlazor.tf5u2o3oxg.bundle.scp.css';
@import '_content/KortInfo.Atlas.UI.Blazor.Controls/KortInfo.Atlas.UI.Blazor.Controls.q7xtwhue1s.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.tkxqvq0zjw.bundle.scp.css';

/* /Components/ShowcaseSection.razor.rz.scp.css */
.section[b-s9kcw90xnc] {
    border: 1px solid #666666;
    border-radius: 5px;
    padding: 1em;
}

.title[b-s9kcw90xnc] {
    border-bottom: 1px solid #666666;
    margin-bottom: 1em;
}

.documentation[b-s9kcw90xnc] {
    margin-bottom: 1em;
}

.content[b-s9kcw90xnc] {

}
/* /Components/ShowcaseSectionContainer.razor.rz.scp.css */
.controls-section-container[b-pq0sft9196] {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
/* /Layout/ControlsMenuLayout.razor.rz.scp.css */
/* /Layout/LeftMenuComponent.razor.rz.scp.css */
.container[b-sgn6ta28kz] {
    display: flex;
    flex: 1 1 auto;
}

.container .menu[b-sgn6ta28kz] {
    background-color: var(--ki-Menu_BackgroundColor);
    color: var(--ki-Menu_PrimaryColor);
    
    flex: 0 0 200px;
    padding: 1em;
    overflow: auto;
    border-right: 1px solid var(--ki-Primary_BorderColor);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.content[b-sgn6ta28kz] {
    flex: 1 1 auto;
    padding: 1em;
    overflow: auto;
    
    background-color: var(--ki-Primary_BackgroundColor);
    color: var(--ki-Primary_ForegroundColor);
}

[b-sgn6ta28kz] a {
    color: var(--ki-Menu_SecondaryColor);
}

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

[b-sgn6ta28kz] a.active {
    font-weight: bold;
    text-decoration: underline;
}
/* /Layout/LeftMenuSection.razor.rz.scp.css */
.menu-items[b-nh0gphry88] {
    display: flex;
    flex-direction: column;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.main-container[b-jqq9mmhe2a] {
    flex: 1 1 auto;
    overflow: auto;
    display: flex;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.top-row[b-48l26tyook] {
    padding: 1em;
    background-color: var(--ki-Menu_BackgroundColor);
    color: var(--ki-Menu_SecondaryColor);
    border-bottom: 1px solid var(--ki-Primary_BorderColor);
    display: flex;
    column-gap: 1em;
}

.flex-fill[b-48l26tyook] {
    flex: 1 1 auto;
}

nav[b-48l26tyook] {
    display: flex;
    column-gap: 1em;
}

[b-48l26tyook] .showcase-menu-selector-hack .mud-input {
    color: var(--ki-Menu_SecondaryColor) !important;
}

[b-48l26tyook] .top-row-selector {
    color: var(--ki-Menu_SecondaryColor);
}

[b-48l26tyook] .nav-link .mud-icon-root.mud-svg-icon {
    color: var(--ki-Menu_SecondaryColor) !important;
}

[b-48l26tyook] .nav-link {
    display: flex;
    align-items: center;
    padding: 0 3em;
    column-gap: 0.5em;
    color: var(--ki-Menu_SecondaryColor);
}

[b-48l26tyook] .nav-link:hover {
    text-decoration: underline;
}

[b-48l26tyook] .nav-link.active {
    font-weight: bold;
    background-color: var(--ki-Menu_PrimaryColor);
    color: var(--ki-Menu_SecondaryColor);
}
/* /Pages/Controls.razor.rz.scp.css */
/* /Pages/ControlsPages/Components/DragDrop.razor.rz.scp.css */
/* /Pages/ControlsPages/Components/KIButtonPanel.razor.rz.scp.css */
/* /Pages/ControlsPages/Components/KIHeadingPanel.razor.rz.scp.css */
/* /Pages/ControlsPages/Components/KIImagePanel.razor.rz.scp.css */
[b-42ie674hgd] .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5em;
    padding: 0.5em;
    border: 1px solid lightgray;
}

[b-42ie674hgd] .image-container img {
    background-image:
            linear-gradient(45deg, #999999 25%, transparent 25%),
            linear-gradient(45deg, transparent 75%, #999999 75%),
            linear-gradient(45deg, transparent 75%, #999999 75%),
            linear-gradient(45deg, #999999 25%, transparent 25%);
    background-size:40px 40px;
    background-position:0 0, 0 0, -20px -20px, 20px 20px;
}
/* /Pages/ControlsPages/Forms/KIIntBoxPanel.razor.rz.scp.css */
.column-2[b-uh0jz8abh0] {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 1em;
}

.vert-center[b-uh0jz8abh0] {
    display: flex; 
    align-items: center;
}
/* /Pages/ControlsPages/Forms/KITextAreaPanel.razor.rz.scp.css */
/* /Pages/ControlsPages/Layout/KIBorderLayoutPanel.razor.rz.scp.css */
p[b-hl7hhi08rg] {
    padding: 1em;
    font-weight: bold;
}

.north[b-hl7hhi08rg] {
    background-color: mediumpurple;
}

.south[b-hl7hhi08rg] {
    background-color: orange;
}

.west[b-hl7hhi08rg] {
    background-color: green;
}

.east[b-hl7hhi08rg] {
    background-color: yellow;
}

.main[b-hl7hhi08rg] {
    background-color: cornflowerblue;
}
/* /Pages/ControlsPages/Layout/KIColumnLayoutPanel.razor.rz.scp.css */
.column-1[b-mrd4oxgzkn] {
    background-color: lightblue;
    width: 100%;
}

.column-2[b-mrd4oxgzkn] {
    background-color: orange;
    width: 100%;
}

.column-3[b-mrd4oxgzkn] {
    background-color: green;
    width: 100%;
}

.column-4[b-mrd4oxgzkn] {
    background-color: lightcoral;
    width: 100%;
}

.column-5[b-mrd4oxgzkn] {
    background-color: mediumpurple;
    width: 100%;
}
/* /Pages/ControlsPages/Layout/KIHorizontalLayoutPanel.razor.rz.scp.css */
.child-1[b-5dol6vbqrv] {
    background-color: lightblue;
}

.child-2[b-5dol6vbqrv] {
    background-color: orange;
}

.child-3[b-5dol6vbqrv] {
    background-color: green;
}

.child-4[b-5dol6vbqrv] {
    background-color: lightcoral;
}

.child-5[b-5dol6vbqrv] {
    background-color: mediumpurple;
}
/* /Pages/ControlsPages/Layout/KIOverlayLayoutPanel.razor.rz.scp.css */
.layer-1[b-gva4fmmagf] {
    background-color: mediumpurple;
    height: 3em;
    width: 10em;
    padding: 1em;
}

.layer-2[b-gva4fmmagf] {
    background-color: cadetblue;
    margin-top: 2em;
    margin-left: 3em;
    height: 3em;
    width: 10em;
    padding: 1em;
}

.layer-3[b-gva4fmmagf] {
    background-color: yellow;
    height: 3em;
    margin-top: 0.5em;
    margin-left: 8em;
    width: 10em;
    padding: 1em;
}
/* /Pages/ControlsPages/Layout/KIVerticalLayoutPanel.razor.rz.scp.css */
hr[b-d03zjc6dkb] {
    margin: 1em;
    border: 1px solid #ccc;
}

.child-1[b-d03zjc6dkb] {
    background-color: lightblue;
}

.child-2[b-d03zjc6dkb] {
    background-color: orange;
}

.child-3[b-d03zjc6dkb] {
    background-color: green;
}

.child-4[b-d03zjc6dkb] {
    background-color: lightcoral;
}

.child-5[b-d03zjc6dkb] {
    background-color: mediumpurple;
}
/* /Pages/ControlsPages/Panels/KIDeviceAwarePanelPanel.razor.rz.scp.css */
.container[b-ie0i2l3ewf] {
    display: flex;
    flex-direction: column;
}

.device-info[b-ie0i2l3ewf] {
    color: whitesmoke;
    margin: 1em;
    padding: 1em;
}

.device-info.mobile[b-ie0i2l3ewf] {
    background-color: darkgreen;
}

.device-info.tablet[b-ie0i2l3ewf] {
    background-color: darkorange;
}

.device-info.desktop[b-ie0i2l3ewf] {
    background-color: darkred;
}

.device-info.other[b-ie0i2l3ewf] {
    background-color: rebeccapurple;
}
/* /Pages/ControlsPages/Panels/KIPaddingPanelPanel.razor.rz.scp.css */
/* /Pages/ControlsPages/Tools/KIBrowserToolsPanel.razor.rz.scp.css */
/* /Pages/ControlsPages/Tools/KIDeviceToolsPanel.razor.rz.scp.css */
/* /Pages/CoreTools.razor.rz.scp.css */
/* /Pages/CoreToolsPages/Helpers/AtlasIconsPanel.razor.rz.scp.css */