/* _content/BetterNamer.Blazor/Components/Pages/Home/AuthorizedHome.razor.rz.scp.css */
/* fsldkjflskdjfsf */
.headline[b-6hcdwzm2qq] { 
    color: var(--mud-palette-text-primary);
    transition: color 250ms ease-in-out;
    /*text-shadow: 0px 0px 80px var(--mud-palette-primary-lighten);*/
    font-family: Montserrat;
    font-weight: bolder; 
    font-size: 1.3rem;
    padding: 30px;
    padding-bottom: 50px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    /* Create a stacking context for the masked gradient layer */
    position: relative;
    overflow: visible;
}

.headline:focus[b-6hcdwzm2qq] {
    outline: none;
}

.headline h1[b-6hcdwzm2qq] {
    z-index: 1050;
    outline: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* Subtle layered text shadow for depth/readability */
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.45),
        0 2px 6px rgba(0, 0, 0, 0.30),
        0 8px 20px rgba(0, 0, 0, 0.20);
}

.headline h1:focus[b-6hcdwzm2qq] {
    outline: none;
}

.headline-highlight[b-6hcdwzm2qq] { 
    color: var(--white);
}

/* Place the masked gradient behind the content so it does not affect opacity of children */
.headline[b-6hcdwzm2qq]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /* Cover exactly the container height; the mask will be stretched to fit */
    bottom: 0;
    background: linear-gradient(65deg, #1D203C 0%, #273E88 30%, #DE4B4A 50%, #2787D3 90%); 
    -webkit-mask-image: url('/background-mask.png');
    mask-image: url('/background-mask.png');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    /* Stretch mask to fill the pseudo-element (both width & height) */
    /* Using 101% to prevent faint slivers/artifacts on the edges from sub-pixel rendering or repeating */
    -webkit-mask-size: 101% 101%;
    mask-size: 101% 101%;
    -webkit-mask-position: center;
    mask-position: center;
    z-index: -1;
    pointer-events: none;
}