@charset "utf-8";


:root {
    --shape-corner-full-default-size: 40px;
    /* Extra large top rounding */
    --shape-corner-extra-large-top-family: 1px;
    --shape-corner-extra-large-top-default-size: 0px;
    --shape-corner-extra-large-top-top-left: 28px;
    --shape-corner-extra-large-top-top-right-unit: 1px;
    --shape-corner-extra-large-top-top-right: 28px;
    /* Extra large rounding */
    --shape-corner-extra-large-default-size: 28px;
    /* Large top rounding */
    --shape-corner-large-top-family: 1px;
    --shape-corner-large-top-default-size-unit: 1px;
    --shape-corner-large-top-default-size: 0px;
    --shape-corner-large-top-top-left-unit: 1px;
    --shape-corner-large-top-top-left: 16px;
    --shape-corner-large-top-top-right-unit: 1px;
    --shape-corner-large-top-top-right: 16px;
    /* Large end rounding */
    --shape-corner-large-end-family: 1px;
    --shape-corner-large-end-default-size-unit: 1px;
    --shape-corner-large-end-default-size: 0px;
    --shape-corner-large-end-top-right-unit: 1px;
    --shape-corner-large-end-top-right: 16px;
    --shape-corner-large-end-bottom-right-unit: 1px;
    --shape-corner-large-end-bottom-right: 16px;
    /* Large rounding */
    --shape-corner-large-default-size: 16px;
    /* Medium rounding */
    --shape-corner-medium-default-size: 12px;
    /* Small rounding */
    --shape-corner-small-default-size: 8px;
    /* Extra small rounding */
    --shape-corner-medium-small-default-size: 6px;
    /* Extra small top rounding */
    --shape-corner-extra-small-top-family: 1px;
    --shape-corner-extra-small-top-default-size-unit: 1px;
    --shape-corner-extra-small-top-default-size: 0px;
    --shape-corner-extra-small-top-top-left-unit: 1px;
    --shape-corner-extra-small-top-top-left: 4px;
    --shape-corner-extra-small-top-top-right-unit: 1px;
    --shape-corner-extra-small-top-top-right: 4px;
    /* Extra small rounding */
    --shape-corner-extra-small-default-size: 4px;
    /* No rounding */
    --shape-corner-none-default-size: 0px;

    --shape-small: var(--shape-corner-small-default-size);
    --shape-medium: var(--shape-corner-medium-default-size);
    --shape-large: var(--shape-corner-large-default-size);
}

.shape-rounded-corners-none {
    border-radius: var(--shape-corner-none-default-size);
}

.shape-rounded-corners-extra-small {
    border-radius: var(--shape-corner-extra-small-default-size);
}

.shape-rounded-corners-medium-small {
    border-radius: var(--shape-corner-medium-small-default-size);
}

.shape-rounded-corners-small {
    border-radius: var(--shape-corner-small-default-size);
}

.shape-rounded-corners-medium {
    border-radius: var(--shape-corner-medium-default-size);
}

.shape-rounded-corners-large {
    border-radius: var(--shape-corner-large-default-size);
}

.shape-rounded-corners-extra-large {
    border-radius: var(--shape-corner-extra-large-default-size);
}

.shape-rounded-corners-full {
    border-radius: var(--shape-corner-full-default-size);
}


.shape-rounded-corners-extra-small-top {
    border-top-left-radius: var(--shape-corner-extra-small-top-top-left);
    border-top-right-radius: var(--shape-corner-extra-small-top-top-right);
}

.shape-rounded-corners-large-end {
    border-top-right-radius: var(--shape-corner-large-end-top-right);
    border-bottom-right-radius: var(--shape-corner-large-end-bottom-right);
}

.shape-rounded-corners-large-top {
    border-top-left-radius: var(--shape-corner-large-top-top-left);
    border-top-right-radius: var(--shape-corner-large-top-top-right);
}

.shape-rounded-corners-extra-large-top {
    border-top-left-radius: var(--shape-corner-extra-large-top-top-left);
    border-top-right-radius: var(--shape-corner-extra-large-top-top-right);
}

.shape-rounded-corners-large-left{
    border-top-left-radius: var(--shape-corner-large-top-top-left);
    border-bottom-left-radius: var(--shape-corner-large-top-top-right);
}
.shape-rounded-corners-medium-left{
    border-top-left-radius: var(--shape-corner-medium-default-size);
    border-bottom-left-radius: var(--shape-corner-medium-default-size);
}
.shape-rounded-corners-small-left{
    border-top-left-radius: var(--shape-corner-small-default-size);
    border-bottom-left-radius: var(--shape-corner-small-default-size);
}