.eds-u-width-auto {
    width: auto !important;
}

.eds-u-width-100 {
    width: 100% !important;
}

.eds-u-width-66 {
    width: 66% !important;
}

.eds-u-width-50 {
    width: 50% !important;
}

.eds-u-width-33 {
    width: 33.33333% !important;
}

.eds-u-width-0 {
    width: 0% !important;
}

@for $i from 1 through 30 {
    .eds-u-width-#{$i} {
        max-width: calc(#{$i} * #{var(--eds-sp-m)});
        min-width: calc(#{$i} * #{var(--eds-sp-m)});
        width: calc(#{$i} * #{var(--eds-sp-m)}) !important;
    }
}