/**
 * Container Block - Frontend Styles
 * 
 * @package Ably_Blocks
 */

/* ----- Container Block ----- */
.ably-container__inner {
    width: 100%;
    max-width: var(--semantics-container-max, 1440px);
    margin: 0 auto;
    padding-left: var(--semantics-spacing-large, 32px);
    padding-right: var(--semantics-spacing-large, 32px);
}

.ably-container__inner--narrow {
    max-width: var(--semantics-container-narrow, 960px);
}

.ably-container__inner--wide {
    max-width: var(--semantics-container-wide, 1600px);
}