html { font-size: 62.5%; } :root { --min-screen-width: 320px; --max-screen-width: 1400px; --primary: #DD6C14; --light: #ffffffff; --dark: #000000; --dark-l-1: #3b3b3b; --dark-l-2: #787878; --dark-l-3: #b8b8b8; --success: hsl(136, 95%, 56%); --success-l-1: hsla(129, 95%, 66%, 1); --success-l-2: hsla(126, 96%, 73%, 1); --success-l-3: hsla(124, 97%, 78%, 1); --error: #f92444; --error-l-1: #fe4c56; --error-l-2: #ff6969; --error-l-3: #ff817d; --warning: #FFF078; --warning-l-1: #fff49b; --warning-l-2: #fff7bd; --warning-l-3: #fffbde; --space-4xs: clamp(0.38rem, calc(0.18vw + 0.32rem), 0.57rem); --space-3xs: clamp(0.51rem, calc(0.23vw + 0.43rem), 0.76rem); --space-2xs: clamp(0.68rem, calc(0.31vw + 0.58rem), 1.01rem); --space-xs: clamp(0.9rem, calc(0.42vw + 0.77rem), 1.35rem); --space-s: clamp(1.2rem, calc(0.56vw + 1.02rem), 1.8rem); --space-m: clamp(1.6rem, calc(0.74vw + 1.36rem), 2.4rem); --space-l: clamp(2.13rem, calc(0.99vw + 1.82rem), 3.2rem); --space-xl: clamp(2.84rem, calc(1.32vw + 2.42rem), 4.26rem); --space-2xl: clamp(3.79rem, calc(1.75vw + 3.23rem), 5.69rem); --space-3xl: clamp(5.05rem, calc(2.34vw + 4.3rem), 7.58rem); --space-4xl: clamp(6.73rem, calc(3.12vw + 5.74rem), 10.1rem); --space-0: clamp(0rem, calc(0vw + 0rem), 0rem); --text-xs: clamp(1.02rem, calc(-0.11vw + 1.06rem), 0.9rem); --text-s: clamp(1.28rem, calc(-0.07vw + 1.3rem), 1.2rem); --text-m: clamp(1.6rem, calc(0vw + 1.6rem), 1.6rem); --text-l: clamp(2rem, calc(0.12vw + 1.96rem), 2.13rem); --text-xl: clamp(2.5rem, calc(0.32vw + 2.4rem), 2.84rem); --text-2xl: clamp(3.13rem, calc(0.62vw + 2.93rem), 3.79rem); --text-3xl: clamp(3.91rem, calc(1.06vw + 3.57rem), 5.05rem); --text-4xl: clamp(4.88rem, calc(1.71vw + 4.33rem), 6.73rem); --columns-1: repeat(1, minmax(0, 1fr)); --columns-2: repeat(2, minmax(0, 1fr)); --columns-3: repeat(3, minmax(0, 1fr)); --columns-4: repeat(4, minmax(0, 1fr)); --columns-5: repeat(5, minmax(0, 1fr)); --columns-6: repeat(6, minmax(0, 1fr)); --columns-7: repeat(7, minmax(0, 1fr)); --columns-8: repeat(8, minmax(0, 1fr)); --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem); --radius-s: clamp(0.6rem, calc(-0.19vw + 0.86rem), 0.8rem); --radius-m: clamp(1rem, calc(-0.19vw + 1.26rem), 1.2rem); --radius-l: clamp(1.6rem, calc(-0.37vw + 2.12rem), 2rem); --radius-xl: clamp(2.6rem, calc(-0.56vw + 3.38rem), 3.2rem); --radius-full: 999rem; } :root.cf-theme-dark, :root.cf-theme-light .theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .theme-inverted .theme-always-dark { --primary: #3d44ff; --error: #f92444; --warning: #578e7e; } html.cf-theme-dark { color-scheme: dark; } .bg-primary { background-color: var(--primary); } .text-primary { color: var(--primary); } .border-primary { border-color: var(--primary); } .bg-light { background-color: var(--light); } .text-light { color: var(--light); } .border-light { border-color: var(--light); } .bg-dark { background-color: var(--dark); } .bg-dark-l-1 { background-color: var(--dark-l-1); } .bg-dark-l-2 { background-color: var(--dark-l-2); } .bg-dark-l-3 { background-color: var(--dark-l-3); } .text-dark { color: var(--dark); } .text-dark-l-1 { color: var(--dark-l-1); } .text-dark-l-2 { color: var(--dark-l-2); } .text-dark-l-3 { color: var(--dark-l-3); } .border-dark { border-color: var(--dark); } .border-dark-l-1 { border-color: var(--dark-l-1); } .border-dark-l-2 { border-color: var(--dark-l-2); } .border-dark-l-3 { border-color: var(--dark-l-3); } .bg-success { background-color: var(--success); } .bg-success-l-1 { background-color: var(--success-l-1); } .bg-success-l-2 { background-color: var(--success-l-2); } .bg-success-l-3 { background-color: var(--success-l-3); } .text-success { color: var(--success); } .text-success-l-1 { color: var(--success-l-1); } .text-success-l-2 { color: var(--success-l-2); } .text-success-l-3 { color: var(--success-l-3); } .border-success { border-color: var(--success); } .border-success-l-1 { border-color: var(--success-l-1); } .border-success-l-2 { border-color: var(--success-l-2); } .border-success-l-3 { border-color: var(--success-l-3); } .bg-error { background-color: var(--error); } .bg-error-l-1 { background-color: var(--error-l-1); } .bg-error-l-2 { background-color: var(--error-l-2); } .bg-error-l-3 { background-color: var(--error-l-3); } .text-error { color: var(--error); } .text-error-l-1 { color: var(--error-l-1); } .text-error-l-2 { color: var(--error-l-2); } .text-error-l-3 { color: var(--error-l-3); } .border-error { border-color: var(--error); } .border-error-l-1 { border-color: var(--error-l-1); } .border-error-l-2 { border-color: var(--error-l-2); } .border-error-l-3 { border-color: var(--error-l-3); } .bg-warning { background-color: var(--warning); } .bg-warning-l-1 { background-color: var(--warning-l-1); } .bg-warning-l-2 { background-color: var(--warning-l-2); } .bg-warning-l-3 { background-color: var(--warning-l-3); } .text-warning { color: var(--warning); } .text-warning-l-1 { color: var(--warning-l-1); } .text-warning-l-2 { color: var(--warning-l-2); } .text-warning-l-3 { color: var(--warning-l-3); } .border-warning { border-color: var(--warning); } .border-warning-l-1 { border-color: var(--warning-l-1); } .border-warning-l-2 { border-color: var(--warning-l-2); } .border-warning-l-3 { border-color: var(--warning-l-3); } .padding-4xs { padding: var(--space-4xs); } .padding-3xs { padding: var(--space-3xs); } .padding-2xs { padding: var(--space-2xs); } .padding-xs { padding: var(--space-xs); } .padding-s { padding: var(--space-s); } .padding-m { padding: var(--space-m); } .padding-l { padding: var(--space-l); } .padding-xl { padding: var(--space-xl); } .padding-2xl { padding: var(--space-2xl); } .padding-3xl { padding: var(--space-3xl); } .padding-4xl { padding: var(--space-4xl); } .padding-left-4xs { padding-left: var(--space-4xs); } .padding-left-3xs { padding-left: var(--space-3xs); } .padding-left-2xs { padding-left: var(--space-2xs); } .padding-left-xs { padding-left: var(--space-xs); } .padding-left-s { padding-left: var(--space-s); } .padding-left-m { padding-left: var(--space-m); } .padding-left-l { padding-left: var(--space-l); } .padding-left-xl { padding-left: var(--space-xl); } .padding-left-2xl { padding-left: var(--space-2xl); } .padding-left-3xl { padding-left: var(--space-3xl); } .padding-left-4xl { padding-left: var(--space-4xl); } .padding-right-4xs { padding-right: var(--space-4xs); } .padding-right-3xs { padding-right: var(--space-3xs); } .padding-right-2xs { padding-right: var(--space-2xs); } .padding-right-xs { padding-right: var(--space-xs); } .padding-right-s { padding-right: var(--space-s); } .padding-right-m { padding-right: var(--space-m); } .padding-right-l { padding-right: var(--space-l); } .padding-right-xl { padding-right: var(--space-xl); } .padding-right-2xl { padding-right: var(--space-2xl); } .padding-right-3xl { padding-right: var(--space-3xl); } .padding-right-4xl { padding-right: var(--space-4xl); } .padding-top-4xs { padding-top: var(--space-4xs); } .padding-top-3xs { padding-top: var(--space-3xs); } .padding-top-2xs { padding-top: var(--space-2xs); } .padding-top-xs { padding-top: var(--space-xs); } .padding-top-s { padding-top: var(--space-s); } .padding-top-m { padding-top: var(--space-m); } .padding-top-l { padding-top: var(--space-l); } .padding-top-xl { padding-top: var(--space-xl); } .padding-top-2xl { padding-top: var(--space-2xl); } .padding-top-3xl { padding-top: var(--space-3xl); } .padding-top-4xl { padding-top: var(--space-4xl); } .padding-bottom-4xs { padding-bottom: var(--space-4xs); } .padding-bottom-3xs { padding-bottom: var(--space-3xs); } .padding-bottom-2xs { padding-bottom: var(--space-2xs); } .padding-bottom-xs { padding-bottom: var(--space-xs); } .padding-bottom-s { padding-bottom: var(--space-s); } .padding-bottom-m { padding-bottom: var(--space-m); } .padding-bottom-l { padding-bottom: var(--space-l); } .padding-bottom-xl { padding-bottom: var(--space-xl); } .padding-bottom-2xl { padding-bottom: var(--space-2xl); } .padding-bottom-3xl { padding-bottom: var(--space-3xl); } .padding-bottom-4xl { padding-bottom: var(--space-4xl); } .padding-horizontal-4xs { padding-left: var(--space-4xs); padding-right: var(--space-4xs); } .padding-horizontal-3xs { padding-left: var(--space-3xs); padding-right: var(--space-3xs); } .padding-horizontal-2xs { padding-left: var(--space-2xs); padding-right: var(--space-2xs); } .padding-horizontal-xs { padding-left: var(--space-xs); padding-right: var(--space-xs); } .padding-horizontal-s { padding-left: var(--space-s); padding-right: var(--space-s); } .padding-horizontal-m { padding-left: var(--space-m); padding-right: var(--space-m); } .padding-horizontal-l { padding-left: var(--space-l); padding-right: var(--space-l); } .padding-horizontal-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); } .padding-horizontal-2xl { padding-left: var(--space-2xl); padding-right: var(--space-2xl); } .padding-horizontal-3xl { padding-left: var(--space-3xl); padding-right: var(--space-3xl); } .padding-horizontal-4xl { padding-left: var(--space-4xl); padding-right: var(--space-4xl); } .padding-vertical-4xs { padding-top: var(--space-4xs); padding-bottom: var(--space-4xs); } .padding-vertical-3xs { padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); } .padding-vertical-2xs { padding-top: var(--space-2xs); padding-bottom: var(--space-2xs); } .padding-vertical-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .padding-vertical-s { padding-top: var(--space-s); padding-bottom: var(--space-s); } .padding-vertical-m { padding-top: var(--space-m); padding-bottom: var(--space-m); } .padding-vertical-l { padding-top: var(--space-l); padding-bottom: var(--space-l); } .padding-vertical-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .padding-vertical-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .padding-vertical-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } .padding-vertical-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); } .margin-4xs { margin: var(--space-4xs); } .margin-3xs { margin: var(--space-3xs); } .margin-2xs { margin: var(--space-2xs); } .margin-xs { margin: var(--space-xs); } .margin-s { margin: var(--space-s); } .margin-m { margin: var(--space-m); } .margin-l { margin: var(--space-l); } .margin-xl { margin: var(--space-xl); } .margin-2xl { margin: var(--space-2xl); } .margin-3xl { margin: var(--space-3xl); } .margin-4xl { margin: var(--space-4xl); } .margin-left-4xs { margin-left: var(--space-4xs); } .margin-left-3xs { margin-left: var(--space-3xs); } .margin-left-2xs { margin-left: var(--space-2xs); } .margin-left-xs { margin-left: var(--space-xs); } .margin-left-s { margin-left: var(--space-s); } .margin-left-m { margin-left: var(--space-m); } .margin-left-l { margin-left: var(--space-l); } .margin-left-xl { margin-left: var(--space-xl); } .margin-left-2xl { margin-left: var(--space-2xl); } .margin-left-3xl { margin-left: var(--space-3xl); } .margin-left-4xl { margin-left: var(--space-4xl); } .margin-right-4xs { margin-right: var(--space-4xs); } .margin-right-3xs { margin-right: var(--space-3xs); } .margin-right-2xs { margin-right: var(--space-2xs); } .margin-right-xs { margin-right: var(--space-xs); } .margin-right-s { margin-right: var(--space-s); } .margin-right-m { margin-right: var(--space-m); } .margin-right-l { margin-right: var(--space-l); } .margin-right-xl { margin-right: var(--space-xl); } .margin-right-2xl { margin-right: var(--space-2xl); } .margin-right-3xl { margin-right: var(--space-3xl); } .margin-right-4xl { margin-right: var(--space-4xl); } .margin-top-4xs { margin-top: var(--space-4xs); } .margin-top-3xs { margin-top: var(--space-3xs); } .margin-top-2xs { margin-top: var(--space-2xs); } .margin-top-xs { margin-top: var(--space-xs); } .margin-top-s { margin-top: var(--space-s); } .margin-top-m { margin-top: var(--space-m); } .margin-top-l { margin-top: var(--space-l); } .margin-top-xl { margin-top: var(--space-xl); } .margin-top-2xl { margin-top: var(--space-2xl); } .margin-top-3xl { margin-top: var(--space-3xl); } .margin-top-4xl { margin-top: var(--space-4xl); } .margin-bottom-4xs { margin-bottom: var(--space-4xs); } .margin-bottom-3xs { margin-bottom: var(--space-3xs); } .margin-bottom-2xs { margin-bottom: var(--space-2xs); } .margin-bottom-xs { margin-bottom: var(--space-xs); } .margin-bottom-s { margin-bottom: var(--space-s); } .margin-bottom-m { margin-bottom: var(--space-m); } .margin-bottom-l { margin-bottom: var(--space-l); } .margin-bottom-xl { margin-bottom: var(--space-xl); } .margin-bottom-2xl { margin-bottom: var(--space-2xl); } .margin-bottom-3xl { margin-bottom: var(--space-3xl); } .margin-bottom-4xl { margin-bottom: var(--space-4xl); } .margin-horizontal-4xs { margin-left: var(--space-4xs); margin-right: var(--space-4xs); } .margin-horizontal-3xs { margin-left: var(--space-3xs); margin-right: var(--space-3xs); } .margin-horizontal-2xs { margin-left: var(--space-2xs); margin-right: var(--space-2xs); } .margin-horizontal-xs { margin-left: var(--space-xs); margin-right: var(--space-xs); } .margin-horizontal-s { margin-left: var(--space-s); margin-right: var(--space-s); } .margin-horizontal-m { margin-left: var(--space-m); margin-right: var(--space-m); } .margin-horizontal-l { margin-left: var(--space-l); margin-right: var(--space-l); } .margin-horizontal-xl { margin-left: var(--space-xl); margin-right: var(--space-xl); } .margin-horizontal-2xl { margin-left: var(--space-2xl); margin-right: var(--space-2xl); } .margin-horizontal-3xl { margin-left: var(--space-3xl); margin-right: var(--space-3xl); } .margin-horizontal-4xl { margin-left: var(--space-4xl); margin-right: var(--space-4xl); } .margin-vertical-4xs { margin-top: var(--space-4xs); margin-bottom: var(--space-4xs); } .margin-vertical-3xs { margin-top: var(--space-3xs); margin-bottom: var(--space-3xs); } .margin-vertical-2xs { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); } .margin-vertical-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .margin-vertical-s { margin-top: var(--space-s); margin-bottom: var(--space-s); } .margin-vertical-m { margin-top: var(--space-m); margin-bottom: var(--space-m); } .margin-vertical-l { margin-top: var(--space-l); margin-bottom: var(--space-l); } .margin-vertical-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .margin-vertical-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .margin-vertical-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); } .margin-vertical-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); } .gap-4xs { gap: var(--space-4xs); } .gap-3xs { gap: var(--space-3xs); } .gap-2xs { gap: var(--space-2xs); } .gap-xs { gap: var(--space-xs); } .gap-s { gap: var(--space-s); } .gap-m { gap: var(--space-m); } .gap-l { gap: var(--space-l); } .gap-xl { gap: var(--space-xl); } .gap-2xl { gap: var(--space-2xl); } .gap-3xl { gap: var(--space-3xl); } .gap-4xl { gap: var(--space-4xl); } .text-xs { font-size: var(--text-xs); } .text-s { font-size: var(--text-s); } .text-m { font-size: var(--text-m); } .text-l { font-size: var(--text-l); } .text-xl { font-size: var(--text-xl); } .text-2xl { font-size: var(--text-2xl); } .text-3xl { font-size: var(--text-3xl); } .text-4xl { font-size: var(--text-4xl); } H1 { font-size: var(--text-3xl); line-height: 1.3; } H2 { font-size: var(--text-2xl); line-height: 1.3; } H3 { font-size: var(--text-xl); line-height: 1.3; } H4 { font-size: var(--text-l); line-height: 1.3; } H5 { font-size: var(--text-m); line-height: 1.3; } H6 { font-size: var(--text-m); line-height: 1.4; } .line-height-xs { line-height: 1; } .line-height-s { line-height: 1.2; } .line-height-m { line-height: 1.3; } .line-height-l { line-height: 1.4; } .line-height-xl { line-height: 1.5; } .italic { font-style: italic; } .bold { font-weight: bold; } .uppercase { text-transform: uppercase; } .underline { -webkit-text-decoration: underline; text-decoration: underline; } .font-200 { font-weight: 200; } .font-300 { font-weight: 300; } .font-400 { font-weight: 400; } .font-500 { font-weight: 500; } .font-600 { font-weight: 600; } .font-700 { font-weight: 700; } .font-800 { font-weight: 800; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } .text-align-last-center { text-align-last: center; } .text-align-last-left { text-align-last: left; } .row { display: grid; grid-auto-flow: column; justify-content: start; } .column { display: grid; grid-auto-flow: row; justify-items: start; align-content: start; } .columns-2 { display: grid; grid-template-columns: var(--columns-2); } .columns-3 { display: grid; grid-template-columns: var(--columns-3); } .columns-4 { display: grid; grid-template-columns: var(--columns-4); } .columns-5 { display: grid; grid-template-columns: var(--columns-5); } .columns-6 { display: grid; grid-template-columns: var(--columns-6); } .columns-7 { display: grid; grid-template-columns: var(--columns-7); } .columns-8 { display: grid; grid-template-columns: var(--columns-8); } .columns-9 { display: grid; grid-template-columns: var(--columns-9); } .columns-min-5 { display: grid; grid-template-columns: repeat(auto-fit,minmax(5rem, 1fr)); } .columns-min-10 { display: grid; grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr)); } .columns-min-20 { display: grid; grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr)); } .columns-min-30 { display: grid; grid-template-columns: repeat(auto-fit,minmax(30rem, 1fr)); } .columns-min-40 { display: grid; grid-template-columns: repeat(auto-fit,minmax(40rem, 1fr)); } .columns-min-50 { display: grid; grid-template-columns: repeat(auto-fit,minmax(50rem, 1fr)); } .columns-min-60 { display: grid; grid-template-columns: repeat(auto-fit,minmax(60rem, 1fr)); } .columns-min-70 { display: grid; grid-template-columns: repeat(auto-fit,minmax(70rem, 1fr)); } .flex-row { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction: column; } .flex-1 { flex: 1; } .flex-2 { flex: 2; } .flex-3 { flex: 3; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .col-span-2 { grid-column: auto / span 2; } .col-span-3 { grid-column: auto / span 3; } .col-span-4 { grid-column: auto / span 4; } .col-span-5 { grid-column: auto / span 5; } .col-span-6 { grid-column: auto / span 6; } .col-span-7 { grid-column: auto / span 7; } .col-span-8 { grid-column: auto / span 8; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-start-4 { grid-column-start: 4; } .col-start-5 { grid-column-start: 5; } .col-start-6 { grid-column-start: 6; } .col-start-7 { grid-column-start: 7; } .col-start-8 { grid-column-start: 8; } .row-span-2 { grid-row: auto / span 2; } .row-span-3 { grid-row: auto / span 3; } .row-span-4 { grid-row: auto / span 4; } .row-span-5 { grid-row: auto / span 5; } .row-span-6 { grid-row: auto / span 6; } .row-span-7 { grid-row: auto / span 7; } .row-span-8 { grid-row: auto / span 8; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-start-3 { grid-row-start: 3; } .row-start-4 { grid-row-start: 4; } .row-start-5 { grid-row-start: 5; } .row-start-6 { grid-row-start: 6; } .row-start-7 { grid-row-start: 7; } .row-start-8 { grid-row-start: 8; } .items-left { justify-items: start; } .content-left { justify-content: start; } .items-center { justify-items: center; } .content-center { justify-content: center; } .items-right { justify-items: end; } .content-right { justify-content: end; } .items-top { align-items: start; } .content-top { align-content: start; } .items-middle { align-items: center; } .content-middle { align-content: center; } .items-bottom { align-items: end; } .content-bottom { align-content: end; } .items-stretch { align-items: stretch; } .content-stretch { justify-content: stretch; } .space-between { justify-content: space-between; } .space-around { justify-content: space-around; } .space-evenly { justify-content: space-evenly; } .self-left { margin-right: auto; place-self: start; } .self-center { margin-inline: auto; place-self: center; } .self-right { margin-left: auto; place-self: end; } .self-top { margin-bottom: auto; align-self: start; } .self-middle { margin-block: auto; align-self: center; } .self-bottom { margin-top: auto; align-self: end; } .self-stretch { align-self: stretch; } .full-width { width: 100%; } .full-height { height: 100%; } .screen-width { width: 100vw; } .screen-height { height: 100vh; } .auto-width { width: auto; } .auto-height { height: auto; } .width-90 { width: 90%; } .width-80 { width: 80%; } .width-70 { width: 70%; } .width-60 { width: 60%; } .width-50 { width: 50%; } .width-40 { width: 40%; } .width-30 { width: 30%; } .width-20 { width: 20%; } .width-10 { width: 10%; } .radius-xs { border-radius: var(--radius-xs); } .radius-s { border-radius: var(--radius-s); } .radius-m { border-radius: var(--radius-m); } .radius-l { border-radius: var(--radius-l); } .radius-xl { border-radius: var(--radius-xl); } .radius-full { border-radius: var(--radius-full); } .border { border-width: 1px; border-style: solid; } .border-none { border: none; } .border-vertical { border-block: 1px solid; } .border-left { border-left-width: 1px; border-left-style: solid; } .border-right { border-right-width: 1px; border-right-style: solid; } .border-top { border-top-width: 1px; border-top-style: solid; } .border-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .border-2 { border-width: 2px; border-style: solid; } .border-vertical-2 { border-block: 2px solid; } .border-top-2 { border-top-width: 2px; border-top-style: solid; } .border-bottom-2 { border-bottom-width: 2px; border-bottom-style: solid; } .border-4 { border-width: 4px; border-style: solid; } .border-bottom-4 { border-bottom-width: 4px; border-bottom-style: solid; } .border-6 { border-width: 6px; border-style: solid; } .border-8 { border-width: 8px; border-style: solid; } .border-dash { border-style: dashed !important; } .aspect-1 { aspect-ratio: 1; } .aspect-4-3 { aspect-ratio: 4 / 3; } .aspect-3-4 { aspect-ratio: 3 / 4; } .aspect-3-2 { aspect-ratio: 3 / 2; } .aspect-2-3 { aspect-ratio: 2 / 3; } .aspect-16-9 { aspect-ratio: 16 / 9; } .aspect-9-16 { aspect-ratio: 9 / 16; } .display-none { display: none; } .visible { visibility: visible; } .hidden { visibility: hidden; } .overflow-hidden { overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-auto { overflow-y: auto; } .list-none { list-style-type: none; } .white-space-nowrap { white-space: nowrap; } .transition-global { transition: all 0.3s ease-in-out; } :where(.button) { transition: background-color 0.3s ease-in-out,color 0.3s ease-in-out; } .relative { position: relative; } .absolute { position: absolute; } .sticky { position: sticky; } .fixed { position: fixed; } .inset-0 { inset: 0; } .bottom-0 { bottom: 0; } .top-0 { top: 0; } .left-0 { left: 0; } .right-0 { right: 0; } .pointer { cursor: pointer; } .not-allowed { cursor: not-allowed; } .cursor-auto { cursor: auto; } .no-pointer-events { pointer-events: none; } .z--1 { z-index: -1; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-10 { z-index: 10; } .z-100 { z-index: 100; } .z-1000 { z-index: 1000; } .z-10000 { z-index: 10000; } svg { fill: var(--primary); } @media (max-width: 1400px) { .column--on-xl { grid-template-columns: 1fr; grid-auto-flow: row; } .row--on-xl { grid-template-columns: unset; grid-auto-flow: column; } .columns-2--on-xl { grid-template-columns: var(--columns-2); } .columns-3--on-xl { grid-template-columns: var(--columns-3); } .columns-4--on-xl { grid-template-columns: var(--columns-4); } .columns-5--on-xl { grid-template-columns: var(--columns-5); } .columns-6--on-xl { grid-template-columns: var(--columns-6); } .col-span-1--on-xl { grid-column: auto / span 1; } .col-span-2--on-xl { grid-column: auto / span 2; } .col-span-3--on-xl { grid-column: auto / span 3; } .col-span-4--on-xl { grid-column: auto / span 4; } .col-span-5--on-xl { grid-column: auto / span 5; } .col-span-6--on-xl { grid-column: auto / span 6; } .col-start-1--on-xl { grid-column-start: 1; } .col-start-2--on-xl { grid-column-start: 2; } .col-start-3--on-xl { grid-column-start: 3; } .col-start-4--on-xl { grid-column-start: 4; } .col-start-5--on-xl { grid-column-start: 5; } .col-start-6--on-xl { grid-column-start: 6; } .row-span-1--on-xl { grid-row: auto / span 1; } .row-span-2--on-xl { grid-row: auto / span 2; } .row-span-3--on-xl { grid-row: auto / span 3; } .row-span-4--on-xl { grid-row: auto / span 4; } .row-span-5--on-xl { grid-row: auto / span 5; } .row-span-6--on-xl { grid-row: auto / span 6; } .row-start-1--on-xl { grid-row-start: 1; } .row-start-2--on-xl { grid-row-start: 2; } .row-start-3--on-xl { grid-row-start: 3; } .row-start-4--on-xl { grid-row-start: 4; } .row-start-5--on-xl { grid-row-start: 5; } .row-start-6--on-xl { grid-row-start: 6; } } @media (max-width: 991px) { .padding-horizontal-4xs--on-l { padding-inline: var(--space-4xs); } .padding-horizontal-3xs--on-l { padding-inline: var(--space-3xs); } .padding-horizontal-2xs--on-l { padding-inline: var(--space-2xs); } .padding-horizontal-xs--on-l { padding-inline: var(--space-xs); } .padding-horizontal-s--on-l { padding-inline: var(--space-s); } .padding-horizontal-m--on-l { padding-inline: var(--space-m); } .padding-horizontal-l--on-l { padding-inline: var(--space-l); } .padding-horizontal-xl--on-l { padding-inline: var(--space-xl); } .padding-horizontal-2xl--on-l { padding-inline: var(--space-2xl); } .padding-horizontal-3xl--on-l { padding-inline: var(--space-3xl); } .padding-horizontal-4xl--on-l { padding-inline: var(--space-4xl); } .padding-horizontal-0--on-l { padding-inline: 0; } .padding-top-4xs--on-l { padding-top: var(--space-4xs); } .padding-top-3xs--on-l { padding-top: var(--space-3xs); } .padding-top-2xs--on-l { padding-top: var(--space-2xs); } .padding-top-xs--on-l { padding-top: var(--space-xs); } .padding-top-s--on-l { padding-top: var(--space-s); } .padding-top-m--on-l { padding-top: var(--space-m); } .padding-top-l--on-l { padding-top: var(--space-l); } .padding-top-xl--on-l { padding-top: var(--space-xl); } .padding-top-2xl--on-l { padding-top: var(--space-2xl); } .padding-top-3xl--on-l { padding-top: var(--space-3xl); } .padding-top-4xl--on-l { padding-top: var(--space-4xl); } .padding-top-0--on-l { padding-top: 0; } .padding-bottom-4xs--on-l { padding-bottom: var(--space-4xs); } .padding-bottom-3xs--on-l { padding-bottom: var(--space-3xs); } .padding-bottom-2xs--on-l { padding-bottom: var(--space-2xs); } .padding-bottom-xs--on-l { padding-bottom: var(--space-xs); } .padding-bottom-s--on-l { padding-bottom: var(--space-s); } .padding-bottom-m--on-l { padding-bottom: var(--space-m); } .padding-bottom-l--on-l { padding-bottom: var(--space-l); } .padding-bottom-xl--on-l { padding-bottom: var(--space-xl); } .padding-bottom-2xl--on-l { padding-bottom: var(--space-2xl); } .padding-bottom-3xl--on-l { padding-bottom: var(--space-3xl); } .padding-bottom-4xl--on-l { padding-bottom: var(--space-4xl); } .padding-bottom-0--on-l { padding-bottom: 0; } .padding-vertical-4xs--on-l { padding-block: var(--space-4xs); } .padding-vertical-3xs--on-l { padding-block: var(--space-3xs); } .padding-vertical-2xs--on-l { padding-block: var(--space-2xs); } .padding-vertical-xs--on-l { padding-block: var(--space-xs); } .padding-vertical-s--on-l { padding-block: var(--space-s); } .padding-vertical-m--on-l { padding-block: var(--space-m); } .padding-vertical-l--on-l { padding-block: var(--space-l); } .padding-vertical-xl--on-l { padding-block: var(--space-xl); } .padding-vertical-2xl--on-l { padding-block: var(--space-2xl); } .padding-vertical-3xl--on-l { padding-block: var(--space-3xl); } .padding-vertical-4xl--on-l { padding-block: var(--space-4xl); } .padding-vertical-0--on-l { padding-block: 0; } .padding-4xs--on-l { padding: var(--space-4xs); } .padding-3xs--on-l { padding: var(--space-3xs); } .padding-2xs--on-l { padding: var(--space-2xs); } .padding-xs--on-l { padding: var(--space-xs); } .padding-s--on-l { padding: var(--space-s); } .padding-m--on-l { padding: var(--space-m); } .padding-l--on-l { padding: var(--space-l); } .padding-xl--on-l { padding: var(--space-xl); } .padding-2xl--on-l { padding: var(--space-2xl); } .padding-3xl--on-l { padding: var(--space-3xl); } .padding-4xl--on-l { padding: var(--space-4xl); } .padding-0--on-l { padding: 0; } .margin-horizontal-4xs--on-l { margin-inline: var(--space-4xs); } .margin-horizontal-3xs--on-l { margin-inline: var(--space-3xs); } .margin-horizontal-2xs--on-l { margin-inline: var(--space-2xs); } .margin-horizontal-xs--on-l { margin-inline: var(--space-xs); } .margin-horizontal-s--on-l { margin-inline: var(--space-s); } .margin-horizontal-m--on-l { margin-inline: var(--space-m); } .margin-horizontal-l--on-l { margin-inline: var(--space-l); } .margin-horizontal-xl--on-l { margin-inline: var(--space-xl); } .margin-horizontal-2xl--on-l { margin-inline: var(--space-2xl); } .margin-horizontal-3xl--on-l { margin-inline: var(--space-3xl); } .margin-horizontal-4xl--on-l { margin-inline: var(--space-4xl); } .margin-horizontal-0--on-l { margin-inline: 0; } .margin-vertical-4xs--on-l { margin-block: var(--space-4xs); } .margin-vertical-3xs--on-l { margin-block: var(--space-3xs); } .margin-vertical-2xs--on-l { margin-block: var(--space-2xs); } .margin-vertical-xs--on-l { margin-block: var(--space-xs); } .margin-vertical-s--on-l { margin-block: var(--space-s); } .margin-vertical-m--on-l { margin-block: var(--space-m); } .margin-vertical-l--on-l { margin-block: var(--space-l); } .margin-vertical-xl--on-l { margin-block: var(--space-xl); } .margin-vertical-2xl--on-l { margin-block: var(--space-2xl); } .margin-vertical-3xl--on-l { margin-block: var(--space-3xl); } .margin-vertical-4xl--on-l { margin-block: var(--space-4xl); } .margin-vertical-0--on-l { margin-block: 0; } .margin-4xs--on-l { margin: var(--space-4xs); margin: var(--space-4xl); } .margin-3xs--on-l { margin: var(--space-3xs); } .margin-2xs--on-l { margin: var(--space-2xs); } .margin-xs--on-l { margin: var(--space-xs); } .margin-s--on-l { margin: var(--space-s); } .margin-m--on-l { margin: var(--space-m); } .margin-l--on-l { margin: var(--space-l); } .margin-xl--on-l { margin: var(--space-xl); } .margin-2xl--on-l { margin: var(--space-2xl); } .margin-3xl--on-l { margin: var(--space-3xl); } .margin-0--on-l { margin: 0; } .gap-4xs--on-l { gap: var(--space-4xs); } .gap-3xs--on-l { gap: var(--space-3xs); } .gap-2xs--on-l { gap: var(--space-2xs); } .gap-xs--on-l { gap: var(--space-xs); } .gap-s--on-l { gap: var(--space-s); } .gap-0--on-l { gap: 0; } .gap-horizontal-4xs--on-l { column-gap: var(--space-4xs); } .gap-horizontal-3xs--on-l { column-gap: var(--space-3xs); } .gap-horizontal-2xs--on-l { column-gap: var(--space-2xs); } .gap-horizontal-xs--on-l { column-gap: var(--space-xs); } .gap-horizontal-s--on-l { column-gap: var(--space-s); } .gap-horizontal-0--on-l { column-gap: 0; } .gap-vertical-4xs--on-l { row-gap: var(--space-4xs); } .gap-vertical-3xs--on-l { row-gap: var(--space-3xs); } .gap-vertical-2xs--on-l { row-gap: var(--space-2xs); } .gap-vertical-xs--on-l { row-gap: var(--space-xs); } .gap-vertical-s--on-l { row-gap: var(--space-s); } .gap-vertical-0--on-l { row-gap: 0; } .column--on-l { grid-template-columns: 1fr; grid-auto-flow: row; } .row--on-l { grid-template-columns: unset; grid-auto-flow: column; } .columns-2--on-l { grid-template-columns: var(--columns-2); } .columns-3--on-l { grid-template-columns: var(--columns-3); } .columns-4--on-l { grid-template-columns: var(--columns-4); } .columns-5--on-l { grid-template-columns: var(--columns-5); } .columns-6--on-l { grid-template-columns: var(--columns-6); } .columns-7--on-l { grid-template-columns: var(--columns-7); } .columns-8--on-l { grid-template-columns: var(--columns-8); } .columns-9--on-l { grid-template-columns: var(--columns-9); } .flex-row--on-l { flex-direction: row; } .flex-column--on-l { flex-direction: column; } .flex-1--on-l { flex: 1; } .flex-2--on-l { flex: 2; } .flex-3--on-l { flex: 3; } .flex-wrap--on-l { flex-wrap: wrap; } .flex-nowrap--on-l { flex-wrap: nowrap; } .col-span-1--on-l { grid-column: auto / span 1; } .col-span-2--on-l { grid-column: auto / span 2; } .col-span-3--on-l { grid-column: auto / span 3; } .col-span-4--on-l { grid-column: auto / span 4; } .col-span-5--on-l { grid-column: auto / span 5; } .col-span-6--on-l { grid-column: auto / span 6; } .col-start-1--on-l { grid-column-start: 1; } .col-start-2--on-l { grid-column-start: 2; } .col-start-3--on-l { grid-column-start: 3; } .col-start-4--on-l { grid-column-start: 4; } .col-start-5--on-l { grid-column-start: 5; } .col-start-6--on-l { grid-column-start: 6; } .row-span-1--on-l { grid-row: auto / span 1; } .row-span-2--on-l { grid-row: auto / span 2; } .row-span-3--on-l { grid-row: auto / span 3; } .row-span-4--on-l { grid-row: auto / span 4; } .row-span-5--on-l { grid-row: auto / span 5; } .row-span-6--on-l { grid-row: auto / span 6; } .row-start-1--on-l { grid-row-start: 1; } .row-start-2--on-l { grid-row-start: 2; } .row-start-3--on-l { grid-row-start: 3; } .row-start-4--on-l { grid-row-start: 4; } .row-start-5--on-l { grid-row-start: 5; } .row-start-6--on-l { grid-row-start: 6; } .items-left--on-l { justify-items: start; } .content-left--on-l { justify-content: start; } .items-center--on-l { justify-items: center; } .content-center--on-l { justify-content: center; } .items-right--on-l { justify-items: end; } .content-right--on-l { justify-content: end; } .items-top--on-l { align-items: start; } .content-top--on-l { align-content: start; } .items-middle--on-l { align-items: center; } .content-middle--on-l { align-content: center; } .items-bottom--on-l { align-items: end; } .content-bottom--on-l { align-content: end; } .items-stretch--on-l { align-items: stretch; } .content-stretch--on-l { justify-content: stretch; } .space-between--on-l { justify-content: space-between; } .space-around--on-l { justify-content: space-around; } .space-evenly--on-l { justify-content: space-evenly; } .self-left--on-l { margin-right: auto; place-self: start; } .self-center--on-l { margin-inline: auto; place-self: center; } .self-right--on-l { margin-left: auto; place-self: end; } .self-top--on-l { margin-bottom: auto; align-self: start; } .self-middle--on-l { margin-block: auto; align-self: center; } .self-bottom--on-l { margin-top: auto; align-self: end; } .self-stretch--on-l { align-self: stretch; } .full-width--on-l { width: 100%; } .full-height--on-l { height: 100%; } .auto-width--on-l { width: auto; } .width-90--on-l { width: 90%; } .width-80--on-l { width: 80%; } .width-70--on-l { width: 70%; } .width-60--on-l { width: 60%; } .width-50--on-l { width: 50%; } .width-40--on-l { width: 40%; } .border-none--on-l { border: none; } .border-2--on-l { border-width: 2px; border-style: solid; } .border-6--on-l { border-width: 6px; border-style: solid; } .border-4--on-l { border-width: 4px; border-style: solid; } } @media (max-width: 768px) { .display-none--on-m { display: none; } } @media (max-width: 767px) { .text-center--on-m { text-align: center; } .text-left--on-m { text-align: left; } .text-right--on-m { text-align: right; } .text-align-last-center--on-m { text-align-last: center; } .text-align-last-left--on-m { text-align-last: left; } .text-justify--on-m { text-align: justify; overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } .padding-horizontal-4xs--on-m { padding-inline: var(--space-4xs); } .padding-horizontal-3xs--on-m { padding-inline: var(--space-3xs); } .padding-horizontal-2xs--on-m { padding-inline: var(--space-2xs); } .padding-horizontal-xs--on-m { padding-inline: var(--space-xs); } .padding-horizontal-s--on-m { padding-inline: var(--space-s); } .padding-horizontal-m--on-m { padding-inline: var(--space-m); } .padding-horizontal-l--on-m { padding-inline: var(--space-l); } .padding-horizontal-xl--on-m { padding-inline: var(--space-xl); } .padding-horizontal-2xl--on-m { padding-inline: var(--space-2xl); } .padding-horizontal-3xl--on-m { padding-inline: var(--space-2xl); } .padding-horizontal-4xl--on-m { padding-inline: var(--space-4xl); } .padding-horizontal-0--on-m { padding-inline: 0; } .padding-top-4xs--on-m { padding-top: var(--space-4xs); } .padding-top-3xs--on-m { padding-top: var(--space-3xs); } .padding-top-2xs--on-m { padding-top: var(--space-2xs); } .padding-top-xs--on-m { padding-top: var(--space-xs); } .padding-top-s--on-m { padding-top: var(--space-s); } .padding-top-m--on-m { padding-top: var(--space-m); } .padding-top-l--on-m { padding-top: var(--space-l); } .padding-top-xl--on-m { padding-top: var(--space-xl); } .padding-top-2xl--on-m { padding-top: var(--space-2xl); } .padding-top-3xl--on-m { padding-top: var(--space-2xl); } .padding-top-4xl--on-m { padding-top: var(--space-4xl); } .padding-top-0--on-m { padding-top: 0; } .padding-bottom-4xs--on-m { padding-bottom: var(--space-4xs); } .padding-bottom-3xs--on-m { padding-bottom: var(--space-3xs); } .padding-bottom-2xs--on-m { padding-bottom: var(--space-2xs); } .padding-bottom-xs--on-m { padding-bottom: var(--space-xs); } .padding-bottom-s--on-m { padding-bottom: var(--space-s); } .padding-bottom-m--on-m { padding-bottom: var(--space-m); } .padding-bottom-l--on-m { padding-bottom: var(--space-l); } .padding-bottom-xl--on-m { padding-bottom: var(--space-xl); } .padding-bottom-2xl--on-m { padding-bottom: var(--space-2xl); } .padding-bottom-3xl--on-m { padding-bottom: var(--space-2xl); } .padding-bottom-4xl--on-m { padding-bottom: var(--space-4xl); } .padding-bottom-0--on-m { padding-bottom: 0; } .padding-vertical-4xs--on-m { padding-block: var(--space-4xs); } .padding-vertical-3xs--on-m { padding-block: var(--space-3xs); } .padding-vertical-2xs--on-m { padding-block: var(--space-2xs); } .padding-vertical-xs--on-m { padding-block: var(--space-xs); } .padding-vertical-s--on-m { padding-block: var(--space-s); } .padding-vertical-m--on-m { padding-block: var(--space-m); } .padding-vertical-l--on-m { padding-block: var(--space-l); } .padding-vertical-xl--on-m { padding-block: var(--space-xl); } .padding-vertical-2xl--on-m { padding-block: var(--space-2xl); } .padding-vertical-3xl--on-m { padding-block: var(--space-3xl); } .padding-vertical-4xl--on-m { padding-block: var(--space-4xl); } .padding-vertical-0--on-m { padding-block: 0; } .padding-4xs--on-m { padding: var(--space-4xs); } .padding-3xs--on-m { padding: var(--space-3xs); } .padding-2xs--on-m { padding: var(--space-2xs); } .padding-xs--on-m { padding: var(--space-xs); } .padding-s--on-m { padding: var(--space-s); } .padding-m--on-m { padding: var(--space-m); } .padding-l--on-m { padding: var(--space-l); } .padding-xl--on-m { padding: var(--space-xl); } .padding-2xl--on-m { padding: var(--space-2xl); } .padding-3xl--on-m { padding: var(--space-3xl); } .padding-4xl--on-m { padding: var(--space-4xl); } .padding-0--on-m { padding: 0; } .margin-horizontal-4xs--on-m { margin-inline: var(--space-4xs); } .margin-horizontal-3xs--on-m { margin-inline: var(--space-3xs); } .margin-horizontal-2xs--on-m { margin-inline: var(--space-2xs); } .margin-horizontal-xs--on-m { margin-inline: var(--space-xs); } .margin-horizontal-s--on-m { margin-inline: var(--space-s); } .margin-horizontal-m--on-m { margin-inline: var(--space-m); } .margin-horizontal-l--on-m { margin-inline: var(--space-l); } .margin-horizontal-xl--on-m { margin-inline: var(--space-xl); } .margin-horizontal-2xl--on-m { margin-inline: var(--space-2xl); } .margin-horizontal-3xl--on-m { margin-inline: var(--space-3xl); } .margin-horizontal-4xl--on-m { margin-inline: var(--space-4xl); } .margin-horizontal-0--on-m { margin-inline: 0; } .margin-vertical-4xs--on-m { margin-block: var(--space-4xs); } .margin-vertical-3xs--on-m { margin-block: var(--space-3xs); } .margin-vertical-2xs--on-m { margin-block: var(--space-2xs); } .margin-vertical-xs--on-m { margin-block: var(--space-xs); } .margin-vertical-s--on-m { margin-block: var(--space-s); } .margin-vertical-m--on-m { margin-block: var(--space-m); } .margin-vertical-l--on-m { margin-block: var(--space-l); } .margin-vertical-xl--on-m { margin-block: var(--space-xl); } .margin-vertical-2xl--on-m { margin-block: var(--space-2xl); } .margin-vertical-3xl--on-m { margin-block: var(--space-3xl); } .margin-vertical-4xl--on-m { margin-block: var(--space-4xl); } .margin-vertical-0--on-m { margin-block: 0; } .margin-4xs--on-m { margin: var(--space-4xs); } .margin-3xs--on-m { margin: var(--space-3xs); } .margin-2xs--on-m { margin: var(--space-2xs); } .margin-xs--on-m { margin: var(--space-xs); } .margin-s--on-m { margin: var(--space-s); } .margin-m--on-m { margin: var(--space-m); } .margin-l--on-m { margin: var(--space-l); } .margin-xl--on-m { margin: var(--space-xl); } .margin-2xl--on-m { margin: var(--space-xl); } .margin-3xl--on-m { margin: var(--space-3xl); } .margin-4xl--on-m { margin: var(--space-4xl); } .margin-0--on-m { margin: 0; } .gap-4xs--on-m { gap: var(--space-4xs); } .gap-3xs--on-m { gap: var(--space-3xs); } .gap-2xs--on-m { gap: var(--space-2xs); } .gap-xs--on-m { gap: var(--space-xs); } .gap-s--on-m { gap: var(--space-s); } .gap-m--on-m { gap: var(--space-m); } .gap-l--on-m { gap: var(--space-l); } .gap-xl--on-m { gap: var(--space-xl); } .gap-2xl--on-m { gap: var(--space-2xl); } .gap-3xl--on-m { gap: var(--space-3xl); } .gap-4xl--on-m { gap: var(--space-4xl); } .gap-0--on-m { gap: 0; } .gap-horizontal-4xs--on-m { column-gap: var(--space-4xs); } .gap-horizontal-3xs--on-m { column-gap: var(--space-3xs); } .gap-horizontal-2xs--on-m { column-gap: var(--space-2xs); } .gap-horizontal-xs--on-m { column-gap: var(--space-xs); } .gap-horizontal-s--on-m { column-gap: var(--space-s); } .gap-horizontal-m--on-m { column-gap: var(--space-m); } .gap-horizontal-l--on-m { column-gap: var(--space-l); } .gap-horizontal-xl--on-m { column-gap: var(--space-xl); } .gap-horizontal-2xl--on-m { column-gap: var(--space-2xl); } .gap-horizontal-3xl--on-m { column-gap: var(--space-3xl); } .gap-horizontal-4xl--on-m { column-gap: var(--space-4xl); } .gap-horizontal-0--on-m { column-gap: 0; } .gap-vertical-4xs--on-m { row-gap: var(--space-4xs); } .gap-vertical-3xs--on-m { row-gap: var(--space-3xs); } .gap-vertical-2xs--on-m { row-gap: var(--space-2xs); } .gap-vertical-xs--on-m { row-gap: var(--space-xs); } .gap-vertical-s--on-m { row-gap: var(--space-s); } .gap-vertical-m--on-m { row-gap: var(--space-m); } .gap-vertical-l--on-m { row-gap: var(--space-l); } .gap-vertical-xl--on-m { row-gap: var(--space-xl); } .gap-vertical-2xl--on-m { row-gap: var(--space-2xl); } .gap-vertical-3xl--on-m { row-gap: var(--space-3xl); } .gap-vertical-4xl--on-m { row-gap: var(--space-4xl); } .gap-vertical-0--on-m { row-gap: 0; } .column--on-m { grid-template-columns: 1fr; grid-auto-flow: row; } .row--on-m { grid-template-columns: unset; grid-auto-flow: column; } .columns-2--on-m { grid-template-columns: var(--columns-2); } .columns-3--on-m { grid-template-columns: var(--columns-3); } .columns-4--on-m { grid-template-columns: var(--columns-4); } .columns-5--on-m { grid-template-columns: var(--columns-5); } .columns-6--on-m { grid-template-columns: var(--columns-6); } .columns-7--on-m { grid-template-columns: var(--columns-7); } .columns-8--on-m { grid-template-columns: var(--columns-8); } .columns-9--on-m { grid-template-columns: var(--columns-9); } .flex-row--on-m { flex-direction: row; } .flex-column--on-m { flex-direction: column; } .flex-1--on-m { flex: 1; } .flex-2--on-m { flex: 2; } .flex-3--on-m { flex: 3; } .flex-wrap--on-m { flex-wrap: wrap; } .flex-nowrap--on-m { flex-wrap: nowrap; } .col-span-1--on-m { grid-column: auto / span 1; } .col-span-2--on-m { grid-column: auto / span 2; } .col-span-3--on-m { grid-column: auto / span 3; } .col-span-4--on-m { grid-column: auto / span 4; } .col-span-5--on-m { grid-column: auto / span 5; } .col-span-6--on-m { grid-column: auto / span 6; } .col-start-1--on-m { grid-column: 1; } .col-start-2--on-m { grid-column: 2; } .col-start-3--on-m { grid-column: 3; } .col-start-4--on-m { grid-column: 4; } .col-start-5--on-m { grid-column: 5; } .col-start-6--on-m { grid-column: 6; } .row-span-1--on-m { grid-row: auto / span 1; } .row-span-2--on-m { grid-row: auto / span 2; } .row-span-3--on-m { grid-row: auto / span 3; } .row-span-4--on-m { grid-row: auto / span 4; } .row-span-5--on-m { grid-row: auto / span 5; } .row-span-6--on-m { grid-row: auto / span 6; } .row-start-1--on-m { grid-row-start: 1; } .row-start-2--on-m { grid-row-start: 2; } .row-start-3--on-m { grid-row-start: 3; } .row-start-4--on-m { grid-row-start: 4; } .row-start-5--on-m { grid-row-start: 5; } .row-start-6--on-m { grid-row-start: 6; } .items-left--on-m { justify-items: start; } .content-left--on-m { justify-content: start; } .items-center--on-m { justify-items: center; } .content-center--on-m { justify-content: center; } .items-right--on-m { justify-items: end; } .content-right--on-m { justify-content: end; } .items-top--on-m { align-items: start; } .content-top--on-m { align-content: start; } .items-middle--on-m { align-items: center; } .content-middle--on-m { align-content: center; } .items-bottom--on-m { align-items: end; } .content-bottom--on-m { align-content: end; } .items-stretch--on-m { align-items: stretch; } .content-stretch--on-m { justify-content: stretch; } .space-between--on-m { justify-content: space-between; } .space-around--on-m { justify-content: space-around; } .space-evenly--on-m { justify-content: space-evenly; } .self-left--on-m { margin-right: auto; place-self: start; } .self-center--on-m { margin-inline: auto; place-self: center; } .self-right--on-m { margin-left: auto; place-self: end; } .self-top--on-m { margin-bottom: auto; place-self: start; } .self-middle--on-m { margin-block: auto; place-self: center; } .self-bottom--on-m { margin-top: auto; place-self: end; } .self-stretch--on-m { align-self: stretch; } .full-width--on-m { width: 100%; } .full-height--on-m { height: 100%; } .screen-width--on-m { width: 100vw; } .screen-height--on-m { height: 100vh; } .auto-width--on-m { width: auto; } .auto-height--on-m { height: auto; } .width-70--on-m { width: 70%; } .width-60--on-m { width: 60%; } .width-50--on-m { width: 50%; } .width-40--on-m { width: 40%; } .width-30--on-m { width: 30%; } .width-20--on-m { width: 20%; } .width-10--on-m { width: 10%; } } @media (max-width: 478px) { .text-center--on-s { text-align: center; } .text-left--on-s { text-align: left; } .text-right--on-s { text-align: right; } .text-align-last-center--on-s { text-align-last: center; } .text-align-last-left--on-s { text-align-last: left; } .text-justify--on-s { text-align: justify; overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } .padding-horizontal-4xs--on-s { padding-inline: var(--space-4xs); } .padding-horizontal-3xs--on-s { padding-inline: var(--space-3xs); } .padding-horizontal-2xs--on-s { padding-inline: var(--space-2xs); } .padding-horizontal-xs--on-s { padding-inline: var(--space-xs); } .padding-horizontal-s--on-s { padding-inline: var(--space-s); } .padding-horizontal-m--on-s { padding-inline: var(--space-m); } .padding-horizontal-l--on-s { padding-inline: var(--space-l); } .padding-horizontal-xl--on-s { padding-inline: var(--space-xl); } .padding-horizontal-2xl--on-s { padding-inline: var(--space-2xl); } .padding-horizontal-3xl--on-s { padding-inline: var(--space-3xl); } .padding-horizontal-4xl--on-s { padding-inline: var(--space-4xl); } .padding-horizontal-0--on-s { padding-inline: 0; } .padding-vertical-4xs--on-s { padding-block: var(--space-4xs); } .padding-vertical-3xs--on-s { padding-block: var(--space-3xs); } .padding-vertical-2xs--on-s { padding-block: var(--space-2xs); } .padding-vertical-xs--on-s { padding-block: var(--space-xs); } .padding-vertical-s--on-s { padding-block: var(--space-s); } .padding-vertical-m--on-s { padding-block: var(--space-m); } .padding-vertical-l--on-s { padding-block: var(--space-l); } .padding-vertical-xl--on-s { padding-block: var(--space-xl); } .padding-vertical-2xl--on-s { padding-block: var(--space-2xl); } .padding-vertical-3xl--on-s { padding-block: var(--space-3xl); } .padding-vertical-4xl--on-s { padding-block: var(--space-4xl); } .padding-vertical-0--on-s { padding-block: 0; } .padding-top-4xs--on-s { padding-top: var(--space-4xs); } .padding-top-3xs--on-s { padding-top: var(--space-3xs); } .padding-top-2xs--on-s { padding-top: var(--space-2xs); } .padding-top-xs--on-s { padding-top: var(--space-xs); } .padding-top-s--on-s { padding-top: var(--space-s); } .padding-top-m--on-s { padding-top: var(--space-m); } .padding-top-l--on-s { padding-top: var(--space-l); } .padding-top-xl--on-s { padding-top: var(--space-xl); } .padding-top-2xl--on-s { padding-top: var(--space-2xl); } .padding-top-3xl--on-s { padding-top: var(--space-3xl); } .padding-top-4xl--on-s { padding-top: var(--space-4xl); } .padding-top-0--on-s { padding-top: 0; } .padding-bottom-4xs--on-s { padding-bottom: var(--space-4xs); } .padding-bottom-3xs--on-s { padding-bottom: var(--space-3xs); } .padding-bottom-2xs--on-s { padding-bottom: var(--space-2xs); } .padding-bottom-xs--on-s { padding-bottom: var(--space-xs); } .padding-bottom-s--on-s { padding-bottom: var(--space-s); } .padding-bottom-m--on-s { padding-bottom: var(--space-m); } .padding-bottom-l-on-s { padding-bottom: var(--space-l); } .padding-bottom-xl-on-s { padding-bottom: var(--space-xl); } .padding-bottom-2xl-on-s { padding-bottom: var(--space-2xl); } .padding-bottom-3xl-on-s { padding-bottom: var(--space-3xl); } .padding-bottom-4xl-on-s { padding-bottom: var(--space-4xl); } .padding-bottom-0-on-s { padding-bottom: 0; } .padding-4xs--on-s { padding: var(--space-4xs); } .padding-3xs--on-s { padding: var(--space-3xs); } .padding-2xs--on-s { padding: var(--space-2xs); } .padding-xs--on-s { padding: var(--space-xs); } .padding-s--on-s { padding: var(--space-s); } .padding-m--on-s { padding: var(--space-m); } .padding-l--on-s { padding: var(--space-l); } .padding-xl--on-s { padding: var(--space-xl); } .padding-2xl--on-s { padding: var(--space-2xl); } .padding-3xl--on-s { padding: var(--space-3xl); } .padding-4xl--on-s { padding: var(--space-4xl); } .padding-0--on-s { padding: 0; } .margin-horizontal-4xs--on-s { margin-inline: var(--space-4xs); } .margin-horizontal-3xs--on-s { margin-inline: var(--space-3xs); } .margin-horizontal-2xs--on-s { margin-inline: var(--space-2xs); } .margin-horizontal-xs--on-s { margin-inline: var(--space-xs); } .margin-horizontal-s--on-s { margin-inline: var(--space-s); } .margin-horizontal-m--on-s { margin-inline: var(--space-m); } .margin-horizontal-l--on-s { margin-inline: var(--space-l); } .margin-horizontal-xl--on-s { margin-inline: var(--space-xl); } .margin-horizontal-2xl--on-s { margin-inline: var(--space-2xl); } .margin-horizontal-3xl--on-s { margin-inline: var(--space-3xl); } .margin-horizontal-4xl--on-s { margin-inline: var(--space-4xl); } .margin-horizontal-0--on-s { margin-inline: 0; } .margin-vertical-4xs--on-s { margin-block: var(--space-4xs); } .margin-vertical-3xs--on-s { margin-block: var(--space-3xs); } .margin-vertical-2xs--on-s { margin-block: var(--space-2xs); } .margin-vertical-xs--on-s { margin-block: var(--space-xs); } .margin-vertical-s--on-s { margin-block: var(--space-s); } .margin-vertical-m--on-s { margin-block: var(--space-m); } .margin-vertical-l--on-s { margin-block: var(--space-l); } .margin-vertical-xl--on-s { margin-block: var(--space-xl); } .margin-vertical-2xl--on-s { margin-block: var(--space-2xl); } .margin-vertical-3xl--on-s { margin-block: var(--space-3xl); } .margin-vertical-4xl--on-s { margin-block: var(--space-4xl); } .margin-vertical-0--on-s { margin-block: 0; } .margin-4xs--on-s { margin: var(--space-4xs); } .margin-3xs--on-s { margin: var(--space-3xs); } .margin-2xs--on-s { margin: var(--space-2xs); } .margin-xs--on-s { margin: var(--space-xs); } .margin-s--on-s { margin: var(--space-s); } .margin-m--on-s { margin: var(--space-m); } .margin-l--on-s { margin: var(--space-l); } .margin-xl--on-s { margin: var(--space-xl); } .margin-2xl--on-s { margin: var(--space-2xl); } .margin-3xl--on-s { margin: var(--space-3xl); } .margin-4xl--on-s { margin: var(--space-4xl); } .margin-0--on-s { margin: 0; } .gap-4xs--on-s { column-gap: var(--space-4xs); row-gap: var(--space-4xs); } .gap-3xs--on-s { column-gap: var(--space-3xs); row-gap: var(--space-3xs); } .gap-2xs--on-s { column-gap: var(--space-2xs); row-gap: var(--space-2xs); } .gap-xs--on-s { column-gap: var(--space-xs); row-gap: var(--space-xs); } .gap-s--on-s { column-gap: var(--space-s); row-gap: var(--space-s); } .gap-m--on-s { column-gap: var(--space-m); row-gap: var(--space-m); } .gap-l--on-s { column-gap: var(--space-l); row-gap: var(--space-l); } .gap-xl--on-s { column-gap: var(--space-xl); row-gap: var(--space-xl); } .gap-2xl--on-s { column-gap: var(--space-2xl); row-gap: var(--space-2xl); } .gap-3xl--on-s { column-gap: var(--space-3xl); row-gap: var(--space-3xl); } .gap-4xl--on-s { column-gap: var(--space-4xl); row-gap: var(--space-4xl); } .gap-0--on-s { column-gap: 0; row-gap: 0; } .gap-horizontal-4xs--on-s { column-gap: var(--space-4xs); row-gap: var(--space-4xs); } .gap-horizontal-3xs--on-s { column-gap: var(--space-3xs); row-gap: var(--space-3xs); } .gap-horizontal-2xs--on-s { column-gap: var(--space-2xs); row-gap: var(--space-2xs); } .gap-horizontal-xs--on-s { column-gap: var(--space-xs); row-gap: var(--space-xs); } .gap-horizontal-s--on-s { column-gap: var(--space-s); row-gap: var(--space-s); } .gap-horizontal-m--on-s { column-gap: var(--space-m); row-gap: var(--space-m); } .gap-horizontal-l--on-s { column-gap: var(--space-l); row-gap: var(--space-l); } .gap-horizontal-xl--on-s { column-gap: var(--space-xl); row-gap: var(--space-xl); } .gap-horizontal-2xl--on-s { column-gap: var(--space-2xl); row-gap: var(--space-2xl); } .gap-horizontal-3xl--on-s { column-gap: var(--space-3xl); row-gap: var(--space-3xl); } .gap-horizontal-4xl--on-s { column-gap: var(--space-4xl); row-gap: var(--space-4xl); } .gap-horizontal-0--on-s { column-gap: 0; row-gap: 0; } .column--on-s { grid-template-columns: 1fr; grid-auto-flow: row; } .row--on-s { grid-template-columns: 1fr; grid-auto-flow: column; } .columns-2--on-s { grid-template-columns: var(--columns-2); } .columns-3--on-s { grid-template-columns: var(--columns-3); } .columns-4--on-s { grid-template-columns: var(--columns-4); } .columns-5--on-s { grid-template-columns: var(--columns-5); } .columns-6--on-s { grid-template-columns: var(--columns-6); } .flex-row--on-s { flex-direction: row; } .flex-column--on-s { flex-direction: column; } .flex-1--on-s { flex: 1; } .flex-2--on-s { flex: 2; } .flex-3--on-s { flex: 3; } .flex-wrap--on-s { flex-wrap: wrap; } .flex-nowrap--on-s { flex-wrap: nowrap; } .col-span-1--on-s { grid-column: auto / span 1; } .col-span-2--on-s { grid-column: auto / span 2; } .col-span-3--on-s { grid-column: auto / span 3; } .col-span-4--on-s { grid-column: auto / span 4; } .col-span-5--on-s { grid-column: auto / span 5; } .col-span-6--on-s { grid-column: auto / span 6; } .col-start-1--on-s { grid-column-start: 1; } .col-start-2--on-s { grid-column-start: 2; } .col-start-3--on-s { grid-column-start: 3; } .col-start-4--on-s { grid-column-start: 4; } .col-start-5--on-s { grid-column-start: 5; } .col-start-6--on-s { grid-column-start: 6; } .row-span-1--on-s { grid-row: auto / span 1; } .row-span-2--on-s { grid-row: auto / span 2; } .row-span-3--on-s { grid-row: auto / span 3; } .row-span-4--on-s { grid-row: auto / span 4; } .row-span-5--on-s { grid-row: auto / span 5; } .row-span-6--on-s { grid-row: auto / span 6; } .row-start-1--on-s { grid-row-start: 1; } .row-start-2--on-s { grid-row-start: 2; } .row-start-3--on-s { grid-row-start: 3; } .row-start-4--on-s { grid-row-start: 4; } .row-start-5--on-s { grid-row-start: 5; } .row-start-6--on-s { grid-row-start: 6; } .items-left--on-s { justify-items: start; } .content-left--on-s { justify-content: start; } .items-center--on-s { justify-items: center; } .content-center--on-s { justify-content: center; } .items-right--on-s { justify-items: end; } .content-right--on-s { justify-content: end; } .items-top--on-s { align-items: start; } .content-top--on-s { align-content: start; } .items-middle--on-s { align-items: center; } .content-middle--on-s { align-content: center; } .items-bottom--on-s { align-items: end; } .content-bottom--on-s { align-content: end; } .items-stretch--on-s { align-items: stretch; } .content-stretch--on-s { justify-content: stretch; } .space-between--on-s { justify-content: space-between; } .space-around--on-s { justify-content: space-around; } .space-evenly--on-s { justify-content: space-evenly; } .self-left--on-s { margin-right: auto; place-self: start; } .self-center--on-s { margin-inline: auto; place-self: center; } .self-right--on-s { margin-left: auto; place-self: end; } .self-top--on-s { margin-bottom: auto; place-self: start; } .self-middle--on-s { margin-block: auto; place-self: center; } .self-bottom--on-s { margin-top: auto; place-self: end; } .self-stretch--on-s { align-self: stretch; } .full-width--on-s { width: 100%; } .full-height--on-s { height: 100%; } .screen-width--on-s { width: 100vw; } .screen-height--on-s { height: 100vh; } .auto-width--on-s { width: auto; } .auto-height--on-s { height: auto; } .width-70--on-s { width: 70%; } .width-60--on-s { width: 60%; } .width-50--on-s { width: 50%; } .width-40--on-s { width: 40%; } .width-30--on-s { width: 30%; } .width-20--on-s { width: 20%; } .width-10--on-s { width: 10%; } } @media (prefers-reduced-motion: reduce) { *, ::before, ::after { animation-delay: -1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; background-attachment: initial !important; scroll-behavior: auto !important; transition-duration: 0s !important; transition-delay: 0s !important; } } body { min-height: 100vh !important; } body.bricks-is-frontend :focus-visible { outline: unset; } .button { transition: border-radius 0.3s ease-in-out; } .fkcart-shortcode-container .fkcart-shortcode-count[data-item-count="0"]{ display:none;}  #brx-header .wpml-ls .wpml-ls-flag { width: 24px; height: auto; }   img[data-lazyloaded]{ opacity: 0; }  img.litespeed-loaded{ -webkit-transition: all .3s linear 0.2s; -moz-transition: all .3s linear 0.2s; transition: all .3s linear 0.2s; opacity: 1; }