.s-w-0  { width: 0; }

.s-w-1  { width: 4px; }
.-s-w-1  { width: -4px; }

.s-w-2  { width: 8px; }
.-s-w-2  { width: -8px; }

.s-w-3  { width: 12px; }
.-s-w-3  { width: -12px; }

.s-w-4  { width: 16px; }
.-s-w-4  { width: -16px; }

.s-w-5  { width: 20px; }
.-s-w-5  { width: -20px; }

.s-w-6  { width: 24px; }
.-s-w-6  { width: -24px; }

.s-w-7  { width: 28px; }
.-s-w-7  { width: -28px; }

.s-w-8  { width: 32px; }
.-s-w-8  { width: -32px; }

.s-w-9  { width: 36px; }
.-s-w-9  { width: -36px; }

.s-w-10  { width: 40px; }
.-s-w-10  { width: -40px; }

.s-w-11  { width: 44px; }
.-s-w-11  { width: -44px; }

.s-w-12  { width: 48px; }
.-s-w-12  { width: -48px; }

.s-w-13  { width: 52px; }
.-s-w-13  { width: -52px; }

.s-w-14  { width: 56px; }
.-s-w-14  { width: -56px; }

.s-w-15  { width: 60px; }
.-s-w-15  { width: -60px; }

.s-w-16  { width: 64px; }
.-s-w-16  { width: -64px; }

.s-w-17  { width: 68px; }
.-s-w-17  { width: -68px; }

.s-w-18  { width: 72px; }
.-s-w-18  { width: -72px; }

.s-w-19  { width: 76px; }
.-s-w-19  { width: -76px; }

.s-w-20  { width: 80px; }
.-s-w-20  { width: -80px; }

.s-w-21  { width: 84px; }
.-s-w-21  { width: -84px; }

.s-w-22  { width: 88px; }
.-s-w-22  { width: -88px; }

.s-w-23  { width: 92px; }
.-s-w-23  { width: -92px; }

.s-w-24  { width: 96px; }
.-s-w-24  { width: -96px; }

.s-w-25  { width: 100px; }
.-s-w-25  { width: -100px; }

.s-w-26  { width: 104px; }
.-s-w-26  { width: -104px; }

.s-w-27  { width: 108px; }
.-s-w-27  { width: -108px; }

.s-w-28  { width: 112px; }
.-s-w-28  { width: -112px; }

.s-w-29  { width: 116px; }
.-s-w-29  { width: -116px; }

.s-w-30  { width: 120px; }
.-s-w-30  { width: -120px; }

.s-w-31  { width: 124px; }
.-s-w-31  { width: -124px; }

.s-w-32  { width: 128px; }
.-s-w-32  { width: -128px; }

.s-w-33  { width: 132px; }
.-s-w-33  { width: -132px; }

.s-w-34  { width: 136px; }
.-s-w-34  { width: -136px; }

.s-w-35  { width: 140px; }
.-s-w-35  { width: -140px; }

.s-w-36  { width: 144px; }
.-s-w-36  { width: -144px; }

.s-w-37  { width: 148px; }
.-s-w-37  { width: -148px; }

.s-w-38  { width: 152px; }
.-s-w-38  { width: -152px; }

.s-w-39  { width: 156px; }
.-s-w-39  { width: -156px; }

.s-w-40  { width: 160px; }
.-s-w-40  { width: -160px; }


.w-25 { width: 25% !important; }
.-w-25 { width: -25% !important; }

.w-50 { width: 50% !important; }
.-w-50 { width: -50% !important; }

.w-75 { width: 75% !important; }
.-w-75 { width: -75% !important; }

.w-100 { width: 100% !important; }
.-w-100 { width: -100% !important; }

