/* ******************************************** */
/** OBJECTS: STRUCTURE
/* ******************************************** */

/* STRUCTURE */

.o-wrapper{
    width: 100%;
    max-width: var(--wrapper);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--space-x);
    padding-right: var(--space-x);
}

.o-wrapper--xs{
    max-width: var(--wrapper-xs);
}

.o-wrapper--content{
    max-width: var(--wrapper-xxs);
}


/* ALIGNS */

.o-align-middle{
    display: flex;
    align-items: center;
}
.o-align-middle > *{
    width: 100%;
}

.u-text-center{
    text-align: center;
}



/* SCROLLABLE */

.o-scrollable{
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}
.o-scrollable--x{
    overflow:hidden;
    overflow-x:auto;
}

.u-hidden{
    display: none !important;
}