/* Flex, Display */
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.flex-shrink-0 { flex-shrink: 0; }

.d-inline-block { display: inline-block; }

.gap-1 { gap: .5rem; }

/* Width */
.w-1 { width: .5rem; }
.w-2 { width: 1rem; }
.w-3 { width: 1.5rem; }
.w-4 { width: 2rem; }
.w-5 { width: 2.5rem; }
.w-6 { width: 3rem; }
.w-7 { width: 3.5rem; }
.w-8 { width: 4rem; }
.w-9 { width: 4.5rem; }
.w-10 { width: 5rem; }
.w-11 { width: 5.5rem; }
.w-12 { width: 6rem; }
.w-13 { width: 6.5rem; }
.w-14 { width: 7rem; }
.w-15 { width: 7.5rem; }
.w-16 { width: 8rem; }
.w-17 { width: 8.5rem; }
.w-18 { width: 9rem; }
.w-19 { width: 9.5rem; }
.w-20 { width: 10rem; }
.w-21 { width: 10.5rem; }
.w-22 { width: 11rem; }
.w-23 { width: 11.5rem; }
.w-24 { width: 12rem; }
.w-25 { width: 12.5rem; }
.w-26 { width: 13rem; }
.w-27 { width: 13.5rem; }
.w-28 { width: 14rem; }
.w-29 { width: 14.5rem; }
.w-30 { width: 15rem; }

/* Padding */
.p-2 { padding: 1rem; }

.pt-1 { padding-top: .5rem; }

.pr-1 { padding-right: .5rem; }

.pb-1 { padding-bottom: .5rem; }
.pb-2 { padding-bottom: 1rem; }

.pl-1 { padding-left: .5rem; }

/* Margin */
.m-0 { margin: 0; }
.important\:m-0 { margin: 0 !important; }

.mt-0 { margin-top: 0; }
.important\:mt-0 { margin-top: 0 !important; }
.mt-4 { margin-top: 2rem; }

.mr-1 { margin-right: .5rem; }

.mb-0 { margin-bottom: 0; }
.important\:mb-0 { margin-bottom: 0 !important; }
.mb-2 { margin-bottom: 1rem; }

/* Text */
.font-bold { font-weight: 700; }

.text-right { text-align: right; }
.important\:text-right { text-align: right !important; }

.text-center { text-align: center; }

.line-height-normal { line-height: 1.5;}

.underline { text-decoration: underline;}

/* Background, Border */
.bg { background: #f4f4f4; }

.border { border: .0625rem solid #ddd; }

/* Other */
.overflow-hidden { overflow: hidden; }

.clear-both { clear: both; }