@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

$c-products-and-prices-content-title: $default-font-family !default;
$c-products-and-prices-content-units-of-measurement-text-transform: uppercase !default;

.c-product-products-and-prices__title {
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
    font-family: $c-products-and-prices-content-title;
    font-weight: $font-weight-semi-bold;
    color: $grey-super-dark;
}

.c-product-products-and-prices__table {
    width: 100%;
}

.c-product-products-and-prices__controls {
    display: flex;
    justify-content: space-between;
}

.c-product-products-and-prices__units-of-measure {
    list-style: none;
    padding: 0;
    margin: 0 0 0 auto;
}
    .c-product-products-and-prices__units-of-measure-item {
        border: $c-input-border;
        height: $c-input-height;
        background-color: $c-input-background-color;
        border-radius: 0;
        -webkit-appearance: none;
        box-shadow: none;
        max-width: 100%;
        $height: 48px;
        min-width: 78px;
        height: $height;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        text-transform: $c-products-and-prices-content-units-of-measurement-text-transform;
        font-size: 16px;
        line-height: $height;
        cursor: pointer;
        color: $grey-super-dark;
    }
        .c-product-products-and-prices__units-of-measure-item--selected {
            border: solid 2px $accent-a;
            background-color: $white-color;
        }