.nutrientfacts
{
	padding: 10px;
	border: 1px #ccc solid;
	border-radius: 5px;
	font-size: 0.7rem;
}
.amount-per-serving {
    
    .attribute {
        /* Layout */
        display: none;
    }
}

.percent-daily-value {
    
    .attribute {
        /* Layout */
        display: none;
    }
}

.servings {
    /* Layout */
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.servings-per-container {
    
    .attribute {
        text-transform: lowercase;
    }
}

.serving-size {
    /* Layout */
    padding-top: 0;
}

.servings-heading {
        /* Layout */
    display: none;
}

.daily-values-heading {
        /* Layout */
    display: none;
}

.nutrients-declaration-requirement-heading {
    /* Layout */
    display: none;
}

.nutrients-declaration-requirement {
    
    li {
        /* Layout */
        padding-top: .25rem;
        padding-bottom: .25rem;
        /* Graphics */
        border-top: .125em solid black;
        
        &:first-of-type {
            border-top: 0;
        }
    }
}

.daily-values,
.nutrients-declaration-requirement {
    /* Graphics */
    border-top: 1em solid black;
    
    ul {
        /* Layout */
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    li {
        /* Layout */
        display: flex;
        
        .heading {
            /* Layout */
            display: flex;
            white-space: nowrap;
        }
    }
    
    .percent-daily-value {
        /* Layout */
        text-align: right;
    }
    
    .amount-per-serving {
        /* Layout */
        flex: 1 100%;
        margin: 0 .5em;
    }

    .total-fat {
        /* Layout */
        display: block;
    }
    
    .total-fat---cr {
        /* Layout */
        display: flex;
		padding-bottom: 0.25rem;
    }
    
    .total-carbohydrate {
        /* Layout */
        display: block;
    }
    
    .total-carbohydrate---cr {
        /* Layout */
        display: flex;
    }
    
    .total-sugars {
        /* Layout */
        display: block;
        padding-bottom: 0;
    }
    
    .total-sugars---cr {
        /* Layout */
        display: flex;
    }
}

.saturated-fat {
    /* Layout */
    padding-left: 1em;
}

.trans-fat {
    /* Layout */
    padding-left: 1em;
}

.dietary-fiber {
    /* Layout */
    padding-left: 1em;
}

.total-sugars---cr {
    /* Layout */
    padding-left: 1em;
}

.added-sugars-note {
    /* Layout */
    padding-left: 2em;
    padding-top: .125rem;
    /* Graphics */
    border-top: .125em solid black;
}

.serving-size {
    /* Layout */
    display: flex;
    
    .attribute {
        /* Layout */
        white-space: nowrap;
        /* Typography */
        font-weight: bold;
    }
    
    .value {
        /* Layout */
        flex: 1 100%;
        text-align: right;
        /* Typography */
        font-weight: bold;
    }
    
    .or-preposition {
        /* Layout */
        display: none;
    }
    
    .gram-unit {
        
        /* Nature */
        &:before {
            content: '(';
        }
        
        /* Nature */
        &:after {
            content: ')';
        }
    }
}

.servings-per-container {
    /* Layout */
    display: flex;
    
    .value {
        /* Layout */
        margin-right: .25em;
    }
    
    .attribute {
        /* Layout */
        order: 1;
    }
}

.percent-daily-value-note {
    /* Layout */
    padding-top: .25em;
    padding-bottom: .25em;
    text-align: right;
    /* Typography */
    font-weight: bold;
    /* Graphics */
    border-bottom: .125em solid black;
}

.calories {
    /* Layout */
    display: grid;
    grid-template:
        'a1 b1'
        'a2 b2';
    padding-top: .25rem;
    padding-bottom: .25rem;
    /* Graphics */
    border-bottom: .5em solid black;
    
    .heading {
        /* Layout */
        grid-area: a2;
        align-self: end;
        /* Typography */
        font-size: 2em;
        font-weight: bold;
    }
    
    .amount-per-serving {
        /* Layout */
        display: contents;
        margin: 0;
        
        .attribute {
            /* Layout */
            display: block;
            grid-area: a1;
            /* Typography */
            font-weight: bold;
        }
        
        .value {
            /* Layout */
            grid-area: b2;
            grid-row: b1/-1;
            justify-self: right;
            align-self: end;
            /* Typography */
            font-size: 2.5em;
            font-weight: bold;
        }
    }
}

.daily-value-note {
    /* Layout */
    padding-top: .5rem;
    padding-bottom: .5rem;
    /* Graphics */
    border-top: .5em solid black;
    /* Typography */
    font-size: .75em;
	text-align:justify;
}

.nutrients-header {
    /* Graphics */
    border-bottom: .125em solid black;
}

.main-heading {
    /* Layout */
    margin: 0;
    /* Typography */
    font-size: 2.5em;
	color: #000;
	font-weight: 700;
}

.nutrients {
    
    .heading {
        /* Typography */
        font-weight: bold;
    }
    
    .percent-daily-value {
    
        .value {
            /* Typography */
            font-weight: bold;
        }
    }
    
    li {
        /* Layout */
        padding-top: .25rem;
        padding-bottom: .25rem;
        /* Graphics */
        border-top: .1em solid black;
    }
    
    > li {

        &:first-of-type {
            /* Graphics */
            border-top: 0;
        }
    }
    
    .trans-fat {
        /* Layout */
        padding-bottom: 0;
    }
}

.total-fat {

    ul {

        .heading {
            font-weight: normal;
        }
    }
    
    .trans-text {
        /* Layout */
        margin-right: .25em;
        /* Typography */
        font-style: italic;
    }
}

.total-carbohydrate {
    
    ul {
        
        .heading {
            /* Typography */
            font-weight: normal;
        }
    }
}

.total-carbohydrate---cr {
    /* Layout */
    padding-bottom: .25rem;
}

.total-sugars---cr {
    /* Layout */
    padding-bottom: .25rem;
}