/* ====================== */
/* sm: ≥ 640px         */
/* ====================== */
@media (min-width: 640px) {
    .sm\:s-w-0  { width: 0 !important; }

    .sm\:s-w-1  { width: 4px !important; }
    .sm\:-s-w-1{ width: calc(100% - 4px) !important; }

    .sm\:s-w-2  { width: 8px !important; }
    .sm\:-s-w-2{ width: calc(100% - 8px) !important; }

    .sm\:s-w-3  { width: 12px !important; }
    .sm\:-s-w-3{ width: calc(100% - 12px) !important; }

    .sm\:s-w-4  { width: 16px !important; }
    .sm\:-s-w-4{ width: calc(100% - 16px) !important; }

    .sm\:s-w-5  { width: 20px !important; }
    .sm\:-s-w-5{ width: calc(100% - 20px) !important; }

    .sm\:s-w-6  { width: 24px !important; }
    .sm\:-s-w-6{ width: calc(100% - 24px) !important; }

    .sm\:s-w-7  { width: 28px !important; }
    .sm\:-s-w-7{ width: calc(100% - 28px) !important; }

    .sm\:s-w-8  { width: 32px !important; }
    .sm\:-s-w-8{ width: calc(100% - 32px) !important; }

    .sm\:s-w-9  { width: 36px !important; }
    .sm\:-s-w-9{ width: calc(100% - 36px) !important; }

    .sm\:s-w-10  { width: 40px !important; }
    .sm\:-s-w-10{ width: calc(100% - 40px) !important; }

    .sm\:s-w-11  { width: 44px !important; }
    .sm\:-s-w-11{ width: calc(100% - 44px) !important; }

    .sm\:s-w-12  { width: 48px !important; }
    .sm\:-s-w-12{ width: calc(100% - 48px) !important; }

    .sm\:s-w-13  { width: 52px !important; }
    .sm\:-s-w-13{ width: calc(100% - 52px) !important; }

    .sm\:s-w-14  { width: 56px !important; }
    .sm\:-s-w-14{ width: calc(100% - 56px) !important; }

    .sm\:s-w-15  { width: 60px !important; }
    .sm\:-s-w-15{ width: calc(100% - 60px) !important; }

    .sm\:s-w-16  { width: 64px !important; }
    .sm\:-s-w-16{ width: calc(100% - 64px) !important; }

    .sm\:s-w-17  { width: 68px !important; }
    .sm\:-s-w-17{ width: calc(100% - 68px) !important; }

    .sm\:s-w-18  { width: 72px !important; }
    .sm\:-s-w-18{ width: calc(100% - 72px) !important; }

    .sm\:s-w-19  { width: 76px !important; }
    .sm\:-s-w-19{ width: calc(100% - 76px) !important; }

    .sm\:s-w-20  { width: 80px !important; }
    .sm\:-s-w-20{ width: calc(100% - 80px) !important; }

    .sm\:s-w-21  { width: 84px !important; }
    .sm\:-s-w-21{ width: calc(100% - 84px) !important; }

    .sm\:s-w-22  { width: 88px !important; }
    .sm\:-s-w-22{ width: calc(100% - 88px) !important; }

    .sm\:s-w-23  { width: 92px !important; }
    .sm\:-s-w-23{ width: calc(100% - 92px) !important; }

    .sm\:s-w-24  { width: 96px !important; }
    .sm\:-s-w-24{ width: calc(100% - 96px) !important; }

    .sm\:s-w-25  { width: 100px !important; }
    .sm\:-s-w-25{ width: calc(100% - 100px) !important; }

    .sm\:s-w-26  { width: 104px !important; }
    .sm\:-s-w-26{ width: calc(100% - 104px) !important; }

    .sm\:s-w-27  { width: 108px !important; }
    .sm\:-s-w-27{ width: calc(100% - 108px) !important; }

    .sm\:s-w-28  { width: 112px !important; }
    .sm\:-s-w-28{ width: calc(100% - 112px) !important; }

    .sm\:s-w-29  { width: 116px !important; }
    .sm\:-s-w-29{ width: calc(100% - 116px) !important; }

    .sm\:s-w-30  { width: 120px !important; }
    .sm\:-s-w-30{ width: calc(100% - 120px) !important; }

    .sm\:s-w-31  { width: 124px !important; }
    .sm\:-s-w-31{ width: calc(100% - 124px) !important; }

    .sm\:s-w-32  { width: 128px !important; }
    .sm\:-s-w-32{ width: calc(100% - 128px) !important; }

    .sm\:s-w-33  { width: 132px !important; }
    .sm\:-s-w-33{ width: calc(100% - 132px) !important; }

    .sm\:s-w-34  { width: 136px !important; }
    .sm\:-s-w-34{ width: calc(100% - 136px) !important; }

    .sm\:s-w-35  { width: 140px !important; }
    .sm\:-s-w-35{ width: calc(100% - 140px) !important; }

    .sm\:s-w-36  { width: 144px !important; }
    .sm\:-s-w-36{ width: calc(100% - 144px) !important; }

    .sm\:s-w-37  { width: 148px !important; }
    .sm\:-s-w-37{ width: calc(100% - 148px) !important; }

    .sm\:s-w-38  { width: 152px !important; }
    .sm\:-s-w-38{ width: calc(100% - 152px) !important; }

    .sm\:s-w-39  { width: 156px !important; }
    .sm\:-s-w-39{ width: calc(100% - 156px) !important; }

    .sm\:s-w-40  { width: 160px !important; }
    .sm\:-s-w-40{ width: calc(100% - 160px) !important; }


    .sm\:w-25 { width: 25% !important; }
    .sm\:-w-25{ width: calc(100% - 25%) !important; }

    .sm\:w-50 { width: 50% !important; }
    .sm\:-w-50{ width: calc(100% - 50%) !important; }

    .sm\:w-75 { width: 75% !important; }
    .sm\:-w-75{ width: calc(100% - 75%) !important; }

    .sm\:w-100 { width: 100% !important; }
}

