@layer material-design-system {
    :root {
        --md-sys-shape-corner-value-none                 : 0px;
        --md-sys-shape-corner-value-extra-small          : 4px;
        --md-sys-shape-corner-value-small                : 8px;
        --md-sys-shape-corner-value-medium               : 12px;
        --md-sys-shape-corner-value-large                : 16px;
        --md-sys-shape-corner-value-large-increased      : 20px;
        --md-sys-shape-corner-value-extra-large          : 28px;
        --md-sys-shape-corner-value-extra-large-increased: 32px;
        --md-sys-shape-corner-value-extra-extra-large    : 48px;
        --md-sys-shape-corner-value-full                 : calc(infinity * 1px);
    }
}