.u-w-1-2-gutter {
    width: calc(50% - (var(--space-xxl) / 2));
}

.u-hidden {
    display: none;
}

.u-hidden\@desktop {
    display: none;
}

.u-hidden\@tablet {
    display: none;
}

.u-hidden\@mobile {
    display: none;
}

.u-p-top {
    top: 0;
}

.u-p-right {
    right: 0;
}

.u-p-bottom {
    bottom: 0;
}

.u-p-left {
    left: 0;
}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
    .u-hidden\@desktop {
        display: block;
    }
}

@media (max-width: 768px) {
    .u-hidden\@desktop {
        display: none;
    }

    .u-hidden\@tablet {
        display: block;
    }
}

@media (max-width: 480px) {
    .u-hidden\@desktop {
        display: none;
    }

    .u-hidden\@tablet {
        display: none;
    }

    .u-hidden\@mobile {
        display: block;
    }
}