.wh100 {
    width: 100%;
    height: 100%;
}

.w100 {
    width: 100%;
}

.w90 {
    width: 90%;
    min-width: 90%;
    min-width: 90%;
}

.w80 {
    width: 80%;
    min-width: 80%;
    min-width: 80%;
}

.w70 {
    width: 70%;
    min-width: 70%;
    min-width: 70%;
}

.w60 {
    width: 60%;
    min-width: 60%;
    min-width: 60%;
}

.w50 {
    width: 50%;
    min-width: 50%;
    min-width: 50%;
}

.w40 {
    width: 40%;
    min-width: 40%;
    min-width: 40%;
}

.h100 {
    height: 100%;
}

.margin-lr-auto {
    margin-left: auto;
    margin-right: auto;
}

.lh-em {
    line-height: 1;
}

.grid-gap-5px {
    grid-gap: calc(5px) calc(5px);
}

.grid-gap-20px {
    grid-gap: calc(20px) calc(20px);
}

.grid-gap-20px-0px {
    grid-gap: calc(20px) 0px;
}

.grid-gap-0px-20px {
    grid-gap: 0px calc(20px);
}

.grid-gap-30px {
    grid-gap: calc(30px) calc(30px);
}

.grid-gap-50px-30px {
    grid-gap: calc(50px) calc(30px);
}

.grid-gap-50px {
    grid-gap: calc(50px) calc(50px);
}

.grid-gap-30px-50px {
    grid-gap: calc(30px) calc(50px);
}

.grid-gap-20px-40px {
    grid-gap: calc(20px) calc(40px);
}

.grid-gap-40px-20px {
    grid-gap: calc(40px) calc(20px);
}

.wh-10px {
    width: calc(20px);
    height: calc(20px);
}

.wh-20px {
    width: calc(20px);
    height: calc(20px);
}

.wh-30px {
    width: calc(30px);
    height: calc(30px);
}

.wh-40px {
    width: calc(40px);
    height: calc(40px);
}

.wh-50px {
    width: calc(50px);
    height: calc(50px);
    min-width: calc(50px);
    min-height: calc(50px);
}

.wh-60px {
    width: calc(60px);
    height: calc(60px);
}

.wh-70px {
    width: calc(70px);
    height: calc(70px);
}

.wh-80px {
    width: calc(80px);
    height: calc(80px);
}

.wh-100px {
    width: calc(100px);
    min-width: calc(100px);
    height: calc(100px);
}

.wh-150px {
    width: calc(150px);
    min-width: calc(150px);
    height: calc(150px);
}

.wh-200px {
    width: calc(200px);
    min-width: calc(200px);
    height: calc(200px);
}

/*width*/
.w-2px {
    width: calc(2px);
    min-width: calc(2px);
    max-width: calc(2px);
}

.w-20px {
    width: calc(20px);
    min-width: calc(20px);
    max-width: calc(20px);
}

.w-30px {
    width: calc(30px);
    min-width: calc(30px);
    max-width: calc(30px);
}

.w-40px {
    width: calc(40px);
    min-width: calc(40px);
    max-width: calc(40px);
}

.w-50px {
    width: calc(50px);
    min-width: calc(50px);
    max-width: calc(50px);
}

.w-80px {
    width: calc(80px);
}

.w-100px {
    width: calc(100px);
}

.w-114px {
    width: calc(114px);
}

.w-120px {
    width: 120px;
    min-width: 120px;
}

.w-130px {
    width: calc(130px);
}

.w-140px {
    width: calc(140px);
}

.w-160px {
    width: calc(160px);
}

.w-200px {
    width: calc(200px);
}

.w-240px {
    width: calc(240px);
}

.w-300px {
    width: calc(300px);
}

.w-400px {
    width: calc(400px);
}

/*height*/
.h-2px {
    height: calc(2px);
}

.h-4px {
    height: calc(4px);
}

.h-5px {
    height: calc(5px);
}

.h-8px {
    height: calc(8px);
}

.h-12px {
    height: calc(12px);
}

.h-20px {
    height: calc(40px);
}

.h-30px {
    height: calc(30px);
}

.h-40px {
    height: calc(40px);
}

.h-44px {
    height: calc(44px);
}

.h-50px {
    height: calc(50px);
}

.h-60px {
    height: calc(60px);
}

.h-68px {
    height: calc(68px);
}

.h-72px {
    height: calc(72px);
}

.h-80px {
    height: calc(80px);
}

