.has-obas-position {
    top: var(--obas-pos-top);
    right: var(--obas-pos-right);
    bottom: var(--obas-pos-bottom);
    left: var(--obas-pos-left);
}

@media screen and (max-width: 900px) {
    .has-obas-position {
        top: var(--obas-tablet-pos-top, var(--obas-pos-top));
        right: var(--obas-tablet-pos-right, var(--obas-pos-right));
        bottom: var(--obas-tablet-pos-bottom, var(--obas-pos-bottom));
        left: var(--obas-tablet-pos-left, var(--obas-pos-left));
    }
}

@media screen and (max-width: 600px) {
    .has-obas-position {
        top: var(--obas-mobile-pos-top, var(--obas-tablet-pos-top, var(--obas-pos-top)));
        right: var(--obas-mobile-pos-right, var(--obas-tablet-pos-right, var(--obas-pos-right)));
        bottom: var(--obas-mobile-pos-bottom, var(--obas-tablet-pos-bottom, var(--obas-pos-bottom)));
        left: var(--obas-mobile-pos-left, var(--obas-tablet-pos-left, var(--obas-pos-left)));
    }
}