:root {
    --rounded-unit: .25rem;
    --rounded-xs:   calc(0.6 * var(--rounded-unit));
    --rounded-sm:   calc(0.8 * var(--rounded-unit));
    --rounded-md:   calc(1 * var(--rounded-unit));
    --rounded-lg:   calc(1.2 * var(--rounded-unit));
    --rounded-xl:   calc(1.6 * var(--rounded-unit));
    --rounded-2xl:  calc(2.4 * var(--rounded-unit));
    --rounded-3xl:  calc(3.2 * var(--rounded-unit));
}

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

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

.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-xl {
    -webkit-border-radius: var(--rounded-xl);
    -moz-border-radius: var(--rounded-xl);
    border-radius: var(--rounded-xl);
}

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

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

.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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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