﻿
.body-container {
    margin: 0 auto;
    width: 1050px;
    padding-top: 15px;
    position: relative;
}

.review-stars:before {
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-repeat: repeat-x;
    background-size: contain;
    font-size: 0;
    background-image: url(/media/icons/emptystar.svg);
}

.review-stars .review-stars-percentage {
    background-image: url(/media/icons/fullstar.svg);
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-repeat: repeat-x;
    background-size: contain;
}

.review-stars {
    width: 80px;
    height: 12px;
    font-size: 0;
    position: relative;
}

[type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea {
    border-color: var(--color-gray-400);
    appearance: none;
    border-width: 1px;
    border-radius: 4px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
}

select {
    border-color: var(--color-gray-400);
    border-width: 1px;
    border-radius: 4px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
}