@import "styles/variables";

/* stylelint-disable selector-max-universal */
*,
*::before,
*::after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
/* stylelint-enable selector-max-universal */

%opm-text-light {
    color: $grey_800;
    font-weight: $weight_book;
}

%opm-small-heading {
    color: $grey_600;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.Opm {

    &-text-light {
        @extend %opm-text-light;
    }

    &-small-heading {
        @extend %opm-small-heading;
    }

    &-text-underlined {
        text-decoration: underline;
    }

    &-disabled {
        opacity: .65;
    }

}

.lead { /* stylelint-disable-line selector-class-pattern */
    font-weight: 400; /* TODO add to redesign */
}