.h-90px {
    min-height: calc(90px);
    height: calc(90px);
}

.h-100px {
    height: calc(100px);
}

.h-108px {
    height: calc(108px);
}

.h-120px {
    height: calc(120px);
}

.h-136px {
    height: calc(136px);
}

.h-150px {
    min-height: calc(150px);
    height: calc(150px);
}

.h-160px {
    height: calc(160px);
}

.h-180px {
    height: calc(180px);
}

.h-240px {
    height: calc(240px);
}

.h-400px {
    height: calc(400px);
}

.h-750px {
    height: calc(750px);
}

/*line-height*/
.lh-12px {
    line-height: calc(12px);
}

.lh-24px {
    line-height: calc(24px);
}

.lh-30px {
    line-height: calc(30px);
}

.lh-32px {
    line-height: calc(32px);
}

.lh-36px {
    line-height: calc(36px);
}

.lh-40px {
    line-height: calc(40px);
}

.lh-44px {
    line-height: calc(44px);
}

.lh-50px {
    line-height: calc(50px);
}

.lh-60px {
    line-height: calc(60px);
}

.lh-68px {
    line-height: calc(68px);
}

.lh-70px {
    line-height: calc(70px);
}

.lh-80px {
    line-height: calc(80px);
}

/*top*/
.t-0 {
    top: 0;
}

.t-20px {
    top: calc(20px);
}

.t-32px {
    top: calc(32px);
}

.t-44px {
    top: calc(44px);
}

/*left*/
.l-f-10px {
    left: calc(-10px)
}

.l-f-15px {
    left: calc(-15px)
}

.l-20px {
    left: calc(20px);
}

/*right*/
.r-30px {
    right: calc(30px);
}

.r-f-10px {
    right: calc(-10px);
}

.r-f-15px {
    right: calc(-15px);
}

/*bottom*/
.b-45px {
    bottom: calc(45px)
}

.b-120px {
    bottom: calc(120px)
}

.b-150px {
    bottom: calc(150px)
}

.b-f-10px {
    bottom: calc(-10px)
}

/*padding*/
.padding-t-5px {
    padding-top: calc(5px);
}

.padding-b-5px {
    padding-bottom: calc(5px);
}

.padding-tb-5px {
    padding-top: calc(5px);
    padding-bottom: calc(5px);
}

.padding-all-10px {
    padding: calc(10px);
}

.padding-l-10px {
    padding-left: calc(10px);
}

.padding-r-10px {
    padding-right: calc(10px);
}

.padding-lr-10px {
    padding-left: calc(10px);
    padding-right: calc(10px);
}

.padding-t-10px {
    padding-top: calc(10px);
}

.padding-b-10px {
    padding-bottom: calc(10px);
}

.padding-tb-10px {
    padding-top: calc(10px);
    padding-bottom: calc(10px);
}

.padding-all-15px {
    padding: calc(15px);
}

.padding-lr-15px {
    padding-left: calc(15px);
    padding-right: calc(15px);
}

.padding-l-15px {
    padding-left: calc(15px);
}

.padding-r-15px {
    padding-right: calc(15px);
}

.padding-tb-15px {
    padding-top: calc(15px);
    padding-bottom: calc(15px);
}

.padding-t-15px {
    padding-top: calc(15px);
}

.padding-b-15px {
    padding-bottom: calc(15px);
}

.padding-all-20px {
    padding: calc(20px);
}

.padding-l-20px {
    padding-left: calc(20px);
}

.padding-r-20px {
    padding-right: calc(20px);
}

.padding-t-20px {
    padding-top: calc(20px);
}

.padding-b-20px {
    padding-bottom: calc(20px);
}

.padding-lr-20px {
    padding-left: calc(20px);
    padding-right: calc(20px);
}

.padding-tb-20px {
    padding-top: calc(20px);
    padding-bottom: calc(20px);
}

.padding-tb-25px {
    padding-top: calc(25px);
    padding-bottom: calc(25px);
}

.padding-all-30px {
    padding: calc(30px);
}

.padding-lr-30px {
    padding-left: calc(30px);
    padding-right: calc(30px);
}

.padding-r-30px {
    padding-right: calc(30px);
}

.padding-l-30px {
    padding-left: calc(30px);
}

.padding-t-30px {
    padding-top: calc(30px);
}

.padding-b-30px {
    padding-bottom: calc(30px);
}

.padding-tb-30px {
    padding-top: calc(30px);
    padding-bottom: calc(30px);
}

.padding-b-50px {
    padding-bottom: calc(50px);
}

