container[name="plain-page"]{
    container: plain-page / inline-size;
}

.plain-page{
    padding-inline: 24px;
    padding-block: 40px;
    max-inline-size: 420px;
    margin-inline: auto;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    gap: 16px;

    > header{
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        gap: 12px;

        > icon{
            padding-inline: 16px;
            padding-block: 16px;
            background: var(--_color-gray-2);
            border-radius: 8px;
        }
    }

    > .plain-page__content{
        text-align: center;
        display: flex;
        flex-flow: column wrap;
        gap: 20px;
    }
}