.ons-label {
    color: inherit;
    display: block;
    font-weight: $font-weight-bold;
    margin: 0 0 0.5rem;

    &__description {
        @extend .ons-u-fs-s;

        display: block;
    }

    &--with-description {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    &--placeholder {
        font-weight: $font-weight-regular;
        color: var(--ons-color-placeholder);
        left: 10px;
        position: absolute;
        top: 6px;
    }

    &--white {
        color: var(--ons-color-white);
    }
}