.padding-b-60px {
    padding-bottom: calc(60px);
}

.padding-tb-50px {
    padding-top: calc(50px);
    padding-bottom: calc(50px);
}

/*margin*/
.margin-t-5px {
    margin-top: calc(5px);
}

.margin-b-5px {
    margin-bottom: calc(5px);
}

.margin-l-5px {
    margin-left: calc(5px);
}

.margin-r-5px {
    margin-right: calc(5px);
}

.margin-l-10px {
    margin-left: calc(10px);
}

.margin-t-10px {
    margin-top: calc(10px);
}

.margin-r-10px {
    margin-right: calc(10px);
}

.margin-lr-10px {
    margin-left: calc(10px);
    margin-right: calc(10px);
}

.margin-tb-10px {
    margin-top: calc(10px);
    margin-bottom: calc(10px);
}

.margin-all-10px {
    margin: calc(10px);
}

.margin-t-15px {
    margin-top: calc(15px);
}

.margin-r-15px {
    margin-right: calc(15px);
}

.margin-t-20px {
    margin-top: calc(20px);
}

.margin-b-20px {
    margin-bottom: calc(20px);
}

.margin-l-20px {
    margin-left: calc(20px);
}

.margin-r-20px {
    margin-right: calc(20px);
}

.margin-lr-20px {
    margin-left: calc(20px);
    margin-right: calc(20px);
}

.margin-all-20px {
    margin: calc(20px);
}

.margin-lr-30px {
    margin-left: calc(30px);
    margin-right: calc(30px);
}

.margin-l-30px {
    margin-left: calc(30px);
}

.margin-r-30px {
    margin-right: calc(30px);
}

/*font-size*/
.fs-20px {
    font-size: calc(20px);
}

.fs-22px {
    font-size: calc(22px);
}

.fs-24px {
    font-size: calc(24px);
}

.fs-26px {
    font-size: calc(26px);
}

.fs-28px {
    font-size: calc(28px);
}

.fs-30px {
    font-size: calc(30px);
}

.fs-32px {
    font-size: calc(32px);
}

.fs-34px {
    font-size: calc(34px);
}

.fs-36px {
    font-size: calc(36px);
}

.fs-40px {
    font-size: calc(40px);
}

.fs-48px {
    font-size: calc(48px);
}

.fs-55px {
    font-size: calc(55px);
}

.fs-64px {
    font-size: calc(64px);
}

.fs-70px {
    font-size: calc(70px);
}

.fs-80px {
    font-size: calc(80px);
}

.fs-90px {
    font-size: calc(90px);
}

/*border-radius*/
.br-5px {
    border-radius: calc(5px);
}

.br-12-10px {
    border-radius: calc(10px) calc(10px) 0 0;
}

.br-34-10px {
    border-radius: 0 0 calc(10px) calc(10px);
}

.br-24-10px {
    border-radius: 0 calc(10px) 0 calc(10px);
}

.br-10px {
    border-radius: calc(10px);
}

.br-12px {
    border-radius: calc(12px);
}

.br-12-20px {
    border-radius: calc(20px) calc(20px) 0 0;
}

.br-34--20px {
    border-radius: 0 0 calc(20px) calc(20px);
}

.br-20px {
    border-radius: calc(20px);
}

.br-22px {
    border-radius: calc(22px);
}

.br-30px {
    border-radius: calc(30px);
}

.br-bl-30px {
    border-radius: 0 0 calc(30px) calc(30px);
}

.br-12-30px {
    border-radius: calc(30px) calc(30px) 0 0;
}

.br-40px {
    border-radius: calc(40px);
}

.br-50px {
    border-radius: calc(50px);
}

.br-60px {
    border-radius: calc(60px);
}

.br-64px {
    border-radius: calc(64px);
}

.br-68px {
    border-radius: calc(68px);
}

.br-80px {
    border-radius: calc(80px);
}

/*border*/
.border-0px {
    border-width: 0px;
}

.border-top-1px-ddd {
    border-top: calc(2px) solid #ddd;
}

.border-bottom-1px-ddd {
    border-bottom: calc(2px) solid #ddd;
}

.border-bottom-1px-eee {
    border-bottom: calc(2px) solid #eee;
}

.border-1px-ddd {
    border: calc(2px) solid #ddd;
}

.border-1px {
    border-width: 1px;
    border-style: solid;
}

.border-top-1px {
    border-top-width: 1px;
    border-top-style: solid;
}

.border-bottom-1px {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}