:root {
    --rounded-unit: .25rem;
    --rounded-sm:   calc(0.8 * var(--rounded-unit));
    --rounded-md:   calc(1 * var(--rounded-unit));
    --rounded-lg:   calc(1.2 * var(--rounded-unit));
}

.rounded {
    -webkit-border-radius: var(--rounded-md);
    -moz-border-radius: var(--rounded-md);
    border-radius: var(--rounded-md);
}

.rounded-sm {
    -webkit-border-radius: var(--rounded-sm);
    -moz-border-radius: var(--rounded-sm);
    border-radius: var(--rounded-sm);
}

.rounded-lg {
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
}

.rounded-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.rounded-pill {
    -webkit-border-radius: 50rem;
    -moz-border-radius: 50rem;
    border-radius: 50rem;
}

.rounded-top {
    -webkit-border-top-right-radius: var(--rounded-md);
    -webkit-border-top-left-radius: var(--rounded-md);
    -moz-border-radius-topright: var(--rounded-md);
    -moz-border-radius-topleft: var(--rounded-md);
    border-top-right-radius: var(--rounded-md);
    border-top-left-radius: var(--rounded-md);
}

.rounded-right {
    -webkit-border-top-right-radius: var(--rounded-md);
    -webkit-border-bottom-right-radius: var(--rounded-md);
    -moz-border-radius-topright: var(--rounded-md);
    -moz-border-radius-bottomright: var(--rounded-md);
    border-top-right-radius: var(--rounded-md);
    border-bottom-right-radius: var(--rounded-md);
}

.rounded-bottom {
    -webkit-border-bottom-right-radius: var(--rounded-md);
    -webkit-border-bottom-left-radius: var(--rounded-md);
    -moz-border-radius-bottomright: var(--rounded-md);
    -moz-border-radius-bottomleft: var(--rounded-md);
    border-bottom-right-radius: var(--rounded-md);
    border-bottom-left-radius: var(--rounded-md);
}

.rounded-left {
    -webkit-border-top-left-radius: var(--rounded-md);
    -webkit-border-bottom-left-radius: var(--rounded-md);
    -moz-border-radius-topleft: var(--rounded-md);
    -moz-border-radius-bottomleft: var(--rounded-md);
    border-top-left-radius: var(--rounded-md);
    border-bottom-left-radius: var(--rounded-md);
}

.rounded-top-sm {
    -webkit-border-top-right-radius: var(--rounded-sm);
    -webkit-border-top-left-radius: var(--rounded-sm);
    -moz-border-radius-topright: var(--rounded-sm);
    -moz-border-radius-topleft: var(--rounded-sm);
    border-top-right-radius: var(--rounded-sm);
    border-top-left-radius: var(--rounded-sm);
}

.rounded-right-sm {
    -webkit-border-top-right-radius: var(--rounded-sm);
    -webkit-border-bottom-right-radius: var(--rounded-sm);
    -moz-border-radius-topright: var(--rounded-sm);
    -moz-border-radius-bottomright: var(--rounded-sm);
    border-top-right-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm);
}

.rounded-bottom-sm {
    -webkit-border-bottom-right-radius: var(--rounded-sm);
    -webkit-border-bottom-left-radius: var(--rounded-sm);
    -moz-border-radius-bottomright: var(--rounded-sm);
    -moz-border-radius-bottomleft: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm);
    border-bottom-left-radius: var(--rounded-sm);
}

.rounded-left-sm {
    -webkit-border-top-left-radius: var(--rounded-sm);
    -webkit-border-bottom-left-radius: var(--rounded-sm);
    -moz-border-radius-topleft: var(--rounded-sm);
    -moz-border-radius-bottomleft: var(--rounded-sm);
    border-top-left-radius: var(--rounded-sm);
    border-bottom-left-radius: var(--rounded-sm);
}

.rounded-top-lg {
    -webkit-border-top-right-radius: var(--rounded-lg);
    -webkit-border-top-left-radius: var(--rounded-lg);
    -moz-border-radius-topright: var(--rounded-lg);
    -moz-border-radius-topleft: var(--rounded-lg);
    border-top-right-radius: var(--rounded-lg);
    border-top-left-radius: var(--rounded-lg);
}

.rounded-right-lg {
    -webkit-border-top-right-radius: var(--rounded-lg);
    -webkit-border-bottom-right-radius: var(--rounded-lg);
    -moz-border-radius-topright: var(--rounded-lg);
    -moz-border-radius-bottomright: var(--rounded-lg);
    border-top-right-radius: var(--rounded-lg);
    border-bottom-right-radius: var(--rounded-lg);
}

.rounded-bottom-lg {
    -webkit-border-bottom-right-radius: var(--rounded-lg);
    -webkit-border-bottom-left-radius: var(--rounded-lg);
    -moz-border-radius-bottomright: var(--rounded-lg);
    -moz-border-radius-bottomleft: var(--rounded-lg);
    border-bottom-right-radius: var(--rounded-lg);
    border-bottom-left-radius: var(--rounded-lg);
}

.rounded-left-lg {
    -webkit-border-top-left-radius: var(--rounded-lg);
    -webkit-border-bottom-left-radius: var(--rounded-lg);
    -moz-border-radius-topleft: var(--rounded-lg);
    -moz-border-radius-bottomleft: var(--rounded-lg);
    border-top-left-radius: var(--rounded-lg);
    border-bottom-left-radius: var(--rounded-lg);
}