/* ====================== */
/* md: ≥ 768px         */
/* ====================== */
@media (min-width: 768px) {
    .md\:s-w-0  { width: 0 !important; }

    .md\:s-w-1  { width: 4px !important; }
    .md\:-s-w-1{ width: calc(100% - 4px) !important; }

    .md\:s-w-2  { width: 8px !important; }
    .md\:-s-w-2{ width: calc(100% - 8px) !important; }

    .md\:s-w-3  { width: 12px !important; }
    .md\:-s-w-3{ width: calc(100% - 12px) !important; }

    .md\:s-w-4  { width: 16px !important; }
    .md\:-s-w-4{ width: calc(100% - 16px) !important; }

    .md\:s-w-5  { width: 20px !important; }
    .md\:-s-w-5{ width: calc(100% - 20px) !important; }

    .md\:s-w-6  { width: 24px !important; }
    .md\:-s-w-6{ width: calc(100% - 24px) !important; }

    .md\:s-w-7  { width: 28px !important; }
    .md\:-s-w-7{ width: calc(100% - 28px) !important; }

    .md\:s-w-8  { width: 32px !important; }
    .md\:-s-w-8{ width: calc(100% - 32px) !important; }

    .md\:s-w-9  { width: 36px !important; }
    .md\:-s-w-9{ width: calc(100% - 36px) !important; }

    .md\:s-w-10  { width: 40px !important; }
    .md\:-s-w-10{ width: calc(100% - 40px) !important; }

    .md\:s-w-11  { width: 44px !important; }
    .md\:-s-w-11{ width: calc(100% - 44px) !important; }

    .md\:s-w-12  { width: 48px !important; }
    .md\:-s-w-12{ width: calc(100% - 48px) !important; }

    .md\:s-w-13  { width: 52px !important; }
    .md\:-s-w-13{ width: calc(100% - 52px) !important; }

    .md\:s-w-14  { width: 56px !important; }
    .md\:-s-w-14{ width: calc(100% - 56px) !important; }

    .md\:s-w-15  { width: 60px !important; }
    .md\:-s-w-15{ width: calc(100% - 60px) !important; }

    .md\:s-w-16  { width: 64px !important; }
    .md\:-s-w-16{ width: calc(100% - 64px) !important; }

    .md\:s-w-17  { width: 68px !important; }
    .md\:-s-w-17{ width: calc(100% - 68px) !important; }

    .md\:s-w-18  { width: 72px !important; }
    .md\:-s-w-18{ width: calc(100% - 72px) !important; }

    .md\:s-w-19  { width: 76px !important; }
    .md\:-s-w-19{ width: calc(100% - 76px) !important; }

    .md\:s-w-20  { width: 80px !important; }
    .md\:-s-w-20{ width: calc(100% - 80px) !important; }

    .md\:s-w-21  { width: 84px !important; }
    .md\:-s-w-21{ width: calc(100% - 84px) !important; }

    .md\:s-w-22  { width: 88px !important; }
    .md\:-s-w-22{ width: calc(100% - 88px) !important; }

    .md\:s-w-23  { width: 92px !important; }
    .md\:-s-w-23{ width: calc(100% - 92px) !important; }

    .md\:s-w-24  { width: 96px !important; }
    .md\:-s-w-24{ width: calc(100% - 96px) !important; }

    .md\:s-w-25  { width: 100px !important; }
    .md\:-s-w-25{ width: calc(100% - 100px) !important; }

    .md\:s-w-26  { width: 104px !important; }
    .md\:-s-w-26{ width: calc(100% - 104px) !important; }

    .md\:s-w-27  { width: 108px !important; }
    .md\:-s-w-27{ width: calc(100% - 108px) !important; }

    .md\:s-w-28  { width: 112px !important; }
    .md\:-s-w-28{ width: calc(100% - 112px) !important; }

    .md\:s-w-29  { width: 116px !important; }
    .md\:-s-w-29{ width: calc(100% - 116px) !important; }

    .md\:s-w-30  { width: 120px !important; }
    .md\:-s-w-30{ width: calc(100% - 120px) !important; }

    .md\:s-w-31  { width: 124px !important; }
    .md\:-s-w-31{ width: calc(100% - 124px) !important; }

    .md\:s-w-32  { width: 128px !important; }
    .md\:-s-w-32{ width: calc(100% - 128px) !important; }

    .md\:s-w-33  { width: 132px !important; }
    .md\:-s-w-33{ width: calc(100% - 132px) !important; }

    .md\:s-w-34  { width: 136px !important; }
    .md\:-s-w-34{ width: calc(100% - 136px) !important; }

    .md\:s-w-35  { width: 140px !important; }
    .md\:-s-w-35{ width: calc(100% - 140px) !important; }

    .md\:s-w-36  { width: 144px !important; }
    .md\:-s-w-36{ width: calc(100% - 144px) !important; }

    .md\:s-w-37  { width: 148px !important; }
    .md\:-s-w-37{ width: calc(100% - 148px) !important; }

    .md\:s-w-38  { width: 152px !important; }
    .md\:-s-w-38{ width: calc(100% - 152px) !important; }

    .md\:s-w-39  { width: 156px !important; }
    .md\:-s-w-39{ width: calc(100% - 156px) !important; }

    .md\:s-w-40  { width: 160px !important; }
    .md\:-s-w-40{ width: calc(100% - 160px) !important; }


    .md\:w-25 { width: 25% !important; }
    .md\:-w-25{ width: calc(100% - 25%) !important; }

    .md\:w-50 { width: 50% !important; }
    .md\:-w-50{ width: calc(100% - 50%) !important; }

    .md\:w-75 { width: 75% !important; }
    .md\:-w-75{ width: calc(100% - 75%) !important; }

    .md\:w-100 { width: 100% !important; }
}

