@import '_content/Deepfade.Blazor/Deepfade.Blazor.gkq3eaa89a.bundle.scp.css';

/* /Components/FadeImage.razor.rz.scp.css */
.fade-image[b-xtgh6btuc9] {
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
}
/* /Components/Glass.razor.rz.scp.css */
.glass[b-9d7hgap271] {
    --background-color: transparent;
    --blur: 40px;
    --brightness: 1;
    --radius: 0;
    background-color: var(--background-color);
    backdrop-filter: blur(var(--blur)) brightness(var(--brightness));
    border-radius: var(--radius);
}
/* /Components/GlowingContainer.razor.rz.scp.css */
.glowing-container[b-k0o2dmus9r] {
    --stroke-width: .5rem;
    position: relative;
}

.glowing-container[b-k0o2dmus9r]::before {
    content: '';
    background-color: rgba(255,255,255,0.01);
    position: absolute;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(50px);
    clip-path: polygon(evenodd,
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    var(--stroke-width) var(--stroke-width),
    calc(100% - var(--stroke-width)) var(--stroke-width),
    calc(100% - var(--stroke-width)) calc(100% - var(--stroke-width)),
    var(--stroke-width) calc(100% - var(--stroke-width)),
    var(--stroke-width) var(--stroke-width))
}
/* /Components/GradientText.razor.rz.scp.css */
.gradient-heading[b-9759l9ouko] {
    --color-a: #fff;
    --color-b: #fff;
    --deg: 120deg;
    background: linear-gradient(var(--deg), var(--color-a), var(--color-b));
    background-clip: text;
    color: transparent;
}
/* /Components/HubCard.razor.rz.scp.css */
.hub-card[b-9yx61y7nt8] {
    position: relative;
    height: 250px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    background-color: var(--df-shade-3);
    border-radius: 8px;
    overflow: hidden;
}
.hub-card-banner[b-9yx61y7nt8] {
    height: 242px;
    filter: brightness(.9);
}

.hub-card-body[b-9yx61y7nt8] {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    padding: .5rem;
    gap: 1rem;
    backdrop-filter: blur(30px) brightness(.5);
}

.hub-card-profile[b-9yx61y7nt8] {
    height: 5rem;
    width: 5rem;
    margin-top: -2rem;
}

.hub-card-content[b-9yx61y7nt8] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
/* /Components/NavBar.razor.rz.scp.css */
.nav-bar[b-p0afuqsy18] {
    position: sticky;
    top: 0;
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    z-index: 1
}

.link-logo[b-p0afuqsy18] {
    color: var(--df-shade-7);
}
.link-logo:hover[b-p0afuqsy18] {
    color: var(--df-shade-9);
}
[b-p0afuqsy18] .logo {
    width: 3rem;
    height: 3rem;
}

.search-bar[b-p0afuqsy18] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem;
    backdrop-filter: blur(40px) brightness(.7);
    border-radius: var(--df-radius-round);
    transition: all .2s ease;
}
.search-bar:has(:focus)[b-p0afuqsy18] {
    backdrop-filter: blur(40px) brightness(.4);
}
.search-bar-icon[b-p0afuqsy18] {
    width: 1.2rem;
    height: 1.2rem;
    fill: var(--df-shade-7);
}
.search-bar:has(:focus) .search-bar-icon[b-p0afuqsy18] {
    fill: var(--df-shade-8);
}
.search-bar-input[b-p0afuqsy18] {
    font-size: 1rem;
    color: var(--df-shade-9);
    background-color: transparent;
    outline: none;
    border: none;
}

.profile-img[b-p0afuqsy18] {
    width: 40px;
    height: 40px;
    border-radius: var(--df-radius-circle);
}
/* /Components/PostCard.razor.rz.scp.css */
.post-card[b-r1tptw72b8] {
    max-height: 500px;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    gap: 1rem;
    overflow: hidden;
}
/* /Layout/EmptyLayout.razor.rz.scp.css */
.empty-layout[b-pgqlmvmg9q] {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: auto;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.main-layout[b-34wj9wpfzd] {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: auto;
}

.main-layout-header[b-34wj9wpfzd] {
    position: sticky;
    top: 0;
    z-index: 1;
}
.main-layout-content[b-34wj9wpfzd] {
    display: flex;
    flex-direction: column;
    align-items: center;
}