/* _content/BlazorHomePage/Components/Layout/MainLayout.razor.rz.scp.css */

.page[b-ljewee1w3w] {
    /*background-color: var(--color-black);*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
footer[b-ljewee1w3w]{
    margin-top: auto;
}
.sidebar[b-ljewee1w3w] {
    background-color: var(--main-background-accent-1-color);
}
/* _content/BlazorHomePage/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-container[b-8ba7codxf5] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* align-content: center; */
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-6);
}

nav[b-8ba7codxf5] {
    padding: var(--size-6) var(--size-4);
    border-bottom: 1px solid var(--main-background-accent-1-color);
    background-color: var(--main-background-color);
}

.dropdown-menu a[b-8ba7codxf5] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-4);
}

    .dropdown-menu a p[b-8ba7codxf5] {
        margin: 0;
    }

.dropdown-item > i[b-8ba7codxf5] {
    min-width: 20px;
}

.phone-hide[b-8ba7codxf5] {
    display: unset;
}

.phone-show[b-8ba7codxf5] {
    display: none;
}

.profile-loader[b-8ba7codxf5]{
    width: 75px;
}

li[b-8ba7codxf5]{
    position: relative;
    z-index: 1;
}

    li:has(.overlay-501)[b-8ba7codxf5] {
        background-color: rgba(var(--color-accent-teal-raw), 0.10);
        background-color: rgba(255, 0, 0, 0.10);
        background-color: rgba(var( --color-accent-gold-raw), 0.10);
        background-color: rgba(var(--color-accent-teal-raw), 0.10);
    }

.overlay-501[b-8ba7codxf5] {
    animation: glitch-b-8ba7codxf5 1s linear infinite;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 0.75em;
    text-align: center;
    /*line-height: 32px;*/
    color: rgb(var(--color-accent-gold-raw));
    color: rgb(var(--color-accent-teal-raw));
    margin-top: 6px;
}

    .overlay-501[b-8ba7codxf5]:before,
    .overlay-501[b-8ba7codxf5]:after {
        content: attr(title);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .overlay-501[b-8ba7codxf5]:before {
        animation: glitchTop-b-8ba7codxf5 1s linear infinite;
        clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
    }

    .overlay-501[b-8ba7codxf5]:after {
        animation: glitchBotom-b-8ba7codxf5 1.5s linear infinite;
        clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
    }

@keyframes glitch-b-8ba7codxf5 {
    2%,64% {
        transform: translate(2px,0) skew(0deg);
    }

    4%,60% {
        transform: translate(-2px,0) skew(0deg);
    }

    62% {
        transform: translate(0,0) skew(5deg);
    }
}

@keyframes glitchTop-b-8ba7codxf5 {
    2%,64% {
        transform: translate(2px,-2px);
    }

    4%,60% {
        transform: translate(-2px,2px);
    }

    62% {
        transform: translate(13px,-1px) skew(-13deg);
    }
}

@keyframes glitchBotom-b-8ba7codxf5 {
    2%,64% {
        transform: translate(-2px,0);
    }

    4%,60% {
        transform: translate(-2px,0);
    }

    62% {
        transform: translate(-22px,5px) skew(21deg);
    }
}


@media only screen and (max-width: 1023px) and (min-width: 768px) {
}

@media only screen and (max-width: 767px) {
    .phone-hide[b-8ba7codxf5] {
        display: none;
    }

    .phone-show[b-8ba7codxf5] {
        display: unset;
    }

    .nav-container[b-8ba7codxf5] {
        justify-content: space-between;
    }
}

@media screen and (max-width: 400px) {
}
/* _content/BlazorHomePage/Components/Pages/Blog/Blog.razor.rz.scp.css */
.fast-bar[b-oqfi1unuzh] {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: sticky;
  top: var(--size-7);
}

.fast-bar li[b-oqfi1unuzh] {
  border-left: solid 3px var(--bs-border-color-translucent);
  padding-left: var(--size-2);
}

.fast-bar li a[b-oqfi1unuzh] {
  font-size: 0.7em;
  line-height: 0.1em;
}

.card[b-oqfi1unuzh] {
  margin-bottom: var(--size-7);
}

/*# sourceMappingURL=Blog.razor.css.map */
/* _content/BlazorHomePage/Components/Pages/Code/CodeMenu.razor.rz.scp.css */
.list-item[b-ld52w9w0xr] {
  background-color: rgba(var(--background-color), 1);
  max-height: 300px;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-color) solid 1px;
  border-radius: var(--bs-border-radius);
  margin-bottom: var(--size-5);
  overflow: auto;
}

.list-item-menu > .btn-group :first-child[b-ld52w9w0xr] {
  border-top-left-radius: 0;
}

.list-item-menu > .btn-group :last-child[b-ld52w9w0xr] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.list-item-menu > .btn-group[b-ld52w9w0xr] {
  float: left;
}

.list-item-menu > .list-item-menu-information[b-ld52w9w0xr] {
  float: right;
  height: auto;
}

.list-item-menu > .list-item-menu-information > *[b-ld52w9w0xr] {
  margin: 0;
}

.codeblock[b-ld52w9w0xr] {
  position: relative;
  z-index: 1;
}

.codeblock > .code-expande[b-ld52w9w0xr] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

/*# sourceMappingURL=CodeMenu.razor.css.map */
/* _content/BlazorHomePage/Components/Stubs/CodeBlock.razor.rz.scp.css */
.code[b-cy3c1rsj74] {
  overflow: auto;
}

pre[b-cy3c1rsj74] {
  margin: 0;
}

/*# sourceMappingURL=CodeBlock.razor.css.map */
/* _content/BlazorHomePage/Components/Stubs/Loader.razor.rz.scp.css */
.rotating[b-13etyu64he] {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating-b-13etyu64he 2s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating-b-13etyu64he {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=Loader.razor.css.map */
/* _content/BlazorHomePage/Components/Stubs/Message.razor.rz.scp.css */
.close-btn[b-qxvctil27b]{
    float: right;
}