@use '../../styles/mixins.scss';

.ydb-tablet-page {
    $_: &;
    position: relative;

    overflow: auto;

    height: 100%;
    padding: 0 20px 20px;
    @include mixins.body-2-typography();

    &__content {
        // The sticky refresh wrapper already supplies the initial 20px page inset.
        min-height: calc(100% - 20px);
    }

    &__meta {
        min-height: 28px;
        padding-right: 121px;
    }

    &__placeholder {
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
        align-items: center;
    }

    &__loader {
        margin-left: var(--g-spacing-2);
    }
}