:root{ --black: var(--neutral); --text-dark: var(--neutral); --primary-ultra-dark:#160725; --radius-s: 0.6666666667rem; --link-weight: 400 } body .sub-menu a { color: #fff!important; } body .sub-menu a:hover { color: #e1e1e1!important; } @media(min-width:479px){ footer .bricks-nav-menu { flex-direction: column; gap: var(--space-xs); } } footer .bricks-nav-menu li { margin-left: 0; } footer .brxe-nav-menu ul li a, footer .legal-meta-bravo a { color: var(--accent-light); font-size: 14px; font-weight: 400; } .d-flex { display: flex; } .gap-m { gap: var(--space-m); } .gap-xs { gap: var(--space-xs); }  .fr-cta-bravo.brxe-section { padding-top: 20vh!important; padding-bottom: 12vh!important; position: relative; margin-top: 0; margin-right: var(--space-m); margin-bottom: var(--space-m); margin-left: var(--space-m); width: auto!important }  .fr-cta-bravo__image.brxe-image { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-l); overflow: hidden } .fr-cta-bravo__image.brxe-image img { object-fit: cover }  .fr-cta-bravo__inner.brxe-container { align-items: center; text-align: center; color: var(--fr-text-light); font-family: ""DM Sans""; row-gap: var(--fr-content-gap); position: relative }  @media (max-width: 767px) { .fr-cta-bravo__inner.brxe-container { text-align: left } }  .fr-cta-bravo__headings-wrapper.brxe-div { display: flex; row-gap: var(--fr-content-gap); flex-direction: column }  .fr-cta-bravo__buttons.brxe-div { display: flex; column-gap: var(--fr-content-gap); row-gap: var(--fr-content-gap) }  @media (max-width: 478px) { .fr-cta-bravo__buttons.brxe-div { flex-direction: column } header.sticky-scrolled .header-container { padding: calc(var(--space-xs) / 2) var(--space-xs)!important; } header.sticky-scrolled .header-container #brxe-zuxeam{ display:none; }  .fr-pricing-grid-lima.brxe-block { display: grid; grid-gap: var(--grid-gap); grid-template-columns: var(--grid-3); grid-template-rows: var(--grid-1); align-items: stretch }  @media (max-width: 767px) { .fr-pricing-grid-lima.brxe-block { grid-template-columns: 1 } .fr-pricing-grid-lima.brxe-block { display: flex } }  @media (max-width: 478px) { .fr-pricing-grid-lima { grid-template-columns: 1fr; } }  .fr-price-card-lima.brxe-block { padding-top: var(--space-l); padding-right: var(--space-l); padding-bottom: var(--space-l); padding-left: var(--space-l); border-radius: var(--fr-card-radius); row-gap: var(--content-gap); background-color: var(--fr-bg-light) }  .fr-price-card-lima__body.brxe-block { row-gap: 1em; }  @media (max-width: 767px) { .fr-price-card-lima__body.brxe-block { flex-wrap: nowrap } }  .fr-price-card-lima__price-wrapper.brxe-block { flex-direction: column; display: flex; align-items: flex-start; row-gap: .5em }  .fr-price-card-lima__price.brxe-div { display: flex; line-height: 1; font-size: calc(var(--h1) * 1.5) }  .fr-price-card-lima__price-period.brxe-text-basic { background-color: var(--shade-light-trans-40); border-radius: var(--fr-card-radius); padding-top: .75em; padding-right: 1.5em; padding-bottom: .75em; padding-left: 1.5em; font-size: var(--text-s); line-height: 1 }  .fr-price-card-lima__feature-list.brxe-block { row-gap: .25em }  .fr-price-card-lima__feature-item.brxe-block { flex-direction: row; column-gap: .75em; align-items: center }  @media (max-width: 767px) { .fr-price-card-lima__feature-item.brxe-block { flex-wrap: nowrap } }  .fr-price-card-lima__feature-icon.brxe-icon { font-size: var(--text-m) }  .fr-price-card-lima__price-currency.brxe-text-basic { top: -.25em }  .fr-price-card-lima--featured.brxe-block { background-color: var(--fr-bg-dark); color: var(--fr-text-light) }  .fr-price-card-lima--featured { position: relative; overflow: hidden; --ribbon-bg: var(--white);  --ribbon-text: var(--black);  } .fr-price-card-lima--featured::after { content: "Featured";  background-color: var(--ribbon-bg); color: var(--ribbon-text); line-height: 1; padding: .75em 1.5em; font-size: var(--text-s);  transform: translate(29.3%) rotate(45deg);  transform-origin: top left; position: absolute; inset: 0 0 auto auto;  box-shadow: 0 0 0 999px var(--ribbon-bg);  clip-path: inset(0 -100%);  }  .fr-footer-delta.brxe-section { row-gap: 1em; padding-top:1em!important; }  @media (max-width: 767px) { .fr-footer-delta__nav.brxe-container { align-items: flex-start } .fr-footer-delta__nav.brxe-container { justify-content: flex-start } }  .fr-social-alpha.brxe-div { align-items: center; display: flex; column-gap: var(--fr-card-gap); flex-wrap: wrap }  @media (max-width: 991px) { .fr-social-alpha.brxe-div { row-gap: 1em } }  .fr-social-alpha__icon.brxe-icon { font-size: var(--text-l); text-align: center }  .fr-social-alpha__icon-wrapper.brxe-div { flex-direction: row; display: flex; align-items: center; column-gap: px; text-decoration: none }  .fr-footer-delta__legal-wrapper.brxe-div { font-size: px }  .fr-footer-delta__legal-list.brxe-div { align-items: center; display: flex; flex-wrap: wrap; column-gap: var(--fr-content-gap); row-gap: var(--space-xs) } #brxe-lbkkem { flex-direction: row; justify-content: space-between; align-items: center; } .fr-price-card-lima__price.brxe-div { align-items: center; } :root { --bricks-color-acss_import_transparent: transparent; }   body {font-family: "Outfit"; font-weight: 200} h1 {font-weight: 400; letter-spacing: -1px} h2 {font-weight: 400; letter-spacing: -1px} h3 {font-weight: 200} h4 {font-weight: 400; font-weight: 200} h5 {font-weight: 400} h6 {font-weight: 400} .brxe-divider .line {border-top-color: var(--shade-light)} .brxe-divider .icon i {color: var(--shade-light)}  @font-face { font-family: "Outfit"; font-weight: 300; font-display: swap; src: url(https://www.jotverse.com/wp-content/uploads/2023/03/Outfit-Light.woff2) format("woff2"); } @font-face { font-family: "Outfit"; font-weight: 600; font-display: swap; src: url(https://www.jotverse.com/wp-content/uploads/2023/03/Outfit-SemiBold.woff2) format("woff2"); }   .fr-hero-charlie__heading.brxe-heading {text-align: center}  .w-100.brxe-heading {width: 100%}  .w-100.brxe-div {width: 100%; column-gap: 5rem}  .w-100.brxe-text-basic {width: 100%}  .display--flex.brxe-container {display: flex}  .display--flex.brxe-block {display: flex}  .align-items--stretch.brxe-container {align-items: stretch}  .fr-hero-charlie__cta-wrapper.brxe-div {display: flex; flex-wrap: wrap; column-gap: var(--fr-card-gap); row-gap: var(--fr-card-gap)}  .btn--accent.brxe-button,.brxe-form .submit-button-wrapper button {color: #fff; font-weight: 400; border: 2px solid var(--accent-light); border-radius: var(--radius-s); background-image: linear-gradient(90deg, var(--accent), var(--accent-medium))}  .h5-font.brxe-heading {font-size: 1.6rem}  .h5-font.brxe-text-basic {font-size: 1.6rem}  .individual-wrap.brxe-div {display: flex}  .faces-el.brxe-div {width: 3.5rem; height: 3.5rem; border: 1px solid var(--primary-ultra-light); border-radius: 5rem; box-shadow: 0 6px 45px 0 rgba(26, 26, 26, 0.1); background-color: var(--shade-light); display: flex; flex-shrink: 0; flex-grow: 0} .faces-el:not(:first-child){ margin-left:-8px}  .testimonial-ind.brxe-div {display: flex; flex-direction: column; row-gap: 0.5rem}  .test-person.brxe-div {margin-top: var(--space-xs)}  .faces-el-big.brxe-div {width: 4.2rem; height: 4.2rem}  .fr-testimonial-card-delta.brxe-container {row-gap: var(--fr-content-gap); width: 50em; max-width: 100%; padding-top: var(--space-l); padding-right: var(--space-xl); padding-bottom: var(--space-l); padding-left: var(--space-xl); margin-bottom: -50%; position: relative; z-index: 2; background-color: #ffffff; border-radius: var(--radius-m); box-shadow: 0 -10px 55px -10px rgba(84, 64, 49, 0.1)}  @media (max-width: 767px) { .fr-testimonial-card-delta.brxe-container {align-items: flex-start} .fr-testimonial-card-delta.brxe-container {text-align: left} }  .fr-testimonial-card-delta__body.brxe-block {align-items: center}  @media (max-width: 767px) { .fr-testimonial-card-delta__body.brxe-block {align-items: flex-start} }  .fr-cta-bravo.brxe-section {padding-top: 20vh!important; padding-bottom: 12vh!important; position: relative; margin-top: 0; margin-right: var(--space-m); margin-bottom: var(--space-m); margin-left: var(--space-m); width: auto!important}  .fr-cta-bravo__image.brxe-image {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-l); overflow: hidden} .fr-cta-bravo__image.brxe-image img {object-fit: cover}  .fr-cta-bravo__inner.brxe-container {align-items: center; text-align: center; color: var(--fr-text-light); font-family: ""DM Sans""; row-gap: var(--fr-content-gap); position: relative}  @media (max-width: 767px) { .fr-cta-bravo__inner.brxe-container {text-align: left} }  .fr-cta-bravo__headings-wrapper.brxe-div {display: flex; row-gap: var(--fr-content-gap); flex-direction: column}  .fr-cta-bravo__buttons.brxe-div {display: flex; column-gap: var(--fr-content-gap); row-gap: var(--fr-content-gap)}  @media (max-width: 478px) { .fr-cta-bravo__buttons.brxe-div {flex-direction: column} }  .fr-pricing-grid-lima.brxe-block {display: grid; grid-gap: var(--grid-gap); grid-template-columns: var(--grid-3); grid-template-rows: var(--grid-1); align-items: stretch}  @media (max-width: 767px) { .fr-pricing-grid-lima.brxe-block {grid-template-columns: 1} .fr-pricing-grid-lima.brxe-block {display: flex} }  @media (max-width: 478px) { .fr-pricing-grid-lima { grid-template-columns: 1fr; } }  .fr-price-card-lima.brxe-block {padding-top: var(--space-l); padding-right: var(--space-l); padding-bottom: var(--space-l); padding-left: var(--space-l); border-radius: var(--fr-card-radius); row-gap: var(--content-gap); background-color: var(--fr-bg-light)}  .fr-price-card-lima__body.brxe-block {row-gap: 1em}  @media (max-width: 767px) { .fr-price-card-lima__body.brxe-block {flex-wrap: nowrap} }  .fr-price-card-lima__price-wrapper.brxe-block {flex-direction: column; display: flex; align-items: flex-start; row-gap: .5em}  .fr-price-card-lima__price.brxe-div {display: flex; line-height: 1; font-size: calc(var(--h1) * 1.5); align-items: center}  .fr-price-card-lima__price-period.brxe-text-basic {background-color: var(--shade-light-trans-40); border-radius: var(--fr-card-radius); padding-top: .75em; padding-right: 1.5em; padding-bottom: .75em; padding-left: 1.5em; font-size: 1.4rem; line-height: 1}  .fr-price-card-lima__feature-list.brxe-block {row-gap: .25em}  .fr-price-card-lima__feature-item.brxe-block {flex-direction: row; column-gap: .75em; align-items: center}  @media (max-width: 767px) { .fr-price-card-lima__feature-item.brxe-block {flex-wrap: nowrap} }  .fr-price-card-lima__feature-icon.brxe-icon {font-size: var(--text-m)}  .fr-price-card-lima__price-currency.brxe-text-basic {top: -.25em}  .fr-price-card-lima--featured.brxe-block {background-color: var(--fr-bg-dark); color: var(--fr-text-light)} .fr-price-card-lima--featured {position: relative; overflow: hidden; --ribbon-bg: var(--white);  --ribbon-text: var(--black); } .fr-price-card-lima--featured::after {content: "Featured";  background-color: var(--ribbon-bg); color: var(--ribbon-text); line-height: 1; padding: .75em 1.5em; font-size: var(--text-s);  transform: translate(29.3%) rotate(45deg);  transform-origin: top left; position: absolute; inset: 0 0 auto auto;  box-shadow: 0 0 0 999px var(--ribbon-bg);  clip-path: inset(0 -100%); }  .fr-footer-delta.brxe-section {row-gap: 1em!important}  @media (max-width: 767px) { .fr-footer-delta__nav.brxe-container {align-items: flex-start} .fr-footer-delta__nav.brxe-container {justify-content: flex-start} }  .fr-social-alpha.brxe-div {align-items: center; display: flex; column-gap: var(--fr-card-gap); flex-wrap: wrap}  @media (max-width: 991px) { .fr-social-alpha.brxe-div {row-gap: 1em} }  .fr-social-alpha__icon.brxe-icon {font-size: var(--text-l); text-align: center}  .fr-footer-delta__legal-wrapper.brxe-div {font-size: px}  .fr-footer-delta__legal-list.brxe-div {align-items: center; display: flex; flex-wrap: wrap; column-gap: var(--fr-content-gap); row-gap: var(--space-xs)}  .d-flex { display: flex; } .gap-m { gap: var(--space-m); } .gap-xs { gap: var(--space-xs); }  .fr-cta-bravo.brxe-section { padding-top: 20vh!important; padding-bottom: 12vh!important; position: relative; margin-top: 0; margin-right: var(--space-m); margin-bottom: var(--space-m); margin-left: var(--space-m); width: auto!important }  .fr-cta-bravo__image.brxe-image { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-l); overflow: hidden } .fr-cta-bravo__image.brxe-image img { object-fit: cover }  .fr-cta-bravo__inner.brxe-container { align-items: center; text-align: center; color: var(--fr-text-light); font-family: ""DM Sans""; row-gap: var(--fr-content-gap); position: relative }  @media (max-width: 767px) { .fr-cta-bravo__inner.brxe-container { text-align: left } }  .fr-cta-bravo__headings-wrapper.brxe-div { display: flex; row-gap: var(--fr-content-gap); flex-direction: column }  .fr-cta-bravo__buttons.brxe-div { display: flex; column-gap: var(--fr-content-gap); row-gap: var(--fr-content-gap) }  @media (max-width: 478px) { .fr-cta-bravo__buttons.brxe-div { flex-direction: column } }  .fr-pricing-grid-lima.brxe-block { display: grid; grid-gap: var(--grid-gap); grid-template-columns: var(--grid-3); grid-template-rows: var(--grid-1); align-items: stretch }  @media (max-width: 767px) { .fr-pricing-grid-lima.brxe-block { grid-template-columns: 1 } .fr-pricing-grid-lima.brxe-block { display: flex } }  @media (max-width: 478px) { .fr-pricing-grid-lima { grid-template-columns: 1fr; } }  .fr-price-card-lima.brxe-block { padding-top: var(--space-l); padding-right: var(--space-l); padding-bottom: var(--space-l); padding-left: var(--space-l); border-radius: var(--fr-card-radius); row-gap: var(--content-gap); background-color: var(--fr-bg-light) }  .fr-price-card-lima__body.brxe-block { row-gap: 1em; }  @media (max-width: 767px) { .fr-price-card-lima__body.brxe-block { flex-wrap: nowrap } }  .fr-price-card-lima__price-wrapper.brxe-block { flex-direction: column; display: flex; align-items: flex-start; row-gap: .5em }  .fr-price-card-lima__price.brxe-div { display: flex; line-height: 1; font-size: calc(var(--h1) * 1.5) }  .fr-price-card-lima__price-period.brxe-text-basic { background-color: var(--shade-light-trans-40); border-radius: var(--fr-card-radius); padding-top: .75em; padding-right: 1.5em; padding-bottom: .75em; padding-left: 1.5em; font-size: var(--text-s); line-height: 1 }  .fr-price-card-lima__feature-list.brxe-block { row-gap: .25em }  .fr-price-card-lima__feature-item.brxe-block { flex-direction: row; column-gap: .75em; align-items: center }  @media (max-width: 767px) { .fr-price-card-lima__feature-item.brxe-block { flex-wrap: nowrap } }  .fr-price-card-lima__feature-icon.brxe-icon { font-size: var(--text-m) }  .fr-price-card-lima__price-currency.brxe-text-basic { top: -.25em }  .fr-price-card-lima--featured.brxe-block { background-color: var(--fr-bg-dark); color: var(--fr-text-light) }  .fr-price-card-lima--featured { position: relative; overflow: hidden; --ribbon-bg: var(--white);  --ribbon-text: var(--black);  } .fr-price-card-lima--featured::after { content: "Featured";  background-color: var(--ribbon-bg); color: var(--ribbon-text); line-height: 1; padding: .75em 1.5em; font-size: var(--text-s);  transform: translate(29.3%) rotate(45deg);  transform-origin: top left; position: absolute; inset: 0 0 auto auto;  box-shadow: 0 0 0 999px var(--ribbon-bg);  clip-path: inset(0 -100%);  }  .fr-footer-delta.brxe-section { row-gap: 1em; padding-top:1em!important; }  @media (max-width: 767px) { .fr-footer-delta__nav.brxe-container { align-items: flex-start } .fr-footer-delta__nav.brxe-container { justify-content: flex-start } }  .fr-social-alpha.brxe-div { align-items: center; display: flex; column-gap: var(--fr-card-gap); flex-wrap: wrap }  @media (max-width: 991px) { .fr-social-alpha.brxe-div { row-gap: 1em } }  .fr-social-alpha__icon.brxe-icon { font-size: var(--text-l); text-align: center }  .fr-social-alpha__icon-wrapper.brxe-div { flex-direction: row; display: flex; align-items: center; column-gap: px; text-decoration: none }  .fr-footer-delta__legal-wrapper.brxe-div { font-size: px }  .fr-footer-delta__legal-list.brxe-div { align-items: center; display: flex; flex-wrap: wrap; column-gap: var(--fr-content-gap); row-gap: var(--space-xs) } #brxe-lbkkem { flex-direction: row; justify-content: space-between; align-items: center; } .fr-price-card-lima__price.brxe-div { align-items: center; }    #brxe-rgqflh {color: var(--shade-ultra-light); text-decoration: underline}  #brxe-lbkkem {flex-direction: row; justify-content: space-between; align-items: center}  #brxe-551a01 {text-align: center}  #brxe-obgnot {text-align: center; padding-bottom: 0; padding-left: 0}  #brxe-lhmcqs {padding-right: 0}  @media (max-width: 991px) { #brxe-e39bb9 {padding-right: var(--space-s)} }  @media (max-width: 767px) { #brxe-e39bb9 {padding-right: 0} }  #brxe-935c9f {align-items: center}  @media (max-width: 478px) { #brxe-935c9f {margin-bottom: 0} }  #brxe-6cdc3e {background-image: url(https://www.jotverse.com/wp-content/uploads/2023/03/lp-bg.jpg); background-position: center center; background-size: cover; border-radius: var(--radius-l); width: 100%; position: relative; padding-top: var(--space-xl); padding-right: var(--space-xl); padding-bottom: var(--space-xxl); padding-left: var(--space-xl)}  @media (max-width: 767px) { #brxe-6cdc3e {margin-top: var(--space-s); margin-right: var(--space-s); margin-left: var(--space-s)} }  @media (max-width: 478px) { #brxe-6cdc3e {margin-top: 0; margin-right: 0; margin-left: 0} #brxe-6cdc3e {padding-right: var(--space-m); padding-bottom: var(--space-xl); padding-left: var(--space-m)} }  #brxe-sofeqq {text-align: left; padding-bottom: 0; padding-left: 0}  #brxe-sifben {flex-direction: column; align-items: center}  #brxe-sfurrr {margin-top: 8px; align-self: center; text-align: center}  #brxe-whyzkp {display: flex; align-items: center; flex-direction: column}  #brxe-hdibbx {background-image: url(https://www.jotverse.com/wp-content/uploads/2024/01/ind-1.jpg); background-size: cover}  #brxe-sphwvf {background-image: url(https://www.jotverse.com/wp-content/uploads/2024/01/ind-2.png); background-size: cover}  #brxe-qualzq {background-image: url(https://www.jotverse.com/wp-content/uploads/2024/01/ind-3.png); background-size: cover}  #brxe-cgfpif {background-image: url(https://www.jotverse.com/wp-content/uploads/2024/01/ind-4.png); background-size: cover}  @media (max-width: 478px) { #brxe-mpmgkd {padding-left: 12px} }  @media (max-width: 478px) { #brxe-uadmvq {display: flex} #brxe-uadmvq {justify-content: center} #brxe-uadmvq {align-items: center} #brxe-uadmvq {row-gap: 12px} }  @media (max-width: 478px) { #brxe-uuwvga {flex-direction: row} #brxe-uuwvga {justify-content: center} }  #brxe-ylsrmc {padding-right: 0}  #brxe-vptvjp {width: 55%}  @media (max-width: 991px) { #brxe-vptvjp {padding-right: var(--space-s)} }  @media (max-width: 767px) { #brxe-vptvjp {padding-right: 0} #brxe-vptvjp {width: 45%} }  @media (max-width: 478px) { #brxe-vptvjp {width: 100%} }  #brxe-itfskg {position: absolute; width: 100%; border-radius: var(--radius-m); box-shadow: 0 10px 35px -10px rgba(26, 26, 26, 0.1); padding-top: 96.4%; bottom: 0px}  @media (max-width: 767px) { #brxe-itfskg {position: relative} #brxe-itfskg {margin-top: 0} }  @media (max-width: 478px) { #brxe-itfskg {margin-top: 0} }  #brxe-lhobes {border-radius: var(--radius-m); box-shadow: 0 0 0 0 transparent; position: relative; width: 45%; max-width: 39rem; margin-right: 0; margin-left: auto}  @media (max-width: 478px) { #brxe-lhobes {width: 100%} }  #brxe-mtyvys {padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); flex-direction: row}  @media (max-width: 767px) { #brxe-mtyvys {padding-right: 0; padding-bottom: 0; padding-left: 0} }  #brxe-fmacqc {padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); background-color: var(--secondary-ultra-light); border-bottom-right-radius: 3rem; border-bottom-left-radius: 3rem; box-shadow: 0 6px 64px -20px rgba(0, 0, 0, 0.15)}  #brxe-eznprl {background-image: url(https://www.jotverse.com/wp-content/uploads/2024/01/paddle-finalist-ai.png); background-size: cover; border-radius: 0.5rem}  #brxe-tzblrg {display: flex; flex-direction: row; align-items: center; column-gap: var(--space-m); flex-basis: 43.2rem}  @media (max-width: 478px) { #brxe-tzblrg {align-items: center} #brxe-tzblrg {justify-content: center} }  #brxe-mwdgbd {width: 1px; background-color: var(--secondary-light)}  @media (max-width: 478px) { #brxe-mwdgbd {width: 100%} #brxe-mwdgbd {height: 1px} }  #brxe-lrdgup {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-ladfeh {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-sazgee {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-mpljln {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-vmybcs {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-plifmk {display: flex; column-gap: var(--space-xs)}  #brxe-xzbiyx {background-image: url(https://www.jotverse.com/wp-content/uploads/2024/01/ind-3.png); background-size: cover}  #brxe-phetqd {display: flex; align-items: center; column-gap: var(--space-xs)}  #brxe-igpszz {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-ybedfs {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-ahiojh {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-tqohgj {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-iqerkt {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-ulocrd {display: flex; column-gap: var(--space-xs)}  #brxe-cdvrnb {background-image: url(https://www.jotverse.com/wp-content/uploads/2024/01/thais-lopes.jpg); background-size: cover}  #brxe-axzkng {display: flex; align-items: center; column-gap: var(--space-xs)}  #brxe-hvbxnk {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-mkffhc {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-ydpwpt {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-qyqpfg {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-qxnnix {color: rgba(205, 142, 24, 0.9); font-size: var(--space-m)}  #brxe-obpmxd {display: flex; column-gap: var(--space-xs)}  #brxe-ahgcsd {background-image: url(https://www.jotverse.com/wp-content/uploads/2024/01/paula.webp); background-size: cover}  #brxe-ktpwew {display: flex; align-items: center; column-gap: var(--space-xs)}  #brxe-ndlyan {display: flex; flex-wrap: nowrap; flex-direction: row; column-gap: var(--space-l); row-gap: var(--space-m)}  @media (max-width: 991px) { #brxe-ndlyan {flex-direction: column} }  #brxe-shmphw {display: flex; align-items: stretch; margin-top: var(--space-xxl); margin-bottom: var(--space-xxl)}  @media (max-width: 478px) { #brxe-shmphw {flex-direction: column} #brxe-shmphw {row-gap: var(--space-xl)} #brxe-shmphw {align-items: center} }  @media (max-width: 991px) { #brxe-gxwrtl {padding-right: var(--space-m); padding-left: var(--space-m)} }  #brxe-61d2f7 {text-align: left}  @media (max-width: 767px) { #brxe-0dd297 {align-items: center} }  #brxe-1d7c19 {margin-left: calc((200% - 100vw) / 6); max-width: none!important; width: calc((100% + (100vw - 200%) / 6))}  @media (max-width: 991px) { #brxe-1d7c19 {align-items: center} }  @media (max-width: 767px) { #brxe-1d7c19 {align-items: center} #brxe-1d7c19 {margin-left: 0} #brxe-1d7c19 {width: 100%} }  @media (max-width: 767px) { #brxe-b175b2 {align-items: center} }  @media (max-width: 767px) { #brxe-qfcoro {align-items: center} }  #brxe-hqrutp {width: calc((100% + (100vw - 200%) / 6)); max-width: none}  @media (max-width: 991px) { #brxe-hqrutp {align-items: center} }  @media (max-width: 767px) { #brxe-hqrutp {align-items: center} #brxe-hqrutp {width: 100%} }  #brxe-fkztor {text-align: left}  #brxe-tqfjsp {text-align: left}  @media (max-width: 767px) { #brxe-rchmeu {align-items: center} }  #brxe-pommhy {margin-left: calc((200% - 100vw) / 6); width: calc((100% + (100vw - 200%) / 6)); max-width: none}  @media (max-width: 991px) { #brxe-pommhy {align-items: center} }  @media (max-width: 767px) { #brxe-pommhy {margin-left: 0} #brxe-pommhy {width: 100%} }  @media (max-width: 767px) { #brxe-cjdlxx {align-items: center} }  #brxe-mszlyo {width: calc((100% + (100vw - 200%) / 6)); max-width: none}  @media (max-width: 991px) { #brxe-mszlyo {align-items: center} }  @media (max-width: 767px) { #brxe-mszlyo {align-items: center} #brxe-mszlyo {width: 100%} }  #brxe-muypcu {text-align: left}  #brxe-jzlhrp {width: 700px; max-width: 100%; align-items: center; justify-content: center; justify-items: center; margin-right: auto; margin-left: auto}  @media (max-width: 478px) { #brxe-jzlhrp {justify-items: flex-start} }  #brxe-qlfyly {align-items: center; width: 700px; max-width: 100%}  #brxe-dpncux {order: 2}  @media (max-width: 478px) { #brxe-dpncux {order: 1} }  #brxe-gsvmap {order: 1}  #brxe-yfejjy {align-items: center; margin-right: auto; margin-left: auto; width: 700px}  #brxe-zpqlak {width: 700px; max-width: 100%}  #features:before {content: " "; width: 80%; min-width: 320px; max-width: 100%; position: absolute; top: -30%; left: -20%; padding-top: 100%} #features {position: relative; overflow: hidden} #features:after {content: " "; padding-top: 100%; width: 80%; min-width: 320px; max-width: 120%; position: absolute; bottom: -30%; right: -20%; background-image: url(https://www.jotverse.com/wp-content/uploads/2023/05/texture.svg); background-size: cover} #features > *{ position:relative; z-index:1;}  #brxe-qlgcio .swiper-slide[data-swiper-slide-index="1"] .bricks-button {color: var(--primary-ultra-dark)} #brxe-qlgcio .bricks-swiper-button-prev {left: 50px} #brxe-qlgcio .bricks-swiper-button-next {right: 50px} #brxe-qlgcio {background-color: rgba(255, 0, 0, 0)} #brxe-qlgcio .slider-content {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} #brxe-qlgcio .content {color: var(--shade); text-align: left} #brxe-qlgcio .swiper-slide {min-height: 0px}  #brxe-swkzmv {padding-right: var(--space-m); padding-left: var(--space-m)}  @media (max-width: 767px) { #brxe-swkzmv {padding-right: var(--space-xl); padding-left: var(--space-xl)} }  #brxe-ba1b1c {object-fit: cover; object-position: center} #brxe-ba1b1c img {object-fit: cover; object-position: center}  @media (max-width: 767px) { #brxe-6b9127 {text-align: center} }  @media (max-width: 767px) { #brxe-3f3671 {margin-right: var(--space-s); margin-bottom: var(--space-s); margin-left: var(--space-s)} }  #brxe-cargzm {overflow: hidden}  #brxe-faonbf {text-align: center}  #brxe-niqexz {align-items: center}  #brxe-qydxaf {background-color: var(--shade-light)}  #brxe-tutkjq {color: var(--primary); fill: var(--primary)}  #brxe-iitdyp {color: var(--primary); fill: var(--primary)}  #brxe-cwfapb {align-items: center}  #brxe-aqnsmz {background-color: var(--shade-light)}  #brxe-gpzptq {color: var(--primary); fill: var(--primary)}  #brxe-wmevdq {color: var(--primary); fill: var(--primary)}  #brxe-eqppml {align-items: center}  #brxe-lcrpgj {color: var(--primary-ultra-light); fill: var(--primary-ultra-light)}  #brxe-fhoszq {color: var(--primary-ultra-light); fill: var(--primary-ultra-light)}  #brxe-kzgtgq {margin-top: 8px; text-align: center; align-self: center}  #brxe-pmjlcn {display: flex; flex-direction: column; align-items: center}  #brxe-7ce38b {padding-right: 0}  #brxe-a33821 {padding-right: 0}  #brxe-rdhgng {padding-right: 0}  #brxe-9db80a {padding-right: 0}  @font-face { font-family: "Outfit"; font-weight: 300; font-display: swap; src: url(https://www.jotverse.com/wp-content/uploads/2023/03/Outfit-Light.woff2) format("woff2"); } @font-face { font-family: "Outfit"; font-weight: 600; font-display: swap; src: url(https://www.jotverse.com/wp-content/uploads/2023/03/Outfit-SemiBold.woff2) format("woff2"); }  :root { --bricks-color-acss_import_transparent: transparent; }   .fr-header-alpha.brxe-section {padding-top: var(--space-m); padding-right: var(--section-padding-x); padding-bottom: var(--space-m); padding-left: var(--section-padding-x)}  .fr-header-alpha__inner.brxe-container {display: flex; align-items: center; justify-content: space-between; flex-direction: row}  .fr-header-alpha__logo.brxe-image {width: 10em}  .fr-hero-charlie.brxe-section {padding-top: 0; padding-bottom: 0; overflow: hidden}  @media (max-width: 991px) { .fr-hero-charlie__inner-wrapper.brxe-container {row-gap: 0px} }  .fr-hero-charlie__content.brxe-div {display: flex; flex-direction: column; row-gap: var(--fr-content-gap); justify-content: center; padding-top: var(--fr-hero-padding); padding-bottom: var(--fr-hero-padding)}  @media (max-width: 991px) { .fr-hero-charlie__content.brxe-div {padding-top: var(--section-space-m); padding-bottom: var(--section-space-m)} }  .fr-hero-charlie__cta-wrapper.brxe-div {display: flex; flex-wrap: wrap; column-gap: var(--fr-card-gap); row-gap: var(--fr-card-gap)}  .fr-hero-charlie__media-wrapper.brxe-div {width: 50vw; max-width: 50vw}  @media (max-width: 991px) { .fr-hero-charlie__media-wrapper.brxe-div {width: 100vw} .fr-hero-charlie__media-wrapper.brxe-div {max-height: 70vmin} .fr-hero-charlie__media-wrapper.brxe-div {order: -1} .fr-hero-charlie__media-wrapper.brxe-div {max-width: 100vw} .fr-hero-charlie__media-wrapper.brxe-div {transform: translateX(calc(var(--section-padding-x)*-1))} }  .fr-hero-charlie__media.brxe-image {width: 100%; object-fit: cover; height: 100%; align-self: stretch} .fr-hero-charlie__media.brxe-image img {object-fit: cover} .fr-hero-charlie__media {display: initial!important;}  .fr-accent-heading.brxe-text-basic {line-height: 1.1; font-size: var(--text-m)}  .fr-image-group-bravo.brxe-block {flex-direction: row; flex-wrap: wrap; justify-content: center; row-gap: 1em; column-gap: 1em; align-items: baseline} .fr-image-group-bravo figure {width: auto; margin: 0} .fr-image-group-bravo img {-o-object-fit: cover; object-fit: cover;} .fr-image-group-bravo > *:nth-child(1) { aspect-ratio: 1; width: 50%; margin-top: auto;} .fr-image-group-bravo > *:nth-child(2) { aspect-ratio: 1; width: 45%; margin-top: auto;} .fr-image-group-bravo > *:nth-child(3) { aspect-ratio: 1; width: 40%; margin-bottom: auto;} .fr-image-group-bravo > *:nth-child(4) { aspect-ratio: 0.8; width: 50%; margin-bottom: auto;}  @media (max-width: 478px) { .fr-image-group-bravo > *:nth-child(1), .fr-image-group-bravo > *:nth-child(2), .fr-image-group-bravo > *:nth-child(3), .fr-image-group-bravo > *:nth-child(4) { width: 100%; } }  .fr-testimonial-card-delta.brxe-container {row-gap: var(--fr-content-gap); width: 50em; max-width: 100%}  @media (max-width: 767px) { .fr-testimonial-card-delta.brxe-container {align-items: flex-start} .fr-testimonial-card-delta.brxe-container {text-align: left} }  .fr-testimonial-card-delta__stars-wrapper.brxe-block {flex-direction: row; align-items: center; justify-content: center; column-gap: 0.5em}  @media (max-width: 767px) { .fr-testimonial-card-delta__stars-wrapper.brxe-block {justify-content: flex-start} }  .fr-testimonial-card-delta__star.brxe-icon {font-size: var(--text-s)}  .fr-testimonial-card-delta__body.brxe-block {align-items: center}  @media (max-width: 767px) { .fr-testimonial-card-delta__body.brxe-block {align-items: flex-start} }  .fr-testimonial-card-delta__text.brxe-text-basic {font-size: var(--text-l); text-align: center} .fr-testimonial-card-delta__text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}  @media (max-width: 767px) { .fr-testimonial-card-delta__text.brxe-text-basic {text-align: left} }  .fr-cta-bravo.brxe-section {padding-top: var(--space-xl); padding-bottom: var(--space-xl); position: relative}  .fr-cta-bravo__image.brxe-image {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover} .fr-cta-bravo__image.brxe-image img {object-fit: cover}  .fr-cta-bravo__overlay.brxe-block {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: var(--shade-ultra-dark-trans-80)}  .fr-cta-bravo__inner.brxe-container {align-items: center; text-align: center; color: var(--fr-text-light); font-family: ""DM Sans""; row-gap: var(--fr-content-gap); position: relative}  @media (max-width: 767px) { .fr-cta-bravo__inner.brxe-container {align-items: flex-start} .fr-cta-bravo__inner.brxe-container {text-align: left} }  .fr-cta-bravo__headings-wrapper.brxe-div {display: flex; row-gap: var(--fr-content-gap); flex-direction: column}  .fr-cta-alpha__heading.brxe-heading {font-size: var(--h1)}  .fr-cta-bravo__buttons.brxe-div {display: flex; column-gap: var(--fr-content-gap); row-gap: var(--fr-content-gap)}  @media (max-width: 478px) { .fr-cta-bravo__buttons.brxe-div {flex-direction: column} }  .fr-timeline-section-alpha.brxe-section {row-gap: var(--container-gap)}  .fr-intro-alpha.brxe-container {align-items: center; text-align: center; row-gap: var(--content-gap)}  @media (max-width: 767px) { .fr-intro-alpha.brxe-container {text-align: left} .fr-intro-alpha.brxe-container {align-items: flex-start} }  .fr-timeline-alpha.brxe-container {row-gap: var(--container-gap); position: relative} .fr-timeline-alpha { --timeline-gap: var(--container-gap); --center-line-color: var(--shade-light); --center-line-width: 0.125em;}.brx-draggable.is-empty { min-width: unset; min-height: unset;}  .fr-timeline-alpha__list.brxe-block {row-gap: var(--timeline-gap); z-index: 1}  @media (max-width: 767px) { .fr-timeline-alpha_list .fr-timeline-alpha_list-item > *:first-child { order: -1; grid-column: 2 / end; } .fr-timeline-alpha_list .fr-timeline-alpha_list-item > *:last-child { grid-column:1; grid-row:1; } }  .fr-timeline-alpha__content.brxe-block {row-gap: var(--grid-gap); display: flex; flex-direction: column; text-align: right}  @media (max-width: 767px) { .fr-timeline-alpha__content.brxe-block {text-align: left} }  .fr-timeline-alpha__date.brxe-text-basic {width: 100%}  .fr-timeline-alpha__heading.brxe-heading {font-size: var(--h2); width: 100%}  .fr-timeline-alpha__body.brxe-block {align-items: flex-end}  .fr-timeline-alpha__icon-wrapper.brxe-div {display: flex; flex-direction: column; align-items: center; flex-grow: 1; height: 100%; position: relative}  .fr-timeline-alpha__icon-wrapper.brxe-block {display: flex; flex-direction: column; align-items: center; flex-grow: 1; height: 100%; position: relative}  .fr-timeline-alpha__icon.brxe-icon {font-size: var(--text-xl); background-color: var(--shade-light); border-radius: 100%; z-index: 1}     #brxe-7ccd34 {object-fit: cover} #brxe-7ccd34 img {object-fit: cover} @media(min-width:479px){ footer .bricks-nav-menu { flex-direction: column; gap: var(--space-xs); } } footer .bricks-nav-menu li { margin-left: 0; } footer .brxe-nav-menu ul li a, footer .legal-meta-bravo a { color: var(--accent-light); font-size: 14px; font-weight: 400; } .brave_form_button button{ font-weight: 400; color: #ffffff; background-image: linear-gradient(90deg, var(--accent), var(--accent-medium)); border: 2px solid var(--accent-light); border-radius: var(--radius-s); padding:0.75em 1.5em!important; font-size:1.6rem!important; } .brave_form_button button:hover { background-color: var(--accent-ultra-dark); color: var(--accent-ultra-light); border-color: var(--accent-hover); cursor: pointer; } .brave_popup__step__content *:not(button) { font-family: "Outfit"!important; color:var(--base)!important; } .brave_element__text_inner{ font-weight:600!important } blockquote { font-family: inherit; border: 0!important; margin: 0; font-size:clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem); padding-left:0!important; } #features:after{ transform:rotate(180deg); } .sws-modal-bg .modal-title { text-align: center; margin-bottom: 1em; } .sws-layout-1 .sws-links { margin-bottom: 1.5em; } .sws-layout-1 .sws-links a svg { width: 28px; } .sws-layout-1 .sws-links a { opacity: 1; } @media (max-width:767px){ .fr-cta-bravo__inner.brxe-container { align-items: center!important; text-align: center!important; } } header#.header:not(.scrolling) { margin-top: calc(var(--space-m) + var(--space-xl)); position: absolute!important; } #brxe-guvvim { justify-content: space-between; align-items: center; flex-direction: row; } header.header:not(.sticky-scrolled) .header-cta { display: none; } .header { position: relative; width: 100%; } .header-placeholder { height: 0; transition: height 0.3s ease-in-out; } .header-container { transition: top 0.3s ease-in-out; } header.sticky-scrolled .header-container { width: calc(100 - (2 * var(--space-m))); background: var(--primary-dark); z-index: 30; left: var(--space-m); right:var(--space-m); padding: calc(var(--space-xs) / 2) var(--space-l); box-shadow: 0 16px 23px -10px rgba(0, 0, 0, 0.25); border-radius: 0 0 var(--space-xs) var(--space-xs); min-height:calc(2 * var(--space-m)); } .header.sticky-scrolled .brxe-logo img { height: var(--space-s); } #brxe-mtyvys{ z-index:0; } .sticky-scrolled .header-container { position: fixed; top: -100%;  z-index: 1000;  } .brxe-text-link { text-decoration: underline; color: var(--accent); font-weight: bold; font-size: 0.825em; } .detail-top-right{ position:absolute; left:0; top:0; transform:translate(-80%, -80%) } li.accordion-item { border-top: 1px solid var(--primary-light); border-bottom: 1px solid 1px solid var(--primary-light); } .accordion-title-wrapper { padding: var(--space-m) var(--space-xs); } .accordion-content-wrapper { padding: 0 var(--space-xs) var(--space-m); } input:not([type=checkbox]):not([type=radio]):not([type=submit]) { border-radius: var(--radius-s); border-color: var(--secondary-medium); } input::placeholder{ color:var(--secondary-comp); } input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus-visible { border-color: var(--accent-medium); box-shadow: 1px 1px 11px var(--accent-trans-20); outline:none!important; } footer .brxe-nav-menu ul { flex-direction: column; } footer .brxe-nav-menu ul li { margin-left: 0; padding: 0.4em 0; } footer .brxe-nav-menu ul li a,footer .legal-meta-bravo a { color: var(--accent-light); font-size: 14px; font-weight: bold; } footer .brxe-nav-menu ul li a:hover,footer .legal-meta-bravo a:hover { color:#fff; } footer .brxe-form .submit-button-wrapper button { background: transparent; color: var(--accent-light); } .brxe-form .submit-button-wrapper button span.text{ text-wrap: nowrap; } .brxe-form{ display: grid; grid-template-columns: 3fr 1fr; } .brxe-form .message{ grid-column: 1 / end; } .brxe-form .submit-button-wrapper { grid-column: 2 / end; } .header-placeholder { display: none; } @media (max-width: 480px) { .brxe-container.align-items--center.display--s-none{ display:none; } .brxe-form { display: flex; align-items: stretch; } .brxe-form .submit-button-wrapper{ width:100%; } :where(.brxe-form) .form-group{ padding-bottom:0;} } .brxe-nav-menu .bricks-mobile-menu-wrapper .bricks-mobile-menu { padding-top: var(--space-m); } #shadow-host-companion{ padding:0; } .rotate-words span.rotate { width: 280px; display: inline-block; text-align: left; text-wrap: nowrap; color: var(--primary-light); } body a{ text-underline-offset: auto; } #brx-header{ z-index:20; } .offset-half-right { margin-right: calc((100vw - 200%) / -2); max-width: none; width:calc(100% + ((100vw - 200%) / 2)); } .offset-right { margin-right: calc((100vw - 100%) / -2); max-width: none; width:calc(100% + ((100vw - 100%) / 2)); } .sb-rightbottom:before { background: linear-gradient(324deg, #307D9C 16.44%, #6E45BA 24.7%, rgba(76, 165, 200, 0.00) 36.77%); } .sb-leftbottom:before { background: linear-gradient(29deg, #307D9C 22.66%, #6E45BA 29.82%, rgba(76, 165, 200, 0.00) 40.28%); } .bricks-button{ border-radius:var(--radius-s)!important }  :root, .color-scheme--main { --primary-hex: #7650e0; --primary-hsl: 256 70% 60%; --primary-rgb: 118 80 224; --primary-r: 118; --primary-g: 80; --primary-b: 224; --primary-h: 256; --primary-s: 70%; --primary-l: 60%; --primary-hover-h: 256; --primary-hover-s: 70%; --primary-hover-l: 1.15; --primary-ultra-light-h: 256; --primary-ultra-light-s: 70%; --primary-ultra-light-l: 96%; --primary-light-h: 256; --primary-light-s: 70%; --primary-light-l: 84%; --primary-medium-h: 256; --primary-medium-s: 70%; --primary-medium-l: 60%; --primary-dark-h: 256; --primary-dark-s: 70%; --primary-dark-l: 21%; --primary-ultra-dark-h: 256; --primary-ultra-dark-s: 68%; --primary-ultra-dark-l: 8%; --primary-comp-h: 436; --secondary-hex: #717272; --secondary-hsl: 180 0% 45%; --secondary-rgb: 113 114 114; --secondary-r: 113; --secondary-g: 114; --secondary-b: 114; --secondary-h: 180; --secondary-s: 0%; --secondary-l: 45%; --secondary-hover-h: 180; --secondary-hover-s: 0%; --secondary-hover-l: 0.62; --secondary-ultra-light-h: 180; --secondary-ultra-light-s: 0%; --secondary-ultra-light-l: 97%; --secondary-light-h: 180; --secondary-light-s: 0%; --secondary-light-l: 93%; --secondary-medium-h: 180; --secondary-medium-s: 0%; --secondary-medium-l: 71%; --secondary-dark-h: 180; --secondary-dark-s: 0%; --secondary-dark-l: 20%; --secondary-ultra-dark-h: 180; --secondary-ultra-dark-s: 0%; --secondary-ultra-dark-l: 11%; --secondary-comp-h: 360; --accent-hex: #26647d; --accent-hsl: 197 53% 32%; --accent-rgb: 38 100 125; --accent-r: 38; --accent-g: 100; --accent-b: 125; --accent-h: 197; --accent-s: 53%; --accent-l: 32%; --accent-hover-h: 197; --accent-hover-s: 53%; --accent-hover-l: 1.15; --accent-ultra-light-h: 197; --accent-ultra-light-s: 53%; --accent-ultra-light-l: 95%; --accent-light-h: 197; --accent-light-s: 53%; --accent-light-l: 54%; --accent-medium-h: 197; --accent-medium-s: 53%; --accent-medium-l: 40%; --accent-dark-h: 197; --accent-dark-s: 53%; --accent-dark-l: 25%; --accent-ultra-dark-h: 197; --accent-ultra-dark-s: 53%; --accent-ultra-dark-l: 10%; --accent-comp-h: 377; --shade-hex: #000000; --shade-hsl: 0 0% 0%; --shade-rgb: 0 0 0; --shade-r: 0; --shade-g: 0; --shade-b: 0; --shade-h: 0; --shade-s: 0%; --shade-l: 0%; --shade-hover-h: 0; --shade-hover-s: 0%; --shade-hover-l: 1.15; --shade-ultra-light-h: 0; --shade-ultra-light-s: 0%; --shade-ultra-light-l: 95%; --shade-light-h: 0; --shade-light-s: 0%; --shade-light-l: 85%; --shade-medium-h: 0; --shade-medium-s: 0%; --shade-medium-l: 50%; --shade-dark-h: 0; --shade-dark-s: 0%; --shade-dark-l: 25%; --shade-ultra-dark-h: 0; --shade-ultra-dark-s: 0%; --shade-ultra-dark-l: 10%; --shade-comp-h: 180; --neutral-hex: #1c1c1c; --neutral-hsl: 0 0% 11%; --neutral-rgb: 28 28 28; --neutral-r: 28; --neutral-g: 28; --neutral-b: 28; --neutral-h: 0; --neutral-s: 0%; --neutral-l: 11%; --neutral-hover-h: 0; --neutral-hover-s: 0%; --neutral-hover-l: 1.15; --neutral-ultra-light-h: 0; --neutral-ultra-light-s: 0%; --neutral-ultra-light-l: 95%; --neutral-light-h: 0; --neutral-light-s: 0%; --neutral-light-l: 85%; --neutral-medium-h: 0; --neutral-medium-s: 0%; --neutral-medium-l: 50%; --neutral-dark-h: 0; --neutral-dark-s: 0%; --neutral-dark-l: 25%; --neutral-ultra-dark-h: 0; --neutral-ultra-dark-s: 0%; --neutral-ultra-dark-l: 10%; --neutral-comp-h: 180; --primary: #7650e0; --primary-hover: #9679e7; --primary-ultra-light: #f1eefc; --primary-light: #c9baf3; --primary-medium: #7852e0; --primary-dark: #24105b; --primary-ultra-dark: #0e0722; --primary-comp: #bae052; --secondary: #717272; --secondary-hover: #474747; --secondary-ultra-light: #f7f7f7; --secondary-light: #ededed; --secondary-medium: #b5b5b5; --secondary-dark: #333; --secondary-ultra-dark: #1c1c1c; --secondary-comp: #737373; --accent: #26647d; --accent-hover: #2c7390; --accent-ultra-light: #ebf5f9; --accent-light: #4ca5c8; --accent-medium: #307d9c; --accent-dark: #1e4e62; --accent-ultra-dark: #0c1f27; --accent-comp: #7d3f26; --shade: #000000; --shade-hover: black; --shade-ultra-light: #f2f2f2; --shade-light: #d9d9d9; --shade-medium: gray; --shade-dark: #404040; --shade-ultra-dark: #1a1a1a; --shade-comp: black; --neutral: #1c1c1c; --neutral-hover: #202020; --neutral-ultra-light: #f2f2f2; --neutral-light: #d9d9d9; --neutral-medium: gray; --neutral-dark: #404040; --neutral-ultra-dark: #1a1a1a; --neutral-comp: #1c1c1c; --white: #fff; --black: #000; --primary-trans-10: rgba(118, 80, 224, 0.1); --primary-trans-20: rgba(118, 80, 224, 0.2); --primary-trans-30: rgba(118, 80, 224, 0.3); --primary-trans-40: rgba(118, 80, 224, 0.4); --primary-trans-50: rgba(118, 80, 224, 0.5); --primary-trans-60: rgba(118, 80, 224, 0.6); --primary-trans-70: rgba(118, 80, 224, 0.7); --primary-trans-80: rgba(118, 80, 224, 0.8); --primary-trans-90: rgba(118, 80, 224, 0.9); --primary-light-trans-10: rgba(201, 186, 243, 0.1); --primary-light-trans-20: rgba(201, 186, 243, 0.2); --primary-light-trans-30: rgba(201, 186, 243, 0.3); --primary-light-trans-40: rgba(201, 186, 243, 0.4); --primary-light-trans-50: rgba(201, 186, 243, 0.5); --primary-light-trans-60: rgba(201, 186, 243, 0.6); --primary-light-trans-70: rgba(201, 186, 243, 0.7); --primary-light-trans-80: rgba(201, 186, 243, 0.8); --primary-light-trans-90: rgba(201, 186, 243, 0.9); --primary-dark-trans-10: rgba(36, 16, 91, 0.1); --primary-dark-trans-20: rgba(36, 16, 91, 0.2); --primary-dark-trans-30: rgba(36, 16, 91, 0.3); --primary-dark-trans-40: rgba(36, 16, 91, 0.4); --primary-dark-trans-50: rgba(36, 16, 91, 0.5); --primary-dark-trans-60: rgba(36, 16, 91, 0.6); --primary-dark-trans-70: rgba(36, 16, 91, 0.7); --primary-dark-trans-80: rgba(36, 16, 91, 0.8); --primary-dark-trans-90: rgba(36, 16, 91, 0.9); --primary-ultra-dark-trans-10: rgba(14, 7, 34, 0.1); --primary-ultra-dark-trans-20: rgba(14, 7, 34, 0.2); --primary-ultra-dark-trans-30: rgba(14, 7, 34, 0.3); --primary-ultra-dark-trans-40: rgba(14, 7, 34, 0.4); --primary-ultra-dark-trans-50: rgba(14, 7, 34, 0.5); --primary-ultra-dark-trans-60: rgba(14, 7, 34, 0.6); --primary-ultra-dark-trans-70: rgba(14, 7, 34, 0.7); --primary-ultra-dark-trans-80: rgba(14, 7, 34, 0.8); --primary-ultra-dark-trans-90: rgba(14, 7, 34, 0.9); --secondary-trans-10: rgba(113, 114, 114, 0.1); --secondary-trans-20: rgba(113, 114, 114, 0.2); --secondary-trans-30: rgba(113, 114, 114, 0.3); --secondary-trans-40: rgba(113, 114, 114, 0.4); --secondary-trans-50: rgba(113, 114, 114, 0.5); --secondary-trans-60: rgba(113, 114, 114, 0.6); --secondary-trans-70: rgba(113, 114, 114, 0.7); --secondary-trans-80: rgba(113, 114, 114, 0.8); --secondary-trans-90: rgba(113, 114, 114, 0.9); --secondary-light-trans-10: rgba(237, 237, 237, 0.1); --secondary-light-trans-20: rgba(237, 237, 237, 0.2); --secondary-light-trans-30: rgba(237, 237, 237, 0.3); --secondary-light-trans-40: rgba(237, 237, 237, 0.4); --secondary-light-trans-50: rgba(237, 237, 237, 0.5); --secondary-light-trans-60: rgba(237, 237, 237, 0.6); --secondary-light-trans-70: rgba(237, 237, 237, 0.7); --secondary-light-trans-80: rgba(237, 237, 237, 0.8); --secondary-light-trans-90: rgba(237, 237, 237, 0.9); --secondary-dark-trans-10: rgba(51, 51, 51, 0.1); --secondary-dark-trans-20: rgba(51, 51, 51, 0.2); --secondary-dark-trans-30: rgba(51, 51, 51, 0.3); --secondary-dark-trans-40: rgba(51, 51, 51, 0.4); --secondary-dark-trans-50: rgba(51, 51, 51, 0.5); --secondary-dark-trans-60: rgba(51, 51, 51, 0.6); --secondary-dark-trans-70: rgba(51, 51, 51, 0.7); --secondary-dark-trans-80: rgba(51, 51, 51, 0.8); --secondary-dark-trans-90: rgba(51, 51, 51, 0.9); --secondary-ultra-dark-trans-10: rgba(28, 28, 28, 0.1); --secondary-ultra-dark-trans-20: rgba(28, 28, 28, 0.2); --secondary-ultra-dark-trans-30: rgba(28, 28, 28, 0.3); --secondary-ultra-dark-trans-40: rgba(28, 28, 28, 0.4); --secondary-ultra-dark-trans-50: rgba(28, 28, 28, 0.5); --secondary-ultra-dark-trans-60: rgba(28, 28, 28, 0.6); --secondary-ultra-dark-trans-70: rgba(28, 28, 28, 0.7); --secondary-ultra-dark-trans-80: rgba(28, 28, 28, 0.8); --secondary-ultra-dark-trans-90: rgba(28, 28, 28, 0.9); --accent-trans-10: rgba(38, 100, 125, 0.1); --accent-trans-20: rgba(38, 100, 125, 0.2); --accent-trans-30: rgba(38, 100, 125, 0.3); --accent-trans-40: rgba(38, 100, 125, 0.4); --accent-trans-50: rgba(38, 100, 125, 0.5); --accent-trans-60: rgba(38, 100, 125, 0.6); --accent-trans-70: rgba(38, 100, 125, 0.7); --accent-trans-80: rgba(38, 100, 125, 0.8); --accent-trans-90: rgba(38, 100, 125, 0.9); --accent-light-trans-10: rgba(76, 165, 200, 0.1); --accent-light-trans-20: rgba(76, 165, 200, 0.2); --accent-light-trans-30: rgba(76, 165, 200, 0.3); --accent-light-trans-40: rgba(76, 165, 200, 0.4); --accent-light-trans-50: rgba(76, 165, 200, 0.5); --accent-light-trans-60: rgba(76, 165, 200, 0.6); --accent-light-trans-70: rgba(76, 165, 200, 0.7); --accent-light-trans-80: rgba(76, 165, 200, 0.8); --accent-light-trans-90: rgba(76, 165, 200, 0.9); --accent-dark-trans-10: rgba(30, 78, 98, 0.1); --accent-dark-trans-20: rgba(30, 78, 98, 0.2); --accent-dark-trans-30: rgba(30, 78, 98, 0.3); --accent-dark-trans-40: rgba(30, 78, 98, 0.4); --accent-dark-trans-50: rgba(30, 78, 98, 0.5); --accent-dark-trans-60: rgba(30, 78, 98, 0.6); --accent-dark-trans-70: rgba(30, 78, 98, 0.7); --accent-dark-trans-80: rgba(30, 78, 98, 0.8); --accent-dark-trans-90: rgba(30, 78, 98, 0.9); --accent-ultra-dark-trans-10: rgba(12, 31, 39, 0.1); --accent-ultra-dark-trans-20: rgba(12, 31, 39, 0.2); --accent-ultra-dark-trans-30: rgba(12, 31, 39, 0.3); --accent-ultra-dark-trans-40: rgba(12, 31, 39, 0.4); --accent-ultra-dark-trans-50: rgba(12, 31, 39, 0.5); --accent-ultra-dark-trans-60: rgba(12, 31, 39, 0.6); --accent-ultra-dark-trans-70: rgba(12, 31, 39, 0.7); --accent-ultra-dark-trans-80: rgba(12, 31, 39, 0.8); --accent-ultra-dark-trans-90: rgba(12, 31, 39, 0.9); --shade-trans-10: rgba(0, 0, 0, 0.1); --shade-trans-20: rgba(0, 0, 0, 0.2); --shade-trans-30: rgba(0, 0, 0, 0.3); --shade-trans-40: rgba(0, 0, 0, 0.4); --shade-trans-50: rgba(0, 0, 0, 0.5); --shade-trans-60: rgba(0, 0, 0, 0.6); --shade-trans-70: rgba(0, 0, 0, 0.7); --shade-trans-80: rgba(0, 0, 0, 0.8); --shade-trans-90: rgba(0, 0, 0, 0.9); --shade-light-trans-10: rgba(217, 217, 217, 0.1); --shade-light-trans-20: rgba(217, 217, 217, 0.2); --shade-light-trans-30: rgba(217, 217, 217, 0.3); --shade-light-trans-40: rgba(217, 217, 217, 0.4); --shade-light-trans-50: rgba(217, 217, 217, 0.5); --shade-light-trans-60: rgba(217, 217, 217, 0.6); --shade-light-trans-70: rgba(217, 217, 217, 0.7); --shade-light-trans-80: rgba(217, 217, 217, 0.8); --shade-light-trans-90: rgba(217, 217, 217, 0.9); --shade-dark-trans-10: rgba(64, 64, 64, 0.1); --shade-dark-trans-20: rgba(64, 64, 64, 0.2); --shade-dark-trans-30: rgba(64, 64, 64, 0.3); --shade-dark-trans-40: rgba(64, 64, 64, 0.4); --shade-dark-trans-50: rgba(64, 64, 64, 0.5); --shade-dark-trans-60: rgba(64, 64, 64, 0.6); --shade-dark-trans-70: rgba(64, 64, 64, 0.7); --shade-dark-trans-80: rgba(64, 64, 64, 0.8); --shade-dark-trans-90: rgba(64, 64, 64, 0.9); --shade-ultra-dark-trans-10: rgba(26, 26, 26, 0.1); --shade-ultra-dark-trans-20: rgba(26, 26, 26, 0.2); --shade-ultra-dark-trans-30: rgba(26, 26, 26, 0.3); --shade-ultra-dark-trans-40: rgba(26, 26, 26, 0.4); --shade-ultra-dark-trans-50: rgba(26, 26, 26, 0.5); --shade-ultra-dark-trans-60: rgba(26, 26, 26, 0.6); --shade-ultra-dark-trans-70: rgba(26, 26, 26, 0.7); --shade-ultra-dark-trans-80: rgba(26, 26, 26, 0.8); --shade-ultra-dark-trans-90: rgba(26, 26, 26, 0.9); --neutral-trans-10: rgba(28, 28, 28, 0.1); --neutral-trans-20: rgba(28, 28, 28, 0.2); --neutral-trans-30: rgba(28, 28, 28, 0.3); --neutral-trans-40: rgba(28, 28, 28, 0.4); --neutral-trans-50: rgba(28, 28, 28, 0.5); --neutral-trans-60: rgba(28, 28, 28, 0.6); --neutral-trans-70: rgba(28, 28, 28, 0.7); --neutral-trans-80: rgba(28, 28, 28, 0.8); --neutral-trans-90: rgba(28, 28, 28, 0.9); --neutral-light-trans-10: rgba(217, 217, 217, 0.1); --neutral-light-trans-20: rgba(217, 217, 217, 0.2); --neutral-light-trans-30: rgba(217, 217, 217, 0.3); --neutral-light-trans-40: rgba(217, 217, 217, 0.4); --neutral-light-trans-50: rgba(217, 217, 217, 0.5); --neutral-light-trans-60: rgba(217, 217, 217, 0.6); --neutral-light-trans-70: rgba(217, 217, 217, 0.7); --neutral-light-trans-80: rgba(217, 217, 217, 0.8); --neutral-light-trans-90: rgba(217, 217, 217, 0.9); --neutral-dark-trans-10: rgba(64, 64, 64, 0.1); --neutral-dark-trans-20: rgba(64, 64, 64, 0.2); --neutral-dark-trans-30: rgba(64, 64, 64, 0.3); --neutral-dark-trans-40: rgba(64, 64, 64, 0.4); --neutral-dark-trans-50: rgba(64, 64, 64, 0.5); --neutral-dark-trans-60: rgba(64, 64, 64, 0.6); --neutral-dark-trans-70: rgba(64, 64, 64, 0.7); --neutral-dark-trans-80: rgba(64, 64, 64, 0.8); --neutral-dark-trans-90: rgba(64, 64, 64, 0.9); --neutral-ultra-dark-trans-10: rgba(26, 26, 26, 0.1); --neutral-ultra-dark-trans-20: rgba(26, 26, 26, 0.2); --neutral-ultra-dark-trans-30: rgba(26, 26, 26, 0.3); --neutral-ultra-dark-trans-40: rgba(26, 26, 26, 0.4); --neutral-ultra-dark-trans-50: rgba(26, 26, 26, 0.5); --neutral-ultra-dark-trans-60: rgba(26, 26, 26, 0.6); --neutral-ultra-dark-trans-70: rgba(26, 26, 26, 0.7); --neutral-ultra-dark-trans-80: rgba(26, 26, 26, 0.8); --neutral-ultra-dark-trans-90: rgba(26, 26, 26, 0.9); --white-trans-10: rgba(255, 255, 255, 0.1); --white-trans-20: rgba(255, 255, 255, 0.2); --white-trans-30: rgba(255, 255, 255, 0.3); --white-trans-40: rgba(255, 255, 255, 0.4); --white-trans-50: rgba(255, 255, 255, 0.5); --white-trans-60: rgba(255, 255, 255, 0.6); --white-trans-70: rgba(255, 255, 255, 0.7); --white-trans-80: rgba(255, 255, 255, 0.8); --white-trans-90: rgba(255, 255, 255, 0.9); --black-trans-10: rgba(0, 0, 0, 0.1); --black-trans-20: rgba(0, 0, 0, 0.2); --black-trans-30: rgba(0, 0, 0, 0.3); --black-trans-40: rgba(0, 0, 0, 0.4); --black-trans-50: rgba(0, 0, 0, 0.5); --black-trans-60: rgba(0, 0, 0, 0.6); --black-trans-70: rgba(0, 0, 0, 0.7); --black-trans-80: rgba(0, 0, 0, 0.8); --black-trans-90: rgba(0, 0, 0, 0.9); --shade-white: #fff; --shade-black: #000; } :root { --success: #29A745; --success-light: #c1f0cc; --success-dark: #0f3e19; --success-hover: #2fc24f; --danger: #DC3545; --danger-light: #f4bec3; --danger-dark: #410b11; --danger-hover: #e35a67; --warning: #FFC10A; --warning-light: #ffecb3; --warning-dark: #4d3900; --warning-hover: #ffcc32; --info: #18A2B8; --info-light: #bbeef6; --info-dark: #093c44; --info-hover: #1cbcd5; --text-xs: 1.3rem; --text-s: 1.4rem; --text-m: 1.8rem; --text-l: 2rem; --text-xl: 2.3rem; --text-xxl: 2.6rem; --root-font-size: 62.5%; --h6: 1.3rem; --h5: 1.4rem; --h4: 1.8rem; --h3: 2rem; --h2: 2.3rem; --h1: 2.6rem; --space-xs: 1.896rem; --space-s: 2.133rem; --space-m: 2.4rem; --space-l: 2.7rem; --space-xl: 3.038rem; --space-xxl: 3.42rem; --section-space-xs: 3.84rem; --section-space-s: 4.8rem; --section-space-m: 6rem; --section-space-l: 7.5rem; --section-space-xl: 9.375rem; --section-space-xxl: 11.719rem; --width-xs: calc((128 * 0.1) * 1rem); --width-s: calc((128 * 0.2) * 1rem); --width-m: calc((128 * 0.4) * 1rem); --width-l: calc((128 * 0.6) * 1rem); --width-xl: calc((128 * 0.8) * 1rem); --width-xxl: calc((128 * 0.9) * 1rem); --width-vp-max: 128rem; --width-content: 128rem; --width-50: calc((128 / 2) * 1rem); --width-full: 100%; --content-width: var(--width-content); --content-width-safe: min(var(--width-content), calc(100% - var(--section-padding-x) * 2)); --radius-xs: 0.4444444444rem; --radius-s: 0.6666666667rem; --radius-m: 1rem; --radius-l: 1.5rem; --radius-xl: 2.25rem; --radius-xxl: 3.375rem; --radius-50: 50%; --radius-circle: 50%; --grid-1: repeat(1, minmax(0, 1fr)); --grid-2: repeat(2, minmax(0, 1fr)); --grid-3: repeat(3, minmax(0, 1fr)); --grid-4: repeat(4, minmax(0, 1fr)); --grid-5: repeat(5, minmax(0, 1fr)); --grid-6: repeat(6, minmax(0, 1fr)); --grid-7: repeat(7, minmax(0, 1fr)); --grid-8: repeat(8, minmax(0, 1fr)); --grid-9: repeat(9, minmax(0, 1fr)); --grid-10: repeat(10, minmax(0, 1fr)); --grid-11: repeat(11, minmax(0, 1fr)); --grid-12: repeat(12, minmax(0, 1fr)); --grid-1-2: minmax(0, 1fr) minmax(0, 2fr); --grid-1-3: minmax(0, 1fr) minmax(0, 3fr); --grid-2-1: minmax(0, 2fr) minmax(0, 1fr); --grid-2-3: minmax(0, 2fr) minmax(0, 3fr); --grid-3-1: minmax(0, 3fr) minmax(0, 1fr); --grid-3-2: minmax(0, 3fr) minmax(0, 2fr); --grid-variable-grid: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2)), 100%), 1fr)); --grid-auto-2: repeat(auto-fit, minmax(min(40.8026755853rem, 100vw - 6rem), 1fr)); --grid-auto-3: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); --grid-auto-4: repeat(auto-fit, minmax(min(24.4488977956rem, 100vw - 6rem), 1fr)); --grid-auto-5: repeat(auto-fit, minmax(min(20.367278798rem, 100vw - 6rem), 1fr)); --grid-auto-6: repeat(auto-fit, minmax(min(17.4535050072rem, 100vw - 6rem), 1fr)); --section-padding-x: 2.4rem; --section-gutter: 2.4rem; --gutter: 2.4rem; --success-hex: #29A745; --success-rgb: 41 167 69; --success-hsl: 133 61% 41%; --success-h: 133; --success-s: 61%; --success-l: 41%; --success-r: 41; --success-g: 167; --success-b: 69; --danger-hex: #DC3545; --danger-rgb: 220 53 69; --danger-hsl: 354 70% 54%; --danger-h: 354; --danger-s: 70%; --danger-l: 54%; --danger-r: 220; --danger-g: 53; --danger-b: 69; --warning-hex: #FFC10A; --warning-rgb: 255 193 10; --warning-hsl: 45 100% 52%; --warning-h: 45; --warning-s: 100%; --warning-l: 52%; --warning-r: 255; --warning-g: 193; --warning-b: 10; --info-hex: #18A2B8; --info-rgb: 24 162 184; --info-hsl: 188 77% 41%; --info-h: 188; --info-s: 77%; --info-l: 41%; --info-r: 24; --info-g: 162; --info-b: 184; --header-height: 0rem; --offset: 0rem; --offset-xxl: 0rem; --offset-xl: 0rem; --offset-l: 0rem; --offset-m: 0rem; --offset-s: 0rem; --offset-xs: 0rem; --paragraph-spacing: 1em; --heading-spacing: 1.5em; --list-spacing: 1em; --list-item-spacing: 0.5em; --link-underline-offset: 0; --focus-color: var(--action); --focus-width: 0.2rem; --focus-offset: 0.25em; --h1-lh: 1.15; --h2-lh: 1.15; --h3-lh: 1.34; --h4-lh: 1.5; --h5-lh: 1.5; --h6-lh: 1.5; --heading-color: ; --h1-color: ; --h2-color: ; --h3-color: ; --h4-color: ; --h5-color: ; --h6-color: ; --h1-length: 100%; --h2-length: 100%; --h3-length: 100%; --h4-length: 100%; --h5-length: 100%; --h6-length: 100%; --text-xxl-lh: 1.5; --text-xl-lh: 1.5; --text-l-lh: 1.5; --text-m-lh: 1.5; --text-s-lh: 1.5; --text-xs-lh: 1.5; --text-xxl-length: 100%; --text-xl-length: 100%; --text-l-length: 100%; --text-m-length: 100%; --text-s-length: 100%; --text-xs-length: 100%; --box-shadow-m: 0 4px 4px -10px rgba(28, 28, 28, 0.04), 0 13px 13px -10px rgba(28, 28, 28, 0.06), 0 40px 60px -10px rgba(28, 28, 28, 0.08); --box-shadow-l: 0 2.7px 3.6px -5px rgba(28, 28, 28, 0.04), 0 7.5px 10px -5px rgba(28, 28, 28, 0.06), 0 18px 24.1px -5px rgba(28, 28, 28, 0.08), 0 60px 80px -5px rgba(28, 28, 28, 0.1); --box-shadow-xl: 2.8px 2.8px 2.2px rgba(28, 28, 28, 0.02), 0 6.7px 5.3px -5px rgba(28, 28, 28, 0.04), 0 12.5px 10px -5px rgba(28, 28, 28, 0.06), 0 22.3px 17.9px -5px rgba(28, 28, 28, 0.08), 0 41.8px 33.4px -5px rgba(28, 28, 28, 0.1), 0 80px 80px -5px rgba(28, 28, 28, 0.105); --box-shadow-1: 0 4px 4px -10px rgba(28, 28, 28, 0.04), 0 13px 13px -10px rgba(28, 28, 28, 0.06), 0 40px 60px -10px rgba(28, 28, 28, 0.08); --box-shadow-2: 0 2.7px 3.6px -5px rgba(28, 28, 28, 0.04), 0 7.5px 10px -5px rgba(28, 28, 28, 0.06), 0 18px 24.1px -5px rgba(28, 28, 28, 0.08), 0 60px 80px -5px rgba(28, 28, 28, 0.1); --box-shadow-3: 2.8px 2.8px 2.2px rgba(28, 28, 28, 0.02), 0 6.7px 5.3px -5px rgba(28, 28, 28, 0.04), 0 12.5px 10px -5px rgba(28, 28, 28, 0.06), 0 22.3px 17.9px -5px rgba(28, 28, 28, 0.08), 0 41.8px 33.4px -5px rgba(28, 28, 28, 0.1), 0 80px 80px -5px rgba(28, 28, 28, 0.105); --admin-bar-height: var(--wp-admin--admin-bar--height, 0px); } :root { --btn-padding-block: 0.75em; --btn-padding-inline: 1.5em; --btn-min-width: 8rem; --btn-line-height: 1; --btn-font-weight: 400; --btn-font-style: normal; --btn-text-decoration: none; --btn-text-decoration-hover: none; --btn-letter-spacing: 0; --btn-text-transform: none; --btn-border-width: 0.25rem; --btn-outline-border-width: 0.25rem; --btn-border-style: solid; --btn-border-radius: 0; --btn-transition-duration: 0.3s; }  :root { --btn-border-size: 0.25rem; --btn-radius: 0; --outline-btn-border-size: 0.25rem; --btn-pad-x: 1.5em; --btn-pad-y: 0.75em; --btn-text-style: normal; --btn-weight: 400; --btn-width: 8; } :root { --col-width-s: 13rem; --col-width-m: 25rem; --col-width-l: 38rem; --col-rule-width-s: 0.1em; --col-rule-width-m: 0.3em; --col-rule-width-l: 0.5em; } :root { --sticky-s: 2.5%; --sticky-m: 5%; --sticky-l: 10%; } :root { --content-gap: var(--space-m); --fr-content-gap: var(--space-m); --container-gap: var(--space-xl); --fr-container-gap: var(--space-xl); --grid-gap: var(--space-m); --fr-grid-gap: var(--space-m); --bg-ultra-light: var(--shade-ultra-light); --bg-light: var(--neutral-ultra-light); --bg-dark: var(--neutral-ultra-dark); --bg-ultra-dark: var(--shade-ultra-dark); --text-light: var(--shade-ultra-light); --text-light-muted: var(--neutral-light); --text-dark: var(--shade-ultra-dark); --text-dark-muted: var(--neutral-dark); } html { font-size: var(--root-font-size) !important; } [id] { scroll-margin-top: var(--offset); } *, *::before, *::after { box-sizing: border-box; } body { min-block-size: 100vh; } input, button, textarea, select { font: inherit; } .focus-parent:focus-within { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); } .focus-parent :focus { outline: none !important; box-shadow: none !important; } .focus-parent--shadow:focus-within { box-shadow: 0 0 0 var(--focus-width) var(--focus-color); } .focus-parent--shadow :focus { outline: none !important; box-shadow: none !important; } .focus-parent--outline:focus-within { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); } .focus-parent--outline :focus { outline: none !important; box-shadow: none !important; } .hidden-accessible { position: absolute !important; inline-size: 1px !important; block-size: 1px !important; padding: 0; margin: -1px; overflow: hidden; clip-path: rect(0, 0, 0, 0); white-space: nowrap;  border: 0; } @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } :where(section:not(section section)) { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .section__inner, .section__container, .acss__container { width: 100%; max-inline-size: var(--content-width); margin-inline: auto; } .bg--primary { background-color: var(--primary); } .bg--primary-hover { background-color: var(--primary-hover); } .bg--primary-ultra-light { background-color: var(--primary-ultra-light); } .bg--primary-light { background-color: var(--primary-light); } .bg--primary-medium { background-color: var(--primary-medium); } .bg--primary-dark { background-color: var(--primary-dark); } .bg--primary-ultra-dark { background-color: var(--primary-ultra-dark); } .bg--primary-comp { background-color: var(--primary-comp); } .bg--primary-trans-10 { background-color: var(--primary-trans-10); } .bg--primary-trans-20 { background-color: var(--primary-trans-20); } .bg--primary-trans-30 { background-color: var(--primary-trans-30); } .bg--primary-trans-40 { background-color: var(--primary-trans-40); } .bg--primary-trans-50 { background-color: var(--primary-trans-50); } .bg--primary-trans-60 { background-color: var(--primary-trans-60); } .bg--primary-trans-70 { background-color: var(--primary-trans-70); } .bg--primary-trans-80 { background-color: var(--primary-trans-80); } .bg--primary-trans-90 { background-color: var(--primary-trans-90); } .bg--primary-light-trans-10 { background-color: var(--primary-light-trans-10); } .bg--primary-light-trans-20 { background-color: var(--primary-light-trans-20); } .bg--primary-light-trans-30 { background-color: var(--primary-light-trans-30); } .bg--primary-light-trans-40 { background-color: var(--primary-light-trans-40); } .bg--primary-light-trans-50 { background-color: var(--primary-light-trans-50); } .bg--primary-light-trans-60 { background-color: var(--primary-light-trans-60); } .bg--primary-light-trans-70 { background-color: var(--primary-light-trans-70); } .bg--primary-light-trans-80 { background-color: var(--primary-light-trans-80); } .bg--primary-light-trans-90 { background-color: var(--primary-light-trans-90); } .bg--primary-dark-trans-10 { background-color: var(--primary-dark-trans-10); } .bg--primary-dark-trans-20 { background-color: var(--primary-dark-trans-20); } .bg--primary-dark-trans-30 { background-color: var(--primary-dark-trans-30); } .bg--primary-dark-trans-40 { background-color: var(--primary-dark-trans-40); } .bg--primary-dark-trans-50 { background-color: var(--primary-dark-trans-50); } .bg--primary-dark-trans-60 { background-color: var(--primary-dark-trans-60); } .bg--primary-dark-trans-70 { background-color: var(--primary-dark-trans-70); } .bg--primary-dark-trans-80 { background-color: var(--primary-dark-trans-80); } .bg--primary-dark-trans-90 { background-color: var(--primary-dark-trans-90); } .bg--primary-ultra-dark-trans-10 { background-color: var(--primary-ultra-dark-trans-10); } .bg--primary-ultra-dark-trans-20 { background-color: var(--primary-ultra-dark-trans-20); } .bg--primary-ultra-dark-trans-30 { background-color: var(--primary-ultra-dark-trans-30); } .bg--primary-ultra-dark-trans-40 { background-color: var(--primary-ultra-dark-trans-40); } .bg--primary-ultra-dark-trans-50 { background-color: var(--primary-ultra-dark-trans-50); } .bg--primary-ultra-dark-trans-60 { background-color: var(--primary-ultra-dark-trans-60); } .bg--primary-ultra-dark-trans-70 { background-color: var(--primary-ultra-dark-trans-70); } .bg--primary-ultra-dark-trans-80 { background-color: var(--primary-ultra-dark-trans-80); } .bg--primary-ultra-dark-trans-90 { background-color: var(--primary-ultra-dark-trans-90); } .bg--secondary { background-color: var(--secondary); } .bg--secondary-hover { background-color: var(--secondary-hover); } .bg--secondary-ultra-light { background-color: var(--secondary-ultra-light); } .bg--secondary-light { background-color: var(--secondary-light); } .bg--secondary-medium { background-color: var(--secondary-medium); } .bg--secondary-dark { background-color: var(--secondary-dark); } .bg--secondary-ultra-dark { background-color: var(--secondary-ultra-dark); } .bg--secondary-comp { background-color: var(--secondary-comp); } .bg--secondary-trans-10 { background-color: var(--secondary-trans-10); } .bg--secondary-trans-20 { background-color: var(--secondary-trans-20); } .bg--secondary-trans-30 { background-color: var(--secondary-trans-30); } .bg--secondary-trans-40 { background-color: var(--secondary-trans-40); } .bg--secondary-trans-50 { background-color: var(--secondary-trans-50); } .bg--secondary-trans-60 { background-color: var(--secondary-trans-60); } .bg--secondary-trans-70 { background-color: var(--secondary-trans-70); } .bg--secondary-trans-80 { background-color: var(--secondary-trans-80); } .bg--secondary-trans-90 { background-color: var(--secondary-trans-90); } .bg--secondary-light-trans-10 { background-color: var(--secondary-light-trans-10); } .bg--secondary-light-trans-20 { background-color: var(--secondary-light-trans-20); } .bg--secondary-light-trans-30 { background-color: var(--secondary-light-trans-30); } .bg--secondary-light-trans-40 { background-color: var(--secondary-light-trans-40); } .bg--secondary-light-trans-50 { background-color: var(--secondary-light-trans-50); } .bg--secondary-light-trans-60 { background-color: var(--secondary-light-trans-60); } .bg--secondary-light-trans-70 { background-color: var(--secondary-light-trans-70); } .bg--secondary-light-trans-80 { background-color: var(--secondary-light-trans-80); } .bg--secondary-light-trans-90 { background-color: var(--secondary-light-trans-90); } .bg--secondary-dark-trans-10 { background-color: var(--secondary-dark-trans-10); } .bg--secondary-dark-trans-20 { background-color: var(--secondary-dark-trans-20); } .bg--secondary-dark-trans-30 { background-color: var(--secondary-dark-trans-30); } .bg--secondary-dark-trans-40 { background-color: var(--secondary-dark-trans-40); } .bg--secondary-dark-trans-50 { background-color: var(--secondary-dark-trans-50); } .bg--secondary-dark-trans-60 { background-color: var(--secondary-dark-trans-60); } .bg--secondary-dark-trans-70 { background-color: var(--secondary-dark-trans-70); } .bg--secondary-dark-trans-80 { background-color: var(--secondary-dark-trans-80); } .bg--secondary-dark-trans-90 { background-color: var(--secondary-dark-trans-90); } .bg--secondary-ultra-dark-trans-10 { background-color: var(--secondary-ultra-dark-trans-10); } .bg--secondary-ultra-dark-trans-20 { background-color: var(--secondary-ultra-dark-trans-20); } .bg--secondary-ultra-dark-trans-30 { background-color: var(--secondary-ultra-dark-trans-30); } .bg--secondary-ultra-dark-trans-40 { background-color: var(--secondary-ultra-dark-trans-40); } .bg--secondary-ultra-dark-trans-50 { background-color: var(--secondary-ultra-dark-trans-50); } .bg--secondary-ultra-dark-trans-60 { background-color: var(--secondary-ultra-dark-trans-60); } .bg--secondary-ultra-dark-trans-70 { background-color: var(--secondary-ultra-dark-trans-70); } .bg--secondary-ultra-dark-trans-80 { background-color: var(--secondary-ultra-dark-trans-80); } .bg--secondary-ultra-dark-trans-90 { background-color: var(--secondary-ultra-dark-trans-90); } .bg--accent { background-color: var(--accent); } .bg--accent-hover { background-color: var(--accent-hover); } .bg--accent-ultra-light { background-color: var(--accent-ultra-light); } .bg--accent-light { background-color: var(--accent-light); } .bg--accent-medium { background-color: var(--accent-medium); } .bg--accent-dark { background-color: var(--accent-dark); } .bg--accent-ultra-dark { background-color: var(--accent-ultra-dark); } .bg--accent-comp { background-color: var(--accent-comp); } .bg--accent-trans-10 { background-color: var(--accent-trans-10); } .bg--accent-trans-20 { background-color: var(--accent-trans-20); } .bg--accent-trans-30 { background-color: var(--accent-trans-30); } .bg--accent-trans-40 { background-color: var(--accent-trans-40); } .bg--accent-trans-50 { background-color: var(--accent-trans-50); } .bg--accent-trans-60 { background-color: var(--accent-trans-60); } .bg--accent-trans-70 { background-color: var(--accent-trans-70); } .bg--accent-trans-80 { background-color: var(--accent-trans-80); } .bg--accent-trans-90 { background-color: var(--accent-trans-90); } .bg--accent-light-trans-10 { background-color: var(--accent-light-trans-10); } .bg--accent-light-trans-20 { background-color: var(--accent-light-trans-20); } .bg--accent-light-trans-30 { background-color: var(--accent-light-trans-30); } .bg--accent-light-trans-40 { background-color: var(--accent-light-trans-40); } .bg--accent-light-trans-50 { background-color: var(--accent-light-trans-50); } .bg--accent-light-trans-60 { background-color: var(--accent-light-trans-60); } .bg--accent-light-trans-70 { background-color: var(--accent-light-trans-70); } .bg--accent-light-trans-80 { background-color: var(--accent-light-trans-80); } .bg--accent-light-trans-90 { background-color: var(--accent-light-trans-90); } .bg--accent-dark-trans-10 { background-color: var(--accent-dark-trans-10); } .bg--accent-dark-trans-20 { background-color: var(--accent-dark-trans-20); } .bg--accent-dark-trans-30 { background-color: var(--accent-dark-trans-30); } .bg--accent-dark-trans-40 { background-color: var(--accent-dark-trans-40); } .bg--accent-dark-trans-50 { background-color: var(--accent-dark-trans-50); } .bg--accent-dark-trans-60 { background-color: var(--accent-dark-trans-60); } .bg--accent-dark-trans-70 { background-color: var(--accent-dark-trans-70); } .bg--accent-dark-trans-80 { background-color: var(--accent-dark-trans-80); } .bg--accent-dark-trans-90 { background-color: var(--accent-dark-trans-90); } .bg--accent-ultra-dark-trans-10 { background-color: var(--accent-ultra-dark-trans-10); } .bg--accent-ultra-dark-trans-20 { background-color: var(--accent-ultra-dark-trans-20); } .bg--accent-ultra-dark-trans-30 { background-color: var(--accent-ultra-dark-trans-30); } .bg--accent-ultra-dark-trans-40 { background-color: var(--accent-ultra-dark-trans-40); } .bg--accent-ultra-dark-trans-50 { background-color: var(--accent-ultra-dark-trans-50); } .bg--accent-ultra-dark-trans-60 { background-color: var(--accent-ultra-dark-trans-60); } .bg--accent-ultra-dark-trans-70 { background-color: var(--accent-ultra-dark-trans-70); } .bg--accent-ultra-dark-trans-80 { background-color: var(--accent-ultra-dark-trans-80); } .bg--accent-ultra-dark-trans-90 { background-color: var(--accent-ultra-dark-trans-90); } .bg--shade { background-color: var(--shade); } .bg--shade-hover { background-color: var(--shade-hover); } .bg--shade-ultra-light { background-color: var(--shade-ultra-light); } .bg--shade-light { background-color: var(--shade-light); } .bg--shade-medium { background-color: var(--shade-medium); } .bg--shade-dark { background-color: var(--shade-dark); } .bg--shade-ultra-dark { background-color: var(--shade-ultra-dark); } .bg--shade-comp { background-color: var(--shade-comp); } .bg--shade-trans-10 { background-color: var(--shade-trans-10); } .bg--shade-trans-20 { background-color: var(--shade-trans-20); } .bg--shade-trans-30 { background-color: var(--shade-trans-30); } .bg--shade-trans-40 { background-color: var(--shade-trans-40); } .bg--shade-trans-50 { background-color: var(--shade-trans-50); } .bg--shade-trans-60 { background-color: var(--shade-trans-60); } .bg--shade-trans-70 { background-color: var(--shade-trans-70); } .bg--shade-trans-80 { background-color: var(--shade-trans-80); } .bg--shade-trans-90 { background-color: var(--shade-trans-90); } .bg--shade-light-trans-10 { background-color: var(--shade-light-trans-10); } .bg--shade-light-trans-20 { background-color: var(--shade-light-trans-20); } .bg--shade-light-trans-30 { background-color: var(--shade-light-trans-30); } .bg--shade-light-trans-40 { background-color: var(--shade-light-trans-40); } .bg--shade-light-trans-50 { background-color: var(--shade-light-trans-50); } .bg--shade-light-trans-60 { background-color: var(--shade-light-trans-60); } .bg--shade-light-trans-70 { background-color: var(--shade-light-trans-70); } .bg--shade-light-trans-80 { background-color: var(--shade-light-trans-80); } .bg--shade-light-trans-90 { background-color: var(--shade-light-trans-90); } .bg--shade-dark-trans-10 { background-color: var(--shade-dark-trans-10); } .bg--shade-dark-trans-20 { background-color: var(--shade-dark-trans-20); } .bg--shade-dark-trans-30 { background-color: var(--shade-dark-trans-30); } .bg--shade-dark-trans-40 { background-color: var(--shade-dark-trans-40); } .bg--shade-dark-trans-50 { background-color: var(--shade-dark-trans-50); } .bg--shade-dark-trans-60 { background-color: var(--shade-dark-trans-60); } .bg--shade-dark-trans-70 { background-color: var(--shade-dark-trans-70); } .bg--shade-dark-trans-80 { background-color: var(--shade-dark-trans-80); } .bg--shade-dark-trans-90 { background-color: var(--shade-dark-trans-90); } .bg--shade-ultra-dark-trans-10 { background-color: var(--shade-ultra-dark-trans-10); } .bg--shade-ultra-dark-trans-20 { background-color: var(--shade-ultra-dark-trans-20); } .bg--shade-ultra-dark-trans-30 { background-color: var(--shade-ultra-dark-trans-30); } .bg--shade-ultra-dark-trans-40 { background-color: var(--shade-ultra-dark-trans-40); } .bg--shade-ultra-dark-trans-50 { background-color: var(--shade-ultra-dark-trans-50); } .bg--shade-ultra-dark-trans-60 { background-color: var(--shade-ultra-dark-trans-60); } .bg--shade-ultra-dark-trans-70 { background-color: var(--shade-ultra-dark-trans-70); } .bg--shade-ultra-dark-trans-80 { background-color: var(--shade-ultra-dark-trans-80); } .bg--shade-ultra-dark-trans-90 { background-color: var(--shade-ultra-dark-trans-90); } .bg--neutral { background-color: var(--neutral); } .bg--neutral-hover { background-color: var(--neutral-hover); } .bg--neutral-ultra-light { background-color: var(--neutral-ultra-light); } .bg--neutral-light { background-color: var(--neutral-light); } .bg--neutral-medium { background-color: var(--neutral-medium); } .bg--neutral-dark { background-color: var(--neutral-dark); } .bg--neutral-ultra-dark { background-color: var(--neutral-ultra-dark); } .bg--neutral-comp { background-color: var(--neutral-comp); } .bg--neutral-trans-10 { background-color: var(--neutral-trans-10); } .bg--neutral-trans-20 { background-color: var(--neutral-trans-20); } .bg--neutral-trans-30 { background-color: var(--neutral-trans-30); } .bg--neutral-trans-40 { background-color: var(--neutral-trans-40); } .bg--neutral-trans-50 { background-color: var(--neutral-trans-50); } .bg--neutral-trans-60 { background-color: var(--neutral-trans-60); } .bg--neutral-trans-70 { background-color: var(--neutral-trans-70); } .bg--neutral-trans-80 { background-color: var(--neutral-trans-80); } .bg--neutral-trans-90 { background-color: var(--neutral-trans-90); } .bg--neutral-light-trans-10 { background-color: var(--neutral-light-trans-10); } .bg--neutral-light-trans-20 { background-color: var(--neutral-light-trans-20); } .bg--neutral-light-trans-30 { background-color: var(--neutral-light-trans-30); } .bg--neutral-light-trans-40 { background-color: var(--neutral-light-trans-40); } .bg--neutral-light-trans-50 { background-color: var(--neutral-light-trans-50); } .bg--neutral-light-trans-60 { background-color: var(--neutral-light-trans-60); } .bg--neutral-light-trans-70 { background-color: var(--neutral-light-trans-70); } .bg--neutral-light-trans-80 { background-color: var(--neutral-light-trans-80); } .bg--neutral-light-trans-90 { background-color: var(--neutral-light-trans-90); } .bg--neutral-dark-trans-10 { background-color: var(--neutral-dark-trans-10); } .bg--neutral-dark-trans-20 { background-color: var(--neutral-dark-trans-20); } .bg--neutral-dark-trans-30 { background-color: var(--neutral-dark-trans-30); } .bg--neutral-dark-trans-40 { background-color: var(--neutral-dark-trans-40); } .bg--neutral-dark-trans-50 { background-color: var(--neutral-dark-trans-50); } .bg--neutral-dark-trans-60 { background-color: var(--neutral-dark-trans-60); } .bg--neutral-dark-trans-70 { background-color: var(--neutral-dark-trans-70); } .bg--neutral-dark-trans-80 { background-color: var(--neutral-dark-trans-80); } .bg--neutral-dark-trans-90 { background-color: var(--neutral-dark-trans-90); } .bg--neutral-ultra-dark-trans-10 { background-color: var(--neutral-ultra-dark-trans-10); } .bg--neutral-ultra-dark-trans-20 { background-color: var(--neutral-ultra-dark-trans-20); } .bg--neutral-ultra-dark-trans-30 { background-color: var(--neutral-ultra-dark-trans-30); } .bg--neutral-ultra-dark-trans-40 { background-color: var(--neutral-ultra-dark-trans-40); } .bg--neutral-ultra-dark-trans-50 { background-color: var(--neutral-ultra-dark-trans-50); } .bg--neutral-ultra-dark-trans-60 { background-color: var(--neutral-ultra-dark-trans-60); } .bg--neutral-ultra-dark-trans-70 { background-color: var(--neutral-ultra-dark-trans-70); } .bg--neutral-ultra-dark-trans-80 { background-color: var(--neutral-ultra-dark-trans-80); } .bg--neutral-ultra-dark-trans-90 { background-color: var(--neutral-ultra-dark-trans-90); } .bg--white { background-color: var(--white); } .bg--black { background-color: var(--black); } .bg--white-trans-10 { background-color: var(--white-trans-10); } .bg--white-trans-20 { background-color: var(--white-trans-20); } .bg--white-trans-30 { background-color: var(--white-trans-30); } .bg--white-trans-40 { background-color: var(--white-trans-40); } .bg--white-trans-50 { background-color: var(--white-trans-50); } .bg--white-trans-60 { background-color: var(--white-trans-60); } .bg--white-trans-70 { background-color: var(--white-trans-70); } .bg--white-trans-80 { background-color: var(--white-trans-80); } .bg--white-trans-90 { background-color: var(--white-trans-90); } .bg--black-trans-10 { background-color: var(--black-trans-10); } .bg--black-trans-20 { background-color: var(--black-trans-20); } .bg--black-trans-30 { background-color: var(--black-trans-30); } .bg--black-trans-40 { background-color: var(--black-trans-40); } .bg--black-trans-50 { background-color: var(--black-trans-50); } .bg--black-trans-60 { background-color: var(--black-trans-60); } .bg--black-trans-70 { background-color: var(--black-trans-70); } .bg--black-trans-80 { background-color: var(--black-trans-80); } .bg--black-trans-90 { background-color: var(--black-trans-90); } .btn--action, .btn--primary, .btn--secondary, .btn--accent, .btn--base, .btn--black, .btn--white { padding-block: var(--btn-padding-block); padding-inline: var(--btn-padding-inline); min-inline-size: var(--btn-min-width); line-height: var(--btn-line-height); font-size: var(--text-m); font-weight: var(--btn-font-weight); font-style: var(--btn-font-style); text-decoration: var(--btn-text-decoration); text-transform: var(--btn-text-transform); letter-spacing: var(--btn-letter-spacing); border-width: var(--btn-border-width); border-style: var(--btn-border-style); border-radius: var(--btn-border-radius); display: var(--btn-display, inline-flex); text-align: center; justify-content: center; align-items: center; background: var(--btn-background); color: var(--btn-text-color); border-color: var(--btn-border-color); transition: all var(--btn-transition-duration) ease; } .btn--action:hover, .btn--primary:hover, .btn--secondary:hover, .btn--accent:hover, .btn--base:hover, .btn--black:hover, .btn--white:hover { background: var(--btn-background-hover); border-color: var(--btn-border-color-hover); color: var(--btn-text-color-hover); text-decoration: var(--btn-text-decoration-hover); } .btn--action:focus, .btn--primary:focus, .btn--secondary:focus, .btn--accent:focus, .btn--base:focus, .btn--black:focus, .btn--white:focus { outline-style: solid; outline-color: var(--focus-color); outline-width: var(--focus-width); outline-offset: var(--focus-offset); } .btn--action.btn--outline, .btn--primary.btn--outline, .btn--secondary.btn--outline, .btn--accent.btn--outline, .btn--base.btn--outline, .btn--black.btn--outline, .btn--white.btn--outline { background: transparent; border-width: var(--btn-outline-border-width); color: var(--btn-outline-text-color); } .btn--action.btn--outline:hover, .btn--primary.btn--outline:hover, .btn--secondary.btn--outline:hover, .btn--accent.btn--outline:hover, .btn--base.btn--outline:hover, .btn--black.btn--outline:hover, .btn--white.btn--outline:hover { background: var(--btn-outline-background-hover); color: var(--btn-outline-text-color-hover); border-color: var(--btn-outline-border-hover); } .btn--primary { --btn-background: var(--primary); --btn-background-hover: var(--primary-hover); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary-ultra-light); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --btn-outline-background-hover: var(--primary-hover); --btn-outline-border-hover: var(--primary-hover); --btn-outline-text-color: var(--primary); --btn-outline-text-color-hover: var(--primary-ultra-light); --focus-color: var(--primary-dark); } .btn--secondary { --btn-background: var(--secondary); --btn-background-hover: var(--secondary-hover); --btn-text-color: var(--secondary-ultra-light); --btn-text-color-hover: var(--secondary-ultra-light); --btn-border-color: var(--secondary); --btn-border-color-hover: var(--secondary-hover); --btn-outline-background-hover: var(--secondary-hover); --btn-outline-border-hover: var(--secondary-hover); --btn-outline-text-color: var(--secondary); --btn-outline-text-color-hover: var(--secondary-ultra-light); --focus-color: var(--secondary-dark); } .btn--accent { --btn-background: var(--accent); --btn-background-hover: var(--accent-hover); --btn-text-color: var(--accent-ultra-light); --btn-text-color-hover: var(--accent-ultra-light); --btn-border-color: var(--accent); --btn-border-color-hover: var(--accent-hover); --btn-outline-background-hover: var(--accent-hover); --btn-outline-border-hover: var(--accent-hover); --btn-outline-text-color: var(--accent); --btn-outline-text-color-hover: var(--accent-ultra-light); --focus-color: var(--accent-dark); } .btn--black { --btn-background: var(--shade-black); --btn-background-hover: var(--action-hover); --btn-text-color: var(--shade-white); --btn-text-color-hover: var(--shade-white); --btn-border-color: var(--shade-black); --btn-border-color-hover: var(--shade-white); --btn-outline-background-hover: var(--white); --btn-outline-border-hover: var(--white); --btn-outline-text-color: var(--shade-black); --btn-outline-text-color-hover: var(--action-ultra-light); --focus-color: var(--action); } .btn--white { --btn-background: var(--shade-white); --btn-background-hover: var(--action-hover); --btn-text-color: var(--accent); --btn-text-color-hover: var(--shade-white); --btn-border-color: var(--shade-white); --btn-border-color-hover: var(--shade-black); --btn-outline-background-hover: var(--white); --btn-outline-border-hover: var(--white); --btn-outline-text-color: var(--shade-white); --btn-outline-text-color-hover: var(--shade-white); --focus-color: var(--action); } .btn--xs { font-size: var(--text-xs); } .btn--s { font-size: var(--text-s); } .btn--m { font-size: var(--text-m); } .btn--l { font-size: var(--text-l); } .btn--xl { font-size: var(--text-xl); } .btn--xxl { font-size: var(--text-xxl); } .btn--clear { background: none; border: none; } .bg--ultra-light { background-color: var(--bg-ultra-light); } .bg--light { background-color: var(--bg-light); } .bg--dark { background-color: var(--bg-dark); } .bg--ultra-dark { background-color: var(--bg-ultra-dark); } .text--light { color: var(--text-light); } .text--light-muted { color: var(--text-light-muted); } .text--dark { color: var(--text-dark); } .text--dark-muted { color: var(--text-dark-muted); } :where(.bg--ultra-light), .bg--ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--text-dark); } :where(.bg--light), .bg--light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--text-dark); } :where(.bg--dark), .bg--dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--text-light); } :where(.bg--ultra-dark), .bg--ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--text-light); } .margin-top--xs { margin-block-start: var(--space-xs); } .margin-top--s { margin-block-start: var(--space-s); } .margin-top--m { margin-block-start: var(--space-m); } .margin-top--l { margin-block-start: var(--space-l); } .margin-top--xl { margin-block-start: var(--space-xl); } .margin-top--xxl { margin-block-start: var(--space-xxl); } .margin-bottom--xs { margin-block-end: var(--space-xs); } .margin-bottom--s { margin-block-end: var(--space-s); } .margin-bottom--m { margin-block-end: var(--space-m); } .margin-bottom--l { margin-block-end: var(--space-l); } .margin-bottom--xl { margin-block-end: var(--space-xl); } .margin-bottom--xxl { margin-block-end: var(--space-xxl); } .margin-right--xs { margin-inline-end: var(--space-xs); } .margin-right--s { margin-inline-end: var(--space-s); } .margin-right--m { margin-inline-end: var(--space-m); } .margin-right--l { margin-inline-end: var(--space-l); } .margin-right--xl { margin-inline-end: var(--space-xl); } .margin-right--xxl { margin-inline-end: var(--space-xxl); } .margin-left--xs { margin-inline-start: var(--space-xs); } .margin-left--s { margin-inline-start: var(--space-s); } .margin-left--m { margin-inline-start: var(--space-m); } .margin-left--l { margin-inline-start: var(--space-l); } .margin-left--xl { margin-inline-start: var(--space-xl); } .margin-left--xxl { margin-inline-start: var(--space-xxl); } .pad--xs { padding: var(--space-xs); } .pad--s { padding: var(--space-s); } .pad--m { padding: var(--space-m); } .pad--l { padding: var(--space-l); } .pad--xl { padding: var(--space-xl); } .pad--xxl { padding: var(--space-xxl); } .pad-header--xs { padding: var(--space-xs) var(--section-padding-x); } .pad-header--s { padding: var(--space-s) var(--section-padding-x); } .pad-header--m { padding: var(--space-m) var(--section-padding-x); } .pad-header--l { padding: var(--space-l) var(--section-padding-x); } .pad-header--xl { padding: var(--space-xl) var(--section-padding-x); } .pad-header--xxl { padding: var(--space-xxl) var(--section-padding-x); } .pad--none:not(.ct-section) { padding: 0 !important; } .pad-section--xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--none { padding: 0 var(--section-padding-x); } @media (max-width: 1280px) { .pad-section--xl-xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--xl-s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--xl-m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--xl-l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--xl-xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--xl-xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--xl-none { padding-inline: 0 var(--section-padding-x); } } @media (max-width: 992px) { .pad-section--l-xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--l-s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--l-m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--l-l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--l-xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--l-xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--l-none { padding-inline: 0 var(--section-padding-x); } } @media (max-width: 768px) { .pad-section--m-xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--m-s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--m-m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--m-l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--m-xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--m-xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--m-none { padding-inline: 0 var(--section-padding-x); } } @media (max-width: 480px) { .pad-section--s-xs { padding-block: var(--section-space-xs); padding-inline: var(--section-padding-x); } .pad-section--s-s { padding-block: var(--section-space-s); padding-inline: var(--section-padding-x); } .pad-section--s-m { padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .pad-section--s-l { padding-block: var(--section-space-l); padding-inline: var(--section-padding-x); } .pad-section--s-xl { padding-block: var(--section-space-xl); padding-inline: var(--section-padding-x); } .pad-section--s-xxl { padding-block: var(--section-space-xxl); padding-inline: var(--section-padding-x); } .pad-section--s-none { padding-inline: 0 var(--section-padding-x); } } [class*="overlay--"] { position: relative; z-index: 0; } [class*="overlay--"]::before { content: ""; background: var(--overlay-background); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .overlay--primary-trans-10 { --overlay-background: var(--primary-trans-10); } .overlay--primary-trans-20 { --overlay-background: var(--primary-trans-20); } .overlay--primary-trans-30 { --overlay-background: var(--primary-trans-30); } .overlay--primary-trans-40 { --overlay-background: var(--primary-trans-40); } .overlay--primary-trans-50 { --overlay-background: var(--primary-trans-50); } .overlay--primary-trans-60 { --overlay-background: var(--primary-trans-60); } .overlay--primary-trans-70 { --overlay-background: var(--primary-trans-70); } .overlay--primary-trans-80 { --overlay-background: var(--primary-trans-80); } .overlay--primary-trans-90 { --overlay-background: var(--primary-trans-90); } .overlay--primary-light-trans-10 { --overlay-background: var(--primary-light-trans-10); } .overlay--primary-light-trans-20 { --overlay-background: var(--primary-light-trans-20); } .overlay--primary-light-trans-30 { --overlay-background: var(--primary-light-trans-30); } .overlay--primary-light-trans-40 { --overlay-background: var(--primary-light-trans-40); } .overlay--primary-light-trans-50 { --overlay-background: var(--primary-light-trans-50); } .overlay--primary-light-trans-60 { --overlay-background: var(--primary-light-trans-60); } .overlay--primary-light-trans-70 { --overlay-background: var(--primary-light-trans-70); } .overlay--primary-light-trans-80 { --overlay-background: var(--primary-light-trans-80); } .overlay--primary-light-trans-90 { --overlay-background: var(--primary-light-trans-90); } .overlay--primary-dark-trans-10 { --overlay-background: var(--primary-dark-trans-10); } .overlay--primary-dark-trans-20 { --overlay-background: var(--primary-dark-trans-20); } .overlay--primary-dark-trans-30 { --overlay-background: var(--primary-dark-trans-30); } .overlay--primary-dark-trans-40 { --overlay-background: var(--primary-dark-trans-40); } .overlay--primary-dark-trans-50 { --overlay-background: var(--primary-dark-trans-50); } .overlay--primary-dark-trans-60 { --overlay-background: var(--primary-dark-trans-60); } .overlay--primary-dark-trans-70 { --overlay-background: var(--primary-dark-trans-70); } .overlay--primary-dark-trans-80 { --overlay-background: var(--primary-dark-trans-80); } .overlay--primary-dark-trans-90 { --overlay-background: var(--primary-dark-trans-90); } .overlay--primary-ultra-dark-trans-10 { --overlay-background: var(--primary-ultra-dark-trans-10); } .overlay--primary-ultra-dark-trans-20 { --overlay-background: var(--primary-ultra-dark-trans-20); } .overlay--primary-ultra-dark-trans-30 { --overlay-background: var(--primary-ultra-dark-trans-30); } .overlay--primary-ultra-dark-trans-40 { --overlay-background: var(--primary-ultra-dark-trans-40); } .overlay--primary-ultra-dark-trans-50 { --overlay-background: var(--primary-ultra-dark-trans-50); } .overlay--primary-ultra-dark-trans-60 { --overlay-background: var(--primary-ultra-dark-trans-60); } .overlay--primary-ultra-dark-trans-70 { --overlay-background: var(--primary-ultra-dark-trans-70); } .overlay--primary-ultra-dark-trans-80 { --overlay-background: var(--primary-ultra-dark-trans-80); } .overlay--primary-ultra-dark-trans-90 { --overlay-background: var(--primary-ultra-dark-trans-90); } .overlay--secondary-trans-10 { --overlay-background: var(--secondary-trans-10); } .overlay--secondary-trans-20 { --overlay-background: var(--secondary-trans-20); } .overlay--secondary-trans-30 { --overlay-background: var(--secondary-trans-30); } .overlay--secondary-trans-40 { --overlay-background: var(--secondary-trans-40); } .overlay--secondary-trans-50 { --overlay-background: var(--secondary-trans-50); } .overlay--secondary-trans-60 { --overlay-background: var(--secondary-trans-60); } .overlay--secondary-trans-70 { --overlay-background: var(--secondary-trans-70); } .overlay--secondary-trans-80 { --overlay-background: var(--secondary-trans-80); } .overlay--secondary-trans-90 { --overlay-background: var(--secondary-trans-90); } .overlay--secondary-light-trans-10 { --overlay-background: var(--secondary-light-trans-10); } .overlay--secondary-light-trans-20 { --overlay-background: var(--secondary-light-trans-20); } .overlay--secondary-light-trans-30 { --overlay-background: var(--secondary-light-trans-30); } .overlay--secondary-light-trans-40 { --overlay-background: var(--secondary-light-trans-40); } .overlay--secondary-light-trans-50 { --overlay-background: var(--secondary-light-trans-50); } .overlay--secondary-light-trans-60 { --overlay-background: var(--secondary-light-trans-60); } .overlay--secondary-light-trans-70 { --overlay-background: var(--secondary-light-trans-70); } .overlay--secondary-light-trans-80 { --overlay-background: var(--secondary-light-trans-80); } .overlay--secondary-light-trans-90 { --overlay-background: var(--secondary-light-trans-90); } .overlay--secondary-dark-trans-10 { --overlay-background: var(--secondary-dark-trans-10); } .overlay--secondary-dark-trans-20 { --overlay-background: var(--secondary-dark-trans-20); } .overlay--secondary-dark-trans-30 { --overlay-background: var(--secondary-dark-trans-30); } .overlay--secondary-dark-trans-40 { --overlay-background: var(--secondary-dark-trans-40); } .overlay--secondary-dark-trans-50 { --overlay-background: var(--secondary-dark-trans-50); } .overlay--secondary-dark-trans-60 { --overlay-background: var(--secondary-dark-trans-60); } .overlay--secondary-dark-trans-70 { --overlay-background: var(--secondary-dark-trans-70); } .overlay--secondary-dark-trans-80 { --overlay-background: var(--secondary-dark-trans-80); } .overlay--secondary-dark-trans-90 { --overlay-background: var(--secondary-dark-trans-90); } .overlay--secondary-ultra-dark-trans-10 { --overlay-background: var(--secondary-ultra-dark-trans-10); } .overlay--secondary-ultra-dark-trans-20 { --overlay-background: var(--secondary-ultra-dark-trans-20); } .overlay--secondary-ultra-dark-trans-30 { --overlay-background: var(--secondary-ultra-dark-trans-30); } .overlay--secondary-ultra-dark-trans-40 { --overlay-background: var(--secondary-ultra-dark-trans-40); } .overlay--secondary-ultra-dark-trans-50 { --overlay-background: var(--secondary-ultra-dark-trans-50); } .overlay--secondary-ultra-dark-trans-60 { --overlay-background: var(--secondary-ultra-dark-trans-60); } .overlay--secondary-ultra-dark-trans-70 { --overlay-background: var(--secondary-ultra-dark-trans-70); } .overlay--secondary-ultra-dark-trans-80 { --overlay-background: var(--secondary-ultra-dark-trans-80); } .overlay--secondary-ultra-dark-trans-90 { --overlay-background: var(--secondary-ultra-dark-trans-90); } .overlay--accent-trans-10 { --overlay-background: var(--accent-trans-10); } .overlay--accent-trans-20 { --overlay-background: var(--accent-trans-20); } .overlay--accent-trans-30 { --overlay-background: var(--accent-trans-30); } .overlay--accent-trans-40 { --overlay-background: var(--accent-trans-40); } .overlay--accent-trans-50 { --overlay-background: var(--accent-trans-50); } .overlay--accent-trans-60 { --overlay-background: var(--accent-trans-60); } .overlay--accent-trans-70 { --overlay-background: var(--accent-trans-70); } .overlay--accent-trans-80 { --overlay-background: var(--accent-trans-80); } .overlay--accent-trans-90 { --overlay-background: var(--accent-trans-90); } .overlay--accent-light-trans-10 { --overlay-background: var(--accent-light-trans-10); } .overlay--accent-light-trans-20 { --overlay-background: var(--accent-light-trans-20); } .overlay--accent-light-trans-30 { --overlay-background: var(--accent-light-trans-30); } .overlay--accent-light-trans-40 { --overlay-background: var(--accent-light-trans-40); } .overlay--accent-light-trans-50 { --overlay-background: var(--accent-light-trans-50); } .overlay--accent-light-trans-60 { --overlay-background: var(--accent-light-trans-60); } .overlay--accent-light-trans-70 { --overlay-background: var(--accent-light-trans-70); } .overlay--accent-light-trans-80 { --overlay-background: var(--accent-light-trans-80); } .overlay--accent-light-trans-90 { --overlay-background: var(--accent-light-trans-90); } .overlay--accent-dark-trans-10 { --overlay-background: var(--accent-dark-trans-10); } .overlay--accent-dark-trans-20 { --overlay-background: var(--accent-dark-trans-20); } .overlay--accent-dark-trans-30 { --overlay-background: var(--accent-dark-trans-30); } .overlay--accent-dark-trans-40 { --overlay-background: var(--accent-dark-trans-40); } .overlay--accent-dark-trans-50 { --overlay-background: var(--accent-dark-trans-50); } .overlay--accent-dark-trans-60 { --overlay-background: var(--accent-dark-trans-60); } .overlay--accent-dark-trans-70 { --overlay-background: var(--accent-dark-trans-70); } .overlay--accent-dark-trans-80 { --overlay-background: var(--accent-dark-trans-80); } .overlay--accent-dark-trans-90 { --overlay-background: var(--accent-dark-trans-90); } .overlay--accent-ultra-dark-trans-10 { --overlay-background: var(--accent-ultra-dark-trans-10); } .overlay--accent-ultra-dark-trans-20 { --overlay-background: var(--accent-ultra-dark-trans-20); } .overlay--accent-ultra-dark-trans-30 { --overlay-background: var(--accent-ultra-dark-trans-30); } .overlay--accent-ultra-dark-trans-40 { --overlay-background: var(--accent-ultra-dark-trans-40); } .overlay--accent-ultra-dark-trans-50 { --overlay-background: var(--accent-ultra-dark-trans-50); } .overlay--accent-ultra-dark-trans-60 { --overlay-background: var(--accent-ultra-dark-trans-60); } .overlay--accent-ultra-dark-trans-70 { --overlay-background: var(--accent-ultra-dark-trans-70); } .overlay--accent-ultra-dark-trans-80 { --overlay-background: var(--accent-ultra-dark-trans-80); } .overlay--accent-ultra-dark-trans-90 { --overlay-background: var(--accent-ultra-dark-trans-90); } .overlay--shade-trans-10 { --overlay-background: var(--shade-trans-10); } .overlay--shade-trans-20 { --overlay-background: var(--shade-trans-20); } .overlay--shade-trans-30 { --overlay-background: var(--shade-trans-30); } .overlay--shade-trans-40 { --overlay-background: var(--shade-trans-40); } .overlay--shade-trans-50 { --overlay-background: var(--shade-trans-50); } .overlay--shade-trans-60 { --overlay-background: var(--shade-trans-60); } .overlay--shade-trans-70 { --overlay-background: var(--shade-trans-70); } .overlay--shade-trans-80 { --overlay-background: var(--shade-trans-80); } .overlay--shade-trans-90 { --overlay-background: var(--shade-trans-90); } .overlay--shade-light-trans-10 { --overlay-background: var(--shade-light-trans-10); } .overlay--shade-light-trans-20 { --overlay-background: var(--shade-light-trans-20); } .overlay--shade-light-trans-30 { --overlay-background: var(--shade-light-trans-30); } .overlay--shade-light-trans-40 { --overlay-background: var(--shade-light-trans-40); } .overlay--shade-light-trans-50 { --overlay-background: var(--shade-light-trans-50); } .overlay--shade-light-trans-60 { --overlay-background: var(--shade-light-trans-60); } .overlay--shade-light-trans-70 { --overlay-background: var(--shade-light-trans-70); } .overlay--shade-light-trans-80 { --overlay-background: var(--shade-light-trans-80); } .overlay--shade-light-trans-90 { --overlay-background: var(--shade-light-trans-90); } .overlay--shade-dark-trans-10 { --overlay-background: var(--shade-dark-trans-10); } .overlay--shade-dark-trans-20 { --overlay-background: var(--shade-dark-trans-20); } .overlay--shade-dark-trans-30 { --overlay-background: var(--shade-dark-trans-30); } .overlay--shade-dark-trans-40 { --overlay-background: var(--shade-dark-trans-40); } .overlay--shade-dark-trans-50 { --overlay-background: var(--shade-dark-trans-50); } .overlay--shade-dark-trans-60 { --overlay-background: var(--shade-dark-trans-60); } .overlay--shade-dark-trans-70 { --overlay-background: var(--shade-dark-trans-70); } .overlay--shade-dark-trans-80 { --overlay-background: var(--shade-dark-trans-80); } .overlay--shade-dark-trans-90 { --overlay-background: var(--shade-dark-trans-90); } .overlay--shade-ultra-dark-trans-10 { --overlay-background: var(--shade-ultra-dark-trans-10); } .overlay--shade-ultra-dark-trans-20 { --overlay-background: var(--shade-ultra-dark-trans-20); } .overlay--shade-ultra-dark-trans-30 { --overlay-background: var(--shade-ultra-dark-trans-30); } .overlay--shade-ultra-dark-trans-40 { --overlay-background: var(--shade-ultra-dark-trans-40); } .overlay--shade-ultra-dark-trans-50 { --overlay-background: var(--shade-ultra-dark-trans-50); } .overlay--shade-ultra-dark-trans-60 { --overlay-background: var(--shade-ultra-dark-trans-60); } .overlay--shade-ultra-dark-trans-70 { --overlay-background: var(--shade-ultra-dark-trans-70); } .overlay--shade-ultra-dark-trans-80 { --overlay-background: var(--shade-ultra-dark-trans-80); } .overlay--shade-ultra-dark-trans-90 { --overlay-background: var(--shade-ultra-dark-trans-90); } .overlay--neutral-trans-10 { --overlay-background: var(--neutral-trans-10); } .overlay--neutral-trans-20 { --overlay-background: var(--neutral-trans-20); } .overlay--neutral-trans-30 { --overlay-background: var(--neutral-trans-30); } .overlay--neutral-trans-40 { --overlay-background: var(--neutral-trans-40); } .overlay--neutral-trans-50 { --overlay-background: var(--neutral-trans-50); } .overlay--neutral-trans-60 { --overlay-background: var(--neutral-trans-60); } .overlay--neutral-trans-70 { --overlay-background: var(--neutral-trans-70); } .overlay--neutral-trans-80 { --overlay-background: var(--neutral-trans-80); } .overlay--neutral-trans-90 { --overlay-background: var(--neutral-trans-90); } .overlay--neutral-light-trans-10 { --overlay-background: var(--neutral-light-trans-10); } .overlay--neutral-light-trans-20 { --overlay-background: var(--neutral-light-trans-20); } .overlay--neutral-light-trans-30 { --overlay-background: var(--neutral-light-trans-30); } .overlay--neutral-light-trans-40 { --overlay-background: var(--neutral-light-trans-40); } .overlay--neutral-light-trans-50 { --overlay-background: var(--neutral-light-trans-50); } .overlay--neutral-light-trans-60 { --overlay-background: var(--neutral-light-trans-60); } .overlay--neutral-light-trans-70 { --overlay-background: var(--neutral-light-trans-70); } .overlay--neutral-light-trans-80 { --overlay-background: var(--neutral-light-trans-80); } .overlay--neutral-light-trans-90 { --overlay-background: var(--neutral-light-trans-90); } .overlay--neutral-dark-trans-10 { --overlay-background: var(--neutral-dark-trans-10); } .overlay--neutral-dark-trans-20 { --overlay-background: var(--neutral-dark-trans-20); } .overlay--neutral-dark-trans-30 { --overlay-background: var(--neutral-dark-trans-30); } .overlay--neutral-dark-trans-40 { --overlay-background: var(--neutral-dark-trans-40); } .overlay--neutral-dark-trans-50 { --overlay-background: var(--neutral-dark-trans-50); } .overlay--neutral-dark-trans-60 { --overlay-background: var(--neutral-dark-trans-60); } .overlay--neutral-dark-trans-70 { --overlay-background: var(--neutral-dark-trans-70); } .overlay--neutral-dark-trans-80 { --overlay-background: var(--neutral-dark-trans-80); } .overlay--neutral-dark-trans-90 { --overlay-background: var(--neutral-dark-trans-90); } .overlay--neutral-ultra-dark-trans-10 { --overlay-background: var(--neutral-ultra-dark-trans-10); } .overlay--neutral-ultra-dark-trans-20 { --overlay-background: var(--neutral-ultra-dark-trans-20); } .overlay--neutral-ultra-dark-trans-30 { --overlay-background: var(--neutral-ultra-dark-trans-30); } .overlay--neutral-ultra-dark-trans-40 { --overlay-background: var(--neutral-ultra-dark-trans-40); } .overlay--neutral-ultra-dark-trans-50 { --overlay-background: var(--neutral-ultra-dark-trans-50); } .overlay--neutral-ultra-dark-trans-60 { --overlay-background: var(--neutral-ultra-dark-trans-60); } .overlay--neutral-ultra-dark-trans-70 { --overlay-background: var(--neutral-ultra-dark-trans-70); } .overlay--neutral-ultra-dark-trans-80 { --overlay-background: var(--neutral-ultra-dark-trans-80); } .overlay--neutral-ultra-dark-trans-90 { --overlay-background: var(--neutral-ultra-dark-trans-90); } .overlay--white-trans-10 { --overlay-background: var(--white-trans-10); } .overlay--white-trans-20 { --overlay-background: var(--white-trans-20); } .overlay--white-trans-30 { --overlay-background: var(--white-trans-30); } .overlay--white-trans-40 { --overlay-background: var(--white-trans-40); } .overlay--white-trans-50 { --overlay-background: var(--white-trans-50); } .overlay--white-trans-60 { --overlay-background: var(--white-trans-60); } .overlay--white-trans-70 { --overlay-background: var(--white-trans-70); } .overlay--white-trans-80 { --overlay-background: var(--white-trans-80); } .overlay--white-trans-90 { --overlay-background: var(--white-trans-90); } .overlay--black-trans-10 { --overlay-background: var(--black-trans-10); } .overlay--black-trans-20 { --overlay-background: var(--black-trans-20); } .overlay--black-trans-30 { --overlay-background: var(--black-trans-30); } .overlay--black-trans-40 { --overlay-background: var(--black-trans-40); } .overlay--black-trans-50 { --overlay-background: var(--black-trans-50); } .overlay--black-trans-60 { --overlay-background: var(--black-trans-60); } .overlay--black-trans-70 { --overlay-background: var(--black-trans-70); } .overlay--black-trans-80 { --overlay-background: var(--black-trans-80); } .overlay--black-trans-90 { --overlay-background: var(--black-trans-90); } figure[class*="overlay--"]::before { z-index: 0; } h1 { color: var(--h1-color, var(--black)); } h2 { color: var(--h2-color, var(--black)); } h3 { color: var(--h3-color, var(--black)); } h4 { color: var(--h4-color, var(--black)); } h5 { color: var(--h5-color, var(--black)); } h6 { color: var(--h6-color, var(--black)); } .text--primary, .text--primary :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary); } .text--primary-hover, .text--primary-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-hover); } .text--primary-ultra-light, .text--primary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-ultra-light); } .text--primary-light, .text--primary-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-light); } .text--primary-medium, .text--primary-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-medium); } .text--primary-dark, .text--primary-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-dark); } .text--primary-ultra-dark, .text--primary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-ultra-dark); } .text--primary-comp, .text--primary-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--primary-comp); } .text--secondary, .text--secondary :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary); } .text--secondary-hover, .text--secondary-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-hover); } .text--secondary-ultra-light, .text--secondary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-ultra-light); } .text--secondary-light, .text--secondary-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-light); } .text--secondary-medium, .text--secondary-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-medium); } .text--secondary-dark, .text--secondary-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-dark); } .text--secondary-ultra-dark, .text--secondary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-ultra-dark); } .text--secondary-comp, .text--secondary-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--secondary-comp); } .text--accent, .text--accent :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent); } .text--accent-hover, .text--accent-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-hover); } .text--accent-ultra-light, .text--accent-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-ultra-light); } .text--accent-light, .text--accent-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-light); } .text--accent-medium, .text--accent-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-medium); } .text--accent-dark, .text--accent-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-dark); } .text--accent-ultra-dark, .text--accent-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-ultra-dark); } .text--accent-comp, .text--accent-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--accent-comp); } .text--shade, .text--shade :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade); } .text--shade-hover, .text--shade-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-hover); } .text--shade-ultra-light, .text--shade-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-ultra-light); } .text--shade-light, .text--shade-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-light); } .text--shade-medium, .text--shade-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-medium); } .text--shade-dark, .text--shade-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-dark); } .text--shade-ultra-dark, .text--shade-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-ultra-dark); } .text--shade-comp, .text--shade-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--shade-comp); } .text--neutral, .text--neutral :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral); } .text--neutral-hover, .text--neutral-hover :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-hover); } .text--neutral-ultra-light, .text--neutral-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-ultra-light); } .text--neutral-light, .text--neutral-light :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-light); } .text--neutral-medium, .text--neutral-medium :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-medium); } .text--neutral-dark, .text--neutral-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-dark); } .text--neutral-ultra-dark, .text--neutral-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-ultra-dark); } .text--neutral-comp, .text--neutral-comp :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--neutral-comp); } .text--white, .text--white :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--white); } .text--black, .text--black :where(:is(h1, h2, h3, h4, h5, h6)) { color: var(--black); } .text--xs, .text--xs > p, .text--xs > ol li, .text--xs > ul li { font-size: var(--text-xs); line-height: var(--text-xs-lh); max-inline-size: var(--text-xs-length); } .text--s, .text--s > p, .text--s > ol li, .text--s > ul li { font-size: var(--text-s); line-height: var(--text-s-lh); max-inline-size: var(--text-s-length); } .text--m, .text--m > p, .text--m > ol li, .text--m > ul li { font-size: var(--text-m); line-height: var(--text-m-lh); max-inline-size: var(--text-m-length); } .text--l, .text--l > p, .text--l > ol li, .text--l > ul li { font-size: var(--text-l); line-height: var(--text-l-lh); max-inline-size: var(--text-l-length); } .text--xl, .text--xl > p, .text--xl > ol li, .text--xl > ul li { font-size: var(--text-xl); line-height: var(--text-xl-lh); max-inline-size: var(--text-xl-length); } .text--xxl, .text--xxl > p, .text--xxl > ol li, .text--xxl > ul li { font-size: var(--text-xxl); line-height: var(--text-xxl-lh); max-inline-size: var(--text-xxl-length); } .h--1 { font-size: var(--h1); line-height: var(--h1-lh); max-inline-size: var(--h1-length); color: var(--h1-color, var(--heading-color)); } .h--2 { font-size: var(--h2); line-height: var(--h2-lh); max-inline-size: var(--h2-length); color: var(--h2-color, var(--heading-color)); } .h--3 { font-size: var(--h3); line-height: var(--h3-lh); max-inline-size: var(--h3-length); color: var(--h3-color, var(--heading-color)); } .h--4 { font-size: var(--h4); line-height: var(--h4-lh); max-inline-size: var(--h4-length); color: var(--h4-color, var(--heading-color)); } .h--5 { font-size: var(--h5); line-height: var(--h5-lh); max-inline-size: var(--h5-length); color: var(--h5-color, var(--heading-color)); } .h--6 { font-size: var(--h6); line-height: var(--h6-lh); max-inline-size: var(--h6-length); color: var(--h6-color, var(--heading-color)); } .text--100 { font-weight: 100; } .text--200 { font-weight: 200; } .text--300 { font-weight: 300; } .text--400 { font-weight: 400; } .text--500 { font-weight: 500; } .text--600 { font-weight: 600; } .text--700 { font-weight: 700; } .text--800 { font-weight: 800; } .text--900 { font-weight: 900; } .text--bold { font-weight: bold; } .text--italic { font-style: italic; } .text--oblique { font-style: oblique; } .text--decoration-none { -webkit-text-decoration: none; text-decoration: none; } .text--underline { -webkit-text-decoration: underline; text-decoration: underline; } .text--underline-wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } .text--underline-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .text--underline-double { -webkit-text-decoration: underline double; text-decoration: underline double; } .text--underline-dashed { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .text--overline { -webkit-text-decoration: overline; text-decoration: overline; } .text--line-through { -webkit-text-decoration: line-through; text-decoration: line-through; } .text--transform-none { text-transform: none; } .text--uppercase { text-transform: uppercase; } .text--lowercase { text-transform: lowercase; } .text--capitalize { text-transform: capitalize; } .text--left { text-align: left; } .text--center { text-align: center; } .text--right { text-align: right; } .text--justify { text-align: justify; } .balance { text-wrap: balance; } .balance p, .balance li, .balance blockquote, .balance h1, .balance h2, .balance h3, .balance h4, .balance h5, .balance h6 { text-wrap: balance; } .unbalance { text-wrap: unset; } .unbalance p, .unbalance li, .unbalance blockquote, .unbalance h1, .unbalance h2, .unbalance h3, .unbalance h4, .unbalance h5, .unbalance h6 { text-wrap: unset; } .link--primary a, a.link--primary { color: var(--primary); } .link--primary a:hover, a.link--primary:hover { color: var(--primary-hover); } .link--primary-hover a, a.link--primary-hover { color: var(--primary-hover); } .link--primary-hover a:hover, a.link--primary-hover:hover { color: var(--primary-hover); } .link--primary-ultra-light a, a.link--primary-ultra-light { color: var(--primary-ultra-light); } .link--primary-ultra-light a:hover, a.link--primary-ultra-light:hover { color: var(--primary-hover); } .link--primary-light a, a.link--primary-light { color: var(--primary-light); } .link--primary-light a:hover, a.link--primary-light:hover { color: var(--primary-hover); } .link--primary-medium a, a.link--primary-medium { color: var(--primary-medium); } .link--primary-medium a:hover, a.link--primary-medium:hover { color: var(--primary-hover); } .link--primary-dark a, a.link--primary-dark { color: var(--primary-dark); } .link--primary-dark a:hover, a.link--primary-dark:hover { color: var(--primary-hover); } .link--primary-ultra-dark a, a.link--primary-ultra-dark { color: var(--primary-ultra-dark); } .link--primary-ultra-dark a:hover, a.link--primary-ultra-dark:hover { color: var(--primary-hover); } .link--primary-comp a, a.link--primary-comp { color: var(--primary-comp); } .link--primary-comp a:hover, a.link--primary-comp:hover { color: var(--primary-hover); } .link--secondary a, a.link--secondary { color: var(--secondary); } .link--secondary a:hover, a.link--secondary:hover { color: var(--secondary-hover); } .link--secondary-hover a, a.link--secondary-hover { color: var(--secondary-hover); } .link--secondary-hover a:hover, a.link--secondary-hover:hover { color: var(--secondary-hover); } .link--secondary-ultra-light a, a.link--secondary-ultra-light { color: var(--secondary-ultra-light); } .link--secondary-ultra-light a:hover, a.link--secondary-ultra-light:hover { color: var(--secondary-hover); } .link--secondary-light a, a.link--secondary-light { color: var(--secondary-light); } .link--secondary-light a:hover, a.link--secondary-light:hover { color: var(--secondary-hover); } .link--secondary-medium a, a.link--secondary-medium { color: var(--secondary-medium); } .link--secondary-medium a:hover, a.link--secondary-medium:hover { color: var(--secondary-hover); } .link--secondary-dark a, a.link--secondary-dark { color: var(--secondary-dark); } .link--secondary-dark a:hover, a.link--secondary-dark:hover { color: var(--secondary-hover); } .link--secondary-ultra-dark a, a.link--secondary-ultra-dark { color: var(--secondary-ultra-dark); } .link--secondary-ultra-dark a:hover, a.link--secondary-ultra-dark:hover { color: var(--secondary-hover); } .link--secondary-comp a, a.link--secondary-comp { color: var(--secondary-comp); } .link--secondary-comp a:hover, a.link--secondary-comp:hover { color: var(--secondary-hover); } .link--accent a, a.link--accent { color: var(--accent); } .link--accent a:hover, a.link--accent:hover { color: var(--accent-hover); } .link--accent-hover a, a.link--accent-hover { color: var(--accent-hover); } .link--accent-hover a:hover, a.link--accent-hover:hover { color: var(--accent-hover); } .link--accent-ultra-light a, a.link--accent-ultra-light { color: var(--accent-ultra-light); } .link--accent-ultra-light a:hover, a.link--accent-ultra-light:hover { color: var(--accent-hover); } .link--accent-light a, a.link--accent-light { color: var(--accent-light); } .link--accent-light a:hover, a.link--accent-light:hover { color: var(--accent-hover); } .link--accent-medium a, a.link--accent-medium { color: var(--accent-medium); } .link--accent-medium a:hover, a.link--accent-medium:hover { color: var(--accent-hover); } .link--accent-dark a, a.link--accent-dark { color: var(--accent-dark); } .link--accent-dark a:hover, a.link--accent-dark:hover { color: var(--accent-hover); } .link--accent-ultra-dark a, a.link--accent-ultra-dark { color: var(--accent-ultra-dark); } .link--accent-ultra-dark a:hover, a.link--accent-ultra-dark:hover { color: var(--accent-hover); } .link--accent-comp a, a.link--accent-comp { color: var(--accent-comp); } .link--accent-comp a:hover, a.link--accent-comp:hover { color: var(--accent-hover); } .link--shade a, a.link--shade { color: var(--shade); } .link--shade a:hover, a.link--shade:hover { color: var(--shade-hover); } .link--shade-hover a, a.link--shade-hover { color: var(--shade-hover); } .link--shade-hover a:hover, a.link--shade-hover:hover { color: var(--shade-hover); } .link--shade-ultra-light a, a.link--shade-ultra-light { color: var(--shade-ultra-light); } .link--shade-ultra-light a:hover, a.link--shade-ultra-light:hover { color: var(--shade-hover); } .link--shade-light a, a.link--shade-light { color: var(--shade-light); } .link--shade-light a:hover, a.link--shade-light:hover { color: var(--shade-hover); } .link--shade-medium a, a.link--shade-medium { color: var(--shade-medium); } .link--shade-medium a:hover, a.link--shade-medium:hover { color: var(--shade-hover); } .link--shade-dark a, a.link--shade-dark { color: var(--shade-dark); } .link--shade-dark a:hover, a.link--shade-dark:hover { color: var(--shade-hover); } .link--shade-ultra-dark a, a.link--shade-ultra-dark { color: var(--shade-ultra-dark); } .link--shade-ultra-dark a:hover, a.link--shade-ultra-dark:hover { color: var(--shade-hover); } .link--shade-comp a, a.link--shade-comp { color: var(--shade-comp); } .link--shade-comp a:hover, a.link--shade-comp:hover { color: var(--shade-hover); } .link--neutral a, a.link--neutral { color: var(--neutral); } .link--neutral-hover a, a.link--neutral-hover { color: var(--neutral-hover); } .link--neutral-ultra-light a, a.link--neutral-ultra-light { color: var(--neutral-ultra-light); } .link--neutral-light a, a.link--neutral-light { color: var(--neutral-light); } .link--neutral-medium a, a.link--neutral-medium { color: var(--neutral-medium); } .link--neutral-dark a, a.link--neutral-dark { color: var(--neutral-dark); } .link--neutral-ultra-dark a, a.link--neutral-ultra-dark { color: var(--neutral-ultra-dark); } .link--neutral-comp a, a.link--neutral-comp { color: var(--neutral-comp); } .link--white a, a.link--white { color: var(--white); } .link--white a:hover, a.link--white:hover { color: var(--action-hover); } .link--black a, a.link--black { color: var(--black); } .link--black a:hover, a.link--black:hover { color: var(--action-hover); } .link--success a, a.link--success { color: #29A745; } .link--success a:hover, a.link--success:hover { color: var(--success-hover); } .link--success-light a, a.link--success-light { color: #c1f0cc; } .link--success-light a:hover, a.link--success-light:hover { color: var(--success-hover); } .link--success-dark a, a.link--success-dark { color: #0f3e19; } .link--success-dark a:hover, a.link--success-dark:hover { color: var(--success-hover); } .link--success-hover a, a.link--success-hover { color: #2fc24f; } .link--success-hover a:hover, a.link--success-hover:hover { color: var(--success-hover); } .link--danger a, a.link--danger { color: #DC3545; } .link--danger a:hover, a.link--danger:hover { color: var(--danger-hover); } .link--danger-light a, a.link--danger-light { color: #f4bec3; } .link--danger-light a:hover, a.link--danger-light:hover { color: var(--danger-hover); } .link--danger-dark a, a.link--danger-dark { color: #410b11; } .link--danger-dark a:hover, a.link--danger-dark:hover { color: var(--danger-hover); } .link--danger-hover a, a.link--danger-hover { color: #e35a67; } .link--danger-hover a:hover, a.link--danger-hover:hover { color: var(--danger-hover); } .link--warning a, a.link--warning { color: #FFC10A; } .link--warning a:hover, a.link--warning:hover { color: var(--warning-hover); } .link--warning-light a, a.link--warning-light { color: #ffecb3; } .link--warning-light a:hover, a.link--warning-light:hover { color: var(--warning-hover); } .link--warning-dark a, a.link--warning-dark { color: #4d3900; } .link--warning-dark a:hover, a.link--warning-dark:hover { color: var(--warning-hover); } .link--warning-hover a, a.link--warning-hover { color: #ffcc32; } .link--warning-hover a:hover, a.link--warning-hover:hover { color: var(--warning-hover); } .link--info a, a.link--info { color: #18A2B8; } .link--info a:hover, a.link--info:hover { color: var(--accent-hover); } .link--info-light a, a.link--info-light { color: #bbeef6; } .link--info-light a:hover, a.link--info-light:hover { color: var(--accent-hover); } .link--info-dark a, a.link--info-dark { color: #093c44; } .link--info-dark a:hover, a.link--info-dark:hover { color: var(--accent-hover); } .link--info-hover a, a.link--info-hover { color: #1cbcd5; } .link--info-hover a:hover, a.link--info-hover:hover { color: var(--accent-hover); } .opacity--5 { opacity: 0.05; } .opacity--10 { opacity: 0.1; } .opacity--20 { opacity: 0.2; } .opacity--30 { opacity: 0.3; } .opacity--40 { opacity: 0.4; } .opacity--50 { opacity: 0.5; } .opacity--60 { opacity: 0.6; } .opacity--70 { opacity: 0.7; } .opacity--80 { opacity: 0.8; } .opacity--90 { opacity: 0.9; } .opacity--95 { opacity: 0.95; } .box-shadow--m { box-shadow: var(--box-shadow-1); } .box-shadow--l { box-shadow: var(--box-shadow-2); } .box-shadow--xl { box-shadow: var(--box-shadow-3); } @media (min-width: 1280px) { .breakout--s { inline-size: 60vw !important; max-inline-size: 60vw !important; margin: 0 calc(-30vw + 50%) !important; } .breakout--m { inline-size: 70vw !important; max-inline-size: 70vw !important; margin: 0 calc(-35vw + 50%) !important; } .breakout--l { inline-size: 80vw !important; max-inline-size: 80vw !important; margin: 0 calc(-40vw + 50%) !important; } .breakout--xl { inline-size: 90vw !important; max-inline-size: 90vw !important; margin: 0 calc(-45vw + 50%) !important; } } .breakout--full { inline-size: 100vw !important; max-inline-size: 100vw !important; margin-inline: calc(-50vw + 50%) !important; align-self: flex-start; } @media (max-width: 1280px) { [class*="breakout--"]:not(.breakout--full) { inline-size: 100% !important; max-inline-size: 100% !important; margin: 0 !important; } } .relative { position: relative; } .sticky { position: -webkit-sticky; position: sticky; inset-block-start: 0rem; } .sticky-top--s { inset-block-start: 2.5%; } .sticky-top--m { inset-block-start: 5%; } .sticky-top--l { inset-block-start: 10%; } .center--self { margin-left: auto; margin-right: auto; } .flip--x, .flip--x > div { transform: scaleX(-1); } .flip--y, .flip--y > div { transform: scaleY(-1); } .flip--xy, .flip--xy > div { transform: scale(-1, -1); } .flip--both, .flip--both > div { transform: scale(-1, -1); } img.object-fit--cover, .object-fit--cover img { -o-object-fit: cover; object-fit: cover; } img.object-fit--contain, .object-fit--contain img { -o-object-fit: contain; object-fit: contain; } img.object-fit--top-left, .object-fit--top-left img { -o-object-position: 10% 10%; object-position: 10% 10%; } img.object-fit--top-center, .object-fit--top-center img { -o-object-position: 50% 10%; object-position: 50% 10%; } img.object-fit--top-right, .object-fit--top-right img { -o-object-position: 90% 10%; object-position: 90% 10%; } img.object-fit--center-left, .object-fit--center-left img { -o-object-position: 10% 50%; object-position: 10% 50%; } img.object-fit--center-right, .object-fit--center-right img { -o-object-position: 90% 50%; object-position: 90% 50%; } img.object-fit--bottom-left, .object-fit--bottom-left img { -o-object-position: 10% 90%; object-position: 10% 90%; } img.object-fit--bottom-center, .object-fit--bottom-center img { -o-object-position: 50% 90%; object-position: 50% 90%; } img.object-fit--bottom-right, .object-fit--bottom-right img { -o-object-position: 90% 90%; object-position: 90% 90%; } .height--20 { min-block-size: 20vh; } .height--30 { min-block-size: 30vh; } .height--40 { min-block-size: 40vh; } .height--50 { min-block-size: 50vh; } .height--60 { min-block-size: 60vh; } .height--70 { min-block-size: 70vh; } .height--80 { min-block-size: 80vh; } .height--90 { min-block-size: 90vh; } .height--100 { min-block-size: 100vh; } .height--full { min-block-size: 100vh; } @media (max-width: 1280px) { .height--xl-20 { min-block-size: 20vh; } .height--xl-30 { min-block-size: 30vh; } .height--xl-40 { min-block-size: 40vh; } .height--xl-50 { min-block-size: 50vh; } .height--xl-60 { min-block-size: 60vh; } .height--xl-70 { min-block-size: 70vh; } .height--xl-80 { min-block-size: 80vh; } .height--xl-90 { min-block-size: 90vh; } .height--xl-100 { min-block-size: 100vh; } .height--xl-full { min-block-size: 100vh; } } @media (max-width: 992px) { .height--l-20 { min-block-size: 20vh; } .height--l-30 { min-block-size: 30vh; } .height--l-40 { min-block-size: 40vh; } .height--l-50 { min-block-size: 50vh; } .height--l-60 { min-block-size: 60vh; } .height--l-70 { min-block-size: 70vh; } .height--l-80 { min-block-size: 80vh; } .height--l-90 { min-block-size: 90vh; } .height--l-100 { min-block-size: 100vh; } .height--l-full { min-block-size: 100vh; } } @media (max-width: 768px) { .height--m-20 { min-block-size: 20vh; } .height--m-30 { min-block-size: 30vh; } .height--m-40 { min-block-size: 40vh; } .height--m-50 { min-block-size: 50vh; } .height--m-60 { min-block-size: 60vh; } .height--m-70 { min-block-size: 70vh; } .height--m-80 { min-block-size: 80vh; } .height--m-90 { min-block-size: 90vh; } .height--m-100 { min-block-size: 100vh; } .height--m-full { min-block-size: 100vh; } } @media (max-width: 480px) { .height--s-20 { min-block-size: 20vh; } .height--s-30 { min-block-size: 30vh; } .height--s-40 { min-block-size: 40vh; } .height--s-50 { min-block-size: 50vh; } .height--s-60 { min-block-size: 60vh; } .height--s-70 { min-block-size: 70vh; } .height--s-80 { min-block-size: 80vh; } .height--s-90 { min-block-size: 90vh; } .height--s-100 { min-block-size: 100vh; } .height--s-full { min-block-size: 100vh; } } .max-height--20 { max-block-size: 20vh; } .max-height--30 { max-block-size: 30vh; } .max-height--40 { max-block-size: 40vh; } .max-height--50 { max-block-size: 50vh; } .max-height--60 { max-block-size: 60vh; } .max-height--70 { max-block-size: 70vh; } .max-height--80 { max-block-size: 80vh; } .max-height--90 { max-block-size: 90vh; } .max-height--100 { max-block-size: 100vh; } .max-height--full { max-block-size: 100vh; } @media (max-width: 1280px) { .max-height--xl-20 { max-block-size: 20vh; } .max-height--xl-30 { max-block-size: 30vh; } .max-height--xl-40 { max-block-size: 40vh; } .max-height--xl-50 { max-block-size: 50vh; } .max-height--xl-60 { max-block-size: 60vh; } .max-height--xl-70 { max-block-size: 70vh; } .max-height--xl-80 { max-block-size: 80vh; } .max-height--xl-90 { max-block-size: 90vh; } .max-height--xl-100 { max-block-size: 100vh; } .max-height--xl-full { max-block-size: 100vh; } } @media (max-width: 992px) { .max-height--l-20 { max-block-size: 20vh; } .max-height--l-30 { max-block-size: 30vh; } .max-height--l-40 { max-block-size: 40vh; } .max-height--l-50 { max-block-size: 50vh; } .max-height--l-60 { max-block-size: 60vh; } .max-height--l-70 { max-block-size: 70vh; } .max-height--l-80 { max-block-size: 80vh; } .max-height--l-90 { max-block-size: 90vh; } .max-height--l-100 { max-block-size: 100vh; } .max-height--l-full { max-block-size: 100vh; } } @media (max-width: 768px) { .max-height--m-20 { max-block-size: 20vh; } .max-height--m-30 { max-block-size: 30vh; } .max-height--m-40 { max-block-size: 40vh; } .max-height--m-50 { max-block-size: 50vh; } .max-height--m-60 { max-block-size: 60vh; } .max-height--m-70 { max-block-size: 70vh; } .max-height--m-80 { max-block-size: 80vh; } .max-height--m-90 { max-block-size: 90vh; } .max-height--m-100 { max-block-size: 100vh; } .max-height--m-full { max-block-size: 100vh; } } @media (max-width: 480px) { .max-height--s-20 { max-block-size: 20vh; } .max-height--s-30 { max-block-size: 30vh; } .max-height--s-40 { max-block-size: 40vh; } .max-height--s-50 { max-block-size: 50vh; } .max-height--s-60 { max-block-size: 60vh; } .max-height--s-70 { max-block-size: 70vh; } .max-height--s-80 { max-block-size: 80vh; } .max-height--s-90 { max-block-size: 90vh; } .max-height--s-100 { max-block-size: 100vh; } .max-height--s-full { max-block-size: 100vh; } } :is([class*="col-count--"], [class*="col-width--"]) { display: block !important; } .col-count--1 { -moz-column-count: 1; column-count: 1; } .col-count--2 { -moz-column-count: 2; column-count: 2; } .col-count--3 { -moz-column-count: 3; column-count: 3; } .col-count--4 { -moz-column-count: 4; column-count: 4; } .col-count--5 { -moz-column-count: 5; column-count: 5; } @media (max-width: 1280px) { .col-count--xl-1 { -moz-column-count: 1; column-count: 1; } .col-count--xl-2 { -moz-column-count: 2; column-count: 2; } .col-count--xl-3 { -moz-column-count: 3; column-count: 3; } .col-count--xl-4 { -moz-column-count: 4; column-count: 4; } .col-count--xl-5 { -moz-column-count: 5; column-count: 5; } } @media (max-width: 992px) { .col-count--l-1 { -moz-column-count: 1; column-count: 1; } .col-count--l-2 { -moz-column-count: 2; column-count: 2; } .col-count--l-3 { -moz-column-count: 3; column-count: 3; } .col-count--l-4 { -moz-column-count: 4; column-count: 4; } .col-count--l-5 { -moz-column-count: 5; column-count: 5; } } @media (max-width: 768px) { .col-count--m-1 { -moz-column-count: 1; column-count: 1; } .col-count--m-2 { -moz-column-count: 2; column-count: 2; } .col-count--m-3 { -moz-column-count: 3; column-count: 3; } .col-count--m-4 { -moz-column-count: 4; column-count: 4; } .col-count--m-5 { -moz-column-count: 5; column-count: 5; } } @media (max-width: 480px) { .col-count--s-1 { -moz-column-count: 1; column-count: 1; } .col-count--s-2 { -moz-column-count: 2; column-count: 2; } .col-count--s-3 { -moz-column-count: 3; column-count: 3; } .col-count--s-4 { -moz-column-count: 4; column-count: 4; } .col-count--s-5 { -moz-column-count: 5; column-count: 5; } } .col-width--s { width: 100%; -moz-column-width: var(--col-width-s, 13rem); column-width: var(--col-width-s, 13rem); } .col-width--m { width: 100%; -moz-column-width: var(--col-width-m, 25rem); column-width: var(--col-width-m, 25rem); } .col-width--l { width: 100%; -moz-column-width: var(--col-width-l, 38rem); column-width: var(--col-width-l, 38rem); } .col-rule--dotted { -moz-column-rule: dotted; column-rule: dotted; } .col-rule--dashed { -moz-column-rule: dashed; column-rule: dashed; } .col-rule--solid { -moz-column-rule: solid; column-rule: solid; } .col-rule--double { -moz-column-rule: double; column-rule: double; } .col-rule--groove { -moz-column-rule: groove; column-rule: groove; } .col-rule--ridge { -moz-column-rule: ridge; column-rule: ridge; } .col-rule--inset { -moz-column-rule: inset; column-rule: inset; } .col-rule--outset { -moz-column-rule: outset; column-rule: outset; } .col-rule--primary { -moz-column-rule-color: var(--primary); column-rule-color: var(--primary); } .col-rule--primary-hover { -moz-column-rule-color: var(--primary-hover); column-rule-color: var(--primary-hover); } .col-rule--primary-ultra-light { -moz-column-rule-color: var(--primary-ultra-light); column-rule-color: var(--primary-ultra-light); } .col-rule--primary-light { -moz-column-rule-color: var(--primary-light); column-rule-color: var(--primary-light); } .col-rule--primary-medium { -moz-column-rule-color: var(--primary-medium); column-rule-color: var(--primary-medium); } .col-rule--primary-dark { -moz-column-rule-color: var(--primary-dark); column-rule-color: var(--primary-dark); } .col-rule--primary-ultra-dark { -moz-column-rule-color: var(--primary-ultra-dark); column-rule-color: var(--primary-ultra-dark); } .col-rule--primary-comp { -moz-column-rule-color: var(--primary-comp); column-rule-color: var(--primary-comp); } .col-rule--secondary { -moz-column-rule-color: var(--secondary); column-rule-color: var(--secondary); } .col-rule--secondary-hover { -moz-column-rule-color: var(--secondary-hover); column-rule-color: var(--secondary-hover); } .col-rule--secondary-ultra-light { -moz-column-rule-color: var(--secondary-ultra-light); column-rule-color: var(--secondary-ultra-light); } .col-rule--secondary-light { -moz-column-rule-color: var(--secondary-light); column-rule-color: var(--secondary-light); } .col-rule--secondary-medium { -moz-column-rule-color: var(--secondary-medium); column-rule-color: var(--secondary-medium); } .col-rule--secondary-dark { -moz-column-rule-color: var(--secondary-dark); column-rule-color: var(--secondary-dark); } .col-rule--secondary-ultra-dark { -moz-column-rule-color: var(--secondary-ultra-dark); column-rule-color: var(--secondary-ultra-dark); } .col-rule--secondary-comp { -moz-column-rule-color: var(--secondary-comp); column-rule-color: var(--secondary-comp); } .col-rule--accent { -moz-column-rule-color: var(--accent); column-rule-color: var(--accent); } .col-rule--accent-hover { -moz-column-rule-color: var(--accent-hover); column-rule-color: var(--accent-hover); } .col-rule--accent-ultra-light { -moz-column-rule-color: var(--accent-ultra-light); column-rule-color: var(--accent-ultra-light); } .col-rule--accent-light { -moz-column-rule-color: var(--accent-light); column-rule-color: var(--accent-light); } .col-rule--accent-medium { -moz-column-rule-color: var(--accent-medium); column-rule-color: var(--accent-medium); } .col-rule--accent-dark { -moz-column-rule-color: var(--accent-dark); column-rule-color: var(--accent-dark); } .col-rule--accent-ultra-dark { -moz-column-rule-color: var(--accent-ultra-dark); column-rule-color: var(--accent-ultra-dark); } .col-rule--accent-comp { -moz-column-rule-color: var(--accent-comp); column-rule-color: var(--accent-comp); } .col-rule--shade { -moz-column-rule-color: var(--shade); column-rule-color: var(--shade); } .col-rule--shade-hover { -moz-column-rule-color: var(--shade-hover); column-rule-color: var(--shade-hover); } .col-rule--shade-ultra-light { -moz-column-rule-color: var(--shade-ultra-light); column-rule-color: var(--shade-ultra-light); } .col-rule--shade-light { -moz-column-rule-color: var(--shade-light); column-rule-color: var(--shade-light); } .col-rule--shade-medium { -moz-column-rule-color: var(--shade-medium); column-rule-color: var(--shade-medium); } .col-rule--shade-dark { -moz-column-rule-color: var(--shade-dark); column-rule-color: var(--shade-dark); } .col-rule--shade-ultra-dark { -moz-column-rule-color: var(--shade-ultra-dark); column-rule-color: var(--shade-ultra-dark); } .col-rule--shade-comp { -moz-column-rule-color: var(--shade-comp); column-rule-color: var(--shade-comp); } .col-rule--neutral { -moz-column-rule-color: var(--neutral); column-rule-color: var(--neutral); } .col-rule--neutral-hover { -moz-column-rule-color: var(--neutral-hover); column-rule-color: var(--neutral-hover); } .col-rule--neutral-ultra-light { -moz-column-rule-color: var(--neutral-ultra-light); column-rule-color: var(--neutral-ultra-light); } .col-rule--neutral-light { -moz-column-rule-color: var(--neutral-light); column-rule-color: var(--neutral-light); } .col-rule--neutral-medium { -moz-column-rule-color: var(--neutral-medium); column-rule-color: var(--neutral-medium); } .col-rule--neutral-dark { -moz-column-rule-color: var(--neutral-dark); column-rule-color: var(--neutral-dark); } .col-rule--neutral-ultra-dark { -moz-column-rule-color: var(--neutral-ultra-dark); column-rule-color: var(--neutral-ultra-dark); } .col-rule--neutral-comp { -moz-column-rule-color: var(--neutral-comp); column-rule-color: var(--neutral-comp); } .col-rule--white { -moz-column-rule-color: var(--white); column-rule-color: var(--white); } .col-rule--black { -moz-column-rule-color: var(--black); column-rule-color: var(--black); } .col-rule--s { -moz-column-rule-width: var(--col-rule-width-s, 0.1em); column-rule-width: var(--col-rule-width-s, 0.1em); } .col-rule--m { -moz-column-rule-width: var(--col-rule-width-m, 0.3em); column-rule-width: var(--col-rule-width-m, 0.3em); } .col-rule--l { -moz-column-rule-width: var(--col-rule-width-l, 0.5em); column-rule-width: var(--col-rule-width-l, 0.5em); } .col-span--all { -moz-column-span: all; column-span: all; } .masonry--1 { display: block !important; column-count: 1; row-gap: var(--row-gap); column-gap: var(--col-gap); } .masonry--2 { display: block !important; column-count: 2; row-gap: var(--row-gap); column-gap: var(--col-gap); } .masonry--3 { display: block !important; column-count: 3; row-gap: var(--row-gap); column-gap: var(--col-gap); } .masonry--4 { display: block !important; column-count: 4; row-gap: var(--row-gap); column-gap: var(--col-gap); } .masonry--5 { display: block !important; column-count: 5; row-gap: var(--row-gap); column-gap: var(--col-gap); } @media (max-width: 1280px) { .masonry--xl-1 { column-count: 1; } .masonry--xl-2 { column-count: 2; } .masonry--xl-3 { column-count: 3; } .masonry--xl-4 { column-count: 4; } .masonry--xl-5 { column-count: 5; } } @media (max-width: 992px) { .masonry--l-1 { column-count: 1; } .masonry--l-2 { column-count: 2; } .masonry--l-3 { column-count: 3; } .masonry--l-4 { column-count: 4; } .masonry--l-5 { column-count: 5; } } @media (max-width: 768px) { .masonry--m-1 { column-count: 1; } .masonry--m-2 { column-count: 2; } .masonry--m-3 { column-count: 3; } .masonry--m-4 { column-count: 4; } .masonry--m-5 { column-count: 5; } } @media (max-width: 480px) { .masonry--s-1 { column-count: 1; } .masonry--s-2 { column-count: 2; } .masonry--s-3 { column-count: 3; } .masonry--s-4 { column-count: 4; } .masonry--s-5 { column-count: 5; } } :where([class*="masonry--"] > *) { break-inside: avoid; width: 100%; } :where([class*="masonry--"]) { --col-gap: var(--grid-gap); } :where([class*="masonry--"] > *) { margin-block-end: var(--grid-gap); } [class*="masonry"]:is([class*="gap--"], [class*="row-gap--"], [class*="content-gap"], [class*="container-gap"], [class*="grid-gap"], [class*="fr-content-gap"], [class*="fr-container-gap"], [class*="fr-grid-gap"]) > * { margin-block-end: var(--row-gap); } .variable-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2 - var(--space-xxl))), 100%), 1fr)); grid-template-rows: var(--grid-1); gap: var(--gap, var(--grid-gap)); } .content-grid { --full: minmax(var(--gutter), 1fr); padding-inline: 0; column-gap: 0 !important; display: grid !important; grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end]; } .content-grid > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) { width: 100%; grid-column: content; } :where(.content-grid > .content--feature) { grid-column: feature; } :where(.content-grid > .content--feature-max) { grid-column: feature-max; } :where(.content-grid > .content--full) { grid-column: full; } :where(.content-grid > .content--full-safe) { grid-column: full; padding-inline: var(--gutter); } .content-grid:where(.content--full-safe) { padding-inline: var(--gutter); } .content-grid > :is(.content--feature, .content--feature-max, .content--full, .content--full-safe) { width: 100%; max-width: 100%; } .grid--1 { display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)); inline-size: 100%; } .grid--1 > * { grid-column: 1 !important; } .grid--2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); inline-size: 100%; } .grid--3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); inline-size: 100%; } .grid--4 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); inline-size: 100%; } .grid--5 { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); inline-size: 100%; } .grid--6 { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); inline-size: 100%; } .grid--7 { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); inline-size: 100%; } .grid--8 { display: grid !important; grid-template-columns: repeat(8, minmax(0, 1fr)); inline-size: 100%; } .grid--9 { display: grid !important; grid-template-columns: repeat(9, minmax(0, 1fr)); inline-size: 100%; } .grid--10 { display: grid !important; grid-template-columns: repeat(10, minmax(0, 1fr)); inline-size: 100%; } .grid--11 { display: grid !important; grid-template-columns: repeat(11, minmax(0, 1fr)); inline-size: 100%; } .grid--12 { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); inline-size: 100%; } .grid--1-2 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); inline-size: 100%; } .grid--1-3 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); inline-size: 100%; } .grid--2-1 { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); inline-size: 100%; } .grid--2-3 { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); inline-size: 100%; } .grid--3-1 { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); inline-size: 100%; } .grid--3-2 { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); inline-size: 100%; } .grid--variable-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2)), 100%), 1fr)); inline-size: 100%; } .grid--auto-2 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(40.8026755853rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-3 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-4 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(24.4488977956rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-5 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(20.367278798rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-6 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(17.4535050072rem, 100vw - 6rem), 1fr)); inline-size: 100%; } .grid--auto-1-2 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); inline-size: 100%; } .grid--auto-1-3 { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); inline-size: 100%; } .grid--auto-2-1 { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); inline-size: 100%; } .grid--auto-2-3 { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); inline-size: 100%; } .grid--auto-3-1 { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); inline-size: 100%; } .grid--auto-3-2 { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); inline-size: 100%; } @media (max-width: 1280px) { .grid--xl-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--xl-1 > * { grid-column: 1 !important; } .grid--xl-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--xl-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--xl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--xl-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--xl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--xl-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--xl-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--xl-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--xl-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--xl-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--xl-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 992px) { .grid--l-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--l-1 > * { grid-column: 1 !important; } .grid--l-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--l-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--l-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--l-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--l-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--l-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--l-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--l-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--l-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--l-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--l-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 768px) { .grid--m-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--m-1 > * { grid-column: 1 !important; } .grid--m-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--m-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--m-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--m-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--m-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--m-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--m-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--m-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--m-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--m-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--m-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 480px) { .grid--s-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid--s-1 > * { grid-column: 1 !important; } .grid--s-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--s-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid--s-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid--s-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid--s-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid--s-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid--s-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid--s-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid--s-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid--s-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid--s-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (max-width: 992px) { .grid--auto-1-2 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-1-3 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-3-2 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-2-3 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-2-1 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } .grid--auto-3-1 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr)); } } @media (min-width: 1280px) { .grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-xl > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child { order: -1; } } @media (min-width: 992px) { .grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-l > .grid--1-2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-l > .grid--1-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-l > .grid--2-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-l > .grid--2-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-l > .grid--3-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-l > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-l > .grid--3-2:nth-of-type(even) > *:last-child { order: -1; } } @media (min-width: 768px) { .grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-m > .grid--1-2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-m > .grid--1-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-m > .grid--2-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-m > .grid--2-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-m > .grid--3-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-m > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-m > .grid--3-2:nth-of-type(even) > *:last-child { order: -1; } } @media (min-width: 480px) { .grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--1-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .grid--alternate-s > .grid--1-2:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--1-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); } .grid--alternate-s > .grid--1-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--2-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid--alternate-s > .grid--2-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--2-3:nth-of-type(even) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .grid--alternate-s > .grid--2-3:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--3-1:nth-of-type(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } .grid--alternate-s > .grid--3-1:nth-of-type(even) > *:last-child { order: -1; } .grid--alternate-s > .grid--3-2:nth-of-type(even) { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .grid--alternate-s > .grid--3-2:nth-of-type(even) > *:last-child { order: -1; } } .row-span--1 { grid-row: span 1; } .col-span--1 { grid-column: span 1; } .row-start--1 { grid-row-start: 1; } .row-end--1 { grid-row-end: 1; } .col-start--1 { grid-column-start: 1; } .col-end--1 { grid-column-end: 1; } .row-span--2 { grid-row: span 2; } .col-span--2 { grid-column: span 2; } .row-start--2 { grid-row-start: 2; } .row-end--2 { grid-row-end: 2; } .col-start--2 { grid-column-start: 2; } .col-end--2 { grid-column-end: 2; } .row-span--3 { grid-row: span 3; } .col-span--3 { grid-column: span 3; } .row-start--3 { grid-row-start: 3; } .row-end--3 { grid-row-end: 3; } .col-start--3 { grid-column-start: 3; } .col-end--3 { grid-column-end: 3; } .row-span--4 { grid-row: span 4; } .col-span--4 { grid-column: span 4; } .row-start--4 { grid-row-start: 4; } .row-end--4 { grid-row-end: 4; } .col-start--4 { grid-column-start: 4; } .col-end--4 { grid-column-end: 4; } .row-span--5 { grid-row: span 5; } .col-span--5 { grid-column: span 5; } .row-start--5 { grid-row-start: 5; } .row-end--5 { grid-row-end: 5; } .col-start--5 { grid-column-start: 5; } .col-end--5 { grid-column-end: 5; } .row-span--6 { grid-row: span 6; } .col-span--6 { grid-column: span 6; } .row-start--6 { grid-row-start: 6; } .row-end--6 { grid-row-end: 6; } .col-start--6 { grid-column-start: 6; } .col-end--6 { grid-column-end: 6; } .row-span--7 { grid-row: span 7; } .col-span--7 { grid-column: span 7; } .row-start--7 { grid-row-start: 7; } .row-end--7 { grid-row-end: 7; } .col-start--7 { grid-column-start: 7; } .col-end--7 { grid-column-end: 7; } .row-span--8 { grid-row: span 8; } .col-span--8 { grid-column: span 8; } .row-start--8 { grid-row-start: 8; } .row-end--8 { grid-row-end: 8; } .col-start--8 { grid-column-start: 8; } .col-end--8 { grid-column-end: 8; } .row-span--9 { grid-row: span 9; } .col-span--9 { grid-column: span 9; } .row-start--9 { grid-row-start: 9; } .row-end--9 { grid-row-end: 9; } .col-start--9 { grid-column-start: 9; } .col-end--9 { grid-column-end: 9; } .row-span--10 { grid-row: span 10; } .col-span--10 { grid-column: span 10; } .row-start--10 { grid-row-start: 10; } .row-end--10 { grid-row-end: 10; } .col-start--10 { grid-column-start: 10; } .col-end--10 { grid-column-end: 10; } .row-span--11 { grid-row: span 11; } .col-span--11 { grid-column: span 11; } .row-start--11 { grid-row-start: 11; } .row-end--11 { grid-row-end: 11; } .col-start--11 { grid-column-start: 11; } .col-end--11 { grid-column-end: 11; } .row-span--12 { grid-row: span 12; } .col-span--12 { grid-column: span 12; } .row-start--12 { grid-row-start: 12; } .row-end--12 { grid-row-end: 12; } .col-start--12 { grid-column-start: 12; } .col-end--12 { grid-column-end: 12; } @media (max-width: 1280px) { .row-span--xl-1 { grid-row: span 1; } .col-span--xl-1 { grid-column: span 1; } .row-start--xl-1 { grid-row-start: 1; } .row-end--xl-1 { grid-row-end: 1; } .col-start--xl-1 { grid-column-start: 1; } .col-end--xl-1 { grid-column-end: 1; } .row-span--xl-2 { grid-row: span 2; } .col-span--xl-2 { grid-column: span 2; } .row-start--xl-2 { grid-row-start: 2; } .row-end--xl-2 { grid-row-end: 2; } .col-start--xl-2 { grid-column-start: 2; } .col-end--xl-2 { grid-column-end: 2; } .row-span--xl-3 { grid-row: span 3; } .col-span--xl-3 { grid-column: span 3; } .row-start--xl-3 { grid-row-start: 3; } .row-end--xl-3 { grid-row-end: 3; } .col-start--xl-3 { grid-column-start: 3; } .col-end--xl-3 { grid-column-end: 3; } .row-span--xl-4 { grid-row: span 4; } .col-span--xl-4 { grid-column: span 4; } .row-start--xl-4 { grid-row-start: 4; } .row-end--xl-4 { grid-row-end: 4; } .col-start--xl-4 { grid-column-start: 4; } .col-end--xl-4 { grid-column-end: 4; } .row-span--xl-5 { grid-row: span 5; } .col-span--xl-5 { grid-column: span 5; } .row-start--xl-5 { grid-row-start: 5; } .row-end--xl-5 { grid-row-end: 5; } .col-start--xl-5 { grid-column-start: 5; } .col-end--xl-5 { grid-column-end: 5; } .row-span--xl-6 { grid-row: span 6; } .col-span--xl-6 { grid-column: span 6; } .row-start--xl-6 { grid-row-start: 6; } .row-end--xl-6 { grid-row-end: 6; } .col-start--xl-6 { grid-column-start: 6; } .col-end--xl-6 { grid-column-end: 6; } .row-span--xl-7 { grid-row: span 7; } .col-span--xl-7 { grid-column: span 7; } .row-start--xl-7 { grid-row-start: 7; } .row-end--xl-7 { grid-row-end: 7; } .col-start--xl-7 { grid-column-start: 7; } .col-end--xl-7 { grid-column-end: 7; } .row-span--xl-8 { grid-row: span 8; } .col-span--xl-8 { grid-column: span 8; } .row-start--xl-8 { grid-row-start: 8; } .row-end--xl-8 { grid-row-end: 8; } .col-start--xl-8 { grid-column-start: 8; } .col-end--xl-8 { grid-column-end: 8; } .row-span--xl-9 { grid-row: span 9; } .col-span--xl-9 { grid-column: span 9; } .row-start--xl-9 { grid-row-start: 9; } .row-end--xl-9 { grid-row-end: 9; } .col-start--xl-9 { grid-column-start: 9; } .col-end--xl-9 { grid-column-end: 9; } .row-span--xl-10 { grid-row: span 10; } .col-span--xl-10 { grid-column: span 10; } .row-start--xl-10 { grid-row-start: 10; } .row-end--xl-10 { grid-row-end: 10; } .col-start--xl-10 { grid-column-start: 10; } .col-end--xl-10 { grid-column-end: 10; } .row-span--xl-11 { grid-row: span 11; } .col-span--xl-11 { grid-column: span 11; } .row-start--xl-11 { grid-row-start: 11; } .row-end--xl-11 { grid-row-end: 11; } .col-start--xl-11 { grid-column-start: 11; } .col-end--xl-11 { grid-column-end: 11; } .row-span--xl-12 { grid-row: span 12; } .col-span--xl-12 { grid-column: span 12; } .row-start--xl-12 { grid-row-start: 12; } .row-end--xl-12 { grid-row-end: 12; } .col-start--xl-12 { grid-column-start: 12; } .col-end--xl-12 { grid-column-end: 12; } } @media (max-width: 992px) { .row-span--l-1 { grid-row: span 1; } .col-span--l-1 { grid-column: span 1; } .row-start--l-1 { grid-row-start: 1; } .row-end--l-1 { grid-row-end: 1; } .col-start--l-1 { grid-column-start: 1; } .col-end--l-1 { grid-column-end: 1; } .row-span--l-2 { grid-row: span 2; } .col-span--l-2 { grid-column: span 2; } .row-start--l-2 { grid-row-start: 2; } .row-end--l-2 { grid-row-end: 2; } .col-start--l-2 { grid-column-start: 2; } .col-end--l-2 { grid-column-end: 2; } .row-span--l-3 { grid-row: span 3; } .col-span--l-3 { grid-column: span 3; } .row-start--l-3 { grid-row-start: 3; } .row-end--l-3 { grid-row-end: 3; } .col-start--l-3 { grid-column-start: 3; } .col-end--l-3 { grid-column-end: 3; } .row-span--l-4 { grid-row: span 4; } .col-span--l-4 { grid-column: span 4; } .row-start--l-4 { grid-row-start: 4; } .row-end--l-4 { grid-row-end: 4; } .col-start--l-4 { grid-column-start: 4; } .col-end--l-4 { grid-column-end: 4; } .row-span--l-5 { grid-row: span 5; } .col-span--l-5 { grid-column: span 5; } .row-start--l-5 { grid-row-start: 5; } .row-end--l-5 { grid-row-end: 5; } .col-start--l-5 { grid-column-start: 5; } .col-end--l-5 { grid-column-end: 5; } .row-span--l-6 { grid-row: span 6; } .col-span--l-6 { grid-column: span 6; } .row-start--l-6 { grid-row-start: 6; } .row-end--l-6 { grid-row-end: 6; } .col-start--l-6 { grid-column-start: 6; } .col-end--l-6 { grid-column-end: 6; } .row-span--l-7 { grid-row: span 7; } .col-span--l-7 { grid-column: span 7; } .row-start--l-7 { grid-row-start: 7; } .row-end--l-7 { grid-row-end: 7; } .col-start--l-7 { grid-column-start: 7; } .col-end--l-7 { grid-column-end: 7; } .row-span--l-8 { grid-row: span 8; } .col-span--l-8 { grid-column: span 8; } .row-start--l-8 { grid-row-start: 8; } .row-end--l-8 { grid-row-end: 8; } .col-start--l-8 { grid-column-start: 8; } .col-end--l-8 { grid-column-end: 8; } .row-span--l-9 { grid-row: span 9; } .col-span--l-9 { grid-column: span 9; } .row-start--l-9 { grid-row-start: 9; } .row-end--l-9 { grid-row-end: 9; } .col-start--l-9 { grid-column-start: 9; } .col-end--l-9 { grid-column-end: 9; } .row-span--l-10 { grid-row: span 10; } .col-span--l-10 { grid-column: span 10; } .row-start--l-10 { grid-row-start: 10; } .row-end--l-10 { grid-row-end: 10; } .col-start--l-10 { grid-column-start: 10; } .col-end--l-10 { grid-column-end: 10; } .row-span--l-11 { grid-row: span 11; } .col-span--l-11 { grid-column: span 11; } .row-start--l-11 { grid-row-start: 11; } .row-end--l-11 { grid-row-end: 11; } .col-start--l-11 { grid-column-start: 11; } .col-end--l-11 { grid-column-end: 11; } .row-span--l-12 { grid-row: span 12; } .col-span--l-12 { grid-column: span 12; } .row-start--l-12 { grid-row-start: 12; } .row-end--l-12 { grid-row-end: 12; } .col-start--l-12 { grid-column-start: 12; } .col-end--l-12 { grid-column-end: 12; } } @media (max-width: 768px) { .row-span--m-1 { grid-row: span 1; } .col-span--m-1 { grid-column: span 1; } .row-start--m-1 { grid-row-start: 1; } .row-end--m-1 { grid-row-end: 1; } .col-start--m-1 { grid-column-start: 1; } .col-end--m-1 { grid-column-end: 1; } .row-span--m-2 { grid-row: span 2; } .col-span--m-2 { grid-column: span 2; } .row-start--m-2 { grid-row-start: 2; } .row-end--m-2 { grid-row-end: 2; } .col-start--m-2 { grid-column-start: 2; } .col-end--m-2 { grid-column-end: 2; } .row-span--m-3 { grid-row: span 3; } .col-span--m-3 { grid-column: span 3; } .row-start--m-3 { grid-row-start: 3; } .row-end--m-3 { grid-row-end: 3; } .col-start--m-3 { grid-column-start: 3; } .col-end--m-3 { grid-column-end: 3; } .row-span--m-4 { grid-row: span 4; } .col-span--m-4 { grid-column: span 4; } .row-start--m-4 { grid-row-start: 4; } .row-end--m-4 { grid-row-end: 4; } .col-start--m-4 { grid-column-start: 4; } .col-end--m-4 { grid-column-end: 4; } .row-span--m-5 { grid-row: span 5; } .col-span--m-5 { grid-column: span 5; } .row-start--m-5 { grid-row-start: 5; } .row-end--m-5 { grid-row-end: 5; } .col-start--m-5 { grid-column-start: 5; } .col-end--m-5 { grid-column-end: 5; } .row-span--m-6 { grid-row: span 6; } .col-span--m-6 { grid-column: span 6; } .row-start--m-6 { grid-row-start: 6; } .row-end--m-6 { grid-row-end: 6; } .col-start--m-6 { grid-column-start: 6; } .col-end--m-6 { grid-column-end: 6; } .row-span--m-7 { grid-row: span 7; } .col-span--m-7 { grid-column: span 7; } .row-start--m-7 { grid-row-start: 7; } .row-end--m-7 { grid-row-end: 7; } .col-start--m-7 { grid-column-start: 7; } .col-end--m-7 { grid-column-end: 7; } .row-span--m-8 { grid-row: span 8; } .col-span--m-8 { grid-column: span 8; } .row-start--m-8 { grid-row-start: 8; } .row-end--m-8 { grid-row-end: 8; } .col-start--m-8 { grid-column-start: 8; } .col-end--m-8 { grid-column-end: 8; } .row-span--m-9 { grid-row: span 9; } .col-span--m-9 { grid-column: span 9; } .row-start--m-9 { grid-row-start: 9; } .row-end--m-9 { grid-row-end: 9; } .col-start--m-9 { grid-column-start: 9; } .col-end--m-9 { grid-column-end: 9; } .row-span--m-10 { grid-row: span 10; } .col-span--m-10 { grid-column: span 10; } .row-start--m-10 { grid-row-start: 10; } .row-end--m-10 { grid-row-end: 10; } .col-start--m-10 { grid-column-start: 10; } .col-end--m-10 { grid-column-end: 10; } .row-span--m-11 { grid-row: span 11; } .col-span--m-11 { grid-column: span 11; } .row-start--m-11 { grid-row-start: 11; } .row-end--m-11 { grid-row-end: 11; } .col-start--m-11 { grid-column-start: 11; } .col-end--m-11 { grid-column-end: 11; } .row-span--m-12 { grid-row: span 12; } .col-span--m-12 { grid-column: span 12; } .row-start--m-12 { grid-row-start: 12; } .row-end--m-12 { grid-row-end: 12; } .col-start--m-12 { grid-column-start: 12; } .col-end--m-12 { grid-column-end: 12; } } @media (max-width: 480px) { .row-span--s-1 { grid-row: span 1; } .col-span--s-1 { grid-column: span 1; } .row-start--s-1 { grid-row-start: 1; } .row-end--s-1 { grid-row-end: 1; } .col-start--s-1 { grid-column-start: 1; } .col-end--s-1 { grid-column-end: 1; } .row-span--s-2 { grid-row: span 2; } .col-span--s-2 { grid-column: span 2; } .row-start--s-2 { grid-row-start: 2; } .row-end--s-2 { grid-row-end: 2; } .col-start--s-2 { grid-column-start: 2; } .col-end--s-2 { grid-column-end: 2; } .row-span--s-3 { grid-row: span 3; } .col-span--s-3 { grid-column: span 3; } .row-start--s-3 { grid-row-start: 3; } .row-end--s-3 { grid-row-end: 3; } .col-start--s-3 { grid-column-start: 3; } .col-end--s-3 { grid-column-end: 3; } .row-span--s-4 { grid-row: span 4; } .col-span--s-4 { grid-column: span 4; } .row-start--s-4 { grid-row-start: 4; } .row-end--s-4 { grid-row-end: 4; } .col-start--s-4 { grid-column-start: 4; } .col-end--s-4 { grid-column-end: 4; } .row-span--s-5 { grid-row: span 5; } .col-span--s-5 { grid-column: span 5; } .row-start--s-5 { grid-row-start: 5; } .row-end--s-5 { grid-row-end: 5; } .col-start--s-5 { grid-column-start: 5; } .col-end--s-5 { grid-column-end: 5; } .row-span--s-6 { grid-row: span 6; } .col-span--s-6 { grid-column: span 6; } .row-start--s-6 { grid-row-start: 6; } .row-end--s-6 { grid-row-end: 6; } .col-start--s-6 { grid-column-start: 6; } .col-end--s-6 { grid-column-end: 6; } .row-span--s-7 { grid-row: span 7; } .col-span--s-7 { grid-column: span 7; } .row-start--s-7 { grid-row-start: 7; } .row-end--s-7 { grid-row-end: 7; } .col-start--s-7 { grid-column-start: 7; } .col-end--s-7 { grid-column-end: 7; } .row-span--s-8 { grid-row: span 8; } .col-span--s-8 { grid-column: span 8; } .row-start--s-8 { grid-row-start: 8; } .row-end--s-8 { grid-row-end: 8; } .col-start--s-8 { grid-column-start: 8; } .col-end--s-8 { grid-column-end: 8; } .row-span--s-9 { grid-row: span 9; } .col-span--s-9 { grid-column: span 9; } .row-start--s-9 { grid-row-start: 9; } .row-end--s-9 { grid-row-end: 9; } .col-start--s-9 { grid-column-start: 9; } .col-end--s-9 { grid-column-end: 9; } .row-span--s-10 { grid-row: span 10; } .col-span--s-10 { grid-column: span 10; } .row-start--s-10 { grid-row-start: 10; } .row-end--s-10 { grid-row-end: 10; } .col-start--s-10 { grid-column-start: 10; } .col-end--s-10 { grid-column-end: 10; } .row-span--s-11 { grid-row: span 11; } .col-span--s-11 { grid-column: span 11; } .row-start--s-11 { grid-row-start: 11; } .row-end--s-11 { grid-row-end: 11; } .col-start--s-11 { grid-column-start: 11; } .col-end--s-11 { grid-column-end: 11; } .row-span--s-12 { grid-row: span 12; } .col-span--s-12 { grid-column: span 12; } .row-start--s-12 { grid-row-start: 12; } .row-end--s-12 { grid-row-end: 12; } .col-start--s-12 { grid-column-start: 12; } .col-end--s-12 { grid-column-end: 12; } } .col-span--all { grid-column: 1 / -1; } @media (max-width: 1280px) { .col-span--xl-all { grid-column: 1 / -1; } } @media (max-width: 992px) { .col-span--l-all { grid-column: 1 / -1; } } @media (max-width: 768px) { .col-span--m-all { grid-column: 1 / -1; } } @media (max-width: 480px) { .col-span--s-all { grid-column: 1 / -1; } } .order--first { order: -1; } .order--last { order: 999; } .col-end--last { grid-column-end: -1; } @media (max-width: 1280px) { .order--first-xl { order: -1; } .order--last-xl { order: 999; } .col-end--xl-last { grid-column-end: -1; } } @media (max-width: 992px) { .order--first-l { order: -1; } .order--last-l { order: 999; } .col-end--l-last { grid-column-end: -1; } } @media (max-width: 768px) { .order--first-m { order: -1; } .order--last-m { order: 999; } .col-end--m-last { grid-column-end: -1; } } @media (max-width: 480px) { .order--first-s { order: -1; } .order--last-s { order: 999; } .col-end--s-last { grid-column-end: -1; } } .grid--auto-rows { grid-auto-rows: minmax(-webkit-min-content, 1fr); grid-auto-rows: minmax(min-content, 1fr); } .width--xs:not([class*="breakout--"]) { inline-size: calc((128 * 0.1) * 1rem); max-inline-size: 100%; } figure.width--xs img { inline-size: 100%; } .width--s:not([class*="breakout--"]) { inline-size: calc((128 * 0.2) * 1rem); max-inline-size: 100%; } figure.width--s img { inline-size: 100%; } .width--m:not([class*="breakout--"]) { inline-size: calc((128 * 0.4) * 1rem); max-inline-size: 100%; } figure.width--m img { inline-size: 100%; } .width--l:not([class*="breakout--"]) { inline-size: calc((128 * 0.6) * 1rem); max-inline-size: 100%; } figure.width--l img { inline-size: 100%; } .width--xl:not([class*="breakout--"]) { inline-size: calc((128 * 0.8) * 1rem); max-inline-size: 100%; } figure.width--xl img { inline-size: 100%; } .width--xxl:not([class*="breakout--"]) { inline-size: calc((128 * 0.9) * 1rem); max-inline-size: 100%; } figure.width--xxl img { inline-size: 100%; } .width--vp-max:not([class*="breakout--"]) { inline-size: 128rem; max-inline-size: 100%; margin-inline: auto; } figure.width--vp-max img { inline-size: 100%; } .width--content:not([class*="breakout--"]) { inline-size: 128rem; max-inline-size: 100%; } figure.width--content img { inline-size: 100%; } .width--50:not([class*="breakout--"]) { inline-size: calc((128 / 2) * 1rem); max-inline-size: 100%; } figure.width--50 img { inline-size: 100%; } .width--full:not([class*="breakout--"]) { inline-size: 100%; max-inline-size: 100%; } figure.width--full img { inline-size: 100%; } .width--auto { inline-size: auto !important; inline-size: 100%; } .content-width:not([class*="breakout--"]) { inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; } .content-width--safe:not([class*="breakout--"]) { inline-size: 100%; max-inline-size: var(--content-width-safe); margin-inline: auto; } .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--xxl { border-radius: var(--radius-xxl); } .radius--50 { border-radius: var(--radius-50); } .radius--circle { border-radius: var(--radius-circle); } .rounded--xs { border-radius: var(--radius-xs); } .rounded--s { border-radius: var(--radius-s); } .rounded--m { border-radius: var(--radius-m); } .rounded--l { border-radius: var(--radius-l); } .rounded--xl { border-radius: var(--radius-xl); } .rounded--xxl { border-radius: var(--radius-xxl); } .rounded--50 { border-radius: var(--radius-50); } .rounded--circle { border-radius: var(--radius-circle); } .aspect--1-1 { aspect-ratio: 1 / 1; } img.aspect--1-1 { -o-object-fit: cover; object-fit: cover; } figure.aspect--1-1 img { inline-size: 100%; block-size: 100%; } .aspect--1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--1-2 { aspect-ratio: 1 / 2; } img.aspect--1-2 { -o-object-fit: cover; object-fit: cover; } figure.aspect--1-2 img { inline-size: 100%; block-size: 100%; } .aspect--1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--2-1 { aspect-ratio: 2 / 1; } img.aspect--2-1 { -o-object-fit: cover; object-fit: cover; } figure.aspect--2-1 img { inline-size: 100%; block-size: 100%; } .aspect--2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--2-3 { aspect-ratio: 2 / 3; } img.aspect--2-3 { -o-object-fit: cover; object-fit: cover; } figure.aspect--2-3 img { inline-size: 100%; block-size: 100%; } .aspect--2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--3-2 { aspect-ratio: 3 / 2; } img.aspect--3-2 { -o-object-fit: cover; object-fit: cover; } figure.aspect--3-2 img { inline-size: 100%; block-size: 100%; } .aspect--3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--3-4 { aspect-ratio: 3 / 4; } img.aspect--3-4 { -o-object-fit: cover; object-fit: cover; } figure.aspect--3-4 img { inline-size: 100%; block-size: 100%; } .aspect--3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--4-3 { aspect-ratio: 4 / 3; } img.aspect--4-3 { -o-object-fit: cover; object-fit: cover; } figure.aspect--4-3 img { inline-size: 100%; block-size: 100%; } .aspect--4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--16-9 { aspect-ratio: 16 / 9; } img.aspect--16-9 { -o-object-fit: cover; object-fit: cover; } figure.aspect--16-9 img { inline-size: 100%; block-size: 100%; } .aspect--16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--9-16 { aspect-ratio: 9 / 16; } img.aspect--9-16 { -o-object-fit: cover; object-fit: cover; } figure.aspect--9-16 img { inline-size: 100%; block-size: 100%; } .aspect--9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } @media (max-width: 1280px) { .aspect--xl-1-1 { aspect-ratio: 1 / 1; } img.aspect--xl-1-1 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--xl-1-2 { aspect-ratio: 1 / 2; } img.aspect--xl-1-2 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--xl-2-1 { aspect-ratio: 2 / 1; } img.aspect--xl-2-1 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--xl-2-3 { aspect-ratio: 2 / 3; } img.aspect--xl-2-3 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--xl-3-2 { aspect-ratio: 3 / 2; } img.aspect--xl-3-2 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--xl-3-4 { aspect-ratio: 3 / 4; } img.aspect--xl-3-4 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--xl-4-3 { aspect-ratio: 4 / 3; } img.aspect--xl-4-3 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--xl-16-9 { aspect-ratio: 16 / 9; } img.aspect--xl-16-9 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--xl-9-16 { aspect-ratio: 9 / 16; } img.aspect--xl-9-16 { -o-object-fit: cover; object-fit: cover; } .aspect--xl-9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } } @media (max-width: 992px) { .aspect--l-1-1 { aspect-ratio: 1 / 1; } img.aspect--l-1-1 { -o-object-fit: cover; object-fit: cover; } .aspect--l-1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--l-1-2 { aspect-ratio: 1 / 2; } img.aspect--l-1-2 { -o-object-fit: cover; object-fit: cover; } .aspect--l-1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--l-2-1 { aspect-ratio: 2 / 1; } img.aspect--l-2-1 { -o-object-fit: cover; object-fit: cover; } .aspect--l-2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--l-2-3 { aspect-ratio: 2 / 3; } img.aspect--l-2-3 { -o-object-fit: cover; object-fit: cover; } .aspect--l-2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--l-3-2 { aspect-ratio: 3 / 2; } img.aspect--l-3-2 { -o-object-fit: cover; object-fit: cover; } .aspect--l-3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--l-3-4 { aspect-ratio: 3 / 4; } img.aspect--l-3-4 { -o-object-fit: cover; object-fit: cover; } .aspect--l-3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--l-4-3 { aspect-ratio: 4 / 3; } img.aspect--l-4-3 { -o-object-fit: cover; object-fit: cover; } .aspect--l-4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--l-16-9 { aspect-ratio: 16 / 9; } img.aspect--l-16-9 { -o-object-fit: cover; object-fit: cover; } .aspect--l-16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--l-9-16 { aspect-ratio: 9 / 16; } img.aspect--l-9-16 { -o-object-fit: cover; object-fit: cover; } .aspect--l-9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } } @media (max-width: 768px) { .aspect--m-1-1 { aspect-ratio: 1 / 1; } img.aspect--m-1-1 { -o-object-fit: cover; object-fit: cover; } .aspect--m-1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--m-1-2 { aspect-ratio: 1 / 2; } img.aspect--m-1-2 { -o-object-fit: cover; object-fit: cover; } .aspect--m-1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--m-2-1 { aspect-ratio: 2 / 1; } img.aspect--m-2-1 { -o-object-fit: cover; object-fit: cover; } .aspect--m-2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--m-2-3 { aspect-ratio: 2 / 3; } img.aspect--m-2-3 { -o-object-fit: cover; object-fit: cover; } .aspect--m-2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--m-3-2 { aspect-ratio: 3 / 2; } img.aspect--m-3-2 { -o-object-fit: cover; object-fit: cover; } .aspect--m-3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--m-3-4 { aspect-ratio: 3 / 4; } img.aspect--m-3-4 { -o-object-fit: cover; object-fit: cover; } .aspect--m-3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--m-4-3 { aspect-ratio: 4 / 3; } img.aspect--m-4-3 { -o-object-fit: cover; object-fit: cover; } .aspect--m-4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--m-16-9 { aspect-ratio: 16 / 9; } img.aspect--m-16-9 { -o-object-fit: cover; object-fit: cover; } .aspect--m-16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--m-9-16 { aspect-ratio: 9 / 16; } img.aspect--m-9-16 { -o-object-fit: cover; object-fit: cover; } .aspect--m-9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } } @media (max-width: 480px) { .aspect--s-1-1 { aspect-ratio: 1 / 1; } img.aspect--s-1-1 { -o-object-fit: cover; object-fit: cover; } .aspect--s-1-1 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 1; } .aspect--s-1-2 { aspect-ratio: 1 / 2; } img.aspect--s-1-2 { -o-object-fit: cover; object-fit: cover; } .aspect--s-1-2 iframe { width: 100%; height: 100%; aspect-ratio: 1 / 2; } .aspect--s-2-1 { aspect-ratio: 2 / 1; } img.aspect--s-2-1 { -o-object-fit: cover; object-fit: cover; } .aspect--s-2-1 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 1; } .aspect--s-2-3 { aspect-ratio: 2 / 3; } img.aspect--s-2-3 { -o-object-fit: cover; object-fit: cover; } .aspect--s-2-3 iframe { width: 100%; height: 100%; aspect-ratio: 2 / 3; } .aspect--s-3-2 { aspect-ratio: 3 / 2; } img.aspect--s-3-2 { -o-object-fit: cover; object-fit: cover; } .aspect--s-3-2 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 2; } .aspect--s-3-4 { aspect-ratio: 3 / 4; } img.aspect--s-3-4 { -o-object-fit: cover; object-fit: cover; } .aspect--s-3-4 iframe { width: 100%; height: 100%; aspect-ratio: 3 / 4; } .aspect--s-4-3 { aspect-ratio: 4 / 3; } img.aspect--s-4-3 { -o-object-fit: cover; object-fit: cover; } .aspect--s-4-3 iframe { width: 100%; height: 100%; aspect-ratio: 4 / 3; } .aspect--s-16-9 { aspect-ratio: 16 / 9; } img.aspect--s-16-9 { -o-object-fit: cover; object-fit: cover; } .aspect--s-16-9 iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .aspect--s-9-16 { aspect-ratio: 9 / 16; } img.aspect--s-9-16 { -o-object-fit: cover; object-fit: cover; } .aspect--s-9-16 iframe { width: 100%; height: 100%; aspect-ratio: 9 / 16; } } @supports not (aspect-ratio: 1.7777777778) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } @media (max-width: 1280px) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } } @media (max-width: 992px) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } } @media (max-width: 768px) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } } @media (max-width: 480px) { .aspect--1-1::before { float: left; padding-top: 100%; content: ""; } .aspect--1-1::after { display: block; content: ""; clear: both; } .aspect--1-2::before { float: left; padding-top: 50%; content: ""; } .aspect--1-2::after { display: block; content: ""; clear: both; } .aspect--2-1::before { float: left; padding-top: 200%; content: ""; } .aspect--2-1::after { display: block; content: ""; clear: both; } .aspect--2-3::before { float: left; padding-top: 150%; content: ""; } .aspect--2-3::after { display: block; content: ""; clear: both; } .aspect--3-2::before { float: left; padding-top: 66%; content: ""; } .aspect--3-2::after { display: block; content: ""; clear: both; } .aspect--3-4::before { float: left; padding-top: 133%; content: ""; } .aspect--3-4::after { display: block; content: ""; clear: both; } .aspect--4-3::before { float: left; padding-top: 75%; content: ""; } .aspect--4-3::after { display: block; content: ""; clear: both; } .aspect--16-9::before { float: left; padding-top: 56.25%; content: ""; } .aspect--16-9::after { display: block; content: ""; clear: both; } .aspect--9-16::before { float: left; padding-top: 177%; content: ""; } .aspect--9-16::after { display: block; content: ""; clear: both; } } } .z--bottom { z-index: -1; } .z--0 { z-index: 0; } .z--10 { z-index: 10; } .z--20 { z-index: 20; } .z--30 { z-index: 30; } .z--40 { z-index: 40; } .z--50 { z-index: 50; } .z--60 { z-index: 60; } .z--70 { z-index: 70; } .z--80 { z-index: 80; } .z--90 { z-index: 90; } .z--top { z-index: 9999; } @media (max-width: 1280px) { .z--xl-bottom { z-index: -1; } .z--xl-0 { z-index: 0; } .z--xl-10 { z-index: 10; } .z--xl-20 { z-index: 20; } .z--xl-30 { z-index: 30; } .z--xl-40 { z-index: 40; } .z--xl-50 { z-index: 50; } .z--xl-60 { z-index: 60; } .z--xl-70 { z-index: 70; } .z--xl-80 { z-index: 80; } .z--xl-90 { z-index: 90; } .z--xl-top { z-index: 9999; } } @media (max-width: 992px) { .z--l-bottom { z-index: -1; } .z--l-0 { z-index: 0; } .z--l-10 { z-index: 10; } .z--l-20 { z-index: 20; } .z--l-30 { z-index: 30; } .z--l-40 { z-index: 40; } .z--l-50 { z-index: 50; } .z--l-60 { z-index: 60; } .z--l-70 { z-index: 70; } .z--l-80 { z-index: 80; } .z--l-90 { z-index: 90; } .z--l-top { z-index: 9999; } } @media (max-width: 768px) { .z--m-bottom { z-index: -1; } .z--m-0 { z-index: 0; } .z--m-10 { z-index: 10; } .z--m-20 { z-index: 20; } .z--m-30 { z-index: 30; } .z--m-40 { z-index: 40; } .z--m-50 { z-index: 50; } .z--m-60 { z-index: 60; } .z--m-70 { z-index: 70; } .z--m-80 { z-index: 80; } .z--m-90 { z-index: 90; } .z--m-top { z-index: 9999; } } @media (max-width: 480px) { .z--s-bottom { z-index: -1; } .z--s-0 { z-index: 0; } .z--s-10 { z-index: 10; } .z--s-20 { z-index: 20; } .z--s-30 { z-index: 30; } .z--s-40 { z-index: 40; } .z--s-50 { z-index: 50; } .z--s-60 { z-index: 60; } .z--s-70 { z-index: 70; } .z--s-80 { z-index: 80; } .z--s-90 { z-index: 90; } .z--s-top { z-index: 9999; } } .isolation--isolate { isolation: isolate; } .marker--primary li::marker { color: var(--primary); } .marker--primary-hover li::marker { color: var(--primary-hover); } .marker--primary-ultra-light li::marker { color: var(--primary-ultra-light); } .marker--primary-light li::marker { color: var(--primary-light); } .marker--primary-medium li::marker { color: var(--primary-medium); } .marker--primary-dark li::marker { color: var(--primary-dark); } .marker--primary-ultra-dark li::marker { color: var(--primary-ultra-dark); } .marker--primary-comp li::marker { color: var(--primary-comp); } .marker--secondary li::marker { color: var(--secondary); } .marker--secondary-hover li::marker { color: var(--secondary-hover); } .marker--secondary-ultra-light li::marker { color: var(--secondary-ultra-light); } .marker--secondary-light li::marker { color: var(--secondary-light); } .marker--secondary-medium li::marker { color: var(--secondary-medium); } .marker--secondary-dark li::marker { color: var(--secondary-dark); } .marker--secondary-ultra-dark li::marker { color: var(--secondary-ultra-dark); } .marker--secondary-comp li::marker { color: var(--secondary-comp); } .marker--accent li::marker { color: var(--accent); } .marker--accent-hover li::marker { color: var(--accent-hover); } .marker--accent-ultra-light li::marker { color: var(--accent-ultra-light); } .marker--accent-light li::marker { color: var(--accent-light); } .marker--accent-medium li::marker { color: var(--accent-medium); } .marker--accent-dark li::marker { color: var(--accent-dark); } .marker--accent-ultra-dark li::marker { color: var(--accent-ultra-dark); } .marker--accent-comp li::marker { color: var(--accent-comp); } .marker--shade li::marker { color: var(--shade); } .marker--shade-hover li::marker { color: var(--shade-hover); } .marker--shade-ultra-light li::marker { color: var(--shade-ultra-light); } .marker--shade-light li::marker { color: var(--shade-light); } .marker--shade-medium li::marker { color: var(--shade-medium); } .marker--shade-dark li::marker { color: var(--shade-dark); } .marker--shade-ultra-dark li::marker { color: var(--shade-ultra-dark); } .marker--shade-comp li::marker { color: var(--shade-comp); } .marker--neutral li::marker { color: var(--neutral); } .marker--neutral-hover li::marker { color: var(--neutral-hover); } .marker--neutral-ultra-light li::marker { color: var(--neutral-ultra-light); } .marker--neutral-light li::marker { color: var(--neutral-light); } .marker--neutral-medium li::marker { color: var(--neutral-medium); } .marker--neutral-dark li::marker { color: var(--neutral-dark); } .marker--neutral-ultra-dark li::marker { color: var(--neutral-ultra-dark); } .marker--neutral-comp li::marker { color: var(--neutral-comp); } .marker--white li::marker { color: var(--white); } .marker--black li::marker { color: var(--black); } ul.list--none, ol.list--none, .list--none > ul, .list--none > ol { list-style: none; padding-inline-start: 0; list-style-type: none; -webkit-margin-before: 0em; margin-block-start: 0em; margin-block-end: 0; } :has(> .ribbon) { position: relative; overflow: hidden; } .ribbon { --ribbon-width: 30rem; --ribbon-offset: -2rem; --ribbon-padding: .5em 1em; --ribbon-background-color: var(--action); --ribbon-text-color: var(--white); --ribbon-text-size: var(--text-s); --ribbon-shadow: 0 5px 10px var(--neutral-trans-10); --ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg); --ribbon-transform-origin: bottom right; position: absolute; display: block; padding: var(--ribbon-padding); background-color: var(--ribbon-background-color); box-shadow: var(--ribbon-shadow); text-align: center; font-size: var(--ribbon-text-size); color: var(--ribbon-text-color); inline-size: var(--ribbon-width); } .ribbon--top-right, .ribbon[data-ribbon-position="top-right"] { inset-block-start: var(--ribbon-offset); inset-inline-end: var(--ribbon-offset); transform: var(--ribbon-transform); transform-origin: var(--ribbon-transform-origin); } .ribbon--top-left, .ribbon[data-ribbon-position="top-left"] { --ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-135deg); --ribbon-transform-origin: bottom left; inset-block-start: var(--ribbon-offset); inset-inline-start: var(--ribbon-offset); transform: var(--ribbon-transform); transform-origin: var(--ribbon-transform-origin); } span.ribbon { inline-size: var(--ribbon-width) !important; } .visibility--hidden { visibility: hidden; } .visibility--visible { visibility: visible; } @media (max-width: 1280px) { .visibility--xl-hidden { visibility: hidden; } .visibility--xl-visible { visibility: visible; } } @media (max-width: 992px) { .visibility--l-hidden { visibility: hidden; } .visibility--l-visible { visibility: visible; } } @media (max-width: 768px) { .visibility--m-hidden { visibility: hidden; } .visibility--m-visible { visibility: visible; } } @media (max-width: 480px) { .visibility--s-hidden { visibility: hidden; } .visibility--s-visible { visibility: visible; } } @supports (font-size: calc(1vw + 2vw)) { :root { --text-xs: calc(1.1rem + (0 * ((100vw - 32rem) / 96))); --text-s: calc(1.2rem + (0 * ((100vw - 32rem) / 96))); --text-m: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96))); --text-l: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 96))); --text-xl: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96))); --text-xxl: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))); --h6: calc(1.1rem + (0 * ((100vw - 32rem) / 96))); --h5: calc(1.2rem + (0 * ((100vw - 32rem) / 96))); --h4: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96))); --h3: calc(1.8rem + (0.4 * ((100vw - 32rem) / 96))); --h2: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96))); --h1: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96))); } @media (min-width: 1280px) { :root { --text-xs: 1.1rem; --text-s: 1.2rem; --text-m: 1.8rem; --text-l: 2.3994rem; --text-xl: 3.1984002rem; --text-xxl: 4.2634674666rem; --h6: 1.1rem; --h5: 1.2rem; --h4: 1.8rem; --h3: 2.2rem; --h2: 3.1984002rem; --h1: 4.2634674666rem; } } } @supports (font-size: clamp(1vw, 2vw, 3vw)) { :root { --text-xs: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem); --text-s: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem); --text-m: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem); --text-l: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem); --text-xl: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem); --text-xxl: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem); --h6: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem); --h5: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem); --h4: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem); --h3: clamp(1.8rem, calc(0.4166666667vw + 1.6666666667rem), 2.2rem); --h2: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem); --h1: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem); } } @supports (padding: calc(1vw + 2vw)) { :root { --space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))); --space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96))); --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); --space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 96))); --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 96))); --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 96))); --section-space-xs: calc(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))); --section-space-s: calc(4.8rem + (3.2 * ((100vw - 32rem) / 96))); --section-space-m: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))); --section-space-l: calc(9.5976rem + (8.4024 * ((100vw - 32rem) / 96))); --section-space-xl: calc(12.7936008rem + (14.2063992 * ((100vw - 32rem) / 96))); --section-space-xxl: calc(17.0538698664rem + (23.4461301336 * ((100vw - 32rem) / 96))); --section-padding-x: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); --gutter: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); } @media (min-width: 1280px) { :root { --space-xs: 1.3333333333rem; --space-s: 2rem; --space-m: 3rem; --space-l: 4.5rem; --space-xl: 6.75rem; --space-xxl: 10.125rem; --section-space-xs: 5.3333333333rem; --section-space-s: 8rem; --section-space-m: 12rem; --section-space-l: 18rem; --section-space-xl: 27rem; --section-space-xxl: 40.5rem; --section-padding-x: 3rem; --gutter: 3rem; } } } @supports (padding: clamp(1vw, 2vw, 3vw)) { :root { --space-xs: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem); --space-s: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem); --space-m: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); --space-l: clamp(3.1992rem, calc(1.355vw + 2.7656rem), 4.5rem); --space-xl: clamp(4.2645336rem, calc(2.5890275vw + 3.4360448rem), 6.75rem); --space-xxl: clamp(5.6846232888rem, calc(4.6253924075vw + 4.2044977184rem), 10.125rem); --section-space-xs: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem); --section-space-s: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem); --section-space-m: clamp(7.2rem, calc(5vw + 5.6rem), 12rem); --section-space-l: clamp(9.5976rem, calc(8.7525vw + 6.7968rem), 18rem); --section-space-xl: clamp(12.7936008rem, calc(14.7983325vw + 8.0581344rem), 27rem); --section-space-xxl: clamp(17.0538698664rem, calc(24.4230522225vw + 9.2384931552rem), 40.5rem); --section-padding-x: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); --gutter: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); } } .contain { container-type: inline-size; } .contain > * { container-type: inline-size; } .gap--xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } @media (max-width: 1280px) { .gap--xl-xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--xl-s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--xl-m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--xl-l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--xl-xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--xl-xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 992px) { .gap--l-xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--l-s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--l-m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--l-l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--l-xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--l-xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 768px) { .gap--m-xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--m-s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--m-m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--m-l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--m-xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--m-xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 480px) { .gap--s-xs { gap: var(--space-xs); --row-gap: var(--space-xs); --col-gap: var(--space-xs); } .gap--s-s { gap: var(--space-s); --row-gap: var(--space-s); --col-gap: var(--space-s); } .gap--s-m { gap: var(--space-m); --row-gap: var(--space-m); --col-gap: var(--space-m); } .gap--s-l { gap: var(--space-l); --row-gap: var(--space-l); --col-gap: var(--space-l); } .gap--s-xl { gap: var(--space-xl); --row-gap: var(--space-xl); --col-gap: var(--space-xl); } .gap--s-xxl { gap: var(--space-xxl); --row-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } .col-gap--xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } @media (max-width: 1280px) { .col-gap--xl-xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--xl-s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--xl-m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--xl-l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--xl-xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--xl-xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 992px) { .col-gap--l-xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--l-s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--l-m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--l-l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--l-xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--l-xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 768px) { .col-gap--m-xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--m-s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--m-m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--m-l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--m-xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--m-xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } @media (max-width: 480px) { .col-gap--s-xs { column-gap: var(--space-xs); --col-gap: var(--space-xs); } .col-gap--s-s { column-gap: var(--space-s); --col-gap: var(--space-s); } .col-gap--s-m { column-gap: var(--space-m); --col-gap: var(--space-m); } .col-gap--s-l { column-gap: var(--space-l); --col-gap: var(--space-l); } .col-gap--s-xl { column-gap: var(--space-xl); --col-gap: var(--space-xl); } .col-gap--s-xxl { column-gap: var(--space-xxl); --col-gap: var(--space-xxl); } } .row-gap--xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } @media (max-width: 1280px) { .row-gap--xl-xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--xl-s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--xl-m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--xl-l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--xl-xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--xl-xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } } @media (max-width: 992px) { .row-gap--l-xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--l-s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--l-m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--l-l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--l-xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--l-xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } } @media (max-width: 768px) { .row-gap--m-xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--m-s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--m-m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--m-l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--m-xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--m-xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } } @media (max-width: 480px) { .row-gap--s-xs { row-gap: var(--space-xs); --row-gap: var(--space-xs); } .row-gap--s-s { row-gap: var(--space-s); --row-gap: var(--space-s); } .row-gap--s-m { row-gap: var(--space-m); --row-gap: var(--space-m); } .row-gap--s-l { row-gap: var(--space-l); --row-gap: var(--space-l); } .row-gap--s-xl { row-gap: var(--space-xl); --row-gap: var(--space-xl); } .row-gap--s-xxl { row-gap: var(--space-xxl); --row-gap: var(--space-xxl); } } .fr-container-gap, .container-gap { --row-gap: var(--container-gap); --col-gap: var(--container-gap); gap: var(--container-gap); } .fr-content-gap, .content-gap { --row-gap: var(--content-gap); --col-gap: var(--content-gap); gap: var(--content-gap); } .fr-grid-gap, .grid-gap { --row-gap: var(--grid-gap); --col-gap: var(--grid-gap); gap: var(--grid-gap); } .gap--none { --row-gap: 0; --col-gap: 0; gap: 0; } section:where(:not(.bricks-shape-divider)) { display: flex; flex-direction: column; align-items: center; gap: var(--container-gap); } section > div:where(:not(.bricks-shape-divider)) { display: flex; flex-direction: column; align-items: flex-start; gap: var(--content-gap); } section > div:where([class*="grid--"]), :where([class*="grid--"]) { gap: var(--grid-gap); } #bricks-popup.templates .bricks-layout-item-inner { height: 100% !important; aspect-ratio: 1.3333333333; } #bricks-popup.templates img { height: 100% !important; } #bricks-popup.templates .bricks-layout-item-inner .button.type { display: none; } #bricks-popup .bricks-layout-item-inner .overlay-wrapper .user { display: none; } :root { --f-light-input-radius: var(--btn-radius); } .form--dark input[type="date"], .form--dark input[type="datetime-local"], .form--dark input[type="month"], .form--dark input[type="password"], .form--dark input[type="search"], .form--dark input[type="time"], .form--dark input[type="week"], .form--dark input[type="email"], .form--dark input[type="number"], .form--dark input[type="tel"], .form--dark input[type="text"], .form--dark input[type="url"], .form--dark select:not([multiple]):not([size]), .form--dark .bricks-search-form input[type="date"], .form--dark .bricks-search-form input[type="datetime-local"], .form--dark .bricks-search-form input[type="month"], .form--dark .bricks-search-form input[type="password"], .form--dark .bricks-search-form input[type="search"], .form--dark .bricks-search-form input[type="time"], .form--dark .bricks-search-form input[type="week"], .form--dark .bricks-search-form input[type="email"], .form--dark .bricks-search-form input[type="number"], .form--dark .bricks-search-form input[type="tel"], .form--dark .bricks-search-form input[type="text"], .form--dark .bricks-search-form input[type="url"], .form--dark .bricks-search-form select:not([multiple]):not([size]), .form--dark .brxe-post-comments input[type="date"], .form--dark .brxe-post-comments input[type="datetime-local"], .form--dark .brxe-post-comments input[type="month"], .form--dark .brxe-post-comments input[type="password"], .form--dark .brxe-post-comments input[type="search"], .form--dark .brxe-post-comments input[type="time"], .form--dark .brxe-post-comments input[type="week"], .form--dark .brxe-post-comments input[type="email"], .form--dark .brxe-post-comments input[type="number"], .form--dark .brxe-post-comments input[type="tel"], .form--dark .brxe-post-comments input[type="text"], .form--dark .brxe-post-comments input[type="url"], .form--dark .brxe-post-comments select:not([multiple]):not([size]) { height: 5rem; } .form--dark .input, .form--dark input:not([type="submit"]), .form--dark select, .form--dark textarea, .form--dark .bricks-search-form .input, .form--dark .bricks-search-form input:not([type="submit"]), .form--dark .bricks-search-form select, .form--dark .bricks-search-form textarea, .form--dark .brxe-post-comments .input, .form--dark .brxe-post-comments input:not([type="submit"]), .form--dark .brxe-post-comments select, .form--dark .brxe-post-comments textarea { background-color: var(--neutral-dark); border-style: solid; border-top-width: 0.1rem; border-right-width: 0.1rem; border-bottom-width: 0.1rem; border-left-width: 0.1rem; border-color: var(--neutral-medium); border-radius: var(--btn-radius); color: var(--neutral-ultra-light); font-size: 1.8rem; font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); line-height: 1; font-weight: 400; padding: 0.5em 1em; } .form--dark .input::placeholder, .form--dark input:not([type="submit"])::placeholder, .form--dark select::placeholder, .form--dark textarea::placeholder, .form--dark .bricks-search-form .input::placeholder, .form--dark .bricks-search-form input:not([type="submit"])::placeholder, .form--dark .bricks-search-form select::placeholder, .form--dark .bricks-search-form textarea::placeholder, .form--dark .brxe-post-comments .input::placeholder, .form--dark .brxe-post-comments input:not([type="submit"])::placeholder, .form--dark .brxe-post-comments select::placeholder, .form--dark .brxe-post-comments textarea::placeholder { color: var(--neutral-ultra-light); opacity: 0.5; } .form--dark .bricks-button, .form--dark .bricks-search-form .bricks-button, .form--dark .brxe-post-comments .bricks-button { background-color: var(--action); color: var(--action-ultra-light); border-style: solid; border-width: var(--btn-border-width); border-color: var(--action); border-radius: var(--f-light-input-radius); -webkit-border-radius: var(--f-light-input-radius); -moz-border-radius: var(--f-light-input-radius); -ms-border-radius: var(--f-light-input-radius); -o-border-radius: var(--f-light-input-radius); font-size: 1.8rem; font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); font-weight: 400; line-height: 1; padding: 0.75em 1.5em; margin-top: 0; text-align: center; -webkit-text-decoration: none; text-decoration: none; text-transform: none; transition: all var(--btn-transition-duration) ease; min-height: 5rem; } .form--dark .bricks-button:hover, .form--dark .bricks-search-form .bricks-button:hover, .form--dark .brxe-post-comments .bricks-button:hover { background-color: var(--action-hover); color: var(--action-ultra-light); border-color: var(--action-hover); } .form--dark .bricks-button.bricks-background-secondary, .form--dark .bricks-search-form .bricks-button.bricks-background-secondary, .form--dark .brxe-post-comments .bricks-button.bricks-background-secondary { background-color: var(--neutral-light); color: var(--neutral-ultra-dark); border-color: var(--neutral-light); } .form--dark .bricks-button.bricks-background-secondary:hover, .form--dark .bricks-search-form .bricks-button.bricks-background-secondary:hover, .form--dark .brxe-post-comments .bricks-button.bricks-background-secondary:hover { background-color: var(--neutral-ultra-light); color: var(--neutral-ultra-dark); border-color: var(--neutral-ultra-light); } .form--dark .form-group:not(.submit-button-wrapper), .form--dark .bricks-search-form .form-group:not(.submit-button-wrapper), .form--dark .brxe-post-comments .form-group:not(.submit-button-wrapper) { margin-bottom: 1.5em; } .form--dark label, .form--dark .bricks-search-form label, .form--dark .brxe-post-comments label { background-color: transparent; color: var(--neutral-ultra-light); font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; margin-bottom: 0.5em; text-transform: none; padding: 0 0; } .form--dark .required:after, .form--dark .bricks-search-form .required:after, .form--dark .brxe-post-comments .required:after { color: var(--action); } .form--dark input[type="file"], .form--dark .bricks-search-form input[type="file"], .form--dark .brxe-post-comments input[type="file"] { padding: 0; } .form--dark .choose-files, .form--dark .bricks-search-form .choose-files, .form--dark .brxe-post-comments .choose-files { padding: 0.5em 1em; color: var(--neutral-ultra-dark); font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; background: var(--neutral-light); transition: all var(--btn-transition-duration) ease; } .form--dark .choose-files:hover, .form--dark .bricks-search-form .choose-files:hover, .form--dark .brxe-post-comments .choose-files:hover { color: var(--neutral-ultra-dark); background: var(--neutral-ultra-light); } .form--dark .file-result.show, .form--dark .bricks-search-form .file-result.show, .form--dark .brxe-post-comments .file-result.show { font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; transition: all var(--btn-transition-duration) ease; } .form--dark .file-result.show .remove:hover, .form--dark .bricks-search-form .file-result.show .remove:hover, .form--dark .brxe-post-comments .file-result.show .remove:hover { background-color: var(--action-hover); color: var(--action-ultra-light); border-color: var(--action-hover); } .form--dark input[type="radio"], .form--dark .bricks-search-form input[type="radio"], .form--dark .brxe-post-comments input[type="radio"] { accent-color: var(--action); } .form--dark input[type="radio"] + label, .form--dark .bricks-search-form input[type="radio"] + label, .form--dark .brxe-post-comments input[type="radio"] + label { background-color: transparent; display: inline-block; color: var(--neutral-ultra-light); font-family: inherit; font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1.4; margin: 0 0 10px; -webkit-padding-start: 1.75em; padding-inline-start: 1.75em; -webkit-padding-start: inherit; padding-inline-start: inherit; margin: 0; } .form--dark input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--dark .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--dark .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) { width: 0px; height: 0px; padding: 0; margin: 0; opacity: 0; position: absolute; } .form--dark input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus, .form--dark .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus, .form--dark .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus { outline: none; } .form--dark input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before, .form--dark .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before, .form--dark .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before { border-color: var(--action); box-shadow: 0 0 0 4px hsl(358 70% 66% / 0.25); outline: 0; } .form--dark input[type="checkbox"] + label, .form--dark .bricks-search-form input[type="checkbox"] + label, .form--dark .brxe-post-comments input[type="checkbox"] + label { background-color: transparent; display: inline-block; color: var(--neutral-ultra-light); font-family: inherit; font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1.4; margin: 0 0 10px; -webkit-padding-start: 1.75em; padding-inline-start: 1.75em; background-color: unset; display: block; position: relative; margin: 0; cursor: pointer; } .form--dark input[type="checkbox"]:hover + label:hover, .form--dark .bricks-search-form input[type="checkbox"]:hover + label:hover, .form--dark .brxe-post-comments input[type="checkbox"]:hover + label:hover { color: var(--action); } .form--dark input[type="checkbox"]:hover + label:before, .form--dark .bricks-search-form input[type="checkbox"]:hover + label:before, .form--dark .brxe-post-comments input[type="checkbox"]:hover + label:before { background: var(--action); box-shadow: inset 0px 0px 0px 2px transparent; } .form--dark input[type="checkbox"] + label:before, .form--dark .bricks-search-form input[type="checkbox"] + label:before, .form--dark .brxe-post-comments input[type="checkbox"] + label:before { content: ""; display: block; width: 1.4em; height: 1.4em; border: 1px solid var(--neutral-ultra-light); border-color: var(--neutral); border-radius: 0.2em; position: absolute; inset-block-start: 0; inset-inline-start: 0; -webkit-transition: all 0.2s, background 0.2s ease-in-out; transition: all 0.2s, background 0.2s ease-in-out; background-color: transparent; } .form--dark input[type="checkbox"]:checked + label:before, .form--dark .bricks-search-form input[type="checkbox"]:checked + label:before, .form--dark .brxe-post-comments input[type="checkbox"]:checked + label:before { background: var(--action); box-shadow: 0 0 0 1px var(--neutral); } .form--dark input[type="checkbox"]:checked + label:before, .form--dark .bricks-search-form input[type="checkbox"]:checked + label:before, .form--dark .brxe-post-comments input[type="checkbox"]:checked + label:before { background: var(--action); box-shadow: 0 0 0 1px var(--neutral); } .form--dark input[type="checkbox"]:checked + label:after, .form--dark .bricks-search-form input[type="checkbox"]:checked + label:after, .form--dark .brxe-post-comments input[type="checkbox"]:checked + label:after { content: ""; cursor: pointer; display: inline-block; height: 1.5em; width: 1.5em; position: absolute; inset-block-start: 0; inset-inline-start: 0; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") 50% no-repeat; background-size: 50%; } .form--dark .options-wrapper li + li, .form--dark .bricks-search-form .options-wrapper li + li, .form--dark .brxe-post-comments .options-wrapper li + li { margin-block-start: var(--list-item-spacing); } main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: var(--action) !important; } .form--light input[type="date"], .form--light input[type="datetime-local"], .form--light input[type="month"], .form--light input[type="password"], .form--light input[type="search"], .form--light input[type="time"], .form--light input[type="week"], .form--light input[type="email"], .form--light input[type="number"], .form--light input[type="tel"], .form--light input[type="text"], .form--light input[type="url"], .form--light select:not([multiple]):not([size]), .form--light .bricks-search-form input[type="date"], .form--light .bricks-search-form input[type="datetime-local"], .form--light .bricks-search-form input[type="month"], .form--light .bricks-search-form input[type="password"], .form--light .bricks-search-form input[type="search"], .form--light .bricks-search-form input[type="time"], .form--light .bricks-search-form input[type="week"], .form--light .bricks-search-form input[type="email"], .form--light .bricks-search-form input[type="number"], .form--light .bricks-search-form input[type="tel"], .form--light .bricks-search-form input[type="text"], .form--light .bricks-search-form input[type="url"], .form--light .bricks-search-form select:not([multiple]):not([size]), .form--light .brxe-post-comments input[type="date"], .form--light .brxe-post-comments input[type="datetime-local"], .form--light .brxe-post-comments input[type="month"], .form--light .brxe-post-comments input[type="password"], .form--light .brxe-post-comments input[type="search"], .form--light .brxe-post-comments input[type="time"], .form--light .brxe-post-comments input[type="week"], .form--light .brxe-post-comments input[type="email"], .form--light .brxe-post-comments input[type="number"], .form--light .brxe-post-comments input[type="tel"], .form--light .brxe-post-comments input[type="text"], .form--light .brxe-post-comments input[type="url"], .form--light .brxe-post-comments select:not([multiple]):not([size]) { height: 5rem; } .form--light .input, .form--light input:not([type="submit"]), .form--light select, .form--light textarea, .form--light .bricks-search-form .input, .form--light .bricks-search-form input:not([type="submit"]), .form--light .bricks-search-form select, .form--light .bricks-search-form textarea, .form--light .brxe-post-comments .input, .form--light .brxe-post-comments input:not([type="submit"]), .form--light .brxe-post-comments select, .form--light .brxe-post-comments textarea { background-color: var(--white); border-style: solid; border-top-width: 0.1rem; border-right-width: 0.1rem; border-bottom-width: 0.1rem; border-left-width: 0.1rem; border-color: var(--shade-light); border-radius: var(--btn-radius); color: var(--shade-dark); font-size: 1.8rem; font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); line-height: 1; font-weight: 400; padding: 0.5em 1em; } .form--light .input::placeholder, .form--light input:not([type="submit"])::placeholder, .form--light select::placeholder, .form--light textarea::placeholder, .form--light .bricks-search-form .input::placeholder, .form--light .bricks-search-form input:not([type="submit"])::placeholder, .form--light .bricks-search-form select::placeholder, .form--light .bricks-search-form textarea::placeholder, .form--light .brxe-post-comments .input::placeholder, .form--light .brxe-post-comments input:not([type="submit"])::placeholder, .form--light .brxe-post-comments select::placeholder, .form--light .brxe-post-comments textarea::placeholder { color: var(--shade-dark); opacity: 0.5; } .form--light .bricks-button, .form--light .bricks-search-form .bricks-button, .form--light .brxe-post-comments .bricks-button { background-color: var(--action); color: var(--action-ultra-light); border-style: solid; border-width: var(--btn-border-width); border-color: var(--action); border-radius: var(--f-light-input-radius); -webkit-border-radius: var(--f-light-input-radius); -moz-border-radius: var(--f-light-input-radius); -ms-border-radius: var(--f-light-input-radius); -o-border-radius: var(--f-light-input-radius); font-size: 1.8rem; font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.4166666667vw + 1.2666666667rem), 1.8rem); font-weight: 400; line-height: 1; padding: 0.75em 1.5em; margin-top: 0; text-align: center; -webkit-text-decoration: none; text-decoration: none; text-transform: none; transition: all var(--btn-transition-duration) ease; min-height: 5rem; } .form--light .bricks-button:hover, .form--light .bricks-search-form .bricks-button:hover, .form--light .brxe-post-comments .bricks-button:hover { background-color: var(--action-hover); color: var(--action-ultra-light); border-color: var(--action-hover); } .form--light .bricks-button.bricks-background-secondary, .form--light .bricks-search-form .bricks-button.bricks-background-secondary, .form--light .brxe-post-comments .bricks-button.bricks-background-secondary { background-color: var(--neutral-light); color: var(--neutral-ultra-dark); border-color: var(--neutral-light); } .form--light .bricks-button.bricks-background-secondary:hover, .form--light .bricks-search-form .bricks-button.bricks-background-secondary:hover, .form--light .brxe-post-comments .bricks-button.bricks-background-secondary:hover { background-color: var(--neutral-ultra-light); color: var(--neutral-ultra-dark); border-color: var(--neutral-ultra-light); } .form--light .form-group:not(.submit-button-wrapper), .form--light .bricks-search-form .form-group:not(.submit-button-wrapper), .form--light .brxe-post-comments .form-group:not(.submit-button-wrapper) { margin-bottom: 1.5em; } .form--light label, .form--light .bricks-search-form label, .form--light .brxe-post-comments label { color: var(--base-dark); font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; margin-bottom: 0.5em; text-transform: none; padding: 0 0; } .form--light .required:after, .form--light .bricks-search-form .required:after, .form--light .brxe-post-comments .required:after { color: var(--action); } .form--light input[type="file"], .form--light .bricks-search-form input[type="file"], .form--light .brxe-post-comments input[type="file"] { padding: 0; } .form--light .choose-files, .form--light .bricks-search-form .choose-files, .form--light .brxe-post-comments .choose-files { padding: 0.5em 1em; color: var(--neutral-ultra-dark); font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; background: var(--neutral-light); transition: all var(--btn-transition-duration) ease; } .form--light .choose-files:hover, .form--light .bricks-search-form .choose-files:hover, .form--light .brxe-post-comments .choose-files:hover { color: var(--neutral-ultra-dark); background: var(--neutral-ultra-light); } .form--light .file-result.show, .form--light .bricks-search-form .file-result.show, .form--light .brxe-post-comments .file-result.show { font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1; transition: all var(--btn-transition-duration) ease; } .form--light .file-result.show .remove:hover, .form--light .bricks-search-form .file-result.show .remove:hover, .form--light .brxe-post-comments .file-result.show .remove:hover { background-color: var(--action-hover); color: var(--action-ultra-light); border-color: var(--action-hover); } .form--light input[type="radio"], .form--light .bricks-search-form input[type="radio"], .form--light .brxe-post-comments input[type="radio"] { accent-color: var(--action); } .form--light input[type="radio"] + label, .form--light .bricks-search-form input[type="radio"] + label, .form--light .brxe-post-comments input[type="radio"] + label { background-color: transparent; display: inline-block; color: var(--base-dark); font-family: inherit; font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1.4; margin: 0 0 10px; -webkit-padding-start: 1.75em; padding-inline-start: 1.75em; -webkit-padding-start: inherit; padding-inline-start: inherit; margin: 0; } .form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--light .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--light .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) { width: 0px; height: 0px; padding: 0; margin: 0; opacity: 0; position: absolute; } .form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus, .form--light .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus, .form--light .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus { outline: none; } .form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before, .form--light .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before, .form--light .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before { border-color: var(--action); box-shadow: 0 0 0 4px hsl(358 70% 66% / 0.25); outline: 0; } .form--light input[type="checkbox"] + label, .form--light .bricks-search-form input[type="checkbox"] + label, .form--light .brxe-post-comments input[type="checkbox"] + label { background-color: transparent; display: inline-block; color: var(--base-dark); font-family: inherit; font-size: 1.4rem; font-size: calc(1.4rem + (0.2 * ((100vw - 32rem) / 96))); font-size: clamp(1.4rem, calc(0.2083333333vw + 1.3333333333rem), 1.6rem); font-weight: 400; line-height: 1.4; margin: 0 0 10px; -webkit-padding-start: 1.75em; padding-inline-start: 1.75em; background-color: unset; display: block; position: relative; margin: 0; cursor: pointer; } .form--light input[type="checkbox"]:hover + label:hover, .form--light .bricks-search-form input[type="checkbox"]:hover + label:hover, .form--light .brxe-post-comments input[type="checkbox"]:hover + label:hover { color: var(--action); } .form--light input[type="checkbox"]:hover + label:before, .form--light .bricks-search-form input[type="checkbox"]:hover + label:before, .form--light .brxe-post-comments input[type="checkbox"]:hover + label:before { background: var(--action); box-shadow: inset 0px 0px 0px 2px transparent; } .form--light input[type="checkbox"] + label:before, .form--light .bricks-search-form input[type="checkbox"] + label:before, .form--light .brxe-post-comments input[type="checkbox"] + label:before { content: ""; display: block; width: 1.4em; height: 1.4em; border: 1px solid var(--neutral-ultra-light); border-color: var(--shade-ultra-light); border-radius: 0.2em; position: absolute; inset-block-start: 0; inset-inline-start: 0; -webkit-transition: all 0.2s, background 0.2s ease-in-out; transition: all 0.2s, background 0.2s ease-in-out; background-color: transparent; } .form--light input[type="checkbox"]:checked + label:before, .form--light .bricks-search-form input[type="checkbox"]:checked + label:before, .form--light .brxe-post-comments input[type="checkbox"]:checked + label:before { background: var(--action); box-shadow: 0 0 0 1px var(--shade-ultra-light); } .form--light input[type="checkbox"]:checked + label:before, .form--light .bricks-search-form input[type="checkbox"]:checked + label:before, .form--light .brxe-post-comments input[type="checkbox"]:checked + label:before { background: var(--action); box-shadow: 0 0 0 1px var(--shade-ultra-light); } .form--light input[type="checkbox"]:checked + label:after, .form--light .bricks-search-form input[type="checkbox"]:checked + label:after, .form--light .brxe-post-comments input[type="checkbox"]:checked + label:after { content: ""; cursor: pointer; display: inline-block; height: 1.5em; width: 1.5em; position: absolute; inset-block-start: 0; inset-inline-start: 0; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") 50% no-repeat; background-size: 50%; } .form--light .options-wrapper li + li, .form--light .bricks-search-form .options-wrapper li + li, .form--light .brxe-post-comments .options-wrapper li + li { margin-block-start: var(--list-item-spacing); } main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: var(--action) !important; } .owl--xs > *:not(.bricks-element-actions) + * { margin-block-start: 1.896rem; margin-block-start: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))); margin-block-start: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem); } .owl--s > *:not(.bricks-element-actions) + * { margin-block-start: 2.133rem; margin-block-start: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96))); margin-block-start: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem); } .owl--m > *:not(.bricks-element-actions) + * { margin-block-start: 2.4rem; margin-block-start: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))); margin-block-start: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem); } .owl--l > *:not(.bricks-element-actions) + * { margin-block-start: 2.7rem; margin-block-start: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 96))); margin-block-start: clamp(3.1992rem, calc(1.355vw + 2.7656rem), 4.5rem); } .owl--xl > *:not(.bricks-element-actions) + * { margin-block-start: 3.038rem; margin-block-start: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 96))); margin-block-start: clamp(4.2645336rem, calc(2.5890275vw + 3.4360448rem), 6.75rem); } .owl--xxl > *:not(.bricks-element-actions) + * { margin-block-start: 3.42rem; margin-block-start: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 96))); margin-block-start: clamp(5.6846232888rem, calc(4.6253924075vw + 4.2044977184rem), 10.125rem); } .text--xs.text--larger { font-size: 1.56rem; font-size: calc(1.32rem + (0.33 * ((100vw - 32rem) / 96))); font-size: clamp(1.32rem, calc(0.34375vw + 1.21rem), 1.65rem); } .text--s.text--larger { font-size: 1.68rem; font-size: calc(1.44rem + (0.36 * ((100vw - 32rem) / 96))); font-size: clamp(1.44rem, calc(0.375vw + 1.32rem), 1.8rem); } .text--m.text--larger { font-size: 2.16rem; font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 96))); font-size: clamp(1.92rem, calc(0.8125vw + 1.66rem), 2.7rem); } .text--l.text--larger { font-size: 2.4rem; font-size: calc(2.304rem + (1.2951 * ((100vw - 32rem) / 96))); font-size: clamp(2.304rem, calc(1.3490625vw + 1.8723rem), 3.5991rem); } .text--xl.text--larger { font-size: 2.76rem; font-size: calc(2.7648rem + (2.0328003 * ((100vw - 32rem) / 96))); font-size: clamp(2.7648rem, calc(2.1175003125vw + 2.0871999rem), 4.7976003rem); } .text--xxl.text--larger { font-size: 3.12rem; font-size: calc(3.31776rem + (3.0774411999 * ((100vw - 32rem) / 96))); font-size: clamp(3.31776rem, calc(3.2056679166vw + 2.2919462667rem), 6.3952011999rem); } h1.text--larger { font-size: 3.12rem; font-size: calc(3.31776rem + (3.0774411999 * ((100vw - 32rem) / 96))); font-size: clamp(3.31776rem, calc(3.2056679166vw + 2.2919462667rem), 6.3952011999rem); } h2.text--larger { font-size: 2.76rem; font-size: calc(2.7648rem + (2.0328003 * ((100vw - 32rem) / 96))); font-size: clamp(2.7648rem, calc(2.1175003125vw + 2.0871999rem), 4.7976003rem); } h3.text--larger { font-size: 2.4rem; font-size: calc(2.16rem + (1.14 * ((100vw - 32rem) / 96))); font-size: clamp(2.16rem, calc(1.1875vw + 1.78rem), 3.3rem); } h4.text--larger { font-size: 2.16rem; font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 96))); font-size: clamp(1.92rem, calc(0.8125vw + 1.66rem), 2.7rem); } h5.text--larger { font-size: 1.68rem; font-size: calc(1.44rem + (0.36 * ((100vw - 32rem) / 96))); font-size: clamp(1.44rem, calc(0.375vw + 1.32rem), 1.8rem); } h6.text--larger { font-size: 1.56rem; font-size: calc(1.32rem + (0.33 * ((100vw - 32rem) / 96))); font-size: clamp(1.32rem, calc(0.34375vw + 1.21rem), 1.65rem); }