@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
2,872 lines (2,240 loc) • 247 kB
CSS
@import 'variables.css';
.static{
position: static !important;
}
.fixed{
position: fixed !important;
}
.absolute{
position: absolute !important;
}
.relative{
position: relative !important;
}
.sticky{
position: -webkit-sticky !important;
position: sticky !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-4{
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-5{
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-6{
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.order-7{
-webkit-box-ordinal-group: 8 !important;
-webkit-order: 7 !important;
-ms-flex-order: 7 !important;
order: 7 !important;
}
.order-8{
-webkit-box-ordinal-group: 9 !important;
-webkit-order: 8 !important;
-ms-flex-order: 8 !important;
order: 8 !important;
}
.order-9{
-webkit-box-ordinal-group: 10 !important;
-webkit-order: 9 !important;
-ms-flex-order: 9 !important;
order: 9 !important;
}
.order-10{
-webkit-box-ordinal-group: 11 !important;
-webkit-order: 10 !important;
-ms-flex-order: 10 !important;
order: 10 !important;
}
.order-11{
-webkit-box-ordinal-group: 12 !important;
-webkit-order: 11 !important;
-ms-flex-order: 11 !important;
order: 11 !important;
}
.order-12{
-webkit-box-ordinal-group: 13 !important;
-webkit-order: 12 !important;
-ms-flex-order: 12 !important;
order: 12 !important;
}
.order-first{
-webkit-box-ordinal-group: -9998 !important;
-webkit-order: -9999 !important;
-ms-flex-order: -9999 !important;
order: -9999 !important;
}
.order-last{
-webkit-box-ordinal-group: 10000 !important;
-webkit-order: 9999 !important;
-ms-flex-order: 9999 !important;
order: 9999 !important;
}
.order-none{
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.col-auto{
grid-column: auto !important;
}
.col-span-1{
grid-column: span 1 / span 1 !important;
}
.col-span-2{
grid-column: span 2 / span 2 !important;
}
.col-span-3{
grid-column: span 3 / span 3 !important;
}
.col-span-4{
grid-column: span 4 / span 4 !important;
}
.col-span-5{
grid-column: span 5 / span 5 !important;
}
.col-span-6{
grid-column: span 6 / span 6 !important;
}
.col-span-7{
grid-column: span 7 / span 7 !important;
}
.col-span-8{
grid-column: span 8 / span 8 !important;
}
.col-span-9{
grid-column: span 9 / span 9 !important;
}
.col-span-10{
grid-column: span 10 / span 10 !important;
}
.col-span-11{
grid-column: span 11 / span 11 !important;
}
.col-span-12{
grid-column: span 12 / span 12 !important;
}
.col-span-full{
grid-column: 1 / -1 !important;
}
.col-start-1{
grid-column-start: 1 !important;
}
.col-start-2{
grid-column-start: 2 !important;
}
.col-start-3{
grid-column-start: 3 !important;
}
.col-start-4{
grid-column-start: 4 !important;
}
.col-start-5{
grid-column-start: 5 !important;
}
.col-start-6{
grid-column-start: 6 !important;
}
.col-start-7{
grid-column-start: 7 !important;
}
.col-start-8{
grid-column-start: 8 !important;
}
.col-start-9{
grid-column-start: 9 !important;
}
.col-start-10{
grid-column-start: 10 !important;
}
.col-start-11{
grid-column-start: 11 !important;
}
.col-start-12{
grid-column-start: 12 !important;
}
.col-start-13{
grid-column-start: 13 !important;
}
.col-start-auto{
grid-column-start: auto !important;
}
.col-end-1{
grid-column-end: 1 !important;
}
.col-end-2{
grid-column-end: 2 !important;
}
.col-end-3{
grid-column-end: 3 !important;
}
.col-end-4{
grid-column-end: 4 !important;
}
.col-end-5{
grid-column-end: 5 !important;
}
.col-end-6{
grid-column-end: 6 !important;
}
.col-end-7{
grid-column-end: 7 !important;
}
.col-end-8{
grid-column-end: 8 !important;
}
.col-end-9{
grid-column-end: 9 !important;
}
.col-end-10{
grid-column-end: 10 !important;
}
.col-end-11{
grid-column-end: 11 !important;
}
.col-end-12{
grid-column-end: 12 !important;
}
.col-end-13{
grid-column-end: 13 !important;
}
.col-end-auto{
grid-column-end: auto !important;
}
.m-auto{
margin: auto !important;
}
.m-none{
margin: 0rem !important;
}
.m-xxs{
margin: 0.2778rem !important;
}
.m-xs{
margin: 0.5556rem !important;
}
.m-s{
margin: 1.111rem !important;
}
.m-m{
margin: 1.667rem !important;
}
.m-l{
margin: 2.778rem !important;
}
.m-xl{
margin: 4.444rem !important;
}
.m-xxl{
margin: 7.222rem !important;
}
.-m-none{
margin: 0rem !important;
}
.-m-xxs{
margin: -0.2778rem !important;
}
.-m-xs{
margin: -0.5556rem !important;
}
.-m-s{
margin: -1.111rem !important;
}
.-m-m{
margin: -1.667rem !important;
}
.-m-l{
margin: -2.778rem !important;
}
.-m-xl{
margin: -4.444rem !important;
}
.-m-xxl{
margin: -7.222rem !important;
}
.mx-auto{
margin-left: auto !important;
margin-right: auto !important;
}
.mx-none{
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.mx-xxs{
margin-left: 0.2778rem !important;
margin-right: 0.2778rem !important;
}
.mx-xs{
margin-left: 0.5556rem !important;
margin-right: 0.5556rem !important;
}
.mx-s{
margin-left: 1.111rem !important;
margin-right: 1.111rem !important;
}
.mx-m{
margin-left: 1.667rem !important;
margin-right: 1.667rem !important;
}
.mx-l{
margin-left: 2.778rem !important;
margin-right: 2.778rem !important;
}
.mx-xl{
margin-left: 4.444rem !important;
margin-right: 4.444rem !important;
}
.mx-xxl{
margin-left: 7.222rem !important;
margin-right: 7.222rem !important;
}
.-mx-none{
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.-mx-xxs{
margin-left: -0.2778rem !important;
margin-right: -0.2778rem !important;
}
.-mx-xs{
margin-left: -0.5556rem !important;
margin-right: -0.5556rem !important;
}
.-mx-s{
margin-left: -1.111rem !important;
margin-right: -1.111rem !important;
}
.-mx-m{
margin-left: -1.667rem !important;
margin-right: -1.667rem !important;
}
.-mx-l{
margin-left: -2.778rem !important;
margin-right: -2.778rem !important;
}
.-mx-xl{
margin-left: -4.444rem !important;
margin-right: -4.444rem !important;
}
.-mx-xxl{
margin-left: -7.222rem !important;
margin-right: -7.222rem !important;
}
.my-auto{
margin-top: auto !important;
margin-bottom: auto !important;
}
.my-none{
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.my-xxs{
margin-top: 0.2778rem !important;
margin-bottom: 0.2778rem !important;
}
.my-xs{
margin-top: 0.5556rem !important;
margin-bottom: 0.5556rem !important;
}
.my-s{
margin-top: 1.111rem !important;
margin-bottom: 1.111rem !important;
}
.my-m{
margin-top: 1.667rem !important;
margin-bottom: 1.667rem !important;
}
.my-l{
margin-top: 2.778rem !important;
margin-bottom: 2.778rem !important;
}
.my-xl{
margin-top: 4.444rem !important;
margin-bottom: 4.444rem !important;
}
.my-xxl{
margin-top: 7.222rem !important;
margin-bottom: 7.222rem !important;
}
.-my-none{
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.-my-xxs{
margin-top: -0.2778rem !important;
margin-bottom: -0.2778rem !important;
}
.-my-xs{
margin-top: -0.5556rem !important;
margin-bottom: -0.5556rem !important;
}
.-my-s{
margin-top: -1.111rem !important;
margin-bottom: -1.111rem !important;
}
.-my-m{
margin-top: -1.667rem !important;
margin-bottom: -1.667rem !important;
}
.-my-l{
margin-top: -2.778rem !important;
margin-bottom: -2.778rem !important;
}
.-my-xl{
margin-top: -4.444rem !important;
margin-bottom: -4.444rem !important;
}
.-my-xxl{
margin-top: -7.222rem !important;
margin-bottom: -7.222rem !important;
}
.mt-auto{
margin-top: auto !important;
}
.mt-none{
margin-top: 0rem !important;
}
.mt-xxs{
margin-top: 0.2778rem !important;
}
.mt-xs{
margin-top: 0.5556rem !important;
}
.mt-s{
margin-top: 1.111rem !important;
}
.mt-m{
margin-top: 1.667rem !important;
}
.mt-l{
margin-top: 2.778rem !important;
}
.mt-xl{
margin-top: 4.444rem !important;
}
.mt-xxl{
margin-top: 7.222rem !important;
}
.-mt-none{
margin-top: 0rem !important;
}
.-mt-xxs{
margin-top: -0.2778rem !important;
}
.-mt-xs{
margin-top: -0.5556rem !important;
}
.-mt-s{
margin-top: -1.111rem !important;
}
.-mt-m{
margin-top: -1.667rem !important;
}
.-mt-l{
margin-top: -2.778rem !important;
}
.-mt-xl{
margin-top: -4.444rem !important;
}
.-mt-xxl{
margin-top: -7.222rem !important;
}
.mr-auto{
margin-right: auto !important;
}
.mr-none{
margin-right: 0rem !important;
}
.mr-xxs{
margin-right: 0.2778rem !important;
}
.mr-xs{
margin-right: 0.5556rem !important;
}
.mr-s{
margin-right: 1.111rem !important;
}
.mr-m{
margin-right: 1.667rem !important;
}
.mr-l{
margin-right: 2.778rem !important;
}
.mr-xl{
margin-right: 4.444rem !important;
}
.mr-xxl{
margin-right: 7.222rem !important;
}
.-mr-none{
margin-right: 0rem !important;
}
.-mr-xxs{
margin-right: -0.2778rem !important;
}
.-mr-xs{
margin-right: -0.5556rem !important;
}
.-mr-s{
margin-right: -1.111rem !important;
}
.-mr-m{
margin-right: -1.667rem !important;
}
.-mr-l{
margin-right: -2.778rem !important;
}
.-mr-xl{
margin-right: -4.444rem !important;
}
.-mr-xxl{
margin-right: -7.222rem !important;
}
.mb-auto{
margin-bottom: auto !important;
}
.mb-none{
margin-bottom: 0rem !important;
}
.mb-xxs{
margin-bottom: 0.2778rem !important;
}
.mb-xs{
margin-bottom: 0.5556rem !important;
}
.mb-s{
margin-bottom: 1.111rem !important;
}
.mb-m{
margin-bottom: 1.667rem !important;
}
.mb-l{
margin-bottom: 2.778rem !important;
}
.mb-xl{
margin-bottom: 4.444rem !important;
}
.mb-xxl{
margin-bottom: 7.222rem !important;
}
.-mb-none{
margin-bottom: 0rem !important;
}
.-mb-xxs{
margin-bottom: -0.2778rem !important;
}
.-mb-xs{
margin-bottom: -0.5556rem !important;
}
.-mb-s{
margin-bottom: -1.111rem !important;
}
.-mb-m{
margin-bottom: -1.667rem !important;
}
.-mb-l{
margin-bottom: -2.778rem !important;
}
.-mb-xl{
margin-bottom: -4.444rem !important;
}
.-mb-xxl{
margin-bottom: -7.222rem !important;
}
.ml-auto{
margin-left: auto !important;
}
.ml-none{
margin-left: 0rem !important;
}
.ml-xxs{
margin-left: 0.2778rem !important;
}
.ml-xs{
margin-left: 0.5556rem !important;
}
.ml-s{
margin-left: 1.111rem !important;
}
.ml-m{
margin-left: 1.667rem !important;
}
.ml-l{
margin-left: 2.778rem !important;
}
.ml-xl{
margin-left: 4.444rem !important;
}
.ml-xxl{
margin-left: 7.222rem !important;
}
.-ml-none{
margin-left: 0rem !important;
}
.-ml-xxs{
margin-left: -0.2778rem !important;
}
.-ml-xs{
margin-left: -0.5556rem !important;
}
.-ml-s{
margin-left: -1.111rem !important;
}
.-ml-m{
margin-left: -1.667rem !important;
}
.-ml-l{
margin-left: -2.778rem !important;
}
.-ml-xl{
margin-left: -4.444rem !important;
}
.-ml-xxl{
margin-left: -7.222rem !important;
}
.h-auto{
height: auto !important;
}
.h-none{
height: 0rem !important;
}
.h-xxs{
height: 0.2778rem !important;
}
.h-xs{
height: 0.5556rem !important;
}
.h-s{
height: 1.111rem !important;
}
.h-m{
height: 1.667rem !important;
}
.h-l{
height: 2.778rem !important;
}
.h-xl{
height: 4.444rem !important;
}
.h-xxl{
height: 7.222rem !important;
}
.h-1\/2{
height: 50% !important;
}
.h-1\/3{
height: 33.333333% !important;
}
.h-2\/3{
height: 66.666667% !important;
}
.h-1\/4{
height: 25% !important;
}
.h-2\/4{
height: 50% !important;
}
.h-3\/4{
height: 75% !important;
}
.h-1\/5{
height: 20% !important;
}
.h-2\/5{
height: 40% !important;
}
.h-3\/5{
height: 60% !important;
}
.h-4\/5{
height: 80% !important;
}
.h-1\/6{
height: 16.666667% !important;
}
.h-2\/6{
height: 33.333333% !important;
}
.h-3\/6{
height: 50% !important;
}
.h-4\/6{
height: 66.666667% !important;
}
.h-5\/6{
height: 83.333333% !important;
}
.h-full{
height: 100% !important;
}
.h-screen{
height: 100vh !important;
}
.w-auto{
width: auto !important;
}
.w-1\/2{
width: 50% !important;
}
.w-1\/3{
width: 33.333333% !important;
}
.w-2\/3{
width: 66.666667% !important;
}
.w-1\/4{
width: 25% !important;
}
.w-2\/4{
width: 50% !important;
}
.w-3\/4{
width: 75% !important;
}
.w-1\/5{
width: 20% !important;
}
.w-2\/5{
width: 40% !important;
}
.w-3\/5{
width: 60% !important;
}
.w-4\/5{
width: 80% !important;
}
.w-1\/6{
width: 16.666667% !important;
}
.w-2\/6{
width: 33.333333% !important;
}
.w-3\/6{
width: 50% !important;
}
.w-4\/6{
width: 66.666667% !important;
}
.w-5\/6{
width: 83.333333% !important;
}
.w-1\/12{
width: 8.333333% !important;
}
.w-2\/12{
width: 16.666667% !important;
}
.w-3\/12{
width: 25% !important;
}
.w-4\/12{
width: 33.333333% !important;
}
.w-5\/12{
width: 41.666667% !important;
}
.w-6\/12{
width: 50% !important;
}
.w-7\/12{
width: 58.333333% !important;
}
.w-8\/12{
width: 66.666667% !important;
}
.w-9\/12{
width: 75% !important;
}
.w-10\/12{
width: 83.333333% !important;
}
.w-11\/12{
width: 91.666667% !important;
}
.w-full{
width: 100% !important;
}
.w-screen{
width: 100vw !important;
}
.w-min{
width: -webkit-min-content !important;
width: -moz-min-content !important;
width: min-content !important;
}
.w-max{
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
}
.flex-1{
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 0% !important;
-ms-flex: 1 1 0% !important;
flex: 1 1 0% !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;
}
.flex-initial{
-webkit-box-flex: 0 !important;
-webkit-flex: 0 1 auto !important;
-ms-flex: 0 1 auto !important;
flex: 0 1 auto !important;
}
.flex-none{
-webkit-box-flex: 0 !important;
-webkit-flex: none !important;
-ms-flex: none !important;
flex: none !important;
}
.flex-shrink-0{
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink{
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-grow-0{
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow{
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.grid-cols-8{
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.grid-cols-9{
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.grid-cols-10{
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.grid-cols-11{
grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-none{
grid-template-columns: none !important;
}
.flex-row{
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-row-reverse{
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-col{
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-col-reverse{
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap{
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-wrap-reverse{
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-nowrap{
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.place-content-center{
place-content: center !important;
}
.place-content-start{
place-content: start !important;
}
.place-content-end{
place-content: end !important;
}
.place-content-between{
place-content: space-between !important;
}
.place-content-around{
place-content: space-around !important;
}
.place-content-evenly{
place-content: space-evenly !important;
}
.place-content-stretch{
place-content: stretch !important;
}
.place-items-start{
place-items: start !important;
}
.place-items-end{
place-items: end !important;
}
.place-items-center{
place-items: center !important;
}
.place-items-stretch{
place-items: stretch !important;
}
.content-center{
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !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-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-evenly{
-webkit-align-content: space-evenly !important;
-ms-flex-line-pack: space-evenly !important;
align-content: space-evenly !important;
}
.items-start{
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: 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;
align-items: flex-end !important;
}
.items-center{
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.items-baseline{
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.items-stretch{
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: 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;
}
.justify-evenly{
-webkit-box-pack: space-evenly !important;
-webkit-justify-content: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.justify-items-start{
justify-items: start !important;
}
.justify-items-end{
justify-items: end !important;
}
.justify-items-center{
justify-items: center !important;
}
.justify-items-stretch{
justify-items: stretch !important;
}
.gap-0{
gap: 0 !important;
}
.gap-x-0{
-webkit-column-gap: 0 !important;
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.gap-y-0{
row-gap: 0 !important;
}
.place-self-auto{
place-self: auto !important;
}
.place-self-start{
place-self: start !important;
}
.place-self-end{
place-self: end !important;
}
.place-self-center{
place-self: center !important;
}
.place-self-stretch{
place-self: stretch !important;
}
.self-auto{
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !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-stretch{
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
.self-baseline{
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.justify-self-auto{
justify-self: auto !important;
}
.justify-self-start{
justify-self: start !important;
}
.justify-self-end{
justify-self: end !important;
}
.justify-self-center{
justify-self: center !important;
}
.justify-self-stretch{
justify-self: stretch !important;
}
.overflow-auto{
overflow: auto !important;
}
.overflow-hidden{
overflow: hidden !important;
}
.overflow-visible{
overflow: visible !important;
}
.overflow-scroll{
overflow: scroll !important;
}
.overflow-x-auto{
overflow-x: auto !important;
}
.overflow-y-auto{
overflow-y: auto !important;
}
.overflow-x-hidden{
overflow-x: hidden !important;
}
.overflow-y-hidden{
overflow-y: hidden !important;
}
.overflow-x-visible{
overflow-x: visible !important;
}
.overflow-y-visible{
overflow-y: visible !important;
}
.overflow-x-scroll{
overflow-x: scroll !important;
}
.overflow-y-scroll{
overflow-y: scroll !important;
}
.rounded{
border-radius: 4px !important;
}
.rounded-xs{
border-radius: 2px !important;
}
.rounded-s{
border-radius: 3px !important;
}
.rounded-m{
border-radius: 5px !important;
}
.rounded-l{
border-radius: 6px !important;
}
.rounded-xl{
border-radius: 8px !important;
}
.rounded-xxl{
border-radius: 20px !important;
}
.rounded-max{
border-radius: 30px !important;
}
.rounded-t{
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
.rounded-t-xs{
border-top-left-radius: 2px !important;
border-top-right-radius: 2px !important;
}
.rounded-t-s{
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.rounded-t-m{
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}
.rounded-t-l{
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
}
.rounded-t-xl{
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
}
.rounded-t-xxl{
border-top-left-radius: 20px !important;
border-top-right-radius: 20px !important;
}
.rounded-t-max{
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
}
.rounded-r{
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
.rounded-r-xs{
border-top-right-radius: 2px !important;
border-bottom-right-radius: 2px !important;
}
.rounded-r-s{
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
}
.rounded-r-m{
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.rounded-r-l{
border-top-right-radius: 6px !important;
border-bottom-right-radius: 6px !important;
}
.rounded-r-xl{
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
.rounded-r-xxl{
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}
.rounded-r-max{
border-top-right-radius: 30px !important;
border-bottom-right-radius: 30px !important;
}
.rounded-b{
border-bottom-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
.rounded-b-xs{
border-bottom-right-radius: 2px !important;
border-bottom-left-radius: 2px !important;
}
.rounded-b-s{
border-bottom-right-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.rounded-b-m{
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.rounded-b-l{
border-bottom-right-radius: 6px !important;
border-bottom-left-radius: 6px !important;
}
.rounded-b-xl{
border-bottom-right-radius: 8px !important;
border-bottom-left-radius: 8px !important;
}
.rounded-b-xxl{
border-bottom-right-radius: 20px !important;
border-bottom-left-radius: 20px !important;
}
.rounded-b-max{
border-bottom-right-radius: 30px !important;
border-bottom-left-radius: 30px !important;
}
.rounded-l{
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
.rounded-l-xs{
border-top-left-radius: 2px !important;
border-bottom-left-radius: 2px !important;
}
.rounded-l-s{
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.rounded-l-m{
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.rounded-l-l{
border-top-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;
}
.rounded-l-xl{
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !important;
}
.rounded-l-xxl{
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
}
.rounded-l-max{
border-top-left-radius: 30px !important;
border-bottom-left-radius: 30px !important;
}
.rounded-tl{
border-top-left-radius: 4px !important;
}
.rounded-tl-xs{
border-top-left-radius: 2px !important;
}
.rounded-tl-s{
border-top-left-radius: 3px !important;
}
.rounded-tl-m{
border-top-left-radius: 5px !important;
}
.rounded-tl-l{
border-top-left-radius: 6px !important;
}
.rounded-tl-xl{
border-top-left-radius: 8px !important;
}
.rounded-tl-xxl{
border-top-left-radius: 20px !important;
}
.rounded-tl-max{
border-top-left-radius: 30px !important;
}
.rounded-tr{
border-top-right-radius: 4px !important;
}
.rounded-tr-xs{
border-top-right-radius: 2px !important;
}
.rounded-tr-s{
border-top-right-radius: 3px !important;
}
.rounded-tr-m{
border-top-right-radius: 5px !important;
}
.rounded-tr-l{
border-top-right-radius: 6px !important;
}
.rounded-tr-xl{
border-top-right-radius: 8px !important;
}
.rounded-tr-xxl{
border-top-right-radius: 20px !important;
}
.rounded-tr-max{
border-top-right-radius: 30px !important;
}
.rounded-br{
border-bottom-right-radius: 4px !important;
}
.rounded-br-xs{
border-bottom-right-radius: 2px !important;
}
.rounded-br-s{
border-bottom-right-radius: 3px !important;
}
.rounded-br-m{
border-bottom-right-radius: 5px !important;
}
.rounded-br-l{
border-bottom-right-radius: 6px !important;
}
.rounded-br-xl{
border-bottom-right-radius: 8px !important;
}
.rounded-br-xxl{
border-bottom-right-radius: 20px !important;
}
.rounded-br-max{
border-bottom-right-radius: 30px !important;
}
.rounded-bl{
border-bottom-left-radius: 4px !important;
}
.rounded-bl-xs{
border-bottom-left-radius: 2px !important;
}
.rounded-bl-s{
border-bottom-left-radius: 3px !important;
}
.rounded-bl-m{
border-bottom-left-radius: 5px !important;
}
.rounded-bl-l{
border-bottom-left-radius: 6px !important;
}
.rounded-bl-xl{
border-bottom-left-radius: 8px !important;
}
.rounded-bl-xxl{
border-bottom-left-radius: 20px !important;
}
.rounded-bl-max{
border-bottom-left-radius: 30px !important;
}
.bg-transparent{
background-color: transparent !important;
}
.bg-current{
background-color: currentColor !important;
}
.bg-brand-primary{
background-color: var(--color-brand-primary) !important;
}
.bg-brand-primary-tint-7{
background-color: var(--color-brand-primary-tint-7) !important;
}
.bg-brand-primary-tint-80{
background-color: var(--color-brand-primary-tint-80) !important;
}
.bg-brand-primary-shade-130{
background-color: var(--color-brand-primary-shade-130) !important;
}
.bg-brand-primary-alpha-10{
background-color: var(--color-brand-primary-alpha-10) !important;
}
.bg-brand-primary-alpha-30{
background-color: var(--color-brand-primary-alpha-30) !important;
}
.bg-brand-secondary{
background-color: var(--color-brand-secondary) !important;
}
.bg-brand-secondary-tint-60{
background-color: var(--color-brand-secondary-tint-60) !important;
}
.bg-brand-secondary-tint-80{
background-color: var(--color-brand-secondary-tint-80) !important;
}
.bg-brand-secondary-shade-180{
background-color: var(--color-brand-secondary-shade-180) !important;
}
.bg-brand-secondary-alpha-10{
background-color: var(--color-brand-secondary-alpha-10) !important;
}
.bg-brand-secondary-alpha-30{
background-color: var(--color-brand-secondary-alpha-30) !important;
}
.bg-brand-secondary-alpha-70{
background-color: var(--color-brand-secondary-alpha-70) !important;
}
.bg-brand-tertiary{
background-color: var(--color-brand-tertiary) !important;
}
.bg-brand-tertiary-tint-80{
background-color: var(--color-brand-tertiary-tint-80) !important;
}
.bg-brand-tertiary-shade-110{
background-color: var(--color-brand-tertiary-shade-110) !important;
}
.bg-brand-quaternary{
background-color: var(--color-brand-quaternary) !important;
}
.bg-brand-quinary{
background-color: var(--color-brand-quinary) !important;
}
.bg-brand-senary{
background-color: var(--color-brand-senary) !important;
}
.bg-ui-negative-5{
background-color: var(--color-ui-negative-5) !important;
}
.bg-ui-negative{
background-color: var(--color-ui-negative) !important;
}
.bg-ui-positive-5{
background-color: var(--color-ui-positive-5) !important;
}
.bg-ui-positive{
background-color: var(--color-ui-positive) !important;
}
.bg-ui-warning-5{
background-color: var(--color-ui-warning-5) !important;
}
.bg-ui-warning{
background-color: var(--color-ui-warning) !important;
}
.bg-white{
background-color: var(--color-white) !important;
}
.bg-white-alpha-30{
background-color: var(--color-white-alpha-30) !important;
}
.bg-white-alpha-50{
background-color: var(--color-white-alpha-50) !important;
}
.bg-gray-10{
background-color: var(--color-gray-10) !important;
}
.bg-gray-20{
background-color: var(--color-gray-20) !important;
}
.bg-bottom{
background-position: bottom !important;
}
.bg-center{
background-position: center !important;
}
.bg-left{
background-position: left !important;
}
.bg-left-bottom{
background-position: left bottom !important;
}
.bg-left-top{
background-position: left top !important;
}
.bg-right{
background-position: right !important;
}
.bg-right-bottom{
background-position: right bottom !important;
}
.bg-right-top{
background-position: right top !important;
}
.bg-top{
background-position: top !important;
}
.fill-current{
fill: currentColor !important;
}
.p-none{
padding: 0rem !important;
}
.p-xxs{
padding: 0.2778rem !important;
}
.p-xs{
padding: 0.5556rem !important;
}
.p-s{
padding: 1.111rem !important;
}
.p-m{
padding: 1.667rem !important;
}
.p-l{
padding: 2.778rem !important;
}
.p-xl{
padding: 4.444rem !important;
}
.p-xxl{
padding: 7.222rem !important;
}
.px-none{
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.px-xxs{
padding-left: 0.2778rem !important;
padding-right: 0.2778rem !important;
}
.px-xs{
padding-left: 0.5556rem !important;
padding-right: 0.5556rem !important;
}
.px-s{
padding-left: 1.111rem !important;
padding-right: 1.111rem !important;
}
.px-m{
padding-left: 1.667rem !important;
padding-right: 1.667rem !important;
}
.px-l{
padding-left: 2.778rem !important;
padding-right: 2.778rem !important;
}
.px-xl{
padding-left: 4.444rem !important;
padding-right: 4.444rem !important;
}
.px-xxl{
padding-left: 7.222rem !important;
padding-right: 7.222rem !important;
}
.py-none{
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.py-xxs{
padding-top: 0.2778rem !important;
padding-bottom: 0.2778rem !important;
}
.py-xs{
padding-top: 0.5556rem !important;
padding-bottom: 0.5556rem !important;
}
.py-s{
padding-top: 1.111rem !important;
padding-bottom: 1.111rem !important;
}
.py-m{
padding-top: 1.667rem !important;
padding-bottom: 1.667rem !important;
}
.py-l{
padding-top: 2.778rem !important;
padding-bottom: 2.778rem !important;
}
.py-xl{
padding-top: 4.444rem !important;
padding-bottom: 4.444rem !important;
}
.py-xxl{
padding-top: 7.222rem !important;
padding-bottom: 7.222rem !important;
}
.pt-none{
padding-top: 0rem !important;
}
.pt-xxs{
padding-top: 0.2778rem !important;
}
.pt-xs{
padding-top: 0.5556rem !important;
}
.pt-s{
padding-top: 1.111rem !important;
}
.pt-m{
padding-top: 1.667rem !important;
}
.pt-l{
padding-top: 2.778rem !important;
}
.pt-xl{
padding-top: 4.444rem !important;
}
.pt-xxl{
padding-top: 7.222rem !important;
}
.pr-none{
padding-right: 0rem !important;
}
.pr-xxs{
padding-right: 0.2778rem !important;
}
.pr-xs{
padding-right: 0.5556rem !important;
}
.pr-s{
padding-right: 1.111rem !important;
}
.pr-m{
padding-right: 1.667rem !important;
}
.pr-l{
padding-right: 2.778rem !important;
}
.pr-xl{
padding-right: 4.444rem !important;
}
.pr-xxl{
padding-right: 7.222rem !important;
}
.pb-none{
padding-bottom: 0rem !important;
}
.pb-xxs{
padding-bottom: 0.2778rem !important;
}
.pb-xs{
padding-bottom: 0.5556rem !important;
}
.pb-s{
padding-bottom: 1.111rem !important;
}
.pb-m{
padding-bottom: 1.667rem !important;
}
.pb-l{
padding-bottom: 2.778rem !important;
}
.pb-xl{
padding-bottom: 4.444rem !important;
}
.pb-xxl{
padding-bottom: 7.222rem !important;
}
.pl-none{
padding-left: 0rem !important;
}
.pl-xxs{
padding-left: 0.2778rem !important;
}
.pl-xs{
padding-left: 0.5556rem !important;
}
.pl-s{
padding-left: 1.111rem !important;
}
.pl-m{
padding-left: 1.667rem !important;
}
.pl-l{
padding-left: 2.778rem !important;
}
.pl-xl{
padding-left: 4.444rem !important;
}
.pl-xxl{
padding-left: 7.222rem !important;
}
.text-left{
text-align: left !important;
}
.text-center{
text-align: center !important;
}
.text-right{
text-align: right !important;
}
.text-justify{
text-align: justify !important;
}
.text-title-xxl{
font-size: 4.4444rem !important;
line-height: 4.4444rem !important;
letter-spacing: -4px !important;
}
.text-title-xl{
font-size: 3.3333rem !important;
line-height: 3.3333rem !important;
letter-spacing: -3px !important;
}
.text-title-l{
font-size: 2.2222rem !important;
line-height: 2.2222rem !important;
letter-spacing: -2px !important;
}
.text-title-m{
font-size: 1.7778rem !important;
line-height: 2.2222rem !important;
letter-spacing: -1px !important;
}
.text-title-s{
font-size: 1.4444rem !important;
line-height: 1.6667rem !important;
letter-spacing: -1px !important;
}
.text-title-xs{
font-size: 1.1111rem !important;
line-height: 1.6667rem !important;
}
.text-title-xxs{
font-size: 1rem !important;
line-height: 1.6667rem !important;
}
.text-body-l{
font-size: 1rem !important;
line-height: 1.66667rem !important;
}
.text-body-m{
font-size: 0.8889rem !important;
line-height: 1.38889rem !important;
}
.text-body-s{
font-size: 0.7778rem !important;
line-height: 1.38889rem !important;
}
.text-body-xs{
font-size: 0.6667rem !important;
line-height: 0.83333rem !important;
}
.uppercase{
text-transform: uppercase !important;
}
.lowercase{
text-transform: lowercase !important;
}
.capitalize{
text-transform: capitalize !important;
}
.normal-case{
text-transform: none !important;
}
.text-brand-primary{
color: var(--color-brand-primary) !important;
}
.text-brand-primary-tint-80{
color: var(--color-brand-tint-primary-80) !important;
}
.text-brand-secondary{
color: var(--color-brand-secondary) !important;
}
.text-brand-secondary-tint-60{
color: var(--color-brand-secondary-tint-60) !important;
}
.text-brand-secondary-tint-80{
color: var(--color-brand-secondary-tint-80) !important;
}
.text-brand-secondary-shade-180{
color: var(--color-brand-secondary-shade-180) !important;
}
.text-brand-secondary-alpha-30{
color: var(--color-brand-secondary-alpha-30) !important;
}
.text-brand-secondary-alpha-70{
color: var(--color-brand-secondary-alpha-70) !important;
}
.text-brand-tertiary-alpha-50{
color: var(--color-brand-tertiary-alpha-50) !important;
}
.text-brand-quaternary{
color: var(--color-brand-quaternary) !important;
}
.text-brand-quinary{
color: var(--color-brand-quinary) !important;
}
.text-brand-senary{
color: var(--color-brand-senary) !important;
}
.text-ui-negative{
color: var(--color-ui-negative) !important;
}
.text-ui-positive{
color: var(--color-ui-positive) !important;
}
.text-white{
color: var(--color-white) !important;
}
.transition-none{
-webkit-transition-property: none !important;
transition-property: none !important;
}
.transition-all{
-webkit-transition-property: all !important;
transition-property: all !important;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-transition-duration: 150ms !important;
transition-duration: 150ms !important;
}
.transition{
-webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-transition-duration: 150ms !important;
transition-duration: 150ms !important;
}
.transition-colors{
-webkit-transition-property: background-color, border-color, color, fill, stroke !important;
transition-property: background-color, border-color, color, fill, stroke !important;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-transition-duration: 150ms !important;
transition-duration: 150ms !important;
}
.transition-opacity{
-webkit-transition-property: opacity !important;
transition-property: opacity !important;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-transition-duration: 150ms !important;
transition-duration: 150ms !important;
}
.transition-shadow{
-webkit-transition-property: box-shadow !important;
transition-property: box-shadow !important;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-transition-duration: 150ms !important;
transition-duration: 150ms !important;
}
.transition-transform{
-webkit-transition-property: -webkit-transform !important;
transition-property: -webkit-transform !important;
transition-property: transform !important;
transition-property: transform, -webkit-transform !important;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-webkit-transition-duration: 150ms !important;
transition-duration: 150ms !important;
}
.duration-75{
-webkit-transition-duration: 75ms !important;
transition-duration: 75ms !important;
}
.duration-100{
-webkit-transition-duration: 100ms !important;
transition-duration: 100ms !important;
}
.duration-150{
-webkit-transition-duration: 150ms !important;
transition-duration: 150ms !important;
}
.duration-200{
-webkit-transition-duration: 200ms !important;
transition-duration: 200ms !important;
}
.duration-300{
-webkit-transition-duration: 300ms !important;
transition-duration: 300ms !important;
}
.duration-500{
-webkit-transition-duration: 500ms !important;
transition-duration: 500ms !important;
}
.duration-700{
-webkit-transition-duration: 700ms !important;
transition-duration: 700ms !important;
}
.duration-1000{
-webkit-transition-duration: 1000ms !important;
transition-duration: 1000ms !important;
}
.display-block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.display-none {
display: none;
}
.table {
display: table;
}
.inline-table {
display: inline-table;
}
.table-caption {
display: table-caption;
}
.table-cell {
display: table-cell;
}
.table-column {
display: table-column;
}
.table-column-group {
display: table-column-group;
}
.table-footer-group {
display: table-footer-group;
}
.table-header-group {
display: table-header-group;
}
.table-row-group {
display: table-row-group;
}
.table-row {
display: table-row;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.inline-grid {
display: inline-grid;
}
.contents {
display: contents;
}
.flex-basis-0 {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
@media (min-width: 375px){
.s\:order-1{
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.s\:order-2{
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.s\:order-3{
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.s\:order-4{
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.s\:order-5{
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.s\:order-6{
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.s\:order-7{
-webkit-box-ordinal-group: 8 !important;
-webkit-order: 7 !important;
-ms-flex-order: 7 !important;
order: 7 !important;
}
.s\:order-8{
-webkit-box-ordinal-group: 9 !important;
-webkit-order: 8 !important;
-ms-flex-order: 8 !important;
order: 8 !important;
}
.s\:order-9{
-webkit-box-ordinal-group: 10 !important;
-webkit-order: 9 !important;
-ms-flex-order: 9 !important;
order: 9 !important;
}
.s\:order-10{
-webkit-box-ordinal-group: 11 !important;
-webkit-order: 10 !important;
-ms-flex-order: 10 !important;
order: 10 !important;
}
.s\:order-11{
-webkit-box-ordinal-group: 12 !important;
-webkit-order: 11 !important;
-ms-flex-order: 11 !important;
order: 11 !important;
}
.s\:order-12{
-webkit-box-ordinal-group: 13 !important;
-webkit-order: 12 !important;
-ms-flex-order: 12 !important;
order: 12 !important;
}
.s\:order-first{
-webkit-box-ordinal-group: -9998 !important;
-webkit-order: -9999 !important;
-ms-flex-order: -9999 !important;
order: -9999 !important;
}
.s\:order-last{
-webkit-box-ordinal-group: 10000 !important;
-webkit-order: 9999 !important;
-ms-flex-order: 9999 !important;
order: 9999 !important;
}
.s\:order-none{
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.s\:col-auto{
grid-column: auto !important;
}
.s\:col-span-1{
grid-column: span 1 / span 1 !important;
}
.s\:col-span-2{
grid-column: span 2 / span 2 !important;
}
.s\:col-span-3{
grid-column: span 3 / span 3 !important;
}
.s\:col-span-4{
grid-column: span 4 / span 4 !important;
}
.s\:col-span-5{
grid-column: span 5 / span 5 !important;
}
.s\:col-span-6{
grid-column: span 6 / span 6 !important;
}
.s\:col-span-7{
grid-column: span 7 / span 7 !important;
}
.s\:col-span-8{
grid-column: span 8 / span 8 !important;
}
.s\:col-span-9{
grid-column: span 9 / span 9 !important;
}
.s\:col-span-10{
grid-column: span 10 / span 10 !important;
}
.s\:col-span-11{
grid-column: span 11 / span 11 !important;
}
.s\:col-span-12{
grid-column: span 12 / span 12 !important;
}
.s\:col-span-full{
grid-column: 1 / -1 !important;
}
.s\:col-start-1{
grid-column-start: 1 !important;
}
.s\:col-start-2{
grid-column-start: 2 !important;
}
.s\:col-start-3{
grid-column-start: 3 !important;
}
.s\:col-start-4{
grid-column-start: 4 !important;
}
.s\:col-start-5{
grid-column-start: 5 !important;
}
.s\:col-start-6{
grid-column-start: 6 !important;
}
.s\:col-start-7{
grid-column-start: 7 !important;
}
.s\:col-start-8{
grid-column-start: 8 !important;
}
.s\:col-start-9{
grid-column-start: 9 !important;
}
.s\:col-start-10{
grid-column-start: 10 !important;
}
.s\:col-start-11{
grid-column-start: 11 !important;
}
.s\:col-start-12{
grid-column-start: 12 !important;
}
.s\:col-start-13{
grid-column-start: 13 !important;
}
.s\:col-start-auto{
grid-column-start: auto !important;
}
.s\:col-end-1{
grid-column-end: 1 !important;
}
.s\:col-end-2{
grid-column-end: 2 !important;
}
.s\:col-end-3{
grid-column-end: 3 !important;
}
.s\:col-end-4{
grid-column-end: 4 !important;
}
.s\:col-end-5{
grid-column-end: 5 !important;
}
.s\:col-end-6{
grid-column-end: 6 !important;
}
.s\:col-end-7{
grid-column-end: 7 !important;
}
.s\:col-end-8{
grid-column-end: 8 !important;
}
.s\:col-end-9{
grid-column-end: 9 !important;
}
.s\:col-end-10{
grid-column-end: 10 !important;
}
.s\:col-end-11{
grid-column-end: 11 !important;
}
.s\:col-end-12{
grid-column-end: 12 !important;
}
.s\:col-end-13{
grid-column-end: 13 !important;
}
.s\:col-end-auto{
grid-column-end: auto !important;
}
.s\:m-auto{
margin: auto !important;
}
.s\:m-none{
margin: 0rem !important;
}
.s\:m-xxs{
margin: 0.2778rem !important;
}
.s\:m-xs{
margin: 0.5556rem !important;
}
.s\:m-s{
margin: 1.111rem !important;