.ls-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding-bottom: 38px;
    transition: transform 180ms ease, opacity 180ms ease;
    /* smooth show/hide on small screens */
}

.ls-header .ls-header__actions {
    /* position: absolute; */
    /* right: 0;
    top: 4px; */
}

@media (prefers-reduced-motion: reduce) {
    .ls-header {
        transition: none;
    }
}

/* Hidden state for small screens only; header slides up a bit */
@media (max-width: 767.98px) {
    .ls-header.ls-header--hidden {
        transform: translateY(-100%);
        opacity: 0.95;
    }
}

@media (min-width: 840px) {
    .ls-header {
        padding-bottom: 0;
    }

    .ls-header .ls-header__actions {
        position: static;
        top: auto;
        right: auto;
    }
}

.ls-header .ls-header__actions {
    top: 50%;
    /* transform: translateY(-50%); */
}

@media (min-width: 840px) {

    .ls-header .ls-header__actions {
        position: static;
        transform: none;
        top: auto;
        right: auto;
    }
}