UNPKG

@randstad-design/orbit-multitheme

Version:

multitheme Front-end code based on Randstad Human Forward components

2,872 lines (2,240 loc) 247 kB
@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;