html:not([dir=rtl]) * {
--font-size-10: 0.625rem;
--font-size-12: 0.75rem;
--font-size-14: 0.875rem;
--font-size-16: 1rem;
--font-size-18: 1.125rem;
--font-size-20: 1.25rem;
--font-size-22: 1.375rem;
--font-size-24: 1.5rem;
--font-size-26: 1.625rem;
--font-size-28: 1.75rem;
--font-size-32: 2rem;
--font-size-36: 2.25rem;
--font-size-40: 2.5rem;
--font-size-44: 2.75rem;
--font-size-52: 3.25rem
}
[dir=rtl] * {
--font-size-10: calc(0.625rem + 0.125rem);
--font-size-12: calc(0.75rem + 0.125rem);
--font-size-14: calc(0.875rem + 0.125rem);
--font-size-16: calc(1rem + 0.125rem);
--font-size-18: calc(1.125rem + 0.125rem);
--font-size-20: calc(1.25rem + 0.125rem);
--font-size-22: calc(1.375rem + 0.125rem);
--font-size-24: calc(1.5rem + 0.125rem);
--font-size-26: calc(1.625rem + 0.125rem);
--font-size-28: calc(1.75rem + 0.125rem);
--font-size-32: calc(2rem + 0.125rem);
--font-size-36: calc(2.25rem + 0.125rem);
--font-size-40: calc(2.5rem + 0.125rem);
--font-size-44: calc(2.75rem + 0.125rem);
--font-size-52: calc(3.25rem + 0.125rem)
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: normal;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoKufiArabic-Regular.ttf");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoKufiArabic-Light.ttf");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: bold;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoKufiArabic-Bold.ttf");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: normal;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoSans-Regular.ttf");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoSans-Light.ttf");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: bold;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/Rubik-Bold.ttf");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
*,
*::after,
*::before {
box-sizing: border-box
}
ul,
button,
fieldset {
padding: 0
}
fieldset {
border: unset
}
ul {
list-style: none
}
a {
color: inherit;
text-decoration: none;
cursor: pointer
}
a:hover {
color: inherit;
text-decoration: none
}
a,
button,
label,
span {
display: inline-flex
}
a {
cursor: pointer
}
svg {
vertical-align: inherit;
overflow: inherit
}
button,
input {
color: inherit;
font: inherit;
letter-spacing: inherit
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
button {
background-color: rgba(0, 0, 0, 0);
border: none;
cursor: pointer
}
fieldset {
margin: 0;
min-width: 0
}
strong {
font-weight: 700
}
::-ms-reveal {
display: none
}
.portlet {
margin: 0
}
.portlet-boundary>span:empty {
display: none
}
#content {
display: flex;
flex-direction: column
}
#content #main-content,
#content .layout-content.portlet-layout {
display: flex;
flex-direction: column;
flex-grow: 1
}
#content .lfr-layout-structure-item-header,
#content .lfr-layout-structure-item-header-quick-access,
#content .lfr-layout-structure-item-header-with-navigation,
#content .lfr-layout-structure-item-main-header {
margin-bottom: 0
}
#content .lfr-layout-structure-item-header~.lfr-layout-structure-item-footer-0,
#content .lfr-layout-structure-item-header~.lfr-layout-structure-item-footer,
#content .lfr-layout-structure-item-header~.lfr-layout-structure-item-footer-simple,
#content .lfr-layout-structure-item-header-quick-access~.lfr-layout-structure-item-footer-0,
#content .lfr-layout-structure-item-header-quick-access~.lfr-layout-structure-item-footer,
#content .lfr-layout-structure-item-header-quick-access~.lfr-layout-structure-item-footer-simple,
#content .lfr-layout-structure-item-header-with-navigation~.lfr-layout-structure-item-footer-0,
#content .lfr-layout-structure-item-header-with-navigation~.lfr-layout-structure-item-footer,
#content .lfr-layout-structure-item-header-with-navigation~.lfr-layout-structure-item-footer-simple,
#content .lfr-layout-structure-item-main-header~.lfr-layout-structure-item-footer-0,
#content .lfr-layout-structure-item-main-header~.lfr-layout-structure-item-footer,
#content .lfr-layout-structure-item-main-header~.lfr-layout-structure-item-footer-simple {
margin-top: auto
}
#content .lfr-layout-structure-item-header .ooredoo_header_section li a:focus,
#content .lfr-layout-structure-item-header .ooredoo_header_section li a:active,
#content .lfr-layout-structure-item-header-quick-access .ooredoo_header_section li a:focus,
#content .lfr-layout-structure-item-header-quick-access .ooredoo_header_section li a:active,
#content .lfr-layout-structure-item-header-with-navigation .ooredoo_header_section li a:focus,
#content .lfr-layout-structure-item-header-with-navigation .ooredoo_header_section li a:active,
#content .lfr-layout-structure-item-main-header .ooredoo_header_section li a:focus,
#content .lfr-layout-structure-item-main-header .ooredoo_header_section li a:active {
box-shadow: none;
background-color: rgba(0, 0, 0, 0)
}
#content .lfr-layout-structure-item-payments~.lfr-layout-structure-item-footer-simple {
margin-top: auto
}
.sr-only:not(:focus):not(:active) {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px
}
html {
font-size: 100%
}
body {
font-family: "Ooredoo", sans-serif !important;
line-height: 1.33333;
margin: 0
}
body.scrolling {
overflow: hidden
}
body .link--red {
color: #ed1c24;
text-decoration: underline;
transition: .2s color ease-in
}
body .link--red:hover {
color: #a91419
}
.grid {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0
}
.grid>.grid_col {
flex: 1
}
.grid>.grid__col--1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--1 {
margin-left: 8.3333333333%
}
[dir=rtl] .grid>.grid__offset--1 {
margin-left: inherit;
margin-right: 8.3333333333%
}
.grid>.grid__col--2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--2 {
margin-left: 16.6666666667%
}
[dir=rtl] .grid>.grid__offset--2 {
margin-left: inherit;
margin-right: 16.6666666667%
}
.grid>.grid__col--3 {
flex-basis: 25%;
max-width: 25%;
padding: 0 .5rem
}
.grid>.grid__offset--3 {
margin-left: 25%
}
[dir=rtl] .grid>.grid__offset--3 {
margin-left: inherit;
margin-right: 25%
}
.grid>.grid__col--4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--4 {
margin-left: 33.3333333333%
}
[dir=rtl] .grid>.grid__offset--4 {
margin-left: inherit;
margin-right: 33.3333333333%
}
.grid>.grid__col--5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--5 {
margin-left: 41.6666666667%
}
[dir=rtl] .grid>.grid__offset--5 {
margin-left: inherit;
margin-right: 41.6666666667%
}
.grid>.grid__col--6 {
flex-basis: 50%;
max-width: 50%;
padding: 0 .5rem
}
.grid>.grid__offset--6 {
margin-left: 50%
}
[dir=rtl] .grid>.grid__offset--6 {
margin-left: inherit;
margin-right: 50%
}
.grid>.grid__col--7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--7 {
margin-left: 58.3333333333%
}
[dir=rtl] .grid>.grid__offset--7 {
margin-left: inherit;
margin-right: 58.3333333333%
}
.grid>.grid__col--8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--8 {
margin-left: 66.6666666667%
}
[dir=rtl] .grid>.grid__offset--8 {
margin-left: inherit;
margin-right: 66.6666666667%
}
.grid>.grid__col--9 {
flex-basis: 75%;
max-width: 75%;
padding: 0 .5rem
}
.grid>.grid__offset--9 {
margin-left: 75%
}
[dir=rtl] .grid>.grid__offset--9 {
margin-left: inherit;
margin-right: 75%
}
.grid>.grid__col--10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--10 {
margin-left: 83.3333333333%
}
[dir=rtl] .grid>.grid__offset--10 {
margin-left: inherit;
margin-right: 83.3333333333%
}
.grid>.grid__col--11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--11 {
margin-left: 91.6666666667%
}
[dir=rtl] .grid>.grid__offset--11 {
margin-left: inherit;
margin-right: 91.6666666667%
}
.grid>.grid__col--12 {
flex-basis: 100%;
max-width: 100%;
padding: 0 .5rem
}
@media screen and (max-width: 600px) {
.grid>.grid__col--xs {
flex: 1
}
.grid>.grid__col--xs-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-1 {
margin-left: 8.3333333333%
}
[dir=rtl] .grid>.grid__offset--xs-1 {
margin-left: inherit;
margin-right: 8.3333333333%
}
.grid>.grid__col--xs-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-2 {
margin-left: 16.6666666667%
}
[dir=rtl] .grid>.grid__offset--xs-2 {
margin-left: inherit;
margin-right: 16.6666666667%
}
.grid>.grid__col--xs-3 {
flex-basis: 25%;
max-width: 25%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-3 {
margin-left: 25%
}
[dir=rtl] .grid>.grid__offset--xs-3 {
margin-left: inherit;
margin-right: 25%
}
.grid>.grid__col--xs-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-4 {
margin-left: 33.3333333333%
}
[dir=rtl] .grid>.grid__offset--xs-4 {
margin-left: inherit;
margin-right: 33.3333333333%
}
.grid>.grid__col--xs-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-5 {
margin-left: 41.6666666667%
}
[dir=rtl] .grid>.grid__offset--xs-5 {
margin-left: inherit;
margin-right: 41.6666666667%
}
.grid>.grid__col--xs-6 {
flex-basis: 50%;
max-width: 50%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-6 {
margin-left: 50%
}
[dir=rtl] .grid>.grid__offset--xs-6 {
margin-left: inherit;
margin-right: 50%
}
.grid>.grid__col--xs-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-7 {
margin-left: 58.3333333333%
}
[dir=rtl] .grid>.grid__offset--xs-7 {
margin-left: inherit;
margin-right: 58.3333333333%
}
.grid>.grid__col--xs-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-8 {
margin-left: 66.6666666667%
}
[dir=rtl] .grid>.grid__offset--xs-8 {
margin-left: inherit;
margin-right: 66.6666666667%
}
.grid>.grid__col--xs-9 {
flex-basis: 75%;
max-width: 75%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-9 {
margin-left: 75%
}
[dir=rtl] .grid>.grid__offset--xs-9 {
margin-left: inherit;
margin-right: 75%
}
.grid>.grid__col--xs-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-10 {
margin-left: 83.3333333333%
}
[dir=rtl] .grid>.grid__offset--xs-10 {
margin-left: inherit;
margin-right: 83.3333333333%
}
.grid>.grid__col--xs-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xs-11 {
margin-left: 91.6666666667%
}
[dir=rtl] .grid>.grid__offset--xs-11 {
margin-left: inherit;
margin-right: 91.6666666667%
}
.grid>.grid__col--xs-12 {
flex-basis: 100%;
max-width: 100%;
padding: 0 .5rem
}
}
@media all and (min-width: 600px) {
.grid>.grid__col--sm {
flex: 1
}
.grid>.grid__col--sm-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-1 {
margin-left: 8.3333333333%
}
[dir=rtl] .grid>.grid__offset--sm-1 {
margin-left: inherit;
margin-right: 8.3333333333%
}
.grid>.grid__col--sm-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-2 {
margin-left: 16.6666666667%
}
[dir=rtl] .grid>.grid__offset--sm-2 {
margin-left: inherit;
margin-right: 16.6666666667%
}
.grid>.grid__col--sm-3 {
flex-basis: 25%;
max-width: 25%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-3 {
margin-left: 25%
}
[dir=rtl] .grid>.grid__offset--sm-3 {
margin-left: inherit;
margin-right: 25%
}
.grid>.grid__col--sm-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-4 {
margin-left: 33.3333333333%
}
[dir=rtl] .grid>.grid__offset--sm-4 {
margin-left: inherit;
margin-right: 33.3333333333%
}
.grid>.grid__col--sm-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-5 {
margin-left: 41.6666666667%
}
[dir=rtl] .grid>.grid__offset--sm-5 {
margin-left: inherit;
margin-right: 41.6666666667%
}
.grid>.grid__col--sm-6 {
flex-basis: 50%;
max-width: 50%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-6 {
margin-left: 50%
}
[dir=rtl] .grid>.grid__offset--sm-6 {
margin-left: inherit;
margin-right: 50%
}
.grid>.grid__col--sm-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-7 {
margin-left: 58.3333333333%
}
[dir=rtl] .grid>.grid__offset--sm-7 {
margin-left: inherit;
margin-right: 58.3333333333%
}
.grid>.grid__col--sm-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-8 {
margin-left: 66.6666666667%
}
[dir=rtl] .grid>.grid__offset--sm-8 {
margin-left: inherit;
margin-right: 66.6666666667%
}
.grid>.grid__col--sm-9 {
flex-basis: 75%;
max-width: 75%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-9 {
margin-left: 75%
}
[dir=rtl] .grid>.grid__offset--sm-9 {
margin-left: inherit;
margin-right: 75%
}
.grid>.grid__col--sm-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-10 {
margin-left: 83.3333333333%
}
[dir=rtl] .grid>.grid__offset--sm-10 {
margin-left: inherit;
margin-right: 83.3333333333%
}
.grid>.grid__col--sm-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--sm-11 {
margin-left: 91.6666666667%
}
[dir=rtl] .grid>.grid__offset--sm-11 {
margin-left: inherit;
margin-right: 91.6666666667%
}
.grid>.grid__col--sm-12 {
flex-basis: 100%;
max-width: 100%;
padding: 0 .5rem
}
}
@media all and (min-width: 991px) {
.grid>.grid__col--md {
flex: 1
}
.grid>.grid__col--md-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--md-1 {
margin-left: 8.3333333333%
}
[dir=rtl] .grid>.grid__offset--md-1 {
margin-left: inherit;
margin-right: 8.3333333333%
}
.grid>.grid__col--md-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--md-2 {
margin-left: 16.6666666667%
}
[dir=rtl] .grid>.grid__offset--md-2 {
margin-left: inherit;
margin-right: 16.6666666667%
}
.grid>.grid__col--md-3 {
flex-basis: 25%;
max-width: 25%;
padding: 0 .5rem
}
.grid>.grid__offset--md-3 {
margin-left: 25%
}
[dir=rtl] .grid>.grid__offset--md-3 {
margin-left: inherit;
margin-right: 25%
}
.grid>.grid__col--md-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--md-4 {
margin-left: 33.3333333333%
}
[dir=rtl] .grid>.grid__offset--md-4 {
margin-left: inherit;
margin-right: 33.3333333333%
}
.grid>.grid__col--md-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--md-5 {
margin-left: 41.6666666667%
}
[dir=rtl] .grid>.grid__offset--md-5 {
margin-left: inherit;
margin-right: 41.6666666667%
}
.grid>.grid__col--md-6 {
flex-basis: 50%;
max-width: 50%;
padding: 0 .5rem
}
.grid>.grid__offset--md-6 {
margin-left: 50%
}
[dir=rtl] .grid>.grid__offset--md-6 {
margin-left: inherit;
margin-right: 50%
}
.grid>.grid__col--md-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--md-7 {
margin-left: 58.3333333333%
}
[dir=rtl] .grid>.grid__offset--md-7 {
margin-left: inherit;
margin-right: 58.3333333333%
}
.grid>.grid__col--md-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--md-8 {
margin-left: 66.6666666667%
}
[dir=rtl] .grid>.grid__offset--md-8 {
margin-left: inherit;
margin-right: 66.6666666667%
}
.grid>.grid__col--md-9 {
flex-basis: 75%;
max-width: 75%;
padding: 0 .5rem
}
.grid>.grid__offset--md-9 {
margin-left: 75%
}
[dir=rtl] .grid>.grid__offset--md-9 {
margin-left: inherit;
margin-right: 75%
}
.grid>.grid__col--md-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--md-10 {
margin-left: 83.3333333333%
}
[dir=rtl] .grid>.grid__offset--md-10 {
margin-left: inherit;
margin-right: 83.3333333333%
}
.grid>.grid__col--md-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--md-11 {
margin-left: 91.6666666667%
}
[dir=rtl] .grid>.grid__offset--md-11 {
margin-left: inherit;
margin-right: 91.6666666667%
}
.grid>.grid__col--md-12 {
flex-basis: 100%;
max-width: 100%;
padding: 0 .5rem
}
}
@media all and (min-width: 1200px) {
.grid>.grid__col--lg-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-1 {
margin-left: 8.3333333333%
}
[dir=rtl] .grid>.grid__offset--lg-1 {
margin-left: inherit;
margin-right: 8.3333333333%
}
.grid>.grid__col--lg-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-2 {
margin-left: 16.6666666667%
}
[dir=rtl] .grid>.grid__offset--lg-2 {
margin-left: inherit;
margin-right: 16.6666666667%
}
.grid>.grid__col--lg-3 {
flex-basis: 25%;
max-width: 25%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-3 {
margin-left: 25%
}
[dir=rtl] .grid>.grid__offset--lg-3 {
margin-left: inherit;
margin-right: 25%
}
.grid>.grid__col--lg-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-4 {
margin-left: 33.3333333333%
}
[dir=rtl] .grid>.grid__offset--lg-4 {
margin-left: inherit;
margin-right: 33.3333333333%
}
.grid>.grid__col--lg-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-5 {
margin-left: 41.6666666667%
}
[dir=rtl] .grid>.grid__offset--lg-5 {
margin-left: inherit;
margin-right: 41.6666666667%
}
.grid>.grid__col--lg-6 {
flex-basis: 50%;
max-width: 50%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-6 {
margin-left: 50%
}
[dir=rtl] .grid>.grid__offset--lg-6 {
margin-left: inherit;
margin-right: 50%
}
.grid>.grid__col--lg-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-7 {
margin-left: 58.3333333333%
}
[dir=rtl] .grid>.grid__offset--lg-7 {
margin-left: inherit;
margin-right: 58.3333333333%
}
.grid>.grid__col--lg-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-8 {
margin-left: 66.6666666667%
}
[dir=rtl] .grid>.grid__offset--lg-8 {
margin-left: inherit;
margin-right: 66.6666666667%
}
.grid>.grid__col--lg-9 {
flex-basis: 75%;
max-width: 75%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-9 {
margin-left: 75%
}
[dir=rtl] .grid>.grid__offset--lg-9 {
margin-left: inherit;
margin-right: 75%
}
.grid>.grid__col--lg-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-10 {
margin-left: 83.3333333333%
}
[dir=rtl] .grid>.grid__offset--lg-10 {
margin-left: inherit;
margin-right: 83.3333333333%
}
.grid>.grid__col--lg-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--lg-11 {
margin-left: 91.6666666667%
}
[dir=rtl] .grid>.grid__offset--lg-11 {
margin-left: inherit;
margin-right: 91.6666666667%
}
.grid>.grid__col--lg-12 {
flex-basis: 100%;
max-width: 100%;
padding: 0 .5rem
}
}
@media all and (min-width: 1600px) {
.grid>.grid__col--xl-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-1 {
margin-left: 8.3333333333%
}
[dir=rtl] .grid>.grid__offset--xl-1 {
margin-left: inherit;
margin-right: 8.3333333333%
}
.grid>.grid__col--xl-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-2 {
margin-left: 16.6666666667%
}
[dir=rtl] .grid>.grid__offset--xl-2 {
margin-left: inherit;
margin-right: 16.6666666667%
}
.grid>.grid__col--xl-3 {
flex-basis: 25%;
max-width: 25%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-3 {
margin-left: 25%
}
[dir=rtl] .grid>.grid__offset--xl-3 {
margin-left: inherit;
margin-right: 25%
}
.grid>.grid__col--xl-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-4 {
margin-left: 33.3333333333%
}
[dir=rtl] .grid>.grid__offset--xl-4 {
margin-left: inherit;
margin-right: 33.3333333333%
}
.grid>.grid__col--xl-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-5 {
margin-left: 41.6666666667%
}
[dir=rtl] .grid>.grid__offset--xl-5 {
margin-left: inherit;
margin-right: 41.6666666667%
}
.grid>.grid__col--xl-6 {
flex-basis: 50%;
max-width: 50%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-6 {
margin-left: 50%
}
[dir=rtl] .grid>.grid__offset--xl-6 {
margin-left: inherit;
margin-right: 50%
}
.grid>.grid__col--xl-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-7 {
margin-left: 58.3333333333%
}
[dir=rtl] .grid>.grid__offset--xl-7 {
margin-left: inherit;
margin-right: 58.3333333333%
}
.grid>.grid__col--xl-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-8 {
margin-left: 66.6666666667%
}
[dir=rtl] .grid>.grid__offset--xl-8 {
margin-left: inherit;
margin-right: 66.6666666667%
}
.grid>.grid__col--xl-9 {
flex-basis: 75%;
max-width: 75%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-9 {
margin-left: 75%
}
[dir=rtl] .grid>.grid__offset--xl-9 {
margin-left: inherit;
margin-right: 75%
}
.grid>.grid__col--xl-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-10 {
margin-left: 83.3333333333%
}
[dir=rtl] .grid>.grid__offset--xl-10 {
margin-left: inherit;
margin-right: 83.3333333333%
}
.grid>.grid__col--xl-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xl-11 {
margin-left: 91.6666666667%
}
[dir=rtl] .grid>.grid__offset--xl-11 {
margin-left: inherit;
margin-right: 91.6666666667%
}
.grid>.grid__col--xl-12 {
flex-basis: 100%;
max-width: 100%;
padding: 0 .5rem
}
}
@media all and (min-width: 2000px) {
.grid>.grid__col--xxl-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-1 {
margin-left: 8.3333333333%
}
[dir=rtl] .grid>.grid__offset--xxl-1 {
margin-left: inherit;
margin-right: 8.3333333333%
}
.grid>.grid__col--xxl-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-2 {
margin-left: 16.6666666667%
}
[dir=rtl] .grid>.grid__offset--xxl-2 {
margin-left: inherit;
margin-right: 16.6666666667%
}
.grid>.grid__col--xxl-3 {
flex-basis: 25%;
max-width: 25%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-3 {
margin-left: 25%
}
[dir=rtl] .grid>.grid__offset--xxl-3 {
margin-left: inherit;
margin-right: 25%
}
.grid>.grid__col--xxl-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-4 {
margin-left: 33.3333333333%
}
[dir=rtl] .grid>.grid__offset--xxl-4 {
margin-left: inherit;
margin-right: 33.3333333333%
}
.grid>.grid__col--xxl-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-5 {
margin-left: 41.6666666667%
}
[dir=rtl] .grid>.grid__offset--xxl-5 {
margin-left: inherit;
margin-right: 41.6666666667%
}
.grid>.grid__col--xxl-6 {
flex-basis: 50%;
max-width: 50%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-6 {
margin-left: 50%
}
[dir=rtl] .grid>.grid__offset--xxl-6 {
margin-left: inherit;
margin-right: 50%
}
.grid>.grid__col--xxl-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-7 {
margin-left: 58.3333333333%
}
[dir=rtl] .grid>.grid__offset--xxl-7 {
margin-left: inherit;
margin-right: 58.3333333333%
}
.grid>.grid__col--xxl-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-8 {
margin-left: 66.6666666667%
}
[dir=rtl] .grid>.grid__offset--xxl-8 {
margin-left: inherit;
margin-right: 66.6666666667%
}
.grid>.grid__col--xxl-9 {
flex-basis: 75%;
max-width: 75%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-9 {
margin-left: 75%
}
[dir=rtl] .grid>.grid__offset--xxl-9 {
margin-left: inherit;
margin-right: 75%
}
.grid>.grid__col--xxl-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-10 {
margin-left: 83.3333333333%
}
[dir=rtl] .grid>.grid__offset--xxl-10 {
margin-left: inherit;
margin-right: 83.3333333333%
}
.grid>.grid__col--xxl-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 0 .5rem
}
.grid>.grid__offset--xxl-11 {
margin-left: 91.6666666667%
}
[dir=rtl] .grid>.grid__offset--xxl-11 {
margin-left: inherit;
margin-right: 91.6666666667%
}
.grid>.grid__col--xxl-12 {
flex-basis: 100%;
max-width: 100%;
padding: 0 .5rem
}
}
.page-template__content {
background-color: #ebf0f0;
height: 100%
}
@media all and (min-width: 991px) {
.page-template__content {
background-color: #fff;
height: auto
}
}
.page-template__form {
border-radius: 1rem 1rem 0px 0px;
background-color: #fff;
display: inline-flex;
height: 100%
}
.page-template__form>.grid__col>h2 {
font-size: var(--font-size-28);
line-height: 36px
}
[dir=rtl] .page-template__form>.grid__col>h2 {
line-height: 44px
}
@media all and (min-width: 991px) {
.page-template__form>.grid__col>h2 {
font-size: var(--font-size-36);
line-height: 44px
}
}
.page-template__form>.grid__col>h2 picture {
width: 2rem;
height: 2rem
}
.page-template__form>.grid__col>h2 picture img {
width: 100%
}
.page-template__form>.grid__col>p {
font-size: var(--font-size-16);
line-height: 24px
}
@media all and (min-width: 991px) {
.page-template__form>.grid__col>p {
font-size: var(--font-size-18);
line-height: 28px
}
}
@media all and (min-width: 991px) {
.page-template__form {
border-radius: 0;
height: auto
}
}
.background-color--black {
background-color: #221e20
}
.background-color--white,
.card-payments-expandable {
background-color: #ffffff
}
.background-color--red-50,
.card-payments__icon--small,
.icon-box {
background-color: #fde8e9
}
.background-color--red-500 {
background-color: #ed1c24
}
.background-color--red-600 {
background-color: #d71923
}
.background-color--red-700 {
background-color: #a91419
}
.background-color--blue-50 {
background-color: #e6efff
}
.background-color--blue-75,
.card-payments-expandable__content {
background-color: #eef4f8
}
.background-color--blue-500 {
background-color: #0047bb
}
.background-color--blue-700 {
background-color: #003387
}
.background-color--darkblue {
background-color: #141b4d
}
.background-color--rosepink {
background-color: #ff585d
}
.background-color--yellow {
background-color: #ffd100
}
.background-color--danger-50 {
background-color: #ffe5e6
}
.background-color--success-50,
.card-account-manage-autopay--active .card-account-manage-autopay__content {
background-color: #ebfaf2
}
.background-color--success-100 {
background-color: #c3efd5
}
.background-color--success-700 {
background-color: #279055
}
.background-color--info-100 {
background-color: #d8eeea
}
.background-color--surface-100,
.card-payments,
.card-payments-skeleton,
.icon-box:hover {
background-color: #fdfdfd
}
.background-color--surface-200,
.card-plans__travel-insurance-qic {
background-color: #ebf0f0
}
.background-color--surface-300 {
background-color: #dfe7e7
}
.background-color--lightgray-200 {
background-color: #f4f4f4
}
.background-color--transparent {
background-color: transparent
}
.background-color--turquoise {
background-color: #3cdbc0
}
.background-color--warning-100,
.card-account-manage-autopay--inactive .card-account-manage-autopay__content {
background-color: #fbedb1
}
@media all and (min-width: 600px) {
.background-color--black-sm {
background-color: #221e20
}
.background-color--white-sm {
background-color: #ffffff
}
.background-color--red-50-sm {
background-color: #fde8e9
}
.background-color--red-500-sm {
background-color: #ed1c24
}
.background-color--red-600-sm {
background-color: #d71923
}
.background-color--red-700-sm {
background-color: #a91419
}
.background-color--blue-50-sm {
background-color: #e6efff
}
.background-color--blue-75-sm {
background-color: #eef4f8
}
.background-color--blue-500-sm {
background-color: #0047bb
}
.background-color--blue-700-sm {
background-color: #003387
}
.background-color--darkblue-sm {
background-color: #141b4d
}
.background-color--rosepink-sm {
background-color: #ff585d
}
.background-color--yellow-sm {
background-color: #ffd100
}
.background-color--danger-50-sm {
background-color: #ffe5e6
}
.background-color--success-50-sm {
background-color: #ebfaf2
}
.background-color--success-100-sm {
background-color: #c3efd5
}
.background-color--success-700-sm {
background-color: #279055
}
.background-color--info-100-sm {
background-color: #d8eeea
}
.background-color--surface-100-sm {
background-color: #fdfdfd
}
.background-color--surface-200-sm {
background-color: #ebf0f0
}
.background-color--surface-300-sm {
background-color: #dfe7e7
}
.background-color--lightgray-200-sm {
background-color: #f4f4f4
}
.background-color--transparent-sm {
background-color: transparent
}
.background-color--turquoise-sm {
background-color: #3cdbc0
}
.background-color--warning-100-sm {
background-color: #fbedb1
}
}
@media all and (min-width: 991px) {
.background-color--black-md {
background-color: #221e20
}
.background-color--white-md {
background-color: #ffffff
}
.background-color--red-50-md {
background-color: #fde8e9
}
.background-color--red-500-md {
background-color: #ed1c24
}
.background-color--red-600-md {
background-color: #d71923
}
.background-color--red-700-md {
background-color: #a91419
}
.background-color--blue-50-md {
background-color: #e6efff
}
.background-color--blue-75-md {
background-color: #eef4f8
}
.background-color--blue-500-md {
background-color: #0047bb
}
.background-color--blue-700-md {
background-color: #003387
}
.background-color--darkblue-md {
background-color: #141b4d
}
.background-color--rosepink-md {
background-color: #ff585d
}
.background-color--yellow-md {
background-color: #ffd100
}
.background-color--danger-50-md {
background-color: #ffe5e6
}
.background-color--success-50-md {
background-color: #ebfaf2
}
.background-color--success-100-md {
background-color: #c3efd5
}
.background-color--success-700-md {
background-color: #279055
}
.background-color--info-100-md {
background-color: #d8eeea
}
.background-color--surface-100-md {
background-color: #fdfdfd
}
.background-color--surface-200-md {
background-color: #ebf0f0
}
.background-color--surface-300-md {
background-color: #dfe7e7
}
.background-color--lightgray-200-md {
background-color: #f4f4f4
}
.background-color--transparent-md {
background-color: transparent
}
.background-color--turquoise-md {
background-color: #3cdbc0
}
.background-color--warning-100-md {
background-color: #fbedb1
}
}
@media all and (min-width: 991px) {
.background-color--black-mdl {
background-color: #221e20
}
.background-color--white-mdl {
background-color: #ffffff
}
.background-color--red-50-mdl {
background-color: #fde8e9
}
.background-color--red-500-mdl {
background-color: #ed1c24
}
.background-color--red-600-mdl {
background-color: #d71923
}
.background-color--red-700-mdl {
background-color: #a91419
}
.background-color--blue-50-mdl {
background-color: #e6efff
}
.background-color--blue-75-mdl {
background-color: #eef4f8
}
.background-color--blue-500-mdl {
background-color: #0047bb
}
.background-color--blue-700-mdl {
background-color: #003387
}
.background-color--darkblue-mdl {
background-color: #141b4d
}
.background-color--rosepink-mdl {
background-color: #ff585d
}
.background-color--yellow-mdl {
background-color: #ffd100
}
.background-color--danger-50-mdl {
background-color: #ffe5e6
}
.background-color--success-50-mdl {
background-color: #ebfaf2
}
.background-color--success-100-mdl {
background-color: #c3efd5
}
.background-color--success-700-mdl {
background-color: #279055
}
.background-color--info-100-mdl {
background-color: #d8eeea
}
.background-color--surface-100-mdl {
background-color: #fdfdfd
}
.background-color--surface-200-mdl {
background-color: #ebf0f0
}
.background-color--surface-300-mdl {
background-color: #dfe7e7
}
.background-color--lightgray-200-mdl {
background-color: #f4f4f4
}
.background-color--transparent-mdl {
background-color: transparent
}
.background-color--turquoise-mdl {
background-color: #3cdbc0
}
.background-color--warning-100-mdl {
background-color: #fbedb1
}
}
@media all and (min-width: 1200px) {
.background-color--black-lg {
background-color: #221e20
}
.background-color--white-lg {
background-color: #ffffff
}
.background-color--red-50-lg {
background-color: #fde8e9
}
.background-color--red-500-lg {
background-color: #ed1c24
}
.background-color--red-600-lg {
background-color: #d71923
}
.background-color--red-700-lg {
background-color: #a91419
}
.background-color--blue-50-lg {
background-color: #e6efff
}
.background-color--blue-75-lg {
background-color: #eef4f8
}
.background-color--blue-500-lg {
background-color: #0047bb
}
.background-color--blue-700-lg {
background-color: #003387
}
.background-color--darkblue-lg {
background-color: #141b4d
}
.background-color--rosepink-lg {
background-color: #ff585d
}
.background-color--yellow-lg {
background-color: #ffd100
}
.background-color--danger-50-lg {
background-color: #ffe5e6
}
.background-color--success-50-lg {
background-color: #ebfaf2
}
.background-color--success-100-lg {
background-color: #c3efd5
}
.background-color--success-700-lg {
background-color: #279055
}
.background-color--info-100-lg {
background-color: #d8eeea
}
.background-color--surface-100-lg {
background-color: #fdfdfd
}
.background-color--surface-200-lg {
background-color: #ebf0f0
}
.background-color--surface-300-lg {
background-color: #dfe7e7
}
.background-color--lightgray-200-lg {
background-color: #f4f4f4
}
.background-color--transparent-lg {
background-color: transparent
}
.background-color--turquoise-lg {
background-color: #3cdbc0
}
.background-color--warning-100-lg {
background-color: #fbedb1
}
}
@media all and (min-width: 1600px) {
.background-color--black-xl {
background-color: #221e20
}
.background-color--white-xl {
background-color: #ffffff
}
.background-color--red-50-xl {
background-color: #fde8e9
}
.background-color--red-500-xl {
background-color: #ed1c24
}
.background-color--red-600-xl {
background-color: #d71923
}
.background-color--red-700-xl {
background-color: #a91419
}
.background-color--blue-50-xl {
background-color: #e6efff
}
.background-color--blue-75-xl {
background-color: #eef4f8
}
.background-color--blue-500-xl {
background-color: #0047bb
}
.background-color--blue-700-xl {
background-color: #003387
}
.background-color--darkblue-xl {
background-color: #141b4d
}
.background-color--rosepink-xl {
background-color: #ff585d
}
.background-color--yellow-xl {
background-color: #ffd100
}
.background-color--danger-50-xl {
background-color: #ffe5e6
}
.background-color--success-50-xl {
background-color: #ebfaf2
}
.background-color--success-100-xl {
background-color: #c3efd5
}
.background-color--success-700-xl {
background-color: #279055
}
.background-color--info-100-xl {
background-color: #d8eeea
}
.background-color--surface-100-xl {
background-color: #fdfdfd
}
.background-color--surface-200-xl {
background-color: #ebf0f0
}
.background-color--surface-300-xl {
background-color: #dfe7e7
}
.background-color--lightgray-200-xl {
background-color: #f4f4f4
}
.background-color--transparent-xl {
background-color: transparent
}
.background-color--turquoise-xl {
background-color: #3cdbc0
}
.background-color--warning-100-xl {
background-color: #fbedb1
}
}
@media all and (min-width: 2000px) {
.background-color--black-xxl {
background-color: #221e20
}
.background-color--white-xxl {
background-color: #ffffff
}
.background-color--red-50-xxl {
background-color: #fde8e9
}
.background-color--red-500-xxl {
background-color: #ed1c24
}
.background-color--red-600-xxl {
background-color: #d71923
}
.background-color--red-700-xxl {
background-color: #a91419
}
.background-color--blue-50-xxl {
background-color: #e6efff
}
.background-color--blue-75-xxl {
background-color: #eef4f8
}
.background-color--blue-500-xxl {
background-color: #0047bb
}
.background-color--blue-700-xxl {
background-color: #003387
}
.background-color--darkblue-xxl {
background-color: #141b4d
}
.background-color--rosepink-xxl {
background-color: #ff585d
}
.background-color--yellow-xxl {
background-color: #ffd100
}
.background-color--danger-50-xxl {
background-color: #ffe5e6
}
.background-color--success-50-xxl {
background-color: #ebfaf2
}
.background-color--success-100-xxl {
background-color: #c3efd5
}
.background-color--success-700-xxl {
background-color: #279055
}
.background-color--info-100-xxl {
background-color: #d8eeea
}
.background-color--surface-100-xxl {
background-color: #fdfdfd
}
.background-color--surface-200-xxl {
background-color: #ebf0f0
}
.background-color--surface-300-xxl {
background-color: #dfe7e7
}
.background-color--lightgray-200-xxl {
background-color: #f4f4f4
}
.background-color--transparent-xxl {
background-color: transparent
}
.background-color--turquoise-xxl {
background-color: #3cdbc0
}
.background-color--warning-100-xxl {
background-color: #fbedb1
}
}
.background-shape {
position: relative
}
.background-shape::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: calc(100% - .5rem);
background-color: #86c8bc;
border-radius: 0;
z-index: 0
}
[dir=rtl] .background-shape::before {
right: inherit;
left: 0
}
@media all and (min-width: 991px) {
.background-shape::before {
width: calc(50% - 1.25rem);
border-radius: 15.625rem 0 0 15.625rem
}
[dir=rtl] .background-shape::before {
border-radius: 0 15.625rem 15.625rem 0
}
}
.background-shape>.grid {
position: relative;
z-index: 1
}
.border-radius--02 {
border-radius: 0.125rem
}
.border-radius--04,
.card-payments-expandable__header__middle-content__network-icons__icon {
border-radius: 0.25rem
}
.border-radius--05 {
border-radius: 0.313rem
}
.border-radius--08,
.card-payments__icon--small,
.icon-box,
.button-icon {
border-radius: 0.5rem
}
.border-radius--12,
.card-credit,
.card-payments-expandable,
.card-payments,
.card-payments-skeleton {
border-radius: 0.75rem
}
.border-radius--16,
.card-plans__travel-insurance-qic {
border-radius: 1rem
}
.border-radius--20 {
border-radius: 1.25rem
}
.border-radius--24 {
border-radius: 1.5rem
}
.border-radius--32 {
border-radius: 2rem
}
.border-radius--round {
border-radius: 50%
}
@media all and (min-width: 600px) {
.border-radius--02-sm {
border-radius: 0.125rem
}
.border-radius--04-sm {
border-radius: 0.25rem
}
.border-radius--05-sm {
border-radius: 0.313rem
}
.border-radius--08-sm {
border-radius: 0.5rem
}
.border-radius--12-sm {
border-radius: 0.75rem
}
.border-radius--16-sm {
border-radius: 1rem
}
.border-radius--20-sm {
border-radius: 1.25rem
}
.border-radius--24-sm {
border-radius: 1.5rem
}
.border-radius--32-sm {
border-radius: 2rem
}
.border-radius--round-sm {
border-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius--02-md {
border-radius: 0.125rem
}
.border-radius--04-md {
border-radius: 0.25rem
}
.border-radius--05-md {
border-radius: 0.313rem
}
.border-radius--08-md {
border-radius: 0.5rem
}
.border-radius--12-md {
border-radius: 0.75rem
}
.border-radius--16-md {
border-radius: 1rem
}
.border-radius--20-md {
border-radius: 1.25rem
}
.border-radius--24-md {
border-radius: 1.5rem
}
.border-radius--32-md {
border-radius: 2rem
}
.border-radius--round-md {
border-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius--02-mdl {
border-radius: 0.125rem
}
.border-radius--04-mdl {
border-radius: 0.25rem
}
.border-radius--05-mdl {
border-radius: 0.313rem
}
.border-radius--08-mdl {
border-radius: 0.5rem
}
.border-radius--12-mdl {
border-radius: 0.75rem
}
.border-radius--16-mdl {
border-radius: 1rem
}
.border-radius--20-mdl {
border-radius: 1.25rem
}
.border-radius--24-mdl {
border-radius: 1.5rem
}
.border-radius--32-mdl {
border-radius: 2rem
}
.border-radius--round-mdl {
border-radius: 50%
}
}
@media all and (min-width: 1200px) {
.border-radius--02-lg {
border-radius: 0.125rem
}
.border-radius--04-lg {
border-radius: 0.25rem
}
.border-radius--05-lg {
border-radius: 0.313rem
}
.border-radius--08-lg {
border-radius: 0.5rem
}
.border-radius--12-lg {
border-radius: 0.75rem
}
.border-radius--16-lg {
border-radius: 1rem
}
.border-radius--20-lg {
border-radius: 1.25rem
}
.border-radius--24-lg {
border-radius: 1.5rem
}
.border-radius--32-lg {
border-radius: 2rem
}
.border-radius--round-lg {
border-radius: 50%
}
}
@media all and (min-width: 1600px) {
.border-radius--02-xl {
border-radius: 0.125rem
}
.border-radius--04-xl {
border-radius: 0.25rem
}
.border-radius--05-xl {
border-radius: 0.313rem
}
.border-radius--08-xl {
border-radius: 0.5rem
}
.border-radius--12-xl {
border-radius: 0.75rem
}
.border-radius--16-xl {
border-radius: 1rem
}
.border-radius--20-xl {
border-radius: 1.25rem
}
.border-radius--24-xl {
border-radius: 1.5rem
}
.border-radius--32-xl {
border-radius: 2rem
}
.border-radius--round-xl {
border-radius: 50%
}
}
@media all and (min-width: 2000px) {
.border-radius--02-xxl {
border-radius: 0.125rem
}
.border-radius--04-xxl {
border-radius: 0.25rem
}
.border-radius--05-xxl {
border-radius: 0.313rem
}
.border-radius--08-xxl {
border-radius: 0.5rem
}
.border-radius--12-xxl {
border-radius: 0.75rem
}
.border-radius--16-xxl {
border-radius: 1rem
}
.border-radius--20-xxl {
border-radius: 1.25rem
}
.border-radius--24-xxl {
border-radius: 1.5rem
}
.border-radius--32-xxl {
border-radius: 2rem
}
.border-radius--round-xxl {
border-radius: 50%
}
}
.border-radius__tl--02 {
border-top-left-radius: 0.125rem
}
.border-radius__tl--04 {
border-top-left-radius: 0.25rem
}
.border-radius__tl--05 {
border-top-left-radius: 0.313rem
}
.border-radius__tl--08 {
border-top-left-radius: 0.5rem
}
.border-radius__tl--12 {
border-top-left-radius: 0.75rem
}
.border-radius__tl--16 {
border-top-left-radius: 1rem
}
.border-radius__tl--20 {
border-top-left-radius: 1.25rem
}
.border-radius__tl--24 {
border-top-left-radius: 1.5rem
}
.border-radius__tl--32 {
border-top-left-radius: 2rem
}
.border-radius__tl--round {
border-top-left-radius: 50%
}
@media all and (min-width: 600px) {
.border-radius__tl--02-sm {
border-top-left-radius: 0.125rem
}
.border-radius__tl--04-sm {
border-top-left-radius: 0.25rem
}
.border-radius__tl--05-sm {
border-top-left-radius: 0.313rem
}
.border-radius__tl--08-sm {
border-top-left-radius: 0.5rem
}
.border-radius__tl--12-sm {
border-top-left-radius: 0.75rem
}
.border-radius__tl--16-sm {
border-top-left-radius: 1rem
}
.border-radius__tl--20-sm {
border-top-left-radius: 1.25rem
}
.border-radius__tl--24-sm {
border-top-left-radius: 1.5rem
}
.border-radius__tl--32-sm {
border-top-left-radius: 2rem
}
.border-radius__tl--round-sm {
border-top-left-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius__tl--02-md {
border-top-left-radius: 0.125rem
}
.border-radius__tl--04-md {
border-top-left-radius: 0.25rem
}
.border-radius__tl--05-md {
border-top-left-radius: 0.313rem
}
.border-radius__tl--08-md {
border-top-left-radius: 0.5rem
}
.border-radius__tl--12-md {
border-top-left-radius: 0.75rem
}
.border-radius__tl--16-md {
border-top-left-radius: 1rem
}
.border-radius__tl--20-md {
border-top-left-radius: 1.25rem
}
.border-radius__tl--24-md {
border-top-left-radius: 1.5rem
}
.border-radius__tl--32-md {
border-top-left-radius: 2rem
}
.border-radius__tl--round-md {
border-top-left-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius__tl--02-mdl {
border-top-left-radius: 0.125rem
}
.border-radius__tl--04-mdl {
border-top-left-radius: 0.25rem
}
.border-radius__tl--05-mdl {
border-top-left-radius: 0.313rem
}
.border-radius__tl--08-mdl {
border-top-left-radius: 0.5rem
}
.border-radius__tl--12-mdl {
border-top-left-radius: 0.75rem
}
.border-radius__tl--16-mdl {
border-top-left-radius: 1rem
}
.border-radius__tl--20-mdl {
border-top-left-radius: 1.25rem
}
.border-radius__tl--24-mdl {
border-top-left-radius: 1.5rem
}
.border-radius__tl--32-mdl {
border-top-left-radius: 2rem
}
.border-radius__tl--round-mdl {
border-top-left-radius: 50%
}
}
@media all and (min-width: 1200px) {
.border-radius__tl--02-lg {
border-top-left-radius: 0.125rem
}
.border-radius__tl--04-lg {
border-top-left-radius: 0.25rem
}
.border-radius__tl--05-lg {
border-top-left-radius: 0.313rem
}
.border-radius__tl--08-lg {
border-top-left-radius: 0.5rem
}
.border-radius__tl--12-lg {
border-top-left-radius: 0.75rem
}
.border-radius__tl--16-lg {
border-top-left-radius: 1rem
}
.border-radius__tl--20-lg {
border-top-left-radius: 1.25rem
}
.border-radius__tl--24-lg {
border-top-left-radius: 1.5rem
}
.border-radius__tl--32-lg {
border-top-left-radius: 2rem
}
.border-radius__tl--round-lg {
border-top-left-radius: 50%
}
}
@media all and (min-width: 1600px) {
.border-radius__tl--02-xl {
border-top-left-radius: 0.125rem
}
.border-radius__tl--04-xl {
border-top-left-radius: 0.25rem
}
.border-radius__tl--05-xl {
border-top-left-radius: 0.313rem
}
.border-radius__tl--08-xl {
border-top-left-radius: 0.5rem
}
.border-radius__tl--12-xl {
border-top-left-radius: 0.75rem
}
.border-radius__tl--16-xl {
border-top-left-radius: 1rem
}
.border-radius__tl--20-xl {
border-top-left-radius: 1.25rem
}
.border-radius__tl--24-xl {
border-top-left-radius: 1.5rem
}
.border-radius__tl--32-xl {
border-top-left-radius: 2rem
}
.border-radius__tl--round-xl {
border-top-left-radius: 50%
}
}
@media all and (min-width: 2000px) {
.border-radius__tl--02-xxl {
border-top-left-radius: 0.125rem
}
.border-radius__tl--04-xxl {
border-top-left-radius: 0.25rem
}
.border-radius__tl--05-xxl {
border-top-left-radius: 0.313rem
}
.border-radius__tl--08-xxl {
border-top-left-radius: 0.5rem
}
.border-radius__tl--12-xxl {
border-top-left-radius: 0.75rem
}
.border-radius__tl--16-xxl {
border-top-left-radius: 1rem
}
.border-radius__tl--20-xxl {
border-top-left-radius: 1.25rem
}
.border-radius__tl--24-xxl {
border-top-left-radius: 1.5rem
}
.border-radius__tl--32-xxl {
border-top-left-radius: 2rem
}
.border-radius__tl--round-xxl {
border-top-left-radius: 50%
}
}
.border-radius__tr--02 {
border-top-right-radius: 0.125rem
}
.border-radius__tr--04 {
border-top-right-radius: 0.25rem
}
.border-radius__tr--05 {
border-top-right-radius: 0.313rem
}
.border-radius__tr--08 {
border-top-right-radius: 0.5rem
}
.border-radius__tr--12 {
border-top-right-radius: 0.75rem
}
.border-radius__tr--16 {
border-top-right-radius: 1rem
}
.border-radius__tr--20 {
border-top-right-radius: 1.25rem
}
.border-radius__tr--24 {
border-top-right-radius: 1.5rem
}
.border-radius__tr--32 {
border-top-right-radius: 2rem
}
.border-radius__tr--round {
border-top-right-radius: 50%
}
@media all and (min-width: 600px) {
.border-radius__tr--02-sm {
border-top-right-radius: 0.125rem
}
.border-radius__tr--04-sm {
border-top-right-radius: 0.25rem
}
.border-radius__tr--05-sm {
border-top-right-radius: 0.313rem
}
.border-radius__tr--08-sm {
border-top-right-radius: 0.5rem
}
.border-radius__tr--12-sm {
border-top-right-radius: 0.75rem
}
.border-radius__tr--16-sm {
border-top-right-radius: 1rem
}
.border-radius__tr--20-sm {
border-top-right-radius: 1.25rem
}
.border-radius__tr--24-sm {
border-top-right-radius: 1.5rem
}
.border-radius__tr--32-sm {
border-top-right-radius: 2rem
}
.border-radius__tr--round-sm {
border-top-right-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius__tr--02-md {
border-top-right-radius: 0.125rem
}
.border-radius__tr--04-md {
border-top-right-radius: 0.25rem
}
.border-radius__tr--05-md {
border-top-right-radius: 0.313rem
}
.border-radius__tr--08-md {
border-top-right-radius: 0.5rem
}
.border-radius__tr--12-md {
border-top-right-radius: 0.75rem
}
.border-radius__tr--16-md {
border-top-right-radius: 1rem
}
.border-radius__tr--20-md {
border-top-right-radius: 1.25rem
}
.border-radius__tr--24-md {
border-top-right-radius: 1.5rem
}
.border-radius__tr--32-md {
border-top-right-radius: 2rem
}
.border-radius__tr--round-md {
border-top-right-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius__tr--02-mdl {
border-top-right-radius: 0.125rem
}
.border-radius__tr--04-mdl {
border-top-right-radius: 0.25rem
}
.border-radius__tr--05-mdl {
border-top-right-radius: 0.313rem
}
.border-radius__tr--08-mdl {
border-top-right-radius: 0.5rem
}
.border-radius__tr--12-mdl {
border-top-right-radius: 0.75rem
}
.border-radius__tr--16-mdl {
border-top-right-radius: 1rem
}
.border-radius__tr--20-mdl {
border-top-right-radius: 1.25rem
}
.border-radius__tr--24-mdl {
border-top-right-radius: 1.5rem
}
.border-radius__tr--32-mdl {
border-top-right-radius: 2rem
}
.border-radius__tr--round-mdl {
border-top-right-radius: 50%
}
}
@media all and (min-width: 1200px) {
.border-radius__tr--02-lg {
border-top-right-radius: 0.125rem
}
.border-radius__tr--04-lg {
border-top-right-radius: 0.25rem
}
.border-radius__tr--05-lg {
border-top-right-radius: 0.313rem
}
.border-radius__tr--08-lg {
border-top-right-radius: 0.5rem
}
.border-radius__tr--12-lg {
border-top-right-radius: 0.75rem
}
.border-radius__tr--16-lg {
border-top-right-radius: 1rem
}
.border-radius__tr--20-lg {
border-top-right-radius: 1.25rem
}
.border-radius__tr--24-lg {
border-top-right-radius: 1.5rem
}
.border-radius__tr--32-lg {
border-top-right-radius: 2rem
}
.border-radius__tr--round-lg {
border-top-right-radius: 50%
}
}
@media all and (min-width: 1600px) {
.border-radius__tr--02-xl {
border-top-right-radius: 0.125rem
}
.border-radius__tr--04-xl {
border-top-right-radius: 0.25rem
}
.border-radius__tr--05-xl {
border-top-right-radius: 0.313rem
}
.border-radius__tr--08-xl {
border-top-right-radius: 0.5rem
}
.border-radius__tr--12-xl {
border-top-right-radius: 0.75rem
}
.border-radius__tr--16-xl {
border-top-right-radius: 1rem
}
.border-radius__tr--20-xl {
border-top-right-radius: 1.25rem
}
.border-radius__tr--24-xl {
border-top-right-radius: 1.5rem
}
.border-radius__tr--32-xl {
border-top-right-radius: 2rem
}
.border-radius__tr--round-xl {
border-top-right-radius: 50%
}
}
@media all and (min-width: 2000px) {
.border-radius__tr--02-xxl {
border-top-right-radius: 0.125rem
}
.border-radius__tr--04-xxl {
border-top-right-radius: 0.25rem
}
.border-radius__tr--05-xxl {
border-top-right-radius: 0.313rem
}
.border-radius__tr--08-xxl {
border-top-right-radius: 0.5rem
}
.border-radius__tr--12-xxl {
border-top-right-radius: 0.75rem
}
.border-radius__tr--16-xxl {
border-top-right-radius: 1rem
}
.border-radius__tr--20-xxl {
border-top-right-radius: 1.25rem
}
.border-radius__tr--24-xxl {
border-top-right-radius: 1.5rem
}
.border-radius__tr--32-xxl {
border-top-right-radius: 2rem
}
.border-radius__tr--round-xxl {
border-top-right-radius: 50%
}
}
.border-radius__bl--02 {
border-bottom-left-radius: 0.125rem
}
.border-radius__bl--04 {
border-bottom-left-radius: 0.25rem
}
.border-radius__bl--05 {
border-bottom-left-radius: 0.313rem
}
.border-radius__bl--08 {
border-bottom-left-radius: 0.5rem
}
.border-radius__bl--12,
.card-payments-expandable__content {
border-bottom-left-radius: 0.75rem
}
.border-radius__bl--16 {
border-bottom-left-radius: 1rem
}
.border-radius__bl--20 {
border-bottom-left-radius: 1.25rem
}
.border-radius__bl--24 {
border-bottom-left-radius: 1.5rem
}
.border-radius__bl--32 {
border-bottom-left-radius: 2rem
}
.border-radius__bl--round {
border-bottom-left-radius: 50%
}
@media all and (min-width: 600px) {
.border-radius__bl--02-sm {
border-bottom-left-radius: 0.125rem
}
.border-radius__bl--04-sm {
border-bottom-left-radius: 0.25rem
}
.border-radius__bl--05-sm {
border-bottom-left-radius: 0.313rem
}
.border-radius__bl--08-sm {
border-bottom-left-radius: 0.5rem
}
.border-radius__bl--12-sm {
border-bottom-left-radius: 0.75rem
}
.border-radius__bl--16-sm {
border-bottom-left-radius: 1rem
}
.border-radius__bl--20-sm {
border-bottom-left-radius: 1.25rem
}
.border-radius__bl--24-sm {
border-bottom-left-radius: 1.5rem
}
.border-radius__bl--32-sm {
border-bottom-left-radius: 2rem
}
.border-radius__bl--round-sm {
border-bottom-left-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius__bl--02-md {
border-bottom-left-radius: 0.125rem
}
.border-radius__bl--04-md {
border-bottom-left-radius: 0.25rem
}
.border-radius__bl--05-md {
border-bottom-left-radius: 0.313rem
}
.border-radius__bl--08-md {
border-bottom-left-radius: 0.5rem
}
.border-radius__bl--12-md {
border-bottom-left-radius: 0.75rem
}
.border-radius__bl--16-md {
border-bottom-left-radius: 1rem
}
.border-radius__bl--20-md {
border-bottom-left-radius: 1.25rem
}
.border-radius__bl--24-md {
border-bottom-left-radius: 1.5rem
}
.border-radius__bl--32-md {
border-bottom-left-radius: 2rem
}
.border-radius__bl--round-md {
border-bottom-left-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius__bl--02-mdl {
border-bottom-left-radius: 0.125rem
}
.border-radius__bl--04-mdl {
border-bottom-left-radius: 0.25rem
}
.border-radius__bl--05-mdl {
border-bottom-left-radius: 0.313rem
}
.border-radius__bl--08-mdl {
border-bottom-left-radius: 0.5rem
}
.border-radius__bl--12-mdl {
border-bottom-left-radius: 0.75rem
}
.border-radius__bl--16-mdl {
border-bottom-left-radius: 1rem
}
.border-radius__bl--20-mdl {
border-bottom-left-radius: 1.25rem
}
.border-radius__bl--24-mdl {
border-bottom-left-radius: 1.5rem
}
.border-radius__bl--32-mdl {
border-bottom-left-radius: 2rem
}
.border-radius__bl--round-mdl {
border-bottom-left-radius: 50%
}
}
@media all and (min-width: 1200px) {
.border-radius__bl--02-lg {
border-bottom-left-radius: 0.125rem
}
.border-radius__bl--04-lg {
border-bottom-left-radius: 0.25rem
}
.border-radius__bl--05-lg {
border-bottom-left-radius: 0.313rem
}
.border-radius__bl--08-lg {
border-bottom-left-radius: 0.5rem
}
.border-radius__bl--12-lg {
border-bottom-left-radius: 0.75rem
}
.border-radius__bl--16-lg {
border-bottom-left-radius: 1rem
}
.border-radius__bl--20-lg {
border-bottom-left-radius: 1.25rem
}
.border-radius__bl--24-lg {
border-bottom-left-radius: 1.5rem
}
.border-radius__bl--32-lg {
border-bottom-left-radius: 2rem
}
.border-radius__bl--round-lg {
border-bottom-left-radius: 50%
}
}
@media all and (min-width: 1600px) {
.border-radius__bl--02-xl {
border-bottom-left-radius: 0.125rem
}
.border-radius__bl--04-xl {
border-bottom-left-radius: 0.25rem
}
.border-radius__bl--05-xl {
border-bottom-left-radius: 0.313rem
}
.border-radius__bl--08-xl {
border-bottom-left-radius: 0.5rem
}
.border-radius__bl--12-xl {
border-bottom-left-radius: 0.75rem
}
.border-radius__bl--16-xl {
border-bottom-left-radius: 1rem
}
.border-radius__bl--20-xl {
border-bottom-left-radius: 1.25rem
}
.border-radius__bl--24-xl {
border-bottom-left-radius: 1.5rem
}
.border-radius__bl--32-xl {
border-bottom-left-radius: 2rem
}
.border-radius__bl--round-xl {
border-bottom-left-radius: 50%
}
}
@media all and (min-width: 2000px) {
.border-radius__bl--02-xxl {
border-bottom-left-radius: 0.125rem
}
.border-radius__bl--04-xxl {
border-bottom-left-radius: 0.25rem
}
.border-radius__bl--05-xxl {
border-bottom-left-radius: 0.313rem
}
.border-radius__bl--08-xxl {
border-bottom-left-radius: 0.5rem
}
.border-radius__bl--12-xxl {
border-bottom-left-radius: 0.75rem
}
.border-radius__bl--16-xxl {
border-bottom-left-radius: 1rem
}
.border-radius__bl--20-xxl {
border-bottom-left-radius: 1.25rem
}
.border-radius__bl--24-xxl {
border-bottom-left-radius: 1.5rem
}
.border-radius__bl--32-xxl {
border-bottom-left-radius: 2rem
}
.border-radius__bl--round-xxl {
border-bottom-left-radius: 50%
}
}
.border-radius__br--02 {
border-bottom-right-radius: 0.125rem
}
.border-radius__br--04 {
border-bottom-right-radius: 0.25rem
}
.border-radius__br--05 {
border-bottom-right-radius: 0.313rem
}
.border-radius__br--08 {
border-bottom-right-radius: 0.5rem
}
.border-radius__br--12,
.card-payments-expandable__content {
border-bottom-right-radius: 0.75rem
}
.border-radius__br--16 {
border-bottom-right-radius: 1rem
}
.border-radius__br--20 {
border-bottom-right-radius: 1.25rem
}
.border-radius__br--24 {
border-bottom-right-radius: 1.5rem
}
.border-radius__br--32 {
border-bottom-right-radius: 2rem
}
.border-radius__br--round {
border-bottom-right-radius: 50%
}
@media all and (min-width: 600px) {
.border-radius__br--02-sm {
border-bottom-right-radius: 0.125rem
}
.border-radius__br--04-sm {
border-bottom-right-radius: 0.25rem
}
.border-radius__br--05-sm {
border-bottom-right-radius: 0.313rem
}
.border-radius__br--08-sm {
border-bottom-right-radius: 0.5rem
}
.border-radius__br--12-sm {
border-bottom-right-radius: 0.75rem
}
.border-radius__br--16-sm {
border-bottom-right-radius: 1rem
}
.border-radius__br--20-sm {
border-bottom-right-radius: 1.25rem
}
.border-radius__br--24-sm {
border-bottom-right-radius: 1.5rem
}
.border-radius__br--32-sm {
border-bottom-right-radius: 2rem
}
.border-radius__br--round-sm {
border-bottom-right-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius__br--02-md {
border-bottom-right-radius: 0.125rem
}
.border-radius__br--04-md {
border-bottom-right-radius: 0.25rem
}
.border-radius__br--05-md {
border-bottom-right-radius: 0.313rem
}
.border-radius__br--08-md {
border-bottom-right-radius: 0.5rem
}
.border-radius__br--12-md {
border-bottom-right-radius: 0.75rem
}
.border-radius__br--16-md {
border-bottom-right-radius: 1rem
}
.border-radius__br--20-md {
border-bottom-right-radius: 1.25rem
}
.border-radius__br--24-md {
border-bottom-right-radius: 1.5rem
}
.border-radius__br--32-md {
border-bottom-right-radius: 2rem
}
.border-radius__br--round-md {
border-bottom-right-radius: 50%
}
}
@media all and (min-width: 991px) {
.border-radius__br--02-mdl {
border-bottom-right-radius: 0.125rem
}
.border-radius__br--04-mdl {
border-bottom-right-radius: 0.25rem
}
.border-radius__br--05-mdl {
border-bottom-right-radius: 0.313rem
}
.border-radius__br--08-mdl {
border-bottom-right-radius: 0.5rem
}
.border-radius__br--12-mdl {
border-bottom-right-radius: 0.75rem
}
.border-radius__br--16-mdl {
border-bottom-right-radius: 1rem
}
.border-radius__br--20-mdl {
border-bottom-right-radius: 1.25rem
}
.border-radius__br--24-mdl {
border-bottom-right-radius: 1.5rem
}
.border-radius__br--32-mdl {
border-bottom-right-radius: 2rem
}
.border-radius__br--round-mdl {
border-bottom-right-radius: 50%
}
}
@media all and (min-width: 1200px) {
.border-radius__br--02-lg {
border-bottom-right-radius: 0.125rem
}
.border-radius__br--04-lg {
border-bottom-right-radius: 0.25rem
}
.border-radius__br--05-lg {
border-bottom-right-radius: 0.313rem
}
.border-radius__br--08-lg {
border-bottom-right-radius: 0.5rem
}
.border-radius__br--12-lg {
border-bottom-right-radius: 0.75rem
}
.border-radius__br--16-lg {
border-bottom-right-radius: 1rem
}
.border-radius__br--20-lg {
border-bottom-right-radius: 1.25rem
}
.border-radius__br--24-lg {
border-bottom-right-radius: 1.5rem
}
.border-radius__br--32-lg {
border-bottom-right-radius: 2rem
}
.border-radius__br--round-lg {
border-bottom-right-radius: 50%
}
}
@media all and (min-width: 1600px) {
.border-radius__br--02-xl {
border-bottom-right-radius: 0.125rem
}
.border-radius__br--04-xl {
border-bottom-right-radius: 0.25rem
}
.border-radius__br--05-xl {
border-bottom-right-radius: 0.313rem
}
.border-radius__br--08-xl {
border-bottom-right-radius: 0.5rem
}
.border-radius__br--12-xl {
border-bottom-right-radius: 0.75rem
}
.border-radius__br--16-xl {
border-bottom-right-radius: 1rem
}
.border-radius__br--20-xl {
border-bottom-right-radius: 1.25rem
}
.border-radius__br--24-xl {
border-bottom-right-radius: 1.5rem
}
.border-radius__br--32-xl {
border-bottom-right-radius: 2rem
}
.border-radius__br--round-xl {
border-bottom-right-radius: 50%
}
}
@media all and (min-width: 2000px) {
.border-radius__br--02-xxl {
border-bottom-right-radius: 0.125rem
}
.border-radius__br--04-xxl {
border-bottom-right-radius: 0.25rem
}
.border-radius__br--05-xxl {
border-bottom-right-radius: 0.313rem
}
.border-radius__br--08-xxl {
border-bottom-right-radius: 0.5rem
}
.border-radius__br--12-xxl {
border-bottom-right-radius: 0.75rem
}
.border-radius__br--16-xxl {
border-bottom-right-radius: 1rem
}
.border-radius__br--20-xxl {
border-bottom-right-radius: 1.25rem
}
.border-radius__br--24-xxl {
border-bottom-right-radius: 1.5rem
}
.border-radius__br--32-xxl {
border-bottom-right-radius: 2rem
}
.border-radius__br--round-xxl {
border-bottom-right-radius: 50%
}
}
.border__top--pastelturquoise-25 {
border-top: 1px solid rgba(134, 200, 188, .1450980392) !important
}
.border__top--success {
border-top: 1px solid #39cb78 !important
}
.border__top--gray-100 {
border-top: 1px solid #aaa !important
}
.border__top--lightgray-400 {
border-top: 1px solid #e0e0e0 !important
}
.border__top--blue-500 {
border-top: 1px solid #0047bb !important
}
.border__top--transparent {
border-top: 1px solid rgba(0, 0, 0, 0) !important
}
.border__bottom--pastelturquoise-25 {
border-bottom: 1px solid rgba(134, 200, 188, .1450980392) !important
}
.border__bottom--success {
border-bottom: 1px solid #39cb78 !important
}
.border__bottom--gray-100 {
border-bottom: 1px solid #aaa !important
}
.border__bottom--lightgray-400 {
border-bottom: 1px solid #e0e0e0 !important
}
.border__bottom--blue-500 {
border-bottom: 1px solid #0047bb !important
}
.border__bottom--transparent {
border-bottom: 1px solid rgba(0, 0, 0, 0) !important
}
.border__left--pastelturquoise-25 {
border-left: 1px solid rgba(134, 200, 188, .1450980392) !important
}
.border__left--success {
border-left: 1px solid #39cb78 !important
}
.border__left--gray-100 {
border-left: 1px solid #aaa !important
}
.border__left--lightgray-400 {
border-left: 1px solid #e0e0e0 !important
}
.border__left--blue-500 {
border-left: 1px solid #0047bb !important
}
.border__left--transparent {
border-left: 1px solid rgba(0, 0, 0, 0) !important
}
.border__right--pastelturquoise-25 {
border-right: 1px solid rgba(134, 200, 188, .1450980392) !important
}
.border__right--success {
border-right: 1px solid #39cb78 !important
}
.border__right--gray-100 {
border-right: 1px solid #aaa !important
}
.border__right--lightgray-400 {
border-right: 1px solid #e0e0e0 !important
}
.border__right--blue-500 {
border-right: 1px solid #0047bb !important
}
.border__right--transparent {
border-right: 1px solid rgba(0, 0, 0, 0) !important
}
.border--pastelturquoise-25 {
border: 1px solid rgba(134, 200, 188, .1450980392) !important
}
.border--success {
border: 1px solid #39cb78 !important
}
.border--gray-100,
.card-payments-expandable__header__middle-content__network-icons__icon {
border: 1px solid #aaa !important
}
.border--lightgray-400 {
border: 1px solid #e0e0e0 !important
}
.border--blue-500 {
border: 1px solid #0047bb !important
}
.border--transparent {
border: 1px solid rgba(0, 0, 0, 0) !important
}
.clear-hover__border--top:hover {
border-top-color: rgba(0, 0, 0, 0) !important
}
.clear-hover__border--bottom:hover {
border-bottom-color: rgba(0, 0, 0, 0) !important
}
.clear-hover__border--left:hover {
border-left-color: rgba(0, 0, 0, 0) !important
}
.clear-hover__border--right:hover {
border-right-color: rgba(0, 0, 0, 0) !important
}
.clear-active__border--top:active {
border-top-color: rgba(0, 0, 0, 0) !important
}
.clear-active__border--bottom:active {
border-bottom-color: rgba(0, 0, 0, 0) !important
}
.clear-active__border--left:active {
border-left-color: rgba(0, 0, 0, 0) !important
}
.clear-active__border--right:active {
border-right-color: rgba(0, 0, 0, 0) !important
}
.clear-focus__border--top:focus {
border-top-color: rgba(0, 0, 0, 0) !important
}
.clear-focus__border--bottom:focus {
border-bottom-color: rgba(0, 0, 0, 0) !important
}
.clear-focus__border--left:focus {
border-left-color: rgba(0, 0, 0, 0) !important
}
.clear-focus__border--right:focus {
border-right-color: rgba(0, 0, 0, 0) !important
}
.cursor--default,
.button-icon:disabled {
cursor: default
}
.cursor--pointer,
.card-selectable__container,
.card-payments {
cursor: pointer
}
.cursor--auto {
cursor: auto
}
@media all and (min-width: 600px) {
.cursor--default-sm {
cursor: default
}
.cursor--pointer-sm {
cursor: pointer
}
.cursor--auto-sm {
cursor: auto
}
}
@media all and (min-width: 991px) {
.cursor--default-md {
cursor: default
}
.cursor--pointer-md {
cursor: pointer
}
.cursor--auto-md {
cursor: auto
}
}
@media all and (min-width: 991px) {
.cursor--default-mdl {
cursor: default
}
.cursor--pointer-mdl {
cursor: pointer
}
.cursor--auto-mdl {
cursor: auto
}
}
@media all and (min-width: 1200px) {
.cursor--default-lg {
cursor: default
}
.cursor--pointer-lg {
cursor: pointer
}
.cursor--auto-lg {
cursor: auto
}
}
@media all and (min-width: 1600px) {
.cursor--default-xl {
cursor: default
}
.cursor--pointer-xl {
cursor: pointer
}
.cursor--auto-xl {
cursor: auto
}
}
@media all and (min-width: 2000px) {
.cursor--default-xxl {
cursor: default
}
.cursor--pointer-xxl {
cursor: pointer
}
.cursor--auto-xxl {
cursor: auto
}
}
.flex,
.card-saved-credit-card-selectable__title,
.info-callout,
.info-callout__scrollable,
.info-callout__scrollable__content,
.info-callout__scrollable__buttons,
.saved-cards-slider .swiper-slide,
.rating__expandable-section,
.card-credit__content,
.card-credit__content__bottom,
.card-credit__content__bottom__container,
.card-selectable,
.card-selectable__container,
.card-selectable__container__start,
.card-selectable__container__middle,
.card-selectable__container__end,
.card-selectable__container__end__radio,
.card-selectable-skeleton,
.card-selectable-skeleton__middle,
.card-plans__travel-insurance-qic,
.card-plans__travel-insurance-qic__content,
.card-payments-expandable__header,
.card-payments-expandable__header__middle-content,
.card-payments-expandable__header__middle-content__network-icons,
.card-payments-expandable__content,
.card-payments,
.card-payments__icon,
.card-payments__content,
.card-payments__content__middle,
.card-payments__content__arrow,
.card-payments__warning,
.card-payments-skeleton,
.card-payments-skeleton__content,
.card-account-manage-autopay,
.card-account-manage-autopay__content,
.icon-box,
.button-icon {
display: flex
}
.flex--inline {
display: inline-flex
}
@media all and (min-width: 600px) {
.flex-sm {
display: flex
}
.flex--inline-sm {
display: inline-flex
}
}
@media all and (min-width: 991px) {
.flex-md {
display: flex
}
.flex--inline-md {
display: inline-flex
}
}
@media all and (min-width: 991px) {
.flex-mdl {
display: flex
}
.flex--inline-mdl {
display: inline-flex
}
}
@media all and (min-width: 1200px) {
.flex-lg {
display: flex
}
.flex--inline-lg {
display: inline-flex
}
}
@media all and (min-width: 1600px) {
.flex-xl {
display: flex
}
.flex--inline-xl {
display: inline-flex
}
}
@media all and (min-width: 2000px) {
.flex-xxl {
display: flex
}
.flex--inline-xxl {
display: inline-flex
}
}
.display--block {
display: block
}
.display--inline,
.card-plans__travel-insurance-qic__content__link-container__description {
display: inline
}
.display--ruby {
display: ruby
}
.display--inline-block {
display: inline-block
}
.display--table {
display: table
}
@media all and (min-width: 600px) {
.display--block-sm {
display: block
}
.display--inline-sm {
display: inline
}
.display--ruby-sm {
display: ruby
}
.display--inline-block-sm {
display: inline-block
}
.display--table-sm {
display: table
}
}
@media all and (min-width: 991px) {
.display--block-md {
display: block
}
.display--inline-md {
display: inline
}
.display--ruby-md {
display: ruby
}
.display--inline-block-md {
display: inline-block
}
.display--table-md {
display: table
}
}
@media all and (min-width: 991px) {
.display--block-mdl {
display: block
}
.display--inline-mdl {
display: inline
}
.display--ruby-mdl {
display: ruby
}
.display--inline-block-mdl {
display: inline-block
}
.display--table-mdl {
display: table
}
}
@media all and (min-width: 1200px) {
.display--block-lg {
display: block
}
.display--inline-lg {
display: inline
}
.display--ruby-lg {
display: ruby
}
.display--inline-block-lg {
display: inline-block
}
.display--table-lg {
display: table
}
}
@media all and (min-width: 1600px) {
.display--block-xl {
display: block
}
.display--inline-xl {
display: inline
}
.display--ruby-xl {
display: ruby
}
.display--inline-block-xl {
display: inline-block
}
.display--table-xl {
display: table
}
}
@media all and (min-width: 2000px) {
.display--block-xxl {
display: block
}
.display--inline-xxl {
display: inline
}
.display--ruby-xxl {
display: ruby
}
.display--inline-block-xxl {
display: inline-block
}
.display--table-xxl {
display: table
}
}
.block {
display: block
}
.ruby {
display: ruby
}
.direction--rtl {
direction: rtl
}
.direction--ltr {
direction: ltr
}
.flex__align--start,
.card-selectable__container__middle,
.card-plans__travel-insurance-qic,
.card-payments-expandable__header__middle-content,
.card-payments__content__middle {
align-items: flex-start
}
.flex__align--center,
.card-saved-credit-card-selectable__title,
.card-selectable__container,
.card-selectable__container__start,
.card-selectable__container__end,
.card-selectable__container__end__radio,
.card-selectable-skeleton,
.card-payments-expandable__header__middle-content__network-icons,
.card-payments-expandable__content,
.card-payments,
.card-payments__icon,
.card-payments__content,
.card-payments__content__arrow,
.card-payments-skeleton,
.card-account-manage-autopay__content,
.icon-box,
.button-icon {
align-items: center
}
.flex__align--end {
align-items: flex-end
}
.flex__align--baseline {
align-items: baseline
}
.flex__align--stretch {
align-items: stretch
}
@media all and (min-width: 600px) {
.flex__align--start-sm {
align-items: flex-start
}
.flex__align--center-sm,
.info-callout__scrollable {
align-items: center
}
.flex__align--end-sm {
align-items: flex-end
}
.flex__align--baseline-sm {
align-items: baseline
}
.flex__align--stretch-sm {
align-items: stretch
}
}
@media all and (min-width: 991px) {
.flex__align--start-md,
.info-callout__scrollable {
align-items: flex-start
}
.flex__align--center-md {
align-items: center
}
.flex__align--end-md {
align-items: flex-end
}
.flex__align--baseline-md {
align-items: baseline
}
.flex__align--stretch-md {
align-items: stretch
}
}
@media all and (min-width: 991px) {
.flex__align--start-mdl {
align-items: flex-start
}
.flex__align--center-mdl {
align-items: center
}
.flex__align--end-mdl {
align-items: flex-end
}
.flex__align--baseline-mdl {
align-items: baseline
}
.flex__align--stretch-mdl {
align-items: stretch
}
}
@media all and (min-width: 1200px) {
.flex__align--start-lg {
align-items: flex-start
}
.flex__align--center-lg {
align-items: center
}
.flex__align--end-lg {
align-items: flex-end
}
.flex__align--baseline-lg {
align-items: baseline
}
.flex__align--stretch-lg {
align-items: stretch
}
}
@media all and (min-width: 1600px) {
.flex__align--start-xl {
align-items: flex-start
}
.flex__align--center-xl {
align-items: center
}
.flex__align--end-xl {
align-items: flex-end
}
.flex__align--baseline-xl {
align-items: baseline
}
.flex__align--stretch-xl {
align-items: stretch
}
}
@media all and (min-width: 2000px) {
.flex__align--start-xxl {
align-items: flex-start
}
.flex__align--center-xxl {
align-items: center
}
.flex__align--end-xxl {
align-items: flex-end
}
.flex__align--baseline-xxl {
align-items: baseline
}
.flex__align--stretch-xxl {
align-items: stretch
}
}
.flex__align-self--start {
align-self: flex-start
}
.flex__align-self--center {
align-self: center
}
.flex__align-self--end {
align-self: flex-end
}
.flex__align-self--baseline {
align-self: baseline
}
.flex__align-self--stretch {
align-self: stretch
}
@media all and (min-width: 600px) {
.flex__align-self--start-sm {
align-self: flex-start
}
.flex__align-self--center-sm {
align-self: center
}
.flex__align-self--end-sm {
align-self: flex-end
}
.flex__align-self--baseline-sm {
align-self: baseline
}
.flex__align-self--stretch-sm {
align-self: stretch
}
}
@media all and (min-width: 991px) {
.flex__align-self--start-md {
align-self: flex-start
}
.flex__align-self--center-md {
align-self: center
}
.flex__align-self--end-md {
align-self: flex-end
}
.flex__align-self--baseline-md {
align-self: baseline
}
.flex__align-self--stretch-md {
align-self: stretch
}
}
@media all and (min-width: 991px) {
.flex__align-self--start-mdl {
align-self: flex-start
}
.flex__align-self--center-mdl {
align-self: center
}
.flex__align-self--end-mdl {
align-self: flex-end
}
.flex__align-self--baseline-mdl {
align-self: baseline
}
.flex__align-self--stretch-mdl {
align-self: stretch
}
}
@media all and (min-width: 1200px) {
.flex__align-self--start-lg {
align-self: flex-start
}
.flex__align-self--center-lg {
align-self: center
}
.flex__align-self--end-lg {
align-self: flex-end
}
.flex__align-self--baseline-lg {
align-self: baseline
}
.flex__align-self--stretch-lg {
align-self: stretch
}
}
@media all and (min-width: 1600px) {
.flex__align-self--start-xl {
align-self: flex-start
}
.flex__align-self--center-xl {
align-self: center
}
.flex__align-self--end-xl {
align-self: flex-end
}
.flex__align-self--baseline-xl {
align-self: baseline
}
.flex__align-self--stretch-xl {
align-self: stretch
}
}
@media all and (min-width: 2000px) {
.flex__align-self--start-xxl {
align-self: flex-start
}
.flex__align-self--center-xxl {
align-self: center
}
.flex__align-self--end-xxl {
align-self: flex-end
}
.flex__align-self--baseline-xxl {
align-self: baseline
}
.flex__align-self--stretch-xxl {
align-self: stretch
}
}
.flex--row,
.card-credit__content__bottom__container,
.card-selectable__container,
.card-payments,
.card-account-manage-autopay__content {
flex-direction: row
}
.flex--row-reverse {
flex-direction: row-reverse
}
.flex--column,
.info-callout,
.info-callout__scrollable,
.info-callout__scrollable__content,
.info-callout__scrollable__buttons,
.rating__expandable-section,
.card-credit__content,
.card-credit__content__bottom,
.card-selectable__container__middle,
.card-selectable-skeleton__middle,
.card-plans__travel-insurance-qic,
.card-plans__travel-insurance-qic__content,
.card-payments-expandable__header__middle-content,
.card-payments__content__middle,
.card-payments-skeleton__content {
flex-direction: column
}
.flex--column-reverse {
flex-direction: column-reverse
}
@media all and (min-width: 600px) {
.flex--row-sm {
flex-direction: row
}
.flex--row-reverse-sm {
flex-direction: row-reverse
}
.flex--column-sm {
flex-direction: column
}
.flex--column-reverse-sm {
flex-direction: column-reverse
}
}
@media all and (min-width: 991px) {
.flex--row-md {
flex-direction: row
}
.flex--row-reverse-md {
flex-direction: row-reverse
}
.flex--column-md {
flex-direction: column
}
.flex--column-reverse-md {
flex-direction: column-reverse
}
}
@media all and (min-width: 991px) {
.flex--row-mdl {
flex-direction: row
}
.flex--row-reverse-mdl {
flex-direction: row-reverse
}
.flex--column-mdl {
flex-direction: column
}
.flex--column-reverse-mdl {
flex-direction: column-reverse
}
}
@media all and (min-width: 1200px) {
.flex--row-lg {
flex-direction: row
}
.flex--row-reverse-lg {
flex-direction: row-reverse
}
.flex--column-lg {
flex-direction: column
}
.flex--column-reverse-lg {
flex-direction: column-reverse
}
}
@media all and (min-width: 1600px) {
.flex--row-xl {
flex-direction: row
}
.flex--row-reverse-xl {
flex-direction: row-reverse
}
.flex--column-xl {
flex-direction: column
}
.flex--column-reverse-xl {
flex-direction: column-reverse
}
}
@media all and (min-width: 2000px) {
.flex--row-xxl {
flex-direction: row
}
.flex--row-reverse-xxl {
flex-direction: row-reverse
}
.flex--column-xxl {
flex-direction: column
}
.flex--column-reverse-xxl {
flex-direction: column-reverse
}
}
.flex__grow,
.card-payments-expandable__header__middle-content {
flex: 1
}
.flex__grow,
.card-payments-expandable__header__middle-content,
.flex__grow--equal>* {
flex: 1
}
.flex__grow--auto>* {
flex: auto
}
.flex__grow--none {
flex: 0 !important
}
.flex__grow--01,
.info-callout {
flex: 1
}
.flex__grow--02 {
flex: 2
}
.flex__grow--03 {
flex: 3
}
@media all and (min-width: 600px) {
.flex__grow--none-sm {
flex: 0 !important
}
.flex__grow--01-sm {
flex: 1
}
.flex__grow--02-sm {
flex: 2
}
.flex__grow--03-sm {
flex: 3
}
}
@media all and (min-width: 991px) {
.flex__grow--none-md {
flex: 0 !important
}
.flex__grow--01-md {
flex: 1
}
.flex__grow--02-md {
flex: 2
}
.flex__grow--03-md {
flex: 3
}
}
@media all and (min-width: 991px) {
.flex__grow--none-mdl {
flex: 0 !important
}
.flex__grow--01-mdl {
flex: 1
}
.flex__grow--02-mdl {
flex: 2
}
.flex__grow--03-mdl {
flex: 3
}
}
@media all and (min-width: 1200px) {
.flex__grow--none-lg {
flex: 0 !important
}
.flex__grow--01-lg {
flex: 1
}
.flex__grow--02-lg {
flex: 2
}
.flex__grow--03-lg {
flex: 3
}
}
@media all and (min-width: 1600px) {
.flex__grow--none-xl {
flex: 0 !important
}
.flex__grow--01-xl {
flex: 1
}
.flex__grow--02-xl {
flex: 2
}
.flex__grow--03-xl {
flex: 3
}
}
@media all and (min-width: 2000px) {
.flex__grow--none-xxl {
flex: 0 !important
}
.flex__grow--01-xxl {
flex: 1
}
.flex__grow--02-xxl {
flex: 2
}
.flex__grow--03-xxl {
flex: 3
}
}
.flex--none {
flex: 0 !important
}
.flex--01,
.card-selectable__container__middle,
.card-selectable-skeleton__middle,
.card-payments__content,
.card-payments__content__middle,
.card-payments-skeleton__content {
flex: 1
}
.flex--02 {
flex: 2
}
.flex--03 {
flex: 3
}
@media all and (min-width: 600px) {
.flex--none-sm {
flex: 0 !important
}
.flex--01-sm {
flex: 1
}
.flex--02-sm {
flex: 2
}
.flex--03-sm {
flex: 3
}
}
@media all and (min-width: 991px) {
.flex--none-md {
flex: 0 !important
}
.flex--01-md {
flex: 1
}
.flex--02-md {
flex: 2
}
.flex--03-md {
flex: 3
}
}
@media all and (min-width: 991px) {
.flex--none-mdl {
flex: 0 !important
}
.flex--01-mdl {
flex: 1
}
.flex--02-mdl {
flex: 2
}
.flex--03-mdl {
flex: 3
}
}
@media all and (min-width: 1200px) {
.flex--none-lg {
flex: 0 !important
}
.flex--01-lg {
flex: 1
}
.flex--02-lg {
flex: 2
}
.flex--03-lg {
flex: 3
}
}
@media all and (min-width: 1600px) {
.flex--none-xl {
flex: 0 !important
}
.flex--01-xl {
flex: 1
}
.flex--02-xl {
flex: 2
}
.flex--03-xl {
flex: 3
}
}
@media all and (min-width: 2000px) {
.flex--none-xxl {
flex: 0 !important
}
.flex--01-xxl {
flex: 1
}
.flex--02-xxl {
flex: 2
}
.flex--03-xxl {
flex: 3
}
}
.flex__justify--start {
justify-content: flex-start
}
.flex__justify--center,
.saved-cards-slider .swiper-slide,
.card-selectable__container__start,
.card-selectable__container__end__radio,
.card-payments__icon,
.icon-box,
.button-icon {
justify-content: center
}
.flex__justify--end {
justify-content: flex-end
}
.flex__justify--space-around {
justify-content: space-around
}
.flex__justify--space-between,
.card-saved-credit-card-selectable__title,
.card-credit__content__bottom,
.card-selectable__container,
.card-selectable__container__middle,
.card-payments-expandable__content,
.card-payments,
.card-payments__content,
.card-account-manage-autopay__content {
justify-content: space-between
}
.flex__justify--space-evenly {
justify-content: space-evenly
}
@media all and (min-width: 600px) {
.flex__justify--start-sm {
justify-content: flex-start
}
.flex__justify--center-sm {
justify-content: center
}
.flex__justify--end-sm {
justify-content: flex-end
}
.flex__justify--space-around-sm {
justify-content: space-around
}
.flex__justify--space-between-sm {
justify-content: space-between
}
.flex__justify--space-evenly-sm {
justify-content: space-evenly
}
}
@media all and (min-width: 991px) {
.flex__justify--start-md {
justify-content: flex-start
}
.flex__justify--center-md {
justify-content: center
}
.flex__justify--end-md {
justify-content: flex-end
}
.flex__justify--space-around-md {
justify-content: space-around
}
.flex__justify--space-between-md {
justify-content: space-between
}
.flex__justify--space-evenly-md {
justify-content: space-evenly
}
}
@media all and (min-width: 991px) {
.flex__justify--start-mdl {
justify-content: flex-start
}
.flex__justify--center-mdl {
justify-content: center
}
.flex__justify--end-mdl {
justify-content: flex-end
}
.flex__justify--space-around-mdl {
justify-content: space-around
}
.flex__justify--space-between-mdl {
justify-content: space-between
}
.flex__justify--space-evenly-mdl {
justify-content: space-evenly
}
}
@media all and (min-width: 1200px) {
.flex__justify--start-lg {
justify-content: flex-start
}
.flex__justify--center-lg {
justify-content: center
}
.flex__justify--end-lg {
justify-content: flex-end
}
.flex__justify--space-around-lg {
justify-content: space-around
}
.flex__justify--space-between-lg {
justify-content: space-between
}
.flex__justify--space-evenly-lg {
justify-content: space-evenly
}
}
@media all and (min-width: 1600px) {
.flex__justify--start-xl {
justify-content: flex-start
}
.flex__justify--center-xl {
justify-content: center
}
.flex__justify--end-xl {
justify-content: flex-end
}
.flex__justify--space-around-xl {
justify-content: space-around
}
.flex__justify--space-between-xl {
justify-content: space-between
}
.flex__justify--space-evenly-xl {
justify-content: space-evenly
}
}
@media all and (min-width: 2000px) {
.flex__justify--start-xxl {
justify-content: flex-start
}
.flex__justify--center-xxl {
justify-content: center
}
.flex__justify--end-xxl {
justify-content: flex-end
}
.flex__justify--space-around-xxl {
justify-content: space-around
}
.flex__justify--space-between-xxl {
justify-content: space-between
}
.flex__justify--space-evenly-xxl {
justify-content: space-evenly
}
}
.flex__justify-self--start {
justify-self: flex-start
}
.flex__justify-self--center {
justify-self: center
}
.flex__justify-self--end {
justify-self: flex-end
}
.flex__justify-self--space-around {
justify-self: space-around
}
.flex__justify-self--space-between {
justify-self: space-between
}
.flex__justify-self--space-evenly {
justify-self: space-evenly
}
@media all and (min-width: 600px) {
.flex__justify-self--start-sm {
justify-self: flex-start
}
.flex__justify-self--center-sm {
justify-self: center
}
.flex__justify-self--end-sm {
justify-self: flex-end
}
.flex__justify-self--space-around-sm {
justify-self: space-around
}
.flex__justify-self--space-between-sm {
justify-self: space-between
}
.flex__justify-self--space-evenly-sm {
justify-self: space-evenly
}
}
@media all and (min-width: 991px) {
.flex__justify-self--start-md {
justify-self: flex-start
}
.flex__justify-self--center-md {
justify-self: center
}
.flex__justify-self--end-md {
justify-self: flex-end
}
.flex__justify-self--space-around-md {
justify-self: space-around
}
.flex__justify-self--space-between-md {
justify-self: space-between
}
.flex__justify-self--space-evenly-md {
justify-self: space-evenly
}
}
@media all and (min-width: 991px) {
.flex__justify-self--start-mdl {
justify-self: flex-start
}
.flex__justify-self--center-mdl {
justify-self: center
}
.flex__justify-self--end-mdl {
justify-self: flex-end
}
.flex__justify-self--space-around-mdl {
justify-self: space-around
}
.flex__justify-self--space-between-mdl {
justify-self: space-between
}
.flex__justify-self--space-evenly-mdl {
justify-self: space-evenly
}
}
@media all and (min-width: 1200px) {
.flex__justify-self--start-lg {
justify-self: flex-start
}
.flex__justify-self--center-lg {
justify-self: center
}
.flex__justify-self--end-lg {
justify-self: flex-end
}
.flex__justify-self--space-around-lg {
justify-self: space-around
}
.flex__justify-self--space-between-lg {
justify-self: space-between
}
.flex__justify-self--space-evenly-lg {
justify-self: space-evenly
}
}
@media all and (min-width: 1600px) {
.flex__justify-self--start-xl {
justify-self: flex-start
}
.flex__justify-self--center-xl {
justify-self: center
}
.flex__justify-self--end-xl {
justify-self: flex-end
}
.flex__justify-self--space-around-xl {
justify-self: space-around
}
.flex__justify-self--space-between-xl {
justify-self: space-between
}
.flex__justify-self--space-evenly-xl {
justify-self: space-evenly
}
}
@media all and (min-width: 2000px) {
.flex__justify-self--start-xxl {
justify-self: flex-start
}
.flex__justify-self--center-xxl {
justify-self: center
}
.flex__justify-self--end-xxl {
justify-self: flex-end
}
.flex__justify-self--space-around-xxl {
justify-self: space-around
}
.flex__justify-self--space-between-xxl {
justify-self: space-between
}
.flex__justify-self--space-evenly-xxl {
justify-self: space-evenly
}
}
.flex__shrink--shrink {
flex-shrink: 1
}
.flex__shrink--no-shrink {
flex-shrink: 0
}
@media all and (min-width: 600px) {
.flex__shrink--shrink-sm {
flex-shrink: 1
}
.flex__shrink--no-shrink-sm {
flex-shrink: 0
}
}
@media all and (min-width: 991px) {
.flex__shrink--shrink-md {
flex-shrink: 1
}
.flex__shrink--no-shrink-md {
flex-shrink: 0
}
}
@media all and (min-width: 991px) {
.flex__shrink--shrink-mdl {
flex-shrink: 1
}
.flex__shrink--no-shrink-mdl {
flex-shrink: 0
}
}
@media all and (min-width: 1200px) {
.flex__shrink--shrink-lg {
flex-shrink: 1
}
.flex__shrink--no-shrink-lg {
flex-shrink: 0
}
}
@media all and (min-width: 1600px) {
.flex__shrink--shrink-xl {
flex-shrink: 1
}
.flex__shrink--no-shrink-xl {
flex-shrink: 0
}
}
@media all and (min-width: 2000px) {
.flex__shrink--shrink-xxl {
flex-shrink: 1
}
.flex__shrink--no-shrink-xxl {
flex-shrink: 0
}
}
.flex--wrap,
.card-payments-expandable__header__middle-content__network-icons {
flex-wrap: wrap
}
.flex--no-wrap,
.info-callout__scrollable {
flex-wrap: nowrap
}
@media all and (min-width: 600px) {
.flex--wrap-sm {
flex-wrap: wrap
}
.flex--no-wrap-sm {
flex-wrap: nowrap
}
}
@media all and (min-width: 991px) {
.flex--wrap-md {
flex-wrap: wrap
}
.flex--no-wrap-md {
flex-wrap: nowrap
}
}
@media all and (min-width: 991px) {
.flex--wrap-mdl {
flex-wrap: wrap
}
.flex--no-wrap-mdl {
flex-wrap: nowrap
}
}
@media all and (min-width: 1200px) {
.flex--wrap-lg {
flex-wrap: wrap
}
.flex--no-wrap-lg {
flex-wrap: nowrap
}
}
@media all and (min-width: 1600px) {
.flex--wrap-xl {
flex-wrap: wrap
}
.flex--no-wrap-xl {
flex-wrap: nowrap
}
}
@media all and (min-width: 2000px) {
.flex--wrap-xxl {
flex-wrap: wrap
}
.flex--no-wrap-xxl {
flex-wrap: nowrap
}
}
.font-size--10 {
font-size: var(--font-size-10)
}
.font-size--12,
.card-selectable__container__middle__description,
.card-payments__content__middle__description,
.button-icon__label {
font-size: var(--font-size-12)
}
.font-size--14,
.card-selectable__container__middle__title,
.card-plans__travel-insurance-qic__content__title,
.card-plans__travel-insurance-qic__content__link-container__description,
.card-payments__content__middle__title {
font-size: var(--font-size-14)
}
.font-size--16,
.card-credit__content__card-number {
font-size: var(--font-size-16)
}
.font-size--18 {
font-size: var(--font-size-18)
}
.font-size--20,
.info-callout__scrollable__content__sub-title,
.card-credit--active .card-credit__content__card-number {
font-size: var(--font-size-20)
}
.font-size--22 {
font-size: var(--font-size-22)
}
.font-size--24 {
font-size: var(--font-size-24)
}
.font-size--26 {
font-size: var(--font-size-26)
}
.font-size--28,
.info-callout__scrollable__content__title {
font-size: var(--font-size-28)
}
.font-size--32 {
font-size: var(--font-size-32)
}
.font-size--36 {
font-size: var(--font-size-36)
}
.font-size--40 {
font-size: var(--font-size-40)
}
.font-size--44 {
font-size: var(--font-size-44)
}
.font-size--52 {
font-size: var(--font-size-52)
}
@media all and (min-width: 600px) {
.font-size--10-sm {
font-size: var(--font-size-10)
}
.font-size--12-sm {
font-size: var(--font-size-12)
}
.font-size--14-sm {
font-size: var(--font-size-14)
}
.font-size--16-sm {
font-size: var(--font-size-16)
}
.font-size--18-sm {
font-size: var(--font-size-18)
}
.font-size--20-sm {
font-size: var(--font-size-20)
}
.font-size--22-sm {
font-size: var(--font-size-22)
}
.font-size--24-sm {
font-size: var(--font-size-24)
}
.font-size--26-sm {
font-size: var(--font-size-26)
}
.font-size--28-sm {
font-size: var(--font-size-28)
}
.font-size--32-sm {
font-size: var(--font-size-32)
}
.font-size--36-sm {
font-size: var(--font-size-36)
}
.font-size--40-sm {
font-size: var(--font-size-40)
}
.font-size--44-sm {
font-size: var(--font-size-44)
}
.font-size--52-sm {
font-size: var(--font-size-52)
}
}
@media all and (min-width: 991px) {
.font-size--10-md {
font-size: var(--font-size-10)
}
.font-size--12-md {
font-size: var(--font-size-12)
}
.font-size--14-md,
.card-selectable__container__middle__description,
.card-payments__content__middle__description {
font-size: var(--font-size-14)
}
.font-size--16-md,
.card-selectable__container__middle__title,
.card-payments__content__middle__title {
font-size: var(--font-size-16)
}
.font-size--18-md {
font-size: var(--font-size-18)
}
.font-size--20-md {
font-size: var(--font-size-20)
}
.font-size--22-md {
font-size: var(--font-size-22)
}
.font-size--24-md {
font-size: var(--font-size-24)
}
.font-size--26-md {
font-size: var(--font-size-26)
}
.font-size--28-md {
font-size: var(--font-size-28)
}
.font-size--32-md {
font-size: var(--font-size-32)
}
.font-size--36-md {
font-size: var(--font-size-36)
}
.font-size--40-md {
font-size: var(--font-size-40)
}
.font-size--44-md {
font-size: var(--font-size-44)
}
.font-size--52-md {
font-size: var(--font-size-52)
}
}
@media all and (min-width: 991px) {
.font-size--10-mdl {
font-size: var(--font-size-10)
}
.font-size--12-mdl {
font-size: var(--font-size-12)
}
.font-size--14-mdl {
font-size: var(--font-size-14)
}
.font-size--16-mdl {
font-size: var(--font-size-16)
}
.font-size--18-mdl {
font-size: var(--font-size-18)
}
.font-size--20-mdl {
font-size: var(--font-size-20)
}
.font-size--22-mdl {
font-size: var(--font-size-22)
}
.font-size--24-mdl {
font-size: var(--font-size-24)
}
.font-size--26-mdl {
font-size: var(--font-size-26)
}
.font-size--28-mdl {
font-size: var(--font-size-28)
}
.font-size--32-mdl {
font-size: var(--font-size-32)
}
.font-size--36-mdl {
font-size: var(--font-size-36)
}
.font-size--40-mdl {
font-size: var(--font-size-40)
}
.font-size--44-mdl {
font-size: var(--font-size-44)
}
.font-size--52-mdl {
font-size: var(--font-size-52)
}
}
@media all and (min-width: 1200px) {
.font-size--10-lg {
font-size: var(--font-size-10)
}
.font-size--12-lg {
font-size: var(--font-size-12)
}
.font-size--14-lg {
font-size: var(--font-size-14)
}
.font-size--16-lg {
font-size: var(--font-size-16)
}
.font-size--18-lg {
font-size: var(--font-size-18)
}
.font-size--20-lg {
font-size: var(--font-size-20)
}
.font-size--22-lg {
font-size: var(--font-size-22)
}
.font-size--24-lg {
font-size: var(--font-size-24)
}
.font-size--26-lg {
font-size: var(--font-size-26)
}
.font-size--28-lg {
font-size: var(--font-size-28)
}
.font-size--32-lg {
font-size: var(--font-size-32)
}
.font-size--36-lg {
font-size: var(--font-size-36)
}
.font-size--40-lg {
font-size: var(--font-size-40)
}
.font-size--44-lg {
font-size: var(--font-size-44)
}
.font-size--52-lg {
font-size: var(--font-size-52)
}
}
@media all and (min-width: 1600px) {
.font-size--10-xl {
font-size: var(--font-size-10)
}
.font-size--12-xl {
font-size: var(--font-size-12)
}
.font-size--14-xl {
font-size: var(--font-size-14)
}
.font-size--16-xl {
font-size: var(--font-size-16)
}
.font-size--18-xl {
font-size: var(--font-size-18)
}
.font-size--20-xl {
font-size: var(--font-size-20)
}
.font-size--22-xl {
font-size: var(--font-size-22)
}
.font-size--24-xl {
font-size: var(--font-size-24)
}
.font-size--26-xl {
font-size: var(--font-size-26)
}
.font-size--28-xl {
font-size: var(--font-size-28)
}
.font-size--32-xl {
font-size: var(--font-size-32)
}
.font-size--36-xl {
font-size: var(--font-size-36)
}
.font-size--40-xl {
font-size: var(--font-size-40)
}
.font-size--44-xl {
font-size: var(--font-size-44)
}
.font-size--52-xl {
font-size: var(--font-size-52)
}
}
@media all and (min-width: 2000px) {
.font-size--10-xxl {
font-size: var(--font-size-10)
}
.font-size--12-xxl {
font-size: var(--font-size-12)
}
.font-size--14-xxl {
font-size: var(--font-size-14)
}
.font-size--16-xxl {
font-size: var(--font-size-16)
}
.font-size--18-xxl {
font-size: var(--font-size-18)
}
.font-size--20-xxl {
font-size: var(--font-size-20)
}
.font-size--22-xxl {
font-size: var(--font-size-22)
}
.font-size--24-xxl {
font-size: var(--font-size-24)
}
.font-size--26-xxl {
font-size: var(--font-size-26)
}
.font-size--28-xxl {
font-size: var(--font-size-28)
}
.font-size--32-xxl {
font-size: var(--font-size-32)
}
.font-size--36-xxl {
font-size: var(--font-size-36)
}
.font-size--40-xxl {
font-size: var(--font-size-40)
}
.font-size--44-xxl {
font-size: var(--font-size-44)
}
.font-size--52-xxl {
font-size: var(--font-size-52)
}
}
.font-weight--regular,
.card-selectable__container__middle__description,
.card-payments__content__middle__description {
font-weight: 400
}
.font-weight--medium,
.card-selectable__container__middle__title,
.card-payments__content__middle__title {
font-weight: 500
}
.font-weight--semibold,
.info-callout__scrollable__content__title,
.info-callout__scrollable__content__sub-title,
.card-plans__travel-insurance-qic__content__title,
.button-icon__label {
font-weight: 600
}
.font-weight--bold {
font-weight: 700
}
.font-weight--extrabold {
font-weight: 800
}
@media all and (min-width: 600px) {
.font-weight--regular-sm {
font-weight: 400
}
.font-weight--medium-sm {
font-weight: 500
}
.font-weight--semibold-sm {
font-weight: 600
}
.font-weight--bold-sm {
font-weight: 700
}
.font-weight--extrabold-sm {
font-weight: 800
}
}
@media all and (min-width: 991px) {
.font-weight--regular-md {
font-weight: 400
}
.font-weight--medium-md {
font-weight: 500
}
.font-weight--semibold-md {
font-weight: 600
}
.font-weight--bold-md {
font-weight: 700
}
.font-weight--extrabold-md {
font-weight: 800
}
}
@media all and (min-width: 991px) {
.font-weight--regular-mdl {
font-weight: 400
}
.font-weight--medium-mdl {
font-weight: 500
}
.font-weight--semibold-mdl {
font-weight: 600
}
.font-weight--bold-mdl {
font-weight: 700
}
.font-weight--extrabold-mdl {
font-weight: 800
}
}
@media all and (min-width: 1200px) {
.font-weight--regular-lg {
font-weight: 400
}
.font-weight--medium-lg {
font-weight: 500
}
.font-weight--semibold-lg {
font-weight: 600
}
.font-weight--bold-lg {
font-weight: 700
}
.font-weight--extrabold-lg {
font-weight: 800
}
}
@media all and (min-width: 1600px) {
.font-weight--regular-xl {
font-weight: 400
}
.font-weight--medium-xl {
font-weight: 500
}
.font-weight--semibold-xl {
font-weight: 600
}
.font-weight--bold-xl {
font-weight: 700
}
.font-weight--extrabold-xl {
font-weight: 800
}
}
@media all and (min-width: 2000px) {
.font-weight--regular-xxl {
font-weight: 400
}
.font-weight--medium-xxl {
font-weight: 500
}
.font-weight--semibold-xxl {
font-weight: 600
}
.font-weight--bold-xxl {
font-weight: 700
}
.font-weight--extrabold-xxl {
font-weight: 800
}
}
.gap--0,
.card-plans__travel-insurance-qic {
gap: 0
}
.gap--02,
.card-plans__travel-insurance-qic__content {
gap: 0.125rem
}
.gap--04,
.card-credit__content__bottom__container,
.card-selectable__container__middle,
.card-payments__content__middle {
gap: 0.25rem
}
.gap--06 {
gap: 0.375rem
}
.gap--08,
.card-saved-credit-card-selectable__title,
.card-credit__content__bottom,
.card-selectable-skeleton__middle,
.card-payments-expandable__header__middle-content__network-icons,
.card-payments-skeleton__content,
.button-icon {
gap: 0.5rem
}
.gap--10 {
gap: 0.625rem
}
.gap--12,
.card-selectable-skeleton,
.card-payments,
.card-payments-skeleton {
gap: 0.75rem
}
.gap--16 {
gap: 1rem
}
.gap--20,
.card-credit__content {
gap: 1.25rem
}
.gap--24,
.info-callout__scrollable__buttons {
gap: 1.5rem
}
.gap--28 {
gap: 1.75rem
}
.gap--32 {
gap: 2rem
}
.gap--36 {
gap: 2.25rem
}
.gap--38 {
gap: 2.375rem
}
.gap--40 {
gap: 2.5rem
}
.gap--44 {
gap: 2.75rem
}
.gap--48 {
gap: 3rem
}
.gap--52 {
gap: 3.25rem
}
.gap--56 {
gap: 3.5rem
}
.gap--60 {
gap: 3.75rem
}
.gap--64 {
gap: 4rem
}
.gap--72 {
gap: 4.5rem
}
.gap--80 {
gap: 5rem
}
.gap--88 {
gap: 5.5rem
}
.gap--96 {
gap: 6rem
}
.gap--100 {
gap: 6.25rem
}
.gap--104 {
gap: 6.5rem
}
@media all and (min-width: 600px) {
.gap--0-sm {
gap: 0
}
.gap--02-sm {
gap: 0.125rem
}
.gap--04-sm {
gap: 0.25rem
}
.gap--06-sm {
gap: 0.375rem
}
.gap--08-sm {
gap: 0.5rem
}
.gap--10-sm {
gap: 0.625rem
}
.gap--12-sm {
gap: 0.75rem
}
.gap--16-sm {
gap: 1rem
}
.gap--20-sm {
gap: 1.25rem
}
.gap--24-sm {
gap: 1.5rem
}
.gap--28-sm {
gap: 1.75rem
}
.gap--32-sm {
gap: 2rem
}
.gap--36-sm {
gap: 2.25rem
}
.gap--38-sm {
gap: 2.375rem
}
.gap--40-sm {
gap: 2.5rem
}
.gap--44-sm {
gap: 2.75rem
}
.gap--48-sm {
gap: 3rem
}
.gap--52-sm {
gap: 3.25rem
}
.gap--56-sm {
gap: 3.5rem
}
.gap--60-sm {
gap: 3.75rem
}
.gap--64-sm {
gap: 4rem
}
.gap--72-sm {
gap: 4.5rem
}
.gap--80-sm {
gap: 5rem
}
.gap--88-sm {
gap: 5.5rem
}
.gap--96-sm {
gap: 6rem
}
.gap--100-sm {
gap: 6.25rem
}
.gap--104-sm {
gap: 6.5rem
}
}
@media all and (min-width: 991px) {
.gap--0-md {
gap: 0
}
.gap--02-md {
gap: 0.125rem
}
.gap--04-md {
gap: 0.25rem
}
.gap--06-md {
gap: 0.375rem
}
.gap--08-md {
gap: 0.5rem
}
.gap--10-md {
gap: 0.625rem
}
.gap--12-md {
gap: 0.75rem
}
.gap--16-md {
gap: 1rem
}
.gap--20-md {
gap: 1.25rem
}
.gap--24-md {
gap: 1.5rem
}
.gap--28-md {
gap: 1.75rem
}
.gap--32-md {
gap: 2rem
}
.gap--36-md {
gap: 2.25rem
}
.gap--38-md {
gap: 2.375rem
}
.gap--40-md {
gap: 2.5rem
}
.gap--44-md {
gap: 2.75rem
}
.gap--48-md {
gap: 3rem
}
.gap--52-md {
gap: 3.25rem
}
.gap--56-md {
gap: 3.5rem
}
.gap--60-md {
gap: 3.75rem
}
.gap--64-md {
gap: 4rem
}
.gap--72-md {
gap: 4.5rem
}
.gap--80-md {
gap: 5rem
}
.gap--88-md {
gap: 5.5rem
}
.gap--96-md {
gap: 6rem
}
.gap--100-md {
gap: 6.25rem
}
.gap--104-md {
gap: 6.5rem
}
}
@media all and (min-width: 991px) {
.gap--0-mdl {
gap: 0
}
.gap--02-mdl {
gap: 0.125rem
}
.gap--04-mdl {
gap: 0.25rem
}
.gap--06-mdl {
gap: 0.375rem
}
.gap--08-mdl {
gap: 0.5rem
}
.gap--10-mdl {
gap: 0.625rem
}
.gap--12-mdl {
gap: 0.75rem
}
.gap--16-mdl {
gap: 1rem
}
.gap--20-mdl {
gap: 1.25rem
}
.gap--24-mdl {
gap: 1.5rem
}
.gap--28-mdl {
gap: 1.75rem
}
.gap--32-mdl {
gap: 2rem
}
.gap--36-mdl {
gap: 2.25rem
}
.gap--38-mdl {
gap: 2.375rem
}
.gap--40-mdl {
gap: 2.5rem
}
.gap--44-mdl {
gap: 2.75rem
}
.gap--48-mdl {
gap: 3rem
}
.gap--52-mdl {
gap: 3.25rem
}
.gap--56-mdl {
gap: 3.5rem
}
.gap--60-mdl {
gap: 3.75rem
}
.gap--64-mdl {
gap: 4rem
}
.gap--72-mdl {
gap: 4.5rem
}
.gap--80-mdl {
gap: 5rem
}
.gap--88-mdl {
gap: 5.5rem
}
.gap--96-mdl {
gap: 6rem
}
.gap--100-mdl {
gap: 6.25rem
}
.gap--104-mdl {
gap: 6.5rem
}
}
@media all and (min-width: 1200px) {
.gap--0-lg {
gap: 0
}
.gap--02-lg {
gap: 0.125rem
}
.gap--04-lg {
gap: 0.25rem
}
.gap--06-lg {
gap: 0.375rem
}
.gap--08-lg {
gap: 0.5rem
}
.gap--10-lg {
gap: 0.625rem
}
.gap--12-lg {
gap: 0.75rem
}
.gap--16-lg {
gap: 1rem
}
.gap--20-lg {
gap: 1.25rem
}
.gap--24-lg {
gap: 1.5rem
}
.gap--28-lg {
gap: 1.75rem
}
.gap--32-lg {
gap: 2rem
}
.gap--36-lg {
gap: 2.25rem
}
.gap--38-lg {
gap: 2.375rem
}
.gap--40-lg {
gap: 2.5rem
}
.gap--44-lg {
gap: 2.75rem
}
.gap--48-lg {
gap: 3rem
}
.gap--52-lg {
gap: 3.25rem
}
.gap--56-lg {
gap: 3.5rem
}
.gap--60-lg {
gap: 3.75rem
}
.gap--64-lg {
gap: 4rem
}
.gap--72-lg {
gap: 4.5rem
}
.gap--80-lg {
gap: 5rem
}
.gap--88-lg {
gap: 5.5rem
}
.gap--96-lg {
gap: 6rem
}
.gap--100-lg {
gap: 6.25rem
}
.gap--104-lg {
gap: 6.5rem
}
}
@media all and (min-width: 1600px) {
.gap--0-xl {
gap: 0
}
.gap--02-xl {
gap: 0.125rem
}
.gap--04-xl {
gap: 0.25rem
}
.gap--06-xl {
gap: 0.375rem
}
.gap--08-xl {
gap: 0.5rem
}
.gap--10-xl {
gap: 0.625rem
}
.gap--12-xl {
gap: 0.75rem
}
.gap--16-xl {
gap: 1rem
}
.gap--20-xl {
gap: 1.25rem
}
.gap--24-xl {
gap: 1.5rem
}
.gap--28-xl {
gap: 1.75rem
}
.gap--32-xl {
gap: 2rem
}
.gap--36-xl {
gap: 2.25rem
}
.gap--38-xl {
gap: 2.375rem
}
.gap--40-xl {
gap: 2.5rem
}
.gap--44-xl {
gap: 2.75rem
}
.gap--48-xl {
gap: 3rem
}
.gap--52-xl {
gap: 3.25rem
}
.gap--56-xl {
gap: 3.5rem
}
.gap--60-xl {
gap: 3.75rem
}
.gap--64-xl {
gap: 4rem
}
.gap--72-xl {
gap: 4.5rem
}
.gap--80-xl {
gap: 5rem
}
.gap--88-xl {
gap: 5.5rem
}
.gap--96-xl {
gap: 6rem
}
.gap--100-xl {
gap: 6.25rem
}
.gap--104-xl {
gap: 6.5rem
}
}
@media all and (min-width: 2000px) {
.gap--0-xxl {
gap: 0
}
.gap--02-xxl {
gap: 0.125rem
}
.gap--04-xxl {
gap: 0.25rem
}
.gap--06-xxl {
gap: 0.375rem
}
.gap--08-xxl {
gap: 0.5rem
}
.gap--10-xxl {
gap: 0.625rem
}
.gap--12-xxl {
gap: 0.75rem
}
.gap--16-xxl {
gap: 1rem
}
.gap--20-xxl {
gap: 1.25rem
}
.gap--24-xxl {
gap: 1.5rem
}
.gap--28-xxl {
gap: 1.75rem
}
.gap--32-xxl {
gap: 2rem
}
.gap--36-xxl {
gap: 2.25rem
}
.gap--38-xxl {
gap: 2.375rem
}
.gap--40-xxl {
gap: 2.5rem
}
.gap--44-xxl {
gap: 2.75rem
}
.gap--48-xxl {
gap: 3rem
}
.gap--52-xxl {
gap: 3.25rem
}
.gap--56-xxl {
gap: 3.5rem
}
.gap--60-xxl {
gap: 3.75rem
}
.gap--64-xxl {
gap: 4rem
}
.gap--72-xxl {
gap: 4.5rem
}
.gap--80-xxl {
gap: 5rem
}
.gap--88-xxl {
gap: 5.5rem
}
.gap--96-xxl {
gap: 6rem
}
.gap--100-xxl {
gap: 6.25rem
}
.gap--104-xxl {
gap: 6.5rem
}
}
.m-x--auto {
margin-left: auto !important;
margin-right: auto !important
}
.m-y--auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.m--auto {
margin: auto !important
}
.m-top--auto {
margin-top: auto !important
}
.m-bottom--auto {
margin-bottom: auto !important
}
html:not([dir=rtl]) .m-right--auto {
margin-right: auto !important
}
[dir=rtl] .m-right--auto {
margin-left: auto !important
}
html:not([dir=rtl]) .m-left--auto {
margin-left: auto !important
}
[dir=rtl] .m-left--auto {
margin-right: auto !important
}
.p-x--auto {
padding-left: auto !important;
padding-right: auto !important
}
.p-y--auto {
padding-top: auto !important;
padding-bottom: auto !important
}
.p--auto {
padding: auto !important
}
.p-top--auto {
padding-top: auto !important
}
.p-bottom--auto {
padding-bottom: auto !important
}
html:not([dir=rtl]) .p-right--auto {
padding-right: auto !important
}
[dir=rtl] .p-right--auto {
padding-left: auto !important
}
html:not([dir=rtl]) .p-left--auto {
padding-left: auto !important
}
[dir=rtl] .p-left--auto {
padding-right: auto !important
}
.m-x--0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.m-y--0,
.card-saved-credit-card-selectable__title h3,
.card-selectable__container__middle__title,
.card-selectable__container__middle__description,
.card-payments__content__middle__title,
.card-payments__content__middle__description {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.m--0,
.card-credit__content__bottom p,
.card-plans__travel-insurance-qic__content__title,
.card-plans__travel-insurance-qic__content__link-container__description,
.card-payments-expandable__header__middle-content__title,
.card-payments-expandable__header__middle-content__description,
.card-account-manage-autopay__content__text,
.button-icon__label {
margin: 0 !important
}
.m-top--0 {
margin-top: 0 !important
}
.m-bottom--0,
.card-payments__warning {
margin-bottom: 0 !important
}
html:not([dir=rtl]) .m-right--0,
html:not([dir=rtl]) .card-selectable__container__middle__title,
html:not([dir=rtl]) .card-selectable__container__middle__description,
html:not([dir=rtl]) .card-payments__content__middle__title,
html:not([dir=rtl]) .card-payments__content__middle__description {
margin-right: 0 !important
}
[dir=rtl] .m-right--0,
[dir=rtl] .card-selectable__container__middle__title,
[dir=rtl] .card-selectable__container__middle__description,
[dir=rtl] .card-payments__content__middle__title,
[dir=rtl] .card-payments__content__middle__description {
margin-left: 0 !important
}
html:not([dir=rtl]) .m-left--0 {
margin-left: 0 !important
}
[dir=rtl] .m-left--0 {
margin-right: 0 !important
}
.p-x--0,
.basket,
.basket-skeleton {
padding-left: 0 !important;
padding-right: 0 !important
}
.p-y--0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.p--0 {
padding: 0 !important
}
.p-top--0 {
padding-top: 0 !important
}
.p-bottom--0 {
padding-bottom: 0 !important
}
html:not([dir=rtl]) .p-right--0 {
padding-right: 0 !important
}
[dir=rtl] .p-right--0 {
padding-left: 0 !important
}
html:not([dir=rtl]) .p-left--0 {
padding-left: 0 !important
}
[dir=rtl] .p-left--0 {
padding-right: 0 !important
}
.m-x--02 {
margin-left: .125rem !important;
margin-right: .125rem !important
}
.m-y--02 {
margin-top: .125rem !important;
margin-bottom: .125rem !important
}
.m--02 {
margin: .125rem !important
}
.m-top--02 {
margin-top: .125rem !important
}
.m-bottom--02 {
margin-bottom: .125rem !important
}
html:not([dir=rtl]) .m-right--02 {
margin-right: .125rem !important
}
[dir=rtl] .m-right--02 {
margin-left: .125rem !important
}
html:not([dir=rtl]) .m-left--02 {
margin-left: .125rem !important
}
[dir=rtl] .m-left--02 {
margin-right: .125rem !important
}
.p-x--02 {
padding-left: .125rem !important;
padding-right: .125rem !important
}
.p-y--02 {
padding-top: .125rem !important;
padding-bottom: .125rem !important
}
.p--02 {
padding: .125rem !important
}
.p-top--02,
.card-payments-expandable__header__middle-content__description {
padding-top: .125rem !important
}
.p-bottom--02 {
padding-bottom: .125rem !important
}
html:not([dir=rtl]) .p-right--02 {
padding-right: .125rem !important
}
[dir=rtl] .p-right--02 {
padding-left: .125rem !important
}
html:not([dir=rtl]) .p-left--02 {
padding-left: .125rem !important
}
[dir=rtl] .p-left--02 {
padding-right: .125rem !important
}
.m-x--04 {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.m-y--04 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.m--04 {
margin: .25rem !important
}
.m-top--04 {
margin-top: .25rem !important
}
.m-bottom--04 {
margin-bottom: .25rem !important
}
html:not([dir=rtl]) .m-right--04,
html:not([dir=rtl]) .card-payments__warning__icon {
margin-right: .25rem !important
}
[dir=rtl] .m-right--04,
[dir=rtl] .card-payments__warning__icon {
margin-left: .25rem !important
}
html:not([dir=rtl]) .m-left--04,
html:not([dir=rtl]) .card-payments__icon--small {
margin-left: .25rem !important
}
[dir=rtl] .m-left--04,
[dir=rtl] .card-payments__icon--small {
margin-right: .25rem !important
}
.p-x--04 {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.p-y--04,
.card-payments__content {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.p--04,
.card-payments-expandable__header__middle-content__network-icons__icon {
padding: .25rem !important
}
.p-top--04 {
padding-top: .25rem !important
}
.p-bottom--04 {
padding-bottom: .25rem !important
}
html:not([dir=rtl]) .p-right--04,
html:not([dir=rtl]) .card-plans__travel-insurance-qic__content__link-container__link {
padding-right: .25rem !important
}
[dir=rtl] .p-right--04,
[dir=rtl] .card-plans__travel-insurance-qic__content__link-container__link {
padding-left: .25rem !important
}
html:not([dir=rtl]) .p-left--04 {
padding-left: .25rem !important
}
[dir=rtl] .p-left--04 {
padding-right: .25rem !important
}
.m-x--06 {
margin-left: .375rem !important;
margin-right: .375rem !important
}
.m-y--06 {
margin-top: .375rem !important;
margin-bottom: .375rem !important
}
.m--06,
.button-icon__loading {
margin: .375rem !important
}
.m-top--06 {
margin-top: .375rem !important
}
.m-bottom--06 {
margin-bottom: .375rem !important
}
html:not([dir=rtl]) .m-right--06 {
margin-right: .375rem !important
}
[dir=rtl] .m-right--06 {
margin-left: .375rem !important
}
html:not([dir=rtl]) .m-left--06 {
margin-left: .375rem !important
}
[dir=rtl] .m-left--06 {
margin-right: .375rem !important
}
.p-x--06 {
padding-left: .375rem !important;
padding-right: .375rem !important
}
.p-y--06 {
padding-top: .375rem !important;
padding-bottom: .375rem !important
}
.p--06,
.icon-box,
.button-icon__icon {
padding: .375rem !important
}
.p-top--06 {
padding-top: .375rem !important
}
.p-bottom--06 {
padding-bottom: .375rem !important
}
html:not([dir=rtl]) .p-right--06 {
padding-right: .375rem !important
}
[dir=rtl] .p-right--06 {
padding-left: .375rem !important
}
html:not([dir=rtl]) .p-left--06 {
padding-left: .375rem !important
}
[dir=rtl] .p-left--06 {
padding-right: .375rem !important
}
.m-x--08 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.m-y--08 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.m--08 {
margin: .5rem !important
}
.m-top--08,
.card-payments__warning {
margin-top: .5rem !important
}
.m-bottom--08 {
margin-bottom: .5rem !important
}
html:not([dir=rtl]) .m-right--08,
html:not([dir=rtl]) .card-payments__icon--small {
margin-right: .5rem !important
}
[dir=rtl] .m-right--08,
[dir=rtl] .card-payments__icon--small {
margin-left: .5rem !important
}
html:not([dir=rtl]) .m-left--08 {
margin-left: .5rem !important
}
[dir=rtl] .m-left--08 {
margin-right: .5rem !important
}
.p-x--08,
.card-account-manage-autopay__content {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.p-y--08,
.card-account-manage-autopay__content__text {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.p--08 {
padding: .5rem !important
}
.p-top--08 {
padding-top: .5rem !important
}
.p-bottom--08,
.card-payments-expandable__header__middle-content__description {
padding-bottom: .5rem !important
}
html:not([dir=rtl]) .p-right--08,
html:not([dir=rtl]) .card-selectable__container__end,
html:not([dir=rtl]) .card-payments__content__arrow {
padding-right: .5rem !important
}
[dir=rtl] .p-right--08,
[dir=rtl] .card-selectable__container__end,
[dir=rtl] .card-payments__content__arrow {
padding-left: .5rem !important
}
html:not([dir=rtl]) .p-left--08,
html:not([dir=rtl]) .card-payments-expandable__header__middle-content {
padding-left: .5rem !important
}
[dir=rtl] .p-left--08,
[dir=rtl] .card-payments-expandable__header__middle-content {
padding-right: .5rem !important
}
.m-x--10 {
margin-left: .625rem !important;
margin-right: .625rem !important
}
.m-y--10 {
margin-top: .625rem !important;
margin-bottom: .625rem !important
}
.m--10 {
margin: .625rem !important
}
.m-top--10 {
margin-top: .625rem !important
}
.m-bottom--10 {
margin-bottom: .625rem !important
}
html:not([dir=rtl]) .m-right--10 {
margin-right: .625rem !important
}
[dir=rtl] .m-right--10 {
margin-left: .625rem !important
}
html:not([dir=rtl]) .m-left--10 {
margin-left: .625rem !important
}
[dir=rtl] .m-left--10 {
margin-right: .625rem !important
}
.p-x--10 {
padding-left: .625rem !important;
padding-right: .625rem !important
}
.p-y--10,
.card-payments,
.card-payments-skeleton {
padding-top: .625rem !important;
padding-bottom: .625rem !important
}
.p--10 {
padding: .625rem !important
}
.p-top--10 {
padding-top: .625rem !important
}
.p-bottom--10 {
padding-bottom: .625rem !important
}
html:not([dir=rtl]) .p-right--10 {
padding-right: .625rem !important
}
[dir=rtl] .p-right--10 {
padding-left: .625rem !important
}
html:not([dir=rtl]) .p-left--10 {
padding-left: .625rem !important
}
[dir=rtl] .p-left--10 {
padding-right: .625rem !important
}
.m-x--12 {
margin-left: .75rem !important;
margin-right: .75rem !important
}
.m-y--12 {
margin-top: .75rem !important;
margin-bottom: .75rem !important
}
.m--12 {
margin: .75rem !important
}
.m-top--12,
.card-plans__travel-insurance-qic {
margin-top: .75rem !important
}
.m-bottom--12,
.info-callout__scrollable__content__title {
margin-bottom: .75rem !important
}
html:not([dir=rtl]) .m-right--12,
html:not([dir=rtl]) .button-icon__label {
margin-right: .75rem !important
}
[dir=rtl] .m-right--12,
[dir=rtl] .button-icon__label {
margin-left: .75rem !important
}
html:not([dir=rtl]) .m-left--12,
html:not([dir=rtl]) .card-payments__content {
margin-left: .75rem !important
}
[dir=rtl] .m-left--12,
[dir=rtl] .card-payments__content {
margin-right: .75rem !important
}
.p-x--12,
.card-selectable__container__middle,
.card-payments__warning {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.p-y--12,
.info-callout__scrollable__content__description,
.card-plans__travel-insurance-qic {
padding-top: .75rem !important;
padding-bottom: .75rem !important
}
.p--12 {
padding: .75rem !important
}
.p-top--12,
.card-credit__content {
padding-top: .75rem !important
}
.p-bottom--12 {
padding-bottom: .75rem !important
}
html:not([dir=rtl]) .p-right--12,
html:not([dir=rtl]) .card-payments__content__middle {
padding-right: .75rem !important
}
[dir=rtl] .p-right--12,
[dir=rtl] .card-payments__content__middle {
padding-left: .75rem !important
}
html:not([dir=rtl]) .p-left--12 {
padding-left: .75rem !important
}
[dir=rtl] .p-left--12 {
padding-right: .75rem !important
}
.m-x--14 {
margin-left: .875rem !important;
margin-right: .875rem !important
}
.m-y--14 {
margin-top: .875rem !important;
margin-bottom: .875rem !important
}
.m--14 {
margin: .875rem !important
}
.m-top--14 {
margin-top: .875rem !important
}
.m-bottom--14 {
margin-bottom: .875rem !important
}
html:not([dir=rtl]) .m-right--14 {
margin-right: .875rem !important
}
[dir=rtl] .m-right--14 {
margin-left: .875rem !important
}
html:not([dir=rtl]) .m-left--14 {
margin-left: .875rem !important
}
[dir=rtl] .m-left--14 {
margin-right: .875rem !important
}
.p-x--14,
.card-payments,
.card-payments-skeleton {
padding-left: .875rem !important;
padding-right: .875rem !important
}
.p-y--14 {
padding-top: .875rem !important;
padding-bottom: .875rem !important
}
.p--14 {
padding: .875rem !important
}
.p-top--14 {
padding-top: .875rem !important
}
.p-bottom--14 {
padding-bottom: .875rem !important
}
html:not([dir=rtl]) .p-right--14 {
padding-right: .875rem !important
}
[dir=rtl] .p-right--14 {
padding-left: .875rem !important
}
html:not([dir=rtl]) .p-left--14 {
padding-left: .875rem !important
}
[dir=rtl] .p-left--14 {
padding-right: .875rem !important
}
.m-x--16 {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.m-y--16 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.m--16 {
margin: 1rem !important
}
.m-top--16,
.basket .drawer-container .drawer-content__header,
.basket-skeleton__summary {
margin-top: 1rem !important
}
.m-bottom--16,
.info-callout__scrollable__content__sub-title,
.basket .drawer-container .drawer-content__header,
.basket-skeleton__summary {
margin-bottom: 1rem !important
}
html:not([dir=rtl]) .m-right--16 {
margin-right: 1rem !important
}
[dir=rtl] .m-right--16 {
margin-left: 1rem !important
}
html:not([dir=rtl]) .m-left--16 {
margin-left: 1rem !important
}
[dir=rtl] .m-left--16 {
margin-right: 1rem !important
}
.p-x--16,
.card-credit__content,
.card-plans__travel-insurance-qic {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.p-y--16 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.p--16,
.card-payments-expandable__header {
padding: 1rem !important
}
.p-top--16,
.basket__extras,
.basket-skeleton__bottom {
padding-top: 1rem !important
}
.p-bottom--16 {
padding-bottom: 1rem !important
}
html:not([dir=rtl]) .p-right--16,
html:not([dir=rtl]) .basket .basket-cart-item,
.basket html:not([dir=rtl]) .basket-cart-item,
html:not([dir=rtl]) .basket-skeleton .basket-cart-item,
.basket-skeleton html:not([dir=rtl]) .basket-cart-item {
padding-right: 1rem !important
}
[dir=rtl] .p-right--16,
[dir=rtl] .basket .basket-cart-item,
.basket [dir=rtl] .basket-cart-item,
[dir=rtl] .basket-skeleton .basket-cart-item,
.basket-skeleton [dir=rtl] .basket-cart-item {
padding-left: 1rem !important
}
html:not([dir=rtl]) .p-left--16 {
padding-left: 1rem !important
}
[dir=rtl] .p-left--16 {
padding-right: 1rem !important
}
.m-x--20 {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important
}
.m-y--20 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important
}
.m--20 {
margin: 1.25rem !important
}
.m-top--20 {
margin-top: 1.25rem !important
}
.m-bottom--20 {
margin-bottom: 1.25rem !important
}
html:not([dir=rtl]) .m-right--20 {
margin-right: 1.25rem !important
}
[dir=rtl] .m-right--20 {
margin-left: 1.25rem !important
}
html:not([dir=rtl]) .m-left--20 {
margin-left: 1.25rem !important
}
[dir=rtl] .m-left--20 {
margin-right: 1.25rem !important
}
.p-x--20 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.p-y--20 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.p--20 {
padding: 1.25rem !important
}
.p-top--20 {
padding-top: 1.25rem !important
}
.p-bottom--20 {
padding-bottom: 1.25rem !important
}
html:not([dir=rtl]) .p-right--20 {
padding-right: 1.25rem !important
}
[dir=rtl] .p-right--20 {
padding-left: 1.25rem !important
}
html:not([dir=rtl]) .p-left--20 {
padding-left: 1.25rem !important
}
[dir=rtl] .p-left--20 {
padding-right: 1.25rem !important
}
.m-x--24 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.m-y--24 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.m--24 {
margin: 1.5rem !important
}
.m-top--24 {
margin-top: 1.5rem !important
}
.m-bottom--24 {
margin-bottom: 1.5rem !important
}
html:not([dir=rtl]) .m-right--24 {
margin-right: 1.5rem !important
}
[dir=rtl] .m-right--24 {
margin-left: 1.5rem !important
}
html:not([dir=rtl]) .m-left--24 {
margin-left: 1.5rem !important
}
[dir=rtl] .m-left--24 {
margin-right: 1.5rem !important
}
.p-x--24,
.info-callout__scrollable__content,
.info-callout__scrollable__buttons,
.info-callout__toast-container,
.basket .drawer-container .drawer-content__header,
.basket__extras,
.basket-skeleton__summary,
.basket-skeleton__pricing,
.basket-skeleton__bottom,
.card-account-manage-autopay {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.p-y--24 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.p--24 {
padding: 1.5rem !important
}
.p-top--24,
.info-callout__toast-container {
padding-top: 1.5rem !important
}
.p-bottom--24,
.basket-skeleton__pricing {
padding-bottom: 1.5rem !important
}
html:not([dir=rtl]) .p-right--24 {
padding-right: 1.5rem !important
}
[dir=rtl] .p-right--24 {
padding-left: 1.5rem !important
}
html:not([dir=rtl]) .p-left--24,
html:not([dir=rtl]) .basket .basket-cart-item,
.basket html:not([dir=rtl]) .basket-cart-item,
html:not([dir=rtl]) .basket-skeleton .basket-cart-item,
.basket-skeleton html:not([dir=rtl]) .basket-cart-item {
padding-left: 1.5rem !important
}
[dir=rtl] .p-left--24,
[dir=rtl] .basket .basket-cart-item,
.basket [dir=rtl] .basket-cart-item,
[dir=rtl] .basket-skeleton .basket-cart-item,
.basket-skeleton [dir=rtl] .basket-cart-item {
padding-right: 1.5rem !important
}
.m-x--28 {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important
}
.m-y--28 {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important
}
.m--28 {
margin: 1.75rem !important
}
.m-top--28 {
margin-top: 1.75rem !important
}
.m-bottom--28 {
margin-bottom: 1.75rem !important
}
html:not([dir=rtl]) .m-right--28 {
margin-right: 1.75rem !important
}
[dir=rtl] .m-right--28 {
margin-left: 1.75rem !important
}
html:not([dir=rtl]) .m-left--28 {
margin-left: 1.75rem !important
}
[dir=rtl] .m-left--28 {
margin-right: 1.75rem !important
}
.p-x--28 {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important
}
.p-y--28 {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important
}
.p--28 {
padding: 1.75rem !important
}
.p-top--28 {
padding-top: 1.75rem !important
}
.p-bottom--28 {
padding-bottom: 1.75rem !important
}
html:not([dir=rtl]) .p-right--28 {
padding-right: 1.75rem !important
}
[dir=rtl] .p-right--28 {
padding-left: 1.75rem !important
}
html:not([dir=rtl]) .p-left--28 {
padding-left: 1.75rem !important
}
[dir=rtl] .p-left--28 {
padding-right: 1.75rem !important
}
.m-x--32 {
margin-left: 2rem !important;
margin-right: 2rem !important
}
.m-y--32 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.m--32 {
margin: 2rem !important
}
.m-top--32,
.info-callout__scrollable__content__sub-title {
margin-top: 2rem !important
}
.m-bottom--32,
.info-callout__scrollable__content__inline-message {
margin-bottom: 2rem !important
}
html:not([dir=rtl]) .m-right--32 {
margin-right: 2rem !important
}
[dir=rtl] .m-right--32 {
margin-left: 2rem !important
}
html:not([dir=rtl]) .m-left--32 {
margin-left: 2rem !important
}
[dir=rtl] .m-left--32 {
margin-right: 2rem !important
}
.p-x--32 {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.p-y--32 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.p--32 {
padding: 2rem !important
}
.p-top--32 {
padding-top: 2rem !important
}
.p-bottom--32 {
padding-bottom: 2rem !important
}
html:not([dir=rtl]) .p-right--32 {
padding-right: 2rem !important
}
[dir=rtl] .p-right--32 {
padding-left: 2rem !important
}
html:not([dir=rtl]) .p-left--32 {
padding-left: 2rem !important
}
[dir=rtl] .p-left--32 {
padding-right: 2rem !important
}
.m-x--36 {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
.m-y--36 {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
.m--36 {
margin: 2.25rem !important
}
.m-top--36 {
margin-top: 2.25rem !important
}
.m-bottom--36 {
margin-bottom: 2.25rem !important
}
html:not([dir=rtl]) .m-right--36 {
margin-right: 2.25rem !important
}
[dir=rtl] .m-right--36 {
margin-left: 2.25rem !important
}
html:not([dir=rtl]) .m-left--36 {
margin-left: 2.25rem !important
}
[dir=rtl] .m-left--36 {
margin-right: 2.25rem !important
}
.p-x--36 {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
.p-y--36 {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
.p--36 {
padding: 2.25rem !important
}
.p-top--36 {
padding-top: 2.25rem !important
}
.p-bottom--36,
.basket__extras,
.basket-skeleton__bottom {
padding-bottom: 2.25rem !important
}
html:not([dir=rtl]) .p-right--36 {
padding-right: 2.25rem !important
}
[dir=rtl] .p-right--36 {
padding-left: 2.25rem !important
}
html:not([dir=rtl]) .p-left--36 {
padding-left: 2.25rem !important
}
[dir=rtl] .p-left--36 {
padding-right: 2.25rem !important
}
.m-x--38 {
margin-left: 2.375rem !important;
margin-right: 2.375rem !important
}
.m-y--38 {
margin-top: 2.375rem !important;
margin-bottom: 2.375rem !important
}
.m--38 {
margin: 2.375rem !important
}
.m-top--38 {
margin-top: 2.375rem !important
}
.m-bottom--38 {
margin-bottom: 2.375rem !important
}
html:not([dir=rtl]) .m-right--38 {
margin-right: 2.375rem !important
}
[dir=rtl] .m-right--38 {
margin-left: 2.375rem !important
}
html:not([dir=rtl]) .m-left--38 {
margin-left: 2.375rem !important
}
[dir=rtl] .m-left--38 {
margin-right: 2.375rem !important
}
.p-x--38 {
padding-left: 2.375rem !important;
padding-right: 2.375rem !important
}
.p-y--38 {
padding-top: 2.375rem !important;
padding-bottom: 2.375rem !important
}
.p--38 {
padding: 2.375rem !important
}
.p-top--38 {
padding-top: 2.375rem !important
}
.p-bottom--38 {
padding-bottom: 2.375rem !important
}
html:not([dir=rtl]) .p-right--38 {
padding-right: 2.375rem !important
}
[dir=rtl] .p-right--38 {
padding-left: 2.375rem !important
}
html:not([dir=rtl]) .p-left--38 {
padding-left: 2.375rem !important
}
[dir=rtl] .p-left--38 {
padding-right: 2.375rem !important
}
.m-x--40 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important
}
.m-y--40 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important
}
.m--40 {
margin: 2.5rem !important
}
.m-top--40,
.info-callout__scrollable__content__title {
margin-top: 2.5rem !important
}
.m-bottom--40 {
margin-bottom: 2.5rem !important
}
html:not([dir=rtl]) .m-right--40 {
margin-right: 2.5rem !important
}
[dir=rtl] .m-right--40 {
margin-left: 2.5rem !important
}
html:not([dir=rtl]) .m-left--40 {
margin-left: 2.5rem !important
}
[dir=rtl] .m-left--40 {
margin-right: 2.5rem !important
}
.p-x--40 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
.p-y--40 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.p--40 {
padding: 2.5rem !important
}
.p-top--40,
.basket-skeleton__pricing {
padding-top: 2.5rem !important
}
.p-bottom--40 {
padding-bottom: 2.5rem !important
}
html:not([dir=rtl]) .p-right--40 {
padding-right: 2.5rem !important
}
[dir=rtl] .p-right--40 {
padding-left: 2.5rem !important
}
html:not([dir=rtl]) .p-left--40 {
padding-left: 2.5rem !important
}
[dir=rtl] .p-left--40 {
padding-right: 2.5rem !important
}
.m-x--44 {
margin-left: 2.75rem !important;
margin-right: 2.75rem !important
}
.m-y--44 {
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important
}
.m--44 {
margin: 2.75rem !important
}
.m-top--44 {
margin-top: 2.75rem !important
}
.m-bottom--44 {
margin-bottom: 2.75rem !important
}
html:not([dir=rtl]) .m-right--44 {
margin-right: 2.75rem !important
}
[dir=rtl] .m-right--44 {
margin-left: 2.75rem !important
}
html:not([dir=rtl]) .m-left--44 {
margin-left: 2.75rem !important
}
[dir=rtl] .m-left--44 {
margin-right: 2.75rem !important
}
.p-x--44 {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important
}
.p-y--44 {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important
}
.p--44 {
padding: 2.75rem !important
}
.p-top--44 {
padding-top: 2.75rem !important
}
.p-bottom--44 {
padding-bottom: 2.75rem !important
}
html:not([dir=rtl]) .p-right--44 {
padding-right: 2.75rem !important
}
[dir=rtl] .p-right--44 {
padding-left: 2.75rem !important
}
html:not([dir=rtl]) .p-left--44 {
padding-left: 2.75rem !important
}
[dir=rtl] .p-left--44 {
padding-right: 2.75rem !important
}
.m-x--48 {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.m-y--48 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.m--48 {
margin: 3rem !important
}
.m-top--48 {
margin-top: 3rem !important
}
.m-bottom--48 {
margin-bottom: 3rem !important
}
html:not([dir=rtl]) .m-right--48 {
margin-right: 3rem !important
}
[dir=rtl] .m-right--48 {
margin-left: 3rem !important
}
html:not([dir=rtl]) .m-left--48 {
margin-left: 3rem !important
}
[dir=rtl] .m-left--48 {
margin-right: 3rem !important
}
.p-x--48 {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.p-y--48 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.p--48 {
padding: 3rem !important
}
.p-top--48 {
padding-top: 3rem !important
}
.p-bottom--48 {
padding-bottom: 3rem !important
}
html:not([dir=rtl]) .p-right--48 {
padding-right: 3rem !important
}
[dir=rtl] .p-right--48 {
padding-left: 3rem !important
}
html:not([dir=rtl]) .p-left--48 {
padding-left: 3rem !important
}
[dir=rtl] .p-left--48 {
padding-right: 3rem !important
}
.m-x--52 {
margin-left: 3.25rem !important;
margin-right: 3.25rem !important
}
.m-y--52 {
margin-top: 3.25rem !important;
margin-bottom: 3.25rem !important
}
.m--52 {
margin: 3.25rem !important
}
.m-top--52 {
margin-top: 3.25rem !important
}
.m-bottom--52 {
margin-bottom: 3.25rem !important
}
html:not([dir=rtl]) .m-right--52 {
margin-right: 3.25rem !important
}
[dir=rtl] .m-right--52 {
margin-left: 3.25rem !important
}
html:not([dir=rtl]) .m-left--52 {
margin-left: 3.25rem !important
}
[dir=rtl] .m-left--52 {
margin-right: 3.25rem !important
}
.p-x--52 {
padding-left: 3.25rem !important;
padding-right: 3.25rem !important
}
.p-y--52 {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important
}
.p--52 {
padding: 3.25rem !important
}
.p-top--52 {
padding-top: 3.25rem !important
}
.p-bottom--52 {
padding-bottom: 3.25rem !important
}
html:not([dir=rtl]) .p-right--52 {
padding-right: 3.25rem !important
}
[dir=rtl] .p-right--52 {
padding-left: 3.25rem !important
}
html:not([dir=rtl]) .p-left--52 {
padding-left: 3.25rem !important
}
[dir=rtl] .p-left--52 {
padding-right: 3.25rem !important
}
.m-x--56 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important
}
.m-y--56 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important
}
.m--56 {
margin: 3.5rem !important
}
.m-top--56 {
margin-top: 3.5rem !important
}
.m-bottom--56 {
margin-bottom: 3.5rem !important
}
html:not([dir=rtl]) .m-right--56 {
margin-right: 3.5rem !important
}
[dir=rtl] .m-right--56 {
margin-left: 3.5rem !important
}
html:not([dir=rtl]) .m-left--56 {
margin-left: 3.5rem !important
}
[dir=rtl] .m-left--56 {
margin-right: 3.5rem !important
}
.p-x--56 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important
}
.p-y--56 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important
}
.p--56 {
padding: 3.5rem !important
}
.p-top--56 {
padding-top: 3.5rem !important
}
.p-bottom--56 {
padding-bottom: 3.5rem !important
}
html:not([dir=rtl]) .p-right--56 {
padding-right: 3.5rem !important
}
[dir=rtl] .p-right--56 {
padding-left: 3.5rem !important
}
html:not([dir=rtl]) .p-left--56 {
padding-left: 3.5rem !important
}
[dir=rtl] .p-left--56 {
padding-right: 3.5rem !important
}
.m-x--60 {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important
}
.m-y--60 {
margin-top: 3.75rem !important;
margin-bottom: 3.75rem !important
}
.m--60 {
margin: 3.75rem !important
}
.m-top--60 {
margin-top: 3.75rem !important
}
.m-bottom--60 {
margin-bottom: 3.75rem !important
}
html:not([dir=rtl]) .m-right--60 {
margin-right: 3.75rem !important
}
[dir=rtl] .m-right--60 {
margin-left: 3.75rem !important
}
html:not([dir=rtl]) .m-left--60 {
margin-left: 3.75rem !important
}
[dir=rtl] .m-left--60 {
margin-right: 3.75rem !important
}
.p-x--60 {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important
}
.p-y--60 {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important
}
.p--60 {
padding: 3.75rem !important
}
.p-top--60 {
padding-top: 3.75rem !important
}
.p-bottom--60 {
padding-bottom: 3.75rem !important
}
html:not([dir=rtl]) .p-right--60 {
padding-right: 3.75rem !important
}
[dir=rtl] .p-right--60 {
padding-left: 3.75rem !important
}
html:not([dir=rtl]) .p-left--60 {
padding-left: 3.75rem !important
}
[dir=rtl] .p-left--60 {
padding-right: 3.75rem !important
}
.m-x--64 {
margin-left: 4rem !important;
margin-right: 4rem !important
}
.m-y--64 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.m--64 {
margin: 4rem !important
}
.m-top--64 {
margin-top: 4rem !important
}
.m-bottom--64,
.info-callout__scrollable__buttons {
margin-bottom: 4rem !important
}
html:not([dir=rtl]) .m-right--64 {
margin-right: 4rem !important
}
[dir=rtl] .m-right--64 {
margin-left: 4rem !important
}
html:not([dir=rtl]) .m-left--64 {
margin-left: 4rem !important
}
[dir=rtl] .m-left--64 {
margin-right: 4rem !important
}
.p-x--64 {
padding-left: 4rem !important;
padding-right: 4rem !important
}
.p-y--64 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.p--64 {
padding: 4rem !important
}
.p-top--64 {
padding-top: 4rem !important
}
.p-bottom--64 {
padding-bottom: 4rem !important
}
html:not([dir=rtl]) .p-right--64 {
padding-right: 4rem !important
}
[dir=rtl] .p-right--64 {
padding-left: 4rem !important
}
html:not([dir=rtl]) .p-left--64 {
padding-left: 4rem !important
}
[dir=rtl] .p-left--64 {
padding-right: 4rem !important
}
.m-x--72 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
.m-y--72 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
.m--72 {
margin: 4.5rem !important
}
.m-top--72 {
margin-top: 4.5rem !important
}
.m-bottom--72 {
margin-bottom: 4.5rem !important
}
html:not([dir=rtl]) .m-right--72 {
margin-right: 4.5rem !important
}
[dir=rtl] .m-right--72 {
margin-left: 4.5rem !important
}
html:not([dir=rtl]) .m-left--72 {
margin-left: 4.5rem !important
}
[dir=rtl] .m-left--72 {
margin-right: 4.5rem !important
}
.p-x--72 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
.p-y--72 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
.p--72 {
padding: 4.5rem !important
}
.p-top--72 {
padding-top: 4.5rem !important
}
.p-bottom--72 {
padding-bottom: 4.5rem !important
}
html:not([dir=rtl]) .p-right--72 {
padding-right: 4.5rem !important
}
[dir=rtl] .p-right--72 {
padding-left: 4.5rem !important
}
html:not([dir=rtl]) .p-left--72 {
padding-left: 4.5rem !important
}
[dir=rtl] .p-left--72 {
padding-right: 4.5rem !important
}
.m-x--80 {
margin-left: 5rem !important;
margin-right: 5rem !important
}
.m-y--80 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.m--80 {
margin: 5rem !important
}
.m-top--80 {
margin-top: 5rem !important
}
.m-bottom--80 {
margin-bottom: 5rem !important
}
html:not([dir=rtl]) .m-right--80 {
margin-right: 5rem !important
}
[dir=rtl] .m-right--80 {
margin-left: 5rem !important
}
html:not([dir=rtl]) .m-left--80 {
margin-left: 5rem !important
}
[dir=rtl] .m-left--80 {
margin-right: 5rem !important
}
.p-x--80 {
padding-left: 5rem !important;
padding-right: 5rem !important
}
.p-y--80 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.p--80 {
padding: 5rem !important
}
.p-top--80 {
padding-top: 5rem !important
}
.p-bottom--80 {
padding-bottom: 5rem !important
}
html:not([dir=rtl]) .p-right--80 {
padding-right: 5rem !important
}
[dir=rtl] .p-right--80 {
padding-left: 5rem !important
}
html:not([dir=rtl]) .p-left--80 {
padding-left: 5rem !important
}
[dir=rtl] .p-left--80 {
padding-right: 5rem !important
}
.m-x--88 {
margin-left: 5.5rem !important;
margin-right: 5.5rem !important
}
.m-y--88 {
margin-top: 5.5rem !important;
margin-bottom: 5.5rem !important
}
.m--88 {
margin: 5.5rem !important
}
.m-top--88 {
margin-top: 5.5rem !important
}
.m-bottom--88 {
margin-bottom: 5.5rem !important
}
html:not([dir=rtl]) .m-right--88 {
margin-right: 5.5rem !important
}
[dir=rtl] .m-right--88 {
margin-left: 5.5rem !important
}
html:not([dir=rtl]) .m-left--88 {
margin-left: 5.5rem !important
}
[dir=rtl] .m-left--88 {
margin-right: 5.5rem !important
}
.p-x--88 {
padding-left: 5.5rem !important;
padding-right: 5.5rem !important
}
.p-y--88 {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important
}
.p--88 {
padding: 5.5rem !important
}
.p-top--88 {
padding-top: 5.5rem !important
}
.p-bottom--88 {
padding-bottom: 5.5rem !important
}
html:not([dir=rtl]) .p-right--88 {
padding-right: 5.5rem !important
}
[dir=rtl] .p-right--88 {
padding-left: 5.5rem !important
}
html:not([dir=rtl]) .p-left--88 {
padding-left: 5.5rem !important
}
[dir=rtl] .p-left--88 {
padding-right: 5.5rem !important
}
.m-x--96 {
margin-left: 6rem !important;
margin-right: 6rem !important
}
.m-y--96 {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
.m--96 {
margin: 6rem !important
}
.m-top--96 {
margin-top: 6rem !important
}
.m-bottom--96 {
margin-bottom: 6rem !important
}
html:not([dir=rtl]) .m-right--96 {
margin-right: 6rem !important
}
[dir=rtl] .m-right--96 {
margin-left: 6rem !important
}
html:not([dir=rtl]) .m-left--96 {
margin-left: 6rem !important
}
[dir=rtl] .m-left--96 {
margin-right: 6rem !important
}
.p-x--96 {
padding-left: 6rem !important;
padding-right: 6rem !important
}
.p-y--96 {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
.p--96 {
padding: 6rem !important
}
.p-top--96 {
padding-top: 6rem !important
}
.p-bottom--96 {
padding-bottom: 6rem !important
}
html:not([dir=rtl]) .p-right--96 {
padding-right: 6rem !important
}
[dir=rtl] .p-right--96 {
padding-left: 6rem !important
}
html:not([dir=rtl]) .p-left--96 {
padding-left: 6rem !important
}
[dir=rtl] .p-left--96 {
padding-right: 6rem !important
}
.m-x--100 {
margin-left: 6.25rem !important;
margin-right: 6.25rem !important
}
.m-y--100 {
margin-top: 6.25rem !important;
margin-bottom: 6.25rem !important
}
.m--100 {
margin: 6.25rem !important
}
.m-top--100 {
margin-top: 6.25rem !important
}
.m-bottom--100 {
margin-bottom: 6.25rem !important
}
html:not([dir=rtl]) .m-right--100 {
margin-right: 6.25rem !important
}
[dir=rtl] .m-right--100 {
margin-left: 6.25rem !important
}
html:not([dir=rtl]) .m-left--100 {
margin-left: 6.25rem !important
}
[dir=rtl] .m-left--100 {
margin-right: 6.25rem !important
}
.p-x--100 {
padding-left: 6.25rem !important;
padding-right: 6.25rem !important
}
.p-y--100 {
padding-top: 6.25rem !important;
padding-bottom: 6.25rem !important
}
.p--100 {
padding: 6.25rem !important
}
.p-top--100 {
padding-top: 6.25rem !important
}
.p-bottom--100 {
padding-bottom: 6.25rem !important
}
html:not([dir=rtl]) .p-right--100 {
padding-right: 6.25rem !important
}
[dir=rtl] .p-right--100 {
padding-left: 6.25rem !important
}
html:not([dir=rtl]) .p-left--100 {
padding-left: 6.25rem !important
}
[dir=rtl] .p-left--100 {
padding-right: 6.25rem !important
}
.m-x--104 {
margin-left: 6.5rem !important;
margin-right: 6.5rem !important
}
.m-y--104 {
margin-top: 6.5rem !important;
margin-bottom: 6.5rem !important
}
.m--104 {
margin: 6.5rem !important
}
.m-top--104 {
margin-top: 6.5rem !important
}
.m-bottom--104 {
margin-bottom: 6.5rem !important
}
html:not([dir=rtl]) .m-right--104 {
margin-right: 6.5rem !important
}
[dir=rtl] .m-right--104 {
margin-left: 6.5rem !important
}
html:not([dir=rtl]) .m-left--104 {
margin-left: 6.5rem !important
}
[dir=rtl] .m-left--104 {
margin-right: 6.5rem !important
}
.p-x--104 {
padding-left: 6.5rem !important;
padding-right: 6.5rem !important
}
.p-y--104 {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important
}
.p--104 {
padding: 6.5rem !important
}
.p-top--104 {
padding-top: 6.5rem !important
}
.p-bottom--104 {
padding-bottom: 6.5rem !important
}
html:not([dir=rtl]) .p-right--104 {
padding-right: 6.5rem !important
}
[dir=rtl] .p-right--104 {
padding-left: 6.5rem !important
}
html:not([dir=rtl]) .p-left--104 {
padding-left: 6.5rem !important
}
[dir=rtl] .p-left--104 {
padding-right: 6.5rem !important
}
@media all and (min-width: 600px) {
.m-x--auto-sm {
margin-left: auto !important;
margin-right: auto !important
}
.m-y--auto-sm {
margin-top: auto !important;
margin-bottom: auto !important
}
.m--auto-sm {
margin: auto !important
}
.m-top--auto-sm {
margin-top: auto !important
}
.m-bottom--auto-sm {
margin-bottom: auto !important
}
html:not([dir=rtl]) .m-right--auto-sm {
margin-right: auto !important
}
[dir=rtl] .m-right--auto-sm {
margin-left: auto !important
}
html:not([dir=rtl]) .m-left--auto-sm {
margin-left: auto !important
}
[dir=rtl] .m-left--auto-sm {
margin-right: auto !important
}
.p-x--auto-sm {
padding-left: auto !important;
padding-right: auto !important
}
.p-y--auto-sm {
padding-top: auto !important;
padding-bottom: auto !important
}
.p--auto-sm {
padding: auto !important
}
.p-top--auto-sm {
padding-top: auto !important
}
.p-bottom--auto-sm {
padding-bottom: auto !important
}
html:not([dir=rtl]) .p-right--auto-sm {
padding-right: auto !important
}
[dir=rtl] .p-right--auto-sm {
padding-left: auto !important
}
html:not([dir=rtl]) .p-left--auto-sm {
padding-left: auto !important
}
[dir=rtl] .p-left--auto-sm {
padding-right: auto !important
}
.m-x--0-sm {
margin-left: 0 !important;
margin-right: 0 !important
}
.m-y--0-sm {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.m--0-sm {
margin: 0 !important
}
.m-top--0-sm {
margin-top: 0 !important
}
.m-bottom--0-sm {
margin-bottom: 0 !important
}
html:not([dir=rtl]) .m-right--0-sm {
margin-right: 0 !important
}
[dir=rtl] .m-right--0-sm {
margin-left: 0 !important
}
html:not([dir=rtl]) .m-left--0-sm {
margin-left: 0 !important
}
[dir=rtl] .m-left--0-sm {
margin-right: 0 !important
}
.p-x--0-sm {
padding-left: 0 !important;
padding-right: 0 !important
}
.p-y--0-sm {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.p--0-sm {
padding: 0 !important
}
.p-top--0-sm {
padding-top: 0 !important
}
.p-bottom--0-sm {
padding-bottom: 0 !important
}
html:not([dir=rtl]) .p-right--0-sm {
padding-right: 0 !important
}
[dir=rtl] .p-right--0-sm {
padding-left: 0 !important
}
html:not([dir=rtl]) .p-left--0-sm {
padding-left: 0 !important
}
[dir=rtl] .p-left--0-sm {
padding-right: 0 !important
}
.m-x--02-sm {
margin-left: .125rem !important;
margin-right: .125rem !important
}
.m-y--02-sm {
margin-top: .125rem !important;
margin-bottom: .125rem !important
}
.m--02-sm {
margin: .125rem !important
}
.m-top--02-sm {
margin-top: .125rem !important
}
.m-bottom--02-sm {
margin-bottom: .125rem !important
}
html:not([dir=rtl]) .m-right--02-sm {
margin-right: .125rem !important
}
[dir=rtl] .m-right--02-sm {
margin-left: .125rem !important
}
html:not([dir=rtl]) .m-left--02-sm {
margin-left: .125rem !important
}
[dir=rtl] .m-left--02-sm {
margin-right: .125rem !important
}
.p-x--02-sm {
padding-left: .125rem !important;
padding-right: .125rem !important
}
.p-y--02-sm {
padding-top: .125rem !important;
padding-bottom: .125rem !important
}
.p--02-sm {
padding: .125rem !important
}
.p-top--02-sm {
padding-top: .125rem !important
}
.p-bottom--02-sm {
padding-bottom: .125rem !important
}
html:not([dir=rtl]) .p-right--02-sm {
padding-right: .125rem !important
}
[dir=rtl] .p-right--02-sm {
padding-left: .125rem !important
}
html:not([dir=rtl]) .p-left--02-sm {
padding-left: .125rem !important
}
[dir=rtl] .p-left--02-sm {
padding-right: .125rem !important
}
.m-x--04-sm {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.m-y--04-sm {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.m--04-sm {
margin: .25rem !important
}
.m-top--04-sm {
margin-top: .25rem !important
}
.m-bottom--04-sm {
margin-bottom: .25rem !important
}
html:not([dir=rtl]) .m-right--04-sm {
margin-right: .25rem !important
}
[dir=rtl] .m-right--04-sm {
margin-left: .25rem !important
}
html:not([dir=rtl]) .m-left--04-sm {
margin-left: .25rem !important
}
[dir=rtl] .m-left--04-sm {
margin-right: .25rem !important
}
.p-x--04-sm {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.p-y--04-sm {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.p--04-sm {
padding: .25rem !important
}
.p-top--04-sm {
padding-top: .25rem !important
}
.p-bottom--04-sm {
padding-bottom: .25rem !important
}
html:not([dir=rtl]) .p-right--04-sm {
padding-right: .25rem !important
}
[dir=rtl] .p-right--04-sm {
padding-left: .25rem !important
}
html:not([dir=rtl]) .p-left--04-sm {
padding-left: .25rem !important
}
[dir=rtl] .p-left--04-sm {
padding-right: .25rem !important
}
.m-x--06-sm {
margin-left: .375rem !important;
margin-right: .375rem !important
}
.m-y--06-sm {
margin-top: .375rem !important;
margin-bottom: .375rem !important
}
.m--06-sm {
margin: .375rem !important
}
.m-top--06-sm {
margin-top: .375rem !important
}
.m-bottom--06-sm {
margin-bottom: .375rem !important
}
html:not([dir=rtl]) .m-right--06-sm {
margin-right: .375rem !important
}
[dir=rtl] .m-right--06-sm {
margin-left: .375rem !important
}
html:not([dir=rtl]) .m-left--06-sm {
margin-left: .375rem !important
}
[dir=rtl] .m-left--06-sm {
margin-right: .375rem !important
}
.p-x--06-sm {
padding-left: .375rem !important;
padding-right: .375rem !important
}
.p-y--06-sm {
padding-top: .375rem !important;
padding-bottom: .375rem !important
}
.p--06-sm {
padding: .375rem !important
}
.p-top--06-sm {
padding-top: .375rem !important
}
.p-bottom--06-sm {
padding-bottom: .375rem !important
}
html:not([dir=rtl]) .p-right--06-sm {
padding-right: .375rem !important
}
[dir=rtl] .p-right--06-sm {
padding-left: .375rem !important
}
html:not([dir=rtl]) .p-left--06-sm {
padding-left: .375rem !important
}
[dir=rtl] .p-left--06-sm {
padding-right: .375rem !important
}
.m-x--08-sm {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.m-y--08-sm {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.m--08-sm {
margin: .5rem !important
}
.m-top--08-sm {
margin-top: .5rem !important
}
.m-bottom--08-sm {
margin-bottom: .5rem !important
}
html:not([dir=rtl]) .m-right--08-sm {
margin-right: .5rem !important
}
[dir=rtl] .m-right--08-sm {
margin-left: .5rem !important
}
html:not([dir=rtl]) .m-left--08-sm {
margin-left: .5rem !important
}
[dir=rtl] .m-left--08-sm {
margin-right: .5rem !important
}
.p-x--08-sm {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.p-y--08-sm {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.p--08-sm {
padding: .5rem !important
}
.p-top--08-sm {
padding-top: .5rem !important
}
.p-bottom--08-sm {
padding-bottom: .5rem !important
}
html:not([dir=rtl]) .p-right--08-sm {
padding-right: .5rem !important
}
[dir=rtl] .p-right--08-sm {
padding-left: .5rem !important
}
html:not([dir=rtl]) .p-left--08-sm {
padding-left: .5rem !important
}
[dir=rtl] .p-left--08-sm {
padding-right: .5rem !important
}
.m-x--10-sm {
margin-left: .625rem !important;
margin-right: .625rem !important
}
.m-y--10-sm {
margin-top: .625rem !important;
margin-bottom: .625rem !important
}
.m--10-sm {
margin: .625rem !important
}
.m-top--10-sm {
margin-top: .625rem !important
}
.m-bottom--10-sm {
margin-bottom: .625rem !important
}
html:not([dir=rtl]) .m-right--10-sm {
margin-right: .625rem !important
}
[dir=rtl] .m-right--10-sm {
margin-left: .625rem !important
}
html:not([dir=rtl]) .m-left--10-sm {
margin-left: .625rem !important
}
[dir=rtl] .m-left--10-sm {
margin-right: .625rem !important
}
.p-x--10-sm {
padding-left: .625rem !important;
padding-right: .625rem !important
}
.p-y--10-sm {
padding-top: .625rem !important;
padding-bottom: .625rem !important
}
.p--10-sm {
padding: .625rem !important
}
.p-top--10-sm {
padding-top: .625rem !important
}
.p-bottom--10-sm {
padding-bottom: .625rem !important
}
html:not([dir=rtl]) .p-right--10-sm {
padding-right: .625rem !important
}
[dir=rtl] .p-right--10-sm {
padding-left: .625rem !important
}
html:not([dir=rtl]) .p-left--10-sm {
padding-left: .625rem !important
}
[dir=rtl] .p-left--10-sm {
padding-right: .625rem !important
}
.m-x--12-sm {
margin-left: .75rem !important;
margin-right: .75rem !important
}
.m-y--12-sm {
margin-top: .75rem !important;
margin-bottom: .75rem !important
}
.m--12-sm {
margin: .75rem !important
}
.m-top--12-sm {
margin-top: .75rem !important
}
.m-bottom--12-sm {
margin-bottom: .75rem !important
}
html:not([dir=rtl]) .m-right--12-sm {
margin-right: .75rem !important
}
[dir=rtl] .m-right--12-sm {
margin-left: .75rem !important
}
html:not([dir=rtl]) .m-left--12-sm {
margin-left: .75rem !important
}
[dir=rtl] .m-left--12-sm {
margin-right: .75rem !important
}
.p-x--12-sm {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.p-y--12-sm {
padding-top: .75rem !important;
padding-bottom: .75rem !important
}
.p--12-sm {
padding: .75rem !important
}
.p-top--12-sm {
padding-top: .75rem !important
}
.p-bottom--12-sm {
padding-bottom: .75rem !important
}
html:not([dir=rtl]) .p-right--12-sm {
padding-right: .75rem !important
}
[dir=rtl] .p-right--12-sm {
padding-left: .75rem !important
}
html:not([dir=rtl]) .p-left--12-sm {
padding-left: .75rem !important
}
[dir=rtl] .p-left--12-sm {
padding-right: .75rem !important
}
.m-x--14-sm {
margin-left: .875rem !important;
margin-right: .875rem !important
}
.m-y--14-sm {
margin-top: .875rem !important;
margin-bottom: .875rem !important
}
.m--14-sm {
margin: .875rem !important
}
.m-top--14-sm {
margin-top: .875rem !important
}
.m-bottom--14-sm {
margin-bottom: .875rem !important
}
html:not([dir=rtl]) .m-right--14-sm {
margin-right: .875rem !important
}
[dir=rtl] .m-right--14-sm {
margin-left: .875rem !important
}
html:not([dir=rtl]) .m-left--14-sm {
margin-left: .875rem !important
}
[dir=rtl] .m-left--14-sm {
margin-right: .875rem !important
}
.p-x--14-sm {
padding-left: .875rem !important;
padding-right: .875rem !important
}
.p-y--14-sm {
padding-top: .875rem !important;
padding-bottom: .875rem !important
}
.p--14-sm {
padding: .875rem !important
}
.p-top--14-sm {
padding-top: .875rem !important
}
.p-bottom--14-sm {
padding-bottom: .875rem !important
}
html:not([dir=rtl]) .p-right--14-sm {
padding-right: .875rem !important
}
[dir=rtl] .p-right--14-sm {
padding-left: .875rem !important
}
html:not([dir=rtl]) .p-left--14-sm {
padding-left: .875rem !important
}
[dir=rtl] .p-left--14-sm {
padding-right: .875rem !important
}
.m-x--16-sm {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.m-y--16-sm {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.m--16-sm {
margin: 1rem !important
}
.m-top--16-sm {
margin-top: 1rem !important
}
.m-bottom--16-sm {
margin-bottom: 1rem !important
}
html:not([dir=rtl]) .m-right--16-sm {
margin-right: 1rem !important
}
[dir=rtl] .m-right--16-sm {
margin-left: 1rem !important
}
html:not([dir=rtl]) .m-left--16-sm {
margin-left: 1rem !important
}
[dir=rtl] .m-left--16-sm {
margin-right: 1rem !important
}
.p-x--16-sm {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.p-y--16-sm {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.p--16-sm {
padding: 1rem !important
}
.p-top--16-sm {
padding-top: 1rem !important
}
.p-bottom--16-sm {
padding-bottom: 1rem !important
}
html:not([dir=rtl]) .p-right--16-sm {
padding-right: 1rem !important
}
[dir=rtl] .p-right--16-sm {
padding-left: 1rem !important
}
html:not([dir=rtl]) .p-left--16-sm {
padding-left: 1rem !important
}
[dir=rtl] .p-left--16-sm {
padding-right: 1rem !important
}
.m-x--20-sm {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important
}
.m-y--20-sm {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important
}
.m--20-sm {
margin: 1.25rem !important
}
.m-top--20-sm {
margin-top: 1.25rem !important
}
.m-bottom--20-sm {
margin-bottom: 1.25rem !important
}
html:not([dir=rtl]) .m-right--20-sm {
margin-right: 1.25rem !important
}
[dir=rtl] .m-right--20-sm {
margin-left: 1.25rem !important
}
html:not([dir=rtl]) .m-left--20-sm {
margin-left: 1.25rem !important
}
[dir=rtl] .m-left--20-sm {
margin-right: 1.25rem !important
}
.p-x--20-sm {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.p-y--20-sm {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.p--20-sm {
padding: 1.25rem !important
}
.p-top--20-sm {
padding-top: 1.25rem !important
}
.p-bottom--20-sm {
padding-bottom: 1.25rem !important
}
html:not([dir=rtl]) .p-right--20-sm {
padding-right: 1.25rem !important
}
[dir=rtl] .p-right--20-sm {
padding-left: 1.25rem !important
}
html:not([dir=rtl]) .p-left--20-sm {
padding-left: 1.25rem !important
}
[dir=rtl] .p-left--20-sm {
padding-right: 1.25rem !important
}
.m-x--24-sm {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.m-y--24-sm {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.m--24-sm {
margin: 1.5rem !important
}
.m-top--24-sm {
margin-top: 1.5rem !important
}
.m-bottom--24-sm {
margin-bottom: 1.5rem !important
}
html:not([dir=rtl]) .m-right--24-sm {
margin-right: 1.5rem !important
}
[dir=rtl] .m-right--24-sm {
margin-left: 1.5rem !important
}
html:not([dir=rtl]) .m-left--24-sm {
margin-left: 1.5rem !important
}
[dir=rtl] .m-left--24-sm {
margin-right: 1.5rem !important
}
.p-x--24-sm {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.p-y--24-sm {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.p--24-sm {
padding: 1.5rem !important
}
.p-top--24-sm {
padding-top: 1.5rem !important
}
.p-bottom--24-sm {
padding-bottom: 1.5rem !important
}
html:not([dir=rtl]) .p-right--24-sm {
padding-right: 1.5rem !important
}
[dir=rtl] .p-right--24-sm {
padding-left: 1.5rem !important
}
html:not([dir=rtl]) .p-left--24-sm {
padding-left: 1.5rem !important
}
[dir=rtl] .p-left--24-sm {
padding-right: 1.5rem !important
}
.m-x--28-sm {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important
}
.m-y--28-sm {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important
}
.m--28-sm {
margin: 1.75rem !important
}
.m-top--28-sm {
margin-top: 1.75rem !important
}
.m-bottom--28-sm {
margin-bottom: 1.75rem !important
}
html:not([dir=rtl]) .m-right--28-sm {
margin-right: 1.75rem !important
}
[dir=rtl] .m-right--28-sm {
margin-left: 1.75rem !important
}
html:not([dir=rtl]) .m-left--28-sm {
margin-left: 1.75rem !important
}
[dir=rtl] .m-left--28-sm {
margin-right: 1.75rem !important
}
.p-x--28-sm {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important
}
.p-y--28-sm {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important
}
.p--28-sm {
padding: 1.75rem !important
}
.p-top--28-sm {
padding-top: 1.75rem !important
}
.p-bottom--28-sm {
padding-bottom: 1.75rem !important
}
html:not([dir=rtl]) .p-right--28-sm {
padding-right: 1.75rem !important
}
[dir=rtl] .p-right--28-sm {
padding-left: 1.75rem !important
}
html:not([dir=rtl]) .p-left--28-sm {
padding-left: 1.75rem !important
}
[dir=rtl] .p-left--28-sm {
padding-right: 1.75rem !important
}
.m-x--32-sm {
margin-left: 2rem !important;
margin-right: 2rem !important
}
.m-y--32-sm {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.m--32-sm {
margin: 2rem !important
}
.m-top--32-sm {
margin-top: 2rem !important
}
.m-bottom--32-sm {
margin-bottom: 2rem !important
}
html:not([dir=rtl]) .m-right--32-sm {
margin-right: 2rem !important
}
[dir=rtl] .m-right--32-sm {
margin-left: 2rem !important
}
html:not([dir=rtl]) .m-left--32-sm {
margin-left: 2rem !important
}
[dir=rtl] .m-left--32-sm {
margin-right: 2rem !important
}
.p-x--32-sm {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.p-y--32-sm {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.p--32-sm {
padding: 2rem !important
}
.p-top--32-sm {
padding-top: 2rem !important
}
.p-bottom--32-sm {
padding-bottom: 2rem !important
}
html:not([dir=rtl]) .p-right--32-sm {
padding-right: 2rem !important
}
[dir=rtl] .p-right--32-sm {
padding-left: 2rem !important
}
html:not([dir=rtl]) .p-left--32-sm {
padding-left: 2rem !important
}
[dir=rtl] .p-left--32-sm {
padding-right: 2rem !important
}
.m-x--36-sm {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
.m-y--36-sm {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
.m--36-sm {
margin: 2.25rem !important
}
.m-top--36-sm {
margin-top: 2.25rem !important
}
.m-bottom--36-sm {
margin-bottom: 2.25rem !important
}
html:not([dir=rtl]) .m-right--36-sm {
margin-right: 2.25rem !important
}
[dir=rtl] .m-right--36-sm {
margin-left: 2.25rem !important
}
html:not([dir=rtl]) .m-left--36-sm {
margin-left: 2.25rem !important
}
[dir=rtl] .m-left--36-sm {
margin-right: 2.25rem !important
}
.p-x--36-sm {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
.p-y--36-sm {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
.p--36-sm {
padding: 2.25rem !important
}
.p-top--36-sm {
padding-top: 2.25rem !important
}
.p-bottom--36-sm {
padding-bottom: 2.25rem !important
}
html:not([dir=rtl]) .p-right--36-sm {
padding-right: 2.25rem !important
}
[dir=rtl] .p-right--36-sm {
padding-left: 2.25rem !important
}
html:not([dir=rtl]) .p-left--36-sm {
padding-left: 2.25rem !important
}
[dir=rtl] .p-left--36-sm {
padding-right: 2.25rem !important
}
.m-x--38-sm {
margin-left: 2.375rem !important;
margin-right: 2.375rem !important
}
.m-y--38-sm {
margin-top: 2.375rem !important;
margin-bottom: 2.375rem !important
}
.m--38-sm {
margin: 2.375rem !important
}
.m-top--38-sm {
margin-top: 2.375rem !important
}
.m-bottom--38-sm {
margin-bottom: 2.375rem !important
}
html:not([dir=rtl]) .m-right--38-sm {
margin-right: 2.375rem !important
}
[dir=rtl] .m-right--38-sm {
margin-left: 2.375rem !important
}
html:not([dir=rtl]) .m-left--38-sm {
margin-left: 2.375rem !important
}
[dir=rtl] .m-left--38-sm {
margin-right: 2.375rem !important
}
.p-x--38-sm {
padding-left: 2.375rem !important;
padding-right: 2.375rem !important
}
.p-y--38-sm {
padding-top: 2.375rem !important;
padding-bottom: 2.375rem !important
}
.p--38-sm {
padding: 2.375rem !important
}
.p-top--38-sm {
padding-top: 2.375rem !important
}
.p-bottom--38-sm {
padding-bottom: 2.375rem !important
}
html:not([dir=rtl]) .p-right--38-sm {
padding-right: 2.375rem !important
}
[dir=rtl] .p-right--38-sm {
padding-left: 2.375rem !important
}
html:not([dir=rtl]) .p-left--38-sm {
padding-left: 2.375rem !important
}
[dir=rtl] .p-left--38-sm {
padding-right: 2.375rem !important
}
.m-x--40-sm {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important
}
.m-y--40-sm {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important
}
.m--40-sm {
margin: 2.5rem !important
}
.m-top--40-sm {
margin-top: 2.5rem !important
}
.m-bottom--40-sm {
margin-bottom: 2.5rem !important
}
html:not([dir=rtl]) .m-right--40-sm {
margin-right: 2.5rem !important
}
[dir=rtl] .m-right--40-sm {
margin-left: 2.5rem !important
}
html:not([dir=rtl]) .m-left--40-sm {
margin-left: 2.5rem !important
}
[dir=rtl] .m-left--40-sm {
margin-right: 2.5rem !important
}
.p-x--40-sm {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
.p-y--40-sm {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.p--40-sm {
padding: 2.5rem !important
}
.p-top--40-sm {
padding-top: 2.5rem !important
}
.p-bottom--40-sm {
padding-bottom: 2.5rem !important
}
html:not([dir=rtl]) .p-right--40-sm {
padding-right: 2.5rem !important
}
[dir=rtl] .p-right--40-sm {
padding-left: 2.5rem !important
}
html:not([dir=rtl]) .p-left--40-sm {
padding-left: 2.5rem !important
}
[dir=rtl] .p-left--40-sm {
padding-right: 2.5rem !important
}
.m-x--44-sm {
margin-left: 2.75rem !important;
margin-right: 2.75rem !important
}
.m-y--44-sm {
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important
}
.m--44-sm {
margin: 2.75rem !important
}
.m-top--44-sm {
margin-top: 2.75rem !important
}
.m-bottom--44-sm {
margin-bottom: 2.75rem !important
}
html:not([dir=rtl]) .m-right--44-sm {
margin-right: 2.75rem !important
}
[dir=rtl] .m-right--44-sm {
margin-left: 2.75rem !important
}
html:not([dir=rtl]) .m-left--44-sm {
margin-left: 2.75rem !important
}
[dir=rtl] .m-left--44-sm {
margin-right: 2.75rem !important
}
.p-x--44-sm {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important
}
.p-y--44-sm {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important
}
.p--44-sm {
padding: 2.75rem !important
}
.p-top--44-sm {
padding-top: 2.75rem !important
}
.p-bottom--44-sm {
padding-bottom: 2.75rem !important
}
html:not([dir=rtl]) .p-right--44-sm {
padding-right: 2.75rem !important
}
[dir=rtl] .p-right--44-sm {
padding-left: 2.75rem !important
}
html:not([dir=rtl]) .p-left--44-sm {
padding-left: 2.75rem !important
}
[dir=rtl] .p-left--44-sm {
padding-right: 2.75rem !important
}
.m-x--48-sm {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.m-y--48-sm {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.m--48-sm {
margin: 3rem !important
}
.m-top--48-sm {
margin-top: 3rem !important
}
.m-bottom--48-sm {
margin-bottom: 3rem !important
}
html:not([dir=rtl]) .m-right--48-sm {
margin-right: 3rem !important
}
[dir=rtl] .m-right--48-sm {
margin-left: 3rem !important
}
html:not([dir=rtl]) .m-left--48-sm {
margin-left: 3rem !important
}
[dir=rtl] .m-left--48-sm {
margin-right: 3rem !important
}
.p-x--48-sm {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.p-y--48-sm {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.p--48-sm {
padding: 3rem !important
}
.p-top--48-sm {
padding-top: 3rem !important
}
.p-bottom--48-sm {
padding-bottom: 3rem !important
}
html:not([dir=rtl]) .p-right--48-sm {
padding-right: 3rem !important
}
[dir=rtl] .p-right--48-sm {
padding-left: 3rem !important
}
html:not([dir=rtl]) .p-left--48-sm {
padding-left: 3rem !important
}
[dir=rtl] .p-left--48-sm {
padding-right: 3rem !important
}
.m-x--52-sm {
margin-left: 3.25rem !important;
margin-right: 3.25rem !important
}
.m-y--52-sm {
margin-top: 3.25rem !important;
margin-bottom: 3.25rem !important
}
.m--52-sm {
margin: 3.25rem !important
}
.m-top--52-sm {
margin-top: 3.25rem !important
}
.m-bottom--52-sm {
margin-bottom: 3.25rem !important
}
html:not([dir=rtl]) .m-right--52-sm {
margin-right: 3.25rem !important
}
[dir=rtl] .m-right--52-sm {
margin-left: 3.25rem !important
}
html:not([dir=rtl]) .m-left--52-sm {
margin-left: 3.25rem !important
}
[dir=rtl] .m-left--52-sm {
margin-right: 3.25rem !important
}
.p-x--52-sm {
padding-left: 3.25rem !important;
padding-right: 3.25rem !important
}
.p-y--52-sm {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important
}
.p--52-sm {
padding: 3.25rem !important
}
.p-top--52-sm {
padding-top: 3.25rem !important
}
.p-bottom--52-sm {
padding-bottom: 3.25rem !important
}
html:not([dir=rtl]) .p-right--52-sm {
padding-right: 3.25rem !important
}
[dir=rtl] .p-right--52-sm {
padding-left: 3.25rem !important
}
html:not([dir=rtl]) .p-left--52-sm {
padding-left: 3.25rem !important
}
[dir=rtl] .p-left--52-sm {
padding-right: 3.25rem !important
}
.m-x--56-sm {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important
}
.m-y--56-sm {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important
}
.m--56-sm {
margin: 3.5rem !important
}
.m-top--56-sm {
margin-top: 3.5rem !important
}
.m-bottom--56-sm {
margin-bottom: 3.5rem !important
}
html:not([dir=rtl]) .m-right--56-sm {
margin-right: 3.5rem !important
}
[dir=rtl] .m-right--56-sm {
margin-left: 3.5rem !important
}
html:not([dir=rtl]) .m-left--56-sm {
margin-left: 3.5rem !important
}
[dir=rtl] .m-left--56-sm {
margin-right: 3.5rem !important
}
.p-x--56-sm {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important
}
.p-y--56-sm {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important
}
.p--56-sm {
padding: 3.5rem !important
}
.p-top--56-sm {
padding-top: 3.5rem !important
}
.p-bottom--56-sm {
padding-bottom: 3.5rem !important
}
html:not([dir=rtl]) .p-right--56-sm {
padding-right: 3.5rem !important
}
[dir=rtl] .p-right--56-sm {
padding-left: 3.5rem !important
}
html:not([dir=rtl]) .p-left--56-sm {
padding-left: 3.5rem !important
}
[dir=rtl] .p-left--56-sm {
padding-right: 3.5rem !important
}
.m-x--60-sm {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important
}
.m-y--60-sm {
margin-top: 3.75rem !important;
margin-bottom: 3.75rem !important
}
.m--60-sm {
margin: 3.75rem !important
}
.m-top--60-sm {
margin-top: 3.75rem !important
}
.m-bottom--60-sm {
margin-bottom: 3.75rem !important
}
html:not([dir=rtl]) .m-right--60-sm {
margin-right: 3.75rem !important
}
[dir=rtl] .m-right--60-sm {
margin-left: 3.75rem !important
}
html:not([dir=rtl]) .m-left--60-sm {
margin-left: 3.75rem !important
}
[dir=rtl] .m-left--60-sm {
margin-right: 3.75rem !important
}
.p-x--60-sm {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important
}
.p-y--60-sm {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important
}
.p--60-sm {
padding: 3.75rem !important
}
.p-top--60-sm {
padding-top: 3.75rem !important
}
.p-bottom--60-sm {
padding-bottom: 3.75rem !important
}
html:not([dir=rtl]) .p-right--60-sm {
padding-right: 3.75rem !important
}
[dir=rtl] .p-right--60-sm {
padding-left: 3.75rem !important
}
html:not([dir=rtl]) .p-left--60-sm {
padding-left: 3.75rem !important
}
[dir=rtl] .p-left--60-sm {
padding-right: 3.75rem !important
}
.m-x--64-sm {
margin-left: 4rem !important;
margin-right: 4rem !important
}
.m-y--64-sm {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.m--64-sm {
margin: 4rem !important
}
.m-top--64-sm {
margin-top: 4rem !important
}
.m-bottom--64-sm {
margin-bottom: 4rem !important
}
html:not([dir=rtl]) .m-right--64-sm {
margin-right: 4rem !important
}
[dir=rtl] .m-right--64-sm {
margin-left: 4rem !important
}
html:not([dir=rtl]) .m-left--64-sm {
margin-left: 4rem !important
}
[dir=rtl] .m-left--64-sm {
margin-right: 4rem !important
}
.p-x--64-sm {
padding-left: 4rem !important;
padding-right: 4rem !important
}
.p-y--64-sm {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.p--64-sm {
padding: 4rem !important
}
.p-top--64-sm {
padding-top: 4rem !important
}
.p-bottom--64-sm {
padding-bottom: 4rem !important
}
html:not([dir=rtl]) .p-right--64-sm {
padding-right: 4rem !important
}
[dir=rtl] .p-right--64-sm {
padding-left: 4rem !important
}
html:not([dir=rtl]) .p-left--64-sm {
padding-left: 4rem !important
}
[dir=rtl] .p-left--64-sm {
padding-right: 4rem !important
}
.m-x--72-sm {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
.m-y--72-sm {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
.m--72-sm {
margin: 4.5rem !important
}
.m-top--72-sm {
margin-top: 4.5rem !important
}
.m-bottom--72-sm {
margin-bottom: 4.5rem !important
}
html:not([dir=rtl]) .m-right--72-sm {
margin-right: 4.5rem !important
}
[dir=rtl] .m-right--72-sm {
margin-left: 4.5rem !important
}
html:not([dir=rtl]) .m-left--72-sm {
margin-left: 4.5rem !important
}
[dir=rtl] .m-left--72-sm {
margin-right: 4.5rem !important
}
.p-x--72-sm {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
.p-y--72-sm {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
.p--72-sm {
padding: 4.5rem !important
}
.p-top--72-sm {
padding-top: 4.5rem !important
}
.p-bottom--72-sm {
padding-bottom: 4.5rem !important
}
html:not([dir=rtl]) .p-right--72-sm {
padding-right: 4.5rem !important
}
[dir=rtl] .p-right--72-sm {
padding-left: 4.5rem !important
}
html:not([dir=rtl]) .p-left--72-sm {
padding-left: 4.5rem !important
}
[dir=rtl] .p-left--72-sm {
padding-right: 4.5rem !important
}
.m-x--80-sm {
margin-left: 5rem !important;
margin-right: 5rem !important
}
.m-y--80-sm {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.m--80-sm {
margin: 5rem !important
}
.m-top--80-sm {
margin-top: 5rem !important
}
.m-bottom--80-sm {
margin-bottom: 5rem !important
}
html:not([dir=rtl]) .m-right--80-sm {
margin-right: 5rem !important
}
[dir=rtl] .m-right--80-sm {
margin-left: 5rem !important
}
html:not([dir=rtl]) .m-left--80-sm {
margin-left: 5rem !important
}
[dir=rtl] .m-left--80-sm {
margin-right: 5rem !important
}
.p-x--80-sm {
padding-left: 5rem !important;
padding-right: 5rem !important
}
.p-y--80-sm {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.p--80-sm {
padding: 5rem !important
}
.p-top--80-sm {
padding-top: 5rem !important
}
.p-bottom--80-sm {
padding-bottom: 5rem !important
}
html:not([dir=rtl]) .p-right--80-sm {
padding-right: 5rem !important
}
[dir=rtl] .p-right--80-sm {
padding-left: 5rem !important
}
html:not([dir=rtl]) .p-left--80-sm {
padding-left: 5rem !important
}
[dir=rtl] .p-left--80-sm {
padding-right: 5rem !important
}
.m-x--88-sm {
margin-left: 5.5rem !important;
margin-right: 5.5rem !important
}
.m-y--88-sm {
margin-top: 5.5rem !important;
margin-bottom: 5.5rem !important
}
.m--88-sm {
margin: 5.5rem !important
}
.m-top--88-sm {
margin-top: 5.5rem !important
}
.m-bottom--88-sm {
margin-bottom: 5.5rem !important
}
html:not([dir=rtl]) .m-right--88-sm {
margin-right: 5.5rem !important
}
[dir=rtl] .m-right--88-sm {
margin-left: 5.5rem !important
}
html:not([dir=rtl]) .m-left--88-sm {
margin-left: 5.5rem !important
}
[dir=rtl] .m-left--88-sm {
margin-right: 5.5rem !important
}
.p-x--88-sm {
padding-left: 5.5rem !important;
padding-right: 5.5rem !important
}
.p-y--88-sm {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important
}
.p--88-sm {
padding: 5.5rem !important
}
.p-top--88-sm {
padding-top: 5.5rem !important
}
.p-bottom--88-sm {
padding-bottom: 5.5rem !important
}
html:not([dir=rtl]) .p-right--88-sm {
padding-right: 5.5rem !important
}
[dir=rtl] .p-right--88-sm {
padding-left: 5.5rem !important
}
html:not([dir=rtl]) .p-left--88-sm {
padding-left: 5.5rem !important
}
[dir=rtl] .p-left--88-sm {
padding-right: 5.5rem !important
}
.m-x--96-sm {
margin-left: 6rem !important;
margin-right: 6rem !important
}
.m-y--96-sm {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
.m--96-sm {
margin: 6rem !important
}
.m-top--96-sm {
margin-top: 6rem !important
}
.m-bottom--96-sm {
margin-bottom: 6rem !important
}
html:not([dir=rtl]) .m-right--96-sm {
margin-right: 6rem !important
}
[dir=rtl] .m-right--96-sm {
margin-left: 6rem !important
}
html:not([dir=rtl]) .m-left--96-sm {
margin-left: 6rem !important
}
[dir=rtl] .m-left--96-sm {
margin-right: 6rem !important
}
.p-x--96-sm {
padding-left: 6rem !important;
padding-right: 6rem !important
}
.p-y--96-sm {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
.p--96-sm {
padding: 6rem !important
}
.p-top--96-sm {
padding-top: 6rem !important
}
.p-bottom--96-sm {
padding-bottom: 6rem !important
}
html:not([dir=rtl]) .p-right--96-sm {
padding-right: 6rem !important
}
[dir=rtl] .p-right--96-sm {
padding-left: 6rem !important
}
html:not([dir=rtl]) .p-left--96-sm {
padding-left: 6rem !important
}
[dir=rtl] .p-left--96-sm {
padding-right: 6rem !important
}
.m-x--100-sm {
margin-left: 6.25rem !important;
margin-right: 6.25rem !important
}
.m-y--100-sm {
margin-top: 6.25rem !important;
margin-bottom: 6.25rem !important
}
.m--100-sm {
margin: 6.25rem !important
}
.m-top--100-sm {
margin-top: 6.25rem !important
}
.m-bottom--100-sm {
margin-bottom: 6.25rem !important
}
html:not([dir=rtl]) .m-right--100-sm {
margin-right: 6.25rem !important
}
[dir=rtl] .m-right--100-sm {
margin-left: 6.25rem !important
}
html:not([dir=rtl]) .m-left--100-sm {
margin-left: 6.25rem !important
}
[dir=rtl] .m-left--100-sm {
margin-right: 6.25rem !important
}
.p-x--100-sm {
padding-left: 6.25rem !important;
padding-right: 6.25rem !important
}
.p-y--100-sm {
padding-top: 6.25rem !important;
padding-bottom: 6.25rem !important
}
.p--100-sm {
padding: 6.25rem !important
}
.p-top--100-sm {
padding-top: 6.25rem !important
}
.p-bottom--100-sm {
padding-bottom: 6.25rem !important
}
html:not([dir=rtl]) .p-right--100-sm {
padding-right: 6.25rem !important
}
[dir=rtl] .p-right--100-sm {
padding-left: 6.25rem !important
}
html:not([dir=rtl]) .p-left--100-sm {
padding-left: 6.25rem !important
}
[dir=rtl] .p-left--100-sm {
padding-right: 6.25rem !important
}
.m-x--104-sm {
margin-left: 6.5rem !important;
margin-right: 6.5rem !important
}
.m-y--104-sm {
margin-top: 6.5rem !important;
margin-bottom: 6.5rem !important
}
.m--104-sm {
margin: 6.5rem !important
}
.m-top--104-sm {
margin-top: 6.5rem !important
}
.m-bottom--104-sm {
margin-bottom: 6.5rem !important
}
html:not([dir=rtl]) .m-right--104-sm {
margin-right: 6.5rem !important
}
[dir=rtl] .m-right--104-sm {
margin-left: 6.5rem !important
}
html:not([dir=rtl]) .m-left--104-sm {
margin-left: 6.5rem !important
}
[dir=rtl] .m-left--104-sm {
margin-right: 6.5rem !important
}
.p-x--104-sm {
padding-left: 6.5rem !important;
padding-right: 6.5rem !important
}
.p-y--104-sm {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important
}
.p--104-sm {
padding: 6.5rem !important
}
.p-top--104-sm {
padding-top: 6.5rem !important
}
.p-bottom--104-sm {
padding-bottom: 6.5rem !important
}
html:not([dir=rtl]) .p-right--104-sm {
padding-right: 6.5rem !important
}
[dir=rtl] .p-right--104-sm {
padding-left: 6.5rem !important
}
html:not([dir=rtl]) .p-left--104-sm {
padding-left: 6.5rem !important
}
[dir=rtl] .p-left--104-sm {
padding-right: 6.5rem !important
}
}
@media all and (min-width: 991px) {
.m-x--auto-md {
margin-left: auto !important;
margin-right: auto !important
}
.m-y--auto-md {
margin-top: auto !important;
margin-bottom: auto !important
}
.m--auto-md {
margin: auto !important
}
.m-top--auto-md {
margin-top: auto !important
}
.m-bottom--auto-md {
margin-bottom: auto !important
}
html:not([dir=rtl]) .m-right--auto-md {
margin-right: auto !important
}
[dir=rtl] .m-right--auto-md {
margin-left: auto !important
}
html:not([dir=rtl]) .m-left--auto-md {
margin-left: auto !important
}
[dir=rtl] .m-left--auto-md {
margin-right: auto !important
}
.p-x--auto-md {
padding-left: auto !important;
padding-right: auto !important
}
.p-y--auto-md {
padding-top: auto !important;
padding-bottom: auto !important
}
.p--auto-md {
padding: auto !important
}
.p-top--auto-md {
padding-top: auto !important
}
.p-bottom--auto-md {
padding-bottom: auto !important
}
html:not([dir=rtl]) .p-right--auto-md {
padding-right: auto !important
}
[dir=rtl] .p-right--auto-md {
padding-left: auto !important
}
html:not([dir=rtl]) .p-left--auto-md {
padding-left: auto !important
}
[dir=rtl] .p-left--auto-md {
padding-right: auto !important
}
.m-x--0-md {
margin-left: 0 !important;
margin-right: 0 !important
}
.m-y--0-md {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.m--0-md {
margin: 0 !important
}
.m-top--0-md {
margin-top: 0 !important
}
.m-bottom--0-md {
margin-bottom: 0 !important
}
html:not([dir=rtl]) .m-right--0-md {
margin-right: 0 !important
}
[dir=rtl] .m-right--0-md {
margin-left: 0 !important
}
html:not([dir=rtl]) .m-left--0-md {
margin-left: 0 !important
}
[dir=rtl] .m-left--0-md {
margin-right: 0 !important
}
.p-x--0-md,
.basket .drawer-container .drawer-content__header,
.basket__extras,
.basket-skeleton__summary,
.basket-skeleton__pricing,
.basket-skeleton__bottom {
padding-left: 0 !important;
padding-right: 0 !important
}
.p-y--0-md {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.p--0-md {
padding: 0 !important
}
.p-top--0-md {
padding-top: 0 !important
}
.p-bottom--0-md {
padding-bottom: 0 !important
}
html:not([dir=rtl]) .p-right--0-md {
padding-right: 0 !important
}
[dir=rtl] .p-right--0-md {
padding-left: 0 !important
}
html:not([dir=rtl]) .p-left--0-md,
html:not([dir=rtl]) .basket .basket-cart-item,
.basket html:not([dir=rtl]) .basket-cart-item,
html:not([dir=rtl]) .basket-skeleton .basket-cart-item,
.basket-skeleton html:not([dir=rtl]) .basket-cart-item {
padding-left: 0 !important
}
[dir=rtl] .p-left--0-md,
[dir=rtl] .basket .basket-cart-item,
.basket [dir=rtl] .basket-cart-item,
[dir=rtl] .basket-skeleton .basket-cart-item,
.basket-skeleton [dir=rtl] .basket-cart-item {
padding-right: 0 !important
}
.m-x--02-md {
margin-left: .125rem !important;
margin-right: .125rem !important
}
.m-y--02-md {
margin-top: .125rem !important;
margin-bottom: .125rem !important
}
.m--02-md {
margin: .125rem !important
}
.m-top--02-md {
margin-top: .125rem !important
}
.m-bottom--02-md {
margin-bottom: .125rem !important
}
html:not([dir=rtl]) .m-right--02-md {
margin-right: .125rem !important
}
[dir=rtl] .m-right--02-md {
margin-left: .125rem !important
}
html:not([dir=rtl]) .m-left--02-md {
margin-left: .125rem !important
}
[dir=rtl] .m-left--02-md {
margin-right: .125rem !important
}
.p-x--02-md {
padding-left: .125rem !important;
padding-right: .125rem !important
}
.p-y--02-md {
padding-top: .125rem !important;
padding-bottom: .125rem !important
}
.p--02-md {
padding: .125rem !important
}
.p-top--02-md {
padding-top: .125rem !important
}
.p-bottom--02-md {
padding-bottom: .125rem !important
}
html:not([dir=rtl]) .p-right--02-md {
padding-right: .125rem !important
}
[dir=rtl] .p-right--02-md {
padding-left: .125rem !important
}
html:not([dir=rtl]) .p-left--02-md {
padding-left: .125rem !important
}
[dir=rtl] .p-left--02-md {
padding-right: .125rem !important
}
.m-x--04-md {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.m-y--04-md {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.m--04-md {
margin: .25rem !important
}
.m-top--04-md {
margin-top: .25rem !important
}
.m-bottom--04-md {
margin-bottom: .25rem !important
}
html:not([dir=rtl]) .m-right--04-md {
margin-right: .25rem !important
}
[dir=rtl] .m-right--04-md {
margin-left: .25rem !important
}
html:not([dir=rtl]) .m-left--04-md {
margin-left: .25rem !important
}
[dir=rtl] .m-left--04-md {
margin-right: .25rem !important
}
.p-x--04-md {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.p-y--04-md {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.p--04-md {
padding: .25rem !important
}
.p-top--04-md {
padding-top: .25rem !important
}
.p-bottom--04-md {
padding-bottom: .25rem !important
}
html:not([dir=rtl]) .p-right--04-md {
padding-right: .25rem !important
}
[dir=rtl] .p-right--04-md {
padding-left: .25rem !important
}
html:not([dir=rtl]) .p-left--04-md {
padding-left: .25rem !important
}
[dir=rtl] .p-left--04-md {
padding-right: .25rem !important
}
.m-x--06-md {
margin-left: .375rem !important;
margin-right: .375rem !important
}
.m-y--06-md {
margin-top: .375rem !important;
margin-bottom: .375rem !important
}
.m--06-md {
margin: .375rem !important
}
.m-top--06-md {
margin-top: .375rem !important
}
.m-bottom--06-md {
margin-bottom: .375rem !important
}
html:not([dir=rtl]) .m-right--06-md {
margin-right: .375rem !important
}
[dir=rtl] .m-right--06-md {
margin-left: .375rem !important
}
html:not([dir=rtl]) .m-left--06-md {
margin-left: .375rem !important
}
[dir=rtl] .m-left--06-md {
margin-right: .375rem !important
}
.p-x--06-md {
padding-left: .375rem !important;
padding-right: .375rem !important
}
.p-y--06-md {
padding-top: .375rem !important;
padding-bottom: .375rem !important
}
.p--06-md {
padding: .375rem !important
}
.p-top--06-md {
padding-top: .375rem !important
}
.p-bottom--06-md {
padding-bottom: .375rem !important
}
html:not([dir=rtl]) .p-right--06-md {
padding-right: .375rem !important
}
[dir=rtl] .p-right--06-md {
padding-left: .375rem !important
}
html:not([dir=rtl]) .p-left--06-md {
padding-left: .375rem !important
}
[dir=rtl] .p-left--06-md {
padding-right: .375rem !important
}
.m-x--08-md {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.m-y--08-md {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.m--08-md {
margin: .5rem !important
}
.m-top--08-md,
.basket-skeleton__pricing {
margin-top: .5rem !important
}
.m-bottom--08-md,
.basket .drawer-container .drawer-content__header,
.basket-skeleton__summary {
margin-bottom: .5rem !important
}
html:not([dir=rtl]) .m-right--08-md {
margin-right: .5rem !important
}
[dir=rtl] .m-right--08-md {
margin-left: .5rem !important
}
html:not([dir=rtl]) .m-left--08-md {
margin-left: .5rem !important
}
[dir=rtl] .m-left--08-md {
margin-right: .5rem !important
}
.p-x--08-md {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.p-y--08-md {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.p--08-md {
padding: .5rem !important
}
.p-top--08-md {
padding-top: .5rem !important
}
.p-bottom--08-md {
padding-bottom: .5rem !important
}
html:not([dir=rtl]) .p-right--08-md {
padding-right: .5rem !important
}
[dir=rtl] .p-right--08-md {
padding-left: .5rem !important
}
html:not([dir=rtl]) .p-left--08-md {
padding-left: .5rem !important
}
[dir=rtl] .p-left--08-md {
padding-right: .5rem !important
}
.m-x--10-md {
margin-left: .625rem !important;
margin-right: .625rem !important
}
.m-y--10-md {
margin-top: .625rem !important;
margin-bottom: .625rem !important
}
.m--10-md {
margin: .625rem !important
}
.m-top--10-md {
margin-top: .625rem !important
}
.m-bottom--10-md {
margin-bottom: .625rem !important
}
html:not([dir=rtl]) .m-right--10-md {
margin-right: .625rem !important
}
[dir=rtl] .m-right--10-md {
margin-left: .625rem !important
}
html:not([dir=rtl]) .m-left--10-md {
margin-left: .625rem !important
}
[dir=rtl] .m-left--10-md {
margin-right: .625rem !important
}
.p-x--10-md {
padding-left: .625rem !important;
padding-right: .625rem !important
}
.p-y--10-md {
padding-top: .625rem !important;
padding-bottom: .625rem !important
}
.p--10-md {
padding: .625rem !important
}
.p-top--10-md {
padding-top: .625rem !important
}
.p-bottom--10-md {
padding-bottom: .625rem !important
}
html:not([dir=rtl]) .p-right--10-md {
padding-right: .625rem !important
}
[dir=rtl] .p-right--10-md {
padding-left: .625rem !important
}
html:not([dir=rtl]) .p-left--10-md {
padding-left: .625rem !important
}
[dir=rtl] .p-left--10-md {
padding-right: .625rem !important
}
.m-x--12-md {
margin-left: .75rem !important;
margin-right: .75rem !important
}
.m-y--12-md {
margin-top: .75rem !important;
margin-bottom: .75rem !important
}
.m--12-md {
margin: .75rem !important
}
.m-top--12-md {
margin-top: .75rem !important
}
.m-bottom--12-md {
margin-bottom: .75rem !important
}
html:not([dir=rtl]) .m-right--12-md {
margin-right: .75rem !important
}
[dir=rtl] .m-right--12-md {
margin-left: .75rem !important
}
html:not([dir=rtl]) .m-left--12-md {
margin-left: .75rem !important
}
[dir=rtl] .m-left--12-md {
margin-right: .75rem !important
}
.p-x--12-md {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.p-y--12-md {
padding-top: .75rem !important;
padding-bottom: .75rem !important
}
.p--12-md {
padding: .75rem !important
}
.p-top--12-md {
padding-top: .75rem !important
}
.p-bottom--12-md {
padding-bottom: .75rem !important
}
html:not([dir=rtl]) .p-right--12-md {
padding-right: .75rem !important
}
[dir=rtl] .p-right--12-md {
padding-left: .75rem !important
}
html:not([dir=rtl]) .p-left--12-md {
padding-left: .75rem !important
}
[dir=rtl] .p-left--12-md {
padding-right: .75rem !important
}
.m-x--14-md {
margin-left: .875rem !important;
margin-right: .875rem !important
}
.m-y--14-md {
margin-top: .875rem !important;
margin-bottom: .875rem !important
}
.m--14-md {
margin: .875rem !important
}
.m-top--14-md {
margin-top: .875rem !important
}
.m-bottom--14-md {
margin-bottom: .875rem !important
}
html:not([dir=rtl]) .m-right--14-md {
margin-right: .875rem !important
}
[dir=rtl] .m-right--14-md {
margin-left: .875rem !important
}
html:not([dir=rtl]) .m-left--14-md {
margin-left: .875rem !important
}
[dir=rtl] .m-left--14-md {
margin-right: .875rem !important
}
.p-x--14-md {
padding-left: .875rem !important;
padding-right: .875rem !important
}
.p-y--14-md {
padding-top: .875rem !important;
padding-bottom: .875rem !important
}
.p--14-md {
padding: .875rem !important
}
.p-top--14-md {
padding-top: .875rem !important
}
.p-bottom--14-md {
padding-bottom: .875rem !important
}
html:not([dir=rtl]) .p-right--14-md {
padding-right: .875rem !important
}
[dir=rtl] .p-right--14-md {
padding-left: .875rem !important
}
html:not([dir=rtl]) .p-left--14-md {
padding-left: .875rem !important
}
[dir=rtl] .p-left--14-md {
padding-right: .875rem !important
}
.m-x--16-md {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.m-y--16-md {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.m--16-md {
margin: 1rem !important
}
.m-top--16-md {
margin-top: 1rem !important
}
.m-bottom--16-md {
margin-bottom: 1rem !important
}
html:not([dir=rtl]) .m-right--16-md {
margin-right: 1rem !important
}
[dir=rtl] .m-right--16-md {
margin-left: 1rem !important
}
html:not([dir=rtl]) .m-left--16-md {
margin-left: 1rem !important
}
[dir=rtl] .m-left--16-md {
margin-right: 1rem !important
}
.p-x--16-md {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.p-y--16-md,
.basket .basket-cart-item,
.basket-skeleton .basket-cart-item {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.p--16-md {
padding: 1rem !important
}
.p-top--16-md,
.basket,
.basket-skeleton {
padding-top: 1rem !important
}
.p-bottom--16-md {
padding-bottom: 1rem !important
}
html:not([dir=rtl]) .p-right--16-md {
padding-right: 1rem !important
}
[dir=rtl] .p-right--16-md {
padding-left: 1rem !important
}
html:not([dir=rtl]) .p-left--16-md {
padding-left: 1rem !important
}
[dir=rtl] .p-left--16-md {
padding-right: 1rem !important
}
.m-x--20-md {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important
}
.m-y--20-md {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important
}
.m--20-md {
margin: 1.25rem !important
}
.m-top--20-md {
margin-top: 1.25rem !important
}
.m-bottom--20-md {
margin-bottom: 1.25rem !important
}
html:not([dir=rtl]) .m-right--20-md {
margin-right: 1.25rem !important
}
[dir=rtl] .m-right--20-md {
margin-left: 1.25rem !important
}
html:not([dir=rtl]) .m-left--20-md {
margin-left: 1.25rem !important
}
[dir=rtl] .m-left--20-md {
margin-right: 1.25rem !important
}
.p-x--20-md {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.p-y--20-md {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.p--20-md {
padding: 1.25rem !important
}
.p-top--20-md {
padding-top: 1.25rem !important
}
.p-bottom--20-md {
padding-bottom: 1.25rem !important
}
html:not([dir=rtl]) .p-right--20-md {
padding-right: 1.25rem !important
}
[dir=rtl] .p-right--20-md {
padding-left: 1.25rem !important
}
html:not([dir=rtl]) .p-left--20-md {
padding-left: 1.25rem !important
}
[dir=rtl] .p-left--20-md {
padding-right: 1.25rem !important
}
.m-x--24-md {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.m-y--24-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.m--24-md {
margin: 1.5rem !important
}
.m-top--24-md {
margin-top: 1.5rem !important
}
.m-bottom--24-md {
margin-bottom: 1.5rem !important
}
html:not([dir=rtl]) .m-right--24-md,
html:not([dir=rtl]) .basket-skeleton__summary,
html:not([dir=rtl]) .basket-skeleton__pricing {
margin-right: 1.5rem !important
}
[dir=rtl] .m-right--24-md,
[dir=rtl] .basket-skeleton__summary,
[dir=rtl] .basket-skeleton__pricing {
margin-left: 1.5rem !important
}
html:not([dir=rtl]) .m-left--24-md {
margin-left: 1.5rem !important
}
[dir=rtl] .m-left--24-md {
margin-right: 1.5rem !important
}
.p-x--24-md {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.p-y--24-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.p--24-md {
padding: 1.5rem !important
}
.p-top--24-md,
.info-callout__scrollable {
padding-top: 1.5rem !important
}
.p-bottom--24-md {
padding-bottom: 1.5rem !important
}
html:not([dir=rtl]) .p-right--24-md,
html:not([dir=rtl]) .basket .basket-cart-item,
.basket html:not([dir=rtl]) .basket-cart-item,
html:not([dir=rtl]) .basket__extras,
html:not([dir=rtl]) .basket-skeleton .basket-cart-item,
.basket-skeleton html:not([dir=rtl]) .basket-cart-item,
html:not([dir=rtl]) .basket-skeleton__bottom {
padding-right: 1.5rem !important
}
[dir=rtl] .p-right--24-md,
[dir=rtl] .basket .basket-cart-item,
.basket [dir=rtl] .basket-cart-item,
[dir=rtl] .basket__extras,
[dir=rtl] .basket-skeleton .basket-cart-item,
.basket-skeleton [dir=rtl] .basket-cart-item,
[dir=rtl] .basket-skeleton__bottom {
padding-left: 1.5rem !important
}
html:not([dir=rtl]) .p-left--24-md,
html:not([dir=rtl]) .basket,
html:not([dir=rtl]) .basket-skeleton {
padding-left: 1.5rem !important
}
[dir=rtl] .p-left--24-md,
[dir=rtl] .basket,
[dir=rtl] .basket-skeleton {
padding-right: 1.5rem !important
}
.m-x--28-md {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important
}
.m-y--28-md {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important
}
.m--28-md {
margin: 1.75rem !important
}
.m-top--28-md {
margin-top: 1.75rem !important
}
.m-bottom--28-md {
margin-bottom: 1.75rem !important
}
html:not([dir=rtl]) .m-right--28-md {
margin-right: 1.75rem !important
}
[dir=rtl] .m-right--28-md {
margin-left: 1.75rem !important
}
html:not([dir=rtl]) .m-left--28-md {
margin-left: 1.75rem !important
}
[dir=rtl] .m-left--28-md {
margin-right: 1.75rem !important
}
.p-x--28-md {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important
}
.p-y--28-md {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important
}
.p--28-md {
padding: 1.75rem !important
}
.p-top--28-md {
padding-top: 1.75rem !important
}
.p-bottom--28-md {
padding-bottom: 1.75rem !important
}
html:not([dir=rtl]) .p-right--28-md {
padding-right: 1.75rem !important
}
[dir=rtl] .p-right--28-md {
padding-left: 1.75rem !important
}
html:not([dir=rtl]) .p-left--28-md {
padding-left: 1.75rem !important
}
[dir=rtl] .p-left--28-md {
padding-right: 1.75rem !important
}
.m-x--32-md {
margin-left: 2rem !important;
margin-right: 2rem !important
}
.m-y--32-md {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.m--32-md {
margin: 2rem !important
}
.m-top--32-md {
margin-top: 2rem !important
}
.m-bottom--32-md {
margin-bottom: 2rem !important
}
html:not([dir=rtl]) .m-right--32-md {
margin-right: 2rem !important
}
[dir=rtl] .m-right--32-md {
margin-left: 2rem !important
}
html:not([dir=rtl]) .m-left--32-md {
margin-left: 2rem !important
}
[dir=rtl] .m-left--32-md {
margin-right: 2rem !important
}
.p-x--32-md {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.p-y--32-md {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.p--32-md {
padding: 2rem !important
}
.p-top--32-md,
.basket-skeleton__pricing {
padding-top: 2rem !important
}
.p-bottom--32-md {
padding-bottom: 2rem !important
}
html:not([dir=rtl]) .p-right--32-md {
padding-right: 2rem !important
}
[dir=rtl] .p-right--32-md {
padding-left: 2rem !important
}
html:not([dir=rtl]) .p-left--32-md {
padding-left: 2rem !important
}
[dir=rtl] .p-left--32-md {
padding-right: 2rem !important
}
.m-x--36-md {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
.m-y--36-md {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
.m--36-md {
margin: 2.25rem !important
}
.m-top--36-md {
margin-top: 2.25rem !important
}
.m-bottom--36-md {
margin-bottom: 2.25rem !important
}
html:not([dir=rtl]) .m-right--36-md {
margin-right: 2.25rem !important
}
[dir=rtl] .m-right--36-md {
margin-left: 2.25rem !important
}
html:not([dir=rtl]) .m-left--36-md {
margin-left: 2.25rem !important
}
[dir=rtl] .m-left--36-md {
margin-right: 2.25rem !important
}
.p-x--36-md {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
.p-y--36-md {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
.p--36-md {
padding: 2.25rem !important
}
.p-top--36-md {
padding-top: 2.25rem !important
}
.p-bottom--36-md {
padding-bottom: 2.25rem !important
}
html:not([dir=rtl]) .p-right--36-md {
padding-right: 2.25rem !important
}
[dir=rtl] .p-right--36-md {
padding-left: 2.25rem !important
}
html:not([dir=rtl]) .p-left--36-md {
padding-left: 2.25rem !important
}
[dir=rtl] .p-left--36-md {
padding-right: 2.25rem !important
}
.m-x--38-md {
margin-left: 2.375rem !important;
margin-right: 2.375rem !important
}
.m-y--38-md {
margin-top: 2.375rem !important;
margin-bottom: 2.375rem !important
}
.m--38-md {
margin: 2.375rem !important
}
.m-top--38-md {
margin-top: 2.375rem !important
}
.m-bottom--38-md {
margin-bottom: 2.375rem !important
}
html:not([dir=rtl]) .m-right--38-md {
margin-right: 2.375rem !important
}
[dir=rtl] .m-right--38-md {
margin-left: 2.375rem !important
}
html:not([dir=rtl]) .m-left--38-md {
margin-left: 2.375rem !important
}
[dir=rtl] .m-left--38-md {
margin-right: 2.375rem !important
}
.p-x--38-md {
padding-left: 2.375rem !important;
padding-right: 2.375rem !important
}
.p-y--38-md {
padding-top: 2.375rem !important;
padding-bottom: 2.375rem !important
}
.p--38-md {
padding: 2.375rem !important
}
.p-top--38-md {
padding-top: 2.375rem !important
}
.p-bottom--38-md {
padding-bottom: 2.375rem !important
}
html:not([dir=rtl]) .p-right--38-md {
padding-right: 2.375rem !important
}
[dir=rtl] .p-right--38-md {
padding-left: 2.375rem !important
}
html:not([dir=rtl]) .p-left--38-md {
padding-left: 2.375rem !important
}
[dir=rtl] .p-left--38-md {
padding-right: 2.375rem !important
}
.m-x--40-md {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important
}
.m-y--40-md {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important
}
.m--40-md {
margin: 2.5rem !important
}
.m-top--40-md,
.basket .drawer-container .drawer-content__header,
.basket-skeleton__summary {
margin-top: 2.5rem !important
}
.m-bottom--40-md {
margin-bottom: 2.5rem !important
}
html:not([dir=rtl]) .m-right--40-md {
margin-right: 2.5rem !important
}
[dir=rtl] .m-right--40-md {
margin-left: 2.5rem !important
}
html:not([dir=rtl]) .m-left--40-md {
margin-left: 2.5rem !important
}
[dir=rtl] .m-left--40-md {
margin-right: 2.5rem !important
}
.p-x--40-md {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
.p-y--40-md {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.p--40-md {
padding: 2.5rem !important
}
.p-top--40-md {
padding-top: 2.5rem !important
}
.p-bottom--40-md {
padding-bottom: 2.5rem !important
}
html:not([dir=rtl]) .p-right--40-md {
padding-right: 2.5rem !important
}
[dir=rtl] .p-right--40-md {
padding-left: 2.5rem !important
}
html:not([dir=rtl]) .p-left--40-md {
padding-left: 2.5rem !important
}
[dir=rtl] .p-left--40-md {
padding-right: 2.5rem !important
}
.m-x--44-md {
margin-left: 2.75rem !important;
margin-right: 2.75rem !important
}
.m-y--44-md {
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important
}
.m--44-md {
margin: 2.75rem !important
}
.m-top--44-md {
margin-top: 2.75rem !important
}
.m-bottom--44-md {
margin-bottom: 2.75rem !important
}
html:not([dir=rtl]) .m-right--44-md {
margin-right: 2.75rem !important
}
[dir=rtl] .m-right--44-md {
margin-left: 2.75rem !important
}
html:not([dir=rtl]) .m-left--44-md {
margin-left: 2.75rem !important
}
[dir=rtl] .m-left--44-md {
margin-right: 2.75rem !important
}
.p-x--44-md {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important
}
.p-y--44-md {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important
}
.p--44-md {
padding: 2.75rem !important
}
.p-top--44-md {
padding-top: 2.75rem !important
}
.p-bottom--44-md {
padding-bottom: 2.75rem !important
}
html:not([dir=rtl]) .p-right--44-md {
padding-right: 2.75rem !important
}
[dir=rtl] .p-right--44-md {
padding-left: 2.75rem !important
}
html:not([dir=rtl]) .p-left--44-md {
padding-left: 2.75rem !important
}
[dir=rtl] .p-left--44-md {
padding-right: 2.75rem !important
}
.m-x--48-md {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.m-y--48-md {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.m--48-md {
margin: 3rem !important
}
.m-top--48-md {
margin-top: 3rem !important
}
.m-bottom--48-md {
margin-bottom: 3rem !important
}
html:not([dir=rtl]) .m-right--48-md {
margin-right: 3rem !important
}
[dir=rtl] .m-right--48-md {
margin-left: 3rem !important
}
html:not([dir=rtl]) .m-left--48-md {
margin-left: 3rem !important
}
[dir=rtl] .m-left--48-md {
margin-right: 3rem !important
}
.p-x--48-md {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.p-y--48-md {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.p--48-md {
padding: 3rem !important
}
.p-top--48-md {
padding-top: 3rem !important
}
.p-bottom--48-md {
padding-bottom: 3rem !important
}
html:not([dir=rtl]) .p-right--48-md {
padding-right: 3rem !important
}
[dir=rtl] .p-right--48-md {
padding-left: 3rem !important
}
html:not([dir=rtl]) .p-left--48-md {
padding-left: 3rem !important
}
[dir=rtl] .p-left--48-md {
padding-right: 3rem !important
}
.m-x--52-md {
margin-left: 3.25rem !important;
margin-right: 3.25rem !important
}
.m-y--52-md {
margin-top: 3.25rem !important;
margin-bottom: 3.25rem !important
}
.m--52-md {
margin: 3.25rem !important
}
.m-top--52-md {
margin-top: 3.25rem !important
}
.m-bottom--52-md {
margin-bottom: 3.25rem !important
}
html:not([dir=rtl]) .m-right--52-md {
margin-right: 3.25rem !important
}
[dir=rtl] .m-right--52-md {
margin-left: 3.25rem !important
}
html:not([dir=rtl]) .m-left--52-md {
margin-left: 3.25rem !important
}
[dir=rtl] .m-left--52-md {
margin-right: 3.25rem !important
}
.p-x--52-md {
padding-left: 3.25rem !important;
padding-right: 3.25rem !important
}
.p-y--52-md {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important
}
.p--52-md {
padding: 3.25rem !important
}
.p-top--52-md {
padding-top: 3.25rem !important
}
.p-bottom--52-md {
padding-bottom: 3.25rem !important
}
html:not([dir=rtl]) .p-right--52-md {
padding-right: 3.25rem !important
}
[dir=rtl] .p-right--52-md {
padding-left: 3.25rem !important
}
html:not([dir=rtl]) .p-left--52-md {
padding-left: 3.25rem !important
}
[dir=rtl] .p-left--52-md {
padding-right: 3.25rem !important
}
.m-x--56-md {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important
}
.m-y--56-md {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important
}
.m--56-md {
margin: 3.5rem !important
}
.m-top--56-md {
margin-top: 3.5rem !important
}
.m-bottom--56-md {
margin-bottom: 3.5rem !important
}
html:not([dir=rtl]) .m-right--56-md {
margin-right: 3.5rem !important
}
[dir=rtl] .m-right--56-md {
margin-left: 3.5rem !important
}
html:not([dir=rtl]) .m-left--56-md {
margin-left: 3.5rem !important
}
[dir=rtl] .m-left--56-md {
margin-right: 3.5rem !important
}
.p-x--56-md {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important
}
.p-y--56-md {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important
}
.p--56-md {
padding: 3.5rem !important
}
.p-top--56-md {
padding-top: 3.5rem !important
}
.p-bottom--56-md {
padding-bottom: 3.5rem !important
}
html:not([dir=rtl]) .p-right--56-md {
padding-right: 3.5rem !important
}
[dir=rtl] .p-right--56-md {
padding-left: 3.5rem !important
}
html:not([dir=rtl]) .p-left--56-md {
padding-left: 3.5rem !important
}
[dir=rtl] .p-left--56-md {
padding-right: 3.5rem !important
}
.m-x--60-md {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important
}
.m-y--60-md {
margin-top: 3.75rem !important;
margin-bottom: 3.75rem !important
}
.m--60-md {
margin: 3.75rem !important
}
.m-top--60-md {
margin-top: 3.75rem !important
}
.m-bottom--60-md {
margin-bottom: 3.75rem !important
}
html:not([dir=rtl]) .m-right--60-md {
margin-right: 3.75rem !important
}
[dir=rtl] .m-right--60-md {
margin-left: 3.75rem !important
}
html:not([dir=rtl]) .m-left--60-md {
margin-left: 3.75rem !important
}
[dir=rtl] .m-left--60-md {
margin-right: 3.75rem !important
}
.p-x--60-md {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important
}
.p-y--60-md {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important
}
.p--60-md {
padding: 3.75rem !important
}
.p-top--60-md {
padding-top: 3.75rem !important
}
.p-bottom--60-md {
padding-bottom: 3.75rem !important
}
html:not([dir=rtl]) .p-right--60-md {
padding-right: 3.75rem !important
}
[dir=rtl] .p-right--60-md {
padding-left: 3.75rem !important
}
html:not([dir=rtl]) .p-left--60-md {
padding-left: 3.75rem !important
}
[dir=rtl] .p-left--60-md {
padding-right: 3.75rem !important
}
.m-x--64-md {
margin-left: 4rem !important;
margin-right: 4rem !important
}
.m-y--64-md {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.m--64-md {
margin: 4rem !important
}
.m-top--64-md {
margin-top: 4rem !important
}
.m-bottom--64-md {
margin-bottom: 4rem !important
}
html:not([dir=rtl]) .m-right--64-md {
margin-right: 4rem !important
}
[dir=rtl] .m-right--64-md {
margin-left: 4rem !important
}
html:not([dir=rtl]) .m-left--64-md {
margin-left: 4rem !important
}
[dir=rtl] .m-left--64-md {
margin-right: 4rem !important
}
.p-x--64-md,
.info-callout__scrollable__content,
.info-callout__scrollable__buttons {
padding-left: 4rem !important;
padding-right: 4rem !important
}
.p-y--64-md {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.p--64-md {
padding: 4rem !important
}
.p-top--64-md {
padding-top: 4rem !important
}
.p-bottom--64-md {
padding-bottom: 4rem !important
}
html:not([dir=rtl]) .p-right--64-md {
padding-right: 4rem !important
}
[dir=rtl] .p-right--64-md {
padding-left: 4rem !important
}
html:not([dir=rtl]) .p-left--64-md {
padding-left: 4rem !important
}
[dir=rtl] .p-left--64-md {
padding-right: 4rem !important
}
.m-x--72-md {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
.m-y--72-md {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
.m--72-md {
margin: 4.5rem !important
}
.m-top--72-md {
margin-top: 4.5rem !important
}
.m-bottom--72-md {
margin-bottom: 4.5rem !important
}
html:not([dir=rtl]) .m-right--72-md {
margin-right: 4.5rem !important
}
[dir=rtl] .m-right--72-md {
margin-left: 4.5rem !important
}
html:not([dir=rtl]) .m-left--72-md {
margin-left: 4.5rem !important
}
[dir=rtl] .m-left--72-md {
margin-right: 4.5rem !important
}
.p-x--72-md {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
.p-y--72-md {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
.p--72-md {
padding: 4.5rem !important
}
.p-top--72-md {
padding-top: 4.5rem !important
}
.p-bottom--72-md {
padding-bottom: 4.5rem !important
}
html:not([dir=rtl]) .p-right--72-md {
padding-right: 4.5rem !important
}
[dir=rtl] .p-right--72-md {
padding-left: 4.5rem !important
}
html:not([dir=rtl]) .p-left--72-md {
padding-left: 4.5rem !important
}
[dir=rtl] .p-left--72-md {
padding-right: 4.5rem !important
}
.m-x--80-md {
margin-left: 5rem !important;
margin-right: 5rem !important
}
.m-y--80-md {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.m--80-md {
margin: 5rem !important
}
.m-top--80-md {
margin-top: 5rem !important
}
.m-bottom--80-md {
margin-bottom: 5rem !important
}
html:not([dir=rtl]) .m-right--80-md {
margin-right: 5rem !important
}
[dir=rtl] .m-right--80-md {
margin-left: 5rem !important
}
html:not([dir=rtl]) .m-left--80-md {
margin-left: 5rem !important
}
[dir=rtl] .m-left--80-md {
margin-right: 5rem !important
}
.p-x--80-md {
padding-left: 5rem !important;
padding-right: 5rem !important
}
.p-y--80-md {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.p--80-md {
padding: 5rem !important
}
.p-top--80-md {
padding-top: 5rem !important
}
.p-bottom--80-md {
padding-bottom: 5rem !important
}
html:not([dir=rtl]) .p-right--80-md {
padding-right: 5rem !important
}
[dir=rtl] .p-right--80-md {
padding-left: 5rem !important
}
html:not([dir=rtl]) .p-left--80-md {
padding-left: 5rem !important
}
[dir=rtl] .p-left--80-md {
padding-right: 5rem !important
}
.m-x--88-md {
margin-left: 5.5rem !important;
margin-right: 5.5rem !important
}
.m-y--88-md {
margin-top: 5.5rem !important;
margin-bottom: 5.5rem !important
}
.m--88-md {
margin: 5.5rem !important
}
.m-top--88-md {
margin-top: 5.5rem !important
}
.m-bottom--88-md {
margin-bottom: 5.5rem !important
}
html:not([dir=rtl]) .m-right--88-md {
margin-right: 5.5rem !important
}
[dir=rtl] .m-right--88-md {
margin-left: 5.5rem !important
}
html:not([dir=rtl]) .m-left--88-md {
margin-left: 5.5rem !important
}
[dir=rtl] .m-left--88-md {
margin-right: 5.5rem !important
}
.p-x--88-md {
padding-left: 5.5rem !important;
padding-right: 5.5rem !important
}
.p-y--88-md {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important
}
.p--88-md {
padding: 5.5rem !important
}
.p-top--88-md {
padding-top: 5.5rem !important
}
.p-bottom--88-md {
padding-bottom: 5.5rem !important
}
html:not([dir=rtl]) .p-right--88-md {
padding-right: 5.5rem !important
}
[dir=rtl] .p-right--88-md {
padding-left: 5.5rem !important
}
html:not([dir=rtl]) .p-left--88-md {
padding-left: 5.5rem !important
}
[dir=rtl] .p-left--88-md {
padding-right: 5.5rem !important
}
.m-x--96-md {
margin-left: 6rem !important;
margin-right: 6rem !important
}
.m-y--96-md {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
.m--96-md {
margin: 6rem !important
}
.m-top--96-md {
margin-top: 6rem !important
}
.m-bottom--96-md {
margin-bottom: 6rem !important
}
html:not([dir=rtl]) .m-right--96-md {
margin-right: 6rem !important
}
[dir=rtl] .m-right--96-md {
margin-left: 6rem !important
}
html:not([dir=rtl]) .m-left--96-md {
margin-left: 6rem !important
}
[dir=rtl] .m-left--96-md {
margin-right: 6rem !important
}
.p-x--96-md {
padding-left: 6rem !important;
padding-right: 6rem !important
}
.p-y--96-md {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
.p--96-md {
padding: 6rem !important
}
.p-top--96-md {
padding-top: 6rem !important
}
.p-bottom--96-md {
padding-bottom: 6rem !important
}
html:not([dir=rtl]) .p-right--96-md {
padding-right: 6rem !important
}
[dir=rtl] .p-right--96-md {
padding-left: 6rem !important
}
html:not([dir=rtl]) .p-left--96-md {
padding-left: 6rem !important
}
[dir=rtl] .p-left--96-md {
padding-right: 6rem !important
}
.m-x--100-md {
margin-left: 6.25rem !important;
margin-right: 6.25rem !important
}
.m-y--100-md {
margin-top: 6.25rem !important;
margin-bottom: 6.25rem !important
}
.m--100-md {
margin: 6.25rem !important
}
.m-top--100-md {
margin-top: 6.25rem !important
}
.m-bottom--100-md {
margin-bottom: 6.25rem !important
}
html:not([dir=rtl]) .m-right--100-md {
margin-right: 6.25rem !important
}
[dir=rtl] .m-right--100-md {
margin-left: 6.25rem !important
}
html:not([dir=rtl]) .m-left--100-md {
margin-left: 6.25rem !important
}
[dir=rtl] .m-left--100-md {
margin-right: 6.25rem !important
}
.p-x--100-md {
padding-left: 6.25rem !important;
padding-right: 6.25rem !important
}
.p-y--100-md {
padding-top: 6.25rem !important;
padding-bottom: 6.25rem !important
}
.p--100-md {
padding: 6.25rem !important
}
.p-top--100-md {
padding-top: 6.25rem !important
}
.p-bottom--100-md {
padding-bottom: 6.25rem !important
}
html:not([dir=rtl]) .p-right--100-md {
padding-right: 6.25rem !important
}
[dir=rtl] .p-right--100-md {
padding-left: 6.25rem !important
}
html:not([dir=rtl]) .p-left--100-md {
padding-left: 6.25rem !important
}
[dir=rtl] .p-left--100-md {
padding-right: 6.25rem !important
}
.m-x--104-md {
margin-left: 6.5rem !important;
margin-right: 6.5rem !important
}
.m-y--104-md {
margin-top: 6.5rem !important;
margin-bottom: 6.5rem !important
}
.m--104-md {
margin: 6.5rem !important
}
.m-top--104-md {
margin-top: 6.5rem !important
}
.m-bottom--104-md {
margin-bottom: 6.5rem !important
}
html:not([dir=rtl]) .m-right--104-md {
margin-right: 6.5rem !important
}
[dir=rtl] .m-right--104-md {
margin-left: 6.5rem !important
}
html:not([dir=rtl]) .m-left--104-md {
margin-left: 6.5rem !important
}
[dir=rtl] .m-left--104-md {
margin-right: 6.5rem !important
}
.p-x--104-md {
padding-left: 6.5rem !important;
padding-right: 6.5rem !important
}
.p-y--104-md {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important
}
.p--104-md {
padding: 6.5rem !important
}
.p-top--104-md {
padding-top: 6.5rem !important
}
.p-bottom--104-md {
padding-bottom: 6.5rem !important
}
html:not([dir=rtl]) .p-right--104-md {
padding-right: 6.5rem !important
}
[dir=rtl] .p-right--104-md {
padding-left: 6.5rem !important
}
html:not([dir=rtl]) .p-left--104-md {
padding-left: 6.5rem !important
}
[dir=rtl] .p-left--104-md {
padding-right: 6.5rem !important
}
}
@media all and (min-width: 1200px) {
.m-x--auto-lg {
margin-left: auto !important;
margin-right: auto !important
}
.m-y--auto-lg {
margin-top: auto !important;
margin-bottom: auto !important
}
.m--auto-lg {
margin: auto !important
}
.m-top--auto-lg {
margin-top: auto !important
}
.m-bottom--auto-lg {
margin-bottom: auto !important
}
html:not([dir=rtl]) .m-right--auto-lg {
margin-right: auto !important
}
[dir=rtl] .m-right--auto-lg {
margin-left: auto !important
}
html:not([dir=rtl]) .m-left--auto-lg {
margin-left: auto !important
}
[dir=rtl] .m-left--auto-lg {
margin-right: auto !important
}
.p-x--auto-lg {
padding-left: auto !important;
padding-right: auto !important
}
.p-y--auto-lg {
padding-top: auto !important;
padding-bottom: auto !important
}
.p--auto-lg {
padding: auto !important
}
.p-top--auto-lg {
padding-top: auto !important
}
.p-bottom--auto-lg {
padding-bottom: auto !important
}
html:not([dir=rtl]) .p-right--auto-lg {
padding-right: auto !important
}
[dir=rtl] .p-right--auto-lg {
padding-left: auto !important
}
html:not([dir=rtl]) .p-left--auto-lg {
padding-left: auto !important
}
[dir=rtl] .p-left--auto-lg {
padding-right: auto !important
}
.m-x--0-lg {
margin-left: 0 !important;
margin-right: 0 !important
}
.m-y--0-lg {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.m--0-lg {
margin: 0 !important
}
.m-top--0-lg {
margin-top: 0 !important
}
.m-bottom--0-lg {
margin-bottom: 0 !important
}
html:not([dir=rtl]) .m-right--0-lg {
margin-right: 0 !important
}
[dir=rtl] .m-right--0-lg {
margin-left: 0 !important
}
html:not([dir=rtl]) .m-left--0-lg {
margin-left: 0 !important
}
[dir=rtl] .m-left--0-lg {
margin-right: 0 !important
}
.p-x--0-lg {
padding-left: 0 !important;
padding-right: 0 !important
}
.p-y--0-lg {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.p--0-lg {
padding: 0 !important
}
.p-top--0-lg {
padding-top: 0 !important
}
.p-bottom--0-lg {
padding-bottom: 0 !important
}
html:not([dir=rtl]) .p-right--0-lg {
padding-right: 0 !important
}
[dir=rtl] .p-right--0-lg {
padding-left: 0 !important
}
html:not([dir=rtl]) .p-left--0-lg {
padding-left: 0 !important
}
[dir=rtl] .p-left--0-lg {
padding-right: 0 !important
}
.m-x--02-lg {
margin-left: .125rem !important;
margin-right: .125rem !important
}
.m-y--02-lg {
margin-top: .125rem !important;
margin-bottom: .125rem !important
}
.m--02-lg {
margin: .125rem !important
}
.m-top--02-lg {
margin-top: .125rem !important
}
.m-bottom--02-lg {
margin-bottom: .125rem !important
}
html:not([dir=rtl]) .m-right--02-lg {
margin-right: .125rem !important
}
[dir=rtl] .m-right--02-lg {
margin-left: .125rem !important
}
html:not([dir=rtl]) .m-left--02-lg {
margin-left: .125rem !important
}
[dir=rtl] .m-left--02-lg {
margin-right: .125rem !important
}
.p-x--02-lg {
padding-left: .125rem !important;
padding-right: .125rem !important
}
.p-y--02-lg {
padding-top: .125rem !important;
padding-bottom: .125rem !important
}
.p--02-lg {
padding: .125rem !important
}
.p-top--02-lg {
padding-top: .125rem !important
}
.p-bottom--02-lg {
padding-bottom: .125rem !important
}
html:not([dir=rtl]) .p-right--02-lg {
padding-right: .125rem !important
}
[dir=rtl] .p-right--02-lg {
padding-left: .125rem !important
}
html:not([dir=rtl]) .p-left--02-lg {
padding-left: .125rem !important
}
[dir=rtl] .p-left--02-lg {
padding-right: .125rem !important
}
.m-x--04-lg {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.m-y--04-lg {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.m--04-lg {
margin: .25rem !important
}
.m-top--04-lg {
margin-top: .25rem !important
}
.m-bottom--04-lg {
margin-bottom: .25rem !important
}
html:not([dir=rtl]) .m-right--04-lg {
margin-right: .25rem !important
}
[dir=rtl] .m-right--04-lg {
margin-left: .25rem !important
}
html:not([dir=rtl]) .m-left--04-lg {
margin-left: .25rem !important
}
[dir=rtl] .m-left--04-lg {
margin-right: .25rem !important
}
.p-x--04-lg {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.p-y--04-lg {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.p--04-lg {
padding: .25rem !important
}
.p-top--04-lg {
padding-top: .25rem !important
}
.p-bottom--04-lg {
padding-bottom: .25rem !important
}
html:not([dir=rtl]) .p-right--04-lg {
padding-right: .25rem !important
}
[dir=rtl] .p-right--04-lg {
padding-left: .25rem !important
}
html:not([dir=rtl]) .p-left--04-lg {
padding-left: .25rem !important
}
[dir=rtl] .p-left--04-lg {
padding-right: .25rem !important
}
.m-x--06-lg {
margin-left: .375rem !important;
margin-right: .375rem !important
}
.m-y--06-lg {
margin-top: .375rem !important;
margin-bottom: .375rem !important
}
.m--06-lg {
margin: .375rem !important
}
.m-top--06-lg {
margin-top: .375rem !important
}
.m-bottom--06-lg {
margin-bottom: .375rem !important
}
html:not([dir=rtl]) .m-right--06-lg {
margin-right: .375rem !important
}
[dir=rtl] .m-right--06-lg {
margin-left: .375rem !important
}
html:not([dir=rtl]) .m-left--06-lg {
margin-left: .375rem !important
}
[dir=rtl] .m-left--06-lg {
margin-right: .375rem !important
}
.p-x--06-lg {
padding-left: .375rem !important;
padding-right: .375rem !important
}
.p-y--06-lg {
padding-top: .375rem !important;
padding-bottom: .375rem !important
}
.p--06-lg {
padding: .375rem !important
}
.p-top--06-lg {
padding-top: .375rem !important
}
.p-bottom--06-lg {
padding-bottom: .375rem !important
}
html:not([dir=rtl]) .p-right--06-lg {
padding-right: .375rem !important
}
[dir=rtl] .p-right--06-lg {
padding-left: .375rem !important
}
html:not([dir=rtl]) .p-left--06-lg {
padding-left: .375rem !important
}
[dir=rtl] .p-left--06-lg {
padding-right: .375rem !important
}
.m-x--08-lg {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.m-y--08-lg {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.m--08-lg {
margin: .5rem !important
}
.m-top--08-lg {
margin-top: .5rem !important
}
.m-bottom--08-lg {
margin-bottom: .5rem !important
}
html:not([dir=rtl]) .m-right--08-lg {
margin-right: .5rem !important
}
[dir=rtl] .m-right--08-lg {
margin-left: .5rem !important
}
html:not([dir=rtl]) .m-left--08-lg {
margin-left: .5rem !important
}
[dir=rtl] .m-left--08-lg {
margin-right: .5rem !important
}
.p-x--08-lg {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.p-y--08-lg {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.p--08-lg {
padding: .5rem !important
}
.p-top--08-lg {
padding-top: .5rem !important
}
.p-bottom--08-lg {
padding-bottom: .5rem !important
}
html:not([dir=rtl]) .p-right--08-lg {
padding-right: .5rem !important
}
[dir=rtl] .p-right--08-lg {
padding-left: .5rem !important
}
html:not([dir=rtl]) .p-left--08-lg {
padding-left: .5rem !important
}
[dir=rtl] .p-left--08-lg {
padding-right: .5rem !important
}
.m-x--10-lg {
margin-left: .625rem !important;
margin-right: .625rem !important
}
.m-y--10-lg {
margin-top: .625rem !important;
margin-bottom: .625rem !important
}
.m--10-lg {
margin: .625rem !important
}
.m-top--10-lg {
margin-top: .625rem !important
}
.m-bottom--10-lg {
margin-bottom: .625rem !important
}
html:not([dir=rtl]) .m-right--10-lg {
margin-right: .625rem !important
}
[dir=rtl] .m-right--10-lg {
margin-left: .625rem !important
}
html:not([dir=rtl]) .m-left--10-lg {
margin-left: .625rem !important
}
[dir=rtl] .m-left--10-lg {
margin-right: .625rem !important
}
.p-x--10-lg {
padding-left: .625rem !important;
padding-right: .625rem !important
}
.p-y--10-lg {
padding-top: .625rem !important;
padding-bottom: .625rem !important
}
.p--10-lg {
padding: .625rem !important
}
.p-top--10-lg {
padding-top: .625rem !important
}
.p-bottom--10-lg {
padding-bottom: .625rem !important
}
html:not([dir=rtl]) .p-right--10-lg {
padding-right: .625rem !important
}
[dir=rtl] .p-right--10-lg {
padding-left: .625rem !important
}
html:not([dir=rtl]) .p-left--10-lg {
padding-left: .625rem !important
}
[dir=rtl] .p-left--10-lg {
padding-right: .625rem !important
}
.m-x--12-lg {
margin-left: .75rem !important;
margin-right: .75rem !important
}
.m-y--12-lg {
margin-top: .75rem !important;
margin-bottom: .75rem !important
}
.m--12-lg {
margin: .75rem !important
}
.m-top--12-lg {
margin-top: .75rem !important
}
.m-bottom--12-lg {
margin-bottom: .75rem !important
}
html:not([dir=rtl]) .m-right--12-lg {
margin-right: .75rem !important
}
[dir=rtl] .m-right--12-lg {
margin-left: .75rem !important
}
html:not([dir=rtl]) .m-left--12-lg {
margin-left: .75rem !important
}
[dir=rtl] .m-left--12-lg {
margin-right: .75rem !important
}
.p-x--12-lg {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.p-y--12-lg {
padding-top: .75rem !important;
padding-bottom: .75rem !important
}
.p--12-lg {
padding: .75rem !important
}
.p-top--12-lg {
padding-top: .75rem !important
}
.p-bottom--12-lg {
padding-bottom: .75rem !important
}
html:not([dir=rtl]) .p-right--12-lg {
padding-right: .75rem !important
}
[dir=rtl] .p-right--12-lg {
padding-left: .75rem !important
}
html:not([dir=rtl]) .p-left--12-lg {
padding-left: .75rem !important
}
[dir=rtl] .p-left--12-lg {
padding-right: .75rem !important
}
.m-x--14-lg {
margin-left: .875rem !important;
margin-right: .875rem !important
}
.m-y--14-lg {
margin-top: .875rem !important;
margin-bottom: .875rem !important
}
.m--14-lg {
margin: .875rem !important
}
.m-top--14-lg {
margin-top: .875rem !important
}
.m-bottom--14-lg {
margin-bottom: .875rem !important
}
html:not([dir=rtl]) .m-right--14-lg {
margin-right: .875rem !important
}
[dir=rtl] .m-right--14-lg {
margin-left: .875rem !important
}
html:not([dir=rtl]) .m-left--14-lg {
margin-left: .875rem !important
}
[dir=rtl] .m-left--14-lg {
margin-right: .875rem !important
}
.p-x--14-lg {
padding-left: .875rem !important;
padding-right: .875rem !important
}
.p-y--14-lg {
padding-top: .875rem !important;
padding-bottom: .875rem !important
}
.p--14-lg {
padding: .875rem !important
}
.p-top--14-lg {
padding-top: .875rem !important
}
.p-bottom--14-lg {
padding-bottom: .875rem !important
}
html:not([dir=rtl]) .p-right--14-lg {
padding-right: .875rem !important
}
[dir=rtl] .p-right--14-lg {
padding-left: .875rem !important
}
html:not([dir=rtl]) .p-left--14-lg {
padding-left: .875rem !important
}
[dir=rtl] .p-left--14-lg {
padding-right: .875rem !important
}
.m-x--16-lg {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.m-y--16-lg {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.m--16-lg {
margin: 1rem !important
}
.m-top--16-lg {
margin-top: 1rem !important
}
.m-bottom--16-lg {
margin-bottom: 1rem !important
}
html:not([dir=rtl]) .m-right--16-lg {
margin-right: 1rem !important
}
[dir=rtl] .m-right--16-lg {
margin-left: 1rem !important
}
html:not([dir=rtl]) .m-left--16-lg {
margin-left: 1rem !important
}
[dir=rtl] .m-left--16-lg {
margin-right: 1rem !important
}
.p-x--16-lg {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.p-y--16-lg {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.p--16-lg {
padding: 1rem !important
}
.p-top--16-lg {
padding-top: 1rem !important
}
.p-bottom--16-lg {
padding-bottom: 1rem !important
}
html:not([dir=rtl]) .p-right--16-lg {
padding-right: 1rem !important
}
[dir=rtl] .p-right--16-lg {
padding-left: 1rem !important
}
html:not([dir=rtl]) .p-left--16-lg {
padding-left: 1rem !important
}
[dir=rtl] .p-left--16-lg {
padding-right: 1rem !important
}
.m-x--20-lg {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important
}
.m-y--20-lg {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important
}
.m--20-lg {
margin: 1.25rem !important
}
.m-top--20-lg {
margin-top: 1.25rem !important
}
.m-bottom--20-lg {
margin-bottom: 1.25rem !important
}
html:not([dir=rtl]) .m-right--20-lg {
margin-right: 1.25rem !important
}
[dir=rtl] .m-right--20-lg {
margin-left: 1.25rem !important
}
html:not([dir=rtl]) .m-left--20-lg {
margin-left: 1.25rem !important
}
[dir=rtl] .m-left--20-lg {
margin-right: 1.25rem !important
}
.p-x--20-lg {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.p-y--20-lg {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.p--20-lg {
padding: 1.25rem !important
}
.p-top--20-lg {
padding-top: 1.25rem !important
}
.p-bottom--20-lg {
padding-bottom: 1.25rem !important
}
html:not([dir=rtl]) .p-right--20-lg {
padding-right: 1.25rem !important
}
[dir=rtl] .p-right--20-lg {
padding-left: 1.25rem !important
}
html:not([dir=rtl]) .p-left--20-lg {
padding-left: 1.25rem !important
}
[dir=rtl] .p-left--20-lg {
padding-right: 1.25rem !important
}
.m-x--24-lg {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.m-y--24-lg {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.m--24-lg {
margin: 1.5rem !important
}
.m-top--24-lg {
margin-top: 1.5rem !important
}
.m-bottom--24-lg {
margin-bottom: 1.5rem !important
}
html:not([dir=rtl]) .m-right--24-lg {
margin-right: 1.5rem !important
}
[dir=rtl] .m-right--24-lg {
margin-left: 1.5rem !important
}
html:not([dir=rtl]) .m-left--24-lg {
margin-left: 1.5rem !important
}
[dir=rtl] .m-left--24-lg {
margin-right: 1.5rem !important
}
.p-x--24-lg {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.p-y--24-lg {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.p--24-lg {
padding: 1.5rem !important
}
.p-top--24-lg {
padding-top: 1.5rem !important
}
.p-bottom--24-lg {
padding-bottom: 1.5rem !important
}
html:not([dir=rtl]) .p-right--24-lg {
padding-right: 1.5rem !important
}
[dir=rtl] .p-right--24-lg {
padding-left: 1.5rem !important
}
html:not([dir=rtl]) .p-left--24-lg {
padding-left: 1.5rem !important
}
[dir=rtl] .p-left--24-lg {
padding-right: 1.5rem !important
}
.m-x--28-lg {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important
}
.m-y--28-lg {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important
}
.m--28-lg {
margin: 1.75rem !important
}
.m-top--28-lg {
margin-top: 1.75rem !important
}
.m-bottom--28-lg {
margin-bottom: 1.75rem !important
}
html:not([dir=rtl]) .m-right--28-lg {
margin-right: 1.75rem !important
}
[dir=rtl] .m-right--28-lg {
margin-left: 1.75rem !important
}
html:not([dir=rtl]) .m-left--28-lg {
margin-left: 1.75rem !important
}
[dir=rtl] .m-left--28-lg {
margin-right: 1.75rem !important
}
.p-x--28-lg {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important
}
.p-y--28-lg {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important
}
.p--28-lg {
padding: 1.75rem !important
}
.p-top--28-lg {
padding-top: 1.75rem !important
}
.p-bottom--28-lg {
padding-bottom: 1.75rem !important
}
html:not([dir=rtl]) .p-right--28-lg {
padding-right: 1.75rem !important
}
[dir=rtl] .p-right--28-lg {
padding-left: 1.75rem !important
}
html:not([dir=rtl]) .p-left--28-lg {
padding-left: 1.75rem !important
}
[dir=rtl] .p-left--28-lg {
padding-right: 1.75rem !important
}
.m-x--32-lg {
margin-left: 2rem !important;
margin-right: 2rem !important
}
.m-y--32-lg {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.m--32-lg {
margin: 2rem !important
}
.m-top--32-lg {
margin-top: 2rem !important
}
.m-bottom--32-lg {
margin-bottom: 2rem !important
}
html:not([dir=rtl]) .m-right--32-lg {
margin-right: 2rem !important
}
[dir=rtl] .m-right--32-lg {
margin-left: 2rem !important
}
html:not([dir=rtl]) .m-left--32-lg {
margin-left: 2rem !important
}
[dir=rtl] .m-left--32-lg {
margin-right: 2rem !important
}
.p-x--32-lg {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.p-y--32-lg {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.p--32-lg {
padding: 2rem !important
}
.p-top--32-lg {
padding-top: 2rem !important
}
.p-bottom--32-lg {
padding-bottom: 2rem !important
}
html:not([dir=rtl]) .p-right--32-lg {
padding-right: 2rem !important
}
[dir=rtl] .p-right--32-lg {
padding-left: 2rem !important
}
html:not([dir=rtl]) .p-left--32-lg {
padding-left: 2rem !important
}
[dir=rtl] .p-left--32-lg {
padding-right: 2rem !important
}
.m-x--36-lg {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
.m-y--36-lg {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
.m--36-lg {
margin: 2.25rem !important
}
.m-top--36-lg {
margin-top: 2.25rem !important
}
.m-bottom--36-lg {
margin-bottom: 2.25rem !important
}
html:not([dir=rtl]) .m-right--36-lg {
margin-right: 2.25rem !important
}
[dir=rtl] .m-right--36-lg {
margin-left: 2.25rem !important
}
html:not([dir=rtl]) .m-left--36-lg {
margin-left: 2.25rem !important
}
[dir=rtl] .m-left--36-lg {
margin-right: 2.25rem !important
}
.p-x--36-lg {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
.p-y--36-lg {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
.p--36-lg {
padding: 2.25rem !important
}
.p-top--36-lg {
padding-top: 2.25rem !important
}
.p-bottom--36-lg {
padding-bottom: 2.25rem !important
}
html:not([dir=rtl]) .p-right--36-lg {
padding-right: 2.25rem !important
}
[dir=rtl] .p-right--36-lg {
padding-left: 2.25rem !important
}
html:not([dir=rtl]) .p-left--36-lg {
padding-left: 2.25rem !important
}
[dir=rtl] .p-left--36-lg {
padding-right: 2.25rem !important
}
.m-x--38-lg {
margin-left: 2.375rem !important;
margin-right: 2.375rem !important
}
.m-y--38-lg {
margin-top: 2.375rem !important;
margin-bottom: 2.375rem !important
}
.m--38-lg {
margin: 2.375rem !important
}
.m-top--38-lg {
margin-top: 2.375rem !important
}
.m-bottom--38-lg {
margin-bottom: 2.375rem !important
}
html:not([dir=rtl]) .m-right--38-lg {
margin-right: 2.375rem !important
}
[dir=rtl] .m-right--38-lg {
margin-left: 2.375rem !important
}
html:not([dir=rtl]) .m-left--38-lg {
margin-left: 2.375rem !important
}
[dir=rtl] .m-left--38-lg {
margin-right: 2.375rem !important
}
.p-x--38-lg {
padding-left: 2.375rem !important;
padding-right: 2.375rem !important
}
.p-y--38-lg {
padding-top: 2.375rem !important;
padding-bottom: 2.375rem !important
}
.p--38-lg {
padding: 2.375rem !important
}
.p-top--38-lg {
padding-top: 2.375rem !important
}
.p-bottom--38-lg {
padding-bottom: 2.375rem !important
}
html:not([dir=rtl]) .p-right--38-lg {
padding-right: 2.375rem !important
}
[dir=rtl] .p-right--38-lg {
padding-left: 2.375rem !important
}
html:not([dir=rtl]) .p-left--38-lg {
padding-left: 2.375rem !important
}
[dir=rtl] .p-left--38-lg {
padding-right: 2.375rem !important
}
.m-x--40-lg {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important
}
.m-y--40-lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important
}
.m--40-lg {
margin: 2.5rem !important
}
.m-top--40-lg {
margin-top: 2.5rem !important
}
.m-bottom--40-lg {
margin-bottom: 2.5rem !important
}
html:not([dir=rtl]) .m-right--40-lg {
margin-right: 2.5rem !important
}
[dir=rtl] .m-right--40-lg {
margin-left: 2.5rem !important
}
html:not([dir=rtl]) .m-left--40-lg {
margin-left: 2.5rem !important
}
[dir=rtl] .m-left--40-lg {
margin-right: 2.5rem !important
}
.p-x--40-lg {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
.p-y--40-lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.p--40-lg {
padding: 2.5rem !important
}
.p-top--40-lg {
padding-top: 2.5rem !important
}
.p-bottom--40-lg {
padding-bottom: 2.5rem !important
}
html:not([dir=rtl]) .p-right--40-lg {
padding-right: 2.5rem !important
}
[dir=rtl] .p-right--40-lg {
padding-left: 2.5rem !important
}
html:not([dir=rtl]) .p-left--40-lg {
padding-left: 2.5rem !important
}
[dir=rtl] .p-left--40-lg {
padding-right: 2.5rem !important
}
.m-x--44-lg {
margin-left: 2.75rem !important;
margin-right: 2.75rem !important
}
.m-y--44-lg {
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important
}
.m--44-lg {
margin: 2.75rem !important
}
.m-top--44-lg {
margin-top: 2.75rem !important
}
.m-bottom--44-lg {
margin-bottom: 2.75rem !important
}
html:not([dir=rtl]) .m-right--44-lg {
margin-right: 2.75rem !important
}
[dir=rtl] .m-right--44-lg {
margin-left: 2.75rem !important
}
html:not([dir=rtl]) .m-left--44-lg {
margin-left: 2.75rem !important
}
[dir=rtl] .m-left--44-lg {
margin-right: 2.75rem !important
}
.p-x--44-lg {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important
}
.p-y--44-lg {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important
}
.p--44-lg {
padding: 2.75rem !important
}
.p-top--44-lg {
padding-top: 2.75rem !important
}
.p-bottom--44-lg {
padding-bottom: 2.75rem !important
}
html:not([dir=rtl]) .p-right--44-lg {
padding-right: 2.75rem !important
}
[dir=rtl] .p-right--44-lg {
padding-left: 2.75rem !important
}
html:not([dir=rtl]) .p-left--44-lg {
padding-left: 2.75rem !important
}
[dir=rtl] .p-left--44-lg {
padding-right: 2.75rem !important
}
.m-x--48-lg {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.m-y--48-lg {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.m--48-lg {
margin: 3rem !important
}
.m-top--48-lg {
margin-top: 3rem !important
}
.m-bottom--48-lg {
margin-bottom: 3rem !important
}
html:not([dir=rtl]) .m-right--48-lg {
margin-right: 3rem !important
}
[dir=rtl] .m-right--48-lg {
margin-left: 3rem !important
}
html:not([dir=rtl]) .m-left--48-lg {
margin-left: 3rem !important
}
[dir=rtl] .m-left--48-lg {
margin-right: 3rem !important
}
.p-x--48-lg {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.p-y--48-lg {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.p--48-lg {
padding: 3rem !important
}
.p-top--48-lg {
padding-top: 3rem !important
}
.p-bottom--48-lg {
padding-bottom: 3rem !important
}
html:not([dir=rtl]) .p-right--48-lg {
padding-right: 3rem !important
}
[dir=rtl] .p-right--48-lg {
padding-left: 3rem !important
}
html:not([dir=rtl]) .p-left--48-lg {
padding-left: 3rem !important
}
[dir=rtl] .p-left--48-lg {
padding-right: 3rem !important
}
.m-x--52-lg {
margin-left: 3.25rem !important;
margin-right: 3.25rem !important
}
.m-y--52-lg {
margin-top: 3.25rem !important;
margin-bottom: 3.25rem !important
}
.m--52-lg {
margin: 3.25rem !important
}
.m-top--52-lg {
margin-top: 3.25rem !important
}
.m-bottom--52-lg {
margin-bottom: 3.25rem !important
}
html:not([dir=rtl]) .m-right--52-lg {
margin-right: 3.25rem !important
}
[dir=rtl] .m-right--52-lg {
margin-left: 3.25rem !important
}
html:not([dir=rtl]) .m-left--52-lg {
margin-left: 3.25rem !important
}
[dir=rtl] .m-left--52-lg {
margin-right: 3.25rem !important
}
.p-x--52-lg {
padding-left: 3.25rem !important;
padding-right: 3.25rem !important
}
.p-y--52-lg {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important
}
.p--52-lg {
padding: 3.25rem !important
}
.p-top--52-lg {
padding-top: 3.25rem !important
}
.p-bottom--52-lg {
padding-bottom: 3.25rem !important
}
html:not([dir=rtl]) .p-right--52-lg {
padding-right: 3.25rem !important
}
[dir=rtl] .p-right--52-lg {
padding-left: 3.25rem !important
}
html:not([dir=rtl]) .p-left--52-lg {
padding-left: 3.25rem !important
}
[dir=rtl] .p-left--52-lg {
padding-right: 3.25rem !important
}
.m-x--56-lg {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important
}
.m-y--56-lg {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important
}
.m--56-lg {
margin: 3.5rem !important
}
.m-top--56-lg {
margin-top: 3.5rem !important
}
.m-bottom--56-lg {
margin-bottom: 3.5rem !important
}
html:not([dir=rtl]) .m-right--56-lg {
margin-right: 3.5rem !important
}
[dir=rtl] .m-right--56-lg {
margin-left: 3.5rem !important
}
html:not([dir=rtl]) .m-left--56-lg {
margin-left: 3.5rem !important
}
[dir=rtl] .m-left--56-lg {
margin-right: 3.5rem !important
}
.p-x--56-lg {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important
}
.p-y--56-lg {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important
}
.p--56-lg {
padding: 3.5rem !important
}
.p-top--56-lg {
padding-top: 3.5rem !important
}
.p-bottom--56-lg {
padding-bottom: 3.5rem !important
}
html:not([dir=rtl]) .p-right--56-lg {
padding-right: 3.5rem !important
}
[dir=rtl] .p-right--56-lg {
padding-left: 3.5rem !important
}
html:not([dir=rtl]) .p-left--56-lg {
padding-left: 3.5rem !important
}
[dir=rtl] .p-left--56-lg {
padding-right: 3.5rem !important
}
.m-x--60-lg {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important
}
.m-y--60-lg {
margin-top: 3.75rem !important;
margin-bottom: 3.75rem !important
}
.m--60-lg {
margin: 3.75rem !important
}
.m-top--60-lg {
margin-top: 3.75rem !important
}
.m-bottom--60-lg {
margin-bottom: 3.75rem !important
}
html:not([dir=rtl]) .m-right--60-lg {
margin-right: 3.75rem !important
}
[dir=rtl] .m-right--60-lg {
margin-left: 3.75rem !important
}
html:not([dir=rtl]) .m-left--60-lg {
margin-left: 3.75rem !important
}
[dir=rtl] .m-left--60-lg {
margin-right: 3.75rem !important
}
.p-x--60-lg {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important
}
.p-y--60-lg {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important
}
.p--60-lg {
padding: 3.75rem !important
}
.p-top--60-lg {
padding-top: 3.75rem !important
}
.p-bottom--60-lg {
padding-bottom: 3.75rem !important
}
html:not([dir=rtl]) .p-right--60-lg {
padding-right: 3.75rem !important
}
[dir=rtl] .p-right--60-lg {
padding-left: 3.75rem !important
}
html:not([dir=rtl]) .p-left--60-lg {
padding-left: 3.75rem !important
}
[dir=rtl] .p-left--60-lg {
padding-right: 3.75rem !important
}
.m-x--64-lg {
margin-left: 4rem !important;
margin-right: 4rem !important
}
.m-y--64-lg {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.m--64-lg {
margin: 4rem !important
}
.m-top--64-lg {
margin-top: 4rem !important
}
.m-bottom--64-lg {
margin-bottom: 4rem !important
}
html:not([dir=rtl]) .m-right--64-lg {
margin-right: 4rem !important
}
[dir=rtl] .m-right--64-lg {
margin-left: 4rem !important
}
html:not([dir=rtl]) .m-left--64-lg {
margin-left: 4rem !important
}
[dir=rtl] .m-left--64-lg {
margin-right: 4rem !important
}
.p-x--64-lg {
padding-left: 4rem !important;
padding-right: 4rem !important
}
.p-y--64-lg {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.p--64-lg {
padding: 4rem !important
}
.p-top--64-lg {
padding-top: 4rem !important
}
.p-bottom--64-lg {
padding-bottom: 4rem !important
}
html:not([dir=rtl]) .p-right--64-lg {
padding-right: 4rem !important
}
[dir=rtl] .p-right--64-lg {
padding-left: 4rem !important
}
html:not([dir=rtl]) .p-left--64-lg {
padding-left: 4rem !important
}
[dir=rtl] .p-left--64-lg {
padding-right: 4rem !important
}
.m-x--72-lg {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
.m-y--72-lg {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
.m--72-lg {
margin: 4.5rem !important
}
.m-top--72-lg {
margin-top: 4.5rem !important
}
.m-bottom--72-lg {
margin-bottom: 4.5rem !important
}
html:not([dir=rtl]) .m-right--72-lg {
margin-right: 4.5rem !important
}
[dir=rtl] .m-right--72-lg {
margin-left: 4.5rem !important
}
html:not([dir=rtl]) .m-left--72-lg {
margin-left: 4.5rem !important
}
[dir=rtl] .m-left--72-lg {
margin-right: 4.5rem !important
}
.p-x--72-lg {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
.p-y--72-lg {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
.p--72-lg {
padding: 4.5rem !important
}
.p-top--72-lg {
padding-top: 4.5rem !important
}
.p-bottom--72-lg {
padding-bottom: 4.5rem !important
}
html:not([dir=rtl]) .p-right--72-lg {
padding-right: 4.5rem !important
}
[dir=rtl] .p-right--72-lg {
padding-left: 4.5rem !important
}
html:not([dir=rtl]) .p-left--72-lg {
padding-left: 4.5rem !important
}
[dir=rtl] .p-left--72-lg {
padding-right: 4.5rem !important
}
.m-x--80-lg {
margin-left: 5rem !important;
margin-right: 5rem !important
}
.m-y--80-lg {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.m--80-lg {
margin: 5rem !important
}
.m-top--80-lg {
margin-top: 5rem !important
}
.m-bottom--80-lg {
margin-bottom: 5rem !important
}
html:not([dir=rtl]) .m-right--80-lg {
margin-right: 5rem !important
}
[dir=rtl] .m-right--80-lg {
margin-left: 5rem !important
}
html:not([dir=rtl]) .m-left--80-lg {
margin-left: 5rem !important
}
[dir=rtl] .m-left--80-lg {
margin-right: 5rem !important
}
.p-x--80-lg {
padding-left: 5rem !important;
padding-right: 5rem !important
}
.p-y--80-lg {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.p--80-lg {
padding: 5rem !important
}
.p-top--80-lg {
padding-top: 5rem !important
}
.p-bottom--80-lg {
padding-bottom: 5rem !important
}
html:not([dir=rtl]) .p-right--80-lg {
padding-right: 5rem !important
}
[dir=rtl] .p-right--80-lg {
padding-left: 5rem !important
}
html:not([dir=rtl]) .p-left--80-lg {
padding-left: 5rem !important
}
[dir=rtl] .p-left--80-lg {
padding-right: 5rem !important
}
.m-x--88-lg {
margin-left: 5.5rem !important;
margin-right: 5.5rem !important
}
.m-y--88-lg {
margin-top: 5.5rem !important;
margin-bottom: 5.5rem !important
}
.m--88-lg {
margin: 5.5rem !important
}
.m-top--88-lg {
margin-top: 5.5rem !important
}
.m-bottom--88-lg {
margin-bottom: 5.5rem !important
}
html:not([dir=rtl]) .m-right--88-lg {
margin-right: 5.5rem !important
}
[dir=rtl] .m-right--88-lg {
margin-left: 5.5rem !important
}
html:not([dir=rtl]) .m-left--88-lg {
margin-left: 5.5rem !important
}
[dir=rtl] .m-left--88-lg {
margin-right: 5.5rem !important
}
.p-x--88-lg {
padding-left: 5.5rem !important;
padding-right: 5.5rem !important
}
.p-y--88-lg {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important
}
.p--88-lg {
padding: 5.5rem !important
}
.p-top--88-lg {
padding-top: 5.5rem !important
}
.p-bottom--88-lg {
padding-bottom: 5.5rem !important
}
html:not([dir=rtl]) .p-right--88-lg {
padding-right: 5.5rem !important
}
[dir=rtl] .p-right--88-lg {
padding-left: 5.5rem !important
}
html:not([dir=rtl]) .p-left--88-lg {
padding-left: 5.5rem !important
}
[dir=rtl] .p-left--88-lg {
padding-right: 5.5rem !important
}
.m-x--96-lg {
margin-left: 6rem !important;
margin-right: 6rem !important
}
.m-y--96-lg {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
.m--96-lg {
margin: 6rem !important
}
.m-top--96-lg {
margin-top: 6rem !important
}
.m-bottom--96-lg {
margin-bottom: 6rem !important
}
html:not([dir=rtl]) .m-right--96-lg {
margin-right: 6rem !important
}
[dir=rtl] .m-right--96-lg {
margin-left: 6rem !important
}
html:not([dir=rtl]) .m-left--96-lg {
margin-left: 6rem !important
}
[dir=rtl] .m-left--96-lg {
margin-right: 6rem !important
}
.p-x--96-lg {
padding-left: 6rem !important;
padding-right: 6rem !important
}
.p-y--96-lg {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
.p--96-lg {
padding: 6rem !important
}
.p-top--96-lg {
padding-top: 6rem !important
}
.p-bottom--96-lg {
padding-bottom: 6rem !important
}
html:not([dir=rtl]) .p-right--96-lg {
padding-right: 6rem !important
}
[dir=rtl] .p-right--96-lg {
padding-left: 6rem !important
}
html:not([dir=rtl]) .p-left--96-lg {
padding-left: 6rem !important
}
[dir=rtl] .p-left--96-lg {
padding-right: 6rem !important
}
.m-x--100-lg {
margin-left: 6.25rem !important;
margin-right: 6.25rem !important
}
.m-y--100-lg {
margin-top: 6.25rem !important;
margin-bottom: 6.25rem !important
}
.m--100-lg {
margin: 6.25rem !important
}
.m-top--100-lg {
margin-top: 6.25rem !important
}
.m-bottom--100-lg {
margin-bottom: 6.25rem !important
}
html:not([dir=rtl]) .m-right--100-lg {
margin-right: 6.25rem !important
}
[dir=rtl] .m-right--100-lg {
margin-left: 6.25rem !important
}
html:not([dir=rtl]) .m-left--100-lg {
margin-left: 6.25rem !important
}
[dir=rtl] .m-left--100-lg {
margin-right: 6.25rem !important
}
.p-x--100-lg {
padding-left: 6.25rem !important;
padding-right: 6.25rem !important
}
.p-y--100-lg {
padding-top: 6.25rem !important;
padding-bottom: 6.25rem !important
}
.p--100-lg {
padding: 6.25rem !important
}
.p-top--100-lg {
padding-top: 6.25rem !important
}
.p-bottom--100-lg {
padding-bottom: 6.25rem !important
}
html:not([dir=rtl]) .p-right--100-lg {
padding-right: 6.25rem !important
}
[dir=rtl] .p-right--100-lg {
padding-left: 6.25rem !important
}
html:not([dir=rtl]) .p-left--100-lg {
padding-left: 6.25rem !important
}
[dir=rtl] .p-left--100-lg {
padding-right: 6.25rem !important
}
.m-x--104-lg {
margin-left: 6.5rem !important;
margin-right: 6.5rem !important
}
.m-y--104-lg {
margin-top: 6.5rem !important;
margin-bottom: 6.5rem !important
}
.m--104-lg {
margin: 6.5rem !important
}
.m-top--104-lg {
margin-top: 6.5rem !important
}
.m-bottom--104-lg {
margin-bottom: 6.5rem !important
}
html:not([dir=rtl]) .m-right--104-lg {
margin-right: 6.5rem !important
}
[dir=rtl] .m-right--104-lg {
margin-left: 6.5rem !important
}
html:not([dir=rtl]) .m-left--104-lg {
margin-left: 6.5rem !important
}
[dir=rtl] .m-left--104-lg {
margin-right: 6.5rem !important
}
.p-x--104-lg {
padding-left: 6.5rem !important;
padding-right: 6.5rem !important
}
.p-y--104-lg {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important
}
.p--104-lg {
padding: 6.5rem !important
}
.p-top--104-lg {
padding-top: 6.5rem !important
}
.p-bottom--104-lg {
padding-bottom: 6.5rem !important
}
html:not([dir=rtl]) .p-right--104-lg {
padding-right: 6.5rem !important
}
[dir=rtl] .p-right--104-lg {
padding-left: 6.5rem !important
}
html:not([dir=rtl]) .p-left--104-lg {
padding-left: 6.5rem !important
}
[dir=rtl] .p-left--104-lg {
padding-right: 6.5rem !important
}
}
@media all and (min-width: 1600px) {
.m-x--auto-xl {
margin-left: auto !important;
margin-right: auto !important
}
.m-y--auto-xl {
margin-top: auto !important;
margin-bottom: auto !important
}
.m--auto-xl {
margin: auto !important
}
.m-top--auto-xl {
margin-top: auto !important
}
.m-bottom--auto-xl {
margin-bottom: auto !important
}
html:not([dir=rtl]) .m-right--auto-xl {
margin-right: auto !important
}
[dir=rtl] .m-right--auto-xl {
margin-left: auto !important
}
html:not([dir=rtl]) .m-left--auto-xl {
margin-left: auto !important
}
[dir=rtl] .m-left--auto-xl {
margin-right: auto !important
}
.p-x--auto-xl {
padding-left: auto !important;
padding-right: auto !important
}
.p-y--auto-xl {
padding-top: auto !important;
padding-bottom: auto !important
}
.p--auto-xl {
padding: auto !important
}
.p-top--auto-xl {
padding-top: auto !important
}
.p-bottom--auto-xl {
padding-bottom: auto !important
}
html:not([dir=rtl]) .p-right--auto-xl {
padding-right: auto !important
}
[dir=rtl] .p-right--auto-xl {
padding-left: auto !important
}
html:not([dir=rtl]) .p-left--auto-xl {
padding-left: auto !important
}
[dir=rtl] .p-left--auto-xl {
padding-right: auto !important
}
.m-x--0-xl {
margin-left: 0 !important;
margin-right: 0 !important
}
.m-y--0-xl {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.m--0-xl {
margin: 0 !important
}
.m-top--0-xl {
margin-top: 0 !important
}
.m-bottom--0-xl {
margin-bottom: 0 !important
}
html:not([dir=rtl]) .m-right--0-xl {
margin-right: 0 !important
}
[dir=rtl] .m-right--0-xl {
margin-left: 0 !important
}
html:not([dir=rtl]) .m-left--0-xl {
margin-left: 0 !important
}
[dir=rtl] .m-left--0-xl {
margin-right: 0 !important
}
.p-x--0-xl {
padding-left: 0 !important;
padding-right: 0 !important
}
.p-y--0-xl {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.p--0-xl {
padding: 0 !important
}
.p-top--0-xl {
padding-top: 0 !important
}
.p-bottom--0-xl {
padding-bottom: 0 !important
}
html:not([dir=rtl]) .p-right--0-xl {
padding-right: 0 !important
}
[dir=rtl] .p-right--0-xl {
padding-left: 0 !important
}
html:not([dir=rtl]) .p-left--0-xl {
padding-left: 0 !important
}
[dir=rtl] .p-left--0-xl {
padding-right: 0 !important
}
.m-x--02-xl {
margin-left: .125rem !important;
margin-right: .125rem !important
}
.m-y--02-xl {
margin-top: .125rem !important;
margin-bottom: .125rem !important
}
.m--02-xl {
margin: .125rem !important
}
.m-top--02-xl {
margin-top: .125rem !important
}
.m-bottom--02-xl {
margin-bottom: .125rem !important
}
html:not([dir=rtl]) .m-right--02-xl {
margin-right: .125rem !important
}
[dir=rtl] .m-right--02-xl {
margin-left: .125rem !important
}
html:not([dir=rtl]) .m-left--02-xl {
margin-left: .125rem !important
}
[dir=rtl] .m-left--02-xl {
margin-right: .125rem !important
}
.p-x--02-xl {
padding-left: .125rem !important;
padding-right: .125rem !important
}
.p-y--02-xl {
padding-top: .125rem !important;
padding-bottom: .125rem !important
}
.p--02-xl {
padding: .125rem !important
}
.p-top--02-xl {
padding-top: .125rem !important
}
.p-bottom--02-xl {
padding-bottom: .125rem !important
}
html:not([dir=rtl]) .p-right--02-xl {
padding-right: .125rem !important
}
[dir=rtl] .p-right--02-xl {
padding-left: .125rem !important
}
html:not([dir=rtl]) .p-left--02-xl {
padding-left: .125rem !important
}
[dir=rtl] .p-left--02-xl {
padding-right: .125rem !important
}
.m-x--04-xl {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.m-y--04-xl {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.m--04-xl {
margin: .25rem !important
}
.m-top--04-xl {
margin-top: .25rem !important
}
.m-bottom--04-xl {
margin-bottom: .25rem !important
}
html:not([dir=rtl]) .m-right--04-xl {
margin-right: .25rem !important
}
[dir=rtl] .m-right--04-xl {
margin-left: .25rem !important
}
html:not([dir=rtl]) .m-left--04-xl {
margin-left: .25rem !important
}
[dir=rtl] .m-left--04-xl {
margin-right: .25rem !important
}
.p-x--04-xl {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.p-y--04-xl {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.p--04-xl {
padding: .25rem !important
}
.p-top--04-xl {
padding-top: .25rem !important
}
.p-bottom--04-xl {
padding-bottom: .25rem !important
}
html:not([dir=rtl]) .p-right--04-xl {
padding-right: .25rem !important
}
[dir=rtl] .p-right--04-xl {
padding-left: .25rem !important
}
html:not([dir=rtl]) .p-left--04-xl {
padding-left: .25rem !important
}
[dir=rtl] .p-left--04-xl {
padding-right: .25rem !important
}
.m-x--06-xl {
margin-left: .375rem !important;
margin-right: .375rem !important
}
.m-y--06-xl {
margin-top: .375rem !important;
margin-bottom: .375rem !important
}
.m--06-xl {
margin: .375rem !important
}
.m-top--06-xl {
margin-top: .375rem !important
}
.m-bottom--06-xl {
margin-bottom: .375rem !important
}
html:not([dir=rtl]) .m-right--06-xl {
margin-right: .375rem !important
}
[dir=rtl] .m-right--06-xl {
margin-left: .375rem !important
}
html:not([dir=rtl]) .m-left--06-xl {
margin-left: .375rem !important
}
[dir=rtl] .m-left--06-xl {
margin-right: .375rem !important
}
.p-x--06-xl {
padding-left: .375rem !important;
padding-right: .375rem !important
}
.p-y--06-xl {
padding-top: .375rem !important;
padding-bottom: .375rem !important
}
.p--06-xl {
padding: .375rem !important
}
.p-top--06-xl {
padding-top: .375rem !important
}
.p-bottom--06-xl {
padding-bottom: .375rem !important
}
html:not([dir=rtl]) .p-right--06-xl {
padding-right: .375rem !important
}
[dir=rtl] .p-right--06-xl {
padding-left: .375rem !important
}
html:not([dir=rtl]) .p-left--06-xl {
padding-left: .375rem !important
}
[dir=rtl] .p-left--06-xl {
padding-right: .375rem !important
}
.m-x--08-xl {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.m-y--08-xl {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.m--08-xl {
margin: .5rem !important
}
.m-top--08-xl {
margin-top: .5rem !important
}
.m-bottom--08-xl {
margin-bottom: .5rem !important
}
html:not([dir=rtl]) .m-right--08-xl {
margin-right: .5rem !important
}
[dir=rtl] .m-right--08-xl {
margin-left: .5rem !important
}
html:not([dir=rtl]) .m-left--08-xl {
margin-left: .5rem !important
}
[dir=rtl] .m-left--08-xl {
margin-right: .5rem !important
}
.p-x--08-xl {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.p-y--08-xl {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.p--08-xl {
padding: .5rem !important
}
.p-top--08-xl {
padding-top: .5rem !important
}
.p-bottom--08-xl {
padding-bottom: .5rem !important
}
html:not([dir=rtl]) .p-right--08-xl {
padding-right: .5rem !important
}
[dir=rtl] .p-right--08-xl {
padding-left: .5rem !important
}
html:not([dir=rtl]) .p-left--08-xl {
padding-left: .5rem !important
}
[dir=rtl] .p-left--08-xl {
padding-right: .5rem !important
}
.m-x--10-xl {
margin-left: .625rem !important;
margin-right: .625rem !important
}
.m-y--10-xl {
margin-top: .625rem !important;
margin-bottom: .625rem !important
}
.m--10-xl {
margin: .625rem !important
}
.m-top--10-xl {
margin-top: .625rem !important
}
.m-bottom--10-xl {
margin-bottom: .625rem !important
}
html:not([dir=rtl]) .m-right--10-xl {
margin-right: .625rem !important
}
[dir=rtl] .m-right--10-xl {
margin-left: .625rem !important
}
html:not([dir=rtl]) .m-left--10-xl {
margin-left: .625rem !important
}
[dir=rtl] .m-left--10-xl {
margin-right: .625rem !important
}
.p-x--10-xl {
padding-left: .625rem !important;
padding-right: .625rem !important
}
.p-y--10-xl {
padding-top: .625rem !important;
padding-bottom: .625rem !important
}
.p--10-xl {
padding: .625rem !important
}
.p-top--10-xl {
padding-top: .625rem !important
}
.p-bottom--10-xl {
padding-bottom: .625rem !important
}
html:not([dir=rtl]) .p-right--10-xl {
padding-right: .625rem !important
}
[dir=rtl] .p-right--10-xl {
padding-left: .625rem !important
}
html:not([dir=rtl]) .p-left--10-xl {
padding-left: .625rem !important
}
[dir=rtl] .p-left--10-xl {
padding-right: .625rem !important
}
.m-x--12-xl {
margin-left: .75rem !important;
margin-right: .75rem !important
}
.m-y--12-xl {
margin-top: .75rem !important;
margin-bottom: .75rem !important
}
.m--12-xl {
margin: .75rem !important
}
.m-top--12-xl {
margin-top: .75rem !important
}
.m-bottom--12-xl {
margin-bottom: .75rem !important
}
html:not([dir=rtl]) .m-right--12-xl {
margin-right: .75rem !important
}
[dir=rtl] .m-right--12-xl {
margin-left: .75rem !important
}
html:not([dir=rtl]) .m-left--12-xl {
margin-left: .75rem !important
}
[dir=rtl] .m-left--12-xl {
margin-right: .75rem !important
}
.p-x--12-xl {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.p-y--12-xl {
padding-top: .75rem !important;
padding-bottom: .75rem !important
}
.p--12-xl {
padding: .75rem !important
}
.p-top--12-xl {
padding-top: .75rem !important
}
.p-bottom--12-xl {
padding-bottom: .75rem !important
}
html:not([dir=rtl]) .p-right--12-xl {
padding-right: .75rem !important
}
[dir=rtl] .p-right--12-xl {
padding-left: .75rem !important
}
html:not([dir=rtl]) .p-left--12-xl {
padding-left: .75rem !important
}
[dir=rtl] .p-left--12-xl {
padding-right: .75rem !important
}
.m-x--14-xl {
margin-left: .875rem !important;
margin-right: .875rem !important
}
.m-y--14-xl {
margin-top: .875rem !important;
margin-bottom: .875rem !important
}
.m--14-xl {
margin: .875rem !important
}
.m-top--14-xl {
margin-top: .875rem !important
}
.m-bottom--14-xl {
margin-bottom: .875rem !important
}
html:not([dir=rtl]) .m-right--14-xl {
margin-right: .875rem !important
}
[dir=rtl] .m-right--14-xl {
margin-left: .875rem !important
}
html:not([dir=rtl]) .m-left--14-xl {
margin-left: .875rem !important
}
[dir=rtl] .m-left--14-xl {
margin-right: .875rem !important
}
.p-x--14-xl {
padding-left: .875rem !important;
padding-right: .875rem !important
}
.p-y--14-xl {
padding-top: .875rem !important;
padding-bottom: .875rem !important
}
.p--14-xl {
padding: .875rem !important
}
.p-top--14-xl {
padding-top: .875rem !important
}
.p-bottom--14-xl {
padding-bottom: .875rem !important
}
html:not([dir=rtl]) .p-right--14-xl {
padding-right: .875rem !important
}
[dir=rtl] .p-right--14-xl {
padding-left: .875rem !important
}
html:not([dir=rtl]) .p-left--14-xl {
padding-left: .875rem !important
}
[dir=rtl] .p-left--14-xl {
padding-right: .875rem !important
}
.m-x--16-xl {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.m-y--16-xl {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.m--16-xl {
margin: 1rem !important
}
.m-top--16-xl {
margin-top: 1rem !important
}
.m-bottom--16-xl {
margin-bottom: 1rem !important
}
html:not([dir=rtl]) .m-right--16-xl {
margin-right: 1rem !important
}
[dir=rtl] .m-right--16-xl {
margin-left: 1rem !important
}
html:not([dir=rtl]) .m-left--16-xl {
margin-left: 1rem !important
}
[dir=rtl] .m-left--16-xl {
margin-right: 1rem !important
}
.p-x--16-xl {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.p-y--16-xl {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.p--16-xl {
padding: 1rem !important
}
.p-top--16-xl {
padding-top: 1rem !important
}
.p-bottom--16-xl {
padding-bottom: 1rem !important
}
html:not([dir=rtl]) .p-right--16-xl {
padding-right: 1rem !important
}
[dir=rtl] .p-right--16-xl {
padding-left: 1rem !important
}
html:not([dir=rtl]) .p-left--16-xl {
padding-left: 1rem !important
}
[dir=rtl] .p-left--16-xl {
padding-right: 1rem !important
}
.m-x--20-xl {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important
}
.m-y--20-xl {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important
}
.m--20-xl {
margin: 1.25rem !important
}
.m-top--20-xl {
margin-top: 1.25rem !important
}
.m-bottom--20-xl {
margin-bottom: 1.25rem !important
}
html:not([dir=rtl]) .m-right--20-xl {
margin-right: 1.25rem !important
}
[dir=rtl] .m-right--20-xl {
margin-left: 1.25rem !important
}
html:not([dir=rtl]) .m-left--20-xl {
margin-left: 1.25rem !important
}
[dir=rtl] .m-left--20-xl {
margin-right: 1.25rem !important
}
.p-x--20-xl {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.p-y--20-xl {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.p--20-xl {
padding: 1.25rem !important
}
.p-top--20-xl {
padding-top: 1.25rem !important
}
.p-bottom--20-xl {
padding-bottom: 1.25rem !important
}
html:not([dir=rtl]) .p-right--20-xl {
padding-right: 1.25rem !important
}
[dir=rtl] .p-right--20-xl {
padding-left: 1.25rem !important
}
html:not([dir=rtl]) .p-left--20-xl {
padding-left: 1.25rem !important
}
[dir=rtl] .p-left--20-xl {
padding-right: 1.25rem !important
}
.m-x--24-xl {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.m-y--24-xl {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.m--24-xl {
margin: 1.5rem !important
}
.m-top--24-xl {
margin-top: 1.5rem !important
}
.m-bottom--24-xl {
margin-bottom: 1.5rem !important
}
html:not([dir=rtl]) .m-right--24-xl {
margin-right: 1.5rem !important
}
[dir=rtl] .m-right--24-xl {
margin-left: 1.5rem !important
}
html:not([dir=rtl]) .m-left--24-xl {
margin-left: 1.5rem !important
}
[dir=rtl] .m-left--24-xl {
margin-right: 1.5rem !important
}
.p-x--24-xl {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.p-y--24-xl {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.p--24-xl {
padding: 1.5rem !important
}
.p-top--24-xl {
padding-top: 1.5rem !important
}
.p-bottom--24-xl {
padding-bottom: 1.5rem !important
}
html:not([dir=rtl]) .p-right--24-xl {
padding-right: 1.5rem !important
}
[dir=rtl] .p-right--24-xl {
padding-left: 1.5rem !important
}
html:not([dir=rtl]) .p-left--24-xl {
padding-left: 1.5rem !important
}
[dir=rtl] .p-left--24-xl {
padding-right: 1.5rem !important
}
.m-x--28-xl {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important
}
.m-y--28-xl {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important
}
.m--28-xl {
margin: 1.75rem !important
}
.m-top--28-xl {
margin-top: 1.75rem !important
}
.m-bottom--28-xl {
margin-bottom: 1.75rem !important
}
html:not([dir=rtl]) .m-right--28-xl {
margin-right: 1.75rem !important
}
[dir=rtl] .m-right--28-xl {
margin-left: 1.75rem !important
}
html:not([dir=rtl]) .m-left--28-xl {
margin-left: 1.75rem !important
}
[dir=rtl] .m-left--28-xl {
margin-right: 1.75rem !important
}
.p-x--28-xl {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important
}
.p-y--28-xl {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important
}
.p--28-xl {
padding: 1.75rem !important
}
.p-top--28-xl {
padding-top: 1.75rem !important
}
.p-bottom--28-xl {
padding-bottom: 1.75rem !important
}
html:not([dir=rtl]) .p-right--28-xl {
padding-right: 1.75rem !important
}
[dir=rtl] .p-right--28-xl {
padding-left: 1.75rem !important
}
html:not([dir=rtl]) .p-left--28-xl {
padding-left: 1.75rem !important
}
[dir=rtl] .p-left--28-xl {
padding-right: 1.75rem !important
}
.m-x--32-xl {
margin-left: 2rem !important;
margin-right: 2rem !important
}
.m-y--32-xl {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.m--32-xl {
margin: 2rem !important
}
.m-top--32-xl {
margin-top: 2rem !important
}
.m-bottom--32-xl {
margin-bottom: 2rem !important
}
html:not([dir=rtl]) .m-right--32-xl {
margin-right: 2rem !important
}
[dir=rtl] .m-right--32-xl {
margin-left: 2rem !important
}
html:not([dir=rtl]) .m-left--32-xl {
margin-left: 2rem !important
}
[dir=rtl] .m-left--32-xl {
margin-right: 2rem !important
}
.p-x--32-xl {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.p-y--32-xl {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.p--32-xl {
padding: 2rem !important
}
.p-top--32-xl {
padding-top: 2rem !important
}
.p-bottom--32-xl {
padding-bottom: 2rem !important
}
html:not([dir=rtl]) .p-right--32-xl {
padding-right: 2rem !important
}
[dir=rtl] .p-right--32-xl {
padding-left: 2rem !important
}
html:not([dir=rtl]) .p-left--32-xl {
padding-left: 2rem !important
}
[dir=rtl] .p-left--32-xl {
padding-right: 2rem !important
}
.m-x--36-xl {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
.m-y--36-xl {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
.m--36-xl {
margin: 2.25rem !important
}
.m-top--36-xl {
margin-top: 2.25rem !important
}
.m-bottom--36-xl {
margin-bottom: 2.25rem !important
}
html:not([dir=rtl]) .m-right--36-xl {
margin-right: 2.25rem !important
}
[dir=rtl] .m-right--36-xl {
margin-left: 2.25rem !important
}
html:not([dir=rtl]) .m-left--36-xl {
margin-left: 2.25rem !important
}
[dir=rtl] .m-left--36-xl {
margin-right: 2.25rem !important
}
.p-x--36-xl {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
.p-y--36-xl {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
.p--36-xl {
padding: 2.25rem !important
}
.p-top--36-xl {
padding-top: 2.25rem !important
}
.p-bottom--36-xl {
padding-bottom: 2.25rem !important
}
html:not([dir=rtl]) .p-right--36-xl {
padding-right: 2.25rem !important
}
[dir=rtl] .p-right--36-xl {
padding-left: 2.25rem !important
}
html:not([dir=rtl]) .p-left--36-xl {
padding-left: 2.25rem !important
}
[dir=rtl] .p-left--36-xl {
padding-right: 2.25rem !important
}
.m-x--38-xl {
margin-left: 2.375rem !important;
margin-right: 2.375rem !important
}
.m-y--38-xl {
margin-top: 2.375rem !important;
margin-bottom: 2.375rem !important
}
.m--38-xl {
margin: 2.375rem !important
}
.m-top--38-xl {
margin-top: 2.375rem !important
}
.m-bottom--38-xl {
margin-bottom: 2.375rem !important
}
html:not([dir=rtl]) .m-right--38-xl {
margin-right: 2.375rem !important
}
[dir=rtl] .m-right--38-xl {
margin-left: 2.375rem !important
}
html:not([dir=rtl]) .m-left--38-xl {
margin-left: 2.375rem !important
}
[dir=rtl] .m-left--38-xl {
margin-right: 2.375rem !important
}
.p-x--38-xl {
padding-left: 2.375rem !important;
padding-right: 2.375rem !important
}
.p-y--38-xl {
padding-top: 2.375rem !important;
padding-bottom: 2.375rem !important
}
.p--38-xl {
padding: 2.375rem !important
}
.p-top--38-xl {
padding-top: 2.375rem !important
}
.p-bottom--38-xl {
padding-bottom: 2.375rem !important
}
html:not([dir=rtl]) .p-right--38-xl {
padding-right: 2.375rem !important
}
[dir=rtl] .p-right--38-xl {
padding-left: 2.375rem !important
}
html:not([dir=rtl]) .p-left--38-xl {
padding-left: 2.375rem !important
}
[dir=rtl] .p-left--38-xl {
padding-right: 2.375rem !important
}
.m-x--40-xl {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important
}
.m-y--40-xl {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important
}
.m--40-xl {
margin: 2.5rem !important
}
.m-top--40-xl {
margin-top: 2.5rem !important
}
.m-bottom--40-xl {
margin-bottom: 2.5rem !important
}
html:not([dir=rtl]) .m-right--40-xl {
margin-right: 2.5rem !important
}
[dir=rtl] .m-right--40-xl {
margin-left: 2.5rem !important
}
html:not([dir=rtl]) .m-left--40-xl {
margin-left: 2.5rem !important
}
[dir=rtl] .m-left--40-xl {
margin-right: 2.5rem !important
}
.p-x--40-xl {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
.p-y--40-xl {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.p--40-xl {
padding: 2.5rem !important
}
.p-top--40-xl {
padding-top: 2.5rem !important
}
.p-bottom--40-xl {
padding-bottom: 2.5rem !important
}
html:not([dir=rtl]) .p-right--40-xl {
padding-right: 2.5rem !important
}
[dir=rtl] .p-right--40-xl {
padding-left: 2.5rem !important
}
html:not([dir=rtl]) .p-left--40-xl {
padding-left: 2.5rem !important
}
[dir=rtl] .p-left--40-xl {
padding-right: 2.5rem !important
}
.m-x--44-xl {
margin-left: 2.75rem !important;
margin-right: 2.75rem !important
}
.m-y--44-xl {
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important
}
.m--44-xl {
margin: 2.75rem !important
}
.m-top--44-xl {
margin-top: 2.75rem !important
}
.m-bottom--44-xl {
margin-bottom: 2.75rem !important
}
html:not([dir=rtl]) .m-right--44-xl {
margin-right: 2.75rem !important
}
[dir=rtl] .m-right--44-xl {
margin-left: 2.75rem !important
}
html:not([dir=rtl]) .m-left--44-xl {
margin-left: 2.75rem !important
}
[dir=rtl] .m-left--44-xl {
margin-right: 2.75rem !important
}
.p-x--44-xl {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important
}
.p-y--44-xl {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important
}
.p--44-xl {
padding: 2.75rem !important
}
.p-top--44-xl {
padding-top: 2.75rem !important
}
.p-bottom--44-xl {
padding-bottom: 2.75rem !important
}
html:not([dir=rtl]) .p-right--44-xl {
padding-right: 2.75rem !important
}
[dir=rtl] .p-right--44-xl {
padding-left: 2.75rem !important
}
html:not([dir=rtl]) .p-left--44-xl {
padding-left: 2.75rem !important
}
[dir=rtl] .p-left--44-xl {
padding-right: 2.75rem !important
}
.m-x--48-xl {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.m-y--48-xl {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.m--48-xl {
margin: 3rem !important
}
.m-top--48-xl {
margin-top: 3rem !important
}
.m-bottom--48-xl {
margin-bottom: 3rem !important
}
html:not([dir=rtl]) .m-right--48-xl {
margin-right: 3rem !important
}
[dir=rtl] .m-right--48-xl {
margin-left: 3rem !important
}
html:not([dir=rtl]) .m-left--48-xl {
margin-left: 3rem !important
}
[dir=rtl] .m-left--48-xl {
margin-right: 3rem !important
}
.p-x--48-xl {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.p-y--48-xl {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.p--48-xl {
padding: 3rem !important
}
.p-top--48-xl {
padding-top: 3rem !important
}
.p-bottom--48-xl {
padding-bottom: 3rem !important
}
html:not([dir=rtl]) .p-right--48-xl {
padding-right: 3rem !important
}
[dir=rtl] .p-right--48-xl {
padding-left: 3rem !important
}
html:not([dir=rtl]) .p-left--48-xl {
padding-left: 3rem !important
}
[dir=rtl] .p-left--48-xl {
padding-right: 3rem !important
}
.m-x--52-xl {
margin-left: 3.25rem !important;
margin-right: 3.25rem !important
}
.m-y--52-xl {
margin-top: 3.25rem !important;
margin-bottom: 3.25rem !important
}
.m--52-xl {
margin: 3.25rem !important
}
.m-top--52-xl {
margin-top: 3.25rem !important
}
.m-bottom--52-xl {
margin-bottom: 3.25rem !important
}
html:not([dir=rtl]) .m-right--52-xl {
margin-right: 3.25rem !important
}
[dir=rtl] .m-right--52-xl {
margin-left: 3.25rem !important
}
html:not([dir=rtl]) .m-left--52-xl {
margin-left: 3.25rem !important
}
[dir=rtl] .m-left--52-xl {
margin-right: 3.25rem !important
}
.p-x--52-xl {
padding-left: 3.25rem !important;
padding-right: 3.25rem !important
}
.p-y--52-xl {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important
}
.p--52-xl {
padding: 3.25rem !important
}
.p-top--52-xl {
padding-top: 3.25rem !important
}
.p-bottom--52-xl {
padding-bottom: 3.25rem !important
}
html:not([dir=rtl]) .p-right--52-xl {
padding-right: 3.25rem !important
}
[dir=rtl] .p-right--52-xl {
padding-left: 3.25rem !important
}
html:not([dir=rtl]) .p-left--52-xl {
padding-left: 3.25rem !important
}
[dir=rtl] .p-left--52-xl {
padding-right: 3.25rem !important
}
.m-x--56-xl {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important
}
.m-y--56-xl {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important
}
.m--56-xl {
margin: 3.5rem !important
}
.m-top--56-xl {
margin-top: 3.5rem !important
}
.m-bottom--56-xl {
margin-bottom: 3.5rem !important
}
html:not([dir=rtl]) .m-right--56-xl {
margin-right: 3.5rem !important
}
[dir=rtl] .m-right--56-xl {
margin-left: 3.5rem !important
}
html:not([dir=rtl]) .m-left--56-xl {
margin-left: 3.5rem !important
}
[dir=rtl] .m-left--56-xl {
margin-right: 3.5rem !important
}
.p-x--56-xl {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important
}
.p-y--56-xl {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important
}
.p--56-xl {
padding: 3.5rem !important
}
.p-top--56-xl {
padding-top: 3.5rem !important
}
.p-bottom--56-xl {
padding-bottom: 3.5rem !important
}
html:not([dir=rtl]) .p-right--56-xl {
padding-right: 3.5rem !important
}
[dir=rtl] .p-right--56-xl {
padding-left: 3.5rem !important
}
html:not([dir=rtl]) .p-left--56-xl {
padding-left: 3.5rem !important
}
[dir=rtl] .p-left--56-xl {
padding-right: 3.5rem !important
}
.m-x--60-xl {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important
}
.m-y--60-xl {
margin-top: 3.75rem !important;
margin-bottom: 3.75rem !important
}
.m--60-xl {
margin: 3.75rem !important
}
.m-top--60-xl {
margin-top: 3.75rem !important
}
.m-bottom--60-xl {
margin-bottom: 3.75rem !important
}
html:not([dir=rtl]) .m-right--60-xl {
margin-right: 3.75rem !important
}
[dir=rtl] .m-right--60-xl {
margin-left: 3.75rem !important
}
html:not([dir=rtl]) .m-left--60-xl {
margin-left: 3.75rem !important
}
[dir=rtl] .m-left--60-xl {
margin-right: 3.75rem !important
}
.p-x--60-xl {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important
}
.p-y--60-xl {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important
}
.p--60-xl {
padding: 3.75rem !important
}
.p-top--60-xl {
padding-top: 3.75rem !important
}
.p-bottom--60-xl {
padding-bottom: 3.75rem !important
}
html:not([dir=rtl]) .p-right--60-xl {
padding-right: 3.75rem !important
}
[dir=rtl] .p-right--60-xl {
padding-left: 3.75rem !important
}
html:not([dir=rtl]) .p-left--60-xl {
padding-left: 3.75rem !important
}
[dir=rtl] .p-left--60-xl {
padding-right: 3.75rem !important
}
.m-x--64-xl {
margin-left: 4rem !important;
margin-right: 4rem !important
}
.m-y--64-xl {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.m--64-xl {
margin: 4rem !important
}
.m-top--64-xl {
margin-top: 4rem !important
}
.m-bottom--64-xl {
margin-bottom: 4rem !important
}
html:not([dir=rtl]) .m-right--64-xl {
margin-right: 4rem !important
}
[dir=rtl] .m-right--64-xl {
margin-left: 4rem !important
}
html:not([dir=rtl]) .m-left--64-xl {
margin-left: 4rem !important
}
[dir=rtl] .m-left--64-xl {
margin-right: 4rem !important
}
.p-x--64-xl {
padding-left: 4rem !important;
padding-right: 4rem !important
}
.p-y--64-xl {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.p--64-xl {
padding: 4rem !important
}
.p-top--64-xl {
padding-top: 4rem !important
}
.p-bottom--64-xl {
padding-bottom: 4rem !important
}
html:not([dir=rtl]) .p-right--64-xl {
padding-right: 4rem !important
}
[dir=rtl] .p-right--64-xl {
padding-left: 4rem !important
}
html:not([dir=rtl]) .p-left--64-xl {
padding-left: 4rem !important
}
[dir=rtl] .p-left--64-xl {
padding-right: 4rem !important
}
.m-x--72-xl {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
.m-y--72-xl {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
.m--72-xl {
margin: 4.5rem !important
}
.m-top--72-xl {
margin-top: 4.5rem !important
}
.m-bottom--72-xl {
margin-bottom: 4.5rem !important
}
html:not([dir=rtl]) .m-right--72-xl {
margin-right: 4.5rem !important
}
[dir=rtl] .m-right--72-xl {
margin-left: 4.5rem !important
}
html:not([dir=rtl]) .m-left--72-xl {
margin-left: 4.5rem !important
}
[dir=rtl] .m-left--72-xl {
margin-right: 4.5rem !important
}
.p-x--72-xl {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
.p-y--72-xl {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
.p--72-xl {
padding: 4.5rem !important
}
.p-top--72-xl {
padding-top: 4.5rem !important
}
.p-bottom--72-xl {
padding-bottom: 4.5rem !important
}
html:not([dir=rtl]) .p-right--72-xl {
padding-right: 4.5rem !important
}
[dir=rtl] .p-right--72-xl {
padding-left: 4.5rem !important
}
html:not([dir=rtl]) .p-left--72-xl {
padding-left: 4.5rem !important
}
[dir=rtl] .p-left--72-xl {
padding-right: 4.5rem !important
}
.m-x--80-xl {
margin-left: 5rem !important;
margin-right: 5rem !important
}
.m-y--80-xl {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.m--80-xl {
margin: 5rem !important
}
.m-top--80-xl {
margin-top: 5rem !important
}
.m-bottom--80-xl {
margin-bottom: 5rem !important
}
html:not([dir=rtl]) .m-right--80-xl {
margin-right: 5rem !important
}
[dir=rtl] .m-right--80-xl {
margin-left: 5rem !important
}
html:not([dir=rtl]) .m-left--80-xl {
margin-left: 5rem !important
}
[dir=rtl] .m-left--80-xl {
margin-right: 5rem !important
}
.p-x--80-xl {
padding-left: 5rem !important;
padding-right: 5rem !important
}
.p-y--80-xl {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.p--80-xl {
padding: 5rem !important
}
.p-top--80-xl {
padding-top: 5rem !important
}
.p-bottom--80-xl {
padding-bottom: 5rem !important
}
html:not([dir=rtl]) .p-right--80-xl {
padding-right: 5rem !important
}
[dir=rtl] .p-right--80-xl {
padding-left: 5rem !important
}
html:not([dir=rtl]) .p-left--80-xl {
padding-left: 5rem !important
}
[dir=rtl] .p-left--80-xl {
padding-right: 5rem !important
}
.m-x--88-xl {
margin-left: 5.5rem !important;
margin-right: 5.5rem !important
}
.m-y--88-xl {
margin-top: 5.5rem !important;
margin-bottom: 5.5rem !important
}
.m--88-xl {
margin: 5.5rem !important
}
.m-top--88-xl {
margin-top: 5.5rem !important
}
.m-bottom--88-xl {
margin-bottom: 5.5rem !important
}
html:not([dir=rtl]) .m-right--88-xl {
margin-right: 5.5rem !important
}
[dir=rtl] .m-right--88-xl {
margin-left: 5.5rem !important
}
html:not([dir=rtl]) .m-left--88-xl {
margin-left: 5.5rem !important
}
[dir=rtl] .m-left--88-xl {
margin-right: 5.5rem !important
}
.p-x--88-xl {
padding-left: 5.5rem !important;
padding-right: 5.5rem !important
}
.p-y--88-xl {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important
}
.p--88-xl {
padding: 5.5rem !important
}
.p-top--88-xl {
padding-top: 5.5rem !important
}
.p-bottom--88-xl {
padding-bottom: 5.5rem !important
}
html:not([dir=rtl]) .p-right--88-xl {
padding-right: 5.5rem !important
}
[dir=rtl] .p-right--88-xl {
padding-left: 5.5rem !important
}
html:not([dir=rtl]) .p-left--88-xl {
padding-left: 5.5rem !important
}
[dir=rtl] .p-left--88-xl {
padding-right: 5.5rem !important
}
.m-x--96-xl {
margin-left: 6rem !important;
margin-right: 6rem !important
}
.m-y--96-xl {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
.m--96-xl {
margin: 6rem !important
}
.m-top--96-xl {
margin-top: 6rem !important
}
.m-bottom--96-xl {
margin-bottom: 6rem !important
}
html:not([dir=rtl]) .m-right--96-xl {
margin-right: 6rem !important
}
[dir=rtl] .m-right--96-xl {
margin-left: 6rem !important
}
html:not([dir=rtl]) .m-left--96-xl {
margin-left: 6rem !important
}
[dir=rtl] .m-left--96-xl {
margin-right: 6rem !important
}
.p-x--96-xl {
padding-left: 6rem !important;
padding-right: 6rem !important
}
.p-y--96-xl {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
.p--96-xl {
padding: 6rem !important
}
.p-top--96-xl {
padding-top: 6rem !important
}
.p-bottom--96-xl {
padding-bottom: 6rem !important
}
html:not([dir=rtl]) .p-right--96-xl {
padding-right: 6rem !important
}
[dir=rtl] .p-right--96-xl {
padding-left: 6rem !important
}
html:not([dir=rtl]) .p-left--96-xl {
padding-left: 6rem !important
}
[dir=rtl] .p-left--96-xl {
padding-right: 6rem !important
}
.m-x--100-xl {
margin-left: 6.25rem !important;
margin-right: 6.25rem !important
}
.m-y--100-xl {
margin-top: 6.25rem !important;
margin-bottom: 6.25rem !important
}
.m--100-xl {
margin: 6.25rem !important
}
.m-top--100-xl {
margin-top: 6.25rem !important
}
.m-bottom--100-xl {
margin-bottom: 6.25rem !important
}
html:not([dir=rtl]) .m-right--100-xl {
margin-right: 6.25rem !important
}
[dir=rtl] .m-right--100-xl {
margin-left: 6.25rem !important
}
html:not([dir=rtl]) .m-left--100-xl {
margin-left: 6.25rem !important
}
[dir=rtl] .m-left--100-xl {
margin-right: 6.25rem !important
}
.p-x--100-xl {
padding-left: 6.25rem !important;
padding-right: 6.25rem !important
}
.p-y--100-xl {
padding-top: 6.25rem !important;
padding-bottom: 6.25rem !important
}
.p--100-xl {
padding: 6.25rem !important
}
.p-top--100-xl {
padding-top: 6.25rem !important
}
.p-bottom--100-xl {
padding-bottom: 6.25rem !important
}
html:not([dir=rtl]) .p-right--100-xl {
padding-right: 6.25rem !important
}
[dir=rtl] .p-right--100-xl {
padding-left: 6.25rem !important
}
html:not([dir=rtl]) .p-left--100-xl {
padding-left: 6.25rem !important
}
[dir=rtl] .p-left--100-xl {
padding-right: 6.25rem !important
}
.m-x--104-xl {
margin-left: 6.5rem !important;
margin-right: 6.5rem !important
}
.m-y--104-xl {
margin-top: 6.5rem !important;
margin-bottom: 6.5rem !important
}
.m--104-xl {
margin: 6.5rem !important
}
.m-top--104-xl {
margin-top: 6.5rem !important
}
.m-bottom--104-xl {
margin-bottom: 6.5rem !important
}
html:not([dir=rtl]) .m-right--104-xl {
margin-right: 6.5rem !important
}
[dir=rtl] .m-right--104-xl {
margin-left: 6.5rem !important
}
html:not([dir=rtl]) .m-left--104-xl {
margin-left: 6.5rem !important
}
[dir=rtl] .m-left--104-xl {
margin-right: 6.5rem !important
}
.p-x--104-xl {
padding-left: 6.5rem !important;
padding-right: 6.5rem !important
}
.p-y--104-xl {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important
}
.p--104-xl {
padding: 6.5rem !important
}
.p-top--104-xl {
padding-top: 6.5rem !important
}
.p-bottom--104-xl {
padding-bottom: 6.5rem !important
}
html:not([dir=rtl]) .p-right--104-xl {
padding-right: 6.5rem !important
}
[dir=rtl] .p-right--104-xl {
padding-left: 6.5rem !important
}
html:not([dir=rtl]) .p-left--104-xl {
padding-left: 6.5rem !important
}
[dir=rtl] .p-left--104-xl {
padding-right: 6.5rem !important
}
}
@media all and (min-width: 2000px) {
.m-x--auto-xxl {
margin-left: auto !important;
margin-right: auto !important
}
.m-y--auto-xxl {
margin-top: auto !important;
margin-bottom: auto !important
}
.m--auto-xxl {
margin: auto !important
}
.m-top--auto-xxl {
margin-top: auto !important
}
.m-bottom--auto-xxl {
margin-bottom: auto !important
}
html:not([dir=rtl]) .m-right--auto-xxl {
margin-right: auto !important
}
[dir=rtl] .m-right--auto-xxl {
margin-left: auto !important
}
html:not([dir=rtl]) .m-left--auto-xxl {
margin-left: auto !important
}
[dir=rtl] .m-left--auto-xxl {
margin-right: auto !important
}
.p-x--auto-xxl {
padding-left: auto !important;
padding-right: auto !important
}
.p-y--auto-xxl {
padding-top: auto !important;
padding-bottom: auto !important
}
.p--auto-xxl {
padding: auto !important
}
.p-top--auto-xxl {
padding-top: auto !important
}
.p-bottom--auto-xxl {
padding-bottom: auto !important
}
html:not([dir=rtl]) .p-right--auto-xxl {
padding-right: auto !important
}
[dir=rtl] .p-right--auto-xxl {
padding-left: auto !important
}
html:not([dir=rtl]) .p-left--auto-xxl {
padding-left: auto !important
}
[dir=rtl] .p-left--auto-xxl {
padding-right: auto !important
}
.m-x--0-xxl {
margin-left: 0 !important;
margin-right: 0 !important
}
.m-y--0-xxl {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.m--0-xxl {
margin: 0 !important
}
.m-top--0-xxl {
margin-top: 0 !important
}
.m-bottom--0-xxl {
margin-bottom: 0 !important
}
html:not([dir=rtl]) .m-right--0-xxl {
margin-right: 0 !important
}
[dir=rtl] .m-right--0-xxl {
margin-left: 0 !important
}
html:not([dir=rtl]) .m-left--0-xxl {
margin-left: 0 !important
}
[dir=rtl] .m-left--0-xxl {
margin-right: 0 !important
}
.p-x--0-xxl {
padding-left: 0 !important;
padding-right: 0 !important
}
.p-y--0-xxl {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.p--0-xxl {
padding: 0 !important
}
.p-top--0-xxl {
padding-top: 0 !important
}
.p-bottom--0-xxl {
padding-bottom: 0 !important
}
html:not([dir=rtl]) .p-right--0-xxl {
padding-right: 0 !important
}
[dir=rtl] .p-right--0-xxl {
padding-left: 0 !important
}
html:not([dir=rtl]) .p-left--0-xxl {
padding-left: 0 !important
}
[dir=rtl] .p-left--0-xxl {
padding-right: 0 !important
}
.m-x--02-xxl {
margin-left: .125rem !important;
margin-right: .125rem !important
}
.m-y--02-xxl {
margin-top: .125rem !important;
margin-bottom: .125rem !important
}
.m--02-xxl {
margin: .125rem !important
}
.m-top--02-xxl {
margin-top: .125rem !important
}
.m-bottom--02-xxl {
margin-bottom: .125rem !important
}
html:not([dir=rtl]) .m-right--02-xxl {
margin-right: .125rem !important
}
[dir=rtl] .m-right--02-xxl {
margin-left: .125rem !important
}
html:not([dir=rtl]) .m-left--02-xxl {
margin-left: .125rem !important
}
[dir=rtl] .m-left--02-xxl {
margin-right: .125rem !important
}
.p-x--02-xxl {
padding-left: .125rem !important;
padding-right: .125rem !important
}
.p-y--02-xxl {
padding-top: .125rem !important;
padding-bottom: .125rem !important
}
.p--02-xxl {
padding: .125rem !important
}
.p-top--02-xxl {
padding-top: .125rem !important
}
.p-bottom--02-xxl {
padding-bottom: .125rem !important
}
html:not([dir=rtl]) .p-right--02-xxl {
padding-right: .125rem !important
}
[dir=rtl] .p-right--02-xxl {
padding-left: .125rem !important
}
html:not([dir=rtl]) .p-left--02-xxl {
padding-left: .125rem !important
}
[dir=rtl] .p-left--02-xxl {
padding-right: .125rem !important
}
.m-x--04-xxl {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.m-y--04-xxl {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.m--04-xxl {
margin: .25rem !important
}
.m-top--04-xxl {
margin-top: .25rem !important
}
.m-bottom--04-xxl {
margin-bottom: .25rem !important
}
html:not([dir=rtl]) .m-right--04-xxl {
margin-right: .25rem !important
}
[dir=rtl] .m-right--04-xxl {
margin-left: .25rem !important
}
html:not([dir=rtl]) .m-left--04-xxl {
margin-left: .25rem !important
}
[dir=rtl] .m-left--04-xxl {
margin-right: .25rem !important
}
.p-x--04-xxl {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.p-y--04-xxl {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.p--04-xxl {
padding: .25rem !important
}
.p-top--04-xxl {
padding-top: .25rem !important
}
.p-bottom--04-xxl {
padding-bottom: .25rem !important
}
html:not([dir=rtl]) .p-right--04-xxl {
padding-right: .25rem !important
}
[dir=rtl] .p-right--04-xxl {
padding-left: .25rem !important
}
html:not([dir=rtl]) .p-left--04-xxl {
padding-left: .25rem !important
}
[dir=rtl] .p-left--04-xxl {
padding-right: .25rem !important
}
.m-x--06-xxl {
margin-left: .375rem !important;
margin-right: .375rem !important
}
.m-y--06-xxl {
margin-top: .375rem !important;
margin-bottom: .375rem !important
}
.m--06-xxl {
margin: .375rem !important
}
.m-top--06-xxl {
margin-top: .375rem !important
}
.m-bottom--06-xxl {
margin-bottom: .375rem !important
}
html:not([dir=rtl]) .m-right--06-xxl {
margin-right: .375rem !important
}
[dir=rtl] .m-right--06-xxl {
margin-left: .375rem !important
}
html:not([dir=rtl]) .m-left--06-xxl {
margin-left: .375rem !important
}
[dir=rtl] .m-left--06-xxl {
margin-right: .375rem !important
}
.p-x--06-xxl {
padding-left: .375rem !important;
padding-right: .375rem !important
}
.p-y--06-xxl {
padding-top: .375rem !important;
padding-bottom: .375rem !important
}
.p--06-xxl {
padding: .375rem !important
}
.p-top--06-xxl {
padding-top: .375rem !important
}
.p-bottom--06-xxl {
padding-bottom: .375rem !important
}
html:not([dir=rtl]) .p-right--06-xxl {
padding-right: .375rem !important
}
[dir=rtl] .p-right--06-xxl {
padding-left: .375rem !important
}
html:not([dir=rtl]) .p-left--06-xxl {
padding-left: .375rem !important
}
[dir=rtl] .p-left--06-xxl {
padding-right: .375rem !important
}
.m-x--08-xxl {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.m-y--08-xxl {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.m--08-xxl {
margin: .5rem !important
}
.m-top--08-xxl {
margin-top: .5rem !important
}
.m-bottom--08-xxl {
margin-bottom: .5rem !important
}
html:not([dir=rtl]) .m-right--08-xxl {
margin-right: .5rem !important
}
[dir=rtl] .m-right--08-xxl {
margin-left: .5rem !important
}
html:not([dir=rtl]) .m-left--08-xxl {
margin-left: .5rem !important
}
[dir=rtl] .m-left--08-xxl {
margin-right: .5rem !important
}
.p-x--08-xxl {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.p-y--08-xxl {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.p--08-xxl {
padding: .5rem !important
}
.p-top--08-xxl {
padding-top: .5rem !important
}
.p-bottom--08-xxl {
padding-bottom: .5rem !important
}
html:not([dir=rtl]) .p-right--08-xxl {
padding-right: .5rem !important
}
[dir=rtl] .p-right--08-xxl {
padding-left: .5rem !important
}
html:not([dir=rtl]) .p-left--08-xxl {
padding-left: .5rem !important
}
[dir=rtl] .p-left--08-xxl {
padding-right: .5rem !important
}
.m-x--10-xxl {
margin-left: .625rem !important;
margin-right: .625rem !important
}
.m-y--10-xxl {
margin-top: .625rem !important;
margin-bottom: .625rem !important
}
.m--10-xxl {
margin: .625rem !important
}
.m-top--10-xxl {
margin-top: .625rem !important
}
.m-bottom--10-xxl {
margin-bottom: .625rem !important
}
html:not([dir=rtl]) .m-right--10-xxl {
margin-right: .625rem !important
}
[dir=rtl] .m-right--10-xxl {
margin-left: .625rem !important
}
html:not([dir=rtl]) .m-left--10-xxl {
margin-left: .625rem !important
}
[dir=rtl] .m-left--10-xxl {
margin-right: .625rem !important
}
.p-x--10-xxl {
padding-left: .625rem !important;
padding-right: .625rem !important
}
.p-y--10-xxl {
padding-top: .625rem !important;
padding-bottom: .625rem !important
}
.p--10-xxl {
padding: .625rem !important
}
.p-top--10-xxl {
padding-top: .625rem !important
}
.p-bottom--10-xxl {
padding-bottom: .625rem !important
}
html:not([dir=rtl]) .p-right--10-xxl {
padding-right: .625rem !important
}
[dir=rtl] .p-right--10-xxl {
padding-left: .625rem !important
}
html:not([dir=rtl]) .p-left--10-xxl {
padding-left: .625rem !important
}
[dir=rtl] .p-left--10-xxl {
padding-right: .625rem !important
}
.m-x--12-xxl {
margin-left: .75rem !important;
margin-right: .75rem !important
}
.m-y--12-xxl {
margin-top: .75rem !important;
margin-bottom: .75rem !important
}
.m--12-xxl {
margin: .75rem !important
}
.m-top--12-xxl {
margin-top: .75rem !important
}
.m-bottom--12-xxl {
margin-bottom: .75rem !important
}
html:not([dir=rtl]) .m-right--12-xxl {
margin-right: .75rem !important
}
[dir=rtl] .m-right--12-xxl {
margin-left: .75rem !important
}
html:not([dir=rtl]) .m-left--12-xxl {
margin-left: .75rem !important
}
[dir=rtl] .m-left--12-xxl {
margin-right: .75rem !important
}
.p-x--12-xxl {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.p-y--12-xxl {
padding-top: .75rem !important;
padding-bottom: .75rem !important
}
.p--12-xxl {
padding: .75rem !important
}
.p-top--12-xxl {
padding-top: .75rem !important
}
.p-bottom--12-xxl {
padding-bottom: .75rem !important
}
html:not([dir=rtl]) .p-right--12-xxl {
padding-right: .75rem !important
}
[dir=rtl] .p-right--12-xxl {
padding-left: .75rem !important
}
html:not([dir=rtl]) .p-left--12-xxl {
padding-left: .75rem !important
}
[dir=rtl] .p-left--12-xxl {
padding-right: .75rem !important
}
.m-x--14-xxl {
margin-left: .875rem !important;
margin-right: .875rem !important
}
.m-y--14-xxl {
margin-top: .875rem !important;
margin-bottom: .875rem !important
}
.m--14-xxl {
margin: .875rem !important
}
.m-top--14-xxl {
margin-top: .875rem !important
}
.m-bottom--14-xxl {
margin-bottom: .875rem !important
}
html:not([dir=rtl]) .m-right--14-xxl {
margin-right: .875rem !important
}
[dir=rtl] .m-right--14-xxl {
margin-left: .875rem !important
}
html:not([dir=rtl]) .m-left--14-xxl {
margin-left: .875rem !important
}
[dir=rtl] .m-left--14-xxl {
margin-right: .875rem !important
}
.p-x--14-xxl {
padding-left: .875rem !important;
padding-right: .875rem !important
}
.p-y--14-xxl {
padding-top: .875rem !important;
padding-bottom: .875rem !important
}
.p--14-xxl {
padding: .875rem !important
}
.p-top--14-xxl {
padding-top: .875rem !important
}
.p-bottom--14-xxl {
padding-bottom: .875rem !important
}
html:not([dir=rtl]) .p-right--14-xxl {
padding-right: .875rem !important
}
[dir=rtl] .p-right--14-xxl {
padding-left: .875rem !important
}
html:not([dir=rtl]) .p-left--14-xxl {
padding-left: .875rem !important
}
[dir=rtl] .p-left--14-xxl {
padding-right: .875rem !important
}
.m-x--16-xxl {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.m-y--16-xxl {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.m--16-xxl {
margin: 1rem !important
}
.m-top--16-xxl {
margin-top: 1rem !important
}
.m-bottom--16-xxl {
margin-bottom: 1rem !important
}
html:not([dir=rtl]) .m-right--16-xxl {
margin-right: 1rem !important
}
[dir=rtl] .m-right--16-xxl {
margin-left: 1rem !important
}
html:not([dir=rtl]) .m-left--16-xxl {
margin-left: 1rem !important
}
[dir=rtl] .m-left--16-xxl {
margin-right: 1rem !important
}
.p-x--16-xxl {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.p-y--16-xxl {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.p--16-xxl {
padding: 1rem !important
}
.p-top--16-xxl {
padding-top: 1rem !important
}
.p-bottom--16-xxl {
padding-bottom: 1rem !important
}
html:not([dir=rtl]) .p-right--16-xxl {
padding-right: 1rem !important
}
[dir=rtl] .p-right--16-xxl {
padding-left: 1rem !important
}
html:not([dir=rtl]) .p-left--16-xxl {
padding-left: 1rem !important
}
[dir=rtl] .p-left--16-xxl {
padding-right: 1rem !important
}
.m-x--20-xxl {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important
}
.m-y--20-xxl {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important
}
.m--20-xxl {
margin: 1.25rem !important
}
.m-top--20-xxl {
margin-top: 1.25rem !important
}
.m-bottom--20-xxl {
margin-bottom: 1.25rem !important
}
html:not([dir=rtl]) .m-right--20-xxl {
margin-right: 1.25rem !important
}
[dir=rtl] .m-right--20-xxl {
margin-left: 1.25rem !important
}
html:not([dir=rtl]) .m-left--20-xxl {
margin-left: 1.25rem !important
}
[dir=rtl] .m-left--20-xxl {
margin-right: 1.25rem !important
}
.p-x--20-xxl {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.p-y--20-xxl {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.p--20-xxl {
padding: 1.25rem !important
}
.p-top--20-xxl {
padding-top: 1.25rem !important
}
.p-bottom--20-xxl {
padding-bottom: 1.25rem !important
}
html:not([dir=rtl]) .p-right--20-xxl {
padding-right: 1.25rem !important
}
[dir=rtl] .p-right--20-xxl {
padding-left: 1.25rem !important
}
html:not([dir=rtl]) .p-left--20-xxl {
padding-left: 1.25rem !important
}
[dir=rtl] .p-left--20-xxl {
padding-right: 1.25rem !important
}
.m-x--24-xxl {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.m-y--24-xxl {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.m--24-xxl {
margin: 1.5rem !important
}
.m-top--24-xxl {
margin-top: 1.5rem !important
}
.m-bottom--24-xxl {
margin-bottom: 1.5rem !important
}
html:not([dir=rtl]) .m-right--24-xxl {
margin-right: 1.5rem !important
}
[dir=rtl] .m-right--24-xxl {
margin-left: 1.5rem !important
}
html:not([dir=rtl]) .m-left--24-xxl {
margin-left: 1.5rem !important
}
[dir=rtl] .m-left--24-xxl {
margin-right: 1.5rem !important
}
.p-x--24-xxl {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.p-y--24-xxl {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.p--24-xxl {
padding: 1.5rem !important
}
.p-top--24-xxl {
padding-top: 1.5rem !important
}
.p-bottom--24-xxl {
padding-bottom: 1.5rem !important
}
html:not([dir=rtl]) .p-right--24-xxl {
padding-right: 1.5rem !important
}
[dir=rtl] .p-right--24-xxl {
padding-left: 1.5rem !important
}
html:not([dir=rtl]) .p-left--24-xxl {
padding-left: 1.5rem !important
}
[dir=rtl] .p-left--24-xxl {
padding-right: 1.5rem !important
}
.m-x--28-xxl {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important
}
.m-y--28-xxl {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important
}
.m--28-xxl {
margin: 1.75rem !important
}
.m-top--28-xxl {
margin-top: 1.75rem !important
}
.m-bottom--28-xxl {
margin-bottom: 1.75rem !important
}
html:not([dir=rtl]) .m-right--28-xxl {
margin-right: 1.75rem !important
}
[dir=rtl] .m-right--28-xxl {
margin-left: 1.75rem !important
}
html:not([dir=rtl]) .m-left--28-xxl {
margin-left: 1.75rem !important
}
[dir=rtl] .m-left--28-xxl {
margin-right: 1.75rem !important
}
.p-x--28-xxl {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important
}
.p-y--28-xxl {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important
}
.p--28-xxl {
padding: 1.75rem !important
}
.p-top--28-xxl {
padding-top: 1.75rem !important
}
.p-bottom--28-xxl {
padding-bottom: 1.75rem !important
}
html:not([dir=rtl]) .p-right--28-xxl {
padding-right: 1.75rem !important
}
[dir=rtl] .p-right--28-xxl {
padding-left: 1.75rem !important
}
html:not([dir=rtl]) .p-left--28-xxl {
padding-left: 1.75rem !important
}
[dir=rtl] .p-left--28-xxl {
padding-right: 1.75rem !important
}
.m-x--32-xxl {
margin-left: 2rem !important;
margin-right: 2rem !important
}
.m-y--32-xxl {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.m--32-xxl {
margin: 2rem !important
}
.m-top--32-xxl {
margin-top: 2rem !important
}
.m-bottom--32-xxl {
margin-bottom: 2rem !important
}
html:not([dir=rtl]) .m-right--32-xxl {
margin-right: 2rem !important
}
[dir=rtl] .m-right--32-xxl {
margin-left: 2rem !important
}
html:not([dir=rtl]) .m-left--32-xxl {
margin-left: 2rem !important
}
[dir=rtl] .m-left--32-xxl {
margin-right: 2rem !important
}
.p-x--32-xxl {
padding-left: 2rem !important;
padding-right: 2rem !important
}
.p-y--32-xxl {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.p--32-xxl {
padding: 2rem !important
}
.p-top--32-xxl {
padding-top: 2rem !important
}
.p-bottom--32-xxl {
padding-bottom: 2rem !important
}
html:not([dir=rtl]) .p-right--32-xxl {
padding-right: 2rem !important
}
[dir=rtl] .p-right--32-xxl {
padding-left: 2rem !important
}
html:not([dir=rtl]) .p-left--32-xxl {
padding-left: 2rem !important
}
[dir=rtl] .p-left--32-xxl {
padding-right: 2rem !important
}
.m-x--36-xxl {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
.m-y--36-xxl {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
.m--36-xxl {
margin: 2.25rem !important
}
.m-top--36-xxl {
margin-top: 2.25rem !important
}
.m-bottom--36-xxl {
margin-bottom: 2.25rem !important
}
html:not([dir=rtl]) .m-right--36-xxl {
margin-right: 2.25rem !important
}
[dir=rtl] .m-right--36-xxl {
margin-left: 2.25rem !important
}
html:not([dir=rtl]) .m-left--36-xxl {
margin-left: 2.25rem !important
}
[dir=rtl] .m-left--36-xxl {
margin-right: 2.25rem !important
}
.p-x--36-xxl {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
.p-y--36-xxl {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
.p--36-xxl {
padding: 2.25rem !important
}
.p-top--36-xxl {
padding-top: 2.25rem !important
}
.p-bottom--36-xxl {
padding-bottom: 2.25rem !important
}
html:not([dir=rtl]) .p-right--36-xxl {
padding-right: 2.25rem !important
}
[dir=rtl] .p-right--36-xxl {
padding-left: 2.25rem !important
}
html:not([dir=rtl]) .p-left--36-xxl {
padding-left: 2.25rem !important
}
[dir=rtl] .p-left--36-xxl {
padding-right: 2.25rem !important
}
.m-x--38-xxl {
margin-left: 2.375rem !important;
margin-right: 2.375rem !important
}
.m-y--38-xxl {
margin-top: 2.375rem !important;
margin-bottom: 2.375rem !important
}
.m--38-xxl {
margin: 2.375rem !important
}
.m-top--38-xxl {
margin-top: 2.375rem !important
}
.m-bottom--38-xxl {
margin-bottom: 2.375rem !important
}
html:not([dir=rtl]) .m-right--38-xxl {
margin-right: 2.375rem !important
}
[dir=rtl] .m-right--38-xxl {
margin-left: 2.375rem !important
}
html:not([dir=rtl]) .m-left--38-xxl {
margin-left: 2.375rem !important
}
[dir=rtl] .m-left--38-xxl {
margin-right: 2.375rem !important
}
.p-x--38-xxl {
padding-left: 2.375rem !important;
padding-right: 2.375rem !important
}
.p-y--38-xxl {
padding-top: 2.375rem !important;
padding-bottom: 2.375rem !important
}
.p--38-xxl {
padding: 2.375rem !important
}
.p-top--38-xxl {
padding-top: 2.375rem !important
}
.p-bottom--38-xxl {
padding-bottom: 2.375rem !important
}
html:not([dir=rtl]) .p-right--38-xxl {
padding-right: 2.375rem !important
}
[dir=rtl] .p-right--38-xxl {
padding-left: 2.375rem !important
}
html:not([dir=rtl]) .p-left--38-xxl {
padding-left: 2.375rem !important
}
[dir=rtl] .p-left--38-xxl {
padding-right: 2.375rem !important
}
.m-x--40-xxl {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important
}
.m-y--40-xxl {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important
}
.m--40-xxl {
margin: 2.5rem !important
}
.m-top--40-xxl {
margin-top: 2.5rem !important
}
.m-bottom--40-xxl {
margin-bottom: 2.5rem !important
}
html:not([dir=rtl]) .m-right--40-xxl {
margin-right: 2.5rem !important
}
[dir=rtl] .m-right--40-xxl {
margin-left: 2.5rem !important
}
html:not([dir=rtl]) .m-left--40-xxl {
margin-left: 2.5rem !important
}
[dir=rtl] .m-left--40-xxl {
margin-right: 2.5rem !important
}
.p-x--40-xxl {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
.p-y--40-xxl {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.p--40-xxl {
padding: 2.5rem !important
}
.p-top--40-xxl {
padding-top: 2.5rem !important
}
.p-bottom--40-xxl {
padding-bottom: 2.5rem !important
}
html:not([dir=rtl]) .p-right--40-xxl {
padding-right: 2.5rem !important
}
[dir=rtl] .p-right--40-xxl {
padding-left: 2.5rem !important
}
html:not([dir=rtl]) .p-left--40-xxl {
padding-left: 2.5rem !important
}
[dir=rtl] .p-left--40-xxl {
padding-right: 2.5rem !important
}
.m-x--44-xxl {
margin-left: 2.75rem !important;
margin-right: 2.75rem !important
}
.m-y--44-xxl {
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important
}
.m--44-xxl {
margin: 2.75rem !important
}
.m-top--44-xxl {
margin-top: 2.75rem !important
}
.m-bottom--44-xxl {
margin-bottom: 2.75rem !important
}
html:not([dir=rtl]) .m-right--44-xxl {
margin-right: 2.75rem !important
}
[dir=rtl] .m-right--44-xxl {
margin-left: 2.75rem !important
}
html:not([dir=rtl]) .m-left--44-xxl {
margin-left: 2.75rem !important
}
[dir=rtl] .m-left--44-xxl {
margin-right: 2.75rem !important
}
.p-x--44-xxl {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important
}
.p-y--44-xxl {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important
}
.p--44-xxl {
padding: 2.75rem !important
}
.p-top--44-xxl {
padding-top: 2.75rem !important
}
.p-bottom--44-xxl {
padding-bottom: 2.75rem !important
}
html:not([dir=rtl]) .p-right--44-xxl {
padding-right: 2.75rem !important
}
[dir=rtl] .p-right--44-xxl {
padding-left: 2.75rem !important
}
html:not([dir=rtl]) .p-left--44-xxl {
padding-left: 2.75rem !important
}
[dir=rtl] .p-left--44-xxl {
padding-right: 2.75rem !important
}
.m-x--48-xxl {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.m-y--48-xxl {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.m--48-xxl {
margin: 3rem !important
}
.m-top--48-xxl {
margin-top: 3rem !important
}
.m-bottom--48-xxl {
margin-bottom: 3rem !important
}
html:not([dir=rtl]) .m-right--48-xxl {
margin-right: 3rem !important
}
[dir=rtl] .m-right--48-xxl {
margin-left: 3rem !important
}
html:not([dir=rtl]) .m-left--48-xxl {
margin-left: 3rem !important
}
[dir=rtl] .m-left--48-xxl {
margin-right: 3rem !important
}
.p-x--48-xxl {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.p-y--48-xxl {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.p--48-xxl {
padding: 3rem !important
}
.p-top--48-xxl {
padding-top: 3rem !important
}
.p-bottom--48-xxl {
padding-bottom: 3rem !important
}
html:not([dir=rtl]) .p-right--48-xxl {
padding-right: 3rem !important
}
[dir=rtl] .p-right--48-xxl {
padding-left: 3rem !important
}
html:not([dir=rtl]) .p-left--48-xxl {
padding-left: 3rem !important
}
[dir=rtl] .p-left--48-xxl {
padding-right: 3rem !important
}
.m-x--52-xxl {
margin-left: 3.25rem !important;
margin-right: 3.25rem !important
}
.m-y--52-xxl {
margin-top: 3.25rem !important;
margin-bottom: 3.25rem !important
}
.m--52-xxl {
margin: 3.25rem !important
}
.m-top--52-xxl {
margin-top: 3.25rem !important
}
.m-bottom--52-xxl {
margin-bottom: 3.25rem !important
}
html:not([dir=rtl]) .m-right--52-xxl {
margin-right: 3.25rem !important
}
[dir=rtl] .m-right--52-xxl {
margin-left: 3.25rem !important
}
html:not([dir=rtl]) .m-left--52-xxl {
margin-left: 3.25rem !important
}
[dir=rtl] .m-left--52-xxl {
margin-right: 3.25rem !important
}
.p-x--52-xxl {
padding-left: 3.25rem !important;
padding-right: 3.25rem !important
}
.p-y--52-xxl {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important
}
.p--52-xxl {
padding: 3.25rem !important
}
.p-top--52-xxl {
padding-top: 3.25rem !important
}
.p-bottom--52-xxl {
padding-bottom: 3.25rem !important
}
html:not([dir=rtl]) .p-right--52-xxl {
padding-right: 3.25rem !important
}
[dir=rtl] .p-right--52-xxl {
padding-left: 3.25rem !important
}
html:not([dir=rtl]) .p-left--52-xxl {
padding-left: 3.25rem !important
}
[dir=rtl] .p-left--52-xxl {
padding-right: 3.25rem !important
}
.m-x--56-xxl {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important
}
.m-y--56-xxl {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important
}
.m--56-xxl {
margin: 3.5rem !important
}
.m-top--56-xxl {
margin-top: 3.5rem !important
}
.m-bottom--56-xxl {
margin-bottom: 3.5rem !important
}
html:not([dir=rtl]) .m-right--56-xxl {
margin-right: 3.5rem !important
}
[dir=rtl] .m-right--56-xxl {
margin-left: 3.5rem !important
}
html:not([dir=rtl]) .m-left--56-xxl {
margin-left: 3.5rem !important
}
[dir=rtl] .m-left--56-xxl {
margin-right: 3.5rem !important
}
.p-x--56-xxl {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important
}
.p-y--56-xxl {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important
}
.p--56-xxl {
padding: 3.5rem !important
}
.p-top--56-xxl {
padding-top: 3.5rem !important
}
.p-bottom--56-xxl {
padding-bottom: 3.5rem !important
}
html:not([dir=rtl]) .p-right--56-xxl {
padding-right: 3.5rem !important
}
[dir=rtl] .p-right--56-xxl {
padding-left: 3.5rem !important
}
html:not([dir=rtl]) .p-left--56-xxl {
padding-left: 3.5rem !important
}
[dir=rtl] .p-left--56-xxl {
padding-right: 3.5rem !important
}
.m-x--60-xxl {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important
}
.m-y--60-xxl {
margin-top: 3.75rem !important;
margin-bottom: 3.75rem !important
}
.m--60-xxl {
margin: 3.75rem !important
}
.m-top--60-xxl {
margin-top: 3.75rem !important
}
.m-bottom--60-xxl {
margin-bottom: 3.75rem !important
}
html:not([dir=rtl]) .m-right--60-xxl {
margin-right: 3.75rem !important
}
[dir=rtl] .m-right--60-xxl {
margin-left: 3.75rem !important
}
html:not([dir=rtl]) .m-left--60-xxl {
margin-left: 3.75rem !important
}
[dir=rtl] .m-left--60-xxl {
margin-right: 3.75rem !important
}
.p-x--60-xxl {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important
}
.p-y--60-xxl {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important
}
.p--60-xxl {
padding: 3.75rem !important
}
.p-top--60-xxl {
padding-top: 3.75rem !important
}
.p-bottom--60-xxl {
padding-bottom: 3.75rem !important
}
html:not([dir=rtl]) .p-right--60-xxl {
padding-right: 3.75rem !important
}
[dir=rtl] .p-right--60-xxl {
padding-left: 3.75rem !important
}
html:not([dir=rtl]) .p-left--60-xxl {
padding-left: 3.75rem !important
}
[dir=rtl] .p-left--60-xxl {
padding-right: 3.75rem !important
}
.m-x--64-xxl {
margin-left: 4rem !important;
margin-right: 4rem !important
}
.m-y--64-xxl {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.m--64-xxl {
margin: 4rem !important
}
.m-top--64-xxl {
margin-top: 4rem !important
}
.m-bottom--64-xxl {
margin-bottom: 4rem !important
}
html:not([dir=rtl]) .m-right--64-xxl {
margin-right: 4rem !important
}
[dir=rtl] .m-right--64-xxl {
margin-left: 4rem !important
}
html:not([dir=rtl]) .m-left--64-xxl {
margin-left: 4rem !important
}
[dir=rtl] .m-left--64-xxl {
margin-right: 4rem !important
}
.p-x--64-xxl {
padding-left: 4rem !important;
padding-right: 4rem !important
}
.p-y--64-xxl {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.p--64-xxl {
padding: 4rem !important
}
.p-top--64-xxl {
padding-top: 4rem !important
}
.p-bottom--64-xxl {
padding-bottom: 4rem !important
}
html:not([dir=rtl]) .p-right--64-xxl {
padding-right: 4rem !important
}
[dir=rtl] .p-right--64-xxl {
padding-left: 4rem !important
}
html:not([dir=rtl]) .p-left--64-xxl {
padding-left: 4rem !important
}
[dir=rtl] .p-left--64-xxl {
padding-right: 4rem !important
}
.m-x--72-xxl {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
.m-y--72-xxl {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
.m--72-xxl {
margin: 4.5rem !important
}
.m-top--72-xxl {
margin-top: 4.5rem !important
}
.m-bottom--72-xxl {
margin-bottom: 4.5rem !important
}
html:not([dir=rtl]) .m-right--72-xxl {
margin-right: 4.5rem !important
}
[dir=rtl] .m-right--72-xxl {
margin-left: 4.5rem !important
}
html:not([dir=rtl]) .m-left--72-xxl {
margin-left: 4.5rem !important
}
[dir=rtl] .m-left--72-xxl {
margin-right: 4.5rem !important
}
.p-x--72-xxl {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
.p-y--72-xxl {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
.p--72-xxl {
padding: 4.5rem !important
}
.p-top--72-xxl {
padding-top: 4.5rem !important
}
.p-bottom--72-xxl {
padding-bottom: 4.5rem !important
}
html:not([dir=rtl]) .p-right--72-xxl {
padding-right: 4.5rem !important
}
[dir=rtl] .p-right--72-xxl {
padding-left: 4.5rem !important
}
html:not([dir=rtl]) .p-left--72-xxl {
padding-left: 4.5rem !important
}
[dir=rtl] .p-left--72-xxl {
padding-right: 4.5rem !important
}
.m-x--80-xxl {
margin-left: 5rem !important;
margin-right: 5rem !important
}
.m-y--80-xxl {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.m--80-xxl {
margin: 5rem !important
}
.m-top--80-xxl {
margin-top: 5rem !important
}
.m-bottom--80-xxl {
margin-bottom: 5rem !important
}
html:not([dir=rtl]) .m-right--80-xxl {
margin-right: 5rem !important
}
[dir=rtl] .m-right--80-xxl {
margin-left: 5rem !important
}
html:not([dir=rtl]) .m-left--80-xxl {
margin-left: 5rem !important
}
[dir=rtl] .m-left--80-xxl {
margin-right: 5rem !important
}
.p-x--80-xxl {
padding-left: 5rem !important;
padding-right: 5rem !important
}
.p-y--80-xxl {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.p--80-xxl {
padding: 5rem !important
}
.p-top--80-xxl {
padding-top: 5rem !important
}
.p-bottom--80-xxl {
padding-bottom: 5rem !important
}
html:not([dir=rtl]) .p-right--80-xxl {
padding-right: 5rem !important
}
[dir=rtl] .p-right--80-xxl {
padding-left: 5rem !important
}
html:not([dir=rtl]) .p-left--80-xxl {
padding-left: 5rem !important
}
[dir=rtl] .p-left--80-xxl {
padding-right: 5rem !important
}
.m-x--88-xxl {
margin-left: 5.5rem !important;
margin-right: 5.5rem !important
}
.m-y--88-xxl {
margin-top: 5.5rem !important;
margin-bottom: 5.5rem !important
}
.m--88-xxl {
margin: 5.5rem !important
}
.m-top--88-xxl {
margin-top: 5.5rem !important
}
.m-bottom--88-xxl {
margin-bottom: 5.5rem !important
}
html:not([dir=rtl]) .m-right--88-xxl {
margin-right: 5.5rem !important
}
[dir=rtl] .m-right--88-xxl {
margin-left: 5.5rem !important
}
html:not([dir=rtl]) .m-left--88-xxl {
margin-left: 5.5rem !important
}
[dir=rtl] .m-left--88-xxl {
margin-right: 5.5rem !important
}
.p-x--88-xxl {
padding-left: 5.5rem !important;
padding-right: 5.5rem !important
}
.p-y--88-xxl {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important
}
.p--88-xxl {
padding: 5.5rem !important
}
.p-top--88-xxl {
padding-top: 5.5rem !important
}
.p-bottom--88-xxl {
padding-bottom: 5.5rem !important
}
html:not([dir=rtl]) .p-right--88-xxl {
padding-right: 5.5rem !important
}
[dir=rtl] .p-right--88-xxl {
padding-left: 5.5rem !important
}
html:not([dir=rtl]) .p-left--88-xxl {
padding-left: 5.5rem !important
}
[dir=rtl] .p-left--88-xxl {
padding-right: 5.5rem !important
}
.m-x--96-xxl {
margin-left: 6rem !important;
margin-right: 6rem !important
}
.m-y--96-xxl {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
.m--96-xxl {
margin: 6rem !important
}
.m-top--96-xxl {
margin-top: 6rem !important
}
.m-bottom--96-xxl {
margin-bottom: 6rem !important
}
html:not([dir=rtl]) .m-right--96-xxl {
margin-right: 6rem !important
}
[dir=rtl] .m-right--96-xxl {
margin-left: 6rem !important
}
html:not([dir=rtl]) .m-left--96-xxl {
margin-left: 6rem !important
}
[dir=rtl] .m-left--96-xxl {
margin-right: 6rem !important
}
.p-x--96-xxl {
padding-left: 6rem !important;
padding-right: 6rem !important
}
.p-y--96-xxl {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
.p--96-xxl {
padding: 6rem !important
}
.p-top--96-xxl {
padding-top: 6rem !important
}
.p-bottom--96-xxl {
padding-bottom: 6rem !important
}
html:not([dir=rtl]) .p-right--96-xxl {
padding-right: 6rem !important
}
[dir=rtl] .p-right--96-xxl {
padding-left: 6rem !important
}
html:not([dir=rtl]) .p-left--96-xxl {
padding-left: 6rem !important
}
[dir=rtl] .p-left--96-xxl {
padding-right: 6rem !important
}
.m-x--100-xxl {
margin-left: 6.25rem !important;
margin-right: 6.25rem !important
}
.m-y--100-xxl {
margin-top: 6.25rem !important;
margin-bottom: 6.25rem !important
}
.m--100-xxl {
margin: 6.25rem !important
}
.m-top--100-xxl {
margin-top: 6.25rem !important
}
.m-bottom--100-xxl {
margin-bottom: 6.25rem !important
}
html:not([dir=rtl]) .m-right--100-xxl {
margin-right: 6.25rem !important
}
[dir=rtl] .m-right--100-xxl {
margin-left: 6.25rem !important
}
html:not([dir=rtl]) .m-left--100-xxl {
margin-left: 6.25rem !important
}
[dir=rtl] .m-left--100-xxl {
margin-right: 6.25rem !important
}
.p-x--100-xxl {
padding-left: 6.25rem !important;
padding-right: 6.25rem !important
}
.p-y--100-xxl {
padding-top: 6.25rem !important;
padding-bottom: 6.25rem !important
}
.p--100-xxl {
padding: 6.25rem !important
}
.p-top--100-xxl {
padding-top: 6.25rem !important
}
.p-bottom--100-xxl {
padding-bottom: 6.25rem !important
}
html:not([dir=rtl]) .p-right--100-xxl {
padding-right: 6.25rem !important
}
[dir=rtl] .p-right--100-xxl {
padding-left: 6.25rem !important
}
html:not([dir=rtl]) .p-left--100-xxl {
padding-left: 6.25rem !important
}
[dir=rtl] .p-left--100-xxl {
padding-right: 6.25rem !important
}
.m-x--104-xxl {
margin-left: 6.5rem !important;
margin-right: 6.5rem !important
}
.m-y--104-xxl {
margin-top: 6.5rem !important;
margin-bottom: 6.5rem !important
}
.m--104-xxl {
margin: 6.5rem !important
}
.m-top--104-xxl {
margin-top: 6.5rem !important
}
.m-bottom--104-xxl {
margin-bottom: 6.5rem !important
}
html:not([dir=rtl]) .m-right--104-xxl {
margin-right: 6.5rem !important
}
[dir=rtl] .m-right--104-xxl {
margin-left: 6.5rem !important
}
html:not([dir=rtl]) .m-left--104-xxl {
margin-left: 6.5rem !important
}
[dir=rtl] .m-left--104-xxl {
margin-right: 6.5rem !important
}
.p-x--104-xxl {
padding-left: 6.5rem !important;
padding-right: 6.5rem !important
}
.p-y--104-xxl {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important
}
.p--104-xxl {
padding: 6.5rem !important
}
.p-top--104-xxl {
padding-top: 6.5rem !important
}
.p-bottom--104-xxl {
padding-bottom: 6.5rem !important
}
html:not([dir=rtl]) .p-right--104-xxl {
padding-right: 6.5rem !important
}
[dir=rtl] .p-right--104-xxl {
padding-left: 6.5rem !important
}
html:not([dir=rtl]) .p-left--104-xxl {
padding-left: 6.5rem !important
}
[dir=rtl] .p-left--104-xxl {
padding-right: 6.5rem !important
}
}
html:not([dir=rtl]) * {
--font-size-10: 0.625rem;
--font-size-12: 0.75rem;
--font-size-14: 0.875rem;
--font-size-16: 1rem;
--font-size-18: 1.125rem;
--font-size-20: 1.25rem;
--font-size-22: 1.375rem;
--font-size-24: 1.5rem;
--font-size-26: 1.625rem;
--font-size-28: 1.75rem;
--font-size-32: 2rem;
--font-size-36: 2.25rem;
--font-size-40: 2.5rem;
--font-size-44: 2.75rem;
--font-size-52: 3.25rem
}
[dir=rtl] * {
--font-size-10: calc(0.625rem + 0.125rem);
--font-size-12: calc(0.75rem + 0.125rem);
--font-size-14: calc(0.875rem + 0.125rem);
--font-size-16: calc(1rem + 0.125rem);
--font-size-18: calc(1.125rem + 0.125rem);
--font-size-20: calc(1.25rem + 0.125rem);
--font-size-22: calc(1.375rem + 0.125rem);
--font-size-24: calc(1.5rem + 0.125rem);
--font-size-26: calc(1.625rem + 0.125rem);
--font-size-28: calc(1.75rem + 0.125rem);
--font-size-32: calc(2rem + 0.125rem);
--font-size-36: calc(2.25rem + 0.125rem);
--font-size-40: calc(2.5rem + 0.125rem);
--font-size-44: calc(2.75rem + 0.125rem);
--font-size-52: calc(3.25rem + 0.125rem)
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: normal;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoKufiArabic-Regular.ttf");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoKufiArabic-Light.ttf");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: bold;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoKufiArabic-Bold.ttf");
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: normal;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoSans-Regular.ttf");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/NotoSans-Light.ttf");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Ooredoo";
font-style: normal;
font-weight: bold;
font-display: swap;
src: url("https://www.ooredoo.qa/web/wp-content/themes/ooredoo-cms/static-assets/fonts/Rubik-Bold.ttf");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
.hide {
display: none !important
}
@media only screen and (max-width: 600px) {
.hide--sm,
.info-callout__scrollable__content__icon {
display: none !important
}
}
@media only screen and (min-width: 601px)and (max-width: 991px) {
.hide--md,
.info-callout__scrollable__content__icon {
display: none !important
}
}
@media only screen and (min-width: 992px)and (max-width: 1200px) {
.hide--lg {
display: none !important
}
}
@media only screen and (min-width: 1201px) {
.hide--xl {
display: none !important
}
}
.hide--visually {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.image,
.card-credit__texture {
width: 100%;
height: 100%
}
.image--cover {
height: 100vh;
display: flex
}
.image--cover img {
object-fit: cover;
width: 100%;
height: 100%
}
.image__object-fit--contain {
object-fit: contain
}
.image__object-fit--cover,
.card-credit__texture {
object-fit: cover
}
@media all and (min-width: 600px) {
.image__object-fit--contain-sm {
object-fit: contain
}
.image__object-fit--cover-sm {
object-fit: cover
}
}
@media all and (min-width: 991px) {
.image__object-fit--contain-md {
object-fit: contain
}
.image__object-fit--cover-md {
object-fit: cover
}
}
@media all and (min-width: 991px) {
.image__object-fit--contain-mdl {
object-fit: contain
}
.image__object-fit--cover-mdl {
object-fit: cover
}
}
@media all and (min-width: 1200px) {
.image__object-fit--contain-lg {
object-fit: contain
}
.image__object-fit--cover-lg {
object-fit: cover
}
}
@media all and (min-width: 1600px) {
.image__object-fit--contain-xl {
object-fit: contain
}
.image__object-fit--cover-xl {
object-fit: cover
}
}
@media all and (min-width: 2000px) {
.image__object-fit--contain-xxl {
object-fit: contain
}
.image__object-fit--cover-xxl {
object-fit: cover
}
}
.image__object-position--left {
object-position: left
}
.image__object-position--right {
object-position: right
}
.image__object-position--center,
.card-credit__texture {
object-position: center
}
.image__object-position--top {
object-position: top
}
.image__object-position--bottom {
object-position: bottom
}
@media all and (min-width: 600px) {
.image__object-position--left-sm {
object-position: left
}
.image__object-position--right-sm {
object-position: right
}
.image__object-position--center-sm {
object-position: center
}
.image__object-position--top-sm {
object-position: top
}
.image__object-position--bottom-sm {
object-position: bottom
}
}
@media all and (min-width: 991px) {
.image__object-position--left-md {
object-position: left
}
.image__object-position--right-md {
object-position: right
}
.image__object-position--center-md {
object-position: center
}
.image__object-position--top-md {
object-position: top
}
.image__object-position--bottom-md {
object-position: bottom
}
}
@media all and (min-width: 991px) {
.image__object-position--left-mdl {
object-position: left
}
.image__object-position--right-mdl {
object-position: right
}
.image__object-position--center-mdl {
object-position: center
}
.image__object-position--top-mdl {
object-position: top
}
.image__object-position--bottom-mdl {
object-position: bottom
}
}
@media all and (min-width: 1200px) {
.image__object-position--left-lg {
object-position: left
}
.image__object-position--right-lg {
object-position: right
}
.image__object-position--center-lg {
object-position: center
}
.image__object-position--top-lg {
object-position: top
}
.image__object-position--bottom-lg {
object-position: bottom
}
}
@media all and (min-width: 1600px) {
.image__object-position--left-xl {
object-position: left
}
.image__object-position--right-xl {
object-position: right
}
.image__object-position--center-xl {
object-position: center
}
.image__object-position--top-xl {
object-position: top
}
.image__object-position--bottom-xl {
object-position: bottom
}
}
@media all and (min-width: 2000px) {
.image__object-position--left-xxl {
object-position: left
}
.image__object-position--right-xxl {
object-position: right
}
.image__object-position--center-xxl {
object-position: center
}
.image__object-position--top-xxl {
object-position: top
}
.image__object-position--bottom-xxl {
object-position: bottom
}
}
.letter-spacing--none {
letter-spacing: none
}
.letter-spacing--005 {
letter-spacing: 0.031rem
}
.letter-spacing--01,
.card-payments__warning__text {
letter-spacing: 0.063rem
}
.letter-spacing--04,
.card-credit__content__card-number {
letter-spacing: 0.25rem
}
@media all and (min-width: 600px) {
.letter-spacing--none-sm {
letter-spacing: none
}
.letter-spacing--005-sm {
letter-spacing: 0.031rem
}
.letter-spacing--01-sm {
letter-spacing: 0.063rem
}
.letter-spacing--04-sm {
letter-spacing: 0.25rem
}
}
@media all and (min-width: 991px) {
.letter-spacing--none-md {
letter-spacing: none
}
.letter-spacing--005-md {
letter-spacing: 0.031rem
}
.letter-spacing--01-md {
letter-spacing: 0.063rem
}
.letter-spacing--04-md {
letter-spacing: 0.25rem
}
}
@media all and (min-width: 991px) {
.letter-spacing--none-mdl {
letter-spacing: none
}
.letter-spacing--005-mdl {
letter-spacing: 0.031rem
}
.letter-spacing--01-mdl {
letter-spacing: 0.063rem
}
.letter-spacing--04-mdl {
letter-spacing: 0.25rem
}
}
@media all and (min-width: 1200px) {
.letter-spacing--none-lg {
letter-spacing: none
}
.letter-spacing--005-lg {
letter-spacing: 0.031rem
}
.letter-spacing--01-lg {
letter-spacing: 0.063rem
}
.letter-spacing--04-lg {
letter-spacing: 0.25rem
}
}
@media all and (min-width: 1600px) {
.letter-spacing--none-xl {
letter-spacing: none
}
.letter-spacing--005-xl {
letter-spacing: 0.031rem
}
.letter-spacing--01-xl {
letter-spacing: 0.063rem
}
.letter-spacing--04-xl {
letter-spacing: 0.25rem
}
}
@media all and (min-width: 2000px) {
.letter-spacing--none-xxl {
letter-spacing: none
}
.letter-spacing--005-xxl {
letter-spacing: 0.031rem
}
.letter-spacing--01-xxl {
letter-spacing: 0.063rem
}
.letter-spacing--04-xxl {
letter-spacing: 0.25rem
}
}
.line-height--normal {
line-height: normal
}
.line-height--inherit {
line-height: inherit
}
.line-height--14 {
line-height: 14px
}
.line-height--16,
.card-selectable__container__middle__description,
.card-payments__content__middle__description,
.button-icon__label {
line-height: 16px
}
.line-height--20,
.card-selectable__container__middle__title,
.card-plans__travel-insurance-qic__content__title,
.card-plans__travel-insurance-qic__content__link-container__description,
.card-payments__content__middle__title {
line-height: 20px
}
.line-height--22 {
line-height: 22px
}
.line-height--24,
.info-callout__scrollable__content__sub-title {
line-height: 24px
}
.line-height--28 {
line-height: 28px
}
.line-height--32 {
line-height: 32px
}
.line-height--36,
.info-callout__scrollable__content__title {
line-height: 36px
}
.line-height--40 {
line-height: 40px
}
.line-height--42 {
line-height: 42px
}
.line-height--44 {
line-height: 44px
}
.line-height--48 {
line-height: 48px
}
.line-height--50 {
line-height: 50px
}
.line-height--56 {
line-height: 56px
}
@media all and (min-width: 600px) {
.line-height--normal-sm {
line-height: normal
}
.line-height--inherit-sm {
line-height: inherit
}
.line-height--14-sm {
line-height: 14px
}
.line-height--16-sm {
line-height: 16px
}
.line-height--20-sm {
line-height: 20px
}
.line-height--22-sm {
line-height: 22px
}
.line-height--24-sm {
line-height: 24px
}
.line-height--28-sm {
line-height: 28px
}
.line-height--32-sm {
line-height: 32px
}
.line-height--36-sm {
line-height: 36px
}
.line-height--40-sm {
line-height: 40px
}
.line-height--42-sm {
line-height: 42px
}
.line-height--44-sm {
line-height: 44px
}
.line-height--48-sm {
line-height: 48px
}
.line-height--50-sm {
line-height: 50px
}
.line-height--56-sm {
line-height: 56px
}
}
@media all and (min-width: 991px) {
.line-height--normal-md {
line-height: normal
}
.line-height--inherit-md {
line-height: inherit
}
.line-height--14-md {
line-height: 14px
}
.line-height--16-md {
line-height: 16px
}
.line-height--20-md,
.card-selectable__container__middle__description,
.card-payments__content__middle__description {
line-height: 20px
}
.line-height--22-md,
.card-selectable__container__middle__title,
.card-payments__content__middle__title {
line-height: 22px
}
.line-height--24-md {
line-height: 24px
}
.line-height--28-md {
line-height: 28px
}
.line-height--32-md {
line-height: 32px
}
.line-height--36-md {
line-height: 36px
}
.line-height--40-md {
line-height: 40px
}
.line-height--42-md {
line-height: 42px
}
.line-height--44-md {
line-height: 44px
}
.line-height--48-md {
line-height: 48px
}
.line-height--50-md {
line-height: 50px
}
.line-height--56-md {
line-height: 56px
}
}
@media all and (min-width: 991px) {
.line-height--normal-mdl {
line-height: normal
}
.line-height--inherit-mdl {
line-height: inherit
}
.line-height--14-mdl {
line-height: 14px
}
.line-height--16-mdl {
line-height: 16px
}
.line-height--20-mdl {
line-height: 20px
}
.line-height--22-mdl {
line-height: 22px
}
.line-height--24-mdl {
line-height: 24px
}
.line-height--28-mdl {
line-height: 28px
}
.line-height--32-mdl {
line-height: 32px
}
.line-height--36-mdl {
line-height: 36px
}
.line-height--40-mdl {
line-height: 40px
}
.line-height--42-mdl {
line-height: 42px
}
.line-height--44-mdl {
line-height: 44px
}
.line-height--48-mdl {
line-height: 48px
}
.line-height--50-mdl {
line-height: 50px
}
.line-height--56-mdl {
line-height: 56px
}
}
@media all and (min-width: 1200px) {
.line-height--normal-lg {
line-height: normal
}
.line-height--inherit-lg {
line-height: inherit
}
.line-height--14-lg {
line-height: 14px
}
.line-height--16-lg {
line-height: 16px
}
.line-height--20-lg {
line-height: 20px
}
.line-height--22-lg {
line-height: 22px
}
.line-height--24-lg {
line-height: 24px
}
.line-height--28-lg {
line-height: 28px
}
.line-height--32-lg {
line-height: 32px
}
.line-height--36-lg {
line-height: 36px
}
.line-height--40-lg {
line-height: 40px
}
.line-height--42-lg {
line-height: 42px
}
.line-height--44-lg {
line-height: 44px
}
.line-height--48-lg {
line-height: 48px
}
.line-height--50-lg {
line-height: 50px
}
.line-height--56-lg {
line-height: 56px
}
}
@media all and (min-width: 1600px) {
.line-height--normal-xl {
line-height: normal
}
.line-height--inherit-xl {
line-height: inherit
}
.line-height--14-xl {
line-height: 14px
}
.line-height--16-xl {
line-height: 16px
}
.line-height--20-xl {
line-height: 20px
}
.line-height--22-xl {
line-height: 22px
}
.line-height--24-xl {
line-height: 24px
}
.line-height--28-xl {
line-height: 28px
}
.line-height--32-xl {
line-height: 32px
}
.line-height--36-xl {
line-height: 36px
}
.line-height--40-xl {
line-height: 40px
}
.line-height--42-xl {
line-height: 42px
}
.line-height--44-xl {
line-height: 44px
}
.line-height--48-xl {
line-height: 48px
}
.line-height--50-xl {
line-height: 50px
}
.line-height--56-xl {
line-height: 56px
}
}
@media all and (min-width: 2000px) {
.line-height--normal-xxl {
line-height: normal
}
.line-height--inherit-xxl {
line-height: inherit
}
.line-height--14-xxl {
line-height: 14px
}
.line-height--16-xxl {
line-height: 16px
}
.line-height--20-xxl {
line-height: 20px
}
.line-height--22-xxl {
line-height: 22px
}
.line-height--24-xxl {
line-height: 24px
}
.line-height--28-xxl {
line-height: 28px
}
.line-height--32-xxl {
line-height: 32px
}
.line-height--36-xxl {
line-height: 36px
}
.line-height--40-xxl {
line-height: 40px
}
.line-height--42-xxl {
line-height: 42px
}
.line-height--44-xxl {
line-height: 44px
}
.line-height--48-xxl {
line-height: 48px
}
.line-height--50-xxl {
line-height: 50px
}
.line-height--56-xxl {
line-height: 56px
}
}
.overflow--hidden,
.info-callout,
.rating__expandable-section,
.card-payments-expandable__content {
overflow: hidden
}
.overflow--visible {
overflow: visible
}
.overflow--scroll {
overflow: scroll
}
.overflow--auto {
overflow: auto
}
.overflow--clip {
overflow: clip
}
.overflow--inherit {
overflow: inherit
}
.overflow--initial {
overflow: initial
}
.overflow--initial {
overflow: auto
}
@media all and (min-width: 600px) {
.overflow--hidden-sm {
overflow: hidden
}
.overflow--visible-sm {
overflow: visible
}
.overflow--scroll -sm {
overflow: scroll
}
.overflow--auto -sm {
overflow: auto
}
.overflow--clip -sm {
overflow: clip
}
.overflow--inherit-sm {
overflow: inherit
}
.overflow--initial-sm {
overflow: initial
}
.overflow--initial-sm {
overflow: auto
}
}
@media all and (min-width: 991px) {
.overflow--hidden-md {
overflow: hidden
}
.overflow--visible-md {
overflow: visible
}
.overflow--scroll -md {
overflow: scroll
}
.overflow--auto -md {
overflow: auto
}
.overflow--clip -md {
overflow: clip
}
.overflow--inherit-md {
overflow: inherit
}
.overflow--initial-md {
overflow: initial
}
.overflow--initial-md {
overflow: auto
}
}
@media all and (min-width: 991px) {
.overflow--hidden-mdl {
overflow: hidden
}
.overflow--visible-mdl {
overflow: visible
}
.overflow--scroll -mdl {
overflow: scroll
}
.overflow--auto -mdl {
overflow: auto
}
.overflow--clip -mdl {
overflow: clip
}
.overflow--inherit-mdl {
overflow: inherit
}
.overflow--initial-mdl {
overflow: initial
}
.overflow--initial-mdl {
overflow: auto
}
}
@media all and (min-width: 1200px) {
.overflow--hidden-lg {
overflow: hidden
}
.overflow--visible-lg {
overflow: visible
}
.overflow--scroll -lg {
overflow: scroll
}
.overflow--auto -lg {
overflow: auto
}
.overflow--clip -lg {
overflow: clip
}
.overflow--inherit-lg {
overflow: inherit
}
.overflow--initial-lg {
overflow: initial
}
.overflow--initial-lg {
overflow: auto
}
}
@media all and (min-width: 1600px) {
.overflow--hidden-xl {
overflow: hidden
}
.overflow--visible-xl {
overflow: visible
}
.overflow--scroll -xl {
overflow: scroll
}
.overflow--auto -xl {
overflow: auto
}
.overflow--clip -xl {
overflow: clip
}
.overflow--inherit-xl {
overflow: inherit
}
.overflow--initial-xl {
overflow: initial
}
.overflow--initial-xl {
overflow: auto
}
}
@media all and (min-width: 2000px) {
.overflow--hidden-xxl {
overflow: hidden
}
.overflow--visible-xxl {
overflow: visible
}
.overflow--scroll -xxl {
overflow: scroll
}
.overflow--auto -xxl {
overflow: auto
}
.overflow--clip -xxl {
overflow: clip
}
.overflow--inherit-xxl {
overflow: inherit
}
.overflow--initial-xxl {
overflow: initial
}
.overflow--initial-xxl {
overflow: auto
}
}
.overflow-x--hidden {
overflow-x: hidden
}
.overflow-x--visible {
overflow-x: visible
}
.overflow-x--scroll {
overflow-x: scroll
}
.overflow-x--auto {
overflow-x: auto
}
.overflow-x--clip {
overflow-x: clip
}
.overflow-x--inherit {
overflow-x: inherit
}
.overflow-x--initial {
overflow-x: initial
}
.overflow-x--initial {
overflow-x: auto
}
@media all and (min-width: 600px) {
.overflow-x--hidden-sm {
overflow-x: hidden
}
.overflow-x--visible-sm {
overflow-x: visible
}
.overflow-x--scroll -sm {
overflow-x: scroll
}
.overflow-x--auto -sm {
overflow-x: auto
}
.overflow-x--clip -sm {
overflow-x: clip
}
.overflow-x--inherit-sm {
overflow-x: inherit
}
.overflow-x--initial-sm {
overflow-x: initial
}
.overflow-x--initial-sm {
overflow-x: auto
}
}
@media all and (min-width: 991px) {
.overflow-x--hidden-md {
overflow-x: hidden
}
.overflow-x--visible-md {
overflow-x: visible
}
.overflow-x--scroll -md {
overflow-x: scroll
}
.overflow-x--auto -md {
overflow-x: auto
}
.overflow-x--clip -md {
overflow-x: clip
}
.overflow-x--inherit-md {
overflow-x: inherit
}
.overflow-x--initial-md {
overflow-x: initial
}
.overflow-x--initial-md {
overflow-x: auto
}
}
@media all and (min-width: 991px) {
.overflow-x--hidden-mdl {
overflow-x: hidden
}
.overflow-x--visible-mdl {
overflow-x: visible
}
.overflow-x--scroll -mdl {
overflow-x: scroll
}
.overflow-x--auto -mdl {
overflow-x: auto
}
.overflow-x--clip -mdl {
overflow-x: clip
}
.overflow-x--inherit-mdl {
overflow-x: inherit
}
.overflow-x--initial-mdl {
overflow-x: initial
}
.overflow-x--initial-mdl {
overflow-x: auto
}
}
@media all and (min-width: 1200px) {
.overflow-x--hidden-lg {
overflow-x: hidden
}
.overflow-x--visible-lg {
overflow-x: visible
}
.overflow-x--scroll -lg {
overflow-x: scroll
}
.overflow-x--auto -lg {
overflow-x: auto
}
.overflow-x--clip -lg {
overflow-x: clip
}
.overflow-x--inherit-lg {
overflow-x: inherit
}
.overflow-x--initial-lg {
overflow-x: initial
}
.overflow-x--initial-lg {
overflow-x: auto
}
}
@media all and (min-width: 1600px) {
.overflow-x--hidden-xl {
overflow-x: hidden
}
.overflow-x--visible-xl {
overflow-x: visible
}
.overflow-x--scroll -xl {
overflow-x: scroll
}
.overflow-x--auto -xl {
overflow-x: auto
}
.overflow-x--clip -xl {
overflow-x: clip
}
.overflow-x--inherit-xl {
overflow-x: inherit
}
.overflow-x--initial-xl {
overflow-x: initial
}
.overflow-x--initial-xl {
overflow-x: auto
}
}
@media all and (min-width: 2000px) {
.overflow-x--hidden-xxl {
overflow-x: hidden
}
.overflow-x--visible-xxl {
overflow-x: visible
}
.overflow-x--scroll -xxl {
overflow-x: scroll
}
.overflow-x--auto -xxl {
overflow-x: auto
}
.overflow-x--clip -xxl {
overflow-x: clip
}
.overflow-x--inherit-xxl {
overflow-x: inherit
}
.overflow-x--initial-xxl {
overflow-x: initial
}
.overflow-x--initial-xxl {
overflow-x: auto
}
}
.overflow-y--hidden {
overflow-y: hidden
}
.overflow-y--visible {
overflow-y: visible
}
.overflow-y--scroll {
overflow-y: scroll
}
.overflow-y--auto,
.info-callout__scrollable {
overflow-y: auto
}
.overflow-y--clip {
overflow-y: clip
}
.overflow-y--inherit {
overflow-y: inherit
}
.overflow-y--initial {
overflow-y: initial
}
.overflow-y--initial {
overflow-y: auto
}
@media all and (min-width: 600px) {
.overflow-y--hidden-sm {
overflow-y: hidden
}
.overflow-y--visible-sm {
overflow-y: visible
}
.overflow-y--scroll -sm {
overflow-y: scroll
}
.overflow-y--auto -sm,
.info-callout__scrollable -sm {
overflow-y: auto
}
.overflow-y--clip -sm {
overflow-y: clip
}
.overflow-y--inherit-sm {
overflow-y: inherit
}
.overflow-y--initial-sm {
overflow-y: initial
}
.overflow-y--initial-sm {
overflow-y: auto
}
}
@media all and (min-width: 991px) {
.overflow-y--hidden-md {
overflow-y: hidden
}
.overflow-y--visible-md {
overflow-y: visible
}
.overflow-y--scroll -md {
overflow-y: scroll
}
.overflow-y--auto -md,
.info-callout__scrollable -md {
overflow-y: auto
}
.overflow-y--clip -md {
overflow-y: clip
}
.overflow-y--inherit-md {
overflow-y: inherit
}
.overflow-y--initial-md {
overflow-y: initial
}
.overflow-y--initial-md {
overflow-y: auto
}
}
@media all and (min-width: 991px) {
.overflow-y--hidden-mdl {
overflow-y: hidden
}
.overflow-y--visible-mdl {
overflow-y: visible
}
.overflow-y--scroll -mdl {
overflow-y: scroll
}
.overflow-y--auto -mdl,
.info-callout__scrollable -mdl {
overflow-y: auto
}
.overflow-y--clip -mdl {
overflow-y: clip
}
.overflow-y--inherit-mdl {
overflow-y: inherit
}
.overflow-y--initial-mdl {
overflow-y: initial
}
.overflow-y--initial-mdl {
overflow-y: auto
}
}
@media all and (min-width: 1200px) {
.overflow-y--hidden-lg {
overflow-y: hidden
}
.overflow-y--visible-lg {
overflow-y: visible
}
.overflow-y--scroll -lg {
overflow-y: scroll
}
.overflow-y--auto -lg,
.info-callout__scrollable -lg {
overflow-y: auto
}
.overflow-y--clip -lg {
overflow-y: clip
}
.overflow-y--inherit-lg {
overflow-y: inherit
}
.overflow-y--initial-lg {
overflow-y: initial
}
.overflow-y--initial-lg {
overflow-y: auto
}
}
@media all and (min-width: 1600px) {
.overflow-y--hidden-xl {
overflow-y: hidden
}
.overflow-y--visible-xl {
overflow-y: visible
}
.overflow-y--scroll -xl {
overflow-y: scroll
}
.overflow-y--auto -xl,
.info-callout__scrollable -xl {
overflow-y: auto
}
.overflow-y--clip -xl {
overflow-y: clip
}
.overflow-y--inherit-xl {
overflow-y: inherit
}
.overflow-y--initial-xl {
overflow-y: initial
}
.overflow-y--initial-xl {
overflow-y: auto
}
}
@media all and (min-width: 2000px) {
.overflow-y--hidden-xxl {
overflow-y: hidden
}
.overflow-y--visible-xxl {
overflow-y: visible
}
.overflow-y--scroll -xxl {
overflow-y: scroll
}
.overflow-y--auto -xxl,
.info-callout__scrollable -xxl {
overflow-y: auto
}
.overflow-y--clip -xxl {
overflow-y: clip
}
.overflow-y--inherit-xxl {
overflow-y: inherit
}
.overflow-y--initial-xxl {
overflow-y: initial
}
.overflow-y--initial-xxl {
overflow-y: auto
}
}
.overflow-wrap--anywhere {
overflow-wrap: anywhere
}
.overflow-wrap--break-word {
overflow-wrap: break-word
}
.overflow-wrap--normal {
overflow-wrap: normal
}
@media all and (min-width: 600px) {
.overflow-wrap--anywhere-sm {
overflow-wrap: anywhere
}
.overflow-wrap--break-word-sm {
overflow-wrap: break-word
}
.overflow-wrap--normal-sm {
overflow-wrap: normal
}
}
@media all and (min-width: 991px) {
.overflow-wrap--anywhere-md {
overflow-wrap: anywhere
}
.overflow-wrap--break-word-md {
overflow-wrap: break-word
}
.overflow-wrap--normal-md {
overflow-wrap: normal
}
}
@media all and (min-width: 991px) {
.overflow-wrap--anywhere-mdl {
overflow-wrap: anywhere
}
.overflow-wrap--break-word-mdl {
overflow-wrap: break-word
}
.overflow-wrap--normal-mdl {
overflow-wrap: normal
}
}
@media all and (min-width: 1200px) {
.overflow-wrap--anywhere-lg {
overflow-wrap: anywhere
}
.overflow-wrap--break-word-lg {
overflow-wrap: break-word
}
.overflow-wrap--normal-lg {
overflow-wrap: normal
}
}
@media all and (min-width: 1600px) {
.overflow-wrap--anywhere-xl {
overflow-wrap: anywhere
}
.overflow-wrap--break-word-xl {
overflow-wrap: break-word
}
.overflow-wrap--normal-xl {
overflow-wrap: normal
}
}
@media all and (min-width: 2000px) {
.overflow-wrap--anywhere-xxl {
overflow-wrap: anywhere
}
.overflow-wrap--break-word-xxl {
overflow-wrap: break-word
}
.overflow-wrap--normal-xxl {
overflow-wrap: normal
}
}
.position--relative,
.info-callout,
.range__container,
.card-credit {
position: relative
}
.position--absolute,
.info-callout__toast-container,
.card-credit__texture,
.card-credit__tag,
.card-credit__type-icon,
.card-credit__content {
position: absolute
}
.position--static {
position: static
}
.position--sticky {
position: sticky
}
.position--fixed {
position: fixed
}
@media all and (min-width: 600px) {
.position--relative-sm {
position: relative
}
.position--absolute-sm {
position: absolute
}
.position--static-sm {
position: static
}
.position--sticky-sm {
position: sticky
}
.position--fixed-sm {
position: fixed
}
}
@media all and (min-width: 991px) {
.position--relative-md {
position: relative
}
.position--absolute-md {
position: absolute
}
.position--static-md {
position: static
}
.position--sticky-md {
position: sticky
}
.position--fixed-md {
position: fixed
}
}
@media all and (min-width: 991px) {
.position--relative-mdl {
position: relative
}
.position--absolute-mdl {
position: absolute
}
.position--static-mdl {
position: static
}
.position--sticky-mdl {
position: sticky
}
.position--fixed-mdl {
position: fixed
}
}
@media all and (min-width: 1200px) {
.position--relative-lg {
position: relative
}
.position--absolute-lg {
position: absolute
}
.position--static-lg {
position: static
}
.position--sticky-lg {
position: sticky
}
.position--fixed-lg {
position: fixed
}
}
@media all and (min-width: 1600px) {
.position--relative-xl {
position: relative
}
.position--absolute-xl {
position: absolute
}
.position--static-xl {
position: static
}
.position--sticky-xl {
position: sticky
}
.position--fixed-xl {
position: fixed
}
}
@media all and (min-width: 2000px) {
.position--relative-xxl {
position: relative
}
.position--absolute-xxl {
position: absolute
}
.position--static-xxl {
position: static
}
.position--sticky-xxl {
position: sticky
}
.position--fixed-xxl {
position: fixed
}
}
.top--auto {
top: auto
}
.top--unset {
top: unset
}
.top--initial {
top: initial
}
.top--inherit {
top: inherit
}
.top--0,
.info-callout__toast-container,
.card-credit__texture {
top: 0px
}
.top--n0 {
top: -0px
}
.top--1 {
top: 1px
}
.top--n1 {
top: -1px
}
.top--2 {
top: 2px
}
.top--n2 {
top: -2px
}
.top--3 {
top: 3px
}
.top--n3 {
top: -3px
}
.top--4 {
top: 4px
}
.top--n4 {
top: -4px
}
.top--5 {
top: 5px
}
.top--n5 {
top: -5px
}
.top--6 {
top: 6px
}
.top--n6 {
top: -6px
}
.top--7 {
top: 7px
}
.top--n7 {
top: -7px
}
.top--8 {
top: 8px
}
.top--n8 {
top: -8px
}
.top--9 {
top: 9px
}
.top--n9 {
top: -9px
}
.top--10 {
top: 10px
}
.top--n10 {
top: -10px
}
.top--11 {
top: 11px
}
.top--n11 {
top: -11px
}
.top--12,
.card-credit__tag,
.card-credit__type-icon {
top: 12px
}
.top--n12 {
top: -12px
}
.top--13 {
top: 13px
}
.top--n13 {
top: -13px
}
.top--14 {
top: 14px
}
.top--n14 {
top: -14px
}
.top--15 {
top: 15px
}
.top--n15 {
top: -15px
}
.top--16 {
top: 16px
}
.top--n16 {
top: -16px
}
.top--17 {
top: 17px
}
.top--n17 {
top: -17px
}
.top--18 {
top: 18px
}
.top--n18 {
top: -18px
}
.top--19 {
top: 19px
}
.top--n19 {
top: -19px
}
.top--20,
.card-credit--active .card-credit__type-icon {
top: 20px
}
.top--n20 {
top: -20px
}
.top--21 {
top: 21px
}
.top--n21 {
top: -21px
}
.top--22 {
top: 22px
}
.top--n22 {
top: -22px
}
.top--23 {
top: 23px
}
.top--n23 {
top: -23px
}
.top--24 {
top: 24px
}
.top--n24 {
top: -24px
}
.top--25 {
top: 25px
}
.top--n25 {
top: -25px
}
.top--26 {
top: 26px
}
.top--n26 {
top: -26px
}
.top--27 {
top: 27px
}
.top--n27 {
top: -27px
}
.top--28 {
top: 28px
}
.top--n28 {
top: -28px
}
.top--29 {
top: 29px
}
.top--n29 {
top: -29px
}
.top--30 {
top: 30px
}
.top--n30 {
top: -30px
}
.top--31 {
top: 31px
}
.top--n31 {
top: -31px
}
.top--32 {
top: 32px
}
.top--n32 {
top: -32px
}
.top--33 {
top: 33px
}
.top--n33 {
top: -33px
}
.top--34 {
top: 34px
}
.top--n34 {
top: -34px
}
.top--35 {
top: 35px
}
.top--n35 {
top: -35px
}
.top--36 {
top: 36px
}
.top--n36 {
top: -36px
}
.top--37 {
top: 37px
}
.top--n37 {
top: -37px
}
.top--38 {
top: 38px
}
.top--n38 {
top: -38px
}
.top--39 {
top: 39px
}
.top--n39 {
top: -39px
}
.top--40 {
top: 40px
}
.top--n40 {
top: -40px
}
.top--41 {
top: 41px
}
.top--n41 {
top: -41px
}
.top--42 {
top: 42px
}
.top--n42 {
top: -42px
}
.top--43 {
top: 43px
}
.top--n43 {
top: -43px
}
.top--44 {
top: 44px
}
.top--n44 {
top: -44px
}
.top--45 {
top: 45px
}
.top--n45 {
top: -45px
}
.top--46 {
top: 46px
}
.top--n46 {
top: -46px
}
.top--47 {
top: 47px
}
.top--n47 {
top: -47px
}
.top--48 {
top: 48px
}
.top--n48 {
top: -48px
}
.top--49 {
top: 49px
}
.top--n49 {
top: -49px
}
.top--50 {
top: 50px
}
.top--n50 {
top: -50px
}
.top--51 {
top: 51px
}
.top--n51 {
top: -51px
}
.top--52 {
top: 52px
}
.top--n52 {
top: -52px
}
.top--53 {
top: 53px
}
.top--n53 {
top: -53px
}
.top--54 {
top: 54px
}
.top--n54 {
top: -54px
}
.top--55 {
top: 55px
}
.top--n55 {
top: -55px
}
.top--56 {
top: 56px
}
.top--n56 {
top: -56px
}
.top--57 {
top: 57px
}
.top--n57 {
top: -57px
}
.top--58 {
top: 58px
}
.top--n58 {
top: -58px
}
.top--59 {
top: 59px
}
.top--n59 {
top: -59px
}
.top--60 {
top: 60px
}
.top--n60 {
top: -60px
}
.top--61 {
top: 61px
}
.top--n61 {
top: -61px
}
.top--62 {
top: 62px
}
.top--n62 {
top: -62px
}
.top--63 {
top: 63px
}
.top--n63 {
top: -63px
}
.top--64 {
top: 64px
}
.top--n64 {
top: -64px
}
.top--65 {
top: 65px
}
.top--n65 {
top: -65px
}
.top--66 {
top: 66px
}
.top--n66 {
top: -66px
}
.top--67 {
top: 67px
}
.top--n67 {
top: -67px
}
.top--68 {
top: 68px
}
.top--n68 {
top: -68px
}
.top--69 {
top: 69px
}
.top--n69 {
top: -69px
}
.top--70 {
top: 70px
}
.top--n70 {
top: -70px
}
.top--71 {
top: 71px
}
.top--n71 {
top: -71px
}
.top--72 {
top: 72px
}
.top--n72 {
top: -72px
}
.top--73 {
top: 73px
}
.top--n73 {
top: -73px
}
.top--74 {
top: 74px
}
.top--n74 {
top: -74px
}
.top--75 {
top: 75px
}
.top--n75 {
top: -75px
}
.top--76 {
top: 76px
}
.top--n76 {
top: -76px
}
.top--77 {
top: 77px
}
.top--n77 {
top: -77px
}
.top--78 {
top: 78px
}
.top--n78 {
top: -78px
}
.top--79 {
top: 79px
}
.top--n79 {
top: -79px
}
.top--80 {
top: 80px
}
.top--n80 {
top: -80px
}
.top--81 {
top: 81px
}
.top--n81 {
top: -81px
}
.top--82 {
top: 82px
}
.top--n82 {
top: -82px
}
.top--83 {
top: 83px
}
.top--n83 {
top: -83px
}
.top--84 {
top: 84px
}
.top--n84 {
top: -84px
}
.top--85 {
top: 85px
}
.top--n85 {
top: -85px
}
.top--86 {
top: 86px
}
.top--n86 {
top: -86px
}
.top--87 {
top: 87px
}
.top--n87 {
top: -87px
}
.top--88 {
top: 88px
}
.top--n88 {
top: -88px
}
.top--89 {
top: 89px
}
.top--n89 {
top: -89px
}
.top--90 {
top: 90px
}
.top--n90 {
top: -90px
}
.top--91 {
top: 91px
}
.top--n91 {
top: -91px
}
.top--92 {
top: 92px
}
.top--n92 {
top: -92px
}
.top--93 {
top: 93px
}
.top--n93 {
top: -93px
}
.top--94 {
top: 94px
}
.top--n94 {
top: -94px
}
.top--95 {
top: 95px
}
.top--n95 {
top: -95px
}
.top--96 {
top: 96px
}
.top--n96 {
top: -96px
}
.top--97 {
top: 97px
}
.top--n97 {
top: -97px
}
.top--98 {
top: 98px
}
.top--n98 {
top: -98px
}
.top--99 {
top: 99px
}
.top--n99 {
top: -99px
}
.top--100 {
top: 100px
}
.top--n100 {
top: -100px
}
.bottom--auto {
bottom: auto
}
.bottom--unset {
bottom: unset
}
.bottom--initial {
bottom: initial
}
.bottom--inherit {
bottom: inherit
}
.bottom--0 {
bottom: 0px
}
.bottom--n0 {
bottom: -0px
}
.bottom--1 {
bottom: 1px
}
.bottom--n1 {
bottom: -1px
}
.bottom--2 {
bottom: 2px
}
.bottom--n2 {
bottom: -2px
}
.bottom--3 {
bottom: 3px
}
.bottom--n3 {
bottom: -3px
}
.bottom--4 {
bottom: 4px
}
.bottom--n4 {
bottom: -4px
}
.bottom--5 {
bottom: 5px
}
.bottom--n5 {
bottom: -5px
}
.bottom--6 {
bottom: 6px
}
.bottom--n6 {
bottom: -6px
}
.bottom--7 {
bottom: 7px
}
.bottom--n7 {
bottom: -7px
}
.bottom--8 {
bottom: 8px
}
.bottom--n8 {
bottom: -8px
}
.bottom--9 {
bottom: 9px
}
.bottom--n9 {
bottom: -9px
}
.bottom--10 {
bottom: 10px
}
.bottom--n10 {
bottom: -10px
}
.bottom--11 {
bottom: 11px
}
.bottom--n11 {
bottom: -11px
}
.bottom--12 {
bottom: 12px
}
.bottom--n12 {
bottom: -12px
}
.bottom--13 {
bottom: 13px
}
.bottom--n13 {
bottom: -13px
}
.bottom--14 {
bottom: 14px
}
.bottom--n14 {
bottom: -14px
}
.bottom--15 {
bottom: 15px
}
.bottom--n15 {
bottom: -15px
}
.bottom--16 {
bottom: 16px
}
.bottom--n16 {
bottom: -16px
}
.bottom--17 {
bottom: 17px
}
.bottom--n17 {
bottom: -17px
}
.bottom--18 {
bottom: 18px
}
.bottom--n18 {
bottom: -18px
}
.bottom--19 {
bottom: 19px
}
.bottom--n19 {
bottom: -19px
}
.bottom--20 {
bottom: 20px
}
.bottom--n20 {
bottom: -20px
}
.bottom--21 {
bottom: 21px
}
.bottom--n21 {
bottom: -21px
}
.bottom--22 {
bottom: 22px
}
.bottom--n22 {
bottom: -22px
}
.bottom--23 {
bottom: 23px
}
.bottom--n23 {
bottom: -23px
}
.bottom--24,
.card-credit__content {
bottom: 24px
}
.bottom--n24 {
bottom: -24px
}
.bottom--25 {
bottom: 25px
}
.bottom--n25 {
bottom: -25px
}
.bottom--26 {
bottom: 26px
}
.bottom--n26 {
bottom: -26px
}
.bottom--27 {
bottom: 27px
}
.bottom--n27 {
bottom: -27px
}
.bottom--28 {
bottom: 28px
}
.bottom--n28 {
bottom: -28px
}
.bottom--29 {
bottom: 29px
}
.bottom--n29 {
bottom: -29px
}
.bottom--30 {
bottom: 30px
}
.bottom--n30 {
bottom: -30px
}
.bottom--31 {
bottom: 31px
}
.bottom--n31 {
bottom: -31px
}
.bottom--32 {
bottom: 32px
}
.bottom--n32 {
bottom: -32px
}
.bottom--33 {
bottom: 33px
}
.bottom--n33 {
bottom: -33px
}
.bottom--34 {
bottom: 34px
}
.bottom--n34 {
bottom: -34px
}
.bottom--35 {
bottom: 35px
}
.bottom--n35 {
bottom: -35px
}
.bottom--36 {
bottom: 36px
}
.bottom--n36 {
bottom: -36px
}
.bottom--37 {
bottom: 37px
}
.bottom--n37 {
bottom: -37px
}
.bottom--38 {
bottom: 38px
}
.bottom--n38 {
bottom: -38px
}
.bottom--39 {
bottom: 39px
}
.bottom--n39 {
bottom: -39px
}
.bottom--40 {
bottom: 40px
}
.bottom--n40 {
bottom: -40px
}
.bottom--41 {
bottom: 41px
}
.bottom--n41 {
bottom: -41px
}
.bottom--42 {
bottom: 42px
}
.bottom--n42 {
bottom: -42px
}
.bottom--43 {
bottom: 43px
}
.bottom--n43 {
bottom: -43px
}
.bottom--44 {
bottom: 44px
}
.bottom--n44 {
bottom: -44px
}
.bottom--45 {
bottom: 45px
}
.bottom--n45 {
bottom: -45px
}
.bottom--46 {
bottom: 46px
}
.bottom--n46 {
bottom: -46px
}
.bottom--47 {
bottom: 47px
}
.bottom--n47 {
bottom: -47px
}
.bottom--48 {
bottom: 48px
}
.bottom--n48 {
bottom: -48px
}
.bottom--49 {
bottom: 49px
}
.bottom--n49 {
bottom: -49px
}
.bottom--50 {
bottom: 50px
}
.bottom--n50 {
bottom: -50px
}
.bottom--51 {
bottom: 51px
}
.bottom--n51 {
bottom: -51px
}
.bottom--52 {
bottom: 52px
}
.bottom--n52 {
bottom: -52px
}
.bottom--53 {
bottom: 53px
}
.bottom--n53 {
bottom: -53px
}
.bottom--54 {
bottom: 54px
}
.bottom--n54 {
bottom: -54px
}
.bottom--55 {
bottom: 55px
}
.bottom--n55 {
bottom: -55px
}
.bottom--56 {
bottom: 56px
}
.bottom--n56 {
bottom: -56px
}
.bottom--57 {
bottom: 57px
}
.bottom--n57 {
bottom: -57px
}
.bottom--58 {
bottom: 58px
}
.bottom--n58 {
bottom: -58px
}
.bottom--59 {
bottom: 59px
}
.bottom--n59 {
bottom: -59px
}
.bottom--60 {
bottom: 60px
}
.bottom--n60 {
bottom: -60px
}
.bottom--61 {
bottom: 61px
}
.bottom--n61 {
bottom: -61px
}
.bottom--62 {
bottom: 62px
}
.bottom--n62 {
bottom: -62px
}
.bottom--63 {
bottom: 63px
}
.bottom--n63 {
bottom: -63px
}
.bottom--64 {
bottom: 64px
}
.bottom--n64 {
bottom: -64px
}
.bottom--65 {
bottom: 65px
}
.bottom--n65 {
bottom: -65px
}
.bottom--66 {
bottom: 66px
}
.bottom--n66 {
bottom: -66px
}
.bottom--67 {
bottom: 67px
}
.bottom--n67 {
bottom: -67px
}
.bottom--68 {
bottom: 68px
}
.bottom--n68 {
bottom: -68px
}
.bottom--69 {
bottom: 69px
}
.bottom--n69 {
bottom: -69px
}
.bottom--70 {
bottom: 70px
}
.bottom--n70 {
bottom: -70px
}
.bottom--71 {
bottom: 71px
}
.bottom--n71 {
bottom: -71px
}
.bottom--72 {
bottom: 72px
}
.bottom--n72 {
bottom: -72px
}
.bottom--73 {
bottom: 73px
}
.bottom--n73 {
bottom: -73px
}
.bottom--74 {
bottom: 74px
}
.bottom--n74 {
bottom: -74px
}
.bottom--75 {
bottom: 75px
}
.bottom--n75 {
bottom: -75px
}
.bottom--76 {
bottom: 76px
}
.bottom--n76 {
bottom: -76px
}
.bottom--77 {
bottom: 77px
}
.bottom--n77 {
bottom: -77px
}
.bottom--78 {
bottom: 78px
}
.bottom--n78 {
bottom: -78px
}
.bottom--79 {
bottom: 79px
}
.bottom--n79 {
bottom: -79px
}
.bottom--80 {
bottom: 80px
}
.bottom--n80 {
bottom: -80px
}
.bottom--81 {
bottom: 81px
}
.bottom--n81 {
bottom: -81px
}
.bottom--82 {
bottom: 82px
}
.bottom--n82 {
bottom: -82px
}
.bottom--83 {
bottom: 83px
}
.bottom--n83 {
bottom: -83px
}
.bottom--84 {
bottom: 84px
}
.bottom--n84 {
bottom: -84px
}
.bottom--85 {
bottom: 85px
}
.bottom--n85 {
bottom: -85px
}
.bottom--86 {
bottom: 86px
}
.bottom--n86 {
bottom: -86px
}
.bottom--87 {
bottom: 87px
}
.bottom--n87 {
bottom: -87px
}
.bottom--88 {
bottom: 88px
}
.bottom--n88 {
bottom: -88px
}
.bottom--89 {
bottom: 89px
}
.bottom--n89 {
bottom: -89px
}
.bottom--90 {
bottom: 90px
}
.bottom--n90 {
bottom: -90px
}
.bottom--91 {
bottom: 91px
}
.bottom--n91 {
bottom: -91px
}
.bottom--92 {
bottom: 92px
}
.bottom--n92 {
bottom: -92px
}
.bottom--93 {
bottom: 93px
}
.bottom--n93 {
bottom: -93px
}
.bottom--94 {
bottom: 94px
}
.bottom--n94 {
bottom: -94px
}
.bottom--95 {
bottom: 95px
}
.bottom--n95 {
bottom: -95px
}
.bottom--96 {
bottom: 96px
}
.bottom--n96 {
bottom: -96px
}
.bottom--97 {
bottom: 97px
}
.bottom--n97 {
bottom: -97px
}
.bottom--98 {
bottom: 98px
}
.bottom--n98 {
bottom: -98px
}
.bottom--99 {
bottom: 99px
}
.bottom--n99 {
bottom: -99px
}
.bottom--100 {
bottom: 100px
}
.bottom--n100 {
bottom: -100px
}
.left--auto {
left: auto
}
.left--unset {
left: unset
}
.left--initial,
[dir=rtl] .card-credit__tag {
left: initial
}
.left--inherit {
left: inherit
}
.left--0,
.info-callout__toast-container,
.card-credit__texture,
.card-credit__content {
left: 0px
}
.left--n0 {
left: -0px
}
.left--1 {
left: 1px
}
.left--n1 {
left: -1px
}
.left--2 {
left: 2px
}
.left--n2 {
left: -2px
}
.left--3 {
left: 3px
}
.left--n3 {
left: -3px
}
.left--4 {
left: 4px
}
.left--n4 {
left: -4px
}
.left--5 {
left: 5px
}
.left--n5 {
left: -5px
}
.left--6 {
left: 6px
}
.left--n6 {
left: -6px
}
.left--7 {
left: 7px
}
.left--n7 {
left: -7px
}
.left--8 {
left: 8px
}
.left--n8 {
left: -8px
}
.left--9 {
left: 9px
}
.left--n9 {
left: -9px
}
.left--10 {
left: 10px
}
.left--n10 {
left: -10px
}
.left--11 {
left: 11px
}
.left--n11 {
left: -11px
}
.left--12 {
left: 12px
}
.left--n12 {
left: -12px
}
.left--13 {
left: 13px
}
.left--n13 {
left: -13px
}
.left--14 {
left: 14px
}
.left--n14 {
left: -14px
}
.left--15 {
left: 15px
}
.left--n15 {
left: -15px
}
.left--16,
.card-credit__tag {
left: 16px
}
.left--n16 {
left: -16px
}
.left--17 {
left: 17px
}
.left--n17 {
left: -17px
}
.left--18 {
left: 18px
}
.left--n18 {
left: -18px
}
.left--19 {
left: 19px
}
.left--n19 {
left: -19px
}
.left--20 {
left: 20px
}
.left--n20 {
left: -20px
}
.left--21 {
left: 21px
}
.left--n21 {
left: -21px
}
.left--22 {
left: 22px
}
.left--n22 {
left: -22px
}
.left--23 {
left: 23px
}
.left--n23 {
left: -23px
}
.left--24,
[dir=rtl] .card-credit__type-icon {
left: 24px
}
.left--n24 {
left: -24px
}
.left--25 {
left: 25px
}
.left--n25 {
left: -25px
}
.left--26 {
left: 26px
}
.left--n26 {
left: -26px
}
.left--27 {
left: 27px
}
.left--n27 {
left: -27px
}
.left--28 {
left: 28px
}
.left--n28 {
left: -28px
}
.left--29 {
left: 29px
}
.left--n29 {
left: -29px
}
.left--30 {
left: 30px
}
.left--n30 {
left: -30px
}
.left--31 {
left: 31px
}
.left--n31 {
left: -31px
}
.left--32 {
left: 32px
}
.left--n32 {
left: -32px
}
.left--33 {
left: 33px
}
.left--n33 {
left: -33px
}
.left--34 {
left: 34px
}
.left--n34 {
left: -34px
}
.left--35 {
left: 35px
}
.left--n35 {
left: -35px
}
.left--36 {
left: 36px
}
.left--n36 {
left: -36px
}
.left--37 {
left: 37px
}
.left--n37 {
left: -37px
}
.left--38 {
left: 38px
}
.left--n38 {
left: -38px
}
.left--39 {
left: 39px
}
.left--n39 {
left: -39px
}
.left--40 {
left: 40px
}
.left--n40 {
left: -40px
}
.left--41 {
left: 41px
}
.left--n41 {
left: -41px
}
.left--42 {
left: 42px
}
.left--n42 {
left: -42px
}
.left--43 {
left: 43px
}
.left--n43 {
left: -43px
}
.left--44 {
left: 44px
}
.left--n44 {
left: -44px
}
.left--45 {
left: 45px
}
.left--n45 {
left: -45px
}
.left--46 {
left: 46px
}
.left--n46 {
left: -46px
}
.left--47 {
left: 47px
}
.left--n47 {
left: -47px
}
.left--48 {
left: 48px
}
.left--n48 {
left: -48px
}
.left--49 {
left: 49px
}
.left--n49 {
left: -49px
}
.left--50 {
left: 50px
}
.left--n50 {
left: -50px
}
.left--51 {
left: 51px
}
.left--n51 {
left: -51px
}
.left--52 {
left: 52px
}
.left--n52 {
left: -52px
}
.left--53 {
left: 53px
}
.left--n53 {
left: -53px
}
.left--54 {
left: 54px
}
.left--n54 {
left: -54px
}
.left--55 {
left: 55px
}
.left--n55 {
left: -55px
}
.left--56 {
left: 56px
}
.left--n56 {
left: -56px
}
.left--57 {
left: 57px
}
.left--n57 {
left: -57px
}
.left--58 {
left: 58px
}
.left--n58 {
left: -58px
}
.left--59 {
left: 59px
}
.left--n59 {
left: -59px
}
.left--60 {
left: 60px
}
.left--n60 {
left: -60px
}
.left--61 {
left: 61px
}
.left--n61 {
left: -61px
}
.left--62 {
left: 62px
}
.left--n62 {
left: -62px
}
.left--63 {
left: 63px
}
.left--n63 {
left: -63px
}
.left--64 {
left: 64px
}
.left--n64 {
left: -64px
}
.left--65 {
left: 65px
}
.left--n65 {
left: -65px
}
.left--66 {
left: 66px
}
.left--n66 {
left: -66px
}
.left--67 {
left: 67px
}
.left--n67 {
left: -67px
}
.left--68 {
left: 68px
}
.left--n68 {
left: -68px
}
.left--69 {
left: 69px
}
.left--n69 {
left: -69px
}
.left--70 {
left: 70px
}
.left--n70 {
left: -70px
}
.left--71 {
left: 71px
}
.left--n71 {
left: -71px
}
.left--72 {
left: 72px
}
.left--n72 {
left: -72px
}
.left--73 {
left: 73px
}
.left--n73 {
left: -73px
}
.left--74 {
left: 74px
}
.left--n74 {
left: -74px
}
.left--75 {
left: 75px
}
.left--n75 {
left: -75px
}
.left--76 {
left: 76px
}
.left--n76 {
left: -76px
}
.left--77 {
left: 77px
}
.left--n77 {
left: -77px
}
.left--78 {
left: 78px
}
.left--n78 {
left: -78px
}
.left--79 {
left: 79px
}
.left--n79 {
left: -79px
}
.left--80 {
left: 80px
}
.left--n80 {
left: -80px
}
.left--81 {
left: 81px
}
.left--n81 {
left: -81px
}
.left--82 {
left: 82px
}
.left--n82 {
left: -82px
}
.left--83 {
left: 83px
}
.left--n83 {
left: -83px
}
.left--84 {
left: 84px
}
.left--n84 {
left: -84px
}
.left--85 {
left: 85px
}
.left--n85 {
left: -85px
}
.left--86 {
left: 86px
}
.left--n86 {
left: -86px
}
.left--87 {
left: 87px
}
.left--n87 {
left: -87px
}
.left--88 {
left: 88px
}
.left--n88 {
left: -88px
}
.left--89 {
left: 89px
}
.left--n89 {
left: -89px
}
.left--90 {
left: 90px
}
.left--n90 {
left: -90px
}
.left--91 {
left: 91px
}
.left--n91 {
left: -91px
}
.left--92 {
left: 92px
}
.left--n92 {
left: -92px
}
.left--93 {
left: 93px
}
.left--n93 {
left: -93px
}
.left--94 {
left: 94px
}
.left--n94 {
left: -94px
}
.left--95 {
left: 95px
}
.left--n95 {
left: -95px
}
.left--96 {
left: 96px
}
.left--n96 {
left: -96px
}
.left--97 {
left: 97px
}
.left--n97 {
left: -97px
}
.left--98 {
left: 98px
}
.left--n98 {
left: -98px
}
.left--99 {
left: 99px
}
.left--n99 {
left: -99px
}
.left--100 {
left: 100px
}
.left--n100 {
left: -100px
}
.right--auto {
right: auto
}
.right--unset {
right: unset
}
.right--initial,
[dir=rtl] .card-credit__type-icon {
right: initial
}
.right--inherit {
right: inherit
}
.right--0 {
right: 0px
}
.right--n0 {
right: -0px
}
.right--1 {
right: 1px
}
.right--n1 {
right: -1px
}
.right--2 {
right: 2px
}
.right--n2 {
right: -2px
}
.right--3 {
right: 3px
}
.right--n3 {
right: -3px
}
.right--4 {
right: 4px
}
.right--n4 {
right: -4px
}
.right--5 {
right: 5px
}
.right--n5 {
right: -5px
}
.right--6 {
right: 6px
}
.right--n6 {
right: -6px
}
.right--7 {
right: 7px
}
.right--n7 {
right: -7px
}
.right--8 {
right: 8px
}
.right--n8 {
right: -8px
}
.right--9 {
right: 9px
}
.right--n9 {
right: -9px
}
.right--10 {
right: 10px
}
.right--n10 {
right: -10px
}
.right--11 {
right: 11px
}
.right--n11 {
right: -11px
}
.right--12 {
right: 12px
}
.right--n12 {
right: -12px
}
.right--13 {
right: 13px
}
.right--n13 {
right: -13px
}
.right--14 {
right: 14px
}
.right--n14 {
right: -14px
}
.right--15 {
right: 15px
}
.right--n15 {
right: -15px
}
.right--16,
[dir=rtl] .card-credit__tag {
right: 16px
}
.right--n16 {
right: -16px
}
.right--17 {
right: 17px
}
.right--n17 {
right: -17px
}
.right--18 {
right: 18px
}
.right--n18 {
right: -18px
}
.right--19 {
right: 19px
}
.right--n19 {
right: -19px
}
.right--20 {
right: 20px
}
.right--n20 {
right: -20px
}
.right--21 {
right: 21px
}
.right--n21 {
right: -21px
}
.right--22 {
right: 22px
}
.right--n22 {
right: -22px
}
.right--23 {
right: 23px
}
.right--n23 {
right: -23px
}
.right--24,
.card-credit__type-icon {
right: 24px
}
.right--n24 {
right: -24px
}
.right--25 {
right: 25px
}
.right--n25 {
right: -25px
}
.right--26 {
right: 26px
}
.right--n26 {
right: -26px
}
.right--27 {
right: 27px
}
.right--n27 {
right: -27px
}
.right--28 {
right: 28px
}
.right--n28 {
right: -28px
}
.right--29 {
right: 29px
}
.right--n29 {
right: -29px
}
.right--30 {
right: 30px
}
.right--n30 {
right: -30px
}
.right--31 {
right: 31px
}
.right--n31 {
right: -31px
}
.right--32 {
right: 32px
}
.right--n32 {
right: -32px
}
.right--33 {
right: 33px
}
.right--n33 {
right: -33px
}
.right--34 {
right: 34px
}
.right--n34 {
right: -34px
}
.right--35 {
right: 35px
}
.right--n35 {
right: -35px
}
.right--36 {
right: 36px
}
.right--n36 {
right: -36px
}
.right--37 {
right: 37px
}
.right--n37 {
right: -37px
}
.right--38 {
right: 38px
}
.right--n38 {
right: -38px
}
.right--39 {
right: 39px
}
.right--n39 {
right: -39px
}
.right--40 {
right: 40px
}
.right--n40 {
right: -40px
}
.right--41 {
right: 41px
}
.right--n41 {
right: -41px
}
.right--42 {
right: 42px
}
.right--n42 {
right: -42px
}
.right--43 {
right: 43px
}
.right--n43 {
right: -43px
}
.right--44 {
right: 44px
}
.right--n44 {
right: -44px
}
.right--45 {
right: 45px
}
.right--n45 {
right: -45px
}
.right--46 {
right: 46px
}
.right--n46 {
right: -46px
}
.right--47 {
right: 47px
}
.right--n47 {
right: -47px
}
.right--48 {
right: 48px
}
.right--n48 {
right: -48px
}
.right--49 {
right: 49px
}
.right--n49 {
right: -49px
}
.right--50 {
right: 50px
}
.right--n50 {
right: -50px
}
.right--51 {
right: 51px
}
.right--n51 {
right: -51px
}
.right--52 {
right: 52px
}
.right--n52 {
right: -52px
}
.right--53 {
right: 53px
}
.right--n53 {
right: -53px
}
.right--54 {
right: 54px
}
.right--n54 {
right: -54px
}
.right--55 {
right: 55px
}
.right--n55 {
right: -55px
}
.right--56 {
right: 56px
}
.right--n56 {
right: -56px
}
.right--57 {
right: 57px
}
.right--n57 {
right: -57px
}
.right--58 {
right: 58px
}
.right--n58 {
right: -58px
}
.right--59 {
right: 59px
}
.right--n59 {
right: -59px
}
.right--60 {
right: 60px
}
.right--n60 {
right: -60px
}
.right--61 {
right: 61px
}
.right--n61 {
right: -61px
}
.right--62 {
right: 62px
}
.right--n62 {
right: -62px
}
.right--63 {
right: 63px
}
.right--n63 {
right: -63px
}
.right--64 {
right: 64px
}
.right--n64 {
right: -64px
}
.right--65 {
right: 65px
}
.right--n65 {
right: -65px
}
.right--66 {
right: 66px
}
.right--n66 {
right: -66px
}
.right--67 {
right: 67px
}
.right--n67 {
right: -67px
}
.right--68 {
right: 68px
}
.right--n68 {
right: -68px
}
.right--69 {
right: 69px
}
.right--n69 {
right: -69px
}
.right--70 {
right: 70px
}
.right--n70 {
right: -70px
}
.right--71 {
right: 71px
}
.right--n71 {
right: -71px
}
.right--72 {
right: 72px
}
.right--n72 {
right: -72px
}
.right--73 {
right: 73px
}
.right--n73 {
right: -73px
}
.right--74 {
right: 74px
}
.right--n74 {
right: -74px
}
.right--75 {
right: 75px
}
.right--n75 {
right: -75px
}
.right--76 {
right: 76px
}
.right--n76 {
right: -76px
}
.right--77 {
right: 77px
}
.right--n77 {
right: -77px
}
.right--78 {
right: 78px
}
.right--n78 {
right: -78px
}
.right--79 {
right: 79px
}
.right--n79 {
right: -79px
}
.right--80 {
right: 80px
}
.right--n80 {
right: -80px
}
.right--81 {
right: 81px
}
.right--n81 {
right: -81px
}
.right--82 {
right: 82px
}
.right--n82 {
right: -82px
}
.right--83 {
right: 83px
}
.right--n83 {
right: -83px
}
.right--84 {
right: 84px
}
.right--n84 {
right: -84px
}
.right--85 {
right: 85px
}
.right--n85 {
right: -85px
}
.right--86 {
right: 86px
}
.right--n86 {
right: -86px
}
.right--87 {
right: 87px
}
.right--n87 {
right: -87px
}
.right--88 {
right: 88px
}
.right--n88 {
right: -88px
}
.right--89 {
right: 89px
}
.right--n89 {
right: -89px
}
.right--90 {
right: 90px
}
.right--n90 {
right: -90px
}
.right--91 {
right: 91px
}
.right--n91 {
right: -91px
}
.right--92 {
right: 92px
}
.right--n92 {
right: -92px
}
.right--93 {
right: 93px
}
.right--n93 {
right: -93px
}
.right--94 {
right: 94px
}
.right--n94 {
right: -94px
}
.right--95 {
right: 95px
}
.right--n95 {
right: -95px
}
.right--96 {
right: 96px
}
.right--n96 {
right: -96px
}
.right--97 {
right: 97px
}
.right--n97 {
right: -97px
}
.right--98 {
right: 98px
}
.right--n98 {
right: -98px
}
.right--99 {
right: 99px
}
.right--n99 {
right: -99px
}
.right--100 {
right: 100px
}
.right--n100 {
right: -100px
}
[dir=rtl] * .rtl-transform__rotate--180 {
transform: rotate(180deg)
}
.width--50 {
width: 50%
}
.width--100,
.info-callout__scrollable__content,
.info-callout__scrollable__buttons,
.info-callout__toast-container,
.info-callout__toast-container>.toaster,
.range__container,
.card-credit__content,
.card-selectable__container,
.card-plans__travel-insurance-qic__logo,
.card-plans__travel-insurance-qic__content,
.card-payments-expandable__header,
.card-payments,
.card-account-manage-autopay,
.card-account-manage-autopay__content {
width: 100%
}
.width--465 {
width: 465px
}
.width--auto {
width: auto
}
@media all and (min-width: 600px) {
.width--50-sm {
width: 50%
}
.width--100-sm {
width: 100%
}
.width--465-sm {
width: 465px
}
.width--auto-sm {
width: auto
}
}
@media all and (min-width: 991px) {
.width--50-md {
width: 50%
}
.width--100-md {
width: 100%
}
.width--465-md {
width: 465px
}
.width--auto-md {
width: auto
}
}
@media all and (min-width: 991px) {
.width--50-mdl {
width: 50%
}
.width--100-mdl {
width: 100%
}
.width--465-mdl {
width: 465px
}
.width--auto-mdl {
width: auto
}
}
@media all and (min-width: 1200px) {
.width--50-lg {
width: 50%
}
.width--100-lg {
width: 100%
}
.width--465-lg {
width: 465px
}
.width--auto-lg {
width: auto
}
}
@media all and (min-width: 1600px) {
.width--50-xl {
width: 50%
}
.width--100-xl {
width: 100%
}
.width--465-xl {
width: 465px
}
.width--auto-xl {
width: auto
}
}
@media all and (min-width: 2000px) {
.width--50-xxl {
width: 50%
}
.width--100-xxl {
width: 100%
}
.width--465-xxl {
width: 465px
}
.width--auto-xxl {
width: auto
}
}
.height--50 {
height: 50%
}
.height--100 {
height: 100%
}
.height--100vh {
height: 100vh
}
.height--auto,
.card-payments__icon {
height: auto
}
@media all and (min-width: 600px) {
.height--50-sm {
height: 50%
}
.height--100-sm {
height: 100%
}
.height--100vh-sm {
height: 100vh
}
.height--auto-sm {
height: auto
}
}
@media all and (min-width: 991px) {
.height--50-md {
height: 50%
}
.height--100-md {
height: 100%
}
.height--100vh-md {
height: 100vh
}
.height--auto-md {
height: auto
}
}
@media all and (min-width: 991px) {
.height--50-mdl {
height: 50%
}
.height--100-mdl {
height: 100%
}
.height--100vh-mdl {
height: 100vh
}
.height--auto-mdl {
height: auto
}
}
@media all and (min-width: 1200px) {
.height--50-lg {
height: 50%
}
.height--100-lg {
height: 100%
}
.height--100vh-lg {
height: 100vh
}
.height--auto-lg {
height: auto
}
}
@media all and (min-width: 1600px) {
.height--50-xl {
height: 50%
}
.height--100-xl {
height: 100%
}
.height--100vh-xl {
height: 100vh
}
.height--auto-xl {
height: auto
}
}
@media all and (min-width: 2000px) {
.height--50-xxl {
height: 50%
}
.height--100-xxl {
height: 100%
}
.height--100vh-xxl {
height: 100vh
}
.height--auto-xxl {
height: auto
}
}
.text-align--left,
.card-selectable__container__middle__description,
.card-payments-expandable__header__middle-content__description,
.card-payments__content__middle__description {
text-align: left
}
.text-align--center,
.info-callout__scrollable__content,
.card-selectable__container__middle__title,
.card-payments__content__middle__title {
text-align: center
}
.text-align--right {
text-align: right
}
@media all and (min-width: 600px) {
.text-align--left-sm {
text-align: left
}
.text-align--center-sm {
text-align: center
}
.text-align--right-sm {
text-align: right
}
}
@media all and (min-width: 991px) {
.text-align--left-md,
.info-callout__scrollable__content {
text-align: left
}
.text-align--center-md {
text-align: center
}
.text-align--right-md {
text-align: right
}
}
@media all and (min-width: 991px) {
.text-align--left-mdl {
text-align: left
}
.text-align--center-mdl {
text-align: center
}
.text-align--right-mdl {
text-align: right
}
}
@media all and (min-width: 1200px) {
.text-align--left-lg {
text-align: left
}
.text-align--center-lg {
text-align: center
}
.text-align--right-lg {
text-align: right
}
}
@media all and (min-width: 1600px) {
.text-align--left-xl {
text-align: left
}
.text-align--center-xl {
text-align: center
}
.text-align--right-xl {
text-align: right
}
}
@media all and (min-width: 2000px) {
.text-align--left-xxl {
text-align: left
}
.text-align--center-xxl {
text-align: center
}
.text-align--right-xxl {
text-align: right
}
}
[dir=rtl] .text-align--left,
[dir=rtl] .card-selectable__container__middle__description,
[dir=rtl] .card-payments-expandable__header__middle-content__description,
[dir=rtl] .card-payments__content__middle__description {
text-align: right
}
[dir=rtl] .text-align--center,
[dir=rtl] .info-callout__scrollable__content,
[dir=rtl] .card-selectable__container__middle__title,
[dir=rtl] .card-payments__content__middle__title {
text-align: center
}
[dir=rtl] .text-align--right {
text-align: left
}
@media all and (min-width: 600px) {
[dir=rtl] .text-align--left-sm {
text-align: right
}
[dir=rtl] .text-align--center-sm {
text-align: center
}
[dir=rtl] .text-align--right-sm {
text-align: left
}
}
@media all and (min-width: 991px) {
[dir=rtl] .text-align--left-md,
[dir=rtl] .info-callout__scrollable__content {
text-align: right
}
[dir=rtl] .text-align--center-md {
text-align: center
}
[dir=rtl] .text-align--right-md {
text-align: left
}
}
@media all and (min-width: 991px) {
[dir=rtl] .text-align--left-mdl {
text-align: right
}
[dir=rtl] .text-align--center-mdl {
text-align: center
}
[dir=rtl] .text-align--right-mdl {
text-align: left
}
}
@media all and (min-width: 1200px) {
[dir=rtl] .text-align--left-lg {
text-align: right
}
[dir=rtl] .text-align--center-lg {
text-align: center
}
[dir=rtl] .text-align--right-lg {
text-align: left
}
}
@media all and (min-width: 1600px) {
[dir=rtl] .text-align--left-xl {
text-align: right
}
[dir=rtl] .text-align--center-xl {
text-align: center
}
[dir=rtl] .text-align--right-xl {
text-align: left
}
}
@media all and (min-width: 2000px) {
[dir=rtl] .text-align--left-xxl {
text-align: right
}
[dir=rtl] .text-align--center-xxl {
text-align: center
}
[dir=rtl] .text-align--right-xxl {
text-align: left
}
}
.text-color--primary-500 {
color: #ed1c24
}
.text-color--primary-800 {
color: #800f15
}
.text-color--danger-500,
.card-payments__warning__text {
color: #ff585d
}
.text-color--success-600 {
color: #34b76d
}
.text-color--success-700 {
color: #279055
}
.text-color--info-700 {
color: #5e8d84
}
.text-color--info-800,
.card-account-manage-autopay--active .card-account-manage-autopay__content__link:hover {
color: #496e67
}
.text-color--info-900,
.card-account-manage-autopay--active .card-account-manage-autopay__content__text,
.card-account-manage-autopay--active .card-account-manage-autopay__content__link {
color: #37534e
}
.text-color--blue-500 {
color: #0047bb
}
.text-color--blue-400 {
color: #3f78d4
}
.text-color--lightgray-100 {
color: #f9f9f9
}
.text-color--lightgray-200 {
color: #f4f4f4
}
.text-color--lightgray-300 {
color: #eee
}
.text-color--lightgray-400 {
color: #e0e0e0
}
.text-color--gray-100 {
color: #aaa
}
.text-color--gray-200 {
color: #898989
}
.text-color--gray-300,
.card-payments-expandable__header__middle-content__description {
color: #6d6d6d
}
.text-color--disabled-text {
color: #595959
}
.text-color--white,
.card-credit__content__card-number,
.card-credit__content__bottom p {
color: #fff
}
.text-color--black {
color: #221e20
}
.text-color--warning-700,
.card-account-manage-autopay--inactive .card-account-manage-autopay__content__link:hover {
color: #ad8e00
}
.text-color--warning-800,
.card-account-manage-autopay--inactive .card-account-manage-autopay__content__text,
.card-account-manage-autopay--inactive .card-account-manage-autopay__content__link {
color: #856c00
}
.text-decoration--none {
text-decoration: none
}
.text-decoration--underline,
.card-account-manage-autopay__content__link,
.card-account-manage-autopay__content__link:hover {
text-decoration: underline
}
.text-decoration--line-through {
text-decoration: line-through
}
@media all and (min-width: 600px) {
.text-decoration--none-sm {
text-decoration: none
}
.text-decoration--underline-sm {
text-decoration: underline
}
.text-decoration--line-through-sm {
text-decoration: line-through
}
}
@media all and (min-width: 991px) {
.text-decoration--none-md {
text-decoration: none
}
.text-decoration--underline-md {
text-decoration: underline
}
.text-decoration--line-through-md {
text-decoration: line-through
}
}
@media all and (min-width: 991px) {
.text-decoration--none-mdl {
text-decoration: none
}
.text-decoration--underline-mdl {
text-decoration: underline
}
.text-decoration--line-through-mdl {
text-decoration: line-through
}
}
@media all and (min-width: 1200px) {
.text-decoration--none-lg {
text-decoration: none
}
.text-decoration--underline-lg {
text-decoration: underline
}
.text-decoration--line-through-lg {
text-decoration: line-through
}
}
@media all and (min-width: 1600px) {
.text-decoration--none-xl {
text-decoration: none
}
.text-decoration--underline-xl {
text-decoration: underline
}
.text-decoration--line-through-xl {
text-decoration: line-through
}
}
@media all and (min-width: 2000px) {
.text-decoration--none-xxl {
text-decoration: none
}
.text-decoration--underline-xxl {
text-decoration: underline
}
.text-decoration--line-through-xxl {
text-decoration: line-through
}
}
.text-decoration-color--success-600 {
text-decoration-color: #34b76d
}
.text-decoration-color--blue-500 {
text-decoration-color: #0047bb
}
@media all and (min-width: 600px) {
.text-decoration-color--success-600-sm {
text-decoration-color: #34b76d
}
.text-decoration-color--blue-500-sm {
text-decoration-color: #0047bb
}
}
@media all and (min-width: 991px) {
.text-decoration-color--success-600-md {
text-decoration-color: #34b76d
}
.text-decoration-color--blue-500-md {
text-decoration-color: #0047bb
}
}
@media all and (min-width: 991px) {
.text-decoration-color--success-600-mdl {
text-decoration-color: #34b76d
}
.text-decoration-color--blue-500-mdl {
text-decoration-color: #0047bb
}
}
@media all and (min-width: 1200px) {
.text-decoration-color--success-600-lg {
text-decoration-color: #34b76d
}
.text-decoration-color--blue-500-lg {
text-decoration-color: #0047bb
}
}
@media all and (min-width: 1600px) {
.text-decoration-color--success-600-xl {
text-decoration-color: #34b76d
}
.text-decoration-color--blue-500-xl {
text-decoration-color: #0047bb
}
}
@media all and (min-width: 2000px) {
.text-decoration-color--success-600-xxl {
text-decoration-color: #34b76d
}
.text-decoration-color--blue-500-xxl {
text-decoration-color: #0047bb
}
}
.text-transform--uppercase {
text-transform: uppercase
}
.text-transform--lowercase {
text-transform: lowercase
}
.text-transform--capitalize {
text-transform: capitalize
}
.text-transform--none {
text-transform: none
}
@media all and (min-width: 600px) {
.text-transform--uppercase-sm {
text-transform: uppercase
}
.text-transform--lowercase-sm {
text-transform: lowercase
}
.text-transform--capitalize-sm {
text-transform: capitalize
}
.text-transform--none-sm {
text-transform: none
}
}
@media all and (min-width: 991px) {
.text-transform--uppercase-md {
text-transform: uppercase
}
.text-transform--lowercase-md {
text-transform: lowercase
}
.text-transform--capitalize-md {
text-transform: capitalize
}
.text-transform--none-md {
text-transform: none
}
}
@media all and (min-width: 991px) {
.text-transform--uppercase-mdl {
text-transform: uppercase
}
.text-transform--lowercase-mdl {
text-transform: lowercase
}
.text-transform--capitalize-mdl {
text-transform: capitalize
}
.text-transform--none-mdl {
text-transform: none
}
}
@media all and (min-width: 1200px) {
.text-transform--uppercase-lg {
text-transform: uppercase
}
.text-transform--lowercase-lg {
text-transform: lowercase
}
.text-transform--capitalize-lg {
text-transform: capitalize
}
.text-transform--none-lg {
text-transform: none
}
}
@media all and (min-width: 1600px) {
.text-transform--uppercase-xl {
text-transform: uppercase
}
.text-transform--lowercase-xl {
text-transform: lowercase
}
.text-transform--capitalize-xl {
text-transform: capitalize
}
.text-transform--none-xl {
text-transform: none
}
}
@media all and (min-width: 2000px) {
.text-transform--uppercase-xxl {
text-transform: uppercase
}
.text-transform--lowercase-xxl {
text-transform: lowercase
}
.text-transform--capitalize-xxl {
text-transform: capitalize
}
.text-transform--none-xxl {
text-transform: none
}
}
.white-space--normal {
white-space: normal
}
.white-space--no-wrap {
white-space: nowrap
}
@media all and (min-width: 600px) {
.white-space--normal-sm {
white-space: normal
}
.white-space--no-wrap-sm {
white-space: nowrap
}
}
@media all and (min-width: 991px) {
.white-space--normal-md {
white-space: normal
}
.white-space--no-wrap-md {
white-space: nowrap
}
}
@media all and (min-width: 991px) {
.white-space--normal-mdl {
white-space: normal
}
.white-space--no-wrap-mdl {
white-space: nowrap
}
}
@media all and (min-width: 1200px) {
.white-space--normal-lg {
white-space: normal
}
.white-space--no-wrap-lg {
white-space: nowrap
}
}
@media all and (min-width: 1600px) {
.white-space--normal-xl {
white-space: normal
}
.white-space--no-wrap-xl {
white-space: nowrap
}
}
@media all and (min-width: 2000px) {
.white-space--normal-xxl {
white-space: normal
}
.white-space--no-wrap-xxl {
white-space: nowrap
}
}
.word-break--normal {
word-break: normal
}
.word-break--word {
word-break: break-word
}
.word-break--all {
word-break: break-all
}
@media all and (min-width: 600px) {
.word-break--normal-sm {
word-break: normal
}
.word-break--word-sm {
word-break: break-word
}
.word-break--all-sm {
word-break: break-all
}
}
@media all and (min-width: 991px) {
.word-break--normal-md {
word-break: normal
}
.word-break--word-md {
word-break: break-word
}
.word-break--all-md {
word-break: break-all
}
}
@media all and (min-width: 991px) {
.word-break--normal-mdl {
word-break: normal
}
.word-break--word-mdl {
word-break: break-word
}
.word-break--all-mdl {
word-break: break-all
}
}
@media all and (min-width: 1200px) {
.word-break--normal-lg {
word-break: normal
}
.word-break--word-lg {
word-break: break-word
}
.word-break--all-lg {
word-break: break-all
}
}
@media all and (min-width: 1600px) {
.word-break--normal-xl {
word-break: normal
}
.word-break--word-xl {
word-break: break-word
}
.word-break--all-xl {
word-break: break-all
}
}
@media all and (min-width: 2000px) {
.word-break--normal-xxl {
word-break: normal
}
.word-break--word-xxl {
word-break: break-word
}
.word-break--all-xxl {
word-break: break-all
}
}
.blurred-background {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
background-color: rgba(34, 30, 40, .8)
}
.bonus-tag-wrapper {
position: relative;
margin-top: -10px;
background-color: #fde8e9;
border-bottom-left-radius: .5rem;
border-bottom-right-radius: .5rem;
width: 100%;
display: flex;
align-items: flex-start;
flex-direction: column;
z-index: 1;
padding: 1rem;
padding-top: 4.5rem;
left: 0;
gap: .5rem
}
.bonus-tag-wrapper__bonus-tag-benefit {
display: flex;
flex-direction: row;
gap: .5rem;
align-items: center
}
.bonus-tag-wrapper__bonus-tag-benefit-value {
display: flex;
gap: 4px
}
.bonus-tag-wrapper__bonus-tag {
position: absolute;
top: 25px;
left: -14px
}
[dir=rtl] .bonus-tag-wrapper__bonus-tag {
left: auto;
right: -14px
}
.bonus-tag {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
color: #fff;
font-weight: 400;
font-size: .875rem;
border-radius: .5rem;
padding: 4px 8px;
background: linear-gradient(88deg, #EF5C61 0%, #B41118 41.73%, #BA161C 90.77%)
}
.button {
min-width: 100%;
padding: .75rem 1.5rem;
justify-content: center;
border-radius: 2rem;
font-weight: 500;
font-size: var(--font-size-16);
line-height: 16px;
transition: background-color .25s ease, box-shadow .25s ease;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
border: .125rem solid rgba(0, 0, 0, 0)
}
.button.flexible-width {
min-width: fit-content
}
.button--large,
.button--medium {
padding: 1rem 1.5rem
}
.button--large.button--icon,
.button--medium.button--icon {
padding: 1rem;
border-radius: 1rem
}
.button--large.button--icon.button--secondary,
.button--medium.button--icon.button--secondary {
padding: calc(1rem - 2px)
}
.button--large.button--secondary,
.button--medium.button--secondary {
padding: calc(1rem - 2px) calc(1.5rem - 2px)
}
.button--medium {
font-size: var(--font-size-14);
font-weight: 700
}
.button--medium.button--icon {
padding: .75rem;
border-radius: .75rem
}
.button--medium.button--icon.button--secondary {
padding: calc(.75rem - 2px)
}
.button--small {
padding: .75rem 1rem;
font-size: var(--font-size-12);
line-height: 16px
}
.button--small.button--icon {
padding: .625rem;
border-radius: .75rem
}
.button--small.button--icon.button--secondary {
padding: calc(.625rem - 2px)
}
.button--small.button--secondary {
padding: calc(.75rem - 2px) calc(1rem - 2px)
}
.button--x-small {
padding: .75rem;
font-size: var(--font-size-10);
line-height: 16px
}
.button--x-small.button--loading {
padding: .75rem 1rem
}
.button--x-small.button--loading.button--secondary {
padding: calc(.75rem - 2px) calc(1rem - 2px)
}
.button--x-small.button--icon {
padding: .5rem;
border-radius: .5rem
}
.button--x-small.button--icon.button--secondary {
padding: calc(.5rem - 2px)
}
.button--icon {
min-width: fit-content;
height: fit-content
}
.button--icon:disabled.button>.svg__stroke {
stroke: #6d6d6d
}
.button--icon:disabled.button>.svg__fill {
fill: #6d6d6d
}
.button--icon:disabled.button--primary>.svg__stroke {
stroke: #f4f4f4
}
.button--icon:disabled.button--primary>.svg__fill {
fill: #f4f4f4
}
.button--primary:focus,
.button--secondary:focus,
.button--tertiary:focus {
box-shadow: 0px 0px 0px 3px #f7979a
}
.button--primary,
.button--tertiary {
border: 0
}
.button--primary {
background-color: #ed1c24;
color: #fff
}
.button--primary:hover {
background-color: #a91419;
color: #f9b9bb
}
.button--primary:active {
background-color: #800f15;
color: #f7979a
}
.button--primary:focus {
color: #f9b9bb
}
.button--primary:disabled {
background-color: #6d6d6d;
color: #f4f4f4
}
.button--primary.button--loading {
background-color: #f4f4f4
}
.button--primary.button--loading:hover {
background-color: #f4f4f4
}
.button--primary.button--loading:active {
background-color: #f4f4f4
}
.button--primary.button--loading:focus {
background-color: #f4f4f4
}
.button--primary.button--loading:disabled {
background-color: #f4f4f4
}
.button:disabled {
cursor: default;
color: rgba(244, 244, 244, .65)
}
.button--secondary {
background-color: #fff;
color: #ed1c24;
border-color: #ed1c24
}
.button--secondary:hover {
background-color: #fde8e9;
color: #d71923;
border-color: #d71923
}
.button--secondary:active {
background-color: #f9b9bb;
color: #a91419;
border-color: #a91419
}
.button--secondary:focus {
background-color: #fde8e9;
color: #ed1c24
}
.button--secondary:disabled {
background-color: #fff;
color: #6d6d6d;
border-color: #e0e0e0
}
.button--secondary.button--loading {
border-color: rgba(0, 0, 0, 0)
}
.button--tertiary {
color: #ed1c24;
background-color: #fff
}
.button--tertiary:hover {
background-color: #fde8e9;
color: #d71923
}
.button--tertiary:active {
background-color: #f9b9bb;
color: #a91419
}
.button--tertiary:focus {
background-color: #fde8e9;
color: #ed1c24
}
.button--tertiary:disabled {
background-color: #fff;
color: #6d6d6d
}
.button--secondary.button--loading:hover,
.button--tertiary.button--loading:hover {
background-color: rgba(0, 0, 0, 0)
}
.button--secondary.button--loading:active,
.button--tertiary.button--loading:active {
background-color: rgba(0, 0, 0, 0)
}
.button--secondary.button--loading:focus,
.button--tertiary.button--loading:focus {
background-color: rgba(0, 0, 0, 0)
}
.button--secondary.button--loading:disabled,
.button--tertiary.button--loading:disabled {
background-color: rgba(0, 0, 0, 0)
}
.calendar__widget {
width: 100%;
border: none;
background-color: #fff;
padding: 1rem;
border-radius: .5rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
font-family: inherit
}
@media(max-width: 640px) {
.calendar__widget {
padding: .75rem
}
}
.calendar__widget .react-calendar {
width: 100%;
border: none;
background: rgba(0, 0, 0, 0);
font-family: inherit
}
.calendar__widget .react-calendar__navigation {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
gap: .25rem
}
.calendar__widget .react-calendar__navigation button {
min-width: 2rem;
background: rgba(0, 0, 0, 0);
font-size: 1rem;
color: #374151;
border: none;
padding: .5rem
}
.calendar__widget .react-calendar__navigation__arrow {
background: #fff;
color: #1f2937;
border: 1px solid #e5e7eb;
font-size: 1.125rem;
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important
}
.calendar__widget .react-calendar__navigation__arrow:enabled:hover {
background: #f3f4f6
}
@media(max-width: 640px) {
.calendar__widget .react-calendar__navigation__arrow {
width: 28px !important;
height: 28px !important
}
}
.calendar__widget .react-calendar__navigation__label {
font-weight: 600;
font-size: 1rem;
color: #1f2937 !important;
text-align: center;
flex: 1;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(0, 0, 0, 0) !important
}
.calendar__widget .react-calendar__navigation__label:hover,
.calendar__widget .react-calendar__navigation__label:focus,
.calendar__widget .react-calendar__navigation__label:active {
color: #1f2937 !important;
background: rgba(0, 0, 0, 0) !important
}
.calendar__widget .react-calendar__navigation__label.react-calendar__tile--now,
.calendar__widget .react-calendar__navigation__label.react-calendar__tile--active {
color: #1f2937 !important;
background: rgba(0, 0, 0, 0) !important
}
@media(max-width: 640px) {
.calendar__widget .react-calendar__navigation__label {
font-size: .875rem
}
}
.calendar__widget .react-calendar__month-view__weekdays {
text-align: center;
text-transform: uppercase;
font-size: .75rem;
font-weight: 400;
color: #6b7280;
border-bottom: 1px solid #e5e7eb;
padding-bottom: .5rem;
margin-bottom: .5rem;
gap: .25rem;
display: grid !important;
grid-template-columns: repeat(7, 1fr) !important
}
@media(max-width: 640px) {
.calendar__widget .react-calendar__month-view__weekdays {
font-size: 10px;
gap: .125rem
}
}
.calendar__widget .react-calendar__month-view__weekdays__weekday {
padding: .5rem 0;
display: flex;
align-items: center;
justify-content: center
}
.calendar__widget .react-calendar__month-view__weekdays__weekday abbr {
text-decoration: none
}
.calendar__widget .react-calendar__month-view__days {
display: grid !important;
grid-template-columns: repeat(7, 1fr) !important;
gap: .25rem
}
@media(max-width: 640px) {
.calendar__widget .react-calendar__month-view__days {
gap: .125rem
}
}
.calendar__widget .react-calendar__tile {
font-size: .875rem;
color: #1f2937;
background: rgba(0, 0, 0, 0);
border: none;
border-radius: 9999px;
margin: 0 auto;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 40px !important;
width: 40px !important
}
@media(max-width: 640px) {
.calendar__widget .react-calendar__tile {
font-size: .75rem;
height: 36px !important;
width: 36px !important
}
}
.calendar__widget .react-calendar__tile:enabled:hover {
background: #f3f4f6
}
.calendar__widget .react-calendar__tile.react-calendar__tile--now {
color: #0047bb
}
.calendar__widget .react-calendar__tile.react-calendar__tile--active {
color: #fff;
background-color: #0047bb
}
.calendar__widget .react-calendar__tile.react-calendar__tile--active:hover,
.calendar__widget .react-calendar__tile.react-calendar__tile--active:focus {
background-color: #0047bb
}
.calendar__widget .react-calendar__tile.react-calendar__month-view__days__day.react-calendar__month-view__days__day--neighboringMonth {
color: #e0e0e0 !important
}
.calendar__widget .react-calendar__tile.react-calendar__tile--disabled {
color: #e5e7eb;
cursor: not-allowed
}
.calendar__widget .react-calendar__year-view__months,
.calendar__widget .react-calendar__decade-view__years,
.calendar__widget .react-calendar__century-view__decades {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: .5rem
}
@media(max-width: 640px) {
.calendar__widget .react-calendar__year-view__months,
.calendar__widget .react-calendar__decade-view__years,
.calendar__widget .react-calendar__century-view__decades {
gap: .25rem
}
}
.calendar__widget .react-calendar__year-view__months__month,
.calendar__widget .react-calendar__decade-view__years__year,
.calendar__widget .react-calendar__century-view__decades__decade {
border-radius: 9999px;
font-size: .875rem;
background: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
justify-content: center;
width: 80px !important;
height: 80px !important;
margin: 0 auto !important;
padding: 8px
}
@media(max-width: 640px) {
.calendar__widget .react-calendar__year-view__months__month,
.calendar__widget .react-calendar__decade-view__years__year,
.calendar__widget .react-calendar__century-view__decades__decade {
font-size: .75rem;
width: 68px !important;
height: 68px !important;
padding: 6px !important
}
}
.calendar__widget .react-calendar__year-view__months__month:hover,
.calendar__widget .react-calendar__decade-view__years__year:hover,
.calendar__widget .react-calendar__century-view__decades__decade:hover {
background: #f3f4f6;
cursor: pointer
}
.checkbox-simple {
position: relative;
display: inline-block;
width: 1.25rem;
height: 1.25rem
}
.checkbox-simple__container {
position: relative;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
box-shadow: 0px 1px 3px rgba(34, 30, 32, .2);
padding: 0;
border: .125rem solid #bfbfbf
}
.checkbox-simple__container--square {
border-radius: .313rem
}
.checkbox-simple__container--round {
border-radius: 50%
}
.checkbox-simple__container--mask {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: inherit
}
.checkbox-simple__container--mask svg {
opacity: 0;
transition: opacity .2s ease-in-out
}
.checkbox-simple__container.checked {
border: .125rem solid #0047bb;
background-color: #0047bb
}
.checkbox-simple__container.checked .checkbox-simple__container--mask {
background-color: #0047bb
}
.checkbox-simple__container.checked .checkbox-simple__container--mask svg {
opacity: 1
}
.checkbox-simple__container.disabled {
border: .125rem solid #bfbfbf
}
.checkbox-simple input[type=checkbox] {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 1;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3);
top: 0;
left: 0
}
.checkbox-simple input[type=checkbox].disabled {
cursor: default
}
.checkbox {
position: relative
}
.checkbox__container {
background-color: #f4f4f4;
border-radius: .75rem;
box-shadow: 0px 1px 3px rgba(34, 30, 32, .2);
padding: calc(1rem - 2px) 1rem calc(1rem - 2px) 1.5rem;
width: 100%
}
[dir=rtl] .checkbox__container {
padding-left: 1rem;
padding-right: 1.5rem
}
@media all and (min-width: 1200px) {
[dir=rtl] .checkbox__container {
padding: .75rem 0
}
}
@media all and (min-width: 1200px) {
.checkbox__container {
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
box-shadow: none;
padding: .75rem 0
}
}
.checkbox__mask {
position: absolute;
border: 2px solid #8f8f8f;
width: 1rem;
height: 1rem;
border-radius: 5px;
top: 50%;
transform: translateY(-50%);
left: 1.5rem;
background-color: #fff
}
@media all and (min-width: 1200px) {
.checkbox__mask {
left: 0
}
}
[dir=rtl] .checkbox__mask {
left: initial;
right: 1.5rem
}
@media all and (min-width: 1200px) {
[dir=rtl] .checkbox__mask {
left: initial;
right: 0
}
}
.checkbox__mask svg {
width: .75rem;
height: .75rem
}
.checkbox__mask::after {
position: absolute;
width: 1rem;
height: 1rem;
border-radius: 5px;
top: 50%;
transform: translateY(-50%);
content: "";
z-index: 0
}
.checkbox input {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 9;
cursor: pointer
}
@media all and (min-width: 1200px) {
.checkbox input {
left: 0;
width: 2.438rem
}
}
[dir=rtl] .checkbox input {
left: initial;
right: 1.5rem
}
@media all and (min-width: 1200px) {
[dir=rtl] .checkbox input {
left: initial;
right: 0
}
}
@media all and (max-width: 600px) {
.checkbox input:focus+.checkbox__container {
border: .063rem solid #0047bb;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3);
padding: calc(1rem - 3px) calc(1rem - 1px) calc(1rem - 3px) calc(1.5rem - 1px)
}
.checkbox input:focus+.checkbox__container>.checkbox__mask {
box-shadow: 0px 0px 0px 2px rgba(0, 71, 187, .3)
}
}
.checkbox input:checked+.checkbox__container>.checkbox__mask {
border: 1px solid #0047bb;
background: #0047bb
}
.checkbox input:checked+.checkbox__container>.checkbox__mask::after {
filter: blur(1px);
border: 1px solid #0047bb
}
.checkbox input:not(:checked)+.checkbox__container>.checkbox__mask svg {
opacity: 0
}
.checkbox input:disabled+.checkbox__container>.checkbox__mask {
border-color: #bfbfbf
}
.checkbox input:disabled~label {
color: #6d6d6d
}
.checkbox label {
font-size: var(--font-size-14);
line-height: 20px
}
@media all and (min-width: 1200px) {
.checkbox label {
font-size: var(--font-size-16);
line-height: 24px;
display: inline-flex
}
}
.container {
width: 100%;
height: auto;
margin: auto;
padding: 0;
border-radius: 0
}
.container--min-height-100 {
min-height: 100vh
}
.container--max-width-400 {
max-width: 400px
}
@media all and (min-width: 600px) {
.container {
padding: 0;
height: auto
}
}
.divider {
gap: 6px
}
.divider>hr {
border-width: 0
}
.divider>hr.horizontal {
border-top-width: .063rem;
border-top-color: #e0e0e0;
flex-grow: 1
}
.divider>hr.vertical {
border-left-width: .125rem;
border-left-color: #e0e0e0;
height: 24px
}
.divider__border-color--white>hr.horizontal {
border-top-color: #ffffff;
flex-grow: 1
}
.divider__border-color--white>hr.vertical {
border-left-width: .125rem;
border-left-color: #ffffff;
height: 24px
}
.divider__border-color--black>hr.horizontal {
border-top-color: #221e20;
flex-grow: 1
}
.divider__border-color--black>hr.vertical {
border-left-width: .125rem;
border-left-color: #221e20;
height: 24px
}
.divider__border-color--danger-700>hr.horizontal {
border-top-color: #b21217;
flex-grow: 1
}
.divider__border-color--danger-700>hr.vertical {
border-left-width: .125rem;
border-left-color: #b21217;
height: 24px
}
.divider__border-color--danger-500>hr.horizontal {
border-top-color: #ff585d;
flex-grow: 1
}
.divider__border-color--danger-500>hr.vertical {
border-left-width: .125rem;
border-left-color: #ff585d;
height: 24px
}
.divider__border-color--danger-600>hr.horizontal {
border-top-color: #e52228;
flex-grow: 1
}
.divider__border-color--danger-600>hr.vertical {
border-left-width: .125rem;
border-left-color: #e52228;
height: 24px
}
.divider__border-color--info-900>hr.horizontal {
border-top-color: #37534e;
flex-grow: 1
}
.divider__border-color--info-900>hr.vertical {
border-left-width: .125rem;
border-left-color: #37534e;
height: 24px
}
.divider__border-color--success-50>hr.horizontal {
border-top-color: #ebfaf2;
flex-grow: 1
}
.divider__border-color--success-50>hr.vertical {
border-left-width: .125rem;
border-left-color: #ebfaf2;
height: 24px
}
.divider__border-color--success-600>hr.horizontal {
border-top-color: #34b76d;
flex-grow: 1
}
.divider__border-color--success-600>hr.vertical {
border-left-width: .125rem;
border-left-color: #34b76d;
height: 24px
}
.divider__border-color--blue-500>hr.horizontal {
border-top-color: #0047bb;
flex-grow: 1
}
.divider__border-color--blue-500>hr.vertical {
border-left-width: .125rem;
border-left-color: #0047bb;
height: 24px
}
.divider__border-color--red-500>hr.horizontal {
border-top-color: #ed1c24;
flex-grow: 1
}
.divider__border-color--red-500>hr.vertical {
border-left-width: .125rem;
border-left-color: #ed1c24;
height: 24px
}
.divider__border-color--neutral-gray-100>hr.horizontal {
border-top-color: #aaaaaa;
flex-grow: 1
}
.divider__border-color--neutral-gray-100>hr.vertical {
border-left-width: .125rem;
border-left-color: #aaaaaa;
height: 24px
}
.divider__border-color--neutral-gray-300>hr.horizontal {
border-top-color: #6d6d6d;
flex-grow: 1
}
.divider__border-color--neutral-gray-300>hr.vertical {
border-left-width: .125rem;
border-left-color: #6d6d6d;
height: 24px
}
.divider__border-color--gray-200>hr.horizontal {
border-top-color: #898989;
flex-grow: 1
}
.divider__border-color--gray-200>hr.vertical {
border-left-width: .125rem;
border-left-color: #898989;
height: 24px
}
.divider__border-color--warning-800>hr.horizontal {
border-top-color: #856c00;
flex-grow: 1
}
.divider__border-color--warning-800>hr.vertical {
border-left-width: .125rem;
border-left-color: #856c00;
height: 24px
}
.inline-message {
border-width: .063rem;
border-style: solid;
border-radius: .5rem;
letter-spacing: .033rem
}
.inline-message--success {
border-color: #39cb78;
background-color: #ebfaf2
}
.inline-message--success h3,
.inline-message--success p {
color: #34b76d
}
.inline-message--error {
border-color: #e52228;
background-color: #ffe5e6
}
.inline-message--error h3,
.inline-message--error p {
color: #660003
}
.inline-message--info {
border-color: #5e8d84;
background-color: #f4faf9
}
.inline-message--info h3,
.inline-message--info p {
color: #37534e
}
.inline-message--warning {
border-color: #ad8e00;
background-color: #fef9e7
}
.inline-message--warning h3,
.inline-message--warning p {
color: #856c00
}
.icon-box {
height: 2rem;
width: 2rem
}
.icon-box__size--xxx-small {
width: 2rem;
height: 2rem
}
.icon-box__size--xx-small {
width: 2.25rem;
height: 2.25rem
}
.icon-box__size--x-small {
width: 2.5rem;
height: 2.5rem
}
.icon-box__size--small {
width: 3rem;
height: 3rem
}
.icon-box__size--medium {
width: 3.5rem;
height: 3.5rem
}
.icon-box__size--large {
width: 4rem;
height: 4rem
}
.icon-box__size--x-large {
width: 4.5rem;
height: 4.5rem
}
.icon-box__size--xx-large {
width: 5rem;
height: 5rem
}
.icon-box__size--xxx-large {
width: 6rem;
height: 6rem
}
.icon-box__background-color--none {
background-color: transparent
}
.icon-box__background-color--white {
background-color: #ffffff
}
.icon-box__background-color--black {
background-color: #221e20
}
.icon-box__background-color--primary-50 {
background-color: #fde8e9
}
.icon-box__background-color--danger-700 {
background-color: #b21217
}
.icon-box__background-color--danger-500 {
background-color: #ff585d
}
.icon-box__background-color--danger-600 {
background-color: #e52228
}
.icon-box__background-color--info-800 {
background-color: #496e67
}
.icon-box__background-color--info-900 {
background-color: #37534e
}
.icon-box__background-color--success-50 {
background-color: #ebfaf2
}
.icon-box__background-color--success-600 {
background-color: #34b76d
}
.icon-box__background-color--blue-50 {
background-color: #e6efff
}
.icon-box__background-color--blue-500 {
background-color: #0047bb
}
.icon-box__background-color--red-500 {
background-color: #ed1c24
}
.icon-box__background-color--neutral-gray-100 {
background-color: #aaaaaa
}
.icon-box__background-color--neutral-gray-300 {
background-color: #6d6d6d
}
.icon-box__background-color--gray-200 {
background-color: #898989
}
.icon-box__background-color--warning-100 {
background-color: #fbedb1
}
.icon-box__background-color--warning-800 {
background-color: #856c00
}
.icon-box__background-color--disabled-stroke {
background-color: #bfbfbf
}
.icon-box__background-color--neutral-lightgray-100 {
background-color: #f9f9f9
}
.icon-box:hover.style-type--both svg,
.icon-box:hover.style-type--stroke svg,
.icon-box:hover.style-type--fill svg {
fill: #0047bb
}
.icon-box:hover.style-type--both svg,
.icon-box:hover.style-type--stroke svg {
stroke: #0047bb
}
.input-numeric {
position: relative
}
.input-numeric input {
border-radius: .5rem;
font-size: var(--font-size-16);
line-height: 16px;
border: .063rem solid #8f8f8f;
padding: 1.5rem;
width: 3.75rem;
text-align: center
}
@media all and (min-width: 1200px) {
.input-numeric input {
padding: 2rem;
width: 4.75rem
}
}
.input-numeric input:focus,
.input-numeric input:focus-visible {
outline: none;
border: 2px solid #0047bb;
box-shadow: 0px 0px 0px 3px rgba(115, 159, 230, .3);
padding: calc(1.5rem - 1px)
}
@media all and (min-width: 1200px) {
.input-numeric input:focus,
.input-numeric input:focus-visible {
padding: calc(2rem - 1px)
}
}
.input-numeric input:focus~.svg__stroke,
.input-numeric input:focus-visible~.svg__stroke {
stroke: #0047bb
}
.input-numeric input:focus~.svg__fill,
.input-numeric input:focus-visible~.svg__fill {
fill: #0047bb
}
.input-numeric input:disabled {
background-color: #f0f0f0;
color: #6d6d6d
}
.input-numeric input:disabled~label,
.input-numeric input:disabled~p {
color: #6d6d6d
}
.input-numeric input:disabled {
border-color: #ccc
}
.input-numeric--flag input {
width: 87px;
padding: 1rem .75rem;
padding-left: 2.5rem;
height: 3.5rem
}
@media all and (min-width: 1200px) {
.input-numeric--flag input {
padding-top: .75rem;
padding-bottom: .75rem;
height: 3rem
}
}
[dir=rtl] .input-numeric--flag input {
padding-left: 0;
padding-right: 2.5rem
}
.input-numeric--flag input:focus {
padding: calc(1rem - 1px) calc(.75rem - 1px) calc(1rem - 1px) calc(2.5rem - 1px)
}
[dir=rtl] .input-numeric--flag input:focus {
padding-left: 0;
padding-right: calc(2.5rem - 1px)
}
.input-numeric--flag svg {
position: absolute;
left: .5rem;
top: 1rem
}
@media all and (min-width: 1200px) {
.input-numeric--flag svg {
top: .75rem
}
}
[dir=rtl] .input-numeric--flag svg {
left: unset;
right: .5rem
}
.input-numeric--success input {
border-color: #34b76d
}
.input-numeric--success input:focus {
box-shadow: 0px 0px 0px 3px #c3efd5;
border-color: #34b76d
}
.input-numeric--success p {
color: #34b76d
}
.input-numeric--error input {
border-color: #b21217
}
.input-numeric--error input:focus {
outline: none;
box-shadow: 0px 0px 0px 3px #ff999c;
border-color: #b21217
}
.input-numeric--error p {
color: #b21217
}
.field-group {
position: relative;
display: inline-flex;
width: 100%;
margin-top: 1.5rem
}
.field-group .leading-icon-position {
position: absolute;
left: .5rem;
top: 1.125rem;
z-index: 1
}
[dir=rtl] .field-group .leading-icon-position {
left: auto;
right: .5rem
}
@media all and (min-width: 991px) {
.field-group .leading-icon-position {
top: .75rem
}
}
.field-group--numeric .input-numeric {
position: absolute
}
.field-group--numeric.field-group .field-group__icon--leading {
left: calc(87px + .75rem + .5rem)
}
[dir=rtl] .field-group--numeric.field-group .field-group__icon--leading {
left: unset;
right: calc(87px + .75rem + .5rem)
}
.field-group--numeric.field-group .field-group__icon--leading+label {
left: calc(87px + .75rem + .5rem + 1.5rem + .75rem)
}
[dir=rtl] .field-group--numeric.field-group .field-group__icon--leading+label {
left: unset;
right: calc(87px + .75rem + .5rem + 1.5rem + .75rem)
}
.field-group--numeric>input {
width: calc(100% - 6.25rem)
}
.field-group__icon {
position: absolute;
top: 1.125rem
}
@media all and (min-width: 991px) {
.field-group__icon {
top: .75rem
}
}
.field-group__icon--leading {
left: .5rem
}
[dir=rtl] .field-group__icon--leading {
left: unset;
right: .5rem
}
.field-group__actions {
position: absolute;
right: .75rem;
top: 1.125rem
}
@media all and (min-width: 991px) {
.field-group__actions {
top: .75rem
}
}
[dir=rtl] .field-group__actions {
left: .75rem;
right: unset
}
.field-group__actions .clickable {
cursor: pointer
}
.field-group label {
transition: top .25s ease, left .25s ease;
position: absolute;
left: .75rem;
font-size: var(--font-size-16);
line-height: 16px;
top: 1.375rem;
color: #6d6d6d
}
@media all and (min-width: 991px) {
.field-group label {
top: 1rem
}
}
.field-group label {
cursor: text
}
[dir=rtl] .field-group label {
left: initial;
right: .75rem;
line-height: 1.25
}
.field-group--large-label label {
top: .75rem
}
.field-group>input {
font-size: var(--font-size-16);
line-height: 16px;
border: .063rem solid #8f8f8f;
border-radius: .5rem;
padding: 1rem;
flex-grow: 1;
height: 3.5rem
}
@media all and (min-width: 991px) {
.field-group>input {
padding: .75rem;
height: 3rem
}
}
.field-group>input.filled~label,
.field-group>input:-webkit-autofill~label,
.field-group>input:not(:placeholder-shown)~label,
.field-group>input:focus~label {
top: -1.5rem;
left: 0;
font-size: var(--font-size-14);
line-height: 16px;
font-weight: 500;
color: #aaa
}
[dir=rtl] .field-group>input.filled~label,
[dir=rtl] .field-group>input:-webkit-autofill~label,
[dir=rtl] .field-group>input:not(:placeholder-shown)~label,
[dir=rtl] .field-group>input:focus~label {
left: initial;
right: 0;
line-height: 1.25
}
@media all and (min-width: 991px) {
.field-group>input:hover {
border-color: #595959
}
}
.field-group>input:focus,
.field-group>input:focus-visible {
outline: none;
border: .125rem solid #0047bb;
box-shadow: 0px 0px 0px 3px rgba(115, 159, 230, .3);
padding: calc(1rem - 1px)
}
@media all and (min-width: 991px) {
.field-group>input:focus,
.field-group>input:focus-visible {
padding: calc(.75rem - 1px)
}
}
.field-group>input:focus~.svg__stroke,
.field-group>input:focus-visible~.svg__stroke {
stroke: #0047bb
}
.field-group>input:focus~.svg__fill,
.field-group>input:focus-visible~.svg__fill {
fill: #0047bb
}
.field-group>input:disabled {
background-color: #f0f0f0;
color: #6d6d6d
}
.field-group>input:disabled~label {
color: #aaa
}
.field-group>input:disabled~p {
color: #6d6d6d
}
.field-group>input:disabled {
border-color: #ccc
}
.field-group>input.icon--leading {
padding-left: 2.75rem
}
[dir=rtl] .field-group>input.icon--leading {
padding-left: 0;
padding-right: 2.75rem
}
.field-group>input.icon--leading~label {
left: 2.75rem
}
[dir=rtl] .field-group>input.icon--leading~label {
left: unset;
right: 2.75rem
}
.field-group>input.icon--leading.filled~label,
.field-group>input.icon--leading:focus~label {
left: 0
}
[dir=rtl] .field-group>input.icon--leading.filled~label,
[dir=rtl] .field-group>input.icon--leading:focus~label {
left: unset;
right: 0;
line-height: 1.25
}
.field-group>input.icon--trailing {
padding-right: 3.75rem
}
[dir=rtl] .field-group>input.icon--trailing {
padding-right: .75rem;
padding-left: 3.75rem
}
.field-group>input.icon--trailing.icon--leading {
padding-right: 3.75rem;
padding-left: 2.75rem
}
[dir=rtl] .field-group>input.icon--trailing.icon--leading {
padding-right: 2.75rem;
padding-left: 3.75rem
}
.field-group--error input {
border-color: #ff585d
}
.field-group--error input:focus,
.field-group--error input:focus-visible {
outline: none;
box-shadow: 0px 0px 0px 3px rgba(255, 178, 181, .3);
border-color: #ff585d
}
.field-group--error input:focus~.svg__stroke,
.field-group--error input:focus-visible~.svg__stroke {
stroke: #221e20
}
.field-group--error input:focus~.svg__fill,
.field-group--error input:focus-visible~.svg__fill {
fill: #221e20
}
.field-group--error .field-group__error-msg {
color: #ff585d;
font-weight: 600
}
.field-group--success input {
border-color: #34b76d
}
.field-group--success input:focus {
box-shadow: 0px 0px 0px 3px #c3efd5;
border-color: #34b76d
}
[dir=rtl] .field-group__hint,
[dir=rtl] .field-group__error-msg {
left: unset;
right: 0
}
.field-group__hint svg,
.field-group__error-msg svg {
min-width: 1.25rem
}
.label-info--warning {
background-color: #fbedb1;
color: #856c00
}
.label-info--informative {
background-color: #d8eeea;
color: #37534e
}
.label-info--error {
background-color: #ffccce;
color: #b21217
}
.label-info__sanitized a,
.label-info__link {
font-size: var(--font-size-12);
color: #ed1c24;
text-decoration: underline;
font-weight: 600
}
@media all and (min-width: 991px) {
.label-info__sanitized a,
.label-info__link {
font-size: var(--font-size-16)
}
}
.label-info__sanitized a svg,
.label-info__link svg {
fill: #221e20;
width: 1rem;
height: 1rem
}
@media all and (min-width: 991px) {
.label-info__sanitized a svg,
.label-info__link svg {
width: 1.25rem;
height: 1.25rem
}
}
.label-info__sanitized a:hover,
.label-info__link:hover {
text-decoration: underline;
color: #a91419
}
.label-message {
position: relative;
border-radius: .25rem;
padding: .125rem .125rem .125rem 1.125rem
}
[dir=rtl] .label-message {
padding: .125rem 1.125rem .125rem .125rem
}
@media all and (min-width: 991px) {
.label-message {
padding: .25rem .25rem .25rem 1.25rem
}
[dir=rtl] .label-message {
padding: .25rem 1.25rem .25rem .25rem
}
}
.label-message svg {
position: absolute;
top: .313rem;
left: .125rem
}
[dir=rtl] .label-message svg {
left: initial;
right: .125rem
}
@media all and (min-width: 991px) {
.label-message svg {
top: .438rem;
left: .188rem
}
[dir=rtl] .label-message svg {
left: initial;
right: .188rem
}
}
.label-message p {
font-size: var(--font-size-14);
line-height: 20px
}
.label-message a,
.label-message button {
text-decoration: underline
}
.label-message a:hover,
.label-message button:hover {
text-decoration: none
}
.label-message--neutral {
background-color: #e0e0e0;
color: #221e20
}
.label-message--neutral svg {
fill: #221e20
}
.label-message--neutral.clickable {
cursor: pointer
}
.label-message--neutral.clickable p {
text-decoration: underline;
text-decoration-color: #221e20
}
.label-message--negative {
background-color: #fde8e9;
color: #b21217
}
.label-message--negative svg {
fill: #b21217
}
.label-message--negative.clickable {
cursor: pointer
}
.label-message--negative.clickable p {
text-decoration: underline;
text-decoration-color: #b21217
}
.label-message--warning {
background-color: #fbedb1;
color: #856c00
}
.label-message--warning svg {
fill: #856c00
}
.label-message--warning.clickable {
cursor: pointer
}
.label-message--warning.clickable p {
text-decoration: underline;
text-decoration-color: #856c00
}
.label-message--informative {
background-color: #d8eeea;
color: #37534e
}
.label-message--informative svg {
fill: #37534e
}
.label-message--informative.clickable {
cursor: pointer
}
.label-message--informative.clickable p {
text-decoration: underline;
text-decoration-color: #37534e
}
.label-message--positive {
background-color: #c3efd5;
color: #1f7042
}
.label-message--positive svg {
fill: #1f7042
}
.label-message--positive.clickable {
cursor: pointer
}
.label-message--positive.clickable p {
text-decoration: underline;
text-decoration-color: #1f7042
}
.info-tag {
position: relative;
border-radius: .25rem;
padding: .25rem;
width: fit-content
}
.info-tag--neutral {
background-color: #e0e0e0;
color: #221e20
}
.info-tag--negative {
background-color: #fde8e9;
color: #b21217
}
.info-tag--warning {
background-color: #fbedb1;
color: #856c00
}
.info-tag--informative {
background-color: #d8eeea;
color: #37534e
}
.info-tag--positive {
background-color: #c3efd5;
color: #1f7042
}
.link {
font-size: var(--font-size-16);
line-height: 20px;
color: #ed1c24;
font-weight: 600;
text-decoration: underline
}
@media all and (min-width: 1200px) {
.link {
font-size: var(--font-size-18);
line-height: 24px
}
}
.link:hover {
color: #a91419
}
.link:active {
color: #800f15
}
.link--disabled {
color: #969696;
pointer-events: none
}
.link--small {
font-size: var(--font-size-14);
line-height: 20px
}
.link--primary-800 {
color: #800f15
}
.link-arrow span {
font-size: var(--font-size-16)
}
[dir=rtl] .link-arrow svg {
transform: rotate(-180deg)
}
.list-item {
border-bottom: .125rem solid #dfe7e7;
border-top: .125rem solid rgba(0, 0, 0, 0);
cursor: pointer
}
.list-item:hover,
.list-item:focus {
background-color: #eef4f8;
border-top: .125rem solid #003387;
border-bottom: .125rem solid #003387
}
.list-item:active {
border-color: #0047bb
}
.list-item.disabled {
border-color: #e0e0e0;
background-color: #fff
}
.list-item.list-card {
border-radius: .5rem;
border: none;
box-shadow: 0px 2px 8px 0px rgba(34, 30, 32, .2);
background-color: #fdfdfd
}
.list-item.list-card:hover,
.list-item.list-card:focus {
background-color: #eef4f8;
box-shadow: none
}
.list-item.list-card.disabled {
border-color: #e0e0e0;
background-color: #f4f4f4;
box-shadow: none
}
[dir=rtl] .list-item.list-card>.svg {
transform: rotate(180deg)
}
.loader {
text-align: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 100;
background-color: #dfe7e7;
overflow: hidden
}
.loader .spiner {
margin: 0 auto;
width: 9.31rem;
height: 9.31rem
}
.loader>div {
width: 100%
}
.loader>div .spinner {
margin: 0 auto
}
.loader p {
display: none
}
@media all and (min-width: 1200px) {
.loader {
background-color: #fff
}
.loader .spiner {
margin: 0;
width: 8.31rem;
height: 8.31rem;
transform: translateX(-3rem)
}
.loader--center .spiner {
transform: none
}
.loader>div .spinner {
margin: 0 0 3rem
}
.loader p {
max-width: 18.125rem;
display: initial
}
}
.loader__container {
position: relative;
width: 100%
}
.loader__container--loading {
position: absolute;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .5);
content: "";
top: 0;
left: 0
}
.loader--contained {
position: absolute;
height: 100%
}
.loader--transparency-0 {
background-color: #dfe7e7
}
@media all and (min-width: 1200px) {
.loader--transparency-0 {
background-color: #fff
}
}
.loader--transparency-1 {
background-color: rgba(223, 231, 231, .99)
}
@media all and (min-width: 1200px) {
.loader--transparency-1 {
background-color: hsla(0, 0%, 100%, .99)
}
}
.loader--transparency-2 {
background-color: rgba(223, 231, 231, .98)
}
@media all and (min-width: 1200px) {
.loader--transparency-2 {
background-color: hsla(0, 0%, 100%, .98)
}
}
.loader--transparency-3 {
background-color: rgba(223, 231, 231, .97)
}
@media all and (min-width: 1200px) {
.loader--transparency-3 {
background-color: hsla(0, 0%, 100%, .97)
}
}
.loader--transparency-4 {
background-color: rgba(223, 231, 231, .96)
}
@media all and (min-width: 1200px) {
.loader--transparency-4 {
background-color: hsla(0, 0%, 100%, .96)
}
}
.loader--transparency-5 {
background-color: rgba(223, 231, 231, .95)
}
@media all and (min-width: 1200px) {
.loader--transparency-5 {
background-color: hsla(0, 0%, 100%, .95)
}
}
.loader--transparency-6 {
background-color: rgba(223, 231, 231, .94)
}
@media all and (min-width: 1200px) {
.loader--transparency-6 {
background-color: hsla(0, 0%, 100%, .94)
}
}
.loader--transparency-7 {
background-color: rgba(223, 231, 231, .93)
}
@media all and (min-width: 1200px) {
.loader--transparency-7 {
background-color: hsla(0, 0%, 100%, .93)
}
}
.loader--transparency-8 {
background-color: rgba(223, 231, 231, .92)
}
@media all and (min-width: 1200px) {
.loader--transparency-8 {
background-color: hsla(0, 0%, 100%, .92)
}
}
.loader--transparency-9 {
background-color: rgba(223, 231, 231, .91)
}
@media all and (min-width: 1200px) {
.loader--transparency-9 {
background-color: hsla(0, 0%, 100%, .91)
}
}
.loader--transparency-10 {
background-color: rgba(223, 231, 231, .9)
}
@media all and (min-width: 1200px) {
.loader--transparency-10 {
background-color: hsla(0, 0%, 100%, .9)
}
}
.loader--transparency-11 {
background-color: rgba(223, 231, 231, .89)
}
@media all and (min-width: 1200px) {
.loader--transparency-11 {
background-color: hsla(0, 0%, 100%, .89)
}
}
.loader--transparency-12 {
background-color: rgba(223, 231, 231, .88)
}
@media all and (min-width: 1200px) {
.loader--transparency-12 {
background-color: hsla(0, 0%, 100%, .88)
}
}
.loader--transparency-13 {
background-color: rgba(223, 231, 231, .87)
}
@media all and (min-width: 1200px) {
.loader--transparency-13 {
background-color: hsla(0, 0%, 100%, .87)
}
}
.loader--transparency-14 {
background-color: rgba(223, 231, 231, .86)
}
@media all and (min-width: 1200px) {
.loader--transparency-14 {
background-color: hsla(0, 0%, 100%, .86)
}
}
.loader--transparency-15 {
background-color: rgba(223, 231, 231, .85)
}
@media all and (min-width: 1200px) {
.loader--transparency-15 {
background-color: hsla(0, 0%, 100%, .85)
}
}
.loader--transparency-16 {
background-color: rgba(223, 231, 231, .84)
}
@media all and (min-width: 1200px) {
.loader--transparency-16 {
background-color: hsla(0, 0%, 100%, .84)
}
}
.loader--transparency-17 {
background-color: rgba(223, 231, 231, .83)
}
@media all and (min-width: 1200px) {
.loader--transparency-17 {
background-color: hsla(0, 0%, 100%, .83)
}
}
.loader--transparency-18 {
background-color: rgba(223, 231, 231, .82)
}
@media all and (min-width: 1200px) {
.loader--transparency-18 {
background-color: hsla(0, 0%, 100%, .82)
}
}
.loader--transparency-19 {
background-color: rgba(223, 231, 231, .81)
}
@media all and (min-width: 1200px) {
.loader--transparency-19 {
background-color: hsla(0, 0%, 100%, .81)
}
}
.loader--transparency-20 {
background-color: rgba(223, 231, 231, .8)
}
@media all and (min-width: 1200px) {
.loader--transparency-20 {
background-color: hsla(0, 0%, 100%, .8)
}
}
.loader--transparency-21 {
background-color: rgba(223, 231, 231, .79)
}
@media all and (min-width: 1200px) {
.loader--transparency-21 {
background-color: hsla(0, 0%, 100%, .79)
}
}
.loader--transparency-22 {
background-color: rgba(223, 231, 231, .78)
}
@media all and (min-width: 1200px) {
.loader--transparency-22 {
background-color: hsla(0, 0%, 100%, .78)
}
}
.loader--transparency-23 {
background-color: rgba(223, 231, 231, .77)
}
@media all and (min-width: 1200px) {
.loader--transparency-23 {
background-color: hsla(0, 0%, 100%, .77)
}
}
.loader--transparency-24 {
background-color: rgba(223, 231, 231, .76)
}
@media all and (min-width: 1200px) {
.loader--transparency-24 {
background-color: hsla(0, 0%, 100%, .76)
}
}
.loader--transparency-25 {
background-color: rgba(223, 231, 231, .75)
}
@media all and (min-width: 1200px) {
.loader--transparency-25 {
background-color: hsla(0, 0%, 100%, .75)
}
}
.loader--transparency-26 {
background-color: rgba(223, 231, 231, .74)
}
@media all and (min-width: 1200px) {
.loader--transparency-26 {
background-color: hsla(0, 0%, 100%, .74)
}
}
.loader--transparency-27 {
background-color: rgba(223, 231, 231, .73)
}
@media all and (min-width: 1200px) {
.loader--transparency-27 {
background-color: hsla(0, 0%, 100%, .73)
}
}
.loader--transparency-28 {
background-color: rgba(223, 231, 231, .72)
}
@media all and (min-width: 1200px) {
.loader--transparency-28 {
background-color: hsla(0, 0%, 100%, .72)
}
}
.loader--transparency-29 {
background-color: rgba(223, 231, 231, .71)
}
@media all and (min-width: 1200px) {
.loader--transparency-29 {
background-color: hsla(0, 0%, 100%, .71)
}
}
.loader--transparency-30 {
background-color: rgba(223, 231, 231, .7)
}
@media all and (min-width: 1200px) {
.loader--transparency-30 {
background-color: hsla(0, 0%, 100%, .7)
}
}
.loader--transparency-31 {
background-color: rgba(223, 231, 231, .69)
}
@media all and (min-width: 1200px) {
.loader--transparency-31 {
background-color: hsla(0, 0%, 100%, .69)
}
}
.loader--transparency-32 {
background-color: rgba(223, 231, 231, .68)
}
@media all and (min-width: 1200px) {
.loader--transparency-32 {
background-color: hsla(0, 0%, 100%, .68)
}
}
.loader--transparency-33 {
background-color: rgba(223, 231, 231, .67)
}
@media all and (min-width: 1200px) {
.loader--transparency-33 {
background-color: hsla(0, 0%, 100%, .67)
}
}
.loader--transparency-34 {
background-color: rgba(223, 231, 231, .66)
}
@media all and (min-width: 1200px) {
.loader--transparency-34 {
background-color: hsla(0, 0%, 100%, .66)
}
}
.loader--transparency-35 {
background-color: rgba(223, 231, 231, .65)
}
@media all and (min-width: 1200px) {
.loader--transparency-35 {
background-color: hsla(0, 0%, 100%, .65)
}
}
.loader--transparency-36 {
background-color: rgba(223, 231, 231, .64)
}
@media all and (min-width: 1200px) {
.loader--transparency-36 {
background-color: hsla(0, 0%, 100%, .64)
}
}
.loader--transparency-37 {
background-color: rgba(223, 231, 231, .63)
}
@media all and (min-width: 1200px) {
.loader--transparency-37 {
background-color: hsla(0, 0%, 100%, .63)
}
}
.loader--transparency-38 {
background-color: rgba(223, 231, 231, .62)
}
@media all and (min-width: 1200px) {
.loader--transparency-38 {
background-color: hsla(0, 0%, 100%, .62)
}
}
.loader--transparency-39 {
background-color: rgba(223, 231, 231, .61)
}
@media all and (min-width: 1200px) {
.loader--transparency-39 {
background-color: hsla(0, 0%, 100%, .61)
}
}
.loader--transparency-40 {
background-color: rgba(223, 231, 231, .6)
}
@media all and (min-width: 1200px) {
.loader--transparency-40 {
background-color: hsla(0, 0%, 100%, .6)
}
}
.loader--transparency-41 {
background-color: rgba(223, 231, 231, .59)
}
@media all and (min-width: 1200px) {
.loader--transparency-41 {
background-color: hsla(0, 0%, 100%, .59)
}
}
.loader--transparency-42 {
background-color: rgba(223, 231, 231, .58)
}
@media all and (min-width: 1200px) {
.loader--transparency-42 {
background-color: hsla(0, 0%, 100%, .58)
}
}
.loader--transparency-43 {
background-color: rgba(223, 231, 231, .57)
}
@media all and (min-width: 1200px) {
.loader--transparency-43 {
background-color: hsla(0, 0%, 100%, .57)
}
}
.loader--transparency-44 {
background-color: rgba(223, 231, 231, .56)
}
@media all and (min-width: 1200px) {
.loader--transparency-44 {
background-color: hsla(0, 0%, 100%, .56)
}
}
.loader--transparency-45 {
background-color: rgba(223, 231, 231, .55)
}
@media all and (min-width: 1200px) {
.loader--transparency-45 {
background-color: hsla(0, 0%, 100%, .55)
}
}
.loader--transparency-46 {
background-color: rgba(223, 231, 231, .54)
}
@media all and (min-width: 1200px) {
.loader--transparency-46 {
background-color: hsla(0, 0%, 100%, .54)
}
}
.loader--transparency-47 {
background-color: rgba(223, 231, 231, .53)
}
@media all and (min-width: 1200px) {
.loader--transparency-47 {
background-color: hsla(0, 0%, 100%, .53)
}
}
.loader--transparency-48 {
background-color: rgba(223, 231, 231, .52)
}
@media all and (min-width: 1200px) {
.loader--transparency-48 {
background-color: hsla(0, 0%, 100%, .52)
}
}
.loader--transparency-49 {
background-color: rgba(223, 231, 231, .51)
}
@media all and (min-width: 1200px) {
.loader--transparency-49 {
background-color: hsla(0, 0%, 100%, .51)
}
}
.loader--transparency-50 {
background-color: rgba(223, 231, 231, .5)
}
@media all and (min-width: 1200px) {
.loader--transparency-50 {
background-color: hsla(0, 0%, 100%, .5)
}
}
.loader--transparency-51 {
background-color: rgba(223, 231, 231, .49)
}
@media all and (min-width: 1200px) {
.loader--transparency-51 {
background-color: hsla(0, 0%, 100%, .49)
}
}
.loader--transparency-52 {
background-color: rgba(223, 231, 231, .48)
}
@media all and (min-width: 1200px) {
.loader--transparency-52 {
background-color: hsla(0, 0%, 100%, .48)
}
}
.loader--transparency-53 {
background-color: rgba(223, 231, 231, .47)
}
@media all and (min-width: 1200px) {
.loader--transparency-53 {
background-color: hsla(0, 0%, 100%, .47)
}
}
.loader--transparency-54 {
background-color: rgba(223, 231, 231, .46)
}
@media all and (min-width: 1200px) {
.loader--transparency-54 {
background-color: hsla(0, 0%, 100%, .46)
}
}
.loader--transparency-55 {
background-color: rgba(223, 231, 231, .45)
}
@media all and (min-width: 1200px) {
.loader--transparency-55 {
background-color: hsla(0, 0%, 100%, .45)
}
}
.loader--transparency-56 {
background-color: rgba(223, 231, 231, .44)
}
@media all and (min-width: 1200px) {
.loader--transparency-56 {
background-color: hsla(0, 0%, 100%, .44)
}
}
.loader--transparency-57 {
background-color: rgba(223, 231, 231, .43)
}
@media all and (min-width: 1200px) {
.loader--transparency-57 {
background-color: hsla(0, 0%, 100%, .43)
}
}
.loader--transparency-58 {
background-color: rgba(223, 231, 231, .42)
}
@media all and (min-width: 1200px) {
.loader--transparency-58 {
background-color: hsla(0, 0%, 100%, .42)
}
}
.loader--transparency-59 {
background-color: rgba(223, 231, 231, .41)
}
@media all and (min-width: 1200px) {
.loader--transparency-59 {
background-color: hsla(0, 0%, 100%, .41)
}
}
.loader--transparency-60 {
background-color: rgba(223, 231, 231, .4)
}
@media all and (min-width: 1200px) {
.loader--transparency-60 {
background-color: hsla(0, 0%, 100%, .4)
}
}
.loader--transparency-61 {
background-color: rgba(223, 231, 231, .39)
}
@media all and (min-width: 1200px) {
.loader--transparency-61 {
background-color: hsla(0, 0%, 100%, .39)
}
}
.loader--transparency-62 {
background-color: rgba(223, 231, 231, .38)
}
@media all and (min-width: 1200px) {
.loader--transparency-62 {
background-color: hsla(0, 0%, 100%, .38)
}
}
.loader--transparency-63 {
background-color: rgba(223, 231, 231, .37)
}
@media all and (min-width: 1200px) {
.loader--transparency-63 {
background-color: hsla(0, 0%, 100%, .37)
}
}
.loader--transparency-64 {
background-color: rgba(223, 231, 231, .36)
}
@media all and (min-width: 1200px) {
.loader--transparency-64 {
background-color: hsla(0, 0%, 100%, .36)
}
}
.loader--transparency-65 {
background-color: rgba(223, 231, 231, .35)
}
@media all and (min-width: 1200px) {
.loader--transparency-65 {
background-color: hsla(0, 0%, 100%, .35)
}
}
.loader--transparency-66 {
background-color: rgba(223, 231, 231, .34)
}
@media all and (min-width: 1200px) {
.loader--transparency-66 {
background-color: hsla(0, 0%, 100%, .34)
}
}
.loader--transparency-67 {
background-color: rgba(223, 231, 231, .33)
}
@media all and (min-width: 1200px) {
.loader--transparency-67 {
background-color: hsla(0, 0%, 100%, .33)
}
}
.loader--transparency-68 {
background-color: rgba(223, 231, 231, .32)
}
@media all and (min-width: 1200px) {
.loader--transparency-68 {
background-color: hsla(0, 0%, 100%, .32)
}
}
.loader--transparency-69 {
background-color: rgba(223, 231, 231, .31)
}
@media all and (min-width: 1200px) {
.loader--transparency-69 {
background-color: hsla(0, 0%, 100%, .31)
}
}
.loader--transparency-70 {
background-color: rgba(223, 231, 231, .3)
}
@media all and (min-width: 1200px) {
.loader--transparency-70 {
background-color: hsla(0, 0%, 100%, .3)
}
}
.loader--transparency-71 {
background-color: rgba(223, 231, 231, .29)
}
@media all and (min-width: 1200px) {
.loader--transparency-71 {
background-color: hsla(0, 0%, 100%, .29)
}
}
.loader--transparency-72 {
background-color: rgba(223, 231, 231, .28)
}
@media all and (min-width: 1200px) {
.loader--transparency-72 {
background-color: hsla(0, 0%, 100%, .28)
}
}
.loader--transparency-73 {
background-color: rgba(223, 231, 231, .27)
}
@media all and (min-width: 1200px) {
.loader--transparency-73 {
background-color: hsla(0, 0%, 100%, .27)
}
}
.loader--transparency-74 {
background-color: rgba(223, 231, 231, .26)
}
@media all and (min-width: 1200px) {
.loader--transparency-74 {
background-color: hsla(0, 0%, 100%, .26)
}
}
.loader--transparency-75 {
background-color: rgba(223, 231, 231, .25)
}
@media all and (min-width: 1200px) {
.loader--transparency-75 {
background-color: hsla(0, 0%, 100%, .25)
}
}
.loader--transparency-76 {
background-color: rgba(223, 231, 231, .24)
}
@media all and (min-width: 1200px) {
.loader--transparency-76 {
background-color: hsla(0, 0%, 100%, .24)
}
}
.loader--transparency-77 {
background-color: rgba(223, 231, 231, .23)
}
@media all and (min-width: 1200px) {
.loader--transparency-77 {
background-color: hsla(0, 0%, 100%, .23)
}
}
.loader--transparency-78 {
background-color: rgba(223, 231, 231, .22)
}
@media all and (min-width: 1200px) {
.loader--transparency-78 {
background-color: hsla(0, 0%, 100%, .22)
}
}
.loader--transparency-79 {
background-color: rgba(223, 231, 231, .21)
}
@media all and (min-width: 1200px) {
.loader--transparency-79 {
background-color: hsla(0, 0%, 100%, .21)
}
}
.loader--transparency-80 {
background-color: rgba(223, 231, 231, .2)
}
@media all and (min-width: 1200px) {
.loader--transparency-80 {
background-color: hsla(0, 0%, 100%, .2)
}
}
.loader--transparency-81 {
background-color: rgba(223, 231, 231, .19)
}
@media all and (min-width: 1200px) {
.loader--transparency-81 {
background-color: hsla(0, 0%, 100%, .19)
}
}
.loader--transparency-82 {
background-color: rgba(223, 231, 231, .18)
}
@media all and (min-width: 1200px) {
.loader--transparency-82 {
background-color: hsla(0, 0%, 100%, .18)
}
}
.loader--transparency-83 {
background-color: rgba(223, 231, 231, .17)
}
@media all and (min-width: 1200px) {
.loader--transparency-83 {
background-color: hsla(0, 0%, 100%, .17)
}
}
.loader--transparency-84 {
background-color: rgba(223, 231, 231, .16)
}
@media all and (min-width: 1200px) {
.loader--transparency-84 {
background-color: hsla(0, 0%, 100%, .16)
}
}
.loader--transparency-85 {
background-color: rgba(223, 231, 231, .15)
}
@media all and (min-width: 1200px) {
.loader--transparency-85 {
background-color: hsla(0, 0%, 100%, .15)
}
}
.loader--transparency-86 {
background-color: rgba(223, 231, 231, .14)
}
@media all and (min-width: 1200px) {
.loader--transparency-86 {
background-color: hsla(0, 0%, 100%, .14)
}
}
.loader--transparency-87 {
background-color: rgba(223, 231, 231, .13)
}
@media all and (min-width: 1200px) {
.loader--transparency-87 {
background-color: hsla(0, 0%, 100%, .13)
}
}
.loader--transparency-88 {
background-color: rgba(223, 231, 231, .12)
}
@media all and (min-width: 1200px) {
.loader--transparency-88 {
background-color: hsla(0, 0%, 100%, .12)
}
}
.loader--transparency-89 {
background-color: rgba(223, 231, 231, .11)
}
@media all and (min-width: 1200px) {
.loader--transparency-89 {
background-color: hsla(0, 0%, 100%, .11)
}
}
.loader--transparency-90 {
background-color: rgba(223, 231, 231, .1)
}
@media all and (min-width: 1200px) {
.loader--transparency-90 {
background-color: hsla(0, 0%, 100%, .1)
}
}
.loader--transparency-91 {
background-color: rgba(223, 231, 231, .09)
}
@media all and (min-width: 1200px) {
.loader--transparency-91 {
background-color: hsla(0, 0%, 100%, .09)
}
}
.loader--transparency-92 {
background-color: rgba(223, 231, 231, .08)
}
@media all and (min-width: 1200px) {
.loader--transparency-92 {
background-color: hsla(0, 0%, 100%, .08)
}
}
.loader--transparency-93 {
background-color: rgba(223, 231, 231, .07)
}
@media all and (min-width: 1200px) {
.loader--transparency-93 {
background-color: hsla(0, 0%, 100%, .07)
}
}
.loader--transparency-94 {
background-color: rgba(223, 231, 231, .06)
}
@media all and (min-width: 1200px) {
.loader--transparency-94 {
background-color: hsla(0, 0%, 100%, .06)
}
}
.loader--transparency-95 {
background-color: rgba(223, 231, 231, .05)
}
@media all and (min-width: 1200px) {
.loader--transparency-95 {
background-color: hsla(0, 0%, 100%, .05)
}
}
.loader--transparency-96 {
background-color: rgba(223, 231, 231, .04)
}
@media all and (min-width: 1200px) {
.loader--transparency-96 {
background-color: hsla(0, 0%, 100%, .04)
}
}
.loader--transparency-97 {
background-color: rgba(223, 231, 231, .03)
}
@media all and (min-width: 1200px) {
.loader--transparency-97 {
background-color: hsla(0, 0%, 100%, .03)
}
}
.loader--transparency-98 {
background-color: rgba(223, 231, 231, .02)
}
@media all and (min-width: 1200px) {
.loader--transparency-98 {
background-color: hsla(0, 0%, 100%, .02)
}
}
.loader--transparency-99 {
background-color: rgba(223, 231, 231, .01)
}
@media all and (min-width: 1200px) {
.loader--transparency-99 {
background-color: hsla(0, 0%, 100%, .01)
}
}
.loader--transparency-100 {
background-color: rgba(223, 231, 231, 0)
}
@media all and (min-width: 1200px) {
.loader--transparency-100 {
background-color: hsla(0, 0%, 100%, 0)
}
}
@keyframes modalTransitionMobile {
from {
transform: translateY(100%);
opacity: 0
}
to {
transform: translateY(0);
opacity: 1
}
}
@keyframes modalTransition {
from {
opacity: 0
}
to {
opacity: 1
}
}
.page-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.page-overlay--black {
background-color: rgba(34, 30, 32, .8)
}
.page-overlay--white {
background-color: hsla(0, 0%, 100%, .8)
}
.price-value--negative-sign__rtl {
display: none
}
[dir=rtl] .price-value--negative-sign__rtl {
display: inline-block
}
.price-value--negative-sign__ltr {
display: inline-block
}
[dir=rtl] .price-value--negative-sign__ltr {
display: none
}
.profile-avatar {
border-radius: 50%;
font-weight: 600;
font-size: var(--font-size-16)
}
.profile-avatar__size--x-small {
width: 2.5rem;
height: 2.5rem
}
.profile-avatar__size--small {
width: 3rem;
height: 3rem
}
.profile-avatar__size--x-medium {
width: 4rem;
height: 4rem
}
.profile-avatar__size--medium {
width: 5rem;
height: 5rem
}
.profile-avatar__size--large {
width: 7.5rem;
height: 7.5rem
}
.profile-avatar--bg-warning-light {
background-color: #fde68a
}
.remote-icon svg {
color: inherit;
fill: none
}
.remote-icon__fill--white svg {
fill: #ffffff
}
.remote-icon__stroke--white svg {
stroke: #ffffff
}
.remote-icon__fill--black svg {
fill: #221e20
}
.remote-icon__stroke--black svg {
stroke: #221e20
}
.remote-icon__fill--danger-700 svg {
fill: #b21217
}
.remote-icon__stroke--danger-700 svg {
stroke: #b21217
}
.remote-icon__fill--danger-500 svg {
fill: #ff585d
}
.remote-icon__stroke--danger-500 svg {
stroke: #ff585d
}
.remote-icon__fill--danger-600 svg {
fill: #e52228
}
.remote-icon__stroke--danger-600 svg {
stroke: #e52228
}
.remote-icon__fill--info-800 svg {
fill: #496e67
}
.remote-icon__stroke--info-800 svg {
stroke: #496e67
}
.remote-icon__fill--info-900 svg {
fill: #37534e
}
.remote-icon__stroke--info-900 svg {
stroke: #37534e
}
.remote-icon__fill--success-50 svg {
fill: #ebfaf2
}
.remote-icon__stroke--success-50 svg {
stroke: #ebfaf2
}
.remote-icon__fill--success-600 svg {
fill: #34b76d
}
.remote-icon__stroke--success-600 svg {
stroke: #34b76d
}
.remote-icon__fill--blue-500 svg {
fill: #0047bb
}
.remote-icon__stroke--blue-500 svg {
stroke: #0047bb
}
.remote-icon__fill--red-500 svg {
fill: #ed1c24
}
.remote-icon__stroke--red-500 svg {
stroke: #ed1c24
}
.remote-icon__fill--neutral-gray-100 svg {
fill: #aaaaaa
}
.remote-icon__stroke--neutral-gray-100 svg {
stroke: #aaaaaa
}
.remote-icon__fill--neutral-gray-300 svg {
fill: #6d6d6d
}
.remote-icon__stroke--neutral-gray-300 svg {
stroke: #6d6d6d
}
.remote-icon__fill--gray-200 svg {
fill: #898989
}
.remote-icon__stroke--gray-200 svg {
stroke: #898989
}
.remote-icon__fill--warning-100 svg {
fill: #fbedb1
}
.remote-icon__stroke--warning-100 svg {
stroke: #fbedb1
}
.remote-icon__fill--warning-800 svg {
fill: #856c00
}
.remote-icon__stroke--warning-800 svg {
stroke: #856c00
}
.remote-icon__fill--disabled-stroke svg {
fill: #bfbfbf
}
.remote-icon__stroke--disabled-stroke svg {
stroke: #bfbfbf
}
.remote-icon__fill--none svg {
fill: none
}
.remote-icon__stroke--none svg {
stroke: none
}
.remote-icon__size--xxx-small svg,
.remote-icon__size--xxx-small img {
width: .75rem;
height: .75rem
}
.remote-icon__size--xx-small svg,
.remote-icon__size--xx-small img {
width: .875rem;
height: .875rem
}
.remote-icon__size--x-small svg,
.remote-icon__size--x-small img {
width: 1rem;
height: 1rem
}
.remote-icon__size--small svg,
.remote-icon__size--small img {
width: 1.125rem;
height: 1.125rem
}
.remote-icon__size--medium svg,
.remote-icon__size--medium img {
width: 1.25rem;
height: 1.25rem
}
.remote-icon__size--large svg,
.remote-icon__size--large img {
width: 1.375rem;
height: 1.375rem
}
.remote-icon__size--x-large svg,
.remote-icon__size--x-large img {
width: 1.5rem;
height: 1.5rem
}
.remote-icon__size--xx-large svg,
.remote-icon__size--xx-large img {
width: 2rem;
height: 2rem
}
.remote-icon__size--36 svg,
.remote-icon__size--36 img {
width: 2.25rem;
height: 2.25rem
}
.remote-icon__size--40 svg,
.remote-icon__size--40 img {
width: 2.5rem;
height: 2.5rem
}
.remote-icon__size--xxx-large svg,
.remote-icon__size--xxx-large img {
width: 3rem;
height: 3rem
}
.remote-icon__size--56 svg,
.remote-icon__size--56 img {
width: 3.5rem;
height: 3.5rem
}
.remote-icon__size--jumbo svg,
.remote-icon__size--jumbo img {
width: 5rem;
height: 5rem
}
.remote-icon__size--90 svg,
.remote-icon__size--90 img {
width: 5.625rem;
height: 5.625rem
}
.remote-icon__stroke-width--01 svg {
stroke-width: .063rem
}
.remote-icon__stroke-width--02 svg {
stroke-width: .125rem
}
.remote-icon__stroke-width--03 svg {
stroke-width: .188rem
}
.remote-icon__stroke-width--04 svg {
stroke-width: .25rem
}
.remote-icon__stroke-width--05 svg {
stroke-width: .313rem
}
.selector {
width: 100%;
position: relative
}
.selector--vertical {
width: fit-content
}
.selector--vertical.selector--icon .selector__icon--active {
width: 1.5rem;
height: 1.5rem;
top: 2rem;
right: .75rem;
transform: none
}
[dir=rtl] .selector--vertical.selector--icon .selector__icon--active {
right: initial;
left: 12px
}
.selector--vertical.selector--icon .selector__icon--leading {
align-self: center
}
@media all and (min-width: 1200px) {
.selector--vertical.selector--icon .selector__icon--leading {
width: 2rem;
height: 2rem
}
}
.selector--vertical.selector input:active+.selector__mask {
border-width: .125rem
}
.selector--vertical.selector input:active+.selector__mask>div {
margin-top: 1.25rem
}
.selector--vertical.selector input:active+.selector__mask .selector__icon--leading {
align-self: initial
}
@media all and (min-width: 1200px) {
.selector--vertical.selector input:active+.selector__mask {
padding: calc(1rem - 1px) calc(.75rem - 1px)
}
}
.selector--vertical.selector input:checked+.selector__mask {
border-width: .125rem
}
.selector--vertical.selector input:checked+.selector__mask>div {
margin-top: 1.25rem
}
.selector--vertical.selector input:checked+.selector__mask .selector__icon--leading {
align-self: initial
}
@media all and (min-width: 1200px) {
.selector--vertical.selector input:checked+.selector__mask {
padding: calc(1rem - 1px) calc(.75rem - 1px)
}
}
.selector--vertical .selector__mask {
flex-direction: column;
align-items: start
}
.selector--vertical .selector__icon--active {
width: 1.5rem;
height: 1.5rem;
top: .5rem;
left: 50%;
transform: translateX(-50%)
}
[dir=rtl] .selector--vertical .selector__icon--active {
left: initial
}
.selector--vertical .selector__icon--leading {
align-self: center
}
.selector--vertical .selector__title {
font-size: var(--font-size-14);
line-height: 20px
}
.selector input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer
}
.selector input:hover+.selector__mask {
border-color: #0047bb;
background-color: #eef4f8;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3);
border-width: .125rem;
padding: calc(1rem - 1px) calc(.75rem - 1px)
}
.selector input:hover+.selector__mask .svg__stroke {
stroke: #0047bb
}
.selector input:focus+.selector__mask {
border-color: #0047bb;
background-color: #eef4f8;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3);
border-width: .125rem;
padding: calc(1rem - 1px) calc(.75rem - 1px)
}
.selector input:focus+.selector__mask .svg__stroke {
stroke: #0047bb
}
.selector input:active+.selector__mask {
border-color: #0047bb;
background-color: #eef4f8;
border-width: .125rem;
padding: calc(1rem - 1px) calc(.75rem - 1px)
}
.selector input:active+.selector__mask .svg__stroke {
stroke: #0047bb
}
.selector input:active+.selector__mask .selector__icon--active {
display: block
}
.selector input:active+.selector__mask .selector__icon--boxed {
background-color: #fdfdfd
}
.selector input:active+.selector__mask .selector__icon--boxed svg {
fill: #0047bb
}
.selector input:checked+.selector__mask {
border-color: #0047bb;
background-color: #eef4f8;
border-width: .125rem;
padding: calc(1rem - 1px) calc(.75rem - 1px)
}
.selector input:checked+.selector__mask .svg__stroke {
stroke: #0047bb
}
.selector input:checked+.selector__mask .selector__icon--active {
display: block
}
.selector input:checked+.selector__mask .selector__icon--boxed {
background-color: #fdfdfd
}
.selector input:checked+.selector__mask .selector__icon--boxed svg {
fill: #0047bb
}
.selector__mask {
border: .063rem solid #aaa;
border-radius: .75rem;
padding: 1rem .75rem
}
.selector__icon--leading {
width: 2rem;
height: 2rem
}
@media all and (min-width: 1200px) {
.selector__icon--leading {
width: 2.5rem;
height: 2.5rem
}
}
.selector__icon--boxed {
border-radius: .75rem;
background-color: #fde8e9;
transition: background-color .25s ease-in;
display: flex;
justify-content: center;
align-items: center
}
.selector__icon--boxed svg {
fill: #ed1c24;
transition: stroke .25s ease-in
}
.selector__icon--active {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: .75rem;
width: 1.5rem;
height: 1.5rem
}
@media all and (min-width: 1200px) {
.selector__icon--active {
width: 2rem;
height: 2rem
}
}
[dir=rtl] .selector__icon--active {
right: initial;
left: .75rem
}
.selector__title {
font-size: var(--font-size-16);
line-height: 20px;
font-weight: 500
}
@media all and (min-width: 1200px) {
.selector__title {
font-size: var(--font-size-18);
line-height: 24px
}
}
.selector__subtitle {
font-size: var(--font-size-12);
line-height: 16px
}
@media all and (min-width: 1200px) {
.selector__subtitle {
font-size: var(--font-size-16);
line-height: 24px
}
}
.spinner {
display: block;
animation: 1s spin infinite;
animation-timing-function: linear;
animation-direction: reverse
}
@keyframes spin {
from {
transform: rotate(360deg)
}
to {
transform: rotate(0)
}
}
.stepper {
color: #141b4d;
position: relative;
overflow: hidden
}
.stepper--desktop {
background-color: #fff
}
.stepper--has-background {
background-color: rgba(0, 0, 0, 0)
}
.stepper--background-surface-200 .stepper__bullet::after {
box-shadow: 0px 0px 0px 9px #ebf0f0
}
.stepper ul {
position: absolute;
left: 3.375rem
}
[dir=rtl] .stepper ul {
left: initial;
right: 3.375rem
}
.stepper__label {
font-size: var(--font-size-12);
line-height: 16px
}
.stepper--desktop .stepper__label {
font-size: var(--font-size-14);
line-height: 20px
}
.stepper__active-step {
font-size: var(--font-size-14);
line-height: 20px
}
.stepper--desktop .stepper__active-step {
font-size: var(--font-size-16)
}
.stepper__bullet {
position: relative;
width: 1.5rem;
height: 1.5rem
}
.stepper__bullet::after {
position: absolute;
content: "";
width: .75rem;
height: .75rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 0px 9px #fff;
border-radius: 100%
}
.stepper__bullet--active::before,
.stepper__bullet--finalized::before {
content: "";
position: absolute;
width: 1rem;
height: 1rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px .25rem rgba(0, 71, 187, .15);
border-radius: 100%;
z-index: 2
}
.stepper__bullet--active::after,
.stepper__bullet--finalized::after {
width: 1rem;
height: 1rem
}
.stepper__bullet--finalized::before,
.stepper__bullet--finalized::after {
width: .75rem;
height: .75rem
}
.stepper__progress {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: 100%;
height: .375rem
}
.stepper__progress[value]::-moz-progress-bar {
background: linear-gradient(89.93deg, #141b4d, rgb(0, 97, 255))
}
.stepper__progress[value]::-webkit-progress-value {
background: linear-gradient(89.93deg, #141b4d, rgb(0, 97, 255));
border-radius: 1.5rem;
transition: width .25s ease
}
.stepper__progress[value]::-webkit-progress-bar {
background: #dfe7e7;
border-radius: 1.5rem
}
.stepper--desktop .stepper__progress {
height: 1.0625rem
}
.svg {
color: inherit;
fill: none
}
svg.svg--xxx-small {
width: .75rem;
height: .75rem
}
svg.svg--xx-small {
width: .875rem;
height: .875rem
}
svg.svg--x-small {
width: 1rem;
height: 1rem
}
svg.svg--small {
width: 1.125rem;
height: 1.125rem
}
svg.svg--medium {
width: 1.25rem;
height: 1.25rem
}
svg.svg--large {
width: 1.375rem;
height: 1.375rem
}
svg.svg--x-large {
width: 1.5rem;
height: 1.5rem
}
svg.svg--xx-large {
width: 2rem;
height: 2rem
}
svg.svg--36 {
width: 2.25rem;
height: 2.25rem
}
svg.svg--40 {
width: 2.5rem;
height: 2.5rem
}
svg.svg--xxx-large {
width: 3rem;
height: 3rem
}
svg.svg--56 {
width: 3.5rem;
height: 3.5rem
}
svg.svg--jumbo {
width: 5rem;
height: 5rem
}
svg.svg--90 {
width: 5.625rem;
height: 5.625rem
}
.svg__fill--none {
fill: none
}
.svg__stroke--none {
stroke: none
}
.svg__fill--white {
fill: #ffffff
}
.svg__stroke--white {
stroke: #ffffff
}
.svg__fill--black {
fill: #221e20
}
.svg__stroke--black {
stroke: #221e20
}
.svg__fill--danger-700 {
fill: #b21217
}
.svg__stroke--danger-700 {
stroke: #b21217
}
.svg__fill--danger-500 {
fill: #ff585d
}
.svg__stroke--danger-500 {
stroke: #ff585d
}
.svg__fill--danger-600 {
fill: #e52228
}
.svg__stroke--danger-600 {
stroke: #e52228
}
.svg__fill--info-800 {
fill: #496e67
}
.svg__stroke--info-800 {
stroke: #496e67
}
.svg__fill--info-900 {
fill: #37534e
}
.svg__stroke--info-900 {
stroke: #37534e
}
.svg__fill--success-50 {
fill: #ebfaf2
}
.svg__stroke--success-50 {
stroke: #ebfaf2
}
.svg__fill--success-600 {
fill: #34b76d
}
.svg__stroke--success-600 {
stroke: #34b76d
}
.svg__fill--blue-500 {
fill: #0047bb
}
.svg__stroke--blue-500 {
stroke: #0047bb
}
.svg__fill--red-500 {
fill: #ed1c24
}
.svg__stroke--red-500 {
stroke: #ed1c24
}
.svg__fill--neutral-gray-100 {
fill: #aaaaaa
}
.svg__stroke--neutral-gray-100 {
stroke: #aaaaaa
}
.svg__fill--neutral-gray-300 {
fill: #6d6d6d
}
.svg__stroke--neutral-gray-300 {
stroke: #6d6d6d
}
.svg__fill--gray-200 {
fill: #898989
}
.svg__stroke--gray-200 {
stroke: #898989
}
.svg__fill--warning-100 {
fill: #fbedb1
}
.svg__stroke--warning-100 {
stroke: #fbedb1
}
.svg__fill--warning-800 {
fill: #856c00
}
.svg__stroke--warning-800 {
stroke: #856c00
}
.svg__fill--disabled-stroke {
fill: #bfbfbf
}
.svg__stroke--disabled-stroke {
stroke: #bfbfbf
}
.svg__stroke-width--01 {
stroke-width: .063rem
}
.svg__stroke-width--02 {
stroke-width: .125rem
}
.svg__stroke-width--03 {
stroke-width: .188rem
}
.svg__stroke-width--04 {
stroke-width: .25rem
}
.svg__stroke-width--05 {
stroke-width: .313rem
}
.tag {
background: #f7f9fc;
border: .125rem solid #0047bb;
border-radius: .75rem;
color: #221e20;
height: 2.188rem
}
@media all and (min-width: 1200px) {
.tag {
height: 2.375rem
}
}
.tag:active__icon--right,
.tag:hover__icon--right {
fill: #0047bb
}
.tag:focus {
outline: .125rem solid rgba(0, 71, 187, .3)
}
.tag:active p {
color: #0047bb
}
.tag p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 21.875rem
}
@media all and (min-width: 1200px) {
.tag p {
font-size: var(--font-size-14)
}
}
.tag__icon {
fill: #0047bb;
stroke: #0047bb
}
.tag__icon--right {
cursor: pointer
}
.tag:disabled {
background-color: #f4f4f4;
border-color: #f4f4f4;
color: #6d6d6d
}
.tag:disabled .tag__icon,
.tag:disabled:hover .tag__icon,
.tag:disabled:active .tag__icon {
fill: #6d6d6d;
stroke: #6d6d6d
}
.tag:disabled:focus {
outline: none
}
.tag:disabled:active p {
color: #6d6d6d
}
.tag.tag--read-only {
border-color: #fff;
background-color: #fff;
transform: translate(0px, 1px);
border-radius: .5rem;
height: 1.63rem;
font-weight: 400;
pointer-events: none
}
.tag.tag--read-only p {
font-size: var(--font-size-14)
}
.tag.tag--read-only:active p {
color: #fff
}
.tag.tag--read-only strong {
font-weight: 500
}
.tag.tag--read-only .tag__icon--left {
fill: #34b76d;
stroke: #34b76d
}
.tag.tag--read-only.tag--blue--500,
.tag.tag--read-only.card-credit__tag {
background-color: #141b4d;
border-color: #141b4d;
color: #fff
}
.tag.tag--read-only.tag--blue--500 .tag__icon,
.tag.tag--read-only.card-credit__tag .tag__icon,
.tag.tag--read-only.tag--blue--500:hover .tag__icon--right,
.tag.tag--read-only.card-credit__tag:hover .tag__icon--right,
.tag.tag--read-only.tag--blue--500:active .tag__icon--right,
.tag.tag--read-only.card-credit__tag:active .tag__icon--right {
fill: #fff;
stroke: #fff
}
.tag.tag--read-only.tag--blue--500 strong,
.tag.tag--read-only.card-credit__tag strong {
font-weight: 500
}
.text-divider {
position: relative;
width: 100%;
text-align: center
}
.text-divider span {
width: fit-content;
padding: .25rem 1.25rem;
background-color: #fff;
position: relative
}
.text-divider::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
transform: translateY(-50%);
background-color: #6d6d6d
}
.textarea {
position: relative;
display: block
}
.textarea label {
position: absolute;
z-index: 9;
top: 3.75rem;
color: #6d6d6d;
font-size: var(--font-size-16);
left: 0;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
[dir=rtl] .textarea label {
right: 0;
left: initial
}
.textarea button svg {
position: absolute;
right: .75rem;
top: 3.75rem;
width: 1.5rem;
z-index: 11;
opacity: 0;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
[dir=rtl] .textarea button svg {
right: initial;
left: .75rem
}
.textarea textarea {
position: relative;
z-index: 10;
box-sizing: border-box;
width: 100%;
background-color: rgba(0, 0, 0, 0);
color: #221e20;
border-radius: .5rem;
border: .063rem solid #6d6d6d;
resize: none
}
[dir=rtl] .textarea textarea {
padding-left: 3rem !important;
padding-right: .75rem !important
}
.textarea textarea:hover {
color: #595959;
border-color: #595959
}
.textarea textarea:focus {
outline: none;
border: .125rem solid #0047bb;
box-shadow: 0px 0px 0px 3px rgba(115, 159, 230, .3);
color: #221e20;
padding-top: calc(1rem - 1px) !important;
padding-bottom: calc(1rem - 1px) !important
}
.textarea textarea:disabled {
background-color: #f0f0f0;
color: #6d6d6d;
border-color: #bfbfbf
}
.textarea textarea:disabled~button svg {
stroke: #6d6d6d;
cursor: default
}
.textarea textarea:not(:placeholder-shown)~label,
.textarea textarea:focus~label {
top: 1rem;
font-size: var(--font-size-14);
font-weight: 600;
color: #aaa;
padding-left: 0 !important
}
.textarea textarea:not(:placeholder-shown)~button svg,
.textarea textarea:focus~button svg {
opacity: 1
}
.textarea textarea.error {
border-color: #b21217;
color: #6d6d6d
}
.textarea textarea.error:focus,
.textarea textarea.error:focus-visible {
outline: none;
box-shadow: 0px 0px 0px 3px #ff999c;
border-color: #b21217
}
.textarea textarea.error:focus~.svg__stroke,
.textarea textarea.error:focus-visible~.svg__stroke {
stroke: #221e20
}
.textarea textarea.error:focus~.svg__fill,
.textarea textarea.error:focus-visible~.svg__fill {
fill: #221e20
}
.textarea textarea.success {
border-color: #34b76d;
color: #221e20
}
.textarea textarea.success:focus {
box-shadow: 0px 0px 0px 3px #c3efd5;
border-color: #34b76d
}
.textarea textarea.success~button {
cursor: default
}
.toaster {
padding: 1rem;
background-color: #221e20;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
border-radius: .5rem;
text-align: center;
color: #fff;
width: 100%
}
@media all and (min-width: 991px) {
.toaster {
text-align: left;
padding: 1.5rem 1rem 1.5rem 2rem;
width: calc(100% - 6rem)
}
[dir=rtl] .toaster {
text-align: right;
padding: 1.5rem 2rem 1.5rem 1rem
}
}
.toaster__title {
font-size: var(--font-size-14);
line-height: 16px;
letter-spacing: 1px
}
@media all and (min-width: 991px) {
.toaster__title {
font-size: var(--font-size-16);
line-height: 20px
}
}
.toaster__message {
font-size: var(--font-size-14);
line-height: 20px
}
@media all and (min-width: 991px) {
.toaster__message {
font-size: var(--font-size-16);
line-height: 24px
}
}
.toaster--error {
background-color: #b21217
}
.toaster--success {
background-color: #279055
}
.tooltip {
background-color: #111827;
max-width: 400px;
width: fit-content
}
.tooltip__background {
background-color: inherit
}
.draw-sign {
position: relative;
display: inline-block
}
.draw-sign .sign-canvas {
padding: 1.25rem;
border: .063rem dashed #ed1c24;
border-radius: .75rem;
display: block;
cursor: pointer
}
.draw-sign .cta-icons {
display: flex;
flex-direction: column;
position: absolute;
bottom: 20px;
right: 20px;
gap: .5rem
}
.draw-sign .cta-icons img {
width: 30px
}
.draw-sign .cta-icons .icon-bg {
background: #fff;
margin: 5px 0;
padding: .375rem;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
box-shadow: 0 0 4px 1px #f3686d;
cursor: pointer
}
.banner-campaign__image {
max-width: 100%
}
.banner-hero {
height: 13rem;
width: 100%
}
.banner-hero a,
.banner-hero picture,
.banner-hero img {
display: flex;
object-fit: contain;
height: 100%;
justify-content: center;
max-width: 100%
}
@media all and (min-width: 991px) {
.banner-hero {
height: 20.25rem
}
}
.breadcrumbs {
background-color: #fff;
padding: 1rem 1.5rem;
min-height: 4.5rem
}
@media all and (min-width: 991px) {
.breadcrumbs {
padding: 0 1rem;
min-height: auto
}
}
.breadcrumbs--grey {
background-color: #ebf0f0
}
@media all and (min-width: 991px) {
.breadcrumbs--grey {
background-color: #fff
}
}
.breadcrumbs__custom span:nth-of-type(2) {
display: none
}
.breadcrumbs__third-level--no-parent .breadcrumbs .page-title span {
display: none
}
.breadcrumbs .left-command {
display: flex
}
.breadcrumbs .left-command svg {
width: 1.5rem;
height: 1.5rem
}
[dir=rtl] .breadcrumbs .left-command svg {
transform: rotate(180deg)
}
.breadcrumbs .page-title p {
font-weight: 600
}
.breadcrumbs ol,
.breadcrumbs ul {
margin-bottom: 0
}
.breadcrumbs li {
list-style: none
}
.breadcrumbs li.current-page a,
.breadcrumbs li.parent-page a {
vertical-align: center
}
.breadcrumbs li.current-page a:hover,
.breadcrumbs li.parent-page a:hover {
color: #a91419
}
.breadcrumbs li.current-page span {
background: rgba(230, 239, 255, .75);
color: #0047bb;
display: block;
border-radius: .25rem
}
.breadcrumbs--sticky {
padding: .5rem 1.5rem;
min-height: 2.5rem
}
.breadcrumbs--sticky .page-title p {
font-size: var(--font-size-16)
}
.breadcrumbs .breadcrumbs__arrow {
transform: rotate(0deg)
}
[dir=rtl] .breadcrumbs .breadcrumbs__arrow {
transform: rotate(180deg)
}
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet {
position: sticky;
z-index: 9;
top: 67px
}
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet.simple-header__breadcrumbs {
display: none
}
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet .portlet {
margin-bottom: 0;
margin-top: 0
}
@media all and (min-width: 991px) {
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet .portlet {
margin-bottom: 4px;
margin-top: 0;
padding-top: 4px;
background-color: #fff
}
}
@media all and (min-width: 991px) {
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet {
top: 115px;
z-index: 10
}
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet.simple-header__breadcrumbs {
top: 86px;
display: block
}
}
.has-control-menu.controls-visible .lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet {
top: 123px
}
.has-control-menu.controls-visible .lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet.simple-header__breadcrumbs {
display: none
}
@media all and (min-width: 991px) {
.has-control-menu.controls-visible .lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet {
top: 171px;
z-index: 10
}
.has-control-menu.controls-visible .lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet.simple-header__breadcrumbs {
top: 142px;
display: block
}
}
.card-account-dropdown {
position: relative
}
.card-account-dropdown__options {
position: absolute;
overflow-y: auto;
overflow-x: hidden;
flex: 1;
border-radius: 0 0 0 .75rem;
background: #fff;
user-select: none;
cursor: pointer;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2)
}
.card-account-dropdown__options::-webkit-scrollbar {
width: .25rem
}
.card-account-dropdown__options::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.card-account-dropdown__options::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.card-account-dropdown__options {
z-index: 1;
width: calc(100% - .126rem);
max-height: 23.75rem;
top: 55%;
left: .063rem
}
@media all and (min-width: 991px) {
.card-account-dropdown__options {
top: 49%
}
}
.card-account-dropdown__options li:not(:last-child) {
position: relative
}
.card-account-dropdown__options li:not(:last-child)::after {
content: "";
position: absolute;
bottom: -0.063rem;
left: 0;
right: 0;
border-bottom: .063rem solid #e0e0e0
}
.card-account {
position: relative;
border: .063rem solid #0047bb;
overflow: hidden
}
.card-account__amount-container {
min-height: 3.25rem
}
.card-account-manage-autopay__content {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.card-autopay {
background-color: #fdfdfd;
border-radius: .75rem;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
overflow: hidden;
transition: box-shadow .2s ease-in-out
}
.card-autopay:hover {
box-shadow: 0px 0px 12px rgba(0, 0, 0, .3)
}
.card-autopay__main {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto auto;
gap: 0;
padding: .625rem 1rem
}
@media(max-width: 500px) {
.card-autopay__main {
display: flex;
flex-wrap: wrap
}
}
.card-autopay__column-left {
display: flex;
flex-direction: column;
gap: .25rem;
grid-column: 1;
grid-row: 1/-1
}
@media(max-width: 500px) {
.card-autopay__column-left {
flex: 1;
min-width: 0;
order: 1
}
}
.card-autopay__column-right {
display: flex;
flex-direction: column;
align-items: flex-end;
grid-column: 2;
grid-row: 1
}
@media(max-width: 500px) {
.card-autopay__column-right {
flex-shrink: 0;
order: 2
}
}
.card-autopay__actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: .5rem
}
.card-autopay__services-toggle {
display: flex;
align-items: center;
gap: .375rem;
border-radius: .5rem;
cursor: pointer
}
.card-autopay__toggle-icon {
display: flex;
align-items: center;
justify-content: center
}
.card-autopay__delete-btn {
padding: .375rem;
background-color: #fde8e9;
border-radius: .5rem;
cursor: pointer;
transition: background-color .15s ease-in-out
}
.card-autopay__delete-btn:hover {
background-color: #f9b9bb
}
.card-autopay__delete-btn:active {
background-color: #f7979a
}
.card-autopay__badge-section {
grid-column: 1;
grid-row: 2;
margin-top: .25rem
}
.card-autopay__badge-section .label {
background-color: #d8eeea;
color: #37534e
}
@media(max-width: 500px) {
.card-autopay__badge-section {
order: 3;
flex-basis: 100%;
width: 100%;
margin-top: .5rem
}
}
.card-autopay__schedule {
grid-column: 1;
grid-row: 3;
margin-top: .25rem
}
@media(max-width: 500px) {
.card-autopay__schedule {
order: 4;
flex-basis: 100%;
width: 100%;
margin-top: .5rem
}
}
.card-autopay__schedule-label {
font-size: 14px;
line-height: 20px;
color: #898989
}
@media(max-width: 500px) {
.card-autopay__schedule-label {
font-size: 12px;
line-height: 16px
}
}
.card-autopay__schedule-label span[class*=font-weight--semibold] {
color: #221e20
}
.card-autopay__divider {
width: 100%;
height: 1px;
background-color: #e0e0e0;
margin-bottom: .5rem
}
.card-autopay__services-list {
padding: 0 1rem .75rem
}
.card-autopay__service-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: .75rem 0
}
.card-autopay__service-item:first-child {
padding-top: 0
}
.card-autopay__service-content {
display: flex;
align-items: center;
gap: .75rem
}
.card-autopay__service-icon {
display: flex;
align-items: center;
justify-content: center
}
.card-autopay__price-label,
.card-autopay__services-label,
.card-autopay__service-number {
color: #6d6d6d
}
.card-autopay__service-name {
color: #221e20
}
.card-autopay--inactive .card-autopay__badge-section .label {
background-color: #fbedb1;
color: #856c00
}
.card-account-select {
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
border: .125rem solid #fff;
overflow: hidden;
background-color: #fff
}
.card-account-select .custom-radio {
width: 1rem;
height: 1rem;
border: .125rem solid #969696
}
.card-account-select--is-selected {
border: .125rem solid #0047bb;
box-shadow: none;
background-color: #eef4f8
}
.card-account-select--is-selected .custom-radio {
border: .125rem solid #0047bb;
box-shadow: 0px 0px 4px 1px rgba(0, 71, 187, .4)
}
.card-benefits {
border-radius: .5rem;
background-color: #fff
}
.card-benefits span {
background-color: #ed1c24;
border-radius: .5rem
}
.card-benefits span svg {
height: auto;
width: 1.5rem
}
.card-benefits span svg[data-type=fill-icon] {
fill: #fff
}
.card-benefits span svg[data-type=stroke-icon] {
stroke: #fff
}
.card-benefits h5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden
}
.card-benefits p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden
}
.card-bills {
border-radius: .75rem;
background-color: #fdfdfd;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
border: .125rem solid rgba(0, 0, 0, 0);
width: 100%;
transition: background-color .25s ease-in, border .25s ease-in, box-shadow .17s ease-in;
cursor: pointer
}
.card-bills:hover,
.card-bills:focus,
.card-bills:active {
background-color: #eef4f8;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3)
}
.card-bills:hover {
border: .125rem solid #0047bb
}
.card-bills__icon {
width: 2.25rem;
height: 2.25rem;
background-color: #fde8e9;
border-radius: .5rem
}
.card-bills__icon--bill {
background-color: #e6efff;
color: #0047bb
}
.card-bills__icon--payment {
background-color: #ebfaf2;
color: #34b76d
}
.card-bills__currency {
max-width: 5ch;
overflow: hidden;
text-align: right
}
[dir=rtl] .card-bills__currency {
text-align: left
}
[dir=rtl] .card-bills svg.svg-to-rotate {
transform: rotate(180deg)
}
.card-bills--checked {
border: .125rem solid #0047bb
}
.card-category {
padding: .75rem .75rem 1.5rem;
display: flex;
flex-direction: column;
border-radius: .75rem;
background-color: #fff;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2)
}
@media all and (min-width: 991px) {
.card-category {
padding: 1.5rem;
box-shadow: none;
height: 100%
}
.card-category:nth-child(even) {
background-color: #f4f4f4
}
}
.card-category__icon {
width: 3rem;
height: 3rem;
border-radius: .5rem;
background-color: #ed1c24;
padding: .25rem;
transition: background-color .15s ease-in
}
.card-category__icon svg {
width: 2.5rem;
height: 2.5rem
}
@media all and (min-width: 991px) {
.card-category__icon {
width: 2.5rem;
height: 2.5rem
}
.card-category__icon svg {
width: 2rem;
height: 2rem
}
}
.card-category__title {
flex-grow: 1
}
.card-category__title svg {
transition: stroke .15s ease-in
}
.card-category__title h3 {
letter-spacing: 1px;
width: 100%;
max-height: 2.625rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
[dir=rtl] .card-category__title h3 {
line-height: 1.5rem;
max-height: 3.25rem
}
@media all and (min-width: 991px) {
.card-category__title h3 {
letter-spacing: 0;
width: calc(100% - 1.25rem)
}
[dir=rtl] .card-category__title h3 {
line-height: 1.875rem;
max-height: 3.75rem
}
}
.card-category__link {
padding: 0 .75rem 0 .25rem
}
[dir=rtl] .card-category__link {
padding: 0 .25rem 0 .75rem
}
[dir=rtl] .card-category__title svg,
[dir=rtl] .card-category__link svg {
transform: rotate(180deg)
}
.card-category__header {
flex-grow: 1;
justify-content: flex-start
}
@media all and (min-width: 991px) {
.card-category__header {
flex-grow: initial
}
.card-category__header a {
height: 2.625rem
}
.card-category__header:hover .card-category__icon {
background-color: #a91419
}
.card-category__header:hover .card-category__title svg {
stroke: #a91419
}
}
.card-category__list {
border-bottom: .063rem solid #e0e0e0
}
@media all and (min-width: 991px) {
.card-category__list {
border-bottom: 0
}
}
.card-category__question {
width: 100%;
border-top: .063rem solid #e0e0e0
}
@media all and (min-width: 991px) {
.card-category__question {
border-top: 0;
border-radius: .75rem;
background-color: #fff;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
transition: background-color .15s ease-in, box-shadow .15s ease-in;
display: flex;
align-items: center;
word-break: break-word
}
.card-category__question+.card-category__question {
margin-top: 1rem
}
.card-category__question:hover {
background-color: #eef4f8;
box-shadow: none
}
}
.card-category__question h5 {
max-height: 4.688rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
[dir=rtl] .card-category__question h5 {
line-height: 1.5rem
}
.card-category__question a {
width: 100%
}
.card-contact {
padding: .75rem .75rem 1rem;
display: flex;
flex-direction: column;
border-radius: .75rem;
background-color: #fff;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
height: 100%;
position: relative
}
@media all and (min-width: 991px) {
.card-contact {
padding: 1rem 1rem 1.5rem
}
}
.card-contact__tag {
color: #fff;
background-color: #141b4d;
border-radius: .5rem;
padding: .25rem .5rem;
position: absolute;
top: 1rem;
inset-inline-end: 1rem
}
@media all and (min-width: 991px) {
.card-contact__tag {
top: 1rem;
inset-inline-end: 1rem
}
}
.card-contact__icon {
width: 2.25rem;
height: 2.25rem;
background-color: #fde8e9;
border-radius: .5rem
}
.card-contact__link:hover {
text-decoration: underline
}
[dir=rtl] .card-contact__link svg {
transform: rotate(180deg)
}
@media all and (min-width: 991px) {
.card-contact__list {
margin: 0 -0.75rem;
width: calc(100% + 1.5rem)
}
}
.card-contact--centered {
align-items: center;
text-align: center
}
.card-credit-limit {
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
background-color: #fff
}
.card-credit-limit .icon-box {
width: 2.25rem;
height: 2.25rem
}
.card-customer-info__column {
min-height: 2.5rem
}
@media all and (min-width: 991px) {
.card-customer-info__column {
border-right: .063rem solid #aaa
}
.card-customer-info__column:nth-child(3n+3) {
border-right: none
}
[dir=rtl] .card-customer-info__column {
border-right: none;
border-left: .063rem solid #aaa
}
[dir=rtl] .card-customer-info__column:nth-child(3n+3) {
border-left: none
}
}
.card-info {
background-color: #e6efff;
border-radius: .75rem;
transition: .2s background-color ease-in-out;
height: 100%
}
.card-info:hover {
background-color: #b6cdf2
}
.card-info:focus {
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3);
background-color: #e6efff
}
.card-info__title {
flex-grow: 1;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
[dir=rtl] .card-info__title {
line-height: 1.75rem
}
.card-info__icon {
background-color: #0047bb;
border-radius: .5rem;
width: 2.5rem;
height: 2.5rem
}
.card-info__icon svg {
fill: #e6efff
}
.card-info__label {
width: fit-content;
border-radius: .5rem;
background-color: #141b4d
}
.card-link {
min-height: 6.75rem
}
.card-link article {
column-gap: .5rem
}
.card-link--line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis
}
.card-link--image {
width: 5.625rem
}
[dir=rtl] .card-link--image {
transform: scaleX(-1)
}
.card-link--image__fit--cover {
object-fit: cover
}
.card-link--image__fit--contain {
object-fit: contain
}
@media all and (min-width: 600px) {
.card-link--image__fit--cover-sm {
object-fit: cover
}
.card-link--image__fit--contain-sm {
object-fit: contain
}
}
@media all and (min-width: 991px) {
.card-link--image__fit--cover-md {
object-fit: cover
}
.card-link--image__fit--contain-md {
object-fit: contain
}
}
@media all and (min-width: 991px) {
.card-link--image__fit--cover-mdl {
object-fit: cover
}
.card-link--image__fit--contain-mdl {
object-fit: contain
}
}
@media all and (min-width: 1200px) {
.card-link--image__fit--cover-lg {
object-fit: cover
}
.card-link--image__fit--contain-lg {
object-fit: contain
}
}
@media all and (min-width: 1600px) {
.card-link--image__fit--cover-xl {
object-fit: cover
}
.card-link--image__fit--contain-xl {
object-fit: contain
}
}
@media all and (min-width: 2000px) {
.card-link--image__fit--cover-xxl {
object-fit: cover
}
.card-link--image__fit--contain-xxl {
object-fit: contain
}
}
.card-link--image__position--center {
object-position: center
}
.card-link--image__position--top {
object-position: top
}
.card-link--image__position--bottom {
object-position: bottom
}
.card-link--image__position--left {
object-position: left
}
.card-link--image__position--right {
object-position: right
}
@media all and (min-width: 600px) {
.card-link--image__position--center-sm {
object-position: center
}
.card-link--image__position--top-sm {
object-position: top
}
.card-link--image__position--bottom-sm {
object-position: bottom
}
.card-link--image__position--left-sm {
object-position: left
}
.card-link--image__position--right-sm {
object-position: right
}
}
@media all and (min-width: 991px) {
.card-link--image__position--center-md {
object-position: center
}
.card-link--image__position--top-md {
object-position: top
}
.card-link--image__position--bottom-md {
object-position: bottom
}
.card-link--image__position--left-md {
object-position: left
}
.card-link--image__position--right-md {
object-position: right
}
}
@media all and (min-width: 991px) {
.card-link--image__position--center-mdl {
object-position: center
}
.card-link--image__position--top-mdl {
object-position: top
}
.card-link--image__position--bottom-mdl {
object-position: bottom
}
.card-link--image__position--left-mdl {
object-position: left
}
.card-link--image__position--right-mdl {
object-position: right
}
}
@media all and (min-width: 1200px) {
.card-link--image__position--center-lg {
object-position: center
}
.card-link--image__position--top-lg {
object-position: top
}
.card-link--image__position--bottom-lg {
object-position: bottom
}
.card-link--image__position--left-lg {
object-position: left
}
.card-link--image__position--right-lg {
object-position: right
}
}
@media all and (min-width: 1600px) {
.card-link--image__position--center-xl {
object-position: center
}
.card-link--image__position--top-xl {
object-position: top
}
.card-link--image__position--bottom-xl {
object-position: bottom
}
.card-link--image__position--left-xl {
object-position: left
}
.card-link--image__position--right-xl {
object-position: right
}
}
@media all and (min-width: 2000px) {
.card-link--image__position--center-xxl {
object-position: center
}
.card-link--image__position--top-xxl {
object-position: top
}
.card-link--image__position--bottom-xxl {
object-position: bottom
}
.card-link--image__position--left-xxl {
object-position: left
}
.card-link--image__position--right-xxl {
object-position: right
}
}
[dir=rtl] .card-link--image__position--center {
object-position: center
}
[dir=rtl] .card-link--image__position--top {
object-position: top
}
[dir=rtl] .card-link--image__position--bottom {
object-position: bottom
}
[dir=rtl] .card-link--image__position--left {
object-position: right
}
[dir=rtl] .card-link--image__position--right {
object-position: left
}
@media all and (min-width: 600px) {
[dir=rtl] .card-link--image__position--center-sm {
object-position: center
}
[dir=rtl] .card-link--image__position--top-sm {
object-position: top
}
[dir=rtl] .card-link--image__position--bottom-sm {
object-position: bottom
}
[dir=rtl] .card-link--image__position--left-sm {
object-position: right
}
[dir=rtl] .card-link--image__position--right-sm {
object-position: left
}
}
@media all and (min-width: 991px) {
[dir=rtl] .card-link--image__position--center-md {
object-position: center
}
[dir=rtl] .card-link--image__position--top-md {
object-position: top
}
[dir=rtl] .card-link--image__position--bottom-md {
object-position: bottom
}
[dir=rtl] .card-link--image__position--left-md {
object-position: right
}
[dir=rtl] .card-link--image__position--right-md {
object-position: left
}
}
@media all and (min-width: 991px) {
[dir=rtl] .card-link--image__position--center-mdl {
object-position: center
}
[dir=rtl] .card-link--image__position--top-mdl {
object-position: top
}
[dir=rtl] .card-link--image__position--bottom-mdl {
object-position: bottom
}
[dir=rtl] .card-link--image__position--left-mdl {
object-position: right
}
[dir=rtl] .card-link--image__position--right-mdl {
object-position: left
}
}
@media all and (min-width: 1200px) {
[dir=rtl] .card-link--image__position--center-lg {
object-position: center
}
[dir=rtl] .card-link--image__position--top-lg {
object-position: top
}
[dir=rtl] .card-link--image__position--bottom-lg {
object-position: bottom
}
[dir=rtl] .card-link--image__position--left-lg {
object-position: right
}
[dir=rtl] .card-link--image__position--right-lg {
object-position: left
}
}
@media all and (min-width: 1600px) {
[dir=rtl] .card-link--image__position--center-xl {
object-position: center
}
[dir=rtl] .card-link--image__position--top-xl {
object-position: top
}
[dir=rtl] .card-link--image__position--bottom-xl {
object-position: bottom
}
[dir=rtl] .card-link--image__position--left-xl {
object-position: right
}
[dir=rtl] .card-link--image__position--right-xl {
object-position: left
}
}
@media all and (min-width: 2000px) {
[dir=rtl] .card-link--image__position--center-xxl {
object-position: center
}
[dir=rtl] .card-link--image__position--top-xxl {
object-position: top
}
[dir=rtl] .card-link--image__position--bottom-xxl {
object-position: bottom
}
[dir=rtl] .card-link--image__position--left-xxl {
object-position: right
}
[dir=rtl] .card-link--image__position--right-xxl {
object-position: left
}
}
[dir=rtl] .card-link svg {
rotate: 180deg
}
.card-nojoom-points {
border-radius: .75rem;
background-color: #ed1c24;
width: 100%;
color: #fff;
min-height: 5.625rem;
outline: 1px solid rgba(0, 0, 0, 0);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms
}
.card-nojoom-points--stuck {
border-radius: 0;
min-height: 0
}
.card-nojoom-points--stuck>.card-nojoom-points__icon {
opacity: 0;
display: none
}
.card-nojoom-points__labels {
z-index: 2
}
.card-nojoom-points__icon {
opacity: 20%;
position: absolute;
z-index: 1;
top: 50%;
right: 2rem;
transform: translateY(-50%)
}
[dir=rtl] .card-nojoom-points__icon {
right: inherit;
left: 2rem
}
.card-nojoom {
position: relative
}
.card-nojoom__spacer {
position: relative;
width: calc(100% + 2rem);
left: -1rem;
right: -1rem;
border-radius: 0 0 .75rem .75rem;
border-top: .063rem solid #e0e0e0;
display: none
}
@media all and (min-width: 991px) {
.card-nojoom__spacer {
display: block
}
}
.card-nojoom__container {
background-color: #fdfdfd;
border-radius: .75rem;
padding: 1.125rem .875rem 1.125rem 1.125rem;
box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .2);
border: .125rem solid rgba(0, 0, 0, 0)
}
[dir=rtl] .card-nojoom__container {
padding: 1.375rem 1.125rem 1.375rem .875rem
}
@media all and (min-width: 991px) {
.card-nojoom__container {
padding: .875rem
}
.card-nojoom__container>div {
flex-direction: column-reverse
}
}
.card-nojoom--typable .card-nojoom__container {
padding: .75rem 1rem
}
@media all and (min-width: 991px) {
.card-nojoom--typable .card-nojoom__container {
padding-right: 2.75rem
}
.card-nojoom--typable .card-nojoom__container:after {
background-color: #eef4f8;
border-top: 0
}
[dir=rtl] .card-nojoom--typable .card-nojoom__container {
padding-left: 2.75rem;
padding-right: 1rem
}
}
@media all and (min-width: 991px) {
.card-nojoom--typable .card-nojoom__amount {
margin-bottom: 1.75rem
}
}
.card-nojoom--typable .card-nojoom__points {
background-color: #eef4f8;
padding: .375rem .5rem;
border-radius: .75rem
}
@media all and (min-width: 991px) {
.card-nojoom--typable .card-nojoom__points {
background-color: rgba(0, 0, 0, 0)
}
}
.card-nojoom--typable input[type=radio]:checked+.card-nojoom__container::after,
.card-nojoom--typable input[type=radio]:focus+.card-nojoom__container::after,
.card-nojoom--typable input[type=radio]:active+.card-nojoom__container::after {
background-color: rgba(0, 0, 0, 0);
border-top: 0
}
@media all and (min-width: 991px) {
.card-nojoom--label-message .card-nojoom__container::after {
height: 5rem
}
}
.card-nojoom input[type=radio] {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 10
}
.card-nojoom input[type=radio][disabled]:checked+.card-nojoom__container .card-nojoom__picker {
background-color: #595959
}
.card-nojoom input[type=radio][disabled]:checked+.card-nojoom__container .card-nojoom__picker::after {
content: "";
border: none;
width: 1rem;
height: 1rem;
border-radius: 50%
}
.card-nojoom input[type=radio][disabled]:checked+.card-nojoom__container .card-nojoom__picker svg {
fill: #bfbfbf
}
.card-nojoom input[type=radio][disabled]:hover+.card-nojoom__container {
outline: .188rem solid rgba(0, 0, 0, 0)
}
.card-nojoom input[type=radio]:checked+.card-nojoom__container::after,
.card-nojoom input[type=radio]:focus+.card-nojoom__container::after,
.card-nojoom input[type=radio]:active+.card-nojoom__container::after,
.card-nojoom input[type=radio][disabled]+.card-nojoom__container::after {
width: calc(100% - .25rem);
left: .125rem
}
.card-nojoom input[type=radio]:hover+.card-nojoom__container {
background-color: #eef4f8;
outline: .188rem solid rgba(0, 71, 187, .3)
}
.card-nojoom input[type=radio]:active+.card-nojoom__container {
background-color: #eef4f8;
outline: .188rem solid rgba(0, 71, 187, .3)
}
.card-nojoom input[type=radio]:focus+.card-nojoom__container {
background-color: #eef4f8;
outline: .188rem solid rgba(0, 71, 187, .3);
border: .125rem solid #0047bb
}
.card-nojoom input[type=radio]:checked+.card-nojoom__container {
background-color: #eef4f8;
border: .125rem solid #0047bb;
box-shadow: none
}
.card-nojoom input[type=radio]:checked+.card-nojoom__container .card-nojoom__points svg {
fill: #0047bb
}
.card-nojoom input[type=radio]:checked+.card-nojoom__container .card-nojoom__amount-value {
color: #0047bb
}
.card-nojoom input[type=radio]:checked+.card-nojoom__container .card-nojoom__picker {
background-color: #fff;
border: 0
}
.card-nojoom input[type=radio]:checked+.card-nojoom__container .card-nojoom__picker::after {
content: "";
position: absolute;
filter: blur(1px);
border: .063rem solid #0047bb;
width: 1rem;
height: 1rem;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
left: 0
}
.card-nojoom input[type=radio]:checked+.card-nojoom__container .card-nojoom__picker svg {
display: block
}
.card-nojoom input[type=radio]:disabled+.card-nojoom__container {
background-color: #f4f4f4;
border: .125rem solid #bfbfbf
}
.card-nojoom input[type=radio]:disabled+.card-nojoom__container .card-nojoom__points-value,
.card-nojoom input[type=radio]:disabled+.card-nojoom__container .card-nojoom__points-description {
color: #898989
}
.card-nojoom input[type=radio]:disabled+.card-nojoom__container .card-nojoom__points svg {
fill: #595959
}
.card-nojoom input[type=radio]:disabled+.card-nojoom__container .card-nojoom__amount-description {
color: #898989
}
.card-nojoom input[type=radio]:disabled+.card-nojoom__container .card-nojoom__amount-value {
color: #6d6d6d
}
@media all and (min-width: 991px) {
.card-nojoom__points {
z-index: 1
}
}
.card-nojoom__points svg {
fill: #ed1c24;
width: 2rem;
height: 2rem
}
@media all and (min-width: 991px) {
.card-nojoom__points svg {
width: 1.5rem;
height: 1.5rem
}
}
.card-nojoom__points-value {
color: #221e20
}
.card-nojoom__points-description {
color: #898989
}
.card-nojoom__amount-description {
color: #898989;
margin-top: .313rem;
margin-bottom: 0
}
.card-nojoom__picker {
width: 1rem;
height: 1rem;
border-radius: 50%;
border: .125rem solid #8f8f8f;
position: relative;
background-color: #fff;
position: absolute;
top: 1.75rem;
right: 1rem
}
[dir=rtl] .card-nojoom__picker {
right: initial;
left: 1rem
}
@media all and (min-width: 991px) {
.card-nojoom__picker {
top: 1rem;
right: 1rem;
transform: none
}
}
.card-nojoom__picker>svg {
width: .875rem;
height: .875rem;
display: none
}
.card-nojoom .field-group {
margin-bottom: 0 !important;
margin-top: 0 !important
}
.card-nojoom .field-group svg {
z-index: 11;
top: .8rem
}
.card-nojoom .field-group>input.icon--trailing.icon--leading {
z-index: 10;
height: 3rem;
max-width: 7.5rem;
padding-right: 1rem;
padding-left: 2.5rem
}
[dir=rtl] .card-nojoom .field-group>input.icon--trailing.icon--leading {
padding-right: 2.5rem;
padding-left: 1rem
}
@media all and (min-width: 991px) {
.card-nojoom .field-group>input.icon--trailing.icon--leading {
max-width: 100%
}
}
.card-nojoom .field-group>input.icon--trailing.icon--leading:hover,
.card-nojoom .field-group>input.icon--trailing.icon--leading:focus {
box-shadow: none
}
.nojoom-skeleton {
background-color: #fdfdfd;
border-radius: .75rem;
padding: 1.125rem .875rem 1.125rem 1.125rem;
box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .2);
border: .125rem solid rgba(0, 0, 0, 0)
}
[dir=rtl] .nojoom-skeleton {
padding: 1.375rem 1.125rem 1.375rem .875rem
}
.nojoom-skeleton__top {
display: none
}
@media all and (min-width: 991px) {
.nojoom-skeleton__top {
display: flex;
position: relative;
flex-direction: column;
gap: .75rem;
margin-bottom: .5rem
}
.nojoom-skeleton__top__circle {
position: absolute;
top: 0;
right: 0
}
[dir=rtl] .nojoom-skeleton__top__circle {
right: unset;
left: 0
}
}
.nojoom-skeleton__bottom {
display: flex;
justify-content: space-between
}
.nojoom-skeleton__bottom__left {
display: flex;
align-items: center;
gap: .375rem
}
.nojoom-skeleton__bottom__right {
display: flex;
align-items: center;
gap: .75rem
}
@media all and (min-width: 991px) {
.nojoom-skeleton__bottom__right {
display: none
}
}
@media all and (min-width: 991px) {
.nojoom-skeleton__bottom {
margin-top: 1rem
}
}
.card-offer {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
margin-top: 20px;
isolation: isolate
}
.card-offer__bonus-tag {
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
z-index: 0;
background: linear-gradient(88deg, #EF5C61 0%, #B41118 41.73%, #BA161C 99.77%);
border-radius: 4px;
padding: 8px 12px 12px;
font-size: 10px;
color: #fff;
text-align: center;
width: max-content;
display: flex;
align-items: center;
justify-content: center;
gap: 6px
}
.card-offer__body {
background: linear-gradient(180deg, rgb(253, 232, 233) 13%, rgba(255, 255, 255, 0.9724) 74%);
height: 120px;
overflow-y: auto;
padding: 24px 8px 4px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
z-index: 1;
width: 100%;
background: radial-gradient(4px at 50% 0px, rgba(0, 0, 0, 0) 99%, #FDE8E9 101%) 50% 4px/calc(4 * 4px) 100% no-repeat;
background-repeat: repeat-x;
border-radius: 10px 10px 0 0;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)
}
.card-offer__body__benefit-wrapper {
display: flex;
flex-direction: column;
gap: 6px
}
.card-offer__body__benefit-icon {
align-self: center
}
.card-offer__body__benefit {
display: flex;
flex-direction: column;
gap: 2px
}
.card-offer__body__validity {
display: flex;
gap: 4px;
align-items: center
}
.card-offer__body__validity__text {
color: #ed1c24
}
.card-offer__footer {
position: relative;
z-index: 1;
height: 36px;
width: 100%;
background: radial-gradient(4px at 50% 100%, rgba(0, 0, 0, 0) 99%, #ED1C24 101%) 50% calc(100% - 4px)/calc(4 * 4px) 100% no-repeat;
background-repeat: repeat-x;
border-radius: 0 0 10px 10px
}
.card-offer__footer__content {
width: 100%;
padding: 4px 10px;
display: flex;
justify-content: space-between;
align-items: center
}
.card-offer__footer__content__text {
color: #fff;
margin: 0
}
[dir=rtl] .card-offer__footer__content__arrow {
transform: rotate(180deg)
}
.card-payment-summary {
position: relative;
overflow: hidden;
transition: transform .2s, box-shadow .3s
}
.card-payment-summary__checked {
border: .063rem solid #0047bb
}
.card-payment-summary__unchecked {
border: .063rem solid rgba(0, 0, 0, 0);
box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
transition: box-shadow .3s
}
.card-payment-summary__unchecked:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, .25)
}
.card-payment-summary--disabled {
border: .063rem solid rgba(0, 0, 0, 0);
opacity: .6;
transition: opacity .3s
}
.card-payment-summary--focused {
box-shadow: 0 0 0 3px rgba(0, 71, 187, .3);
border: .125rem solid #0047bb
}
.card-payment-summary__custom-radio {
width: 1rem;
height: 1rem;
border: .125rem solid #969696;
align-self: center;
flex-shrink: 0;
transition: all .3s cubic-bezier(0.4, 0, 0.2, 1)
}
.card-payment-summary__custom-radio--is-selected {
border-color: #0047bb;
box-shadow: 0 0 4px 1px rgba(0, 71, 187, .4)
}
.card-payment-summary--autopay {
border: .063rem solid rgba(0, 0, 0, 0);
box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
border-radius: .75rem;
transition: all .3s cubic-bezier(0.4, 0, 0.2, 1)
}
.card-payment-summary--autopay:hover:not(.card-payment-summary--autopay--disabled) {
box-shadow: 0 4px 16px rgba(0, 0, 0, .15)
}
.card-payment-summary--autopay--selected {
border-color: #0047bb;
box-shadow: none
}
.card-payment-summary--autopay--disabled {
opacity: .6;
pointer-events: none;
transition: opacity .3s
}
.card-payment-summary--autopay__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.25rem;
background-color: #fff;
transition: background-color .3s cubic-bezier(0.4, 0, 0.2, 1)
}
.card-payment-summary--autopay__header--selected {
background-color: #eef4f8
}
.card-payment-summary--autopay__header-content {
display: flex;
flex-direction: column;
flex: 1
}
.card-payment-summary--autopay__title-wrapper {
display: flex;
align-items: center;
margin-bottom: .25rem
}
.card-payment-summary--autopay__title {
font: 500 var(--font-size-16)/22px;
color: #221e20;
margin: 0;
transition: color .2s
}
.card-payment-summary--autopay__description-wrapper {
display: flex;
align-items: center
}
.card-payment-summary--autopay__description {
font: 400 var(--font-size-14)/20px;
color: #6d6d6d;
margin: 0 .25rem 0 0;
transition: color .2s
}
.card-payment-summary--autopay__expanded-list {
border-bottom: .063rem solid #e0e0e0
}
.card-payment-summary--autopay__list-item {
display: flex;
align-items: center;
margin: .75rem 1rem
}
.card-payment-summary--autopay__list-item-name {
flex: 1;
font: 500 var(--font-size-16)/22px;
margin: 0 .5rem 0 .75rem
}
.card-payment-summary--autopay__list-item-phone {
font: 400 var(--font-size-14)/20px;
margin: 0
}
.card-payment-summary--autopay__bottom {
padding: .75rem 1.25rem;
background-color: #fff;
border-top: .063rem solid #e0e0e0
}
.card-payment-summary--autopay__input {
display: flex;
align-items: center;
width: 100%;
border: .063rem solid #aaa;
border-radius: .5rem;
padding: .75rem 1rem;
background-color: #fff
}
.card-payment-summary--autopay__input:hover {
border-color: #6d6d6d;
box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}
.card-payment-summary--autopay__input--edit {
border-color: #0047bb;
box-shadow: 0 0 0 3px rgba(0, 71, 187, .1)
}
.card-payment-summary--autopay__input-icon {
flex-shrink: 0;
transition: all .2s cubic-bezier(0.4, 0, 0.2, 1)
}
.card-payment-summary--autopay__input-icon--prefix {
margin-right: .5rem
}
.card-payment-summary--autopay__input-icon--suffix {
cursor: pointer
}
.card-payment-summary--autopay__input-icon--suffix:hover {
opacity: .7
}
.card-payment-summary--autopay__input-text,
.card-payment-summary--autopay__input-currency {
font: 500 var(--font-size-16)/22px;
margin: 0;
transition: color .2s
}
.card-payment-summary--autopay__input-text {
flex: 1;
color: #221e20
}
.card-payment-summary--autopay__input-currency {
color: #0047bb;
margin-right: .5rem
}
.card-payment-summary--autopay__input-divider {
width: .063rem;
height: 1.5rem;
background-color: #898989;
flex-shrink: 0;
margin: 0 .5rem
}
.card-payment-summary--autopay__input-field {
flex: 1;
border: none;
outline: none;
background: rgba(0, 0, 0, 0);
padding: 0;
margin: 0;
font: 500 var(--font-size-16)/22px;
color: #221e20
}
.card-payment-summary--autopay__input-field::placeholder {
color: #6d6d6d;
transition: color .2s
}
.card-payments {
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
border: .125rem solid rgba(0, 0, 0, 0);
transition: background-color .25s ease-in, border .25s ease-in, box-shadow .17s ease-in;
min-height: 98px
}
.card-payments:hover,
.card-payments:focus,
.card-payments:active {
background-color: #eef4f8;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3)
}
.card-payments:hover {
border: .125rem solid #0047bb
}
.card-payments:disabled {
border: .125rem solid #fff;
color: #595959;
background-color: #f0f0f0;
box-shadow: none;
pointer-events: none
}
.card-payments:disabled .card-payments__icon {
opacity: .65
}
.card-payments:disabled .card-payments__content {
opacity: .65
}
.card-payments__icon {
width: 2.5rem
}
.card-payments__icon--small {
width: 2.25rem;
height: 2.25rem
}
[dir=rtl] .card-payments__content__arrow svg {
rotate: 180deg
}
.card-payments p {
color: #6d6d6d;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.card-payments__warning {
opacity: .8
}
.card-payments-skeleton {
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2)
}
.card-payments-expandable {
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2)
}
.card-payments-expandable__header__middle-content__network-icons__icon svg {
width: 47px;
height: 32px
}
.card-payments-expandable__header__arrow {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
width: 20px;
height: 20px
}
.card-payments-expandable__header__arrow--open {
transform: rotate(180deg)
}
.card-plans {
background-color: #fff;
color: "";
border: .063rem solid #aaa
}
.card-plans__message--success {
background-color: #c3efd5;
color: #1f7042
}
.card-plans__message--warning {
background-color: #fbedb1;
color: #856c00
}
.card-plans__icon {
display: grid;
align-self: stretch;
align-items: center;
border-radius: .25rem 0 0 .25rem
}
.card-plans__icon--success {
background-color: #1f7042;
color: #c3efd5
}
.card-plans__icon--warning {
background-color: #856c00;
color: #fbedb1
}
@media all and (min-width: 991px) {
.card-plans__travel-insurance-qic {
flex-direction: row;
align-items: center;
gap: 1rem
}
}
.card-plans__travel-insurance-qic__logo {
max-width: 76px
}
.card-plans__travel-insurance-qic__logo svg {
width: 100%;
height: auto
}
.card-plans__travel-insurance-qic__content__link-container__link {
font-size: 14px !important
}
.card-product {
border-radius: .75rem;
box-shadow: 0 .125rem .5rem .125rem rgba(34, 30, 32, .2);
position: relative;
background-color: #fff;
transform-style: preserve-3d;
height: calc(100% - 1.5rem)
}
@media all and (min-width: 991px) {
.card-product {
box-shadow: 0 .125rem .5rem 0 rgba(34, 30, 32, .2)
}
}
.card-product__header>* {
flex-basis: 50%
}
.card-product__offer span,
.card-product__tag span,
.card-product__title,
.card-product__list p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical
}
.card-product__tag {
background-color: #141b4d;
border: .063rem solid #141b4d;
color: #fff;
border-radius: .5rem;
width: fit-content
}
.card-product__tag span {
-webkit-line-clamp: 3
}
.card-product__title,
.card-product__list p {
-webkit-line-clamp: 2
}
.card-product__offer {
position: absolute;
top: -1.5rem;
right: 0;
background-color: #ffd100;
border-radius: .25rem .25rem 0 0;
transform: translateZ(-0.625rem)
}
.card-product__offer span {
-webkit-line-clamp: 1;
padding-top: .063rem;
font-size: .813rem
}
[dir=rtl] .card-product__offer {
right: initial;
left: 0
}
.card-product__old-price {
position: relative
}
.card-product__old-price::after {
position: absolute;
content: "";
height: .063rem;
width: 100%;
bottom: .563rem;
background-color: #0047bb;
left: 0
}
.card-product__old-price+p span:first-child {
color: #0047bb
}
.card-product__currency {
text-transform: uppercase;
color: #898989;
max-width: 5ch;
overflow: hidden;
text-align: right
}
[dir=rtl] .card-product__currency {
text-align: left
}
.card-product__periodicity {
max-width: 15ch;
overflow: hidden;
text-align: right
}
[dir=rtl] .card-product__periodicity {
text-align: left
}
.card-product__buttons {
gap: 1rem
}
.card-product__buttons button {
min-width: auto
}
.card-rates {
background-color: #fff;
border: .063rem solid #aaa
}
.card-rates__label {
width: fit-content;
background-color: #d8eeea
}
.card-rates__label a.link {
color: #496e67;
font-size: var(--font-size-14);
line-height: 20px;
font-weight: 500
}
[dir=rtl] .card-rates__label>svg {
transform: rotate(-180deg)
}
.card-rates ul {
column-gap: .75rem;
row-gap: 1rem
}
.recharge-card-wrapper {
position: relative
}
.recharge-card-wrapper.bonus-expanded {
margin-bottom: -1rem
}
.recharge-card-wrapper .recharge-card {
background-color: #fff;
border-radius: .5rem;
padding: 1rem;
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
position: relative;
cursor: pointer;
z-index: 2
}
.recharge-card-wrapper .recharge-card__header {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: flex-start
}
.recharge-card-wrapper .recharge-card__bonus-tag {
position: absolute;
top: 15px;
right: 0
}
.recharge-card-wrapper .recharge-card__bonus-tag--rounded {
border-radius: .5rem 0 0 .5rem
}
[dir=rtl] .recharge-card-wrapper .recharge-card__bonus-tag {
right: auto;
left: 0
}
[dir=rtl] .recharge-card-wrapper .recharge-card__bonus-tag--rounded {
border-radius: 0 .5rem .5rem 0
}
.recharge-card-wrapper .recharge-card__benefit {
display: flex;
flex-direction: row;
gap: 8px;
align-items: flex-start;
height: 100%
}
.recharge-card-wrapper .recharge-card__benefit-value {
display: flex;
gap: 4px
}
.recharge-card-wrapper .recharge-card__benefit-details {
display: flex;
flex-direction: column;
gap: 4px
}
.recharge-card-wrapper .recharge-card__sublabel {
color: #0047bb;
background-color: #ebedf9;
border-radius: 6px;
padding: 4px 8px
}
.recharge-card-wrapper .recharge-card__footer {
display: flex;
flex-direction: row;
align-items: flex-end;
width: 100%;
justify-content: space-between
}
.recharge-card-wrapper .recharge-card__validity {
background-color: #d8eeea;
border-radius: 4px;
padding: 4px 8px;
display: flex;
align-items: center;
gap: 4px
}
.recharge-card-wrapper .recharge-card__validity-text {
color: #37534e
}
.recharge-card-wrapper .recharge-card__price-container {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 8px
}
.recharge-card-wrapper .recharge-card__divider {
height: 32px;
width: 1px;
background-color: #c7c5c6
}
.recharge-card-skeleton {
background-color: #fff;
border-radius: .5rem;
padding: 1rem;
width: 100%;
height: 192px;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 1rem
}
.recharge-card-skeleton__left {
display: flex;
flex-direction: column;
gap: .5rem
}
.recharge-card-skeleton__right {
align-self: flex-end
}
.card-request__header .status {
order: -1
}
@media all and (min-width: 991px) {
.card-request__header .status {
order: 2
}
}
@media all and (min-width: 991px) {
.card-request__header button.card-request__button {
order: 3
}
}
[dir=rtl] .card-request__header ul>li svg {
transform: rotate(-180deg)
}
.card-request__button {
width: 2.25rem;
height: 2.25rem;
background-color: #fde8e9;
border-radius: .5rem
}
.card-request__button--open {
background-color: #e6efff
}
.card-request__tag {
background-color: #141b4d;
color: #fff;
border-radius: .5rem;
width: fit-content;
min-height: 1.625rem
}
.card-request__message {
background-color: #dfe7e7;
border-radius: .5rem
}
.card-request__message p {
white-space: pre-wrap
}
.card-request__message--loggedin {
border-radius: 0 0 .5rem .5rem
}
.card-request__message--link+.card-request__message--link {
margin-top: .5rem
}
.card-request__search-btn {
position: sticky;
bottom: 0;
background-color: #fff
}
@media all and (min-width: 991px) {
.card-request__search-btn {
position: relative;
bottom: inherit;
background-color: rgba(0, 0, 0, 0)
}
.card-request__search-btn button {
min-width: fit-content
}
}
.card-request__accordion {
border: 3px solid rgba(0, 71, 187, 0);
border-radius: 1rem;
box-shadow: 0px 2px 8px 0px rgba(34, 30, 32, .2);
overflow: hidden
}
.card-request__accordion--open {
border: 3px solid rgba(0, 71, 187, .3)
}
.card-request__date,
.card-request__pref-contact {
flex-basis: 50%
}
.card-saved-contact {
padding: .75rem;
border-radius: .75rem;
background-color: #fdfdfd;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
border: .125rem solid rgba(0, 0, 0, 0);
width: 100%;
transition: background-color .25s ease-in, border .25s ease-in, box-shadow .17s ease-in;
cursor: pointer;
overflow: hidden
}
.card-saved-contact:hover,
.card-saved-contact:focus,
.card-saved-contact:active {
background-color: #eef4f8;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3)
}
.card-saved-contact:hover .card-saved-contact__remove-button,
.card-saved-contact:focus .card-saved-contact__remove-button,
.card-saved-contact:active .card-saved-contact__remove-button {
background-color: #fff
}
.card-saved-contact:hover .card-saved-contact__remove-button:hover,
.card-saved-contact:focus .card-saved-contact__remove-button:hover,
.card-saved-contact:active .card-saved-contact__remove-button:hover {
background-color: #fde8e9
}
.card-saved-contact:hover {
border: .125rem solid #0047bb
}
.card-saved-contact.is-disabled {
opacity: .65;
color: #595959;
background-color: #f0f0f0;
box-shadow: none;
border: none;
pointer-events: none
}
.card-saved-contact.is-disabled .card-saved-contact__remove-button {
background-color: #fff;
pointer-events: all
}
.card-saved-contact.is-disabled .card-saved-contact__remove-button:hover {
background-color: #fde8e9
}
.card-saved-contact .custom-radio {
width: 1rem;
height: 1rem;
border: .125rem solid #969696;
align-self: center;
flex-shrink: 0
}
.card-saved-contact--is-selected {
border: .125rem solid #0047bb;
box-shadow: none;
background-color: #eef4f8
}
.card-saved-contact--is-selected .custom-radio {
border: .125rem solid #0047bb;
box-shadow: 0px 0px 4px 1px rgba(0, 71, 187, .4)
}
.card-saved-contact__icon {
border-radius: .5rem;
background-color: #fdfdfd;
display: flex;
justify-content: center;
align-items: center;
width: 2rem;
width: 2rem;
height: 2rem
}
.card-saved-contact__icon--small {
width: 2.25rem;
height: 2.25rem;
background-color: #fde8e9;
border-radius: .5rem
}
.card-saved-contact__content {
flex: 1
}
[dir=rtl] .card-saved-contact__arrow svg {
rotate: 180deg
}
.card-saved-contact__message {
opacity: .8
}
.card-saved-contact__remove-button {
height: 1.5rem;
border-radius: .5rem;
user-select: none;
transition: .2s background-color ease-out;
margin-left: .5rem
}
.card-saved-contact__squared .custom-radio {
align-self: self-start
}
.card-saved-contact__squared .card-saved-contact__remove-button {
align-self: stretch;
margin-left: 0
}
.card-selectable__container {
padding: .875rem .625rem;
border-radius: .75rem;
background-color: #fdfdfd;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
border: .125rem solid #fdfdfd;
transition: all .3s ease-in
}
.card-selectable__container__end__radio {
width: 1rem;
height: 1rem;
border: .125rem solid #969696;
border-radius: 50%;
transition: all .3s ease-in
}
.card-selectable__container__end__radio__icon {
opacity: 0;
transition: all .3s ease-in
}
.card-selectable__input:checked+.card-selectable__container {
background-color: #eef4f8;
border: .125rem solid #0047bb
}
.card-selectable__input:checked+.card-selectable__container .card-selectable__container__end__radio {
border: none;
background-color: #0047bb;
box-shadow: 0px 0px 0px 1px rgba(0, 71, 187, .3)
}
.card-selectable__input:checked+.card-selectable__container .card-selectable__container__end__radio__icon {
opacity: 1
}
.card-selectable__input:checked+.card-selectable__container .card-selectable__container__end__radio__icon svg {
stroke: #fff;
stroke-width: 2px
}
.card-selectable__input:hover+.card-selectable__container {
background-color: #eef4f8;
border: .125rem solid #0047bb;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3)
}
.card-selectable__input:disabled+.card-selectable__container {
background-color: #f0f0f0;
box-shadow: none;
border: .125rem solid #fdfdfd;
pointer-events: none;
cursor: not-allowed
}
.card-selectable__input:disabled+.card-selectable__container .card-selectable__container__middle__title,
.card-selectable__input:disabled+.card-selectable__container .card-selectable__container__middle__description,
.card-selectable__input:disabled+.card-selectable__container .card-selectable__container__end__radio {
opacity: .65
}
.card-selectable-skeleton {
padding: .875rem .625rem;
border-radius: .75rem;
background-color: #fdfdfd;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2)
}
.card-total-amount {
border-radius: 0 0 1rem 1rem
}
.card-total-amount__price-value p span:nth-child(2) {
font-size: var(--font-size-26);
line-height: 36px
}
@media all and (min-width: 991px) {
.card-total-amount {
border-radius: 1rem
}
.card-total-amount__price-value p span:nth-child(2) {
font-size: var(--font-size-36);
line-height: 44px
}
}
.card-total-due__button {
border: .063rem solid rgba(0, 0, 0, 0);
font-weight: 700
}
.card-total-due__title,
.card-total-due__description {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
text-overflow: ellipsis
}
.card-total-due__title {
-webkit-line-clamp: 1
}
.card-total-due__description {
-webkit-line-clamp: 2
}
.card-usage {
background-color: #fdfdfd;
border-radius: .75rem;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2)
}
.card-usage-charges__row {
height: 2.75rem
}
.card-usage-charges__usage {
align-items: center
}
.card-usage-charges__title-container {
height: 2rem
}
.card-video {
border-radius: .75rem;
overflow: hidden;
height: 16rem;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
position: relative;
width: 100%;
border: 0;
text-align: left
}
[dir=rtl] .card-video {
text-align: right
}
.card-video img {
object-fit: cover;
width: 100%;
height: 100%
}
.card-video__mask,
.card-video__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.card-video__mask {
background-color: rgba(34, 30, 32, .4);
z-index: 1
}
.card-video__mask::before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: linear-gradient(360deg, #221e20 0%, rgba(34, 30, 32, 0) 100%)
}
.card-video__content {
z-index: 2
}
.card-video__content p {
height: 3.5rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
.card-video__icon {
width: 2.25rem;
height: 2.25rem;
background-color: #fff;
border-radius: .5rem;
margin: 0 auto 2rem
}
.card-video-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99
}
.card-video-modal__iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 101
}
.card-video-modal__iframe iframe {
border: 0;
width: calc(100vw - 3rem);
height: auto;
min-height: 18.75rem
}
@media all and (min-width: 991px) {
.card-video-modal__iframe iframe {
width: 53.625rem;
min-height: 29.5rem
}
}
.card-view-all {
background-color: rgba(224, 224, 224, .3);
border: 1px solid hsla(0, 0%, 100%, .5);
backdrop-filter: blur(0.5rem);
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
cursor: pointer
}
.card-view-all .card-view-all--icon {
margin-left: .25rem
}
[dir=rtl] .card-view-all .card-view-all--icon {
margin-right: .25rem;
rotate: 180deg
}
.card {
background: #fff;
border-radius: 1rem;
padding: 1.5rem;
width: 100%
}
@media all and (min-width: 1200px) {
.card {
padding: 1rem 1.5rem
}
}
[dir=rtl] .card button svg {
transform: rotate(180deg)
}
.card--border {
border: .063rem solid #ed1c24;
padding: calc(1.5rem - 1px)
}
@media all and (min-width: 1200px) {
.card--border {
padding: calc(1rem - 1px) calc(1.5rem - 1px)
}
}
.cart-item__integer {
margin: 0 1px
}
@media all and (min-width: 991px) {
.choose-destination {
border-bottom: .063rem solid #e0e0e0
}
}
.choose-destination-results {
position: relative;
overflow-y: auto;
overflow-x: hidden;
flex: 1
}
.choose-destination-results__icons {
width: 2.25rem;
height: 2.25rem
}
@media all and (min-width: 991px) {
.choose-destination-results {
overflow: initial;
flex: auto
}
}
.choose-destination-results__results-list {
border-radius: .75rem;
background: #fff;
user-select: none;
cursor: pointer;
overflow-y: auto;
overflow-x: hidden;
max-height: 17.5rem
}
.choose-destination-results__results-list::-webkit-scrollbar {
width: .25rem
}
.choose-destination-results__results-list::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.choose-destination-results__results-list::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
@media all and (min-width: 991px) {
.choose-destination-results__results-list {
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
position: absolute;
top: 0;
left: 0;
width: 100%
}
}
.choose-destination-results__results-list li:not(:last-child) {
position: relative
}
.choose-destination-results__results-list li:not(:last-child)::after {
content: "";
position: absolute;
bottom: -0.063rem;
left: 0;
right: 0;
border-bottom: .063rem solid #e0e0e0
}
@media all and (max-width: 991px) {
.choose-destination-results__results-list li:not(:last-child)::after {
left: -1.5rem;
right: -1.5rem
}
}
.choose-destination-results__search-result--highlighted {
background-color: #0047bb;
color: #fff
}
.choose-destination-search__input-search {
position: relative;
display: flex;
align-items: center
}
.choose-destination-search__input-field {
margin-bottom: 0 !important;
outline: none;
width: 100%;
transition: all .2s
}
.choose-destination-search__input-flag {
position: absolute;
left: .5rem;
top: 50%;
transform: translateY(-50%);
transition: transform .3s;
width: 1.5rem;
height: 1.5rem
}
.choose-destination-search__input-icon-open {
transform: rotate(180deg)
}
.choose-destination-search__fullscreen-modal {
position: absolute
}
.choose-destination-search__fullscreen-modal .modal__button {
min-width: auto
}
.choose-destination-search__fullscreen-modal .choose-destination-search__input-field {
margin: 0 1.5rem;
width: auto
}
.contacts-section--dark {
background-color: #141b4d;
color: #fff
}
.contacts-section--dark a {
color: #f8686d
}
.contacts-section--light {
background-color: #fff;
color: #221e20
}
.contacts-section--light a {
color: #ed1c24
}
.contacts-section a {
text-decoration: underline
}
.contacts-section__content>.grid__col {
padding: 0 1.5rem
}
@media all and (min-width: 991px) {
.contacts-section__content>.grid__col {
padding: 0 1.5rem 0 2rem
}
[dir=rtl] .contacts-section__content>.grid__col {
padding: 0 2rem 0 1.5rem
}
}
[dir=rtl] .contacts-section__content p {
line-height: 2rem
}
.cookie-banner {
bottom: 1.5rem;
right: 1.5rem;
max-width: calc(100% - 3rem)
}
@media all and (min-width: 600px) {
.cookie-banner {
max-width: 30.625rem
}
}
@media all and (min-width: 1200px) {
.cookie-banner {
bottom: 5rem
}
}
.cookie-banner h3 {
color: #141b4d
}
.cookie-banner p {
color: #221e20
}
.cookie-banner .cookie-icon {
width: 1.375rem;
height: 1.375rem;
margin-top: .25rem
}
@media all and (min-width: 1200px) {
.cookie-banner .buttons-row {
display: flex;
flex-direction: row;
justify-content: space-between
}
.cookie-banner .buttons-row button {
min-width: 49%;
margin-bottom: 0
}
}
.card-credit {
height: 206px;
width: 327px;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.card-credit--DEFAULT {
background-color: #6c51cb
}
.card-credit--GREEN {
background-color: #14a5a5
}
.card-credit--AMBER {
background-color: #f2a900
}
.card-credit--RED {
background-color: #f04c50
}
.card-credit__texture {
opacity: 0;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.card-credit__tag {
opacity: 0;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.card-credit__type-icon {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.card-credit__content {
transform: translateY(-78%);
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.card-credit__content__card-number {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.card-credit__content__bottom__container__label {
color: hsla(0, 0%, 100%, .55)
}
.card-credit--active .card-credit__texture {
opacity: .9
}
.card-credit--active .card-credit__tag {
opacity: 1
}
.card-credit--active .card-credit__content {
transform: translateY(0)
}
.dropdown-basic__controller {
font-size: var(--font-size-16);
line-height: 16px;
border: .063rem solid #707070;
border-radius: .5rem;
padding: .75rem 1rem .75rem .75rem;
height: 3.5rem;
user-select: none;
cursor: pointer;
transition: .25s background-color;
margin: 0
}
@media all and (min-width: 991px) {
.dropdown-basic__controller {
padding: .75rem;
height: 3rem
}
}
.dropdown-basic__controller.modal-is-open {
cursor: initial;
margin: 0 3px
}
.dropdown-basic__controller.expanded,
.dropdown-basic__controller:hover {
border: .125rem solid #0047bb;
outline: .125rem solid rgba(0, 71, 187, .3)
}
.dropdown-basic__controller:hover {
background-color: #eef4f8
}
.dropdown-basic__controller>svg {
transition: .2s transform ease-out
}
.dropdown-basic__controller>svg.rotate-180 {
transform: rotateX(180deg)
}
.dropdown-basic__controller.disabled {
cursor: not-allowed;
background-color: #f0f0f0;
border-color: #bfbfbf
}
.dropdown-basic__controller.disabled:hover {
outline: none
}
.dropdown-basic__label {
position: absolute;
top: -1.375rem;
left: 0
}
[dir=rtl] .dropdown-basic__label {
right: 0;
left: auto;
top: -1.625rem
}
.dropdown-basic__fullscreen-modal .modal__button {
min-width: auto
}
.dropdown-basic__fullscreen-modal .dropdown-basic__input-field {
margin: 0 1.5rem;
width: auto
}
.donut-chart__donut {
width: 9.375rem;
height: 9.375rem
}
@media all and (min-width: 991px) {
.donut-chart__donut {
width: 12.5rem;
height: 12.5rem
}
}
.donut-chart__donut::before {
content: "";
pointer-events: none;
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 100%;
transform: translate(-50%, -50%);
box-shadow: inset 0 7px 4px -3px rgba(34, 30, 32, .25)
}
.donut-chart__donut::after {
content: "";
display: block;
position: absolute;
overflow: hidden;
width: calc(100% - 1.5rem);
height: calc(100% - 1.5rem);
top: 50%;
left: 50%;
border-radius: 100%;
transform: translate(-50%, -50%);
background-color: #fff;
box-shadow: 0 7px 4px -3px rgba(34, 30, 32, .25)
}
@media all and (min-width: 991px) {
.donut-chart__donut::after {
width: calc(100% - 2rem);
height: calc(100% - 2rem)
}
}
.donut-chart__details {
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.donut-chart__labels ul {
gap: 1rem
}
.donut-chart__slice--hover {
background-color: #e5efff
}
.donut-chart__bullet,
.donut-chart__bullet--discount {
width: .75rem;
height: .75rem;
box-shadow: inset 0 2px 2px 0 hsla(0, 0%, 100%, .25)
}
.donut-chart__bullet--discount {
background-color: #39cb78
}
.donut-chart__discount {
background-color: #c3efd5;
height: fit-content
}
.donut-chart__discount * {
color: #1f7042
}
.dropdown-flags {
position: relative;
display: flex;
align-items: center
}
.dropdown-flags__results {
position: relative;
overflow-y: auto;
overflow-x: hidden;
flex: 1
}
.dropdown-flags__results svg {
width: 2.25rem;
height: 2.25rem
}
@media all and (min-width: 991px) {
.dropdown-flags__results {
overflow: initial;
flex: auto;
width: 100%;
top: 6rem;
position: absolute
}
}
.dropdown-flags__results ul {
border-radius: .75rem;
background: #fff;
user-select: none;
cursor: pointer;
overflow-y: auto;
overflow-x: hidden
}
.dropdown-flags__results ul::-webkit-scrollbar {
width: .25rem
}
.dropdown-flags__results ul::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.dropdown-flags__results ul::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.dropdown-flags__results ul {
z-index: 2
}
@media all and (min-width: 991px) {
.dropdown-flags__results ul {
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 20rem
}
}
.dropdown-flags__results ul li:not(:last-child) {
position: relative
}
.dropdown-flags__results ul li:not(:last-child)::after {
content: "";
position: absolute;
bottom: -0.063rem;
left: 0;
right: 0;
border-bottom: .063rem solid #e0e0e0
}
@media all and (max-width: 991px) {
.dropdown-flags__results ul li:not(:last-child)::after {
left: -1.5rem;
right: -1.5rem
}
}
.dropdown-flags__results__search-result--highlighted {
background-color: #0047bb;
color: #fff
}
.dropdown-flags input {
margin-bottom: 0 !important;
outline: none;
width: 100%;
transition: all .2s
}
.dropdown-flags--open-results {
transform: rotate(180deg)
}
.dropdown-flags__fullscreen-modal {
position: absolute
}
.dropdown-flags__fullscreen-modal .modal__button {
min-width: auto
}
.dropdown-search__input-field {
margin-bottom: 0
}
.dropdown-search__input-field label {
user-select: none
}
.dropdown-search__fullscreen-modal .modal__button {
min-width: auto
}
.dropdown-search__fullscreen-modal .dropdown-search__input-field {
margin: 0 1.5rem;
width: auto
}
.dropdown-results {
position: relative;
overflow-y: visible;
overflow-x: clip;
flex: 1
}
.dropdown-results::-webkit-scrollbar {
width: .25rem
}
.dropdown-results::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.dropdown-results::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
@media all and (min-width: 991px) {
.dropdown-results {
overflow: initial;
flex: auto
}
}
.dropdown-results--simple {
z-index: 9;
width: 100%;
position: absolute
}
.dropdown-results--simple-1 {
top: -3.5rem
}
.dropdown-results--simple-2 {
top: -7rem
}
.dropdown-results--simple-3 {
top: -10.5rem
}
.dropdown-results--simple li:not(:last-child) {
position: relative
}
.dropdown-results--simple li:not(:last-child)::after {
left: -1.5rem;
right: -1.5rem
}
.dropdown-results__results-list {
border-radius: .75rem;
background: #fff;
user-select: none;
cursor: pointer;
max-height: 40vh;
overflow-y: auto;
overflow-x: clip
}
@media all and (min-width: 991px) {
.dropdown-results__results-list {
box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1
}
}
.dropdown-results__results-list li:not(:last-child) {
position: relative
}
.dropdown-results__results-list li:not(:last-child)::after {
content: "";
position: absolute;
bottom: -0.063rem;
left: 0;
right: 0;
border-bottom: .063rem solid #e0e0e0
}
@media all and (max-width: 991px) {
.dropdown-results__results-list li:not(:last-child)::after {
left: -1.5rem;
right: -1.5rem
}
}
.dropdown-results__search-result--highlighted {
background-color: #0047bb;
color: #fff
}
.dropdown-results__search-result--selected {
color: #0047bb
}
.dropdown-results__search-result--selected+span {
color: #0047bb
}
.dropdown-results__icon {
width: 2.25rem;
height: 2.25rem
}
@media all and (max-width: 991px) {
.graph {
background-color: #141b4d
}
}
@media all and (min-width: 991px) {
.graph {
border: .063rem solid #0047bb
}
}
.graph__title {
color: #fff
}
@media all and (min-width: 991px) {
.graph__title {
color: #221e20
}
}
.graph__filters {
gap: .75rem;
overflow-x: auto
}
.graph__filters::-webkit-scrollbar {
width: .25rem
}
.graph__filters::-webkit-scrollbar-track {
background: rgba(34, 30, 32, 0)
}
.graph__filters::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, 0);
border-radius: 1.25rem
}
.graph__filters>button {
color: #fff;
text-wrap: nowrap
}
@media all and (min-width: 991px) {
.graph__filters>button {
color: #aaa
}
}
.graph__filter--active {
color: #0047bb !important
}
.graph__chart::-webkit-scrollbar {
width: .25rem
}
.graph__chart::-webkit-scrollbar-track {
background: rgba(34, 30, 32, 0)
}
.graph__chart::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, 0);
border-radius: 1.25rem
}
@media all and (max-width: 991px) {
.graph__chart {
overflow-x: auto;
overflow-y: visible
}
}
@media all and (min-width: 991px) {
.graph__chart .bars__chart-bars {
height: 10.5rem
}
}
.graph__chart .bars__chart-bars ul li:hover .bars__chart-bar::after {
background-color: rgba(34, 30, 32, .25)
}
.graph__chart .bars__chart-bars ul:not(:nth-child(2)) {
border-bottom: .063rem solid #739fe6;
min-height: 12rem
}
.graph__chart .bars__chart-bars ul:not(:nth-child(2)).bars__chart-bars--negative {
min-height: 9.1rem
}
@media all and (min-width: 991px) {
.graph__chart .bars__chart-bars ul:not(:nth-child(2)).bars__chart-bars--negative {
min-height: auto
}
}
@media all and (min-width: 991px) {
.graph__chart .bars__chart-bars ul:not(:nth-child(2)) {
min-height: auto
}
}
.graph__chart .bars__chart-tick {
color: #fff
}
@media all and (min-width: 991px) {
.graph__chart .bars__chart-tick {
color: #898989
}
}
@media all and (min-width: 991px) {
.graph__chart .bars__chart-tick--current-year {
color: #0047bb
}
}
.graph__chart .bars__chart-ticks li {
width: 1.75rem
}
@media all and (min-width: 991px) {
.graph__chart .bars__chart-ticks li {
width: auto
}
}
.graph__chart .bars__chart-bars ul,
.graph__chart .bars__chart-ticks ul {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 1.75rem
}
@media all and (min-width: 991px) {
.graph__chart .bars__chart-bars ul,
.graph__chart .bars__chart-ticks ul {
column-gap: 0px
}
}
.graph__chart .bars__chart-bars ul li:is(:empty),
.graph__chart .bars__chart-ticks ul li:is(:empty) {
width: .5rem;
height: 1px
}
.graph__chart .bars__chart-bar {
position: relative;
width: .5rem;
border-radius: .25rem;
max-height: 100%
}
@media all and (max-width: 991px) {
.graph__chart .bars__chart-bar.background-color--blue-100 {
background-color: #e6efff
}
.graph__chart .bars__chart-bar.background-color--green-100 {
background-color: #7adca4
}
}
.graph__chart .bars__chart-bar:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
top: 0;
left: 0;
border-radius: .25rem
}
.graph__chart .bars__chart-bar .bars__chart-tooltip {
left: 50%;
top: -1rem;
translate: -50% -100%;
background-color: #fff;
border-radius: .313rem;
color: #898989;
box-shadow: 0 .125rem .5rem rgba(34, 30, 32, .2);
z-index: 10
}
@media all and (max-width: 991px) {
.graph__chart .bars__chart-bar .bars__chart-tooltip:not(.bars__chart-tooltip--current-month) {
background-color: rgba(0, 0, 0, 0);
padding: 0;
top: -0.5rem
}
.graph__chart .bars__chart-bar .bars__chart-tooltip:not(.bars__chart-tooltip--current-month).bars__chart-tooltip--negative {
top: -1rem
}
}
.graph__chart .bars__chart-bar .bars__chart-tooltip::after {
content: "";
display: block;
position: absolute;
width: .3rem;
aspect-ratio: 1;
background-color: #fff;
bottom: -0.15rem;
rotate: 45deg;
box-shadow: .125rem .125rem .25rem rgba(34, 30, 32, .1)
}
@media all and (max-width: 991px) {
.graph__chart .bars__chart-bar .bars__chart-tooltip:not(.bars__chart-tooltip--current-month)::after {
content: none
}
}
.graph__chart .bars__chart-bar .bars__chart-tooltip span {
line-height: 1rem
}
.graph__chart .bars__chart-bar .bars__chart-tooltip span.bars__chart-currency {
text-wrap: nowrap
}
@media all and (max-width: 991px) {
.graph__chart .bars__chart-bar .bars__chart-tooltip span.bars__chart-currency {
color: #eee
}
}
@media all and (max-width: 991px) {
.graph__chart .bars__chart-bar .bars__chart-tooltip span.bars__chart-integer {
color: #fff
}
.graph__chart .bars__chart-bar .bars__chart-tooltip span.bars__chart-integer~.bars__chart-decimal {
color: hsla(0, 0%, 100%, .5)
}
}
@media all and (max-width: 991px) {
.graph__chart .bars__chart-bar .bars__chart-tooltip span.bars__chart-integer--negative {
color: #7adca4
}
.graph__chart .bars__chart-bar .bars__chart-tooltip span.bars__chart-integer--negative~.bars__chart-decimal {
color: rgba(122, 220, 164, .5)
}
}
@media all and (max-width: 991px) {
.graph__chart .bars__chart-bar .bars__chart-tooltip--current-month span.bars__chart-currency {
color: #898989
}
.graph__chart .bars__chart-bar .bars__chart-tooltip--current-month span.bars__chart-integer {
color: #0047bb
}
.graph__chart .bars__chart-bar .bars__chart-tooltip--current-month span.bars__chart-integer~.bars__chart-decimal {
color: #aaa
}
}
.graph__chart .bars__chart--border-top {
border-bottom: none !important;
border-top: .063rem solid #739fe6
}
@media all and (max-width: 991px) {
.graph__chart .bars__chart--border-top {
margin-top: 4rem !important
}
}
.graph .bars__chart {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 1rem;
row-gap: .75rem
}
.graph__no-data {
color: #fff
}
@media all and (min-width: 991px) {
.graph__no-data {
color: #221e20
}
}
.graph__no-data-bars {
height: 1px;
min-height: 11.5rem;
column-gap: 1rem;
margin: 0 auto;
width: max-content
}
.graph__no-data-bars>* {
height: 100%;
width: .5rem;
border-radius: .25rem;
border: .063rem solid;
border-color: rgba(230, 239, 255, .8);
margin-inline: .625rem
}
.graph__no-data-bars>*:nth-child(5),
.graph__no-data-bars>*:nth-child(6) {
display: none
}
.graph__no-data-bars>*:nth-child(1) {
height: 60%
}
.graph__no-data-bars>*:nth-child(2) {
height: 70%
}
.graph__no-data-bars>*:nth-child(3) {
height: 55%
}
.graph__no-data-bars>*:nth-child(4) {
height: 45%
}
@media all and (min-width: 991px) {
.graph__no-data-bars>* {
border-color: #003da1
}
.graph__no-data-bars>*:nth-child(5),
.graph__no-data-bars>*:nth-child(6) {
display: block
}
.graph__no-data-bars>*:nth-child(1),
.graph__no-data-bars>*:nth-child(6) {
height: 60%
}
.graph__no-data-bars>*:nth-child(2),
.graph__no-data-bars>*:nth-child(4) {
height: 70%
}
.graph__no-data-bars>*:nth-child(3),
.graph__no-data-bars>*:nth-child(5) {
height: 55%
}
}
.editable-amount-input {
min-width: 30.33%;
align-items: baseline;
border: .063rem solid #6d6d6d;
border-radius: .5rem
}
.editable-amount-input__wrapper {
position: relative;
flex-grow: 1
}
.editable-amount-input__wrapper button {
position: absolute;
z-index: 1;
right: 0;
top: 3px
}
.editable-amount-input__value {
width: 100%;
margin: 0;
padding: 0;
border: none;
outline: none
}
.editable-amount-input__value--disabled {
background-color: #f0f0f0;
color: #6d6d6d
}
.editable-amount-input__total-label {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.editable-amount-input--disabled {
border: .063rem solid #bfbfbf;
background-color: #f0f0f0;
color: #bfbfbf
}
.editable-amount-input--error {
border: .063rem solid #ff585d
}
.editable-amount-input--focused {
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3);
border: .063rem solid #0047bb
}
.editable-amount-input--focused .editable-amount-input__total-label {
visibility: hidden
}
.modal-destinations__list::-webkit-scrollbar {
width: .25rem
}
.modal-destinations__list::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-destinations__list::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-feedback textarea {
height: 7rem
}
.modal-feedback__title {
color: #6d6d6d
}
.modal-feedback__levels {
direction: ltr
}
.level {
position: relative;
width: 3rem;
height: 3rem
}
.level input {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer
}
.level input:checked+.level__mask,
.level input:hover+.level__mask {
background-color: #eef4f8;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3)
}
.level input:checked+.level__mask svg,
.level input:hover+.level__mask svg {
fill: #0047bb
}
.level input:checked+.level__mask {
box-shadow: none
}
.level__mask {
height: 100%;
border-radius: .75rem;
box-shadow: 0 .125rem .5rem 0 rgba(34, 30, 32, .2);
padding: .5rem
}
.level__mask svg {
width: 2rem;
height: 2rem
}
.modal-partners__subtitle {
background-color: #ebf0f0
}
.modal-partners ul {
overflow-y: auto
}
.modal-partners ul::-webkit-scrollbar {
width: .25rem
}
.modal-partners ul::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-partners ul::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-partners__list-item {
border-bottom: 1px solid #e0e0e0
}
.modal-partners__content {
overflow-y: auto
}
.modal-partners__content::-webkit-scrollbar {
width: .25rem
}
.modal-partners__content::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-partners__content::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-payments__title {
text-transform: uppercase;
letter-spacing: 1px
}
.modal-payments__buttons {
gap: .75rem
}
.modal-payments__flex-buttons {
flex: 1
}
.modal-product__item {
position: relative
}
.modal-product__item::before {
position: absolute;
content: "";
width: .5rem;
height: .5rem;
background-color: #0047bb;
border-radius: 50%;
top: .375rem;
left: 0
}
[dir=rtl] .modal-product__item::before {
right: 0;
left: inherit
}
.modal-request__title {
text-transform: uppercase;
letter-spacing: 1px
}
.modal-request__link a {
border-radius: .75rem;
border: .125rem solid #aaa;
transition: .2s border-color ease-in-out, .2s background-color ease-in-out
}
.modal-request__link a svg {
transition: .15s stroke ease-in-out
}
.modal-request__link a:hover,
.modal-request__link a:focus {
border-color: rgba(0, 71, 187, .3);
background-color: #eef4f8;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3)
}
.modal-request__link a:hover svg,
.modal-request__link a:focus svg {
stroke: #003387
}
.modal-request__link a:focus {
border-color: #0047bb
}
@media all and (min-width: 991px) {
.modal-subscribe {
max-width: 42.5rem
}
}
.modal-subscribe__left-content {
border-bottom: .063rem solid #aaa
}
@media all and (min-width: 991px) {
.modal-subscribe__left-content {
border-right: .063rem solid #aaa;
border-bottom: 0
}
[dir=rtl] .modal-subscribe__left-content {
border-left: .063rem solid #aaa;
border-right: 0
}
}
.modal-subscribe__container {
overflow-y: auto
}
.modal-subscribe__container::-webkit-scrollbar {
width: .25rem
}
.modal-subscribe__container::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-subscribe__container::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-subscribe__button {
line-height: 20px
}
[dir=rtl] .modal-subscribe__button {
line-height: 32px
}
.pagination {
gap: .75rem
}
.pagination__button {
width: 2.5rem;
height: 2.5rem;
background-color: #ed1c24;
border: none;
border-radius: .75rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
[dir=rtl] .pagination__button {
transform: rotate(180deg)
}
.pagination__button:disabled {
background-color: #6d6d6d
}
.pagination__button--single-left svg,
.pagination__button--double-left svg {
transform: rotate(180deg)
}
.pagination__info--page-number {
width: 2.25rem;
height: 2.25rem;
background-color: #eef4f8;
border: .063rem solid #fff;
color: #0047bb;
border-radius: .5rem
}
.pagination__info--total-pages {
width: 2.25rem;
height: 2.25rem;
background-color: #fff;
color: #ed1c24;
border-radius: 8px
}
.password-rules__rule span {
color: #6d6d6d
}
.password-rules__rule svg {
width: 1rem;
height: 1rem;
stroke: #6d6d6d
}
[dir=rtl] .password-rules__rule svg {
margin-right: 0 !important
}
.password-rules__rule--success span {
color: #34b76d
}
.password-rules__rule--success svg {
fill: #34b76d;
stroke: #fff
}
.profile-menu {
top: calc(100% + 8px);
box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}
.profile-menu--width-fit {
min-width: 250px
}
.profile-menu__link {
font-size: var(--font-size-14);
font-weight: 400;
text-decoration: none;
color: #221e20
}
.profile-menu__link:hover {
color: inherit
}
.profile-menu__logout {
cursor: pointer;
color: #d71923
}
.profile-menu__logout:hover,
.profile-menu__logout:focus,
.profile-menu__logout:active {
background: none !important;
border: none !important;
box-shadow: none !important
}
.credit-progress-bar__labels-container {
gap: 1rem
}
.credit-progress-bar__label-bullet {
margin-block: .25rem;
box-shadow: inset 0 .125rem .125rem 0 rgba(255, 251, 235, .25);
width: .75rem;
height: .75rem
}
.credit-progress-bar__graph {
height: .5rem;
box-sizing: content-box;
overflow: hidden
}
.credit-progress-bar__graph.height--08 {
height: .5rem
}
.credit-progress-bar__graph.height--10 {
height: .625rem
}
.credit-progress-bar__graph.border--blue-500 {
border: .125rem solid #0047bb
}
.credit-progress-bar__graph.border--white {
border: .125rem solid #fff
}
.recharge-slider {
padding: 1rem 1.5rem;
background-color: #fff;
border-radius: 1.5rem 1.5rem 0px 0px;
position: relative
}
@media all and (min-width: 1200px) {
.recharge-slider {
box-shadow: 0px 0px .75rem rgba(0, 0, 0, .3);
padding: .125rem 2rem .125rem 2rem
}
}
.recharge-slider__trigger-and-bill {
min-width: 13.75rem
}
.recharge-slider__trigger {
padding: .75rem 1rem;
font-size: var(--font-size-18);
line-height: 28px;
color: #ed1c24;
flex-basis: 50%
}
@media all and (min-width: 991px) {
.recharge-slider__trigger {
flex-basis: auto
}
}
.recharge-slider__trigger--active {
background-color: #e6efff;
border-radius: .75rem;
color: #0047bb;
font-weight: 500
}
.recharge-slider__toast {
position: absolute;
right: 1.5rem;
min-width: 580px;
top: -80px
}
[dir=rtl] .recharge-slider__toast {
right: initial;
left: 1.5rem
}
.search {
border-radius: 0 0 1rem 1rem;
position: sticky;
top: 0;
z-index: 15
}
@media all and (min-width: 991px) {
.search {
border-radius: 0
}
}
.search--header {
position: relative;
z-index: 3;
border-radius: 0 0 1rem 1rem;
background-color: #ed1c24;
padding: 2.5rem 0 .75rem
}
@media all and (min-width: 991px) {
.search--header {
border-radius: 0;
padding: 1.5rem 0
}
}
.search--input.grid__col {
padding: 0 1.5rem
}
@media all and (min-width: 991px) {
.search--input.grid__col {
padding: 0
}
}
.search--title h2 {
transition: .15s font-size ease-in-out, .15s opacity ease-in-out, .15s padding ease-in-out;
padding: 0 1.5rem .75rem;
font-size: var(--font-size-28);
line-height: 36px;
font-weight: 600
}
@media all and (min-width: 991px) {
.search--title h2 {
padding: 1rem 1.5rem 1.25rem;
font-size: var(--font-size-36);
line-height: 44px;
text-align: center;
transition: none
}
}
.search--second-level .search--header {
background-color: #fff;
padding: 0
}
@media all and (min-width: 991px) {
.search--second-level .search--header {
padding: 1.5rem 0;
background-color: #ed1c24;
transition: .15s padding ease-in-out
}
}
.search--second-level .search--header .field-group {
margin: 0 !important
}
.search--second-level .search--header .field-group>input {
border-radius: 0;
border-color: #ebf0f0;
background-color: #ebf0f0
}
.search--second-level .search--header .field-group>input:focus {
background-color: #eef4f8;
border-color: #eef4f8;
box-shadow: none
}
@media all and (min-width: 991px) {
.search--second-level .search--header .field-group {
margin: .75rem 0 !important
}
.search--second-level .search--header .field-group>input {
border-radius: .75rem;
border-color: rgba(0, 0, 0, 0);
background-color: #fff
}
.search--second-level .search--header .field-group>input:focus {
border-color: #0047bb;
box-shadow: 0px 0px 0px 3px #739fe6
}
}
.search--second-level .search--input.grid__col {
padding: 0
}
.search .field-group {
margin: .75rem 0 !important
}
@media all and (min-width: 991px) {
.search .field-group {
margin: 1.5rem 0 .75rem
}
}
.search .field-group>input {
border-radius: .75rem;
border: .063rem solid rgba(0, 0, 0, 0);
transition: .25s ease-in-out;
text-align: center
}
.search .field-group>input.icon--trailing.icon--leading {
padding: 1rem 1rem 1rem 3rem;
line-height: inherit;
height: auto
}
[dir=rtl] .search .field-group>input.icon--trailing.icon--leading {
padding: 1rem 3rem 1rem 1rem
}
.search .field-group>input+.field-group__icon,
.search .field-group>input~.field-group__actions {
top: 50%;
transform: translateY(-50%);
transition: .25s ease-in-out
}
.search .field-group>input+.field-group__icon {
stroke: #ed1c24;
stroke-width: .125rem;
left: 1.5rem
}
[dir=rtl] .search .field-group>input+.field-group__icon {
left: inherit;
right: 1.5rem
}
.search .field-group>input~.field-group__actions {
right: 1.5rem
}
[dir=rtl] .search .field-group>input~.field-group__actions {
left: 1.5rem;
right: inherit
}
.search .field-group>input:focus {
border: .063rem solid #0047bb;
box-shadow: 0px 0px 0px 3px #739fe6;
background-color: #eef4f8
}
.search .field-group>input:focus+.field-group__icon {
stroke: #0047bb
}
.search .field-group>input:disabled {
border: .125rem solid #bfbfbf;
background-color: #969696;
color: #6d6d6d
}
.search .field-group>input:disabled+.field-group__icon,
.search .field-group>input:disabled~.field-group__actions button svg {
stroke: #6d6d6d
}
.search-suggestions {
position: absolute;
left: 0;
right: 0;
z-index: 3;
top: 100%;
height: calc(100vh - 194px)
}
@media all and (min-width: 991px) {
.search-suggestions {
height: auto;
max-height: 60vh;
overflow-y: hidden
}
}
.search-suggestions>.grid__col {
z-index: 3;
position: relative;
display: flex;
justify-content: center
}
@media all and (min-width: 991px) {
.search-suggestions {
border-radius: 0 0 .75rem .75rem;
box-shadow: 0 .125rem .5rem 0 rgba(34, 30, 32, .2)
}
}
.search-suggestions__content {
width: 100%;
overflow-y: auto;
max-height: calc(100vh - 218px)
}
@media all and (min-width: 991px) {
.search-suggestions__content {
max-width: 50%;
margin: 0 -1.25rem;
max-height: 57vh;
padding: 0 1.25rem
}
}
.search-suggestions__content::-webkit-scrollbar {
width: 7px
}
.search-suggestions__content::-webkit-scrollbar-track {
background: #ebf0f0
}
.search-suggestions__content::-webkit-scrollbar-thumb {
background: #898989;
border-radius: .25rem
}
.search-suggestions__content::-webkit-scrollbar-thumb:hover {
background: #6d6d6d
}
.search-suggestions .list-card {
width: 100%;
box-shadow: none;
border-bottom: 1px solid #e0e0e0;
border-radius: 0;
background-color: #fff
}
.search-suggestions .list-card:hover {
background-color: #fff
}
@media all and (min-width: 991px) {
.search-suggestions .list-card {
box-shadow: 0px .125rem .5rem 0px rgba(34, 30, 32, .2);
border-radius: .5rem;
border-bottom: 0;
background-color: #fdfdfd
}
.search-suggestions .list-card:hover {
background-color: #eef4f8
}
}
.search-suggestions .list-card h4 strong {
color: #0047bb;
font-weight: 500
}
@media all and (min-width: 991px) {
.search-suggestions .list-card h4 strong {
color: #fff;
background-color: #0047bb;
font-weight: 700
}
}
.search-suggestions .list-card svg {
min-width: 1.25rem
}
.search-suggestions ul {
margin: .75rem 0 0
}
.search:not(.search--second-level, .search--sticky) .search-suggestions {
max-height: calc(100vh - 328px)
}
@media all and (min-width: 991px) {
.search:not(.search--second-level, .search--sticky) .search-suggestions {
max-height: 52vh
}
}
.search:not(.search--second-level, .search--sticky) .search-suggestions__content {
max-height: calc(100vh - 270px)
}
@media all and (min-width: 991px) {
.search:not(.search--second-level, .search--sticky) .search-suggestions__content {
max-height: 48vh
}
}
.search--sticky:not(.search--second-level) .search--header {
padding: 0
}
@media all and (min-width: 991px) {
.search--sticky:not(.search--second-level) .search--header {
padding: 1.5rem 0
}
}
.search--sticky:not(.search--second-level) .search--title h2 {
font-size: var(--font-size-16);
line-height: 24px;
font-weight: 500;
padding: .75rem 1.5rem .75rem
}
@media all and (min-width: 991px) {
.search--sticky:not(.search--second-level) .search--title h2 {
opacity: 0;
line-height: 0;
padding: 0;
color: #ed1c24
}
}
.search--sticky:not(.search--second-level) .search--input.grid__col {
padding: 0
}
.search--sticky:not(.search--second-level) .field-group {
margin: 0 !important
}
.search--sticky:not(.search--second-level) .field-group>input {
border-radius: 0;
border-color: #ebf0f0;
background-color: #ebf0f0
}
.search--sticky:not(.search--second-level) .field-group>input:focus {
background-color: #eef4f8;
border-color: #eef4f8;
box-shadow: none
}
@media all and (min-width: 991px) {
.search--sticky:not(.search--second-level) .field-group {
margin: .75rem 0 !important
}
.search--sticky:not(.search--second-level) .field-group>input {
border-radius: .75rem;
border-color: rgba(0, 0, 0, 0);
background-color: #fff
}
.search--sticky:not(.search--second-level) .field-group>input:focus {
border-color: #0047bb;
box-shadow: 0px 0px 0px 3px #739fe6
}
}
@media all and (min-width: 991px) {
.search--sticky.search--second-level .search--header {
padding: .25rem 0
}
}
.search--sticky .search-suggestions {
height: calc(100vh - 165px)
}
@media all and (min-width: 991px) {
.search--sticky .search-suggestions {
max-height: 60vh;
height: auto
}
}
.search--sticky .search-suggestions__content {
max-height: calc(100vh - 190px)
}
@media all and (min-width: 991px) {
.search--sticky .search-suggestions__content {
max-height: 57vh
}
}
.has-control-menu .search-suggestions__content {
max-height: calc(100vh - 295px)
}
@media all and (min-width: 991px) {
.has-control-menu .search-suggestions__content {
max-height: 57vh
}
}
.has-control-menu .search--sticky .search-suggestions__content {
max-height: calc(100vh - 248px)
}
@media all and (min-width: 991px) {
.has-control-menu .search--sticky .search-suggestions__content {
max-height: 57vh
}
}
.has-control-menu .search:not(.search--second-level) .search-suggestions__content {
max-height: calc(100vh - 350px)
}
@media all and (min-width: 991px) {
.has-control-menu .search:not(.search--second-level) .search-suggestions__content {
max-height: 48vh
}
}
.has-control-menu .search:not(.search--second-level).search--sticky .search-suggestions__content {
max-height: calc(100vh - 250px)
}
@media all and (min-width: 991px) {
.has-control-menu .search:not(.search--second-level).search--sticky .search-suggestions__content {
max-height: 52vh
}
}
.lfr-layout-structure-item-search-0,
.lfr-layout-structure-item-search {
position: sticky;
z-index: 9;
top: 64px
}
@media all and (min-width: 991px) {
.lfr-layout-structure-item-search-0,
.lfr-layout-structure-item-search {
top: 120px
}
}
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet~.lfr-layout-structure-item-search-0,
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet~.lfr-layout-structure-item-search {
top: 105px
}
@media all and (min-width: 991px) {
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet~.lfr-layout-structure-item-search-0,
.lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet~.lfr-layout-structure-item-search {
top: 152px
}
}
.has-control-menu.controls-visible .lfr-layout-structure-item-search-0,
.has-control-menu.controls-visible .lfr-layout-structure-item-search {
top: 122px
}
@media all and (min-width: 991px) {
.has-control-menu.controls-visible .lfr-layout-structure-item-search-0,
.has-control-menu.controls-visible .lfr-layout-structure-item-search {
top: 176px
}
}
.has-control-menu.controls-visible .lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet~.lfr-layout-structure-item-search-0,
.has-control-menu.controls-visible .lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet~.lfr-layout-structure-item-search {
top: 162px
}
@media all and (min-width: 991px) {
.has-control-menu.controls-visible .lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet~.lfr-layout-structure-item-search-0,
.has-control-menu.controls-visible .lfr-layout-structure-item-com-liferay-site-navigation-breadcrumb-web-portlet-sitenavigationbreadcrumbportlet~.lfr-layout-structure-item-search {
top: 208px
}
}
.subheader {
background-color: #ebf0f0;
position: relative;
border-bottom: .063rem solid #e0e0e0
}
@media all and (min-width: 991px) {
.subheader {
border-bottom: none
}
}
.subheader h3 {
font-size: var(--font-size-18);
line-height: var(--font-size-24);
margin: 0
}
@media all and (min-width: 1200px) {
.subheader h3 {
font-size: 1.4375rem;
line-height: var(--font-size-28)
}
}
.subheader h3.mobile-variant--centered-title {
margin: 0 auto
}
.subheader--no-padding {
border-bottom: 0
}
.subheader--no-padding .subheader__button-back {
left: 0
}
[dir=rtl] .subheader--no-padding .subheader__button-back {
left: inherit;
right: 0
}
@media all and (min-width: 1200px) {
.subheader__button-back {
position: absolute;
top: .75rem;
left: 4rem
}
[dir=rtl] .subheader__button-back {
left: initial;
right: 4rem
}
[dir=rtl] .subheader__button-back.m-right--24-md {
margin-right: 0 !important
}
}
.subheader__button-back svg {
width: 1.5rem;
height: 1.5rem
}
@media all and (min-width: 1200px) {
.subheader__button-back svg {
width: 2rem;
height: 2rem
}
}
[dir=rtl] .subheader__button-back svg {
transform: rotate(180deg)
}
.subheader__button-close svg {
width: 1.5rem;
height: 1.5rem
}
@media all and (min-width: 1200px) {
.subheader__button-close svg {
width: 2rem;
height: 2rem
}
}
[dir=rtl] .subheader__button-close svg {
transform: rotate(180deg)
}
.subheader__toast {
position: absolute;
bottom: -4.5rem;
z-index: 3;
left: .25rem
}
@media all and (min-width: 991px) {
.subheader__toast {
left: initial;
right: initial
}
}
@media all and (min-width: 991px) {
.subheader.mobile-variant--transparent-button-right {
background-color: #ebf0f0;
position: relative;
border-bottom: .063rem solid #e0e0e0;
flex-direction: row
}
}
.subheader.mobile-variant--transparent-button-right {
background-color: #fdfdfd;
flex-direction: row-reverse;
border: none
}
.subheader.mobile-variant--white-bg {
background-color: #fff;
border-bottom: .063rem solid #e0e0e0
}
.subheader.mobile-variant--no-border {
border-bottom: 0
}
.subheader-payments {
background-color: #ebf0f0;
z-index: 11;
transition: .25s all;
position: sticky;
top: -1rem;
border-top: .063rem solid #e0e0e0
}
.subheader-payments--stuck {
border-top: none
}
.subheader-payments>h2 {
transition: .25s font-size ease
}
@media all and (min-width: 991px) {
.subheader-payments {
position: relative;
top: 0
}
}
@media all and (min-width: 991px) {
.subheader-payments {
border-top: none
}
}
.subheader-payments__button--back svg,
.subheader-payments__button--close svg {
width: 1.5rem;
height: 1.5rem
}
@media all and (min-width: 1200px) {
.subheader-payments__button--back svg,
.subheader-payments__button--close svg {
width: 2rem;
height: 2rem
}
}
[dir=rtl] .subheader-payments__button--back svg,
[dir=rtl] .subheader-payments__button--close svg {
transform: rotate(180deg)
}
.subheader-payments__toast {
position: absolute;
bottom: -4.5rem;
z-index: 3;
left: .25rem
}
@media all and (min-width: 991px) {
.subheader-payments__toast {
left: initial;
right: initial
}
}
.tabs-header {
overflow-x: auto
}
.tabs-header__trigger {
padding: .75rem 1rem;
border-radius: .75rem;
font-size: var(--font-size-18);
line-height: 28px;
color: #ed1c24
}
.tabs-header__trigger:hover {
color: #a91419
}
.tabs-header__trigger:disabled {
color: #6d6d6d
}
.tabs-header__trigger--selected {
font-weight: 500;
color: #0047bb;
background-color: #e6efff
}
.tabs-header__trigger--selected:hover {
color: #003387
}
.timer {
background-color: #eee;
padding: .25rem .5rem;
border-radius: 1rem;
color: #141b4d
}
@media all and (min-width: 991px) {
.timer {
padding: .5rem 1rem .5rem .75rem;
border-radius: 2rem;
width: 8.125rem
}
}
.timer--no-text {
width: fit-content;
padding: .5rem 1rem .5rem .75rem;
border-radius: 2rem
}
.timer--no-text .countdown {
width: 2rem;
height: 2rem
}
.timer>span {
margin-left: .5rem;
direction: ltr
}
.timer--expired span {
color: #ffb2b5
}
.timer--locked .timer__seconds {
color: #6d6d6d
}
.timer--locked .countdown__path--remaining {
stroke: #898989
}
.timer--locked .countdown__path--elapsed {
stroke: #6d6d6d
}
.timer__seconds {
color: #0047bb
}
.timer span {
font-size: var(--font-size-18);
line-height: 24px
}
@media all and (min-width: 1200px) {
.timer span {
font-size: var(--font-size-24);
line-height: 32px
}
}
.countdown {
width: 1.25rem;
height: 1.25rem
}
@media all and (min-width: 1200px) {
.countdown {
width: 2rem;
height: 2rem
}
}
.countdown svg {
transform: scaleX(-1)
}
.countdown__circle {
fill: none;
stroke: none
}
.countdown__path--elapsed {
stroke-width: .25rem;
stroke: #002a6e
}
.countdown__path--remaining {
stroke-width: .25rem;
stroke-linecap: round;
transform: rotate(90deg);
transform-origin: center;
transition: 1s linear all;
fill-rule: nonzero;
stroke: #9dbef2;
transform: rotateY(-180deg) rotateZ(-90deg)
}
.countdown__path--zero {
stroke: rgba(0, 0, 0, 0)
}
.countdown--expired .countdown__path--elapsed {
stroke: #ffb2b5
}
.upload-file {
cursor: pointer;
border-radius: .75rem;
border: .125rem dashed #aaa;
background: #fdfdfd;
color: #221e20;
position: relative
}
.upload-file__wrapper .error-message {
color: #ff585d
}
.upload-file .main_icon {
fill: #aaa
}
.upload-file .main_icon path:first-child {
fill: none
}
.upload-file__description {
font-size: var(--font-size-12)
}
.upload-file .trash-icon {
padding: .375rem;
background-color: #fde8e9;
border-radius: .5rem;
stroke-width: 2
}
.upload-file .tick-icon {
position: relative
}
.upload-file .tick-icon::before {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 1.25rem;
filter: blur(1px);
box-shadow: 0 0 1px 2px #0047bb inset;
position: absolute
}
.upload-file--uploading {
border-style: solid
}
.upload-file--uploading .main_icon {
fill: #0047bb
}
.upload-file--uploading .upload-file__description {
color: #0047bb
}
.upload-file--finished {
border-style: solid;
border-color: #0047bb
}
.upload-file--finished .main_icon {
fill: #0047bb
}
.upload-file--finished .main_icon path:first-child {
fill: #0047bb
}
.upload-file--finished .upload-file__description {
font-size: var(--font-size-14)
}
.upload-file--drag,
.upload-file:hover,
.upload-file:focus {
border: .125rem dashed #003080;
background: #eef4f8
}
.upload-file--drag .main_icon>path,
.upload-file:hover .main_icon>path,
.upload-file:focus .main_icon>path {
fill: #0047bb
}
.upload-file--drag .upload-file--uploading,
.upload-file--drag .upload-file--finished,
.upload-file:hover .upload-file--uploading,
.upload-file:hover .upload-file--finished,
.upload-file:focus .upload-file--uploading,
.upload-file:focus .upload-file--finished {
border-style: solid
}
.upload-file--drag .upload-file--uploading .main_icon,
.upload-file--drag .upload-file--finished .main_icon,
.upload-file:hover .upload-file--uploading .main_icon,
.upload-file:hover .upload-file--finished .main_icon,
.upload-file:focus .upload-file--uploading .main_icon,
.upload-file:focus .upload-file--finished .main_icon {
fill: #003080
}
.upload-file:focus,
.upload-file--drag {
box-shadow: 0 0 0 3px rgba(0, 71, 187, .3)
}
.upload-file--drag .upload-file__title {
color: #0047bb
}
.upload-file:active {
border: .125rem dashed #0047bb;
background: #eef4f8;
color: #0047bb
}
.upload-file:active .main_icon {
fill: #0047bb
}
.upload-file:active .upload-file--uploading,
.upload-file:active .upload-file--finished {
border-style: solid
}
.upload-file:active .upload-file--uploading .main_icon,
.upload-file:active .upload-file--finished .main_icon {
fill: #0047bb
}
.upload-file.error {
border: .125rem dashed #ff585d;
background: #fdfdfd
}
.upload-file.error .main_icon {
fill: #aaa
}
.upload-file.error .main_icon path:first-child {
fill: none
}
.upload-file.error .upload-file--uploading,
.upload-file.error .upload-file--finished {
border-style: solid
}
.upload-file.error .upload-file--uploading .main_icon,
.upload-file.error .upload-file--finished .main_icon {
fill: #221e20
}
.upload-file.error .upload-file--uploading .main_icon path:first-child,
.upload-file.error .upload-file--finished .main_icon path:first-child {
fill: #221e20
}
@media all and (min-width: 991px) {
.upload-file.error .upload-file--uploading .main_icon path:first-child,
.upload-file.error .upload-file--finished .main_icon path:first-child {
fill: none
}
}
.upload-file.error .upload-file--uploading .upload-file__description,
.upload-file.error .upload-file--finished .upload-file__description {
color: #221e20
}
.upload-file.disabled {
pointer-events: none;
user-select: none;
cursor: none;
border: .125rem dashed #bfbfbf;
background: #f4f4f4;
color: #595959
}
.upload-file.disabled .main_icon {
fill: #bfbfbf
}
.upload-file.disabled.upload-file--uploading,
.upload-file.disabled.upload-file--finished {
border-style: solid
}
.upload-file.disabled.upload-file--uploading .trash-icon,
.upload-file.disabled.upload-file--finished .trash-icon {
background: #f4f4f4
}
.upload-file.disabled.upload-file--uploading .trash-icon path,
.upload-file.disabled.upload-file--finished .trash-icon path {
stroke: #bfbfbf
}
.upload-file.disabled.upload-file--uploading .tick-icon::before,
.upload-file.disabled.upload-file--finished .tick-icon::before {
content: none
}
.upload-file.disabled.upload-file--uploading .tick-icon path,
.upload-file.disabled.upload-file--finished .tick-icon path {
fill: #bfbfbf;
stroke: #595959;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round
}
.upload-file.disabled.upload-file--uploading:hover .main_icon,
.upload-file.disabled.upload-file--finished:hover .main_icon {
fill: #bfbfbf
}
.upload-file.disabled.upload-file--uploading:hover .main_icon>path,
.upload-file.disabled.upload-file--finished:hover .main_icon>path {
fill: #bfbfbf
}
.upload-file:focus::after {
content: "";
position: absolute;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
border-radius: .75rem;
border: 3px solid #0047bb;
opacity: .3
}
.upload-file--uploaded {
padding-top: .75rem !important;
padding-bottom: .75rem !important;
border: .125rem solid #aaa;
background: #fdfdfd
}
.upload-file__input.hidden {
position: absolute;
visibility: hidden;
opacity: 0;
width: 0
}
.upload-file__title {
word-break: break-all
}
.upload-file>*:not(.interactable) {
pointer-events: none;
user-select: none
}
.upload-file .interactable {
pointer-events: all;
cursor: pointer
}
.useful-links a {
border-radius: .75rem;
color: #221e20;
transition: color .2s ease-in-out;
position: relative;
white-space: nowrap
}
.useful-links a:hover {
color: #003387
}
.useful-links a::before {
content: "";
background-color: #aaa;
width: .125rem;
height: 1.75rem;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
[dir=rtl] .useful-links a::before {
left: initial;
right: 0
}
.useful-links ul {
overflow-x: auto
}
@media all and (min-width: 991px) {
.useful-links ul {
overflow: auto;
flex-wrap: wrap
}
}
.useful-links li:first-child a::before {
display: none
}
.verification-code {
width: 100%
}
[dir=rtl] .verification-code {
direction: ltr
}
.verification-code__container {
gap: .75rem
}
[dir=rtl] .verification-code__container {
justify-content: end
}
[dir=rtl] .verification-code__container+p {
direction: rtl
}
.verification-code__container .input-numeric {
flex: 0 0 auto;
width: 4.5625rem
}
.verification-code__container .input-numeric input {
height: 5rem;
text-align: center;
font-size: var(--font-size-18);
padding: .5rem
}
@media(max-width: 991px) {
.verification-code__container {
gap: .5rem
}
.verification-code__container .input-numeric {
width: 2.75rem
}
.verification-code__container .input-numeric input {
width: 3.75rem;
height: 4.125rem;
font-size: var(--font-size-20);
padding: .5rem
}
}
@media(max-width: 600px) {
.verification-code__container {
gap: .5rem
}
.verification-code__container .input-numeric {
width: 3.75rem
}
.verification-code__container .input-numeric input {
width: 3.75rem;
height: 4.125rem;
font-size: var(--font-size-20);
padding: .5rem
}
}
.verification-code--error p {
color: #ff585d;
font-weight: 600
}
.rating {
width: 100%;
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 1rem;
border: .0625rem solid #aaa;
border-radius: .75rem
}
.rating__rating-section {
display: flex;
flex-direction: column;
gap: 1rem
}
.rating__title {
text-align: center;
font-size: .875rem;
font-weight: bold
}
.rating__error {
width: 100%;
padding: 1rem
}
.rating__rating-levels {
display: flex;
justify-content: space-between;
align-items: center;
gap: .75rem;
width: 100%;
padding: 0 .25rem
}
.rating__rating-level {
background-color: var(--color-surface-100, #ffffff);
border: .125rem solid rgba(0, 0, 0, 0);
border-radius: .5rem;
padding: .5rem;
box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .2);
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .2s ease-in-out;
position: relative
}
.rating__rating-level:hover {
border-color: var(--color-primary-300, #93c5fd);
transform: translateY(-0.125rem)
}
.rating__rating-level--selected {
border-color: var(--color-primary-500, #3b82f6);
background-color: var(--color-primary-50, #eff6ff);
box-shadow: 0 0 0 .1875rem rgba(59, 130, 246, .1)
}
.rating__rating-level:focus-within {
outline: none;
border-color: var(--color-primary-500, #3b82f6);
box-shadow: 0 0 0 .1875rem rgba(59, 130, 246, .1)
}
.rating__radio-input {
position: absolute;
opacity: 0;
width: .0625rem;
height: .0625rem;
padding: 0;
margin: -0.0625rem;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.rating__radio-input:focus {
outline: none
}
.rating__icon {
border-radius: 50%;
width: 2rem;
height: 2rem;
stroke-width: .00625rem;
pointer-events: none
}
.rating__comment-section {
display: flex;
flex-direction: column;
gap: .5rem;
margin-bottom: 1.5rem;
padding: 0 .25rem
}
.rating__comment-label {
color: var(--color-text-secondary, #666);
display: block;
font-size: .875rem;
font-weight: 500
}
.rating__textarea {
width: 100%;
border-radius: .5rem;
padding-top: 0 !important
}
.rating__textarea:focus {
outline: none;
border-color: var(--color-primary-500, #3b82f6)
}
.rating__submit-button-section {
display: flex;
padding: .25rem
}
.range__label {
color: #221e20;
margin-bottom: 1.5rem
}
.range__input {
width: 100%;
height: 8px;
border-radius: 8px;
appearance: none;
cursor: pointer
}
.range__input:focus {
outline: none
}
.range__input-label {
position: absolute;
top: 0;
transform: translateX(-50%);
background-color: #e52228;
color: #fff;
min-width: 44px;
text-align: center;
font-size: var(--font-size-14);
font-weight: 400;
padding: 4px 8px;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
border: 1px solid #fff;
pointer-events: none
}
.range__footer {
display: flex;
align-items: center;
justify-content: space-between;
margin: 10px 0 0 0
}
.range__footer__unit {
display: flex;
align-items: center;
column-gap: 1px
}
.authentication-banner {
border-radius: 0;
position: relative;
overflow: hidden
}
@media all and (min-width: 991px) {
.authentication-banner {
border-radius: 0 1.5rem 0 0
}
}
[dir=rtl] .authentication-banner {
border-radius: 1.5rem 0 0 0
}
.authentication-banner.grid {
flex: 1
}
.authentication-banner__heading {
position: absolute;
left: 2rem;
bottom: 5rem
}
[dir=rtl] .authentication-banner__heading {
left: initial;
right: 2rem
}
.authentication-banner--image-inverted picture {
transform: scaleX(-1)
}
.authentication-banner picture {
width: 20.25rem;
text-align: center
}
@media all and (min-width: 1200px) {
.authentication-banner picture {
width: 40.5rem
}
}
.authentication-banner picture img {
max-width: 100%
}
.authentication-banner button {
position: absolute;
right: 0;
top: 0
}
.basket {
position: fixed;
bottom: 0;
left: 0;
right: 0;
max-height: min(90dvh, 90vh);
overflow: hidden;
z-index: 1
}
@media all and (min-width: 991px) {
.basket {
border: .125rem #aaa solid;
border-radius: .75rem;
position: static;
min-height: initial;
background-color: rgba(0, 0, 0, 0)
}
}
.basket .basket-cart-item {
background-color: #ebf0f0;
padding: 1.25rem 0
}
@media all and (min-width: 991px) {
.basket .basket-cart-item {
background-color: initial
}
}
.basket .basket-cart-item+.basket-cart-item {
margin-top: 1px
}
.basket__integer {
margin: 0 1px
}
.basket__border {
position: relative;
border: .75rem
}
.basket__border::before {
content: "";
border-radius: 1rem;
box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, .3);
position: absolute;
left: 0;
width: 100%;
height: 200vh;
pointer-events: none;
background-color: #fff
}
@media all and (min-width: 991px) {
.basket__border::before {
content: none
}
}
.basket .drawer-container {
display: grid;
transition: grid-template-rows .25s ease-out;
grid-template-rows: 1fr;
overflow: hidden;
pointer-events: auto;
z-index: 1
}
@media all and (min-width: 991px) {
.basket .drawer-container {
background-color: rgba(0, 0, 0, 0)
}
}
.basket .drawer-container.drawer--hide {
grid-template-rows: 0fr
}
.basket .drawer-container.drawer--hide .drawer-content {
opacity: 0
}
.basket .drawer-container .drawer-content {
overflow: hidden;
transition: .25s opacity ease-in
}
@media all and (min-width: 991px) {
.basket .drawer-container .drawer-content__title {
padding-bottom: .75rem;
border-bottom: .063rem solid rgba(20, 27, 77, .25)
}
}
.basket .drawer-container .drawer-content__list {
max-height: calc(100% - 3.5rem);
overflow: auto
}
.basket .drawer-container .drawer-content__list::-webkit-scrollbar {
width: .25rem
}
.basket .drawer-container .drawer-content__list::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.basket .drawer-container .drawer-content__list::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
@media all and (min-width: 991px) {
.basket .drawer-container .drawer-content__list {
max-height: calc(100% - 93px)
}
}
.basket__total {
flex: 0;
transition: .25s all ease-out;
pointer-events: auto;
z-index: 1
}
@media all and (min-width: 991px) {
.basket__total {
border-top: .125rem solid #221e20;
background-color: rgba(0, 0, 0, 0)
}
.basket__total--empty {
border-top: 0
}
}
.basket__animated-total>div:nth-last-of-type(-n+3),
.basket__animated-total>div:nth-last-of-type(-n+3)>div {
color: #6d6d6d !important;
font-weight: 400 !important
}
.basket .label-message {
flex: 0;
pointer-events: auto
}
.basket__caret {
pointer-events: auto;
z-index: 1
}
@media all and (min-width: 991px) {
.basket__caret {
background-color: rgba(0, 0, 0, 0)
}
}
.basket__caret svg {
cursor: pointer;
transition: .25s transform ease-out, .25s stroke-width ease-out, .25s stroke ease
}
.basket__caret.invert svg {
transform: rotateX(180deg);
stroke: #221e20;
stroke-width: .09rem
}
.basket__extras {
z-index: 1
}
@media all and (min-width: 991px) {
.basket__extras {
background-color: rgba(0, 0, 0, 0)
}
}
.basket__button {
pointer-events: auto
}
.basket-skeleton {
border-radius: 1rem 1rem 0 0;
box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, .3)
}
@media all and (min-width: 991px) {
.basket-skeleton {
box-shadow: unset;
border-radius: unset
}
}
.basket-skeleton {
position: fixed;
bottom: 0;
left: 0;
right: 0;
max-height: min(90dvh, 90vh);
overflow: hidden;
z-index: 1
}
@media all and (min-width: 991px) {
.basket-skeleton {
border: .125rem #aaa solid;
border-radius: .75rem;
position: static;
min-height: initial;
background-color: rgba(0, 0, 0, 0)
}
}
.basket-skeleton .basket-cart-item {
background-color: #ebf0f0;
padding: 1.25rem 0
}
@media all and (min-width: 991px) {
.basket-skeleton .basket-cart-item {
background-color: initial
}
}
.basket-skeleton .basket-cart-item+.basket-cart-item {
margin-top: 1px
}
.basket-skeleton {
background-color: #fff
}
.basket-skeleton__summary {
padding-bottom: .75rem;
border-bottom: .063rem solid rgba(20, 27, 77, .25);
display: none
}
@media all and (min-width: 991px) {
.basket-skeleton__summary {
display: block
}
}
.basket-skeleton__list {
display: none
}
@media all and (min-width: 991px) {
.basket-skeleton__list {
display: block
}
}
.basket-skeleton__pricing {
display: flex;
justify-content: space-between;
align-items: center
}
.card-product-slider {
background-color: #ff585d
}
.card-product-slider .slider .swiper {
padding: 0 .25rem
}
.card-product-slider .slider .swiper-slide {
height: auto
}
.card-product-slider .slider .swiper-button {
background-color: #fde8e9
}
.card-product-slider .slider .swiper-pagination-bullet {
background-color: #003387
}
.card-product-slider .slider .swiper-pagination-bullet-active {
background-color: #b6cdf2
}
.card-product-slider .slider .swiper-pagination-bullet-active::after {
border-color: #739fe6
}
.card-account-slider {
position: relative
}
.card-account-slider::before {
position: absolute;
background-color: #d71923;
content: "";
top: 0;
width: 100%;
height: 80px;
left: 0;
z-index: 1
}
.card-account-slider::after {
position: absolute;
background-color: #eef4f8;
content: "";
top: 80px;
width: 100%;
height: calc(100% - 80px);
left: 0;
z-index: 0
}
.card-account-slider .slider .swiper {
padding-left: 1.5rem
}
[dir=rtl] .card-account-slider .slider .swiper {
padding-left: 0;
padding-right: 1.5rem
}
.card-account-slider .slider .swiper-pagination {
display: flex;
justify-content: flex-start;
margin: .75rem 0 1rem
}
@media all and (min-width: 991px) {
.card-account-slider .slider .swiper-pagination {
justify-content: center;
margin: .25rem 0
}
}
.card-account-slider .slider .swiper-horizontal .swiper-pagination-bullet {
margin: .375rem
}
.saved-cards-slider .swiper {
height: 210px;
padding-top: 0
}
.saved-cards-slider--1-cards .swiper {
height: calc(210px + (1 - 1)*30px);
padding-top: calc((1 - 1)*30px)
}
.saved-cards-slider--2-cards .swiper {
height: calc(210px + (2 - 1)*30px);
padding-top: calc((2 - 1)*30px)
}
.saved-cards-slider--3-cards .swiper {
height: calc(210px + (3 - 1)*30px);
padding-top: calc((3 - 1)*30px)
}
.saved-cards-slider--4-cards .swiper {
height: calc(210px + (4 - 1)*30px);
padding-top: calc((4 - 1)*30px)
}
.saved-cards-slider--5-cards .swiper {
height: calc(210px + (5 - 1)*30px);
padding-top: calc((5 - 1)*30px)
}
.saved-cards-slider--6-cards .swiper {
height: calc(210px + (6 - 1)*30px);
padding-top: calc((6 - 1)*30px)
}
.saved-cards-slider--7-cards .swiper {
height: calc(210px + (7 - 1)*30px);
padding-top: calc((7 - 1)*30px)
}
.saved-cards-slider--8-cards .swiper {
height: calc(210px + (8 - 1)*30px);
padding-top: calc((8 - 1)*30px)
}
.saved-cards-slider--9-cards .swiper {
height: calc(210px + (9 - 1)*30px);
padding-top: calc((9 - 1)*30px)
}
.saved-cards-slider--10-cards .swiper {
height: calc(210px + (10 - 1)*30px);
padding-top: calc((10 - 1)*30px)
}
.saved-cards-slider--11-cards .swiper {
height: calc(210px + (11 - 1)*30px);
padding-top: calc((11 - 1)*30px)
}
.saved-cards-slider--12-cards .swiper {
height: calc(210px + (12 - 1)*30px);
padding-top: calc((12 - 1)*30px)
}
.saved-cards-slider--13-cards .swiper {
height: calc(210px + (13 - 1)*30px);
padding-top: calc((13 - 1)*30px)
}
.saved-cards-slider--14-cards .swiper {
height: calc(210px + (14 - 1)*30px);
padding-top: calc((14 - 1)*30px)
}
.saved-cards-slider--15-cards .swiper {
height: calc(210px + (15 - 1)*30px);
padding-top: calc((15 - 1)*30px)
}
.saved-cards-slider--16-cards .swiper {
height: calc(210px + (16 - 1)*30px);
padding-top: calc((16 - 1)*30px)
}
.saved-cards-slider--17-cards .swiper {
height: calc(210px + (17 - 1)*30px);
padding-top: calc((17 - 1)*30px)
}
.saved-cards-slider--18-cards .swiper {
height: calc(210px + (18 - 1)*30px);
padding-top: calc((18 - 1)*30px)
}
.saved-cards-slider--19-cards .swiper {
height: calc(210px + (19 - 1)*30px);
padding-top: calc((19 - 1)*30px)
}
.saved-cards-slider--20-cards .swiper {
height: calc(210px + (20 - 1)*30px);
padding-top: calc((20 - 1)*30px)
}
.saved-cards-slider--21-cards .swiper {
height: calc(210px + (21 - 1)*30px);
padding-top: calc((21 - 1)*30px)
}
.saved-cards-slider--22-cards .swiper {
height: calc(210px + (22 - 1)*30px);
padding-top: calc((22 - 1)*30px)
}
.saved-cards-slider--23-cards .swiper {
height: calc(210px + (23 - 1)*30px);
padding-top: calc((23 - 1)*30px)
}
.saved-cards-slider--24-cards .swiper {
height: calc(210px + (24 - 1)*30px);
padding-top: calc((24 - 1)*30px)
}
.saved-cards-slider--25-cards .swiper {
height: calc(210px + (25 - 1)*30px);
padding-top: calc((25 - 1)*30px)
}
.faq__help-topics .help-topics li button {
display: block;
width: 100%
}
.faq__help-topics .help-topics li button .topic {
color: #221e20
}
[dir=rtl] .faq__help-topics .help-topics li button .topic .icon-box {
margin-right: 0 !important
}
.faq__help-topics .help-topics li button .icon-arrow {
transform: rotate(0deg);
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.faq__help-topics .help-topics li button.active-accordion .list-item {
border: .125rem solid #0047bb;
box-shadow: none;
background: #eef4f8;
color: #0047bb
}
.faq__help-topics .help-topics li button.active-accordion .list-item .icon-box {
background-color: #fff
}
.faq__help-topics .help-topics li button.active-accordion .list-item .icon-box svg {
fill: #0047bb
}
.faq__help-topics .help-topics li button.active-accordion .icon-arrow {
transform: rotate(180deg);
stroke: #0047bb
}
.faq__help-topics .help-topics li .accordion__content {
background: #eef4f8
}
.faq__help-topics .help-topics li .accordion__content li:last-child .simple-card {
margin-bottom: 0 !important
}
.faq__help-topics .help-topics li .icon-arrow {
margin-left: auto
}
[dir=rtl] .faq__help-topics .help-topics li .icon-arrow {
margin-right: auto;
margin-left: initial
}
.faq__help-topics .help-topics--desktop {
width: 920px;
margin: 0 auto;
position: relative
}
@media all and (min-width: 991px) {
.faq__help-topics .help-topics--desktop .topic {
width: 16.688rem;
position: relative;
z-index: 1
}
[dir=rtl] .faq__help-topics .help-topics--desktop .topic .icon-box {
margin-right: 0 !important
}
}
@media all and (min-width: 991px) {
.faq__help-topics .help-topics--desktop .help-topics__topics-box:first-of-type {
display: block
}
.faq__help-topics .help-topics--desktop .help-topics__topics-box {
border: .125rem solid #0047bb;
min-height: 33rem;
height: calc(100% - 1.5rem);
display: none;
border-radius: 0 .75rem .75rem 0;
background: #eef4f8
}
[dir=rtl] .faq__help-topics .help-topics--desktop .help-topics__topics-box {
border-radius: .75rem 0 0 .75rem
}
.faq__help-topics .help-topics--desktop .help-topics__topics-box .active {
display: block
}
}
.faq__help-topics .list-item:hover .icon-box {
background-color: #fdfdfd
}
.faq__help-topics .list-item:hover .icon-box svg {
fill: #0047bb
}
.faq__help-topics .list-item:hover .caret-down {
stroke: #0047bb
}
.faq__help-topics .list-item.issue-card:hover {
background-color: #fdfdfd
}
.faq__help-topics .list-item.active-accordion .topic,
.faq__help-topics .list-item.topic.active {
border: .125rem solid #0047bb;
background: #eef4f8;
color: #0047bb
}
@media all and (min-width: 991px) {
.faq__help-topics .list-item.active-accordion .topic,
.faq__help-topics .list-item.topic.active {
width: 18.043rem
}
}
.faq__help-topics .list-item.active-accordion .topic .icon-box,
.faq__help-topics .list-item.topic.active .icon-box {
background-color: #fff
}
.faq__help-topics .list-item.active-accordion .topic .icon-box svg,
.faq__help-topics .list-item.topic.active .icon-box svg {
fill: #0047bb
}
.faq__help-topics .list-item.active-accordion .topic svg.caret-up,
.faq__help-topics .list-item.topic.active svg.caret-up {
stroke: #0047bb
}
@media all and (min-width: 991px) {
.faq__help-topics .list-item.active-accordion .topic,
.faq__help-topics .list-item.topic.active {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right: none;
box-shadow: none
}
[dir=rtl] .faq__help-topics .list-item.active-accordion .topic,
[dir=rtl] .faq__help-topics .list-item.topic.active {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-right: .125rem solid #0047bb;
border-bottom-right-radius: .75rem;
border-top-right-radius: .75rem;
border-left: none
}
}
ooredoo-category-navigation>.faq__help-topics {
margin-bottom: 2rem
}
@media all and (min-width: 991px) {
ooredoo-category-navigation>.faq__help-topics {
margin-bottom: 3rem
}
}
.footer {
background-color: #f9f9f9
}
.footer__first-line {
max-width: 80rem;
margin: 0 auto
}
@media all and (min-width: 991px) {
.footer__first-line {
display: flex;
flex-direction: row
}
}
@media all and (min-width: 991px) {
.footer__nav {
flex-direction: row;
flex-grow: 8;
align-self: flex-start
}
}
.footer__nav-column {
position: relative;
border-bottom: .125rem solid #e0e0e0;
padding: 1rem 0;
flex: 1;
min-width: 0
}
@media all and (min-width: 991px) {
.footer__nav-column {
border-bottom: none;
flex-grow: 3
}
}
.footer__nav-column h3 {
color: #545454;
font-size: var(--font-size-14);
line-height: 16px;
max-width: 80%;
margin: 0
}
.footer__nav-column a {
font-weight: 400;
color: #898989;
text-decoration: none;
font-size: var(--font-size-14)
}
.footer__nav-column a:hover {
color: #ed1c24
}
.footer__nav-column .checkbox,
.footer__nav-column .minus-icon,
.footer__nav-column .plus-icon {
right: 0;
top: 1.1rem
}
.footer__nav-column .checkbox {
width: 1.25rem;
height: 1.25rem;
position: absolute;
z-index: 14;
transform: translateY(-0.15rem);
cursor: pointer
}
@media all and (min-width: 991px) {
.footer__nav-column .checkbox {
display: none
}
}
[dir=rtl] .footer__nav-column .checkbox {
right: initial;
left: 0
}
.footer__nav-column .minus-icon,
.footer__nav-column .plus-icon {
position: absolute;
width: .875rem;
z-index: 12
}
@media all and (min-width: 991px) {
.footer__nav-column .minus-icon,
.footer__nav-column .plus-icon {
display: none
}
}
[dir=rtl] .footer__nav-column .minus-icon,
[dir=rtl] .footer__nav-column .plus-icon {
right: initial;
left: 0
}
.footer__nav-column .minus-icon {
display: none
}
.footer__nav-column .checkbox:checked~.minus-icon {
display: block
}
@media all and (min-width: 991px) {
.footer__nav-column .checkbox:checked~.minus-icon {
display: none
}
}
.footer__nav-column .checkbox:checked~.minus-icon~.plus-icon {
display: none
}
.footer__nav-column .checkbox:checked~.minus-icon~.plus-icon~.custom-footer__nav-list {
display: block
}
.footer__nav-list {
width: 100%;
display: none;
margin: 0;
padding-top: .375rem
}
@media all and (min-width: 991px) {
.footer__nav-list {
display: block
}
}
.footer__nav-list li {
padding: .375rem 0
}
[dir=rtl] .footer__nav-list li {
padding: 0
}
@media all and (min-width: 991px) {
.footer__app-splash {
align-self: flex-start;
flex-grow: 8;
height: 100%;
border-left: .125rem solid #e0e0e0;
padding-left: 1rem;
padding-bottom: 4rem
}
[dir=rtl] .footer__app-splash {
border-left: none;
border-right: .125rem solid #e0e0e0;
padding-right: 2rem
}
}
.footer__store-links {
width: 15.25rem;
margin: 0 .25rem .25rem 0
}
[dir=rtl] .footer__store-links {
margin: 0 0 .25rem .25rem
}
.footer__splash-text {
color: #898989;
font-weight: 400;
line-height: 28px;
max-width: 8.75rem
}
@media all and (min-width: 991px) {
.footer__splash-text {
max-width: 15.625rem;
margin-right: 1rem;
margin-top: 0
}
[dir=rtl] .footer__splash-text {
margin-right: 0
}
}
.footer__splash-text span {
font-weight: bold;
display: block
}
.footer__splash-text strong {
color: #ed1c24;
display: block;
font-weight: 800
}
@media all and (min-width: 991px) {
.footer__splash-screen {
width: 8rem;
height: auto
}
}
.footer__second-line {
background-color: #221e20
}
.footer__wrap {
padding: 0 4.5rem;
margin: 0 auto
}
@media all and (min-width: 991px) {
.footer__wrap {
display: flex;
flex-direction: row
}
}
.footer__social-links {
color: #fff;
width: 100%;
text-align: center;
font-size: var(--font-size-14);
padding: 1.25rem
}
@media all and (min-width: 991px) {
.footer__social-links {
order: 2;
width: 50%;
text-align: right;
padding: .612rem 0
}
[dir=rtl] .footer__social-links {
text-align: left
}
}
.footer__social-links ul,
.footer__social-links li {
margin: 0;
display: inline-block
}
.footer__social-links a {
align-items: baseline;
display: inline-block;
vertical-align: middle;
margin: .375rem
}
.footer__links {
color: #fff;
font-size: var(--font-size-12);
font-weight: 700;
margin: 0
}
.footer__links ul,
.footer__links li {
margin: 0;
display: inline-block
}
.footer__links li:after {
content: " | ";
display: inline-block;
padding: 0 .375rem
}
.footer__links li:last-child:after {
content: "";
padding: 0
}
@media all and (min-width: 991px) {
.footer__links {
order: 1;
width: 50%;
text-align: left
}
[dir=rtl] .footer__links {
text-align: right
}
}
.footer__links a {
text-decoration: none;
color: inherit;
font-size: inherit;
font-weight: inherit;
padding: .375rem
}
@media all and (min-width: 991px) {
.footer__links a {
margin: 0
}
}
.footer__links span {
display: inline-block;
padding: .5rem;
display: none
}
@media all and (min-width: 991px) {
.footer__links span {
display: inline-block;
padding-top: 0;
padding-bottom: 0
}
}
.footer__links span.copyright {
display: block;
font-weight: 400
}
.footer__wrap.small-footer {
max-width: none;
width: 100%
}
.hero-banner-slider .slider .swiper-pagination {
display: flex;
justify-content: flex-start;
margin: .75rem 0 1rem
}
@media all and (min-width: 991px) {
.hero-banner-slider .slider .swiper-pagination {
justify-content: center;
margin: .25rem 0
}
}
.hero-banner-slider .slider .swiper-horizontal .swiper-pagination-bullet {
margin: .375rem
}
.hero-banner-slider .slider .swiper__button {
background-color: #fde8e9;
z-index: 9;
display: none
}
@media all and (min-width: 991px) {
.hero-banner-slider .slider .swiper__button {
display: flex
}
}
.how-to-videos {
background-color: #fff
}
@media all and (min-width: 991px) {
.how-to-videos {
background-color: #ebf0f0
}
}
.how-to-videos__list {
flex-wrap: nowrap;
overflow-x: auto;
padding: 0 .75rem
}
@media all and (min-width: 991px) {
.how-to-videos__list {
flex-wrap: wrap;
padding: 0;
width: calc(100% + 1.5rem);
margin: 0 -0.75rem
}
}
.how-to-videos__list>.grid__col {
min-width: calc(100% - .75rem)
}
@media all and (min-width: 991px) {
.how-to-videos__list>.grid__col {
min-width: auto
}
}
.how-to-videos__link span {
font-size: var(--font-size-16)
}
[dir=rtl] .how-to-videos__link svg {
transform: rotate(-180deg)
}
.how-to-videos__title h2 {
flex: 2
}
@media all and (min-width: 991px) {
.how-to-videos__title h2 {
flex: 1
}
}
.how-to-videos__title a {
flex: 1;
justify-content: flex-end
}
.how-to-videos__title a span {
text-align: right;
word-break: break-word
}
[dir=rtl] .how-to-videos__title a span {
text-align: left
}
.info-callout__scrollable__content {
max-width: 548px
}
.left-panel {
border-radius: 0;
position: relative
}
@media all and (min-width: 991px) {
.left-panel {
border-radius: 0 1.5rem 0 0
}
}
[dir=rtl] .left-panel {
border-radius: 1.5rem 0 0 0
}
.left-panel {
position: relative;
overflow: hidden
}
.left-panel.grid {
flex: 1
}
.left-panel__heading {
position: absolute;
left: 2rem;
bottom: 5rem
}
[dir=rtl] .left-panel__heading {
left: initial;
right: 2rem
}
.left-panel--no-border-radius {
border-radius: 0
}
.left-panel--image-inverted picture {
transform: scaleX(-1)
}
.left-panel picture {
width: 648px
}
.left-panel picture img {
max-width: 100%
}
.left-panel img {
max-width: 100%
}
.left-panel button {
position: absolute;
right: 0;
top: 0
}
.list-category-cards {
flex-wrap: wrap
}
.list-category-cards>li {
flex-basis: 100%
}
.list-category-cards>li+li {
margin-top: 1.5rem
}
@media all and (min-width: 991px) {
.list-category-cards>li {
flex-basis: 33.3333333333%
}
.list-category-cards>li+li {
margin-top: 0
}
.list-category-cards>li:nth-child(3n+2) .card-category {
background-color: #f4f4f4
}
.list-category-cards>li:nth-child(n+4) {
margin-top: 2rem
}
}
@media all and (min-width: 991px) {
.list-category-cards--fourth-item li:nth-child(n+4) .card-category {
background-color: #f4f4f4
}
}
.list-category-cards__container {
background-color: #ebf0f0
}
@media all and (min-width: 991px) {
.list-category-cards__container {
background-color: #fff
}
}
.list-category-cards__link span {
font-size: var(--font-size-16)
}
[dir=rtl] .list-category-cards__link svg {
transform: rotate(-180deg)
}
.list-category-cards__title h2 {
flex: 2
}
@media all and (min-width: 991px) {
.list-category-cards__title h2 {
flex: 1
}
}
.list-category-cards__title a {
flex: 1;
justify-content: flex-end
}
.list-category-cards__title a span {
text-align: right
}
[dir=rtl] .list-category-cards__title a span {
text-align: left
}
[dir=rtl] .list-faq-accordions__link svg {
transform: rotate(-180deg)
}
.list-faq-accordions__faq-title-container {
border: .125rem solid rgba(0, 0, 0, 0);
background-color: #fff;
border-radius: .75rem;
box-shadow: 0px .125rem .5rem 0px rgba(34, 30, 32, .2);
transition: .3s all, 0s margin linear;
margin-bottom: .75rem;
color: #221e20
}
@media all and (min-width: 991px) {
.list-faq-accordions__faq-title-container {
margin-bottom: 1rem
}
}
.list-faq-accordions__faq-title-container svg {
transform: rotateX(0deg);
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.list-faq-accordions__faq-title-container.active-accordion {
border: .125rem solid #0047bb;
box-shadow: none;
color: #0047bb;
background-color: rgba(0, 0, 0, 0)
}
@media all and (min-width: 991px) {
.list-faq-accordions__faq-title-container.active-accordion {
margin-bottom: 0
}
}
.list-faq-accordions__faq-title-container.active-accordion svg {
stroke: #0047bb;
transform: rotateX(180deg)
}
.list-faq-accordions__faq-content {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
animation: .3s fade-in
}
@keyframes fade-in {
from {
border-color: rgba(0, 0, 0, 0)
}
to {
border-color: #0047bb
}
}
@media all and (min-width: 991px) {
.list-faq-accordions__faq-content {
border: .125rem solid #0047bb;
border-radius: .75rem
}
}
.list-faq-accordions__faq-content img {
width: 100%;
height: auto;
border-radius: .75rem
}
.list-faq-accordions__faq-content ul {
list-style: disc;
padding-left: 1.25rem
}
[dir=rtl] .list-faq-accordions__faq-content ul {
padding-right: 1.25rem;
padding-left: 0
}
.list-info-cards {
margin: 0 -1.5rem;
width: calc(100% + 3rem);
padding: 0 1rem
}
@media all and (min-width: 991px) {
.list-info-cards {
margin: 0 -0.75rem;
width: calc(100% + 1.5rem);
padding: 0
}
}
.list-info-cards--mobile {
flex-wrap: nowrap;
overflow-x: auto
}
.list-info-cards__card {
min-width: calc(100vw - 8.5rem);
flex-basis: calc(100vw - 8.5rem)
}
@media all and (min-width: 600px) {
.list-info-cards__card {
min-width: 65vw;
flex-basis: 65vw
}
}
@media all and (min-width: 991px) {
.list-info-cards__card {
min-width: auto;
flex-basis: auto
}
}
.list-info-cards__card--align-center {
margin-left: 33.3333333333%
}
[dir=rtl] .list-info-cards__card--align-center {
margin-left: 0;
margin-right: 33.3333333333%
}
.list-of-services {
max-height: 244px;
overflow-y: auto
}
.list-of-services::-webkit-scrollbar {
width: .25rem
}
.list-of-services::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.list-of-services::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.list-of-services__list_item:not(:first-child) {
position: relative
}
.list-of-services__list_item:not(:first-child)::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #e0e0e0
}
.list-of-services__item {
min-height: 3.75rem
}
.list-of-services__mobile_icon {
border-radius: .5rem;
padding: .375rem;
width: 2.25rem;
height: 2.25rem;
margin-right: .5rem;
background-color: #fff
}
.list-of-services__mobile_icon__modal {
background-color: #eef4f8
}
[dir=rtl] .list-of-services__mobile_icon {
margin-right: 0;
margin-left: .5rem
}
.list-of-services__view-all-link {
color: #ed1c24;
transition: .2s color ease-in
}
.list-of-services__view-all-link:hover {
color: #a91419
}
[dir=rtl] .list-of-services__view-all-link svg {
rotate: 180deg
}
.list-request-cards .card-request+.card-request {
margin-top: 1.5rem
}
.list-saved-contacts-cards {
min-height: 15.8rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
overflow-y: auto;
overflow-x: hidden
}
@media all and (min-width: 991px) {
.list-saved-contacts-cards {
border-radius: .75rem;
margin-left: 0;
margin-right: 0
}
}
.list-saved-contacts-cards__title {
min-height: 2.5rem
}
.list-saved-contacts-cards__no-cards-container {
border: dashed .125rem #e0e0e0
}
.list-saved-contacts-cards--is-squared .list-saved-contacts-cards__cards-container {
display: flex;
flex-wrap: wrap;
column-gap: 1.5rem
}
.list-saved-contacts-cards--is-squared .list-saved-contacts-cards__cards-container--card {
flex-basis: calc(50% - .75rem)
}
.menu-navigation__menu a:hover {
background-color: rgba(0, 71, 187, .05)
}
.nav-header-desktop {
position: sticky;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 2rem;
border-bottom: .125rem solid #ed1c24;
z-index: 99
}
.nav-header-desktop a {
text-decoration: none
}
.nav-header-desktop__top-layer {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0 2rem;
border-bottom: .063rem solid #ddd;
max-width: 1200px
}
.nav-header-desktop__top-layer a,
.nav-header-desktop__top-layer p {
font-size: var(--font-size-14);
line-height: 16px;
font-weight: 600;
color: #666
}
.nav-header-desktop__top-layer__left-links {
display: flex
}
.nav-header-desktop__top-layer__left-links__link {
margin: 0;
padding: .5rem 0
}
.nav-header-desktop__top-layer__left-links__link--active {
position: relative
}
.nav-header-desktop__top-layer__left-links__link--active::after {
position: absolute;
content: "";
width: 100%;
height: .063rem;
top: calc(100% + 4px);
background-color: #ed1c24
}
.nav-header-desktop__top-layer__right-links {
display: flex;
margin: 0
}
.nav-header-desktop__top-layer__right-links__utility {
display: flex;
align-items: center;
padding: .5rem 0;
color: #ed1c24
}
.nav-header-desktop__top-layer__right-links__utility a {
color: #ed1c24
}
.nav-header-desktop__top-layer__right-links__utility svg {
fill: #ed1c24
}
.nav-header-desktop__top-layer__right-links__lang-switcher {
display: flex;
align-items: center;
font-weight: 600;
color: #666
}
.nav-header-desktop__bottom-layer {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
padding: 1.5rem 0 0;
max-width: 1200px
}
.nav-header-desktop__bottom-layer__logo {
width: 12.5rem
}
.nav-header-desktop__bottom-layer__logo svg {
width: 100%;
height: auto
}
.nav-header-desktop__bottom-layer__menu-items {
display: flex;
margin: 0;
align-items: center;
justify-content: space-between
}
.nav-header-desktop__bottom-layer__menu-items__item {
padding: .75rem .5rem 2.25rem
}
.nav-header-desktop__bottom-layer__menu-items__item__trigger {
margin: 0;
font-size: var(--font-size-16);
line-height: 20px;
font-weight: 600;
cursor: pointer;
color: #666
}
.nav-header-desktop__bottom-layer__menu-items__item__trigger:hover {
color: #ed1c24
}
.nav-header-desktop__bottom-layer__my-ooredoo-link {
min-width: 9.25rem;
max-height: 2.75rem;
text-transform: uppercase;
padding: 1rem .5rem;
color: #fff
}
.nav-header-desktop__bottom-layer__dropdown {
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
position: absolute;
top: calc(100% - .5rem);
left: 0;
width: 100%;
max-width: 1200px
}
.nav-header-desktop__bottom-layer__dropdown--active {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.nav-header-desktop__bottom-layer__dropdown__categories {
padding: 1.5rem 1.5rem 1rem;
box-shadow: 0px 2px 8px rgba(34, 30, 32, .2);
background-color: #fff;
display: flex;
width: 100%
}
.nav-header-desktop__bottom-layer__dropdown__categories a {
font-size: var(--font-size-16);
line-height: 16px;
font-weight: 600
}
.nav-header-desktop__bottom-layer__dropdown__categories__category__title {
margin-bottom: .75rem
}
.nav-header-desktop__bottom-layer__dropdown__categories__category__title__link {
display: inline;
color: #221e20
}
.nav-header-desktop__bottom-layer__dropdown__categories__category__item {
margin-bottom: .625rem
}
.nav-header-desktop__bottom-layer__dropdown__categories__category__item__link {
color: #666;
display: inline
}
.nav-header-desktop__bottom-layer__dropdown__categories__category__item__link--hightlighted {
color: #221e20
}
.nav-header-desktop__bottom-layer__dropdown__categories__category__new-tag {
padding: .125rem .375rem;
background-color: #ed1c24;
color: #fff;
border-radius: .5rem;
font-size: var(--font-size-14);
transform: translateY(-2px)
}
.nav-header-mobile {
position: sticky;
z-index: 99
}
.nav-header-mobile li a {
text-decoration: none
}
.nav-header-mobile__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: .75rem .375rem;
box-shadow: 0px 3px 3px rgba(134, 134, 134, .15)
}
.nav-header-mobile__header__left {
display: flex;
align-items: center
}
.nav-header-mobile__header__left__logo {
width: 8.75rem
}
.nav-header-mobile__header__left__logo svg {
width: 100%;
height: auto
}
.nav-header-mobile__header__right {
display: flex;
align-items: center;
margin: 0
}
.nav-header-mobile__header__right__utility {
display: flex;
flex-direction: column;
align-items: center;
color: #ed1c24
}
.nav-header-mobile__header__right__utility a {
font-size: var(--font-size-12);
line-height: 14px;
color: #ed1c24;
font-weight: 600;
white-space: nowrap;
text-decoration: none
}
.nav-header-mobile__dropdown {
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: all .3s ease-in-out;
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-height: 0;
overflow: hidden;
background-color: #fff
}
.nav-header-mobile__dropdown--active {
visibility: visible;
opacity: 1;
pointer-events: auto;
max-height: 40rem
}
.nav-header-mobile__dropdown>div>ul {
overflow-y: auto;
max-height: 31.25rem
}
.nav-header-mobile__dropdown>div>ul>li {
border-bottom: .063rem solid #ddd
}
.nav-header-mobile__dropdown>div>ul>li h4,
.nav-header-mobile__dropdown>div>ul>li p {
color: #666
}
.nav-header-mobile__dropdown__menu-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.25rem;
width: 100%
}
.nav-header-mobile__dropdown__menu-item__label {
margin: 0;
color: #666;
font-size: var(--font-size-14);
line-height: 16px;
font-weight: 700
}
.nav-header-mobile__dropdown__menu-item__arrow-down {
fill: #666
}
.nav-header-mobile__dropdown__categories {
box-shadow: 0 6px 12px rgba(34, 30, 32, .175);
transition: all .25s;
margin: 0;
padding: .5rem 0
}
.nav-header-mobile__dropdown__categories p,
.nav-header-mobile__dropdown__categories li a {
font-size: var(--font-size-16);
line-height: 32px
}
.nav-header-mobile__dropdown__categories li {
position: relative;
width: 100%
}
.nav-header-mobile__dropdown__categories li>p {
position: relative
}
.nav-header-mobile__dropdown__categories li>p::after {
position: absolute;
width: .625rem;
height: .125rem;
top: 50%;
right: 1rem;
transform: translateY(-50%);
background-color: #221e20;
content: ""
}
[dir=rtl] .nav-header-mobile__dropdown__categories li>p::after {
right: initial;
left: 1rem
}
.nav-header-mobile__dropdown__categories li>p::before {
position: absolute;
width: .125rem;
height: .625rem;
top: 50%;
right: 1.25rem;
transform: translateY(-50%);
background-color: #221e20;
content: "";
transition: opacity .25s ease-in-out;
opacity: 1
}
[dir=rtl] .nav-header-mobile__dropdown__categories li>p::before {
right: initial;
left: 1.25rem
}
.nav-header-mobile__dropdown__categories li ul {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: all .25s ease-in-out
}
.nav-header-mobile__dropdown__categories li ul a {
color: #898989
}
.nav-header-mobile__dropdown__categories li ul a:hover {
color: #ed1c24
}
.nav-header-mobile__dropdown__categories li input {
width: 100%;
height: 1rem;
position: absolute;
cursor: pointer;
z-index: 2
}
.nav-header-mobile__dropdown__categories li input:focus+p,
.nav-header-mobile__dropdown__categories li input:hover+p {
color: #ed1c24
}
.nav-header-mobile__dropdown__categories li input:focus+p::before,
.nav-header-mobile__dropdown__categories li input:focus+p::after,
.nav-header-mobile__dropdown__categories li input:hover+p::before,
.nav-header-mobile__dropdown__categories li input:hover+p::after {
background-color: #ed1c24
}
.nav-header-mobile__dropdown__categories li input:checked+p::before {
opacity: 0
}
.nav-header-mobile__dropdown__categories li input:checked~ul {
visibility: visible;
opacity: 1;
max-height: 62.5rem
}
.nav-header-mobile__dropdown__categories__category {
padding-bottom: .625rem
}
.nav-header-mobile__dropdown__categories__category a {
color: #666;
font-size: var(--font-size-14);
line-height: 16px
}
.nav-header-mobile__dropdown__categories__category__title {
margin: 0;
font-weight: 700;
white-space: nowrap
}
.nav-header-mobile__dropdown__other {
margin: 0;
background-color: #e9e9e9
}
.nav-header-mobile__dropdown__other li:last-child {
border-bottom: .125rem solid #ed1c24
}
.nav-header-mobile__dropdown__other li {
border-bottom: .063rem solid #ddd
}
.nav-header-mobile__dropdown__other li a,
.nav-header-mobile__dropdown__other li button {
font-size: var(--font-size-14);
line-height: 16px;
color: #666;
font-weight: 600
}
.nav-header-mobile__dropdown__other__item {
padding: .625rem 1.25rem
}
.quick-access-static {
max-width: 20.438rem;
min-width: 20.438rem;
background-color: #fff;
position: fixed;
left: 0;
height: 100vh;
border-radius: 0px 1rem 1rem 0px
}
[dir=rtl] .quick-access-static {
left: initial;
right: 0;
border-radius: 1rem 0px 0px 1rem
}
@media all and (min-width: 1200px) {
.quick-access-static {
min-width: 24.5rem;
max-width: 24.5rem;
right: 0;
left: initial;
border-radius: 0
}
[dir=rtl] .quick-access-static {
right: initial;
left: 0;
border-radius: 0
}
}
.quick-access-static__title {
font-size: var(--font-size-22);
line-height: 24px
}
@media all and (min-width: 1200px) {
.quick-access-static__title {
font-size: var(--font-size-24);
line-height: 32px
}
}
.quick-access-static__item {
border-bottom: .063rem solid #e0e0e0
}
.quick-access-static__item span {
padding: .375rem;
border-radius: .5rem;
background-color: #fde8e9;
width: 2rem;
height: 2rem;
min-width: 2rem;
min-height: 2rem;
max-width: 100%;
max-height: 100%;
position: relative
}
.quick-access-static__item span svg,
.quick-access-static__item span picture {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.25rem;
height: 1.25rem
}
.quick-access-static__item span svg .img-fluid,
.quick-access-static__item span picture .img-fluid {
object-fit: contain;
height: 100%
}
.quick-access-static__item h6 {
font-size: var(--font-size-16);
line-height: 22px
}
@media all and (min-width: 1200px) {
.quick-access-static__item h6 {
font-size: var(--font-size-18);
line-height: 24px
}
}
[dir=rtl] .quick-access-static__item button svg {
transform: rotate(180deg)
}
.quick-access-static__separator {
border-bottom: .063rem solid #e0e0e0
}
.quick-access {
overflow: auto;
max-width: 24.5rem;
min-width: 24.5rem;
background-color: #fff;
position: fixed;
right: 0;
height: 100vh;
border-radius: 1rem 0px 0px 1rem
}
[dir=rtl] .quick-access {
right: initial;
left: 0;
border-radius: 0px 1rem 1rem 0px
}
.quick-access__has-control-menu__blurred-background {
top: 3.5rem
}
.quick-access__blurred-background {
visibility: visible;
opacity: 1;
transition: .3s
}
.quick-access__blurred-background.active {
visibility: visible;
opacity: 1;
transform: translate3d(0px, 0px, 0px)
}
[dir=rtl] .quick-access__blurred-background {
transform: translate3d(-60px, 0px, 0px)
}
.quick-access__close {
pointer-events: none
}
.quick-access__chat-widget-container {
display: none
}
.quick-access__separator {
border-bottom: .063rem solid #e0e0e0
}
.quick-access__item {
border-bottom: .063rem solid #e0e0e0
}
.quick-access__item span {
padding: .375rem;
border-radius: .5rem;
background-color: #fde8e9;
width: 2rem;
height: 2rem;
min-width: 2rem;
min-height: 2rem;
max-width: 100%;
max-height: 100%;
position: relative
}
.quick-access__item span svg,
.quick-access__item span picture {
object-fit: contain;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.25rem;
height: 1.25rem
}
.quick-access__item h6 {
font-size: var(--font-size-16);
line-height: 22px
}
@media all and (min-width: 1200px) {
.quick-access__item h6 {
font-size: var(--font-size-18);
line-height: 24px
}
}
.quick-access__title {
font-size: var(--font-size-22);
line-height: 24px
}
@media all and (min-width: 1200px) {
.quick-access__title {
font-size: var(--font-size-24);
line-height: 32px
}
}
.reach-us {
position: relative
}
@media all and (min-width: 991px) {
.reach-us::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: calc(48% - 1.25rem);
height: calc(100% - 4.5rem);
background-color: #f9b9bb;
border-radius: 15.625rem 0 0 15.625rem;
z-index: 0
}
[dir=rtl] .reach-us::before {
right: inherit;
left: 0;
border-radius: 0 15.625rem 15.625rem 0
}
}
.reach-us__main-contacts,
.reach-us__contacts {
z-index: 1
}
.reach-us__main-contacts a,
.reach-us__main-contacts p,
.reach-us__contacts a,
.reach-us__contacts p {
font-size: var(--font-size-14);
line-height: 20px
}
@media all and (min-width: 991px) {
.reach-us__main-contacts a,
.reach-us__main-contacts p,
.reach-us__contacts a,
.reach-us__contacts p {
font-size: var(--font-size-16);
line-height: 24px
}
}
.reach-us__main-contacts a,
.reach-us__contacts a {
font-weight: 600;
text-decoration: underline;
color: #ed1c24;
word-break: break-word
}
.reach-us__main-contacts a[href*=http],
.reach-us__contacts a[href*=http] {
box-shadow: 0 0 0 .125rem #fde8e9;
background-color: #fde8e9;
width: 100%;
border-radius: .25rem;
margin-top: .25rem
}
@media all and (min-width: 991px) {
.reach-us__main-contacts a[href*=http],
.reach-us__contacts a[href*=http] {
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
width: auto;
border-radius: 0;
margin-top: 0
}
}
[dir=rtl] .reach-us__main-contacts a svg,
[dir=rtl] .reach-us__contacts a svg {
transform: rotate(180deg)
}
.reach-us__main-contacts p,
.reach-us__contacts p {
margin: 0;
color: #221e20;
word-break: break-word
}
.reach-us__main-contacts p+p,
.reach-us__contacts p+p {
margin: .5rem 0 .25rem
}
.reach-us__main-contacts p a,
.reach-us__contacts p a {
margin-top: .5rem
}
@media all and (min-width: 991px) {
.reach-us__contacts ul {
gap: .75rem 1.5rem
}
}
.reach-us__contacts li {
width: 100%
}
@media all and (min-width: 991px) {
.reach-us__contacts li {
width: calc(50% - .75rem)
}
}
.reach-us__main-contacts {
background-color: #f9b9bb
}
@media all and (min-width: 991px) {
.reach-us__main-contacts {
background-color: rgba(0, 0, 0, 0)
}
}
.reach-us__main-contacts--links a {
width: 50%
}
@media all and (min-width: 991px) {
.reach-us__main-contacts--links a+a {
margin-top: 1rem
}
}
.roaming-detail {
min-height: calc(100vh - 2.5rem)
}
@media all and (min-width: 991px) {
.roaming-detail {
min-height: 100vh
}
}
.roaming-detail>* {
word-break: break-word
}
@media all and (min-width: 991px) {
.roaming-detail>.grid__col {
max-width: 37.5rem
}
}
.roaming-detail .field-group label {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1
}
.roaming-detail .field-group label {
max-width: calc(100% - 3.75rem)
}
@media all and (min-width: 991px) {
.roaming-detail .field-group+.dropdown-results {
position: absolute;
top: 4rem;
z-index: 9;
width: 100%
}
.roaming-detail .field-group+.dropdown-results>ul {
max-height: 21.25rem
}
.roaming-detail .field-group+.dropdown-results>ul::-webkit-scrollbar {
width: .25rem
}
.roaming-detail .field-group+.dropdown-results>ul::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.roaming-detail .field-group+.dropdown-results>ul::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
}
.roaming-detail .card-product>div>.field-group+.dropdown-results--simple {
top: -10.5rem;
z-index: 9;
width: 100%;
position: absolute
}
.roaming-detail .card-product>div>.field-group+.dropdown-results--simple-1 {
top: -3.5rem
}
.roaming-detail .card-product>div>.field-group+.dropdown-results--simple-2 {
top: -7rem
}
.roaming-detail .card-product>div>.field-group+.dropdown-results--simple-3 {
top: -10.5rem
}
.roaming-detail__title {
background-color: #fff;
border-radius: 1rem 1rem 0 0;
flex: 1
}
@media all and (min-width: 991px) {
.roaming-detail__title {
background-color: #ebf0f0;
border-radius: 0
}
}
.roaming-detail .subheader h3 {
font-size: var(--font-size-18)
}
@media all and (min-width: 991px) {
.roaming-detail .subheader h3 {
font-size: var(--font-size-20)
}
}
.roaming-detail__content {
background-color: #fff;
flex: 1
}
@media all and (min-width: 991px) {
.roaming-detail__content {
border-radius: 1rem;
flex: 0
}
}
.roaming-detail__content--form-step-2 {
row-gap: 2rem
}
@media all and (min-width: 991px) {
.roaming-detail__content--form-step-2 {
row-gap: 1rem
}
}
.roaming-detail__content--form-step-2 .selector__mask>div {
text-align: left
}
[dir=rtl] .roaming-detail__content--form-step-2 .selector__mask>div {
text-align: right
}
.roaming-detail__content--form-step-3 {
row-gap: 2rem
}
@media all and (min-width: 991px) {
.roaming-detail__content--form-step-3 {
column-gap: 1.5rem;
row-gap: inherit
}
.roaming-detail__content--form-step-3>div {
width: calc(50% - .75rem)
}
}
.lfr-layout-structure-item-roamingdetails~.lfr-layout-structure-item-footer-simple .simple-footer.desktop-footer {
padding: 0 4.5rem
}
.card-saved-credit-card-selectable__title--disabled {
opacity: .65
}
.shell-payments {
height: calc(100dvh - 11.25rem);
overflow: auto
}
@media all and (min-width: 991px) {
.shell-payments {
height: calc(100dvh - 9.75rem)
}
}
@media screen and (min-width: 991px)and (max-height: 899px) {
.shell-payments {
height: 100%
}
}
@media all and (min-width: 991px) {
[dir=rtl] .shell-payments {
direction: ltr
}
[dir=rtl] .shell-payments>.grid__col {
direction: rtl
}
}
.shell-payments__main-content {
z-index: 1
}
.shell-payments__right-panel {
max-height: calc(100dvh - 9.688rem);
z-index: 15;
position: sticky;
top: 0
}
@media screen and (min-width: 991px)and (max-height: 899px) {
.shell-payments__right-panel {
max-height: 100%;
position: relative;
z-index: 1;
top: inherit
}
}
.simple-footer {
background-color: #2f2f2f;
flex-direction: column-reverse;
align-items: center
}
@media all and (min-width: 991px) {
.simple-footer {
flex-direction: row
}
}
.simple-header {
width: 100%;
position: sticky;
top: 0;
z-index: 15;
background-color: #fdfdfd
}
@media all and (min-width: 600px) {
.simple-header {
border-bottom: .063rem solid #e0e0e0
}
}
.simple-header__logo {
height: auto;
width: 8.75rem
}
.simple-header nav {
width: 100%
}
@media all and (min-width: 600px) {
.simple-header nav {
width: auto
}
}
.simple-header nav a {
font-weight: 600
}
.simple-header button.language-switcher {
font-weight: 600
}
.slider {
width: 100%;
position: relative
}
.slider--mobile {
flex-wrap: nowrap;
overflow-x: auto
}
.slider__child {
min-width: calc(100vw - 1.25rem);
flex-basis: calc(100vw - 1.25rem);
padding-right: .25rem
}
.slider__child:first-child {
padding-left: 1.5rem
}
[dir=rtl] .slider__child:first-child {
padding-left: .25rem;
padding-right: 1.5rem
}
.slider__child:last-child {
padding-right: 1.5rem
}
[dir=rtl] .slider__child:last-child {
padding-right: .25rem;
padding-left: 1.5rem
}
.slider .swiper-pagination {
width: 100% !important;
position: relative;
margin-top: 1.25rem;
padding: .5rem 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.slider .swiper-pagination-bullet {
display: none;
background-color: #003387;
opacity: .5;
width: .375rem;
height: .375rem;
padding: 1px
}
.slider .swiper-pagination-bullet-active {
background-color: #0047bb;
width: .5rem;
height: .5rem;
opacity: 1;
position: relative
}
.slider .swiper-pagination-bullet-active::after {
position: absolute;
content: "";
filter: blur(1px);
border: .063rem solid #0047bb;
width: .5rem;
height: .5rem;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
left: 0
}
.slider .swiper-pagination-bullet-active-main,
.slider .swiper-pagination-bullet-active-next,
.slider .swiper-pagination-bullet-active-prev {
display: inline-block
}
.slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
display: inline-block;
transform: scale(0)
}
.slider .swiper-button-disabled {
display: none
}
.slider .swiper__button {
width: fit-content;
border-radius: .5rem;
position: absolute;
top: calc(50% - 1.25rem);
transform: translateY(-50%);
cursor: pointer
}
.slider .swiper__button--next {
right: 0
}
.slider .swiper__button--next svg {
rotate: 180deg
}
[dir=rtl] .slider .swiper__button--next {
right: initial;
left: 0
}
[dir=rtl] .slider .swiper__button--next svg {
rotate: 0deg
}
[dir=rtl] .slider .swiper__button--prev svg {
rotate: 180deg
}
.slider-mobile-bullets .swiper-pagination {
display: flex;
margin: .75rem 0 1rem
}
@media all and (min-width: 991px) {
.slider-mobile-bullets .swiper-pagination {
justify-content: center;
margin: .25rem 0
}
}
.slider-mobile-bullets .swiper-horizontal .swiper-pagination-bullet {
margin: .375rem
}
.slider-mobile-bullets .swiper__button {
background-color: #fde8e9;
z-index: 9;
display: none
}
@media all and (min-width: 991px) {
.slider-mobile-bullets .swiper__button {
display: flex
}
}
.slider-mobile-bullets--center .swiper-pagination {
justify-content: center
}
.slider-mobile-bullets--start .swiper-pagination {
justify-content: flex-start
}
.slider-mobile-bullets--end .swiper-pagination {
justify-content: flex-end
}
.steps-banner__icon {
border: .063rem solid #d71923;
border-radius: 50%;
width: 4.5rem;
height: 4.5rem;
position: relative
}
.steps-banner__icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.steps-banner__icon::after {
content: "";
position: absolute;
top: 50%;
left: 125%;
width: 60%;
height: 1%;
background-color: #ed1c24;
transform: translateY(-50%)
}
[dir=rtl] .steps-banner__icon::after {
left: inherit;
right: 125%
}
.steps-banner__icon:last-child::after {
display: none
}
.steps-banner__arrow {
position: absolute;
height: .313rem;
width: .313rem;
left: 95%;
border-top: .063rem solid #ed1c24;
border-left: .063rem solid #ed1c24;
transform: rotate(135deg)
}
[dir=rtl] .steps-banner__arrow {
left: inherit;
right: 95%;
transform: rotate(-45deg)
}
.steps-banner.background-shape {
position: relative
}
.steps-banner.background-shape::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ffd100;
border-radius: 0;
z-index: 0
}
[dir=rtl] .steps-banner.background-shape::before {
right: inherit;
left: 0
}
@media all and (min-width: 991px) {
.steps-banner.background-shape::before {
width: calc(59vw - 1.25rem);
border-radius: 15.625rem 0 0 15.625rem
}
[dir=rtl] .steps-banner.background-shape::before {
border-radius: 0 15.625rem 15.625rem 0
}
}
.steps-banner.background-shape>.grid {
position: relative;
z-index: 1
}
.steps-banner__item {
flex: 1
}
@media all and (min-width: 600px) {
.steps-banner__item {
max-width: 9.25rem
}
}
.switch-account {
margin-top: -72px
}
.switch-account .subheader {
position: sticky;
top: 67px;
z-index: 98
}
.switch-account .subheader__button-close {
visibility: hidden;
opacity: 0
}
.switch-account__container {
height: calc(100vh - 73px)
}
.switch-account__container>div {
border-radius: 1rem 1rem 0 0
}
.switch-account__cards {
overflow-y: scroll
}
.switch-account__button {
position: sticky;
bottom: 0
}
.payments {
height: 100vh
}
@media all and (min-width: 991px) {
.payments {
min-height: calc(100vh - 9.75rem);
height: auto
}
}
.payments__title {
border-radius: 1rem 1rem 0 0
}
.payments__header {
position: relative
}
@media all and (min-width: 991px) {
.payments__header button svg {
width: 1.5rem;
height: 1.5rem
}
}
.payments__options {
padding-bottom: 5.875rem
}
.payments .google-pay-button-container {
width: 100%
}
.payments .google-pay-button-container button {
width: 100%
}
.payments .basket {
height: auto
}
@media all and (min-width: 1200px) {
.payments .basket {
max-width: 21.875rem
}
}
@media all and (min-width: 1600px) {
.payments .basket {
max-width: 20vw
}
}
.roam-destinations__list {
width: 100%;
margin: 0
}
.roam-destinations__list>li {
flex-basis: 100%
}
@media all and (min-width: 991px) {
.roam-destinations__list>li {
flex-basis: 25%
}
}
@media all and (min-width: 991px) {
.roam-destinations__list--three li {
flex-basis: 33.3333333333%
}
}
.roam-destinations__button {
background-color: rgba(0, 0, 0, 0);
min-width: fit-content
}
.select-and-pay {
height: 100vh
}
@media all and (min-width: 991px) {
.select-and-pay {
min-height: calc(100vh - 9.75rem);
height: auto
}
}
.select-and-pay__title {
border-radius: 1rem 1rem 0 0
}
.select-and-pay__buttons-wrapper button {
width: 45%
}
.select-and-pay__grid-wrapper {
margin-left: -0.5rem;
margin-right: -0.5rem
}
@media only screen and (max-width: 991px) {
.select-and-pay .billing-accounts-list-wrapper {
margin-bottom: 36vh
}
}
@media only screen and (min-width: 991px) {
.select-and-pay .billing-accounts-list-wrapper {
border-radius: 1rem
}
}
.select-and-pay .basket {
height: auto
}
@media all and (min-width: 1200px) {
.select-and-pay .basket {
max-width: 21.875rem
}
}
@media all and (min-width: 1600px) {
.select-and-pay .basket {
max-width: 20vw
}
}
.select-and-pay .show-errors {
border-color: #ff585d
}
.terms-and-conditions::-webkit-scrollbar {
width: .25rem
}
.terms-and-conditions::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.terms-and-conditions::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
@media all and (max-width: 600px) {
.terms-and-conditions {
mask-image: linear-gradient(#221e20, #221e20, transparent);
backdrop-filter: blur(1px)
}
.terms-and-conditions__fully-visible {
mask-image: none;
backdrop-filter: none
}
}
.usage-charges-background {
background: #ebf0f0
}
.usage-charges-table {
width: 100%
}
.usage-charges-table__container {
width: calc(100% - 6.5rem)
}
@media all and (min-width: 1200px) {
.usage-charges-table__container {
width: 48.75rem;
position: relative;
padding-left: 3.75rem;
padding-right: 3.75rem;
margin-right: 12.5rem
}
[dir=rtl] .usage-charges-table__container {
margin-left: 12.5rem;
margin-right: 0
}
}
@media all and (max-width: 600px) {
.usage-charges-table__headers {
width: 6.5rem;
height: fit-content;
background-color: #dfe7e7;
padding-bottom: 1rem;
border-top-right-radius: .5rem;
border-bottom-right-radius: .5rem;
margin-bottom: 2.5rem
}
[dir=rtl] .usage-charges-table__headers {
border-top-left-radius: .5rem;
border-bottom-left-radius: .5rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
}
@media all and (min-width: 1200px) {
.usage-charges-table__headers {
width: 12.5rem;
padding: 0 .5rem;
padding-top: 2.75rem;
padding-right: 1.5rem
}
}
.usage-charges-table__row-height {
min-height: 2.75rem;
height: fit-content;
align-items: center;
overflow-wrap: anywhere
}
.usage-charges-table__row {
width: 12.5rem;
padding: 1.5rem .75rem
}
.usage-charges-table__headers-title {
border-top-right-radius: .5rem;
background-color: #141b4d;
color: #fff
}
[dir=rtl] .usage-charges-table__headers-title {
border-top-left-radius: .5rem;
border-top-right-radius: 0
}
.usage-charges-table__active {
border: .0625rem solid #141b4d;
background: #eef4f8;
border-radius: .5rem
}
.usage-charges-table__inactive {
border: .0625rem solid #aaa;
background: #fdfdfd;
border-radius: .5rem
}
.usage-charges-table__desktop {
background: #fff;
border-radius: .5rem
}
@media all and (max-width: 600px) {
.usage-charges-table .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
transform: translateX(calc(-50% + 6.5rem));
left: unset
}
[dir=rtl] .usage-charges-table .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
transform: translateX(calc(50% - 6.5rem))
}
}
.usage-charges-table .swiper-pagination {
width: 100% !important;
position: relative;
margin-top: 1.25rem;
padding: .5rem 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.usage-charges-table .swiper-pagination-bullet {
display: none;
background-color: #003387;
opacity: .5;
width: .375rem;
height: .375rem;
padding: .0625rem
}
.usage-charges-table .swiper-pagination-bullet-active {
background-color: #0047bb;
width: .5rem;
height: .5rem;
opacity: 1;
position: relative
}
.usage-charges-table .swiper-pagination-bullet-active::after {
position: absolute;
content: "";
filter: blur(0.0625rem);
border: .063rem solid #0047bb;
width: .5rem;
height: .5rem;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
left: 0
}
.usage-charges-table .swiper-pagination-bullet-active-main,
.usage-charges-table .swiper-pagination-bullet-active-next,
.usage-charges-table .swiper-pagination-bullet-active-prev {
display: inline-block
}
.usage-charges-table .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.usage-charges-table .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
display: inline-block;
transform: scale(0)
}
.usage-charges-table .swiper-button-disabled {
display: none
}
.usage-charges-table .swiper__button {
width: fit-content;
border-radius: .5rem;
position: absolute;
top: calc(50% - 1.25rem);
transform: translateY(-50%);
cursor: pointer
}
.usage-charges-table .swiper__button--next {
right: 0
}
.usage-charges-table .swiper__button--next svg {
rotate: 180deg
}
[dir=rtl] .usage-charges-table .swiper__button--next {
right: initial;
left: 0
}
[dir=rtl] .usage-charges-table .swiper__button--next svg {
rotate: 0deg
}
.usage-charges-table .swiper__button--prev {
left: 0
}
[dir=rtl] .usage-charges-table .swiper__button--prev {
right: 0;
left: initial
}
[dir=rtl] .usage-charges-table .swiper__button--prev svg {
rotate: 180deg
}
.vertical-tabs-items .tabs-items li button {
display: block;
width: 100%
}
.vertical-tabs-items .tabs-items li button .item {
color: #221e20
}
.vertical-tabs-items .tabs-items li button .item:hover,
.vertical-tabs-items .tabs-items li button .item:focus {
box-shadow: 0px 2px 8px 0px rgba(34, 30, 32, .2);
background-color: #fdfdfd
}
[dir=rtl] .vertical-tabs-items .tabs-items li button .item .vertical-tabs-box {
margin-right: 0 !important
}
.vertical-tabs-items .tabs-items li button .icon-arrow {
transform: rotate(0deg);
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.vertical-tabs-items .tabs-items li button.active-accordion .list-item {
border: .125rem solid #0047bb;
box-shadow: none;
background: #eef4f8;
color: #0047bb
}
.vertical-tabs-items .tabs-items li button.active-accordion .list-item .vertical-tabs-box {
background-color: #fff
}
.vertical-tabs-items .tabs-items li button.active-accordion .list-item .vertical-tabs-box svg {
stroke: #0047bb;
stroke-width: 2
}
.vertical-tabs-items .tabs-items li button.active-accordion .icon-arrow {
transform: rotate(180deg);
stroke: #0047bb
}
.vertical-tabs-items .tabs-items li .accordion__content {
background: #eef4f8
}
.vertical-tabs-items .tabs-items li .accordion__content li:last-child .simple-card {
margin-bottom: 0 !important
}
.vertical-tabs-items .tabs-items li .icon-arrow {
margin-left: auto
}
[dir=rtl] .vertical-tabs-items .tabs-items li .icon-arrow {
margin-right: auto;
margin-left: initial
}
@media all and (min-width: 991px) {
.vertical-tabs-items {
flex: 1
}
}
.vertical-tabs-items .tabs-items--desktop {
margin: 0 auto;
position: relative
}
@media all and (min-width: 991px) {
.vertical-tabs-items .tabs-items--desktop .item {
position: relative;
margin-bottom: 1.5rem
}
[dir=rtl] .vertical-tabs-items .tabs-items--desktop .item .vertical-tabs-box {
margin-right: 0 !important
}
.vertical-tabs-items .tabs-items--desktop .item:last-child {
margin-bottom: 0
}
}
@media all and (min-width: 991px) {
.vertical-tabs-items .tabs-items--desktop .tabs-items__items-box:first-of-type {
display: block
}
.vertical-tabs-items .tabs-items--desktop .tabs-items__items-box {
border: .125rem solid #0047bb;
min-height: 100%;
display: none;
border-radius: .75rem;
background: #eef4f8
}
[dir=rtl] .vertical-tabs-items .tabs-items--desktop .tabs-items__items-box {
border-radius: .75rem
}
.vertical-tabs-items .tabs-items--desktop .tabs-items__items-box .active {
display: block
}
}
@media all and (min-width: 991px) {
.vertical-tabs-items .list-item:hover .vertical-tabs-box {
background-color: #fdfdfd
}
.vertical-tabs-items .list-item:hover .vertical-tabs-box svg {
stroke: #0047bb;
stroke-width: 2
}
}
.vertical-tabs-items .list-item:hover .vertical-tabs-box .caret-down {
stroke: #0047bb
}
.vertical-tabs-items .list-item.issue-card:hover {
background-color: #fdfdfd
}
.vertical-tabs-items .list-item.active-accordion .item,
.vertical-tabs-items .list-item.item.active {
border: .125rem solid #0047bb;
background: #eef4f8;
color: #0047bb
}
.vertical-tabs-items .list-item.active-accordion .item .vertical-tabs-box,
.vertical-tabs-items .list-item.item.active .vertical-tabs-box {
background-color: #fff
}
.vertical-tabs-items .list-item.active-accordion .item .vertical-tabs-box svg,
.vertical-tabs-items .list-item.item.active .vertical-tabs-box svg {
stroke: #0047bb;
stroke-width: 2
}
.vertical-tabs-items .list-item.active-accordion .item svg.caret-up,
.vertical-tabs-items .list-item.item.active svg.caret-up {
stroke: #0047bb
}
@media all and (min-width: 991px) {
[dir=rtl] .vertical-tabs-items .list-item.active-accordion .item,
[dir=rtl] .vertical-tabs-items .list-item.item.active {
border-right: .125rem solid #0047bb;
border-bottom-right-radius: .75rem;
border-top-right-radius: .75rem
}
}
ooredoo-category-navigation>.vertical-tabs-items {
margin-bottom: 2rem
}
@media all and (min-width: 991px) {
ooredoo-category-navigation>.vertical-tabs-items {
margin-bottom: 3rem
}
}
.vertical-tabs-box {
height: 2rem;
width: 2rem;
border-radius: .5rem;
background-color: #fde8e9
}
.vertical-tabs-box:hover {
background-color: #fdfdfd
}
.vertical-tabs-box:hover.style-type--both svg,
.vertical-tabs-box:hover.style-type--stroke svg,
.vertical-tabs-box:hover.style-type--fill svg {
stroke: #0047bb
}
.vertical-tabs-box:hover.style-type--both svg,
.vertical-tabs-box:hover.style-type--stroke svg {
stroke: #0047bb
}
.not-found-template {
min-height: 0;
height: 100%;
flex-wrap: nowrap;
flex-direction: column
}
.not-found-template__left-panel {
min-height: 100%;
height: 100%;
flex-wrap: nowrap;
flex-direction: column
}
@media all and (min-width: 600px) {
.not-found-template__left-panel {
min-height: auto
}
}
@media all and (min-width: 991px) {
.not-found-template__left-panel {
flex-direction: row;
min-height: 0
}
}
.not-found-template__right-panel {
display: flex;
flex-direction: column
}
@media all and (min-width: 991px) {
.not-found-template__right-panel {
overflow: hidden
}
}
.otp-verification {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
width: 100%;
margin: 0 auto
}
.otp-verification__error {
width: 100%;
margin-bottom: .5rem
}
.otp-verification__input {
width: 100%;
display: flex;
justify-content: center
}
.otp-verification__resend {
width: 100%;
display: flex;
justify-content: center
}
.otp-verification__resend-button {
background: none;
border: none;
color: #ed1c24;
font-size: var(--font-size-16);
font-weight: 700;
cursor: pointer;
padding: .5rem 1rem;
text-decoration: underline
}
.otp-verification__resend-button:hover:not(:disabled) {
opacity: .8
}
.otp-verification__resend-button:active:not(:disabled) {
opacity: .6
}
.otp-verification__resend-button--disabled,
.otp-verification__resend-button:disabled {
color: #aaa;
cursor: not-allowed;
opacity: .5;
text-decoration: none
}
.otp-verification__timer {
width: 100%;
display: flex;
justify-content: center
}
@media(max-width: 600px) {
.otp-verification {
gap: 1rem
}
.otp-verification__resend-button {
font-size: var(--font-size-14);
padding: .375rem .75rem
}
}
.status-template {
min-height: 0;
height: 100%;
flex-wrap: nowrap;
flex-direction: column
}
.status-template__left-panel {
min-height: 100%;
height: 100%;
flex-wrap: nowrap;
flex-direction: column
}
@media all and (min-width: 600px) {
.status-template__left-panel {
min-height: auto
}
}
@media all and (min-width: 991px) {
.status-template__left-panel {
flex-direction: row;
min-height: 0
}
}
.status-template__right-panel {
display: flex;
flex-direction: column
}
@media all and (min-width: 991px) {
.status-template__right-panel {
overflow: hidden
}
}
.billing-history__dropdown-wrapper {
flex-grow: 1
}
@media all and (min-width: 991px) {
.billing-history__dropdown-wrapper {
flex-grow: 0;
flex-basis: 50%
}
}
@media all and (min-width: 991px) {
.billing-history__download-button {
max-width: 50%
}
}
@media all and (min-width: 991px) {
.billing-history__top-selector-panel {
border-top: .125rem solid #ebf0f0
}
}
@media all and (min-width: 991px) {
.billing-history__top-selector-panel .half-width {
width: 50%;
flex-basis: 50%
}
}
.billing-history .break-text {
text-overflow: ellipsis;
word-break: break-word;
overflow: hidden;
display: inline-block;
white-space: nowrap
}
.billing-history .min-width-initial {
min-width: initial
}
.billing-history__buttons-mobile {
max-width: 100%
}
.billing-history__buttons-wrapper button {
width: 45%
}
.billing-history__breadcrumbs {
display: none
}
@media all and (min-width: 991px) {
.billing-history__breadcrumbs {
display: flex
}
}
.faq-detailed__themes__item {
background-color: #fff;
border-radius: .75rem;
width: 100%;
box-shadow: 0px 2px 8px 0px rgba(34, 30, 32, .2);
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.faq-detailed__themes__item svg {
margin-left: auto;
min-width: 1.25rem;
transform: rotate(0deg);
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
[dir=rtl] .faq-detailed__themes__item svg {
margin-left: initial;
margin-right: auto
}
.faq-detailed__themes__item.active-accordion {
border: .125rem solid #0047bb;
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
color: #0047bb;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.faq-detailed__themes__item.active-accordion svg {
stroke: #0047bb;
transform: rotate(180deg);
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.faq-detailed--tabs {
overflow: hidden
}
@media all and (min-width: 991px) {
.faq-detailed--tabs {
overflow: initial
}
}
.faq-detailed--tabs button.recharge-slider__trigger {
min-width: auto
}
[dir=rtl] .faq-detailed--tabs button.recharge-slider__trigger {
min-width: auto;
justify-content: flex-start
}
.faq-detailed--tabs button.recharge-slider__trigger span {
white-space: nowrap;
max-width: calc(66.6666666667vw - 3rem);
text-overflow: ellipsis;
overflow: hidden;
display: block
}
@media all and (min-width: 991px) {
.faq-detailed--tabs button.recharge-slider__trigger span {
max-width: 60vw
}
}
.faq-detailed__trigger {
color: #ed1c24;
overflow-x: auto;
overflow-y: hidden
}
@media all and (min-width: 1200px) {
.faq-detailed__trigger {
overflow-x: initial;
overflow-y: initial;
flex-wrap: wrap
}
}
.faq-detailed__trigger span {
white-space: nowrap
}
.faq-detailed__trigger--active {
background-color: rgba(182, 205, 242, .3);
border-radius: .75rem;
color: #0047bb
}
.faq-detailed .detail-item {
width: 100%;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
@media all and (min-width: 991px) {
.faq-detailed .detail-item {
border: .125rem solid #003387;
border-radius: .75rem
}
}
.faq-detailed .detail-item img {
width: 100%;
height: auto;
border-radius: .75rem
}
.faq-detailed .detail-item ul {
list-style: disc;
padding-left: 1.25rem
}
[dir=rtl] .faq-detailed .detail-item ul {
padding-right: 1.25rem;
padding-left: 0
}
.faq-detailed .detail-item__evaluation {
background-color: #fdfdfd;
border-radius: .75rem .75rem 0 0;
box-shadow: 0px 2px 8px 0px rgba(34, 30, 32, .33);
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000
}
@media all and (min-width: 991px) {
.faq-detailed .detail-item__evaluation {
display: flex;
justify-content: space-between;
align-items: center;
border-radius: .75rem;
box-shadow: 0px 2px 8px 0px rgba(34, 30, 32, .2);
position: initial;
bottom: initial;
left: initial;
right: initial;
z-index: initial
}
}
.faq-detailed .detail-item__evaluation button {
min-width: 48%;
min-height: initial
}
@media all and (min-width: 991px) {
.faq-detailed .detail-item__evaluation button {
min-width: 7.938rem
}
}
.faq-detailed .detail-item__evaluation p {
text-transform: uppercase;
color: #6d6d6d
}
.faq__cards>button,
.faq__cards>div,
.faq__cards>a {
width: 100%;
height: 100%;
align-items: center
}
.faq__cards--contacts>button,
.faq__cards--contacts>div,
.faq__cards--contacts>a {
width: 100%;
height: 100%
}
.faq__cards--contacts-content {
width: 100%;
height: 100%;
border-radius: .75rem;
box-shadow: 0px 2px 8px 0px rgba(34, 30, 32, .2)
}
.faq__cards--contacts-content:hover {
box-shadow: none
}
.faq-card--request {
margin: 0 -1.25rem;
width: calc(100% + 2.5rem)
}
@media all and (min-width: 991px) {
.faq-card--request {
margin: 0;
width: 100%
}
.faq-card--request>.grid__col {
border-radius: 1rem
}
}
.faq__icon {
position: relative;
width: 2.25rem;
height: 2.25rem;
border-radius: .5rem;
background-color: #fde8e9
}
.faq__icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.5rem;
height: 1.5rem
}
.faq__icon--whatsapp {
background-color: #25d366
}
.faq__icon--whatsapp svg {
width: 1.75rem;
height: 1.75rem
}
.forgot-password .left-panel {
height: 50vh
}
@media all and (min-width: 991px) {
.forgot-password .left-panel {
height: 100%
}
}
.forgot-password .authentication-banner {
height: 50vh
}
@media all and (min-width: 991px) {
.forgot-password .authentication-banner {
height: 100%
}
}
.forgot-password .authentication-banner picture {
text-align: center
}
[dir=rtl] .forgot-password .mobile-banner .authentication-banner {
border-radius: 0
}
.forgot-password__changed picture,
.forgot-password__checkemail picture {
text-align: center
}
.forgot-password__changed picture img,
.forgot-password__checkemail picture img {
max-height: 50vh;
margin: 0 auto
}
@media all and (min-width: 991px) {
.forgot-password__changed picture img,
.forgot-password__checkemail picture img {
max-height: initial
}
}
@media all and (min-width: 991px) {
.forgot-password .fp-page__password-changed .checkmail-content,
.forgot-password .fp-page__check-email .checkmail-content {
text-align: left
}
[dir=rtl] .forgot-password .fp-page__password-changed .checkmail-content,
[dir=rtl] .forgot-password .fp-page__check-email .checkmail-content {
text-align: right
}
}
@media all and (min-width: 600px) {
.forgot-password .fp-page__password-changed button,
.forgot-password .fp-page__check-email button {
min-width: initial;
width: 100%;
max-width: 26rem;
margin: 0 auto
}
}
@media all and (min-width: 1200px) {
.forgot-password .fp-page__password-changed button,
.forgot-password .fp-page__check-email button {
margin: 0
}
}
.forgot-password .forgot-password__changed .splash-image {
margin: 0
}
.forgot-password .fp-page__form .forgot-password--error-message {
position: absolute;
top: 4.25rem;
z-index: 100;
width: 91%
}
@media all and (min-width: 991px) {
.forgot-password .fp-page__form .forgot-password--error-message {
top: 3.25rem;
right: 2rem;
left: 4rem;
width: 85%
}
}
.generic-error {
min-height: 100dvh
}
@media all and (min-width: 991px) {
.generic-error {
min-height: calc(100dvh - 4.375rem)
}
}
.generic-error .left-panel>.grid__col {
min-height: 38vh
}
@media all and (min-width: 991px) {
.generic-error .left-panel>.grid__col {
min-height: auto
}
}
.login-page {
background-color: #fff
}
.login-page__image {
border-radius: 0 1.5rem 0 0;
position: relative;
overflow: hidden
}
.login-page__image--heading {
position: absolute;
left: 2rem;
bottom: 5rem
}
[dir=rtl] .login-page__image--heading {
left: initial;
right: 2rem
}
.login-page__form {
background-color: #fdfdfd;
position: relative
}
@media all and (min-width: 1200px) {
.login-page__form .loader {
top: 5.5rem
}
}
.login-page__sign-up {
background-color: #dfe7e7;
border-radius: 1rem 1rem 0 0
}
@media all and (min-width: 1200px) {
.login-page__sign-up {
flex: 1;
border-radius: 0
}
}
@media all and (min-width: 1200px) {
.login-page__sign-up>div a {
align-self: start
}
}
.login-page__content>.grid {
flex-wrap: nowrap
}
.login-page__content {
flex: 1
}
@media all and (min-width: 1200px) {
.login-page__content {
flex: 0
}
}
.login-page a:not(.quick-access-heading) {
font-size: var(--font-size-16)
}
.login-page a.business-account-link {
font-size: var(--font-size-14)
}
.login-page__mobile {
flex: 1;
position: relative
}
.login-page__mobile>div>svg {
height: auto;
width: 7.625rem
}
.login-page__mobile>div>div {
width: 100%
}
.login-page__mobile .login-page__recharge {
position: absolute;
top: 11.438rem;
right: 0px;
width: auto
}
[dir=rtl] .login-page__mobile .login-page__recharge {
right: initial;
left: 0px
}
.login-page__mobile .login-page__recharge button {
height: 6.25rem;
width: 3.125rem;
background-color: #ed1c24;
border-radius: 3.875rem 0 0px 3.875rem
}
[dir=rtl] .login-page__mobile .login-page__recharge button {
border-radius: 0 3.875rem 3.875rem 0px
}
[dir=rtl] .login-page__mobile .login-page__recharge button svg {
transform: rotate(180deg)
}
.recharge-slider .mobile-number {
overflow: hidden
}
[dir=rtl] .recharge-slider__trigger {
min-width: 95px
}
[dir=rtl] .recharge-slider button svg {
transform: rotate(180deg)
}
@media all and (min-width: 1200px) {
.page__forgot-password button {
min-width: 15.375rem
}
}
.message-template h2 {
font-size: var(--font-size-28);
line-height: 36px
}
.message-template h4 {
font-size: var(--font-size-20);
line-height: var(--font-size-24)
}
.message-template p {
font-size: var(--font-size-16);
line-height: 24px;
display: inline-block
}
.message-template__content {
padding: 2.5rem 1.5rem 3rem
}
@media all and (min-width: 1200px) {
[dir=rtl] .message-template__content>div {
text-align: right
}
}
.message-template__image {
position: relative
}
.message-template__image button {
position: absolute;
right: 1.5rem;
top: 1.5rem
}
[dir=rtl] .message-template__image button {
right: initial;
left: 1.5rem
}
.message-template__image img {
height: auto;
width: 18.25rem
}
.my-requests {
border-radius: 1rem 1rem 0 0;
background-color: #fff;
flex: 1
}
@media all and (min-width: 991px) {
.my-requests {
background-color: #ebf0f0;
border-radius: 0
}
}
@media all and (min-width: 991px) {
.my-requests__main-container.grid__col {
max-width: 37.5rem;
width: 100%;
margin: auto
}
}
.my-requests__main-container--user-loggedin .my-requests__container {
border-top: 0
}
.my-requests__page .breadcrumbs {
background-color: #ebf0f0
}
@media all and (min-width: 991px) {
.my-requests__page .breadcrumbs {
background-color: #fff
}
}
.my-requests__page .lfr-layout-structure-item-viewrequest {
background-color: #ebf0f0
}
.my-requests>* {
flex: 1
}
.my-requests__header {
flex: none
}
[dir=rtl] .my-requests__header--back-btn svg {
transform: rotate(-180deg)
}
.my-requests__form {
flex-grow: 1
}
@media all and (min-width: 991px) {
.my-requests__form {
border-radius: 1rem;
flex-grow: unset
}
.my-requests__form form {
max-width: 21.75rem;
margin: auto
}
}
@media all and (min-width: 991px) {
.my-requests__form--container .loader {
z-index: 9
}
}
.my-requests__container {
flex: 1;
border-top: 1px solid #e0e0e0
}
.my-requests__container>* {
flex: 1
}
@media all and (min-width: 991px) {
.my-requests__container {
border-top: 0;
flex: none
}
.my-requests__container>* {
flex: none
}
}
.my-requests__toast {
position: fixed;
top: 3.5rem;
width: calc(100% - 3rem);
z-index: 20;
align-items: flex-start
}
@media all and (min-width: 991px) {
.my-requests__toast {
width: 37.5rem;
top: 5rem
}
}
.my-requests__toast-parent {
position: relative
}
.nojoom-payments__options {
padding-bottom: 5.875rem
}
.nojoom-payments__side-content-points,
.nojoom-payments__side-content-basket {
height: auto
}
@media all and (min-width: 991px) {
.nojoom-payments__side-content-points,
.nojoom-payments__side-content-basket {
max-height: calc(100vh - 9.625rem)
}
}
@media all and (min-width: 1200px) {
.nojoom-payments__side-content-points,
.nojoom-payments__side-content-basket {
max-width: 21.875rem
}
}
@media all and (min-width: 1600px) {
.nojoom-payments__side-content-points,
.nojoom-payments__side-content-basket {
max-width: 20vw
}
}
.nojoom-payments__side-content-basket {
max-height: calc(100% - 11.25rem)
}
.nojoom-payments__select-option {
border-radius: 1rem
}
.nojoom-payments__points-list {
gap: 1.5rem
}
.nojoom-payments__card {
flex: 0;
flex-basis: calc((100% - 3rem)/3)
}
.nojoom-payments__available-points-mobile {
position: sticky;
top: 2.5rem;
z-index: 11;
transition: .25s all
}
apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: 50px;
--apple-pay-button-border-radius: 0.75rem;
--apple-pay-button-padding: 0;
--apple-pay-button-box-sizing: content-box
}
.google-pay-button {
width: 100%;
height: 50px;
border-radius: .75rem;
padding: 0
}
.payments-success__list-fields {
border: .063rem solid #e0e0e0;
border-radius: .75rem
}
.payments-success__icon {
width: 3.5rem;
height: 3.5rem
}
@media all and (min-width: 991px) {
.payments-success__icon {
width: 5rem;
height: 5rem
}
}
.payments-success__toaster {
position: absolute;
width: calc(100% - 3rem);
right: 1.5rem;
top: 1.5rem
}
@media all and (min-width: 600px) {
.payments-success__toaster {
top: 3.75rem
}
}
@media all and (min-width: 991px) {
.payments-success__toaster {
width: calc(100% - 4rem);
right: 2rem;
top: 5.3125rem
}
}
.recharge-mobile {
position: relative;
flex-wrap: nowrap !important
}
.recharge-mobile__image button {
position: absolute;
top: 1.5rem;
left: 1.5rem
}
[dir=rtl] .recharge-mobile__image button {
left: initial;
right: 1.5rem
}
[dir=rtl] .recharge-mobile__image button svg {
transform: rotate(180deg)
}
.recharge-mobile__image picture {
width: 100%;
display: block
}
.recharge-mobile__image picture img {
width: 100%;
height: 100%;
display: block
}
.recharge-mobile__content {
border-radius: 1.5rem 1.5rem 0px 0px
}
.register-page .stepper {
background-color: #ebf0f0
}
@media all and (min-width: 991px) {
.register-page .stepper {
background-color: #fff
}
}
.register-page__image {
border-radius: 0 24px 0 0;
background-color: #fde8e9
}
[dir=rtl] .register-page__image {
border-radius: 24px 0 0 0
}
.register-page__other-options {
background-color: #f4f4f4;
border-radius: 1rem
}
.register-page__other-options>p {
color: #6d6d6d
}
@media all and (min-width: 991px) {
.report-issue__products {
max-height: 26.25rem;
overflow: auto;
padding: 0 1rem 0 .25rem
}
.report-issue__products::-webkit-scrollbar {
width: .25rem
}
.report-issue__products::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.report-issue__products::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
}
@media all and (min-width: 991px) {
.report-issue__personal-info .service-number-results {
overflow-y: auto;
overflow-x: hidden;
max-height: 16.75rem
}
.report-issue__personal-info .service-number-results::-webkit-scrollbar {
width: .25rem
}
.report-issue__personal-info .service-number-results::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.report-issue__personal-info .service-number-results::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
}
.report-issue__personal-info .id-passport input:not(:placeholder-shown)~label {
left: 0 !important
}
.report-issue__personal-info .personal-info__loader p {
display: block
}
@media all and (min-width: 991px) {
.report-issue__issues-list fieldset {
max-height: 20.5rem;
overflow: auto;
padding: 0 1rem 0 .25rem
}
.report-issue__issues-list fieldset::-webkit-scrollbar {
width: .25rem
}
.report-issue__issues-list fieldset::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.report-issue__issues-list fieldset::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.report-issue__issues-list fieldset::-webkit-scrollbar-track {
margin-top: 1.5rem
}
}
.report-issue__issues-list .selector__mask>div {
text-align: left
}
.report-issue__services--list {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
@media all and (min-width: 991px) {
.report-issue__services--list {
transform: translate(-0.375rem, -0.375rem)
}
[dir=rtl] .report-issue__services--list {
transform: translate(0, 0)
}
.report-issue__services--list.scrollable {
max-height: 18.75rem;
overflow-y: auto
}
.report-issue__services--list.scrollable::-webkit-scrollbar {
width: .25rem
}
.report-issue__services--list.scrollable::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.report-issue__services--list.scrollable::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
}
.report-issue__services--list li {
width: calc(50% - .5rem);
min-height: 5.188rem
}
@media all and (min-width: 991px) {
.report-issue__services--list li {
min-height: 4.75rem;
width: calc(33.3333333333% - 1.5rem)
}
}
.report-issue__services .selector {
width: initial;
height: 100%
}
.report-issue__services .selector__mask {
height: 100%;
align-items: center;
justify-content: center;
overflow: hidden
}
.report-issue__services .selector__mask p {
font-size: var(--font-size-14);
line-height: 20px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
word-break: break-word
}
@media all and (min-width: 991px) {
.report-issue__services .selector__mask p {
font-size: var(--font-size-16);
line-height: 24px
}
}
.report-issue__services .selector__mask svg {
top: .5rem;
width: 2rem;
height: 2rem
}
.report-issue__services .selector input:checked+.selector__mask {
padding-bottom: .5rem
}
.report-issue__services .selector input:checked+.selector__mask>div {
margin-top: 2rem
}
[dir=rtl] .report-issue__services .selector.selector--vertical .selector__icon--active {
transform: translateX(0%)
}
.report-issue__description h2 {
padding-right: 7rem
}
[dir=rtl] .report-issue__description h2 {
padding-left: 7rem;
padding-right: 0
}
@media all and (min-width: 991px) {
.report-issue__description h2 {
padding-right: 8rem
}
[dir=rtl] .report-issue__description h2 {
padding-left: 8rem;
padding-right: 0
}
}
.report-issue__description .tabs-header {
gap: 1rem
}
.report-issue__description fieldset {
border-top: .063rem solid #9dbef2
}
@media all and (min-width: 991px) {
.report-issue__description fieldset {
border: .063rem solid #9dbef2;
border-radius: 1rem;
padding: 0 1.5rem
}
}
.report-issue__description .timeslot {
gap: 1rem
}
@media all and (min-width: 991px) {
.report-issue__description .timeslot {
gap: 1.5rem
}
}
.report-issue__description .timeslot li {
width: calc(50% - .5rem)
}
@media all and (min-width: 991px) {
.report-issue__description .timeslot li {
width: calc(50% - .75rem)
}
}
.report-issue__description .timeslot li .selector {
width: 100%
}
.report-issue__description .timeslot li .selector__mask {
height: 5.313rem;
padding: 1rem .75rem;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.report-issue__description .timeslot li .selector__mask>div {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
@media all and (min-width: 991px) {
.report-issue__description .timeslot li .selector__mask p {
font-size: var(--font-size-16)
}
}
.report-issue__description .timeslot li .selector svg {
top: 1.25rem;
width: 1rem;
height: 1rem
}
@media all and (min-width: 991px) {
.report-issue__description .timeslot li .selector svg {
top: 1rem;
width: 1.5rem;
height: 1.5rem
}
}
[dir=rtl] .report-issue__description .timeslot li .selector--vertical .selector__icon--active {
transform: translate(0)
}
.report-issue__description .timeslot li .selector--vertical.selector input:checked+.selector__mask>div {
margin-top: 1.75rem;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
@media all and (max-width: 600px) {
.report-issue__step-button {
position: sticky;
width: 100%;
background-color: #fff;
bottom: 0
}
}
.ooredoo-money__toast {
position: fixed;
top: 3rem;
margin: 0;
left: 1.5rem;
width: calc(100% - 3rem)
}
@media all and (min-width: 600px) {
.ooredoo-money__toast {
position: absolute;
width: calc(100% - 4rem);
left: 2rem;
top: -1rem
}
}
@media all and (min-width: 991px) {
.ooredoo-money__toast {
top: -1.25rem
}
}
@media all and (min-width: 1200px) {
.ooredoo-money__toast {
top: -1.75rem
}
}
.ooredoo-money__container {
min-height: calc(100dvh - 4.375rem)
}
.pay-for-others {
display: flex;
flex-direction: column
}
.pay-for-others--clickable {
cursor: pointer
}
.pay-for-others--rounded-top-borders {
border-radius: 1rem 1rem 0 0
}
.pay-for-others__toast {
position: fixed;
top: 1.5rem;
left: 1.5rem;
width: calc(100% - 3rem);
z-index: 1;
animation: modal-enter .2s ease-in
}
@media all and (min-width: 991px) {
.pay-for-others__toast {
top: 4rem;
left: 2rem;
width: calc(100% - 4rem)
}
}
@keyframes modal-enter {
from {
transform: translateY(-200%)
}
to {
transform: translateY(0)
}
}
.pay-for-others__content-layout--top {
margin-bottom: 7.5rem
}
.pay-for-others__content-layout--top.step-3 {
margin-bottom: 12rem
}
@media all and (min-width: 991px) {
.pay-for-others__content-layout--top {
margin-bottom: 0
}
}
.pay-for-others__content-layout--bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0
}
@media all and (min-width: 991px) {
.pay-for-others__content-layout--bottom {
position: static
}
}
.pay-for-others__cards-third-step {
margin-left: -1.5rem;
margin-right: -1.5rem;
padding: 1rem 1.5rem 2rem 1.5rem
}
@media all and (min-width: 991px) {
.pay-for-others__cards-third-step {
margin-left: 0;
margin-right: 0;
padding: 0
}
}
.billing-main__pay-for-others-card article {
max-height: 7.25rem
}
.billing-main__pay-for-others-card img {
width: 130%;
transform: translateX(-1.125rem) translateY(1.25rem)
}
[dir=rtl] .billing-main__pay-for-others-card img {
transform: translateX(0.475rem) translateY(1.25rem)
}
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: rgba(0, 0, 0, 0)
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/44*27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size)/2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
display: flex;
align-items: center;
justify-content: center
}
.modal__content {
position: absolute;
animation: modalTransitionMobile .5s ease-out forwards;
bottom: 0;
width: 100%;
max-height: 90vh;
background-color: #fdfdfd;
border-radius: .75rem .75rem 0 0;
overflow-y: auto
}
.modal__content::-webkit-scrollbar {
width: .25rem
}
.modal__content::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal__content::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
@media all and (min-width: 991px) {
.modal__content {
top: 50%;
left: 50%;
bottom: inherit;
transform: translate(-50%, -50%);
width: auto;
min-width: 30.625rem;
max-width: 90vw;
border-radius: .75rem;
animation: modalTransition .5s ease-out forwards
}
.modal__content--small {
width: 31.25rem
}
.modal__content--medium {
width: 50vw
}
.modal__content--large {
width: 66.6666666667vw
}
}
.modal__content--fullscreen {
height: 100vh;
max-height: initial;
border-radius: 0;
top: 0;
left: 0;
right: 0;
animation: none
}
@media all and (min-width: 991px) {
.modal__content--fullscreen {
top: 50%;
left: 50%;
bottom: initial;
right: initial;
border-radius: .75rem;
height: auto
}
}
.modal__close-button {
position: absolute;
top: 1.5rem;
right: 1.5rem
}
[dir=rtl] .modal__close-button {
left: 1.5rem;
right: inherit
}
.modal-destinations__list::-webkit-scrollbar {
width: .25rem
}
.modal-destinations__list::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-destinations__list::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-faq-feedback textarea::-webkit-scrollbar {
width: .375rem
}
.modal-faq-feedback textarea::-webkit-scrollbar-track {
background: rgba(34, 30, 32, 0)
}
.modal-faq-feedback textarea::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-feedback textarea {
height: 7rem
}
.modal-feedback__title {
font-family: "Rubik", sans-serif;
color: #6d6d6d
}
.modal-feedback__levels {
direction: ltr
}
.modal-partners__subtitle {
background-color: #ebf0f0
}
.modal-partners ul {
overflow-y: auto
}
.modal-partners ul::-webkit-scrollbar {
width: .25rem
}
.modal-partners ul::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-partners ul::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-partners__list-item {
border-bottom: 1px solid #e0e0e0
}
.modal-partners__content {
overflow-y: auto
}
.modal-partners__content::-webkit-scrollbar {
width: .25rem
}
.modal-partners__content::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-partners__content::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-payments__title {
text-transform: uppercase;
letter-spacing: 1px
}
.modal-payments__buttons {
gap: .75rem
}
.modal-payments__flex-buttons {
flex: 1
}
.modal-product__item {
position: relative
}
.modal-product__item::before {
position: absolute;
content: "";
width: .5rem;
height: .5rem;
background-color: #0047bb;
border-radius: 50%;
top: .375rem;
left: 0
}
[dir=rtl] .modal-product__item::before {
right: 0;
left: inherit
}
.modal-quick-access ul::-webkit-scrollbar {
width: .25rem
}
.modal-quick-access ul::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-quick-access ul::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-quick-access__item-list {
gap: 0 .25rem
}
.modal-quick-access__item-list--items {
flex: 0 0 calc(25% - .1875rem);
margin-bottom: .75rem
}
.modal-request__title {
text-transform: uppercase;
letter-spacing: 1px
}
.modal-request__link a {
border-radius: .75rem;
border: .125rem solid #aaa;
transition: .2s border-color ease-in-out, .2s background-color ease-in-out
}
.modal-request__link a svg {
transition: .15s stroke ease-in-out
}
.modal-request__link a:hover,
.modal-request__link a:focus {
border-color: rgba(0, 71, 187, .3);
background-color: #eef4f8;
box-shadow: 0px 0px 0px 3px rgba(0, 71, 187, .3)
}
.modal-request__link a:hover svg,
.modal-request__link a:focus svg {
stroke: #003387
}
.modal-request__link a:focus {
border-color: #0047bb
}
@media all and (min-width: 991px) {
.modal-subscribe {
max-width: 42.5rem
}
}
.modal-subscribe__left-content {
border-bottom: .063rem solid #aaa
}
@media all and (min-width: 991px) {
.modal-subscribe__left-content {
border-right: .063rem solid #aaa;
border-bottom: 0
}
[dir=rtl] .modal-subscribe__left-content {
border-left: .063rem solid #aaa;
border-right: 0
}
}
.modal-subscribe__container {
overflow-y: auto
}
.modal-subscribe__container::-webkit-scrollbar {
width: .25rem
}
.modal-subscribe__container::-webkit-scrollbar-track {
background: rgba(34, 30, 32, .2)
}
.modal-subscribe__container::-webkit-scrollbar-thumb {
background-color: rgba(34, 30, 32, .5);
border-radius: 1.25rem
}
.modal-subscribe__button {
line-height: 20px
}
[dir=rtl] .modal-subscribe__button {
line-height: 32px
}
/*# sourceMappingURL=main.css.map */