/* fit content */
.w-fc{
    width: fit-content;
}

/* width */
.w-10{
    width:10px
}
.w-15{
    width:15px
}
.w-20{
    width:20px
}
.w-25{
    width:25px
}
.w-30{
    width:30px
}
.w-35{
    width:35px
}
.w-40{
    width:40px
}
.w-45{
    width:45px
}
.w-50{
    width:50px
}
.w-55{
    width:55px
}
.w-60{
    width:60px
}
.w-65{
    width:65px
}
.w-70{
    width:70px
}
.w-75{
    width:75px
}
.w-80{
    width:80px
}
.w-85{
    width:85px
}
.w-90{
    width:90px
}
.w-95{
    width:95px
}
.w-100{
    width:100px
}
.w-100_50{
    width:100px
}
.w-110{
    width:110px
}
.w-120{
    width:120px
}
.w-120_90{
    width:120px
}
.w-130{
    width:130px
}
.w-140{
    width:140px
}
.w-150{
    width:150px
}
.w-160{
    width:160px
}
.w-170{
    width:170px
}
.w-200{
    width:200px;
}
.w-200_120{
    width:200px;
}
.w-200_150{
    width:200px;
}
.w-230{
    width:230px
}
.w-235{
    width:235px
}
.w-250{
    width:250px
}
.w-255{
    width:255px
}
.w-260{
    width:260px
}
.w-265{
    width:265px
}
.w-285{
    width:285px
}
.w-300{
    width:300px
}
.w-300_120{
    width:300px
}
.w-320{
    width:320px
}
.w-320{
    width:320px
}
.w-350{
    width:350px
}
.w-370{
    width:370px
}
.w-400{
    width:400px
}
.w-429{
    width:429px
}
.w-450{
    width:450px
}
.w-500{
    width:500px
}
.w-500_280{
    width:280px
}
.w-500_300{
    width:500px
}
.w-550{
    width:550px
}
.w-600{
    width:600px
}
.w-650{
    width:650px
}
.w-670{
    width:670px
}
.w-700{
    width:700px
}
.w-750{
    width:750px
}
.w-800{
    width:800px
}
.w-850{
    width:850px
}
.w-900{
    width:900px
}
.w-950{
    width:950px
}
.w-1000{
    width:1000px
}
.w-1100{
    width:1100px
}
.w-1200{
    width:1200px
}

/* --- width percentage--- */
.w-80p{
    width: 80%;
}
.w-85p{
    width: 55%;
}
.w-90p{
    width: 90%;
}
.w-95p{
    width: 95%;
}
.w-100p{
    width: 100%;
}



/* --- max widths percentage--- */
.max-w-40p{
    max-width: 40%;
}
.max-w-80p{
    max-width: 80%;
}
.max-w-85p{
    max-width: 85%;
}
.max-w-90p{
    max-width: 90%;
}
.max-w-95p{
    max-width: 95%;
}
.max-w-100p{
    max-width: 100%;
}

/* --- max widths px--- */
.max-w-600px{
    max-width: 600px;
}

/* --- max widths vw--- */
.max-w-95vw{
    max-width: 95vw;
}

@media (max-width:730px){
    .w-100_50{
        width:50px
    }
    .w-120_90{
        width:90px
    }
    .w-200_120{
        width: 120px;
    }
    .w-200_150{
        width: 150px;
    }
    .w-300_120{
        width: 120px;
    }
    .w-500_280{
        width: 280px;
    }
    
}