/* /Components/Layout/Drawer.razor.rz.scp.css */
[b-945mg2fijv] .navigation-drawer {
   height: 100vh;
   max-height: 100%;
}

[b-945mg2fijv] .panel-open:not(.mobile) .menu-button {
   display: none;
}

[b-945mg2fijv] .navigation-drawer > .dxbl-drawer-panel {
   background-image: linear-gradient(180deg, var(--dxbl-primary, var(--DS-primary-70)) 0%, var(--dxbl-black, #000) 150%);
}

[b-945mg2fijv] .navigation-drawer > .dxbl-drawer-content {
   height: 100vh;
   overflow: auto;
}

[b-945mg2fijv] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header {
   border-bottom: none;
   padding: 2rem 1rem;
   background: none;
}

[b-945mg2fijv] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header > .navigation-drawer-header {
   width: 100%;
   display: flex;
   justify-content: space-between;
}

[b-945mg2fijv] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
   --dxbl-drawer-panel-body-padding-x: 0;
   --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-945mg2fijv] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-footer {
   --dxbl-drawer-panel-footer-justify-content: center;
   border-top: none;
   padding-bottom: 1.5rem;
   width: 200px;
   background: none;
}

[b-945mg2fijv] .navigation-drawer > .dxbl-drawer-panel {
   display: flex;
}

[b-945mg2fijv] .navigation-drawer.mobile > .dxbl-drawer-panel {
   display: none;
}

[b-945mg2fijv] .navigation-drawer > .dxbl-drawer-content > .navigation-drawer-shading {
   display: none;
}

@media (max-width: 900px) {
   [b-945mg2fijv] .panel-open:not(.mobile) .menu-button {
      display: inline-flex;
   }

   [b-945mg2fijv] .navigation-drawer > .dxbl-drawer-panel {
      display: none;
   }

   [b-945mg2fijv] .navigation-drawer.mobile > .dxbl-drawer-panel {
      display: flex;
   }

   [b-945mg2fijv] .navigation-drawer > .dxbl-drawer-content > .navigation-drawer-shading {
      background-color: var(--dxbl-drawer-content-shading-bg);
      display: block;
      height: 100%;
      position: absolute;
      transition: ease var(--dxbl-drawer-animation-duration);
      transition-property: opacity, visibility;
      visibility: visible;
      width: 100%;
      z-index: 99;
      opacity: var(--dxbl-drawer-content-shading-opacity);
   }

   [b-945mg2fijv] .navigation-drawer.mobile.panel-closed .navigation-drawer-shading {
      opacity: 0;
      visibility: hidden;
   }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-95fzldbec2] {
    height: 100%;
    font-family: var(--bs-font-sans-serif, var(--DS-font-family-sans-serif));
}

.logo[b-95fzldbec2] {
    text-align: center;
}

.icon-back[b-95fzldbec2] {
    --icon-mask-image: var(--icon-back-mask-image);
}

.icon-close[b-95fzldbec2] {
    --icon-mask-image: var(--icon-close-mask-image);
}

.icon-menu[b-95fzldbec2] {
    --icon-mask-image: var(--icon-menu-mask-image);
}


[b-95fzldbec2] .docs-icon {
    --icon-mask-image: var(--icon-docs-mask-image);
}

[b-95fzldbec2] .demos-icon {
    --icon-mask-image: var(--icon-demos-mask-image);
}

[b-95fzldbec2] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-95fzldbec2] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-95fzldbec2] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-95fzldbec2] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-95fzldbec2] {
    display: inline-flex;
}

.nav-buttons-container[b-95fzldbec2] {
    display: flex;
    gap: 10px;
    padding: 1rem;
}

.nav-buttons-container[b-95fzldbec2]  .menubutton-float-end {
    margin-left: auto;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-lt7hpmybkl] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-item-padding-x: 1.125rem;
    --dxbl-menu-item-padding-y: 0.5rem;
    --dxbl-menu-item-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-image-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-hover-bg: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.15);
    --dxbl-menu-item-hover-color: var(--dxds-color-content-neutral-default-static-dark-hovered);
    --dxbl-menu-item-hover-image-color: var(--dxds-color-content-neutral-default-static-dark-hovered);

    background: none;
}

[b-lt7hpmybkl] .menu.display-mobile {
    margin-bottom: 6rem;
}

[b-lt7hpmybkl] .menu-item-active {
    background-color: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.05);
}
/* /Components/Pages/Index/Index.razor.rz.scp.css */
[b-ofl5ehj8au] .index-gridlayout {
   container-type: inline-size;
   height: auto;
   margin-top: auto;
   margin-bottom: auto;
   padding-bottom: 5rem;
}

[b-ofl5ehj8au] .title {
   padding-bottom: 3rem;
   text-align: center;
}

[b-ofl5ehj8au] .tiles {
   --tile-column-count: 8;
   display: grid;
   gap: 1rem;
   grid-template-columns: repeat(var(--tile-column-count), max-content);
   justify-content: center;

   @container (max-width: 20rem) {
      --tile-column-count: 8;
   }

   @container (max-width: 45.125rem) {
      --tile-column-count: 2;
   }

   @container (max-width: 29.75rem) {
      --tile-column-count: 1;
   }
}