@import '../../../../styles/fills';
@import '../../../../styles/mixins';
@import '../../../../styles/shared/editions';

$addon-item-padding-bottom: 44px;

.productAddonList {
    @include shared-edition-addon-list;
    @include shared-edition-addon-item;

    &_selectedCheck {
        width: 16px;
        circle {
            fill: $success-color;
        }
        path {
            @include fill-white;
        }
    }
    &_container {
        @include border-midGray;
        @include background-white;
        border-radius: 8px;
    }
    &_text {
        flex-grow: 1;
    }
    &_addonPriceSection {
        margin: 14px 0;
        &:last-child {
            margin-bottom: 0;
        }
    }
    &_name {
        @include title-2;
        height: var(--addon-name-height, auto);
        margin-bottom: 15px;
    }
    &_contractLength {
        @include text-7;
        display: inline-block;
        margin-top: 4px;
    }
    &_description {
        @include text-5;
        line-height: 1.4em;
        margin-top: 24px;
    }
}
