.fireblocks-header {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 40px;
    z-index: 1000;
    height: auto;
    max-height: 70px; 
    transform: translateY(0%);
    transition: transform 0.3s ease-in-out;
    max-width: 100vw;
}

.fireblocks-header.dark-header {
    background: #fafafa;
}

@media only screen and (max-width: 810px) {
    .fireblocks-header {
        padding: 20px;
    }
}

.fireblocks-header.sticky,
.logged-in .fireblocks-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    background: #FAFAFA;
    transform: translateY(0); 
}

.fireblocks-header.hidden {
    transform: translateY(-100%);
}

.logged-in .fireblocks-header,
.logged-in .fireblocks-header-notification + .fireblocks-header.hidden,
.logged-in .fireblocks-header-notification + .fireblocks-header.sticky {
    top: 32px;
}

.fireblocks-header-notification + .fireblocks-header {
    top: 40px;
}

.logged-in .fireblocks-header-notification + .fireblocks-header {
    top: 72px;
}

.fireblocks-header-notification + .fireblocks-header.hidden,
.fireblocks-header-notification + .fireblocks-header.sticky {
    top: 0;
}

@media only screen and (max-width: 810px) {
    .fireblocks-header-notification + .fireblocks-header {
        top: 50px;
    }
    
    .logged-in .fireblocks-header-notification + .fireblocks-header {
        top: 96px;
    }

    .logged-in .fireblocks-header-notification {
        position: relative;
        top: 46px;
    }

    .logged-in .fireblocks-header-notification + .fireblocks-header.hidden,
    .logged-in .fireblocks-header-notification + .fireblocks-header.sticky {
        top: 0;
    }
}

/* Notification Banner */
.fireblocks-header-notification {
    display: flex;
    background: #9bf8f4;
    height: 50px;
    justify-content: center;
    align-items: center;
}

.fireblocks-header-notification a {
    width: 100%;
    text-align: center;
    background: linear-gradient(106deg, #184FDB 0.58%, #37435A 97.87%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    font-weight: 600;
}

.fireblocks-header-notification a:hover {
    color: #184FDB;
}

@media only screen and (min-width: 811px) {

    .fireblocks-header-notification {
        height: 40px;
    }

    .fireblocks-header-notification a {
        animation: scroll-left 20s linear infinite;
    }
}

@keyframes scroll-left {
    0% {
        transform: translateX(75%);
    }
    100% {
        transform: translateX(-70%);
    }
}

/* Logo */
.fireblocks-header .logo {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    margin-right: 40px;
}

.fireblocks-header.dark-header .logo svg .fill {
    fill: #14223D;
    transition: all .3s linear;
}

.fireblocks-header.dark-header .logo.inverted svg .fill {
    fill: #FAFAFA;
    transition: all .3s linear;
}

.fireblocks-header.light-header .logo svg .fill {
    fill: #FAFAFA;
    transition: all .3s linear;
}

.fireblocks-header.dark-header .logo.inverted svg .fill {
    fill: #FAFAFA;
    transition: all .3s linear;
}

@media only screen and (max-width: 810px) {
    .fireblocks-header .logo {
        flex: 0 0 50%;
        display: grid;
        align-content: center;
        height: 36px;
        z-index: 10;
    }

    .fireblocks-header.light-header.sticky .logo svg .fill {
        fill: #14223d;
    }
}