.br-nano {
    border-radius: 2px;
}
.br-micro {
    border-radius: 4px;
}
.br-mini {
    border-radius: 8px;
}
.br-medium {
    border-radius: 16px;
}
.br-big {
    border-radius: 24px;
}
.br-large {
    border-radius: 32px;
}
.br-giant {
    border-radius: 48px;
}
.br-mega {
    border-radius: 64px;
}

.p-nano {
    padding: 2px;
}
.p-micro {
    padding: 4px;
}
.p-mini {
    padding: 8px;
}
.p-medium {
    padding: 16px;
}
.p-big {
    padding: 24px;
}
.p-large {
    padding: 32px;
}
.p-giant {
    padding: 48px;
}
.p-mega {
    padding: 64px;
}

.m-nano {
    margin: 2px;
}
.m-micro {
    margin: 4px;
}
.m-mini {
    margin: 8px;
}
.m-medium {
    margin: 16px;
}
.m-big {
    margin: 24px;
}
.m-large {
    margin: 32px;
}
.m-giant {
    margin: 48px;
}
.m-mega {
    margin: 64px;
}

.pt-nano {
    padding-top: 2px;
}
.pt-micro {
    padding-top: 4px;
}
.pt-mini {
    padding-top: 8px;
}
.pt-medium {
    padding-top: 16px;
}
.pt-big {
    padding-top: 24px;
}
.pt-large {
    padding-top: 32px;
}
.pt-giant {
    padding-top: 48px;
}
.pt-mega {
    padding-top: 64px;
}

.mt-nano {
    margin-top: 2px;
}
.mt-micro {
    margin-top: 4px;
}
.mt-mini {
    margin-top: 8px;
}
.mt-medium {
    margin-top: 16px;
}
.mt-big {
    margin-top: 24px;
}
.mt-large {
    margin-top: 32px;
}
.mt-giant {
    margin-top: 48px;
}
.mt-mega {
    margin-top: 64px;
}

.pb-nano {
    padding-bottom: 2px;
}
.pb-micro {
    padding-bottom: 4px;
}
.pb-mini {
    padding-bottom: 8px;
}
.pb-medium {
    padding-bottom: 16px;
}
.pb-big {
    padding-bottom: 24px;
}
.pb-large {
    padding-bottom: 32px;
}
.pb-giant {
    padding-bottom: 48px;
}
.pb-mega {
    padding-bottom: 64px;
}

.mb-nano {
    margin-bottom: 2px;
}
.mb-micro {
    margin-bottom: 4px;
}
.mb-mini {
    margin-bottom: 8px;
}
.mb-medium {
    margin-bottom: 16px;
}
.mb-big {
    margin-bottom: 24px;
}
.mb-large {
    margin-bottom: 32px;
}
.mb-giant {
    margin-bottom: 48px;
}
.mb-mega {
    margin-bottom: 64px;
}

.pr-nano {
    padding-right: 2px;
}
.pr-micro {
    padding-right: 4px;
}
.pr-mini {
    padding-right: 8px;
}
.pr-medium {
    padding-right: 16px;
}
.pr-big {
    padding-right: 24px;
}
.pr-large {
    padding-right: 32px;
}
.pr-giant {
    padding-right: 48px;
}
.pr-mega {
    padding-right: 64px;
}

.mr-nano {
    margin-right: 2px;
}
.mr-micro {
    margin-right: 4px;
}
.mr-mini {
    margin-right: 8px;
}
.mr-medium {
    margin-right: 16px;
}
.mr-big {
    margin-right: 24px;
}
.mr-large {
    margin-right: 32px;
}
.mr-giant {
    margin-right: 48px;
}
.mr-mega {
    margin-right: 64px;
}

.pl-nano {
    padding-left: 2px;
}
.pl-micro {
    padding-left: 4px;
}
.pl-mini {
    padding-left: 8px;
}
.pl-medium {
    padding-left: 16px;
}
.pl-big {
    padding-left: 24px;
}
.pl-large {
    padding-left: 32px;
}
.pl-giant {
    padding-left: 48px;
}
.pl-mega {
    padding-left: 64px;
}

.ml-nano {
    margin-left: 2px;
}
.ml-micro {
    margin-left: 4px;
}
.ml-mini {
    margin-left: 8px;
}
.ml-medium {
    margin-left: 16px;
}
.ml-big {
    margin-left: 24px;
}
.ml-large {
    margin-left: 32px;
}
.ml-giant {
    margin-left: 48px;
}
.ml-mega {
    margin-left: 64px;
}