/* ====================== */
/* lg: ≥ 1024px        */
/* ====================== */
@media (min-width: 1024px) {
    .lg\:s-w-0  { width: 0 !important; }

    .lg\:s-w-1  { width: 4px !important; }
    .lg\:-s-w-1{ width: calc(100% - 4px) !important; }

    .lg\:s-w-2  { width: 8px !important; }
    .lg\:-s-w-2{ width: calc(100% - 8px) !important; }

    .lg\:s-w-3  { width: 12px !important; }
    .lg\:-s-w-3{ width: calc(100% - 12px) !important; }

    .lg\:s-w-4  { width: 16px !important; }
    .lg\:-s-w-4{ width: calc(100% - 16px) !important; }

    .lg\:s-w-5  { width: 20px !important; }
    .lg\:-s-w-5{ width: calc(100% - 20px) !important; }

    .lg\:s-w-6  { width: 24px !important; }
    .lg\:-s-w-6{ width: calc(100% - 24px) !important; }

    .lg\:s-w-7  { width: 28px !important; }
    .lg\:-s-w-7{ width: calc(100% - 28px) !important; }

    .lg\:s-w-8  { width: 32px !important; }
    .lg\:-s-w-8{ width: calc(100% - 32px) !important; }

    .lg\:s-w-9  { width: 36px !important; }
    .lg\:-s-w-9{ width: calc(100% - 36px) !important; }

    .lg\:s-w-10  { width: 40px !important; }
    .lg\:-s-w-10{ width: calc(100% - 40px) !important; }

    .lg\:s-w-11  { width: 44px !important; }
    .lg\:-s-w-11{ width: calc(100% - 44px) !important; }

    .lg\:s-w-12  { width: 48px !important; }
    .lg\:-s-w-12{ width: calc(100% - 48px) !important; }

    .lg\:s-w-13  { width: 52px !important; }
    .lg\:-s-w-13{ width: calc(100% - 52px) !important; }

    .lg\:s-w-14  { width: 56px !important; }
    .lg\:-s-w-14{ width: calc(100% - 56px) !important; }

    .lg\:s-w-15  { width: 60px !important; }
    .lg\:-s-w-15{ width: calc(100% - 60px) !important; }

    .lg\:s-w-16  { width: 64px !important; }
    .lg\:-s-w-16{ width: calc(100% - 64px) !important; }

    .lg\:s-w-17  { width: 68px !important; }
    .lg\:-s-w-17{ width: calc(100% - 68px) !important; }

    .lg\:s-w-18  { width: 72px !important; }
    .lg\:-s-w-18{ width: calc(100% - 72px) !important; }

    .lg\:s-w-19  { width: 76px !important; }
    .lg\:-s-w-19{ width: calc(100% - 76px) !important; }

    .lg\:s-w-20  { width: 80px !important; }
    .lg\:-s-w-20{ width: calc(100% - 80px) !important; }

    .lg\:s-w-21  { width: 84px !important; }
    .lg\:-s-w-21{ width: calc(100% - 84px) !important; }

    .lg\:s-w-22  { width: 88px !important; }
    .lg\:-s-w-22{ width: calc(100% - 88px) !important; }

    .lg\:s-w-23  { width: 92px !important; }
    .lg\:-s-w-23{ width: calc(100% - 92px) !important; }

    .lg\:s-w-24  { width: 96px !important; }
    .lg\:-s-w-24{ width: calc(100% - 96px) !important; }

    .lg\:s-w-25  { width: 100px !important; }
    .lg\:-s-w-25{ width: calc(100% - 100px) !important; }

    .lg\:s-w-26  { width: 104px !important; }
    .lg\:-s-w-26{ width: calc(100% - 104px) !important; }

    .lg\:s-w-27  { width: 108px !important; }
    .lg\:-s-w-27{ width: calc(100% - 108px) !important; }

    .lg\:s-w-28  { width: 112px !important; }
    .lg\:-s-w-28{ width: calc(100% - 112px) !important; }

    .lg\:s-w-29  { width: 116px !important; }
    .lg\:-s-w-29{ width: calc(100% - 116px) !important; }

    .lg\:s-w-30  { width: 120px !important; }
    .lg\:-s-w-30{ width: calc(100% - 120px) !important; }

    .lg\:s-w-31  { width: 124px !important; }
    .lg\:-s-w-31{ width: calc(100% - 124px) !important; }

    .lg\:s-w-32  { width: 128px !important; }
    .lg\:-s-w-32{ width: calc(100% - 128px) !important; }

    .lg\:s-w-33  { width: 132px !important; }
    .lg\:-s-w-33{ width: calc(100% - 132px) !important; }

    .lg\:s-w-34  { width: 136px !important; }
    .lg\:-s-w-34{ width: calc(100% - 136px) !important; }

    .lg\:s-w-35  { width: 140px !important; }
    .lg\:-s-w-35{ width: calc(100% - 140px) !important; }

    .lg\:s-w-36  { width: 144px !important; }
    .lg\:-s-w-36{ width: calc(100% - 144px) !important; }

    .lg\:s-w-37  { width: 148px !important; }
    .lg\:-s-w-37{ width: calc(100% - 148px) !important; }

    .lg\:s-w-38  { width: 152px !important; }
    .lg\:-s-w-38{ width: calc(100% - 152px) !important; }

    .lg\:s-w-39  { width: 156px !important; }
    .lg\:-s-w-39{ width: calc(100% - 156px) !important; }

    .lg\:s-w-40  { width: 160px !important; }
    .lg\:-s-w-40{ width: calc(100% - 160px) !important; }


    .lg\:w-25 { width: 25% !important; }
    .lg\:-w-25{ width: calc(100% - 25%) !important; }

    .lg\:w-50 { width: 50% !important; }
    .lg\:-w-50{ width: calc(100% - 50%) !important; }

    .lg\:w-75 { width: 75% !important; }
    .lg\:-w-75{ width: calc(100% - 75%) !important; }

    .lg\:w-100 { width: 100% !important; }
}

