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

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

.wrapper > main {
    flex: 1 1 auto;
    padding-top: var(--header-height, 96px)
    /* padding-top: calc(var(--header-height, 96px) + 10px) */
}

@media (min-width: 768px) {
    .wrapper > main {
        padding-top: var(--header-height, 80px)
        /* padding-top: calc(var(--header-height, 80px) + 15px) */
    }
}

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

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