@charset "utf-8";
.scrolltextheader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: black;
    height: auto;
    z-index: 18;
}
.scrolltextheader .scrollwrapper{
   	width: calc(100% - var(--headspace-top));
   	height: var(--headspace-top);
   	cursor: pointer;
   	overflow-x: hidden;
}
.scrolltextheader .scrollcontent{
   	position: absolute;
   	display: block;
   	white-space: nowrap;
   	letter-spacing: 0;
   	font-size: calc(var(--headspace-top) * 0.4);
   	line-height: calc(var(--headspace-top));
   	width: fit-content;
   	width: -moz-fit-content;
   	color: white;
}


.scrolltextheader:hover, 
.scrolltextheader:hover .scrollcontent{
    color: black;
    background: white;
}

.scrolltextheader_closebt {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    background-color: white;
    width: calc(var(--headspace-top) - 1.5rem);
    height: calc(var(--headspace-top) - 1.5rem);
    padding: 0.25rem;
    border-radius: 4rem;
    cursor: pointer;
}
.scrolltextheader_closeicon {
    width: calc(100%);
    height: calc(100%);
    -webkit-mask-image: var(--lsf-icon-menu-close);
    mask-image: var(--lsf-icon-menu-close);
    background: black;
}
.scrolltextheader_closebt:hover {
    background:black;
}
.scrolltextheader_closebt:hover .scrolltextheader_closeicon{
    background:white;
}