/* ====================== */
/* xl: ≥ 1280px        */
/* ====================== */
@media (min-width: 1280px) {
    .xl\:s-w-0  { width: 0 !important; }

    .xl\:s-w-1  { width: 4px !important; }
    .xl\:-s-w-1{ width: calc(100% - 4px) !important; }

    .xl\:s-w-2  { width: 8px !important; }
    .xl\:-s-w-2{ width: calc(100% - 8px) !important; }

    .xl\:s-w-3  { width: 12px !important; }
    .xl\:-s-w-3{ width: calc(100% - 12px) !important; }

    .xl\:s-w-4  { width: 16px !important; }
    .xl\:-s-w-4{ width: calc(100% - 16px) !important; }

    .xl\:s-w-5  { width: 20px !important; }
    .xl\:-s-w-5{ width: calc(100% - 20px) !important; }

    .xl\:s-w-6  { width: 24px !important; }
    .xl\:-s-w-6{ width: calc(100% - 24px) !important; }

    .xl\:s-w-7  { width: 28px !important; }
    .xl\:-s-w-7{ width: calc(100% - 28px) !important; }

    .xl\:s-w-8  { width: 32px !important; }
    .xl\:-s-w-8{ width: calc(100% - 32px) !important; }

    .xl\:s-w-9  { width: 36px !important; }
    .xl\:-s-w-9{ width: calc(100% - 36px) !important; }

    .xl\:s-w-10  { width: 40px !important; }
    .xl\:-s-w-10{ width: calc(100% - 40px) !important; }

    .xl\:s-w-11  { width: 44px !important; }
    .xl\:-s-w-11{ width: calc(100% - 44px) !important; }

    .xl\:s-w-12  { width: 48px !important; }
    .xl\:-s-w-12{ width: calc(100% - 48px) !important; }

    .xl\:s-w-13  { width: 52px !important; }
    .xl\:-s-w-13{ width: calc(100% - 52px) !important; }

    .xl\:s-w-14  { width: 56px !important; }
    .xl\:-s-w-14{ width: calc(100% - 56px) !important; }

    .xl\:s-w-15  { width: 60px !important; }
    .xl\:-s-w-15{ width: calc(100% - 60px) !important; }

    .xl\:s-w-16  { width: 64px !important; }
    .xl\:-s-w-16{ width: calc(100% - 64px) !important; }

    .xl\:s-w-17  { width: 68px !important; }
    .xl\:-s-w-17{ width: calc(100% - 68px) !important; }

    .xl\:s-w-18  { width: 72px !important; }
    .xl\:-s-w-18{ width: calc(100% - 72px) !important; }

    .xl\:s-w-19  { width: 76px !important; }
    .xl\:-s-w-19{ width: calc(100% - 76px) !important; }

    .xl\:s-w-20  { width: 80px !important; }
    .xl\:-s-w-20{ width: calc(100% - 80px) !important; }

    .xl\:s-w-21  { width: 84px !important; }
    .xl\:-s-w-21{ width: calc(100% - 84px) !important; }

    .xl\:s-w-22  { width: 88px !important; }
    .xl\:-s-w-22{ width: calc(100% - 88px) !important; }

    .xl\:s-w-23  { width: 92px !important; }
    .xl\:-s-w-23{ width: calc(100% - 92px) !important; }

    .xl\:s-w-24  { width: 96px !important; }
    .xl\:-s-w-24{ width: calc(100% - 96px) !important; }

    .xl\:s-w-25  { width: 100px !important; }
    .xl\:-s-w-25{ width: calc(100% - 100px) !important; }

    .xl\:s-w-26  { width: 104px !important; }
    .xl\:-s-w-26{ width: calc(100% - 104px) !important; }

    .xl\:s-w-27  { width: 108px !important; }
    .xl\:-s-w-27{ width: calc(100% - 108px) !important; }

    .xl\:s-w-28  { width: 112px !important; }
    .xl\:-s-w-28{ width: calc(100% - 112px) !important; }

    .xl\:s-w-29  { width: 116px !important; }
    .xl\:-s-w-29{ width: calc(100% - 116px) !important; }

    .xl\:s-w-30  { width: 120px !important; }
    .xl\:-s-w-30{ width: calc(100% - 120px) !important; }

    .xl\:s-w-31  { width: 124px !important; }
    .xl\:-s-w-31{ width: calc(100% - 124px) !important; }

    .xl\:s-w-32  { width: 128px !important; }
    .xl\:-s-w-32{ width: calc(100% - 128px) !important; }

    .xl\:s-w-33  { width: 132px !important; }
    .xl\:-s-w-33{ width: calc(100% - 132px) !important; }

    .xl\:s-w-34  { width: 136px !important; }
    .xl\:-s-w-34{ width: calc(100% - 136px) !important; }

    .xl\:s-w-35  { width: 140px !important; }
    .xl\:-s-w-35{ width: calc(100% - 140px) !important; }

    .xl\:s-w-36  { width: 144px !important; }
    .xl\:-s-w-36{ width: calc(100% - 144px) !important; }

    .xl\:s-w-37  { width: 148px !important; }
    .xl\:-s-w-37{ width: calc(100% - 148px) !important; }

    .xl\:s-w-38  { width: 152px !important; }
    .xl\:-s-w-38{ width: calc(100% - 152px) !important; }

    .xl\:s-w-39  { width: 156px !important; }
    .xl\:-s-w-39{ width: calc(100% - 156px) !important; }

    .xl\:s-w-40  { width: 160px !important; }
    .xl\:-s-w-40{ width: calc(100% - 160px) !important; }


    .xl\:w-25 { width: 25% !important; }
    .xl\:-w-25{ width: calc(100% - 25%) !important; }

    .xl\:w-50 { width: 50% !important; }
    .xl\:-w-50{ width: calc(100% - 50%) !important; }

    .xl\:w-75 { width: 75% !important; }
    .xl\:-w-75{ width: calc(100% - 75%) !important; }

    .xl\:w-100 { width: 100% !important; }
}

