.w-50 {
    width: 50px;
}

.w-100 {
    width: 100px;
    overflow:hidden;
}

.w-110 {
    width: 110px;
    overflow:hidden;
}

.w-120 {
    width: 120px;
    overflow:hidden;
}

.w-130 {
    width: 130px;
}

.w-140 {
    width: 140px;
}

.w-145 {
    width: 145px;
}

.h-100p {
    height: 100%;
}

.h-wrap {
    height: fit-content;
}

.ml-50 {
    margin-left: 50px;
}

.ml-auto {
    margin-left: auto;
}

.pr-auto {
    padding-right: auto;
}

.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 15px; }

.pl-20 { padding-left: 20px !important; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }


.margin-top-10px { margin-top: 10px; }
.margin-top-15px { margin-top: 15px; }
.margin-top-20px { margin-top: 20px; }


.font-medium {
    font-size: var(--font-medium);
}


/* quick flex divs */

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.w-3-7 {
    width: calc(13 / 27 * 100%)
}