body {
    padding-top: var(--header-height, 90px);
    transition: padding-top 0.3s ease 0s;
}

.lock body {
    overflow: hidden;
    touch-action: none;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
}

.wrapper > main {
    flex: 1 1 auto;
}

.wrapper > * {
    min-width: 0;
}

[class*='__container'] {
    box-sizing: content-box;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

@media (min-width: 768px) {
    body {
        padding-top: var(--header-height, 119px);
    }
}