/* ====================== */
/* xxl: ≥ 1536px       */
/* ====================== */
@media (min-width: 1536px) {
    .xxl\:s-w-0  { width: 0 !important; }

    .xxl\:s-w-1  { width: 4px !important; }
    .xxl\:-s-w-1{ width: calc(100% - 4px) !important; }

    .xxl\:s-w-2  { width: 8px !important; }
    .xxl\:-s-w-2{ width: calc(100% - 8px) !important; }

    .xxl\:s-w-3  { width: 12px !important; }
    .xxl\:-s-w-3{ width: calc(100% - 12px) !important; }

    .xxl\:s-w-4  { width: 16px !important; }
    .xxl\:-s-w-4{ width: calc(100% - 16px) !important; }

    .xxl\:s-w-5  { width: 20px !important; }
    .xxl\:-s-w-5{ width: calc(100% - 20px) !important; }

    .xxl\:s-w-6  { width: 24px !important; }
    .xxl\:-s-w-6{ width: calc(100% - 24px) !important; }

    .xxl\:s-w-7  { width: 28px !important; }
    .xxl\:-s-w-7{ width: calc(100% - 28px) !important; }

    .xxl\:s-w-8  { width: 32px !important; }
    .xxl\:-s-w-8{ width: calc(100% - 32px) !important; }

    .xxl\:s-w-9  { width: 36px !important; }
    .xxl\:-s-w-9{ width: calc(100% - 36px) !important; }

    .xxl\:s-w-10  { width: 40px !important; }
    .xxl\:-s-w-10{ width: calc(100% - 40px) !important; }

    .xxl\:s-w-11  { width: 44px !important; }
    .xxl\:-s-w-11{ width: calc(100% - 44px) !important; }

    .xxl\:s-w-12  { width: 48px !important; }
    .xxl\:-s-w-12{ width: calc(100% - 48px) !important; }

    .xxl\:s-w-13  { width: 52px !important; }
    .xxl\:-s-w-13{ width: calc(100% - 52px) !important; }

    .xxl\:s-w-14  { width: 56px !important; }
    .xxl\:-s-w-14{ width: calc(100% - 56px) !important; }

    .xxl\:s-w-15  { width: 60px !important; }
    .xxl\:-s-w-15{ width: calc(100% - 60px) !important; }

    .xxl\:s-w-16  { width: 64px !important; }
    .xxl\:-s-w-16{ width: calc(100% - 64px) !important; }

    .xxl\:s-w-17  { width: 68px !important; }
    .xxl\:-s-w-17{ width: calc(100% - 68px) !important; }

    .xxl\:s-w-18  { width: 72px !important; }
    .xxl\:-s-w-18{ width: calc(100% - 72px) !important; }

    .xxl\:s-w-19  { width: 76px !important; }
    .xxl\:-s-w-19{ width: calc(100% - 76px) !important; }

    .xxl\:s-w-20  { width: 80px !important; }
    .xxl\:-s-w-20{ width: calc(100% - 80px) !important; }

    .xxl\:s-w-21  { width: 84px !important; }
    .xxl\:-s-w-21{ width: calc(100% - 84px) !important; }

    .xxl\:s-w-22  { width: 88px !important; }
    .xxl\:-s-w-22{ width: calc(100% - 88px) !important; }

    .xxl\:s-w-23  { width: 92px !important; }
    .xxl\:-s-w-23{ width: calc(100% - 92px) !important; }

    .xxl\:s-w-24  { width: 96px !important; }
    .xxl\:-s-w-24{ width: calc(100% - 96px) !important; }

    .xxl\:s-w-25  { width: 100px !important; }
    .xxl\:-s-w-25{ width: calc(100% - 100px) !important; }

    .xxl\:s-w-26  { width: 104px !important; }
    .xxl\:-s-w-26{ width: calc(100% - 104px) !important; }

    .xxl\:s-w-27  { width: 108px !important; }
    .xxl\:-s-w-27{ width: calc(100% - 108px) !important; }

    .xxl\:s-w-28  { width: 112px !important; }
    .xxl\:-s-w-28{ width: calc(100% - 112px) !important; }

    .xxl\:s-w-29  { width: 116px !important; }
    .xxl\:-s-w-29{ width: calc(100% - 116px) !important; }

    .xxl\:s-w-30  { width: 120px !important; }
    .xxl\:-s-w-30{ width: calc(100% - 120px) !important; }

    .xxl\:s-w-31  { width: 124px !important; }
    .xxl\:-s-w-31{ width: calc(100% - 124px) !important; }

    .xxl\:s-w-32  { width: 128px !important; }
    .xxl\:-s-w-32{ width: calc(100% - 128px) !important; }

    .xxl\:s-w-33  { width: 132px !important; }
    .xxl\:-s-w-33{ width: calc(100% - 132px) !important; }

    .xxl\:s-w-34  { width: 136px !important; }
    .xxl\:-s-w-34{ width: calc(100% - 136px) !important; }

    .xxl\:s-w-35  { width: 140px !important; }
    .xxl\:-s-w-35{ width: calc(100% - 140px) !important; }

    .xxl\:s-w-36  { width: 144px !important; }
    .xxl\:-s-w-36{ width: calc(100% - 144px) !important; }

    .xxl\:s-w-37  { width: 148px !important; }
    .xxl\:-s-w-37{ width: calc(100% - 148px) !important; }

    .xxl\:s-w-38  { width: 152px !important; }
    .xxl\:-s-w-38{ width: calc(100% - 152px) !important; }

    .xxl\:s-w-39  { width: 156px !important; }
    .xxl\:-s-w-39{ width: calc(100% - 156px) !important; }

    .xxl\:s-w-40  { width: 160px !important; }
    .xxl\:-s-w-40{ width: calc(100% - 160px) !important; }


    .xxl\:w-25 { width: 25% !important; }
    .xxl\:-w-25{ width: calc(100% - 25%) !important; }

    .xxl\:w-50 { width: 50% !important; }
    .xxl\:-w-50{ width: calc(100% - 50%) !important; }

    .xxl\:w-75 { width: 75% !important; }
    .xxl\:-w-75{ width: calc(100% - 75%) !important; }

    .xxl\:w-100 { width: 100% !important; }
}