@include add-breakpoint-prefixes {
    &overflow-hidden {
        overflow: hidden !important;
    }

    &overflow-auto {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    &overflow-scroll {
        overflow: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }

    &overflow-visible {
        overflow: visible !important;
    }

    &flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    &inline-flex {
        display: inline-flex !important;
    }

    &inline {
        display: inline !important;
    }

    &block {
        display: block !important;
    }

    &inline-block {
        display: inline-block !important;
    }

    &invisible {
        visibility: hidden !important;
    }

    &float-left {
        float: left !important;
    }

    &float-right {
        float: right !important;
    }

    &float-none {
        float: none !important;
    }

    &fit {
        max-width: 100% !important;
    }

    &height-fit {
        max-height: 100%;
    }

    &height-fit-transition {
        transition: max-height 0.5s ease;
    }

    &full-height {
        height: 100% !important;
    }

    &full-width {
        width: 100% !important;
    }

    &width-auto {
        width: auto !important;
    }

    &hide {
        display: none !important;
    }
}
@include add-breakpoint-prefixes {
    &m0 {
        margin: 0 !important;
    }

    &mt0 {
        margin-top: 0 !important;
    }

    &mnt0 {
        margin-top: -0 !important;
    }

    &mr0 {
        margin-right: 0 !important;
    }

    &mnr0 {
        margin-right: -0 !important;
    }

    &mb0 {
        margin-bottom: 0 !important;
    }

    &mnb0 {
        margin-bottom: -0 !important;
    }

    &ml0 {
        margin-left: 0 !important;
    }

    &mnl0 {
        margin-left: -0 !important;
    }

    &mx0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    &my0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    &m1 {
        margin: map-get($spacing, 1) !important;
    }

    &mt1 {
        margin-top: map-get($spacing, 1) !important;
    }

    &mnt1 {
        margin-top: -(map-get($spacing, 1)) !important;
    }

    &mr1 {
        margin-right: map-get($spacing, 1) !important;
    }

    &mnr1 {
        margin-right: -(map-get($spacing, 1)) !important;
    }

    &mb1 {
        margin-bottom: map-get($spacing, 1) !important;
    }

    &mnb1 {
        margin-bottom: -(map-get($spacing, 1)) !important;
    }

    &ml1 {
        margin-left: map-get($spacing, 1) !important;
    }

    &mnl1 {
        margin-left: -(map-get($spacing, 1)) !important;
    }

    &mx1 {
        margin-left: map-get($spacing, 1) !important;
        margin-right: map-get($spacing, 1) !important;
    }

    &mnx1 {
        margin-left: -(map-get($spacing, 1)) !important;
        margin-right: -(map-get($spacing, 1)) !important;
    }

    &my1 {
        margin-top: map-get($spacing, 1) !important;
        margin-bottom: map-get($spacing, 1) !important;
    }

    &m2 {
        margin: map-get($spacing, 2) !important;
    }

    &mt2 {
        margin-top: map-get($spacing, 2) !important;
    }

    &mnt2 {
        margin-top: -(map-get($spacing, 2)) !important;
    }

    &mr2 {
        margin-right: map-get($spacing, 2) !important;
    }

    &mnr2 {
        margin-right: -(map-get($spacing, 2)) !important;
    }

    &mb2 {
        margin-bottom: map-get($spacing, 2) !important;
    }

    &mnb2 {
        margin-bottom: -(map-get($spacing, 2)) !important;
    }

    &ml2 {
        margin-left: map-get($spacing, 2) !important;
    }

    &mnl2 {
        margin-left: -(map-get($spacing, 2)) !important;
    }

    &mx2 {
        margin-left: map-get($spacing, 2) !important;
        margin-right: map-get($spacing, 2) !important;
    }

    &mnx2 {
        margin-left: -(map-get($spacing, 2)) !important;
        margin-right: -(map-get($spacing, 2)) !important;
    }

    &my2 {
        margin-top: map-get($spacing, 2) !important;
        margin-bottom: map-get($spacing, 2) !important;
    }

    &m3 {
        margin: map-get($spacing, 3) !important;
    }

    &mt3 {
        margin-top: map-get($spacing, 3) !important;
    }

    &mnt3 {
        margin-top: -(map-get($spacing, 3)) !important;
    }

    &mr3 {
        margin-right: map-get($spacing, 3) !important;
    }

    &mnr3 {
        margin-right: -(map-get($spacing, 3)) !important;
    }

    &mb3 {
        margin-bottom: map-get($spacing, 3) !important;
    }

    &mnb3 {
        margin-bottom: -(map-get($spacing, 3)) !important;
    }

    &ml3 {
        margin-left: map-get($spacing, 3) !important;
    }

    &mnl3 {
        margin-left: -(map-get($spacing, 3)) !important;
    }

    &mx3 {
        margin-left: map-get($spacing, 3) !important;
        margin-right: map-get($spacing, 3) !important;
    }

    &mnx3 {
        margin-left: -(map-get($spacing, 3)) !important;
        margin-right: -(map-get($spacing, 3)) !important;
    }

    &my3 {
        margin-top: map-get($spacing, 3) !important;
        margin-bottom: map-get($spacing, 3) !important;
    }

    &m4 {
        margin: map-get($spacing, 4) !important;
    }

    &mt4 {
        margin-top: map-get($spacing, 4) !important;
    }

    &mnt4 {
        margin-top: -(map-get($spacing, 4)) !important;
    }

    &mr4 {
        margin-right: map-get($spacing, 4) !important;
    }

    &mnr4 {
        margin-right: -(map-get($spacing, 4)) !important;
    }

    &mb4 {
        margin-bottom: map-get($spacing, 4) !important;
    }

    &mnb4 {
        margin-bottom: -(map-get($spacing, 4)) !important;
    }

    &ml4 {
        margin-left: map-get($spacing, 4) !important;
    }

    &mnl4 {
        margin-left: -(map-get($spacing, 4)) !important;
    }

    &mx4 {
        margin-left: map-get($spacing, 4) !important;
        margin-right: map-get($spacing, 4) !important;
    }

    &mnx4 {
        margin-left: -(map-get($spacing, 4)) !important;
        margin-right: -(map-get($spacing, 4)) !important;
    }

    &my4 {
        margin-top: map-get($spacing, 4) !important;
        margin-bottom: map-get($spacing, 4) !important;
    }

    &m5 {
        margin: map-get($spacing, 5) !important;
    }

    &mt5 {
        margin-top: map-get($spacing, 5) !important;
    }

    &mnt5 {
        margin-top: -(map-get($spacing, 5)) !important;
    }

    &mr5 {
        margin-right: map-get($spacing, 5) !important;
    }

    &mnr5 {
        margin-right: -(map-get($spacing, 5)) !important;
    }

    &mb5 {
        margin-bottom: map-get($spacing, 5) !important;
    }

    &mnb5 {
        margin-bottom: -(map-get($spacing, 5)) !important;
    }

    &ml5 {
        margin-left: map-get($spacing, 5) !important;
    }

    &mnl5 {
        margin-left: -(map-get($spacing, 5)) !important;
    }

    &mx5 {
        margin-left: map-get($spacing, 5) !important;
        margin-right: map-get($spacing, 5) !important;
    }

    &mnx5 {
        margin-left: -(map-get($spacing, 5)) !important;
        margin-right: -(map-get($spacing, 5)) !important;
    }

    &my5 {
        margin-top: map-get($spacing, 5) !important;
        margin-bottom: map-get($spacing, 5) !important;
    }

    &m6 {
        margin: map-get($spacing, 6) !important;
    }

    &mt6 {
        margin-top: map-get($spacing, 6) !important;
    }

    &mnt6 {
        margin-top: -(map-get($spacing, 6)) !important;
    }

    &mr6 {
        margin-right: map-get($spacing, 6) !important;
    }

    &mnr6 {
        margin-right: -(map-get($spacing, 6)) !important;
    }

    &mb6 {
        margin-bottom: map-get($spacing, 6) !important;
    }

    &mnb6 {
        margin-bottom: -(map-get($spacing, 6)) !important;
    }

    &ml6 {
        margin-left: map-get($spacing, 6) !important;
    }

    &mnl6 {
        margin-left: -(map-get($spacing, 6)) !important;
    }

    &mx6 {
        margin-left: map-get($spacing, 6) !important;
        margin-right: map-get($spacing, 6) !important;
    }

    &mnx6 {
        margin-left: -(map-get($spacing, 6)) !important;
        margin-right: -(map-get($spacing, 6)) !important;
    }

    &my6 {
        margin-top: map-get($spacing, 6) !important;
        margin-bottom: map-get($spacing, 6) !important;
    }

    &m7 {
        margin: map-get($spacing, 7) !important;
    }

    &mt7 {
        margin-top: map-get($spacing, 7) !important;
    }

    &mnt7 {
        margin-top: -(map-get($spacing, 7)) !important;
    }

    &mr7 {
        margin-right: map-get($spacing, 7) !important;
    }

    &mnr7 {
        margin-right: -(map-get($spacing, 7)) !important;
    }

    &mb7 {
        margin-bottom: map-get($spacing, 7) !important;
    }

    &mnb7 {
        margin-bottom: -(map-get($spacing, 7)) !important;
    }

    &ml7 {
        margin-left: map-get($spacing, 7) !important;
    }

    &mnl7 {
        margin-left: -(map-get($spacing, 7)) !important;
    }

    &mx7 {
        margin-left: map-get($spacing, 7) !important;
        margin-right: map-get($spacing, 7) !important;
    }

    &mnx7 {
        margin-left: -(map-get($spacing, 7)) !important;
        margin-right: -(map-get($spacing, 7)) !important;
    }

    &my7 {
        margin-top: map-get($spacing, 7) !important;
        margin-bottom: map-get($spacing, 7) !important;
    }

    &m8 {
        margin: map-get($spacing, 8) !important;
    }

    &mt8 {
        margin-top: map-get($spacing, 8) !important;
    }

    &mnt8 {
        margin-top: -(map-get($spacing, 8)) !important;
    }

    &mr8 {
        margin-right: map-get($spacing, 8) !important;
    }

    &mnr8 {
        margin-right: -(map-get($spacing, 8)) !important;
    }

    &mb8 {
        margin-bottom: map-get($spacing, 8) !important;
    }

    &mnb8 {
        margin-bottom: -(map-get($spacing, 8)) !important;
    }

    &ml8 {
        margin-left: map-get($spacing, 8) !important;
    }

    &mnl8 {
        margin-left: -(map-get($spacing, 8)) !important;
    }

    &mx8 {
        margin-left: map-get($spacing, 8) !important;
        margin-right: map-get($spacing, 8) !important;
    }

    &mnx8 {
        margin-left: -(map-get($spacing, 8)) !important;
        margin-right: -(map-get($spacing, 8)) !important;
    }

    &my8 {
        margin-top: map-get($spacing, 8) !important;
        margin-bottom: map-get($spacing, 8) !important;
    }

    &m9 {
        margin: map-get($spacing, 9) !important;
    }

    &mt9 {
        margin-top: map-get($spacing, 9) !important;
    }

    &mnt9 {
        margin-top: -(map-get($spacing, 9)) !important;
    }

    &mr9 {
        margin-right: map-get($spacing, 9) !important;
    }

    &mnr9 {
        margin-right: -(map-get($spacing, 9)) !important;
    }

    &mb9 {
        margin-bottom: map-get($spacing, 9) !important;
    }

    &mnb9 {
        margin-bottom: -(map-get($spacing, 9)) !important;
    }

    &ml9 {
        margin-left: map-get($spacing, 9) !important;
    }

    &mnl9 {
        margin-left: -(map-get($spacing, 9)) !important;
    }

    &mx9 {
        margin-left: map-get($spacing, 9) !important;
        margin-right: map-get($spacing, 9) !important;
    }

    &mnx9 {
        margin-left: -(map-get($spacing, 9)) !important;
        margin-right: -(map-get($spacing, 9)) !important;
    }

    &my9 {
        margin-top: map-get($spacing, 9) !important;
        margin-bottom: map-get($spacing, 9) !important;
    }

    &m10 {
        margin: map-get($spacing, 10) !important;
    }

    &mt10 {
        margin-top: map-get($spacing, 10) !important;
    }

    &mnt10 {
        margin-top: -(map-get($spacing, 10)) !important;
    }

    &mr10 {
        margin-right: map-get($spacing, 10) !important;
    }

    &mnr10 {
        margin-right: -(map-get($spacing, 10)) !important;
    }

    &mb10 {
        margin-bottom: map-get($spacing, 10) !important;
    }

    &mnb10 {
        margin-bottom: -(map-get($spacing, 10)) !important;
    }

    &ml10 {
        margin-left: map-get($spacing, 10) !important;
    }

    &mnl10 {
        margin-left: -(map-get($spacing, 10)) !important;
    }

    &mx10 {
        margin-left: map-get($spacing, 10) !important;
        margin-right: map-get($spacing, 10) !important;
    }

    &mnx10 {
        margin-left: -(map-get($spacing, 10)) !important;
        margin-right: -(map-get($spacing, 10)) !important;
    }

    &my10 {
        margin-top: map-get($spacing, 10) !important;
        margin-bottom: map-get($spacing, 10) !important;
    }

    &mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    &my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    &mr-auto {
        margin-right: auto !important;
    }

    &ml-auto {
        margin-left: auto !important;
    }
}
@include add-breakpoint-prefixes {
    &p0 {
        padding: 0 !important;
    }

    &pt0 {
        padding-top: 0 !important;
    }

    &pr0 {
        padding-right: 0 !important;
    }

    &pb0 {
        padding-bottom: 0 !important;
    }

    &pl0 {
        padding-left: 0 !important;
    }

    &px0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    &py0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    &p1 {
        padding: map-get($spacing, 1) !important;
    }

    &pt1 {
        padding-top: map-get($spacing, 1) !important;
    }

    &pr1 {
        padding-right: map-get($spacing, 1) !important;
    }

    &pb1 {
        padding-bottom: map-get($spacing, 1) !important;
    }

    &pl1 {
        padding-left: map-get($spacing, 1) !important;
    }

    &px1 {
        padding-left: map-get($spacing, 1) !important;
        padding-right: map-get($spacing, 1) !important;
    }

    &py1 {
        padding-top: map-get($spacing, 1) !important;
        padding-bottom: map-get($spacing, 1) !important;
    }

    &p2 {
        padding: map-get($spacing, 2) !important;
    }

    &pt2 {
        padding-top: map-get($spacing, 2) !important;
    }

    &pr2 {
        padding-right: map-get($spacing, 2) !important;
    }

    &pb2 {
        padding-bottom: map-get($spacing, 2) !important;
    }

    &pl2 {
        padding-left: map-get($spacing, 2) !important;
    }

    &px2 {
        padding-left: map-get($spacing, 2) !important;
        padding-right: map-get($spacing, 2) !important;
    }

    &py2 {
        padding-top: map-get($spacing, 2) !important;
        padding-bottom: map-get($spacing, 2) !important;
    }

    &p3 {
        padding: map-get($spacing, 3) !important;
    }

    &pt3 {
        padding-top: map-get($spacing, 3) !important;
    }

    &pr3 {
        padding-right: map-get($spacing, 3) !important;
    }

    &pb3 {
        padding-bottom: map-get($spacing, 3) !important;
    }

    &pl3 {
        padding-left: map-get($spacing, 3) !important;
    }

    &px3 {
        padding-left: map-get($spacing, 3) !important;
        padding-right: map-get($spacing, 3) !important;
    }

    &py3 {
        padding-top: map-get($spacing, 3) !important;
        padding-bottom: map-get($spacing, 3) !important;
    }

    &p4 {
        padding: map-get($spacing, 4) !important;
    }

    &pt4 {
        padding-top: map-get($spacing, 4) !important;
    }

    &pr4 {
        padding-right: map-get($spacing, 4) !important;
    }

    &pb4 {
        padding-bottom: map-get($spacing, 4) !important;
    }

    &pl4 {
        padding-left: map-get($spacing, 4) !important;
    }

    &px4 {
        padding-left: map-get($spacing, 4) !important;
        padding-right: map-get($spacing, 4) !important;
    }

    &py4 {
        padding-top: map-get($spacing, 4) !important;
        padding-bottom: map-get($spacing, 4) !important;
    }

    &p5 {
        padding: map-get($spacing, 5) !important;
    }

    &pt5 {
        padding-top: map-get($spacing, 5) !important;
    }

    &pr5 {
        padding-right: map-get($spacing, 5) !important;
    }

    &pb5 {
        padding-bottom: map-get($spacing, 5) !important;
    }

    &pl5 {
        padding-left: map-get($spacing, 5) !important;
    }

    &px5 {
        padding-left: map-get($spacing, 5) !important;
        padding-right: map-get($spacing, 5) !important;
    }

    &py5 {
        padding-top: map-get($spacing, 5) !important;
        padding-bottom: map-get($spacing, 5) !important;
    }

    &p6 {
        padding: map-get($spacing, 6) !important;
    }

    &pt6 {
        padding-top: map-get($spacing, 6) !important;
    }

    &pr6 {
        padding-right: map-get($spacing, 6) !important;
    }

    &pb6 {
        padding-bottom: map-get($spacing, 6) !important;
    }

    &pl6 {
        padding-left: map-get($spacing, 6) !important;
    }

    &px6 {
        padding-left: map-get($spacing, 6) !important;
        padding-right: map-get($spacing, 6) !important;
    }

    &py6 {
        padding-top: map-get($spacing, 6) !important;
        padding-bottom: map-get($spacing, 6) !important;
    }

    &p7 {
        padding: map-get($spacing, 7) !important;
    }

    &pt7 {
        padding-top: map-get($spacing, 7) !important;
    }

    &pr7 {
        padding-right: map-get($spacing, 7) !important;
    }

    &pb7 {
        padding-bottom: map-get($spacing, 7) !important;
    }

    &pl7 {
        padding-left: map-get($spacing, 7) !important;
    }

    &px7 {
        padding-left: map-get($spacing, 7) !important;
        padding-right: map-get($spacing, 7) !important;
    }

    &py7 {
        padding-top: map-get($spacing, 7) !important;
        padding-bottom: map-get($spacing, 7) !important;
    }

    &p8 {
        padding: map-get($spacing, 8) !important;
    }

    &pt8 {
        padding-top: map-get($spacing, 8) !important;
    }

    &pr8 {
        padding-right: map-get($spacing, 8) !important;
    }

    &pb8 {
        padding-bottom: map-get($spacing, 8) !important;
    }

    &pl8 {
        padding-left: map-get($spacing, 8) !important;
    }

    &px8 {
        padding-left: map-get($spacing, 8) !important;
        padding-right: map-get($spacing, 8) !important;
    }

    &py8 {
        padding-top: map-get($spacing, 8) !important;
        padding-bottom: map-get($spacing, 8) !important;
    }

    &p9 {
        padding: map-get($spacing, 9) !important;
    }

    &pt9 {
        padding-top: map-get($spacing, 9) !important;
    }

    &pr9 {
        padding-right: map-get($spacing, 9) !important;
    }

    &pb9 {
        padding-bottom: map-get($spacing, 9) !important;
    }

    &pl9 {
        padding-left: map-get($spacing, 9) !important;
    }

    &px9 {
        padding-left: map-get($spacing, 9) !important;
        padding-right: map-get($spacing, 9) !important;
    }

    &py9 {
        padding-top: map-get($spacing, 9) !important;
        padding-bottom: map-get($spacing, 9) !important;
    }
}
@include add-breakpoint-prefixes {
    &relative {
        position: relative !important;
    }

    &absolute {
        position: absolute !important;
    }

    &fixed {
        position: fixed !important;
    }

    &static {
        position: static !important;
    }

    &pos-sticky {
        position: -webkit-sticky;
        position: sticky;
    }

    &z1 {
        z-index: $z1 !important;
    }

    &z2 {
        z-index: $z2 !important;
    }

    &z3 {
        z-index: $z3 !important;
    }

    &z4 {
        z-index: $z4 !important;
    }

    &z5 {
        z-index: $z5 !important;
    }

    &t100 {
        top: 100% !important;
    }

    &r100 {
        right: 100% !important;
    }

    &b100 {
        bottom: 100% !important;
    }

    &l100 {
        left: 100% !important;
    }

    &t50 {
        top: 50% !important;
    }

    &r50 {
        right: 50% !important;
    }

    &b50 {
        bottom: 50% !important;
    }

    &l50 {
        left: 50% !important;
    }

    &t-auto {
        top: auto !important;
    }

    &r-auto {
        right: auto !important;
    }

    &b-auto {
        bottom: auto !important;
    }

    &l-auto {
        left: auto !important;
    }

    &t0 {
        top: 0 !important;
    }

    &r0 {
        right: 0 !important;
    }

    &b0 {
        bottom: 0 !important;
    }

    &l0 {
        left: 0 !important;
    }

    &t1 {
        top: map-get($spacing, 1) !important;
    }

    &tn1 {
        top: -(map-get($spacing, 1)) !important;
    }

    &r1 {
        right: map-get($spacing, 1) !important;
    }

    &b1 {
        bottom: map-get($spacing, 1) !important;
    }

    &bn1 {
        bottom: -(map-get($spacing, 1)) !important;
    }

    &l1 {
        left: map-get($spacing, 1) !important;
    }

    &t2 {
        top: map-get($spacing, 2) !important;
    }

    &tn2 {
        top: -(map-get($spacing, 2)) !important;
    }

    &r2 {
        right: map-get($spacing, 2) !important;
    }

    &b2 {
        bottom: map-get($spacing, 2) !important;
    }

    &bn2 {
        bottom: -(map-get($spacing, 2)) !important;
    }

    &l2 {
        left: map-get($spacing, 2) !important;
    }

    &t3 {
        top: map-get($spacing, 3) !important;
    }

    &tn3 {
        top: -(map-get($spacing, 3)) !important;
    }

    &r3 {
        right: map-get($spacing, 3) !important;
    }

    &b3 {
        bottom: map-get($spacing, 3) !important;
    }

    &bn3 {
        bottom: -(map-get($spacing, 3)) !important;
    }

    &l3 {
        left: map-get($spacing, 3) !important;
    }

    &t4 {
        top: map-get($spacing, 4) !important;
    }

    &tn4 {
        top: -(map-get($spacing, 4)) !important;
    }

    &r4 {
        right: map-get($spacing, 4) !important;
    }

    &b4 {
        bottom: map-get($spacing, 4) !important;
    }

    &bn4 {
        bottom: -(map-get($spacing, 4)) !important;
    }

    &l4 {
        left: map-get($spacing, 4) !important;
    }

    &t5 {
        top: map-get($spacing, 5) !important;
    }

    &tn5 {
        top: -(map-get($spacing, 5)) !important;
    }

    &r5 {
        right: map-get($spacing, 5) !important;
    }

    &b5 {
        bottom: map-get($spacing, 5) !important;
    }

    &bn5 {
        bottom: -(map-get($spacing, 5)) !important;
    }

    &l5 {
        left: map-get($spacing, 5) !important;
    }

    &t6 {
        top: map-get($spacing, 6) !important;
    }

    &tn6 {
        top: -(map-get($spacing, 6)) !important;
    }

    &r6 {
        right: map-get($spacing, 6) !important;
    }

    &b6 {
        bottom: map-get($spacing, 6) !important;
    }

    &bn6 {
        bottom: -(map-get($spacing, 6)) !important;
    }

    &l6 {
        left: map-get($spacing, 6) !important;
    }

    &cover {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
    }

    &object-fit-cover {
        object-fit: cover;
    }
}

@include add-breakpoint-prefixes {
    &align-top {
        vertical-align: top !important;
    }

    &align-middle {
        vertical-align: middle !important;
    }

    &align-bottom {
        vertical-align: bottom !important;
    }

    &align-sub {
        vertical-align: sub !important;
    }
}

%clearfix:after,
%clearfix:before,
.clearfix:after,
.clearfix:before {
    content: ' ' !important;
    display: table !important;
}

.clearfix:after {
    clear: both !important;
}

@include add-breakpoint-prefixes {
    &clear-left {
        clear: left !important;
    }

    &clear-right {
        clear: right !important;
    }

    &clear-both {
        clear: both !important;
    }
}

@include add-breakpoint-prefixes {
    &flex-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column;
    }

    &flex-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row;
    }

    &flex-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    &items-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        -ms-grid-row-align: flex-start !important;
        align-items: flex-start !important;
    }

    &items-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        -ms-grid-row-align: flex-end !important;
        align-items: flex-end !important;
    }

    &items-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        -ms-grid-row-align: center !important;
        align-items: center !important;
    }

    &items-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        -ms-grid-row-align: baseline !important;
        align-items: baseline !important;
    }

    &items-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-items: stretch !important;
    }

    &self-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    &self-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    &self-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    &self-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    &self-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    &justify-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    &justify-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    &justify-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    &justify-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    &justify-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    &content-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    &content-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    &content-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    &content-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    &content-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    &content-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    &flex-auto {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }

    &flex-full {
        -webkit-box-flex: 1 0 100% !important;
        -webkit-flex: 1 0 100% !important;
        -ms-flex: 1 0 100% !important;
        flex: 1 0 100% !important;
        min-width: 100% !important;
        min-height: 0 !important;
    }

    &flex-0 {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }

    &flex-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    &shrink0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-shrink: 0 !important;
        flex-shrink: 0 !important;
    }

    &flex-none {
        -webkit-box-flex: 0 !important;
        -webkit-flex: none !important;
        -ms-flex: none !important;
        flex: none !important;
    }

    &order-n1 {
        -webkit-box-ordinal-group: -1 !important;
        -webkit-order: -1 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    &order-0 {
        -webkit-box-ordinal-group: 1 !important;
        -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    &order-1 {
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    &order-2 {
        -webkit-box-ordinal-group: 3 !important;
        -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    &order-3 {
        -webkit-box-ordinal-group: 4 !important;
        -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    &order-last {
        -webkit-box-ordinal-group: 100000 !important;
        -webkit-order: 99999 !important;
        -ms-flex-order: 99999 !important;
        order: 99999 !important;
    }
}

@include add-breakpoint-prefixes {
    &min-height-auto {
        min-height: auto;
    }
}