.react-custom-components-ui-smHeight {
    height: 24px;
}

.react-custom-components-ui-mdHeight {
    height: 32px;
}

.react-custom-components-ui-lgHeight {
    height: 40px;
}

.react-custom-components-ui-xlHeight {
    height: 48px;
}

.react-custom-components-ui-xl2Height {
    height: 56px;
}

.react-custom-components-ui-xxxxxxsWidth {
    width: 64px;
}

.react-custom-components-ui-xxxxxsWidth {
    width: 96px;
}

.react-custom-components-ui-xxxxsWidth {
    width: 128px;
}

.react-custom-components-ui-xxxsWidth {
    width: 160px;
}

.react-custom-components-ui-xxsWidth {
    width: 192px;
}

.react-custom-components-ui-xsWidth {
    width: 224px;
}

.react-custom-components-ui-smWidth {
    width: 256px;
}

.react-custom-components-ui-mdWidth {
    width: 288px;
}

.react-custom-components-ui-lgWidth {
    width: 320px;
}

.react-custom-components-ui-xlWidth {
    width: 352px;
}

.react-custom-components-ui-xl2Width {
    width: 384px;
}

.react-custom-components-ui-fullWidth {
    width: 100%;
}

.react-custom-components-ui-xxsRounded {
    border-radius: 2px;
}

.react-custom-components-ui-xsRounded {
    border-radius: 4px;
}

.react-custom-components-ui-smRounded {
    border-radius: 6px;
}

.react-custom-components-ui-mdRounded {
    border-radius: 8px;
}

.react-custom-components-ui-lgRounded {
    border-radius: 12px;
}

.react-custom-components-ui-xlRounded {
    border-radius: 16px;
}

.react-custom-components-ui-xl2Rounded {
    border-radius: 24px;
}

.react-custom-components-ui-fullRounded {
    border-radius: 9999px;
}

.react-custom-components-ui-smShadow {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.react-custom-components-ui-mdShadow {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.react-custom-components-ui-lgShadow {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.react-custom-components-ui-xlShadow {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.react-custom-components-ui-xl2